You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ta...@apache.org on 2017/07/28 09:12:00 UTC
[21/43] incubator-weex git commit: * [html5] release vue-render
v0.11.21 && render-core.
* [html5] release vue-render v0.11.21 && render-core.
Project: http://git-wip-us.apache.org/repos/asf/incubator-weex/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex/commit/f9846a35
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex/tree/f9846a35
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex/diff/f9846a35
Branch: refs/heads/0.16-dev
Commit: f9846a35518d286f9157c4b512fc8f301db9879a
Parents: 7f34d5b
Author: MrRaindrop <te...@gmail.com>
Authored: Thu Jul 20 18:29:39 2017 +0800
Committer: MrRaindrop <te...@gmail.com>
Committed: Thu Jul 20 18:29:39 2017 +0800
----------------------------------------------------------------------
html5/render/vue/README.md | 69 ++++++++++++++++++++++++++++++
package.json | 2 +-
packages/weex-vue-render/README.md | 69 ++++++++++++++++++++++++++++++
packages/weex-vue-render/package.json | 2 +-
scripts/dist-vue.sh | 2 +-
5 files changed, 141 insertions(+), 3 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f9846a35/html5/render/vue/README.md
----------------------------------------------------------------------
diff --git a/html5/render/vue/README.md b/html5/render/vue/README.md
index f0d3ba8..07286be 100644
--- a/html5/render/vue/README.md
+++ b/html5/render/vue/README.md
@@ -25,6 +25,75 @@ If you perfer cdn way, and use script tag to import a script link, just import i
<script>{{your js bundle}}</script>
```
+## use render-core and plugins
+
+You can juse use a **render-core** in your page, and define your needs for the plugins (components and API modules) in your entry file, so that your would save a lot of bundle size and bandwidth. On the other hand, The full version contains all the built-in components and API modules, which will waste a lot of bundle size and bandwidth if you haven't use most of them.
+
+To use the render-core and the plugins, just install the plugins in your entry file.
+
+```javascript
+import Vue from 'vue'
+
+// import render-core.
+import weex from 'weex-vue-render/dist/index.core'
+
+// import the plugins (components and modules) you want to use.
+import slider from 'weex-vue-slider'
+import stream from 'weex-vue-stream'
+
+// init weex.
+weex.init(Vue)
+
+// install the plugins.
+weex.install(slider)
+weex.install(stream)
+
+import App from 'App.vue'
+new Vue(App)
+```
+
+#### built-in components in render-core
+
+These components have already integrated into render-core. You don't have to import and install them:
+
+* div
+* text
+* image
+* scrollable components (scroller, list, waterfall)
+
+#### available built-in components for you to install
+
+| npm module name | component name |
+| --- | --- |
+| weex-vue-a | a |
+| weex-vue-input | input |
+| weex-vue-slider | slider / slider-neighbor |
+| weex-vue-switch | switch |
+| weex-vue-textarea | textarea |
+| weex-vue-video | video |
+| weex-vue-web | web |
+
+#### available API modules for you to install
+
+| npm module name | API module name |
+| --- | --- |
+| weex-vue-animation | animation |
+| weex-vue-clipboard | clipboard |
+| weex-vue-dom | dom |
+| weex-vue-event | event |
+| weex-vue-geolocation | geolocation |
+| weex-vue-global-event | globalEvent |
+| weex-vue-modal | modal |
+| weex-vue-navigator | navigator |
+| weex-vue-storage | storage |
+| weex-vue-stream | stream |
+| weex-vue-websocket | websocket |
+| weex-vue-webview | webview |
+
+Some of the above plugins may not be mentioned in weex documents. Just ignore them if you have no idear about what they are and how to use them.
+
+You can develop more plugins for your app. Accordingly the same plugin for other two platforms (iOS and Android) should also be built and intergrated in your app if you want it run on all three platforms.
+
## use vue-loader to bundle .vue file
NOTE: you should inject `$processStyle` to preprocess vnode's style in vue-loader's postTransformNode hook.
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f9846a35/package.json
----------------------------------------------------------------------
diff --git a/package.json b/package.json
index 133be70..1d86f3b 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
"subversion": {
"browser": "0.5.0",
"framework": "0.20.6",
- "vue-render": "0.11.57",
+ "vue-render": "0.12.1",
"transformer": ">=0.1.5 <0.5"
},
"description": "A framework for building Mobile cross-platform UI",
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f9846a35/packages/weex-vue-render/README.md
----------------------------------------------------------------------
diff --git a/packages/weex-vue-render/README.md b/packages/weex-vue-render/README.md
index f0d3ba8..07286be 100644
--- a/packages/weex-vue-render/README.md
+++ b/packages/weex-vue-render/README.md
@@ -25,6 +25,75 @@ If you perfer cdn way, and use script tag to import a script link, just import i
<script>{{your js bundle}}</script>
```
+## use render-core and plugins
+
+You can juse use a **render-core** in your page, and define your needs for the plugins (components and API modules) in your entry file, so that your would save a lot of bundle size and bandwidth. On the other hand, The full version contains all the built-in components and API modules, which will waste a lot of bundle size and bandwidth if you haven't use most of them.
+
+To use the render-core and the plugins, just install the plugins in your entry file.
+
+```javascript
+import Vue from 'vue'
+
+// import render-core.
+import weex from 'weex-vue-render/dist/index.core'
+
+// import the plugins (components and modules) you want to use.
+import slider from 'weex-vue-slider'
+import stream from 'weex-vue-stream'
+
+// init weex.
+weex.init(Vue)
+
+// install the plugins.
+weex.install(slider)
+weex.install(stream)
+
+import App from 'App.vue'
+new Vue(App)
+```
+
+#### built-in components in render-core
+
+These components have already integrated into render-core. You don't have to import and install them:
+
+* div
+* text
+* image
+* scrollable components (scroller, list, waterfall)
+
+#### available built-in components for you to install
+
+| npm module name | component name |
+| --- | --- |
+| weex-vue-a | a |
+| weex-vue-input | input |
+| weex-vue-slider | slider / slider-neighbor |
+| weex-vue-switch | switch |
+| weex-vue-textarea | textarea |
+| weex-vue-video | video |
+| weex-vue-web | web |
+
+#### available API modules for you to install
+
+| npm module name | API module name |
+| --- | --- |
+| weex-vue-animation | animation |
+| weex-vue-clipboard | clipboard |
+| weex-vue-dom | dom |
+| weex-vue-event | event |
+| weex-vue-geolocation | geolocation |
+| weex-vue-global-event | globalEvent |
+| weex-vue-modal | modal |
+| weex-vue-navigator | navigator |
+| weex-vue-storage | storage |
+| weex-vue-stream | stream |
+| weex-vue-websocket | websocket |
+| weex-vue-webview | webview |
+
+Some of the above plugins may not be mentioned in weex documents. Just ignore them if you have no idear about what they are and how to use them.
+
+You can develop more plugins for your app. Accordingly the same plugin for other two platforms (iOS and Android) should also be built and intergrated in your app if you want it run on all three platforms.
+
## use vue-loader to bundle .vue file
NOTE: you should inject `$processStyle` to preprocess vnode's style in vue-loader's postTransformNode hook.
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f9846a35/packages/weex-vue-render/package.json
----------------------------------------------------------------------
diff --git a/packages/weex-vue-render/package.json b/packages/weex-vue-render/package.json
index 35b80d1..9a186b2 100644
--- a/packages/weex-vue-render/package.json
+++ b/packages/weex-vue-render/package.json
@@ -1,6 +1,6 @@
{
"name": "weex-vue-render",
- "version": "0.11.57",
+ "version": "0.12.1",
"description": "Weex built-in components for Vue 2.x.",
"license": "Apache-2.0",
"main": "dist/index.js",
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f9846a35/scripts/dist-vue.sh
----------------------------------------------------------------------
diff --git a/scripts/dist-vue.sh b/scripts/dist-vue.sh
index 60fce06..a172573 100644
--- a/scripts/dist-vue.sh
+++ b/scripts/dist-vue.sh
@@ -45,7 +45,7 @@ echo " => writing version number into weex-vue-render's package.json..."
# get version of weex-html5 from subversion of main package.json.
pkg=./package.json
dist_pkg=${base_dir}/package.json
-version=$( grep -o -E "\"vue-render\": \"([0-9.]+)\"" ${pkg} | grep -o -E "[0-9.]+" )
+version=$( grep -o -E "\"vue-render\": \"([0-9]+[.a-z0-9-]+)\"" ${pkg} | grep -o -E "[0-9]+[.a-z0-9-]+" )
echo " => version:" ${version}
# update package.json for weex-html5 package.