Merge branch 'master' of https://github.com/alibaba/weex-ui
diff --git a/CHANGELOG.md b/CHANGELOG.md
index c9cbc9a..0f36b7b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
# Change Log
+## 0.6.10
+
+-[!] Fixed the `lines` bug about [wxc-popover](https://alibaba.github.io/weex-ui/#/packages/wxc-popover/) when in web. [issue/384](https://github.com/alibaba/weex-ui/issues/384)
+- [!] Fixed the `sourceData` warning about [wxc-city](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-city/) when searching. [issue/382](https://github.com/alibaba/weex-ui/issues/382)
+- [!] Fixed the `btnStyle` style cannot cover about [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/). [issue/390](https://github.com/alibaba/weex-ui/issues/390)
+- [+] Add Weex and Bindingx DingTalk Group.
+
## 0.6.9
- [!] Fixed the bug about [wxc-loading](https://alibaba.github.io/weex-ui/#/packages/wxc-loading/) When `need-mask` is false.
- [-] Remove the special treatment for weex-toolkit in [with-weex-toolkit](https://alibaba.github.io/weex-ui/#/docs/with-weex-toolkit).
@@ -35,7 +42,7 @@
- [!] Fixed the [wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) bug about position. [issues/282](https://github.com/alibaba/weex-ui/issues/282)
- [+] [wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) supports dynamic modification of data and style in real time display.
- [!] Fixed the bug about [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) when set the `type`. [issues/268](https://github.com/alibaba/weex-ui/issues/268)
-- [+] Fixed the bug about [wxc-grid-select](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-grid-select/) when using more than one.
+- [+] Fixed the bug about [wxc-grid-select](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-grid-select/) when using more than one.
- [!] Fixed the bug about [`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) when slide to last one. [issues/277](https://github.com/alibaba/weex-ui/issues/277)
## 0.6.3
@@ -76,7 +83,7 @@
## 0.5.3
- [!] [wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) support not to display the location, direct incoming `currentLocation` is empty.
- [+] [wxc-checkbox](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-checkbox/README.md) add `has-top-border`/`has-bottom-border` for whether show top-border or bottom-border.
-- [+] [wxc-progress](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-progress/README.md) add `bar-radius` for setting border-radius.
+- [+] [wxc-progress](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-progress/README.md) add `bar-radius` for setting border-radius.
## 0.5.2
* [!] Using `rebind()` to be compatible older version about [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md).
diff --git a/CHANGELOG_cn.md b/CHANGELOG_cn.md
index fd03e18..5ba904e 100644
--- a/CHANGELOG_cn.md
+++ b/CHANGELOG_cn.md
@@ -1,248 +1,262 @@
# 升级日志
+## 0.6.10
+
+-[!] 修复 [wxc-popover](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popover/) 在 Web 环境报 `lines` 的错误 [issue/384](https://github.com/alibaba/weex-ui/issues/384)
+- [!] 修复[wxc-city](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-city/) 搜索时候 sourceData 的 warning 问题 [issue/382](https://github.com/alibaba/weex-ui/issues/390)
+- [!]修复[wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 组件 btnStyle 在有 size 设置时候不可覆盖的问题 [issue/382](https://github.com/alibaba/weex-ui/issues/390)
+- [+] 新增 Weex 和 Bindingx 官方钉钉群
+
## 0.6.9
+
- [!] 修复 [wxc-loading](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-loading/) 组件的 Bug，当 need-mask 为 false 时候
- [-] 移除文档 [with-weex-toolkit](https://alibaba.github.io/weex-ui/#/cn/with-weex-toolkit) 中对最新版本的 weex-toolkit 特殊的处理
## 0.6.8
-- [+] [wxc-tab-page](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 支持 tab-item 更多的参数设置，详细可见[文档]((https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/))
-- [+] [wxc-lightbox](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 支持设置 index 和 interval
-- [!] [wxc-rich-text](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/) 中 wxc-special-rich-text 移除之前兼容 ios 的老逻辑
+- [+][wxc-tab-page](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 支持 tab-item 更多的参数设置，详细可见[文档](<(https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/)>)
+- [+][wxc-lightbox](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 支持设置 index 和 interval
+- [!][wxc-rich-text](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/) 中 wxc-special-rich-text 移除之前兼容 ios 的老逻辑
## 0.6.7
+
- [!] Loading 位置属性修改，防止多个时候的重叠 [pull/323](https://github.com/alibaba/weex-ui/pull/323)
- [!] 文档英语语法修正 [pull/329](https://github.com/alibaba/weex-ui/pull/329)、[pull/330](https://github.com/alibaba/weex-ui/pull/330)
-- [+] [utils](https://alibaba.github.io/weex-ui/#/packages/utils/) 中新增 iPhoneXS Max/ iPhoneXR 判断方法 [pull/337](https://github.com/alibaba/weex-ui/pull/337)
+- [+][utils](https://alibaba.github.io/weex-ui/#/packages/utils/) 中新增 iPhoneXS Max/ iPhoneXR 判断方法 [pull/337](https://github.com/alibaba/weex-ui/pull/337)
- [!] 升级 npm querystringify、url-parse 对应版本号 [pull/329](https://github.com/alibaba/weex-ui/pull/329)
-- [+] [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 新增绿色主题 [pull/291](https://github.com/alibaba/weex-ui/pull/291)
-- [+] [wxc-indexlist](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-indexlist/) 新增 `need-animation` 参数来 disable 锚点动画 [issue/341](https://github.com/alibaba/weex-ui/issues/341)
+- [+][wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 新增绿色主题 [pull/291](https://github.com/alibaba/weex-ui/pull/291)
+- [+][wxc-indexlist](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-indexlist/) 新增 `need-animation` 参数来 disable 锚点动画 [issue/341](https://github.com/alibaba/weex-ui/issues/341)
- [!] 修复 [wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) Android 下拖动滑块后禁用仍然可以拖动滑块 [issue/331](https://github.com/alibaba/weex-ui/issues/331)
-- [+] [wxc-minibar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-minibar/) 新增 bar-style 可用来自定义参数 [issue/326](https://github.com/alibaba/weex-ui/issues/326)
-
+- [+][wxc-minibar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-minibar/) 新增 bar-style 可用来自定义参数 [issue/326](https://github.com/alibaba/weex-ui/issues/326)
## 0.6.6
-- [!] 修复 [wxc-tab-page](https://alibaba.github.io/weex-ui/#/packages/wxc-tab-page/) 中 Padding 不存在时候的报错 [issue/320](https://github.com/alibaba/weex-ui/issues/320)
-- [!] 修复 [wxc-popup](https://alibaba.github.io/weex-ui/#/packages/wxc-popup/) 组件传入的standOut值为字符串 bug [issue/319](https://github.com/alibaba/weex-ui/issues/319)
+
+- [!] 修复 [wxc-tab-page](https://alibaba.github.io/weex-ui/#/packages/wxc-tab-page/) 中 Padding 不存在时候的报错 [issue/320](https://github.com/alibaba/weex-ui/issues/320)
+- [!] 修复 [wxc-popup](https://alibaba.github.io/weex-ui/#/packages/wxc-popup/) 组件传入的 standOut 值为字符串 bug [issue/319](https://github.com/alibaba/weex-ui/issues/319)
## 0.6.5
-- [+] [`wxc-button`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 支持设置 disabled 样式进行覆盖
-- [!] 修复 [`wxc-rich-text`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/) link 不支持点击回调问题 [issue/298](https://github.com/alibaba/weex-ui/issues/298)
-- [+] [wxc-city](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-city/) 新增`show-nav-header` 来控制是否显示栏目头部 [issue/294](https://github.com/alibaba/weex-ui/issues/294)
-- [+] [wxc-tab-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-bar/) 在 isTabView 为 false 时候也支持设置高亮 [issue/292](https://github.com/alibaba/weex-ui/issues/292)
-- [+] [wxc-popover](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popover/) 支持文字部分样式覆盖 [issue/289](https://github.com/alibaba/weex-ui/issues/289)
+- [+][`wxc-button`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) 支持设置 disabled 样式进行覆盖
+- [!] 修复 [`wxc-rich-text`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-rich-text/) link 不支持点击回调问题 [issue/298](https://github.com/alibaba/weex-ui/issues/298)
+- [+][wxc-city](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-city/) 新增`show-nav-header` 来控制是否显示栏目头部 [issue/294](https://github.com/alibaba/weex-ui/issues/294)
+- [+][wxc-tab-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-bar/) 在 isTabView 为 false 时候也支持设置高亮 [issue/292](https://github.com/alibaba/weex-ui/issues/292)
+- [+][wxc-popover](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popover/) 支持文字部分样式覆盖 [issue/289](https://github.com/alibaba/weex-ui/issues/289)
## 0.6.4
-- [+] [`wxc-searchbar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) 支持设置键盘返回键的类型 [issues/287](https://github.com/alibaba/weex-ui/issues/287)
+
+- [+][`wxc-searchbar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) 支持设置键盘返回键的类型 [issues/287](https://github.com/alibaba/weex-ui/issues/287)
- [!] 修复 [wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) 浮动定位问题 [issues/282](https://github.com/alibaba/weex-ui/issues/282)
-- [+] [wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) 支持动态修改数据并样式实时展示
+- [+][wxc-slider-bar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) 支持动态修改数据并样式实时展示
- [!] 修复 [wxc-button](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-button/) type 使用的 bug 问题
- [+] 修复 [wxc-grid-select](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-grid-select/) 多个时候会存在 key 重复的问题
- [!] 修复 [`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) 最后一个可能卡顿问题 [issues/277](https://github.com/alibaba/weex-ui/issues/277)
## 0.6.3
+
- [!] 修复 [`wxc-minibar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-minibar/) 设置右侧 slot 时候回调无效问题 [issue/263](https://github.com/alibaba/weex-ui/issues/263)
-- [+] [`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) 支持设置右滑加载更多设置，通过配置 `pull-more` slot 即可
-- [!] 修复 [wxc-icon](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-icon/) 在某些容器请求字体文件出错问题 [issues/253](https://github.com/alibaba/weex-ui/issues/253)
-- [+] [wxc-popup](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popup/) 支持设置原有位置突出的 `stand-out` [issue/251](https://github.com/alibaba/weex-ui/issues/251)
+- [+][`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) 支持设置右滑加载更多设置，通过配置 `pull-more` slot 即可
+- [!] 修复 [wxc-icon](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-icon/) 在某些容器请求字体文件出错问题 [issues/253](https://github.com/alibaba/weex-ui/issues/253)
+- [+][wxc-popup](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popup/) 支持设置原有位置突出的 `stand-out` [issue/251](https://github.com/alibaba/weex-ui/issues/251)
- [+] 支持在构建过程中自动生成入口 `index.js` [pull/259](https://github.com/alibaba/weex-ui/pull/259)
-- [!] 修复 [wxc-searchbar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) barStyle 字段默认值返回 `undefined` 值 [pull/255](https://github.com/alibaba/weex-ui/pull/255)
-- [+] [wxc-result](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-result/) 支持获取新增的错误类型展示 [pull/252](https://github.com/alibaba/weex-ui/pull/252)
+- [!] 修复 [wxc-searchbar](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) barStyle 字段默认值返回 `undefined` 值 [pull/255](https://github.com/alibaba/weex-ui/pull/255)
+- [+][wxc-result](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-result/) 支持获取新增的错误类型展示 [pull/252](https://github.com/alibaba/weex-ui/pull/252)
## 0.6.2
-- [+] [`utils`](https://alibaba.github.io/weex-ui/#/cn/packages/utils/) 功能增强，新增`objToParams`、`paramsToObj`、`getPageHeight`、`getScreenHeight`等功能，详细可见 [utils/index.js](https://github.com/alibaba/weex-ui/blob/master/packages/utils/index.js)
-- [!] 修复 [`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) 只有两个 slider 时候的滑动 bug [pull/248](https://github.com/alibaba/weex-ui/pull/248)
-- [!] 修复 [`wxc-searchbar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) 同时设置自定义样式和主题时候的背景冲突 [issues/242](https://github.com/alibaba/weex-ui/issues/242)/[pull/245](https://github.com/alibaba/weex-ui/pull/245)
-- [+] [`wxc-mask`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-mask/) 支持传入 `top` 参数控制距离顶部的高度 [issues/240](https://github.com/alibaba/weex-ui/issues/240)/[pull/241](https://github.com/alibaba/weex-ui/pull/241)
-- [!] [`wxc-popover`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popover/) demo 问题修复 [pull/236](https://github.com/alibaba/weex-ui/pull/236)
+- [+][`utils`](https://alibaba.github.io/weex-ui/#/cn/packages/utils/) 功能增强，新增`objToParams`、`paramsToObj`、`getPageHeight`、`getScreenHeight`等功能，详细可见 [utils/index.js](https://github.com/alibaba/weex-ui/blob/master/packages/utils/index.js)
+- [!] 修复 [`wxc-ep-slider`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-ep-slider/) 只有两个 slider 时候的滑动 bug [pull/248](https://github.com/alibaba/weex-ui/pull/248)
+- [!] 修复 [`wxc-searchbar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-searchbar/) 同时设置自定义样式和主题时候的背景冲突 [issues/242](https://github.com/alibaba/weex-ui/issues/242)/[pull/245](https://github.com/alibaba/weex-ui/pull/245)
+- [+][`wxc-mask`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-mask/) 支持传入 `top` 参数控制距离顶部的高度 [issues/240](https://github.com/alibaba/weex-ui/issues/240)/[pull/241](https://github.com/alibaba/weex-ui/pull/241)
+- [!][`wxc-popover`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-popover/) demo 问题修复 [pull/236](https://github.com/alibaba/weex-ui/pull/236)
## 0.6.1
-- [+] [`wxc-tab-page`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 新增沉浸式全屏效果的页面切换组件 `wxc-full-page`,详细使用见组件文档
-- [+] [`wxc-tab-page`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 新增参数`need-slider` 控制是否需要手势滑动
-- [!] 解决 `import {BindEnv} from 'weex-ui'` 的使用问题
-- [!] [wxc-cell](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-cell/) 功能增强，支持配置额外内容
-- [!] 修复 [`wxc-slider-bar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) 在 Web 端和 iOS 端样式显示
-- [+] [`wxc-refresher`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-refresher/) 放出 refresh 和 pullingdown 事件回调
+- [+][`wxc-tab-page`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 新增沉浸式全屏效果的页面切换组件 `wxc-full-page`,详细使用见组件文档
+- [+][`wxc-tab-page`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-tab-page/) 新增参数`need-slider` 控制是否需要手势滑动
+- [!] 解决 `import {BindEnv} from 'weex-ui'` 的使用问题
+- [!][wxc-cell](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-cell/) 功能增强，支持配置额外内容
+- [!] 修复 [`wxc-slider-bar`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-slider-bar/) 在 Web 端和 iOS 端样式显示
+- [+][`wxc-refresher`](https://alibaba.github.io/weex-ui/#/cn/packages/wxc-refresher/) 放出 refresh 和 pullingdown 事件回调
## 0.6.0
-- [+] [wxc-button](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-button/README.md) 组件支持更多 `type`，去除 `normal`/ `highlight`，新增 type 类型 `white`、`blue`，同时新增按钮 `size` 设置，升级后使用需要注意
+
+- [+][wxc-button](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-button/README.md) 组件支持更多 `type`，去除 `normal`/ `highlight`，新增 type 类型 `white`、`blue`，同时新增按钮 `size` 设置，升级后使用需要注意
- [!] 解决 bindingx 打包体积过大问题，Binding 相关判断由 `Utils.env` 转移到 `BindEnv`，升级需注意 [issue 191](https://github.com/alibaba/weex-ui/issues/191)
- [+] 新 Binding 组件: [`wxc-refresh`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-refresh/README.md)，目前处于 beta 阶段，欢迎提建议
- [-] 移除高版本 weex-vue-loader 中对组件默认样式的提示 [issue 198](https://github.com/alibaba/weex-ui/issues/189)
-- [+] [wxc-popover](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md) 组件支持动画 [pr 184](https://github.com/alibaba/weex-ui/pull/184/files)
-- [+] [wxc-searchbar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-searchbar/README.md) 支持设置 `bar-style` 样式覆盖主题颜色
-- [!] [wxc-rich-text](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-rich-text/README.md) 对 `wxc-special-rich-text` iPad、Android 兼容性增强
+- [+][wxc-popover](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md) 组件支持动画 [pr 184](https://github.com/alibaba/weex-ui/pull/184/files)
+- [+][wxc-searchbar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-searchbar/README.md) 支持设置 `bar-style` 样式覆盖主题颜色
+- [!][wxc-rich-text](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-rich-text/README.md) 对 `wxc-special-rich-text` iPad、Android 兼容性增强
- [+] 常见问题/bindingx 相关组件文档更新
## 0.5.3
-- [!] [wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 支持不显示定位城市，直接传入`currentLocation`为空即可
-- [+] [wxc-checkbox](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-checkbox/README.md) 新增 `has-top-border`/`has-bottom-border` 参数用于控制是否展示上线border线
-- [+] [wxc-progress](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-progress/README.md) 新增 `bar-radius` 参数用于控制进度条的圆角
+
+- [!][wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 支持不显示定位城市，直接传入`currentLocation`为空即可
+- [+][wxc-checkbox](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-checkbox/README.md) 新增 `has-top-border`/`has-bottom-border` 参数用于控制是否展示上线 border 线
+- [+][wxc-progress](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-progress/README.md) 新增 `bar-radius` 参数用于控制进度条的圆角
## 0.5.2
-* [!] 重新使用 `rebind()` 用在适配 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md) 在 iOS Binding 老版本上面 list 滑动注销 Bug
-* [+] [wxc-searchbar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-searchbar/README.md) 允许配置 取消 按钮文案
-* [!][`wxc-mask`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-mask/README.md) 支持控制蒙层不可以自动关闭
+- [!] 重新使用 `rebind()` 用在适配 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md) 在 iOS Binding 老版本上面 list 滑动注销 Bug
+- [+][wxc-searchbar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-searchbar/README.md) 允许配置 取消 按钮文案
+- [!][`wxc-mask`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-mask/README.md) 支持控制蒙层不可以自动关闭
## 0.5.0
-* [+] [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md)、[wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md)、[wxc-slider-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-slider-bar/README.md) 支持[Bindingx](https://alibaba.github.io/bindingx/) 🎉🎉
-* [-] 移除 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md) 中的 rebind() 调用
-* [!] 修复 [`wxc-city`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 组件 props 参数问题
-* [+] 给 [wxc-popover](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md) 增加更多 demo 同时兼容适配 Android
+
+- [+][wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md)、[wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md)、[wxc-slider-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-slider-bar/README.md) 支持[Bindingx](https://alibaba.github.io/bindingx/) 🎉🎉
+- [-] 移除 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md) 中的 rebind() 调用
+- [!] 修复 [`wxc-city`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 组件 props 参数问题
+- [+] 给 [wxc-popover](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md) 增加更多 demo 同时兼容适配 Android
## 0.4.1
-* [+] 新组件: [`wxc-popover`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md). 🎉🎉
-* [+] [wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md)、[wxc-page-calendar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-calendar/README.md) 支持 model 形式动画
-* [+] [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md)、[wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 支持设置 iconFont 到 text 之间的 margin
-* [+] [wxc-loading](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 支持设置防误触蒙层
-* [+] [wxc-simple-flow](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-simple-flow/README.md) 支持设置多行标题
-
-
+
+- [+] 新组件: [`wxc-popover`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-popover/README.md). 🎉🎉
+- [+][wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md)、[wxc-page-calendar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-calendar/README.md) 支持 model 形式动画
+- [+][wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md)、[wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 支持设置 iconFont 到 text 之间的 margin
+- [+][wxc-loading](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 支持设置防误触蒙层
+- [+][wxc-simple-flow](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-simple-flow/README.md) 支持设置多行标题
+
## 0.4.0
-* [+] 更强大的 [wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 组件，使用简单化，默认城市配置，不需传入很多参数，**但是涉及参数变动**
-* [!] 优化 Github 中 Readme 中英文档的显示
-* [+] 新增一个中文版本的 [Changelog](https://github.com/alibaba/weex-ui/blob/master/CHANGELOG_cn.md)
-* [+] 从群里收集，新增更多的常见问题
-* [+] 合并外部贡献者的代码提交
+- [+] 更强大的 [wxc-city](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md) 组件，使用简单化，默认城市配置，不需传入很多参数，**但是涉及参数变动**
+- [!] 优化 Github 中 Readme 中英文档的显示
+- [+] 新增一个中文版本的 [Changelog](https://github.com/alibaba/weex-ui/blob/master/CHANGELOG_cn.md)
+- [+] 从群里收集，新增更多的常见问题
+- [+] 合并外部贡献者的代码提交
## 0.3.13
-* [!] 修复 [`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) slot bug
-* [!][wxc-indexlist](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-indexlist/README.md) 完全支持自定义样式 [issue 132](https://github.com/alibaba/weex-ui/issues/132)
-* [+] 新增一篇 [`Weex + Ui - Weex Conf 2018`](https://alibaba.github.io/weex-ui/#/cn/weex-ui-weex-conf-2018)文章, 欢迎来[翻译](https://github.com/alibaba/weex-ui/blob/master/docs/weex-ui-weex-conf-2018.md).
+- [!] 修复 [`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) slot bug
+- [!][wxc-indexlist](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-indexlist/README.md) 完全支持自定义样式 [issue 132](https://github.com/alibaba/weex-ui/issues/132)
+- [+] 新增一篇 [`Weex + Ui - Weex Conf 2018`](https://alibaba.github.io/weex-ui/#/cn/weex-ui-weex-conf-2018)文章, 欢迎来[翻译](https://github.com/alibaba/weex-ui/blob/master/docs/weex-ui-weex-conf-2018.md).
## 0.3.12
-* [+] 新增 `happypack` 用来提高打包速度
-* [+] 增加一个 [weex-ui](https://github.com/tw93/weex-ui-demo) 汇集使用案例
-* [+][wxc-stepper](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-stepper/README.md) 支持默认值的动态更新 [issue126](https://github.com/alibaba/weex-ui/issues/126).
-* [!] 修复 [wxc-grid-select](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-grid-select/README.md) 的[展示 bug](https://github.com/alibaba/weex-ui/issues/123).
+- [+] 新增 `happypack` 用来提高打包速度
+- [+] 增加一个 [weex-ui](https://github.com/tw93/weex-ui-demo) 汇集使用案例
+- [+][wxc-stepper](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-stepper/README.md) 支持默认值的动态更新 [issue126](https://github.com/alibaba/weex-ui/issues/126).
+- [!] 修复 [wxc-grid-select](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-grid-select/README.md) 的[展示 bug](https://github.com/alibaba/weex-ui/issues/123).
## 0.3.11
-* [+][`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 完全支持自定义导航栏头部
-* [!] 修复 [wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md) 动态数据更新问题
-* [!] 修复 [wxc-result](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-result/README.md)的文档代码错误 [issue112](https://github.com/alibaba/weex-ui/issues/112)
-* [!] 修复 [wxc-mask](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-mask/README.md) 由于数据更新导致被隐藏的[bug](https://github.com/alibaba/weex-ui/issues/111)
-* [!] 修复 [`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 中的 iconfont bug
-* [+] 官网支持用户编辑文档和支持 copy 代码
+- [+][`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 完全支持自定义导航栏头部
+- [!] 修复 [wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md) 动态数据更新问题
+- [!] 修复 [wxc-result](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-result/README.md)的文档代码错误 [issue112](https://github.com/alibaba/weex-ui/issues/112)
+- [!] 修复 [wxc-mask](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-mask/README.md) 由于数据更新导致被隐藏的[bug](https://github.com/alibaba/weex-ui/issues/111)
+- [!] 修复 [`wxc-tab-bar`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-bar/README.md) 中的 iconfont bug
+- [+] 官网支持用户编辑文档和支持 copy 代码
## 0.3.10
-* [+] 新组件: [`wxc-icon`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-icon/README.md) 🎉🎉
-* [+] 新组件: [`wxc-city`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md)
-* [-] 移除所有组件中无用的默认样式
-* [+] `wxc-indexlist` 新增头部 slot. [issue105](https://github.com/alibaba/weex-ui/issues/105)
-* [+] `wxc-tab-bar` [支持 IPhoneX](https://img.alicdn.com/tfs/TB1_qrtkf2H8KJjy0FcXXaDlFXa-768-354.png).
+- [+] 新组件: [`wxc-icon`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-icon/README.md) 🎉🎉
+- [+] 新组件: [`wxc-city`](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-city/README.md)
+- [-] 移除所有组件中无用的默认样式
+- [+] `wxc-indexlist` 新增头部 slot. [issue105](https://github.com/alibaba/weex-ui/issues/105)
+- [+] `wxc-tab-bar` [支持 IPhoneX](https://img.alicdn.com/tfs/TB1_qrtkf2H8KJjy0FcXXaDlFXa-768-354.png).
## 0.3.9
-* [+] `wxc-minibar` 支持 slot
-* [+] 更强大的 [wxc-rich-text](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-rich-text/README.md) 组件,不再需要给一个 icon 同时传入高宽了
-* [+] 新增一个 [FQA](https://alibaba.github.io/weex-ui/#/docs/fqa)
+- [+] `wxc-minibar` 支持 slot
+- [+] 更强大的 [wxc-rich-text](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-rich-text/README.md) 组件,不再需要给一个 icon 同时传入高宽了
+- [+] 新增一个 [FQA](https://alibaba.github.io/weex-ui/#/docs/fqa)
## 0.3.8
-* [+][wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 和 [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 支持 `iconFont`.
-* [!] 修复 [wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md)自定义样式时候的配置问题 [issue 89](https://github.com/alibaba/weex-ui/issues/89)
-* [!] 修复 [wxc-button](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-button/README.md) 配置错误时候出现展示空白问题
+- [+][wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 和 [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 支持 `iconFont`.
+- [!] 修复 [wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md)自定义样式时候的配置问题 [issue 89](https://github.com/alibaba/weex-ui/issues/89)
+- [!] 修复 [wxc-button](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-button/README.md) 配置错误时候出现展示空白问题
## 0.3.7
-* [!] 修复 [wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 的高度计算问题
-* [+] 功能函数的增强
-* [!] 修改 webpack 的配置
+- [!] 修复 [wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 的高度计算问题
+- [+] 功能函数的增强
+- [!] 修改 webpack 的配置
## 0.3.4
-* [+][wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md#api)、[wxc-checkbox](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-checkbox/README.md#checkboxlist) 新加一个 `config` 用来改变颜色和 icon
-* [!][wxc-result](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-result/README.md) 使用公用主题代替飞猪色彩
-* [!] wxc-button 使用 `red/yellow` 参数代替 `taobao/fliggy`
-* [+] 在官网上新增一个 [`加入社区群`](https://alibaba.github.io/weex-ui/)
+- [+][wxc-radio](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-radio/README.md#api)、[wxc-checkbox](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-checkbox/README.md#checkboxlist) 新加一个 `config` 用来改变颜色和 icon
+- [!][wxc-result](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-result/README.md) 使用公用主题代替飞猪色彩
+- [!] wxc-button 使用 `red/yellow` 参数代替 `taobao/fliggy`
+- [+] 在官网上新增一个 [`加入社区群`](https://alibaba.github.io/weex-ui/)
## 0.3.3
-* [+][wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 支出 `bedge`、`dot` 设置
-* [+] 在官网中新增一个组件 [样板间](https://alibaba.github.io/weex-ui/docc/demo.html)
+- [+][wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 支出 `bedge`、`dot` 设置
+- [+] 在官网中新增一个组件 [样板间](https://alibaba.github.io/weex-ui/docc/demo.html)
## 0.3.2
-* [!] 梳理所有组件的使用文档，进行纠错优化
-* [!][官网](https://alibaba.github.io/weex-ui/) 性能的一些优化
-* [!] 修复一些组件在特定环境中使用报错 [issue 70](https://github.com/alibaba/weex-ui/issues/70)
+- [!] 梳理所有组件的使用文档，进行纠错优化
+- [!][官网](https://alibaba.github.io/weex-ui/) 性能的一些优化
+- [!] 修复一些组件在特定环境中使用报错 [issue 70](https://github.com/alibaba/weex-ui/issues/70)
## 0.3.1
-* [+] wxc-page-calendar 新增 `showHeader` 参数
-* [!] 修复 wxc-minibar 的函数回调问题
+- [+] wxc-page-calendar 新增 `showHeader` 参数
+- [!] 修复 wxc-minibar 的函数回调问题
## 0.3.0
-* [+] 新组件: [wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 🎉🎉
-* [-] 移除组件中所有阿里电商特色的东西
+- [+] 新组件: [wxc-tab-bar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-bar/README.md) 🎉🎉
+- [-] 移除组件中所有阿里电商特色的东西
## 0.2.9
-* [+] 组件展示适配 IPhoneX
-* [!] 代码格式遵循 ESlint
-* [+] 更强大的 [wxc-page-calendar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-calendar/README.md) 组件
-* [+] 正式发布 Weex Ui 官网 🎉🎉
+- [+] 组件展示适配 IPhoneX
+- [!] 代码格式遵循 ESlint
+- [+] 更强大的 [wxc-page-calendar](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-page-calendar/README.md) 组件
+- [+] 正式发布 Weex Ui 官网 🎉🎉
## 0.2.8
-* [+] 所有组件进行无障碍优化 🎉🎉
+- [+] 所有组件进行无障碍优化 🎉🎉
## 0.2.7
-* [+] 更强大的 [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md) 组件
-* [!] 更新开发环境下面的包依赖
-* [!] 补充 README 文档
+- [+] 更强大的 [wxc-tab-page](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-tab-page/README.md) 组件
+- [!] 更新开发环境下面的包依赖
+- [!] 补充 README 文档
## 0.2.6
-* [!] 修复 `wxc-dialog` bug
+- [!] 修复 `wxc-dialog` bug
## 0.2.3
-* [-] 移除`wxc-mask`中`overlay-can-close` [入参](<(https://github.com/alibaba/weex-ui/issues/44)>)
-* [-] 移除`wxc-cell`中[无用的样式](<(https://github.com/alibaba/weex-ui/issues/45)>)
-* [!] 修复 `npm run start` 命令在 Windows 上面调试问题
+- [-] 移除`wxc-mask`中`overlay-can-close` [入参](<(https://github.com/alibaba/weex-ui/issues/44)>)
+- [-] 移除`wxc-cell`中[无用的样式](<(https://github.com/alibaba/weex-ui/issues/45)>)
+- [!] 修复 `npm run start` 命令在 Windows 上面调试问题
## 0.2.2
-* [!] 修复由于没有加协议头导致的图片展示问题
+- [!] 修复由于没有加协议头导致的图片展示问题
## 0.2.1
-* [+] 更强大的 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md)
-* [!] 新增 [功能函数](https://github.com/alibaba/weex-ui/blob/master/packages/utils/README.md)
+- [+] 更强大的 [wxc-ep-slider](https://github.com/alibaba/weex-ui/blob/master/packages/wxc-ep-slider/README.md)
+- [!] 新增 [功能函数](https://github.com/alibaba/weex-ui/blob/master/packages/utils/README.md)
## 0.2.0
-* [!] 更新参考 demo 代码
-* [!] 规范化代码结构体系
-* [!] 修复一些在特定环境中由于 ES6 引用问题不能使用的组件
+- [!] 更新参考 demo 代码
+- [!] 规范化代码结构体系
+- [!] 修复一些在特定环境中由于 ES6 引用问题不能使用的组件
## 0.1.3
-* [+] 文档中代码的支持高亮显示
-* [!] 修复`wxc-indexlist` 的 [bug](https://github.com/alibaba/weex-ui/issues/16).
-* [!] 规划化`wxc-searchbar`,`wxc-minibar` 的事件命名
+- [+] 文档中代码的支持高亮显示
+- [!] 修复`wxc-indexlist` 的 [bug](https://github.com/alibaba/weex-ui/issues/16).
+- [!] 规划化`wxc-searchbar`,`wxc-minibar` 的事件命名
## 0.1.2
-* [!] 修复链接的跳转 bug
-* [!] 修改部分组件的使用文档展示
+- [!] 修复链接的跳转 bug
+- [!] 修改部分组件的使用文档展示
## 0.1.1
-* [!] 优化组件的使用文档
+- [!] 优化组件的使用文档
## 0.1.0
-* [+] 第一个完整的版本 🎉🎉
+- [+] 第一个完整的版本 🎉🎉
diff --git a/README.md b/README.md
index cd5cfa2..b18c219 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# Weex Ui
[中文](README_cn.md) | [English](README.md)
-
+
[](https://travis-ci.org/alibaba/weex-ui)
[](https://www.npmjs.com/package/weex-ui?_blank)
[](https://npmjs.org/package/weex-ui)
@@ -114,9 +114,12 @@
* Use Weex Ui in your daily work.
* **Star it** if you like.
-* Join the chat at dingtalk to help solve weex problems.
-
- <img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB10zSeCQvoK1RjSZFNXXcxMVXa-750-990.png" width="200"/>
+* Join the chat at DingTalk to help solve weex problems.
+
+ |Weex Ui Group|Weex Group|BindingX Group|
+ |:--:|:--:|:--:|
+ |<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB15.yALAvoK1RjSZFDXXXY3pXa-750-990.png" width="180"/>|<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB1tpS2LxnaK1RjSZFtXXbC2VXa-606-799.png" width="180"/>|<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB1lf1CLCzqK1RjSZFpXXakSXXa-1125-1485.png" width="180"/>|
+
## Contribution
Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our [Contributing Guide](https://github.com/alibaba/weex-ui/blob/master/CONTRIBUTING.md) before making a pull request.
diff --git a/README_cn.md b/README_cn.md
index 1750c84..bec50e0 100644
--- a/README_cn.md
+++ b/README_cn.md
@@ -118,7 +118,9 @@
* 如果你觉得 Weex Ui 还不错，可以通过 Star 来表示你的喜欢
* 加入钉钉聊天群帮忙解答 Weex 技术问题
- <img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB10zSeCQvoK1RjSZFNXXcxMVXa-750-990.png" width="200"/>
+ |Weex Ui 钉钉群|Weex 钉钉群|BindingX 钉钉群|
+ |:--:|:--:|:--:|
+ |<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB15.yALAvoK1RjSZFDXXXY3pXa-750-990.png" width="180"/>|<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB1tpS2LxnaK1RjSZFtXXbC2VXa-606-799.png" width="180"/>|<img alt="Join the chat at dingtalk" src="https://img.alicdn.com/tfs/TB1lf1CLCzqK1RjSZFpXXakSXXa-1125-1485.png" width="180"/>|
## 贡献
diff --git a/docs/_coverpage.md b/docs/_coverpage.md
index 2e34fd3..3f7bcf4 100644
--- a/docs/_coverpage.md
+++ b/docs/_coverpage.md
@@ -1,11 +1,9 @@
<img src="https://img.alicdn.com/tfs/TB1kCs_er_I8KJjy1XaXXbsxpXa-419-495.png" width="146px">
-# <span style="font-weight:400;">Weex Ui</span> <span style="font-size:14px">0.6.9</span>
+# <span style="font-weight:400;">Weex Ui</span> <span style="font-size:14px">0.6.10</span>
> <span style="line-height:1.8rem;font-weight:400;font-size:1.3rem">A rich interaction, lightweight, high performance UI library.<span>
-[Star](https://github.com/alibaba/weex-ui)
+[Star Me](https://github.com/alibaba/weex-ui)
[Get Started](#weex-ui)
-<!-- background image -->
- 0%,hsl(40, 100%, 85%) 100%))
diff --git a/docs/_navbar.md b/docs/_navbar.md
index c086f68..346f122 100644
--- a/docs/_navbar.md
+++ b/docs/_navbar.md
@@ -1,7 +1,10 @@
- [En](/)
- [中文](/cn/)
- <a href="//alibaba.github.io/weex-ui/docs/demo.html" target="_self">Demo</a>
-- <a href="//alibaba.github.io/bindingx/" target="_blank">BindingX</a>
+- <a id="J_show_community" class="show_community" onclick="document.getElementById('J_community_image').classList.toggle('active');this.classList.toggle('active');">Chat</a>
+ <div style="overflow:hidden; width:0; height:0;position:absolute; top:-800px;">
+ <img src="https://img.alicdn.com/tfs/TB1kCs_er_I8KJjy1XaXXbsxpXa-419-495.png" width="400"/>
+ </div>
+ <img src="https://img.alicdn.com/tfs/TB1_AGyLrvpK1RjSZPiXXbmwXXa-1270-616.png" class="community-img" id="J_community_image" />
-
diff --git a/docs/dist/index.min.css b/docs/dist/index.min.css
index 9e62ba2..01fac17 100644
--- a/docs/dist/index.min.css
+++ b/docs/dist/index.min.css
@@ -1,2 +1,2 @@
-@import url("//fonts.lug.ustc.edu.cn/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");*{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;box-sizing:border-box}body:not(.ready){overflow:hidden}body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{display:none}div#app{font-size:30px;font-weight:lighter;margin:40vh auto;text-align:center}div#app:empty:before{content:"Loading..."}.emoji{height:19.2px;height:1.2rem;vertical-align:middle}.progress{background-color:#42b983;background-color:var(--theme-color,#42b983);height:2px;left:0;position:fixed;right:0;top:0;transition:width .2s,opacity .4s;width:0;z-index:5}.search .search-keyword,.search a:hover{color:#42b983;color:var(--theme-color,#42b983)}.search .search-keyword{font-style:normal;font-weight:700}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#34495e;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0;overflow-x:hidden}img{max-width:100%}a[disabled]{cursor:not-allowed;opacity:.6}video{max-width: 100%}kbd{border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:12px!important;line-height:12px;margin-bottom:3px;padding:3px 5px;vertical-align:middle}li input[type=checkbox]{margin:0 .2em .25em -1.6em;vertical-align:middle}.app-nav{left:0;margin:25px 60px 0 0;position:absolute;right:0;text-align:right;z-index:2}.app-nav p{margin:0}.app-nav>a{margin:0 16px;margin:0 0.8rem;padding:5px 0}.app-nav li,.app-nav ul{display:inline-block;list-style:none;margin:0}.app-nav a{color:inherit;font-size:16px;text-decoration:none;transition:color .3s}.app-nav a.active,.app-nav a:hover{color:#42b983;color:var(--theme-color,#42b983)}.app-nav a.active{border-bottom:2px solid #42b983;border-bottom:2px solid var(--theme-color,#42b983)}.app-nav li{display:inline-block;margin:0 16px;margin:0 0.8rem;padding:5px 0;position:relative}.app-nav li ul{background-color:#fff;border:1px solid #ddd;border-bottom-color:#ccc;border-radius:4px;box-sizing:border-box;display:none;max-height:calc(100vh - 61px);overflow-y:scroll;padding:10px 0;position:absolute;right:-15px;text-align:left;top:100%;white-space:nowrap}.app-nav li ul li{display:block;font-size:14px;line-height:16px;line-height:1rem;margin:0;margin:8px 14px;white-space:nowrap}.app-nav li ul a{display:block;font-size:inherit;margin:0;padding:0}.app-nav li ul a.active{border-bottom:0}.app-nav li:hover ul{display:block}.app-nav.no-badge{margin-right:25px}.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}.github-corner svg{color:#fff;fill:#42b983;fill:var(--theme-color,#42b983);height:80px;width:80px}.github-corner:hover .octo-arm{-webkit-animation:a .56s ease-in-out;animation:a .56s ease-in-out}main{display:block;position:relative;width:100vw;height:100%;z-index:0}.anchor{display:inline-block;text-decoration:none;transition:all .3s}.anchor span{color:#34495e}.anchor:hover{text-decoration:underline}.sidebar{border-right:1px solid rgba(0,0,0,.07);overflow-y:auto;padding:40px 0 0;top:0;bottom:0;left:0;position:absolute;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:300px;z-index:3}.sidebar>h1{margin:0 auto 16px;margin:0 auto 1rem;font-size:24px;font-size:1.5rem;font-weight:300;text-align:center}.sidebar>h1 a{color:inherit;text-decoration:none}.sidebar>h1 .app-nav{display:block;position:static}.sidebar .sidebar-nav{line-height:2em;padding-bottom:40px}.sidebar ul{margin:0;padding:0}.sidebar li>p{font-weight:700;margin:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{border-bottom:none;display:block}.sidebar ul li ul{padding-left:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}.sidebar:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}.sidebar-toggle{background-color:transparent;background-color:hsla(0,0%,100%,.8);border:0;outline:none;padding:10px;bottom:0;left:0;position:absolute;text-align:center;transition:opacity .3s;width:30px;width:284px;z-index:4}.sidebar-toggle .sidebar-toggle-button:hover{opacity:.4}.sidebar-toggle span{background-color:#42b983;background-color:var(--theme-color,#42b983);display:block;margin-bottom:4px;width:16px;height:2px}body.sticky .sidebar,body.sticky .sidebar-toggle{position:fixed}.content{padding-top:60px;top:0;right:0;bottom:0;left:300px;position:absolute;transition:left .25s ease}.markdown-section{margin:0 auto;max-width:800px;padding:40px 15px 40px;position:relative}.markdown-section>*{box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section hr{border:none;border-bottom:1px solid #eee;margin:2em 0}.markdown-section table{border-collapse:collapse;border-spacing:0;display:block;margin-bottom:16px;margin-bottom:1rem;overflow:auto;width:100%}.markdown-section th{font-weight:700}.markdown-section td,.markdown-section th{border:1px solid #ddd;padding:6px 13px}.markdown-section tr{border-top:1px solid #ccc}.markdown-section p.tip,.markdown-section tr:nth-child(2n){background-color:#f8f8f8}.markdown-section p.tip{border-bottom-right-radius:2px;border-left:4px solid #f66;border-top-right-radius:2px;margin:2em 0;padding:12px 24px 12px 30px;position:relative}.markdown-section p.tip code{background-color:#efefef}.markdown-section p.tip em{color:#34495e}.markdown-section p.tip:before{background-color:#f66;border-radius:100%;color:#fff;content:"!";font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;left:-12px;line-height:20px;position:absolute;width:20px;height:20px;text-align:center;top:14px}.markdown-section p.warn{background:rgba(66,185,131,.1);border-radius:2px;padding:16px;padding:1rem}body.close .sidebar{-webkit-transform:translateX(-300px);transform:translateX(-300px)}body.close .sidebar-toggle{width:auto}body.close .content{left:0}@media print{.app-nav,.github-corner,.sidebar,.sidebar-toggle{display:none}}@media screen and (max-width:768px){.github-corner,.sidebar,.sidebar-toggle{position:fixed}.app-nav{margin-top:16px}.app-nav li ul{top:30px}main{height:auto;overflow-x:hidden}.sidebar{left:-300px;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.content{left:0;max-width:100vw;position:static;padding-top:20px;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.app-nav,.github-corner{transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.sidebar-toggle{background-color:transparent;width:auto}body.close .sidebar{-webkit-transform:translateX(300px);transform:translateX(300px)}body.close .sidebar-toggle{background-color:hsla(0,0%,100%,.8);transition:background-color 1s;width:284px}body.close .content{-webkit-transform:translateX(300px);transform:translateX(300px)}body.close .app-nav,body.close .github-corner{display:none}.github-corner .octo-arm{-webkit-animation:a .56s ease-in-out;animation:a .56s ease-in-out}.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}}@-webkit-keyframes a{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes a{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}section.cover{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;display:none}section.cover .cover-main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:-20px 16px 0;text-align:center;z-index:1}section.cover a{color:inherit}section.cover a,section.cover a:hover{text-decoration:none}section.cover p{line-height:24px;line-height:1.5rem;margin:1em 0}section.cover h1{color:inherit;font-size:40px;font-size:2.5rem;font-weight:300;margin:10px 0 40px;margin:.625rem 0 2.5rem;position:relative;text-align:center}section.cover h1 a{display:block}section.cover h1 small{bottom:-7px;bottom:-.4375rem;font-size:16px;font-size:1rem;position:absolute}section.cover blockquote{font-size:24px;font-size:1.5rem;text-align:center}section.cover ul{line-height:1.8;list-style-type:none;margin:1em auto;max-width:500px;padding:0}section.cover .cover-main>p:last-child a{border-color:#42b983;border:1px solid var(--theme-color,#42b983);border-radius:2rem;box-sizing:border-box;color:#42b983;color:var(--theme-color,#42b983);display:inline-block;font-size:16.8px;font-size:1.05rem;letter-spacing:1.6px;letter-spacing:.1rem;margin-right:16px;margin-right:1rem;padding:.75em 32px;padding:.75em 2rem;text-decoration:none;transition:all .15s ease}section.cover .cover-main>p:last-child a:last-child{background-color:#42b983;background-color:var(--theme-color,#42b983);color:#fff;margin-right:0}section.cover .cover-main>p:last-child a:last-child:hover{color:inherit;opacity:.8}section.cover .cover-main>p:last-child a:hover{color:inherit}section.cover blockquote>p>a{border-bottom:2px solid #42b983;border-bottom:2px solid var(--theme-color,#42b983);transition:color .3s}section.cover blockquote>p>a:hover{color:#42b983;color:var(--theme-color,#42b983)}section.cover.show{display:-webkit-box;display:-ms-flexbox;display:flex}section.cover.has-mask .mask{background-color:#fff;opacity:.8;position:absolute;width:100%;height:100%;top:0;bottom: 0;}.sidebar,body{background-color:#fff}.sidebar{color:#364149}.sidebar li{margin:6px 0 6px 15px}.sidebar ul li a{color:#505d6b;font-size:14px;font-weight:400;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.sidebar ul li a:hover{text-decoration:underline}.sidebar ul li ul{padding:0}.sidebar ul li.active>a{border-right:2px solid;color:#42b983;color:var(--theme-color,#42b983);font-weight:600}.app-sub-sidebar li:before{content:"-";padding-right:4px;float:left}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{color:#2c3e50;font-weight:600}.markdown-section a{color:#42b983;color:var(--theme-color,#42b983);font-weight:600}.markdown-section h1{font-size:32px;font-size:2rem;margin:0 0 16px;margin:0 0 1rem}.markdown-section h2{font-size:28px;font-size:1.75rem;margin:45px 0 12.8px;margin:45px 0 .8rem}.markdown-section h3{font-size:24px;font-size:1.5rem;margin:40px 0 9.6px;margin:40px 0 .6rem}.markdown-section h4{font-size:20px;font-size:1.25rem}.markdown-section h5,.markdown-section h6{font-size:16px;font-size:1rem}.markdown-section h6{color:#777}.markdown-section figure,.markdown-section p{margin:1.2em 0}.markdown-section ol,.markdown-section p,.markdown-section ul{line-height:25.6px;line-height:1.6rem;word-spacing:.8px;word-spacing:.05rem}.markdown-section ol,.markdown-section ul{padding-left:24px;padding-left:1.5rem}.markdown-section blockquote{border-left:4px solid #42b983;border-left:4px solid var(--theme-color,#42b983);color:#858585;margin:2em 0;padding-left:20px}.markdown-section blockquote p{font-weight:600;margin-left:0}.markdown-section iframe{margin:1em 0}.markdown-section em{color:#7f8c8d}.markdown-section code{border-radius:2px;color:#e96900;font-size:12.8px;font-size:.8rem;margin:0 2px;padding:3px 5px;white-space:pre-wrap}.markdown-section code,.markdown-section pre{background-color:#f8f8f8;font-family:Roboto Mono,Monaco,courier,monospace}.markdown-section pre{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;line-height:24px;line-height:1.5rem;margin:1.2em 0;overflow:auto;padding:0 22.4px;padding:0 1.4rem;position:relative;word-wrap:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8e908c}.token.namespace{opacity:.7}.token.boolean,.token.number{color:#c76b29}.token.punctuation{color:#525252}.token.property{color:#c08b30}.token.tag{color:#2973b7}.token.string{color:#42b983;color:var(--theme-color,#42b983)}.token.selector{color:#6679cc}.token.attr-name{color:#2973b7}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#22a2c9}.token.attr-value,.token.control,.token.directive,.token.unit{color:#42b983;color:var(--theme-color,#42b983)}.token.keyword{color:#e96900}.token.atrule,.token.regex,.token.statement{color:#22a2c9}.token.placeholder,.token.variable{color:#3d8fd1}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #202746;text-decoration:none}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:#c94922}.token.entity{cursor:help}.markdown-section pre>code{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;background-color:#f8f8f8;border-radius:2px;color:#525252;display:block;font-family:Roboto Mono,Monaco,courier,monospace;font-size:12.8px;font-size:.8rem;line-height:inherit;margin:0 2px;max-width:inherit;overflow:inherit;padding:2.2em 5px;white-space:inherit}.markdown-section code:after,.markdown-section code:before{letter-spacing:.8px;letter-spacing:.05rem}code .token{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;min-height:24px;min-height:1.5rem}pre:after{color:#ccc;content:attr(data-lang);font-size:9.6px;font-size:.6rem;font-weight:600;height:15px;line-height:15px;padding:5px 10px 0;position:absolute;right:0;text-align:right;top:0}.community-img{width:300px;height:0;display:block;overflow:hidden;box-shadow:0 0 0 0, 0 6px 12px rgba(0, 0, 0, .5);margin:0 auto;position:fixed;top:36px;right:-56px;z-index:101;transition:.4s all ease-in-out;transform:scale(0) perspective(600px) rotateX(45deg)}.community-img.active{right:10px;height:340px;top:76px;transform:none}.show_community{cursor: pointer}.weex-ui-demo .has-mask{background:linear-gradient(to left bottom, rgb(255, 245, 179) 0, rgb(190, 179, 255) 100%) center center / cover}.weex-ui-demo section.cover.has-mask .cover-main{display:flex;display:-webkit-flex;margin:0 auto;text-align:center;z-index:1;width:800px;-webkit-box-flex:0;-ms-flex:0;flex:0}.weex-ui-demo .cover-main .phone{border-radius:40px;margin:100px 60px 0;overflow:hidden;transition:all .5s ease;width:300px;height:600px;position:relative}.weex-ui-demo .cover-main .phone iframe{border:0;width:100%;height:100%}.weex-ui-demo .cover-main .phone.view{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);box-shadow:0 3px 0 #BBB, 0 4px 0 #BBB, 0 7px 0 #BBB, 0 7px 0 #BBB, 0 6px 16px #666}.weex-ui-demo .cover-main .weex-info{text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:800px;width:340px}.weex-ui-demo .cover-main .return-button{position:relative;bottom:60px;display:inline-block;width:45px;height:45px;color:#999;font-size:12px;border-radius:50%;border:4px solid rgba(0, 0, 0, .3);text-decoration:none;line-height:40px;text-align:center;cursor:pointer}.weex-ui-demo .cover-main .weex-info .weex-title{font-weight:400;font-size:2.5rem;color:#34495e;line-height:1;margin:0}.weex-ui-demo .cover-main .weex-info .comp-desc{line-height:1.8rem;font-weight:400;font-size:1.2rem}.weex-ui-demo .cover-main .try-text{color:#F7C242;position:absolute;bottom:10px;right:60px}.docsify-copy-code-button{background:#ccc;color:#fff;position:absolute;top:0;right:0;outline:0;border:0;border-radius:0;cursor:pointer;z-index:1;padding:10px;transition:all .25s ease;opacity:0}.docsify-copy-code-button::after{content:"Copied!";position:absolute;right:100%;top:0;background:#ccc;color:#fff;padding:5px;margin:5px 10px 0;font-size:11px;z-index:0;transition:all .25s ease;transform:translateX(120%) scale(0);border-radius:3px}.docsify-copy-code-button.success::after{transform:translateX(0) scale(1)}pre[v-pre]:hover .docsify-copy-code-button{opacity:1}.tool-docs-header{position:absolute;top:50px;right:0}.tool-tip{display:inline-block;position:relative}.tool-tip::after{background-color:#323a45;border-radius:2px;color:#fff;content:attr(data-tooltip-title) " ";font-weight:normal;min-width:106px;padding:4px 6px;text-align:center;text-transform:none}.tool-tip::before{width:0;height:0;content:""}.tool-tip::before,.tool-tip::after{position:absolute;transition:opacity 250ms ease 0ms, transform 250ms ease 0ms;transform-style:preserve-3d;opacity:0;z-index:-1}.tool-tip[data-tooltip-position="top"]::after{left:50%}.tool-tip[data-tooltip-position="top"]::after{transform:translate3d(-50%, 10px, 0)}.tool-tip[data-tooltip-position="top"]::after{bottom:calc(100% + 10px)}.tool-tip[data-tooltip-position="top"]::before{border-left:7px solid transparent;border-right:7px solid transparent;left:50%}.tool-tip[data-tooltip-position="top"]::before{transform:translate3d(-50%, 10px, 0)}.tool-tip[data-tooltip-position="top"]::before{border-top:7px solid #323a45;bottom:calc(100% + 3px)}.tool-tip:hover::before,.tool-tip:hover::after{opacity:1;z-index:100}.tool-tip[data-tooltip-position="top"]:hover::before,.tool-tip[data-tooltip-position="bottom"]:hover::before,.tool-tip[data-tooltip-position="top"]:hover::after,.tool-tip[data-tooltip-position="bottom"]:hover::after{transform:translate3d(-50%, 0, 0)}
+@import url("//fonts.lug.ustc.edu.cn/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");*{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;box-sizing:border-box}body:not(.ready){overflow:hidden}body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{display:none}div#app{font-size:30px;font-weight:lighter;margin:40vh auto;text-align:center}div#app:empty:before{content:"Loading..."}.emoji{height:19.2px;height:1.2rem;vertical-align:middle}.progress{background-color:#42b983;background-color:var(--theme-color,#42b983);height:2px;left:0;position:fixed;right:0;top:0;transition:width .2s,opacity .4s;width:0;z-index:5}.search .search-keyword,.search a:hover{color:#42b983;color:var(--theme-color,#42b983)}.search .search-keyword{font-style:normal;font-weight:700}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#34495e;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0;overflow-x:hidden}img{max-width:100%}a[disabled]{cursor:not-allowed;opacity:.6}video{max-width: 100%}kbd{border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:12px!important;line-height:12px;margin-bottom:3px;padding:3px 5px;vertical-align:middle}li input[type=checkbox]{margin:0 .2em .25em -1.6em;vertical-align:middle}.app-nav{left:0;margin:25px 60px 0 0;position:absolute;right:0;text-align:right;z-index:2}.app-nav p{margin:0}.app-nav>a{margin:0 16px;margin:0 0.8rem;padding:5px 0}.app-nav li,.app-nav ul{display:inline-block;list-style:none;margin:0}.app-nav a{color:inherit;font-size:16px;text-decoration:none;transition:color .3s}.app-nav a.active,.app-nav a:hover{color:#42b983;color:var(--theme-color,#42b983)}.app-nav a.active{border-bottom:2px solid #42b983;border-bottom:2px solid var(--theme-color,#42b983)}.app-nav li{display:inline-block;margin:0 16px;margin:0 0.8rem;padding:5px 0;position:relative}.app-nav li ul{background-color:#fff;border:1px solid #ddd;border-bottom-color:#ccc;border-radius:4px;box-sizing:border-box;display:none;max-height:calc(100vh - 61px);overflow-y:scroll;padding:10px 0;position:absolute;right:-15px;text-align:left;top:100%;white-space:nowrap}.app-nav li ul li{display:block;font-size:14px;line-height:16px;line-height:1rem;margin:0;margin:8px 14px;white-space:nowrap}.app-nav li ul a{display:block;font-size:inherit;margin:0;padding:0}.app-nav li ul a.active{border-bottom:0}.app-nav li:hover ul{display:block}.app-nav.no-badge{margin-right:25px}.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}.github-corner svg{color:#fff;fill:#42b983;fill:var(--theme-color,#42b983);height:80px;width:80px}.github-corner:hover .octo-arm{-webkit-animation:a .56s ease-in-out;animation:a .56s ease-in-out}main{display:block;position:relative;width:100vw;height:100%;z-index:0}.anchor{display:inline-block;text-decoration:none;transition:all .3s}.anchor span{color:#34495e}.anchor:hover{text-decoration:underline}.sidebar{border-right:1px solid rgba(0,0,0,.07);overflow-y:auto;padding:40px 0 0;top:0;bottom:0;left:0;position:absolute;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:300px;z-index:3}.sidebar>h1{margin:0 auto 16px;margin:0 auto 1rem;font-size:24px;font-size:1.5rem;font-weight:300;text-align:center}.sidebar>h1 a{color:inherit;text-decoration:none}.sidebar>h1 .app-nav{display:block;position:static}.sidebar .sidebar-nav{line-height:2em;padding-bottom:40px}.sidebar ul{margin:0;padding:0}.sidebar li>p{font-weight:700;margin:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{border-bottom:none;display:block}.sidebar ul li ul{padding-left:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53%,.4)}.sidebar:hover::-webkit-scrollbar-track{background:hsla(0,0%,53%,.1)}.sidebar-toggle{background-color:transparent;background-color:hsla(0,0%,100%,.8);border:0;outline:none;padding:10px;bottom:0;left:0;position:absolute;text-align:center;transition:opacity .3s;width:30px;width:284px;z-index:4}.sidebar-toggle .sidebar-toggle-button:hover{opacity:.4}.sidebar-toggle span{background-color:#42b983;background-color:var(--theme-color,#42b983);display:block;margin-bottom:4px;width:16px;height:2px}body.sticky .sidebar,body.sticky .sidebar-toggle{position:fixed}.content{padding-top:60px;top:0;right:0;bottom:0;left:300px;position:absolute;transition:left .25s ease}.markdown-section{margin:0 auto;max-width:800px;padding:40px 15px 40px;position:relative}.markdown-section>*{box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section hr{border:none;border-bottom:1px solid #eee;margin:2em 0}.markdown-section table{border-collapse:collapse;border-spacing:0;display:block;margin-bottom:16px;margin-bottom:1rem;overflow:auto;width:100%}.markdown-section th{font-weight:700}.markdown-section td,.markdown-section th{border:1px solid #ddd;padding:6px 13px}.markdown-section tr{border-top:1px solid #ccc}.markdown-section p.tip,.markdown-section tr:nth-child(2n){background-color:#f8f8f8}.markdown-section p.tip{border-bottom-right-radius:2px;border-left:4px solid #f66;border-top-right-radius:2px;margin:2em 0;padding:12px 24px 12px 30px;position:relative}.markdown-section p.tip code{background-color:#efefef}.markdown-section p.tip em{color:#34495e}.markdown-section p.tip:before{background-color:#f66;border-radius:100%;color:#fff;content:"!";font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;left:-12px;line-height:20px;position:absolute;width:20px;height:20px;text-align:center;top:14px}.markdown-section p.warn{background:rgba(66,185,131,.1);border-radius:2px;padding:16px;padding:1rem}body.close .sidebar{-webkit-transform:translateX(-300px);transform:translateX(-300px)}body.close .sidebar-toggle{width:auto}body.close .content{left:0}@media print{.app-nav,.github-corner,.sidebar,.sidebar-toggle{display:none}}@media screen and (max-width:768px){.github-corner,.sidebar,.sidebar-toggle{position:fixed}.app-nav{margin-top:16px}.app-nav li ul{top:30px}main{height:auto;overflow-x:hidden}.sidebar{left:-300px;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.content{left:0;max-width:100vw;position:static;padding-top:20px;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.app-nav,.github-corner{transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.sidebar-toggle{background-color:transparent;width:auto}body.close .sidebar{-webkit-transform:translateX(300px);transform:translateX(300px)}body.close .sidebar-toggle{background-color:hsla(0,0%,100%,.8);transition:background-color 1s;width:284px}body.close .content{-webkit-transform:translateX(300px);transform:translateX(300px)}body.close .app-nav,body.close .github-corner{display:none}.github-corner .octo-arm{-webkit-animation:a .56s ease-in-out;animation:a .56s ease-in-out}.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}}@-webkit-keyframes a{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes a{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}section.cover{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;display:none}section.cover .cover-main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:-20px 16px 0;text-align:center;z-index:1}section.cover a{color:inherit}section.cover a,section.cover a:hover{text-decoration:none}section.cover p{line-height:24px;line-height:1.5rem;margin:1em 0}section.cover h1{color:inherit;font-size:40px;font-size:2.5rem;font-weight:300;margin:10px 0 40px;margin:.625rem 0 2.5rem;position:relative;text-align:center}section.cover h1 a{display:block}section.cover h1 small{bottom:-7px;bottom:-.4375rem;font-size:16px;font-size:1rem;position:absolute}section.cover blockquote{font-size:24px;font-size:1.5rem;text-align:center}section.cover ul{line-height:1.8;list-style-type:none;margin:1em auto;max-width:500px;padding:0}section.cover .cover-main>p:last-child a{border-color:#42b983;border:1px solid var(--theme-color,#42b983);border-radius:2rem;box-sizing:border-box;color:#42b983;color:var(--theme-color,#42b983);display:inline-block;font-size:16.8px;font-size:1.05rem;letter-spacing:1.6px;letter-spacing:.1rem;margin-right:16px;margin-right:1rem;padding:.75em 32px;padding:.75em 2rem;text-decoration:none;transition:all .15s ease}section.cover .cover-main>p:last-child a:last-child{background-color:#42b983;background-color:var(--theme-color,#42b983);color:#fff;margin-right:0}section.cover .cover-main>p:last-child a:last-child:hover{color:inherit;opacity:.8}section.cover .cover-main>p:last-child a:hover{color:inherit}section.cover blockquote>p>a{border-bottom:2px solid #42b983;border-bottom:2px solid var(--theme-color,#42b983);transition:color .3s}section.cover blockquote>p>a:hover{color:#42b983;color:var(--theme-color,#42b983)}section.cover.show{display:-webkit-box;display:-ms-flexbox;display:flex}section.cover.has-mask .mask{background-color:#fff;opacity:.8;position:absolute;width:100%;height:100%;top:0;bottom: 0;}.sidebar,body{background-color:#fff}.sidebar{color:#364149}.sidebar li{margin:6px 0 6px 15px}.sidebar ul li a{color:#505d6b;font-size:14px;font-weight:400;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.sidebar ul li a:hover{text-decoration:underline}.sidebar ul li ul{padding:0}.sidebar ul li.active>a{border-right:2px solid;color:#42b983;color:var(--theme-color,#42b983);font-weight:600}.app-sub-sidebar li:before{content:"-";padding-right:4px;float:left}.markdown-section h1,.markdown-section h2,.markdown-section h3,.markdown-section h4,.markdown-section strong{color:#2c3e50;font-weight:600}.markdown-section a{color:#42b983;color:var(--theme-color,#42b983);font-weight:600}.markdown-section h1{font-size:32px;font-size:2rem;margin:0 0 16px;margin:0 0 1rem}.markdown-section h2{font-size:28px;font-size:1.75rem;margin:45px 0 12.8px;margin:45px 0 .8rem}.markdown-section h3{font-size:24px;font-size:1.5rem;margin:40px 0 9.6px;margin:40px 0 .6rem}.markdown-section h4{font-size:20px;font-size:1.25rem}.markdown-section h5,.markdown-section h6{font-size:16px;font-size:1rem}.markdown-section h6{color:#777}.markdown-section figure,.markdown-section p{margin:1.2em 0}.markdown-section ol,.markdown-section p,.markdown-section ul{line-height:25.6px;line-height:1.6rem;word-spacing:.8px;word-spacing:.05rem}.markdown-section ol,.markdown-section ul{padding-left:24px;padding-left:1.5rem}.markdown-section blockquote{border-left:4px solid #42b983;border-left:4px solid var(--theme-color,#42b983);color:#858585;margin:2em 0;padding-left:20px}.markdown-section blockquote p{font-weight:600;margin-left:0}.markdown-section iframe{margin:1em 0}.markdown-section em{color:#7f8c8d}.markdown-section code{border-radius:2px;color:#e96900;font-size:12.8px;font-size:.8rem;margin:0 2px;padding:3px 5px;white-space:pre-wrap}.markdown-section code,.markdown-section pre{background-color:#f8f8f8;font-family:Roboto Mono,Monaco,courier,monospace}.markdown-section pre{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;line-height:24px;line-height:1.5rem;margin:1.2em 0;overflow:auto;padding:0 22.4px;padding:0 1.4rem;position:relative;word-wrap:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8e908c}.token.namespace{opacity:.7}.token.boolean,.token.number{color:#c76b29}.token.punctuation{color:#525252}.token.property{color:#c08b30}.token.tag{color:#2973b7}.token.string{color:#42b983;color:var(--theme-color,#42b983)}.token.selector{color:#6679cc}.token.attr-name{color:#2973b7}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:#22a2c9}.token.attr-value,.token.control,.token.directive,.token.unit{color:#42b983;color:var(--theme-color,#42b983)}.token.keyword{color:#e96900}.token.atrule,.token.regex,.token.statement{color:#22a2c9}.token.placeholder,.token.variable{color:#3d8fd1}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #202746;text-decoration:none}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:#c94922}.token.entity{cursor:help}.markdown-section pre>code{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;background-color:#f8f8f8;border-radius:2px;color:#525252;display:block;font-family:Roboto Mono,Monaco,courier,monospace;font-size:12.8px;font-size:.8rem;line-height:inherit;margin:0 2px;max-width:inherit;overflow:inherit;padding:2.2em 5px;white-space:inherit}.markdown-section code:after,.markdown-section code:before{letter-spacing:.8px;letter-spacing:.05rem}code .token{-moz-osx-font-smoothing:initial;-webkit-font-smoothing:initial;min-height:24px;min-height:1.5rem}pre:after{color:#ccc;content:attr(data-lang);font-size:9.6px;font-size:.6rem;font-weight:600;height:15px;line-height:15px;padding:5px 10px 0;position:absolute;right:0;text-align:right;top:0}.community-img{height:0;display:block;overflow:hidden;box-shadow:0 0 0 0, 0 6px 12px rgba(0, 0, 0, .5);margin:0 auto;position:fixed;top:36px;right:16px;z-index:101;transition:.4s all ease-in-out;transform:scale(0) perspective(600px) rotateX(45deg)}.community-img.active{right:10px;height:340px;top:76px;transform:none}.show_community{cursor: pointer}.weex-ui-demo .has-mask{background:linear-gradient(to left bottom, rgb(255, 245, 179) 0, rgb(190, 179, 255) 100%) center center / cover}.weex-ui-demo section.cover.has-mask .cover-main{display:flex;display:-webkit-flex;margin:0 auto;text-align:center;z-index:1;width:800px;-webkit-box-flex:0;-ms-flex:0;flex:0}.weex-ui-demo .cover-main .phone{border-radius:40px;margin:100px 60px 0;overflow:hidden;transition:all .5s ease;width:300px;height:600px;position:relative}.weex-ui-demo .cover-main .phone iframe{border:0;width:100%;height:100%}.weex-ui-demo .cover-main .phone.view{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);box-shadow:0 3px 0 #BBB, 0 4px 0 #BBB, 0 7px 0 #BBB, 0 7px 0 #BBB, 0 6px 16px #666}.weex-ui-demo .cover-main .weex-info{text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:800px;width:340px}.weex-ui-demo .cover-main .return-button{position:relative;bottom:60px;display:inline-block;width:45px;height:45px;color:#999;font-size:12px;border-radius:50%;border:4px solid rgba(0, 0, 0, .3);text-decoration:none;line-height:40px;text-align:center;cursor:pointer}.weex-ui-demo .cover-main .weex-info .weex-title{font-weight:400;font-size:2.5rem;color:#34495e;line-height:1;margin:0}.weex-ui-demo .cover-main .weex-info .comp-desc{line-height:1.8rem;font-weight:400;font-size:1.2rem}.weex-ui-demo .cover-main .try-text{color:#F7C242;position:absolute;bottom:10px;right:60px}.docsify-copy-code-button{background:#ccc;color:#fff;position:absolute;top:0;right:0;outline:0;border:0;border-radius:0;cursor:pointer;z-index:1;padding:10px;transition:all .25s ease;opacity:0}.docsify-copy-code-button::after{content:"Copied!";position:absolute;right:100%;top:0;background:#ccc;color:#fff;padding:5px;margin:5px 10px 0;font-size:11px;z-index:0;transition:all .25s ease;transform:translateX(120%) scale(0);border-radius:3px}.docsify-copy-code-button.success::after{transform:translateX(0) scale(1)}pre[v-pre]:hover .docsify-copy-code-button{opacity:1}.tool-docs-header{position:absolute;top:50px;right:0}.tool-tip{display:inline-block;position:relative}.tool-tip::after{background-color:#323a45;border-radius:2px;color:#fff;content:attr(data-tooltip-title) " ";font-weight:normal;min-width:106px;padding:4px 6px;text-align:center;text-transform:none}.tool-tip::before{width:0;height:0;content:""}.tool-tip::before,.tool-tip::after{position:absolute;transition:opacity 250ms ease 0ms, transform 250ms ease 0ms;transform-style:preserve-3d;opacity:0;z-index:-1}.tool-tip[data-tooltip-position="top"]::after{left:50%}.tool-tip[data-tooltip-position="top"]::after{transform:translate3d(-50%, 10px, 0)}.tool-tip[data-tooltip-position="top"]::after{bottom:calc(100% + 10px)}.tool-tip[data-tooltip-position="top"]::before{border-left:7px solid transparent;border-right:7px solid transparent;left:50%}.tool-tip[data-tooltip-position="top"]::before{transform:translate3d(-50%, 10px, 0)}.tool-tip[data-tooltip-position="top"]::before{border-top:7px solid #323a45;bottom:calc(100% + 3px)}.tool-tip:hover::before,.tool-tip:hover::after{opacity:1;z-index:100}.tool-tip[data-tooltip-position="top"]:hover::before,.tool-tip[data-tooltip-position="bottom"]:hover::before,.tool-tip[data-tooltip-position="top"]:hover::after,.tool-tip[data-tooltip-position="bottom"]:hover::after{transform:translate3d(-50%, 0, 0)}
diff --git a/example/city/index.vue b/example/city/index.vue
index 73c6379..25e67f8 100644
--- a/example/city/index.vue
+++ b/example/city/index.vue
@@ -53,10 +53,10 @@
data: () => ({
currentCity: '',
sourceData,
- cityStyleType:'list',
+ cityStyleType: 'list',
location: '定位中',
- animationTypePush:'push', // 默认使用push方式，若使用push模式此参数可以不传
- animationTypeModel:'model'
+ animationTypePush: 'push', // 默认使用push方式，若使用push模式此参数可以不传
+ animationTypeModel: 'model'
}),
mounted () {
// 模拟定位
diff --git a/example/popover/index.vue b/example/popover/index.vue
index fded8d0..66e5848 100644
--- a/example/popover/index.vue
+++ b/example/popover/index.vue
@@ -101,7 +101,7 @@
const modal = weex.requireModule('modal');
import { setTitle } from '../_mods/set-nav';
- import {WEEXUI_ICON, RETURN_ICON, SCAN_ICON, QRCODE_ICON, QUESTION_ICON } from './type';
+ import { WEEXUI_ICON, RETURN_ICON, SCAN_ICON, QRCODE_ICON, QUESTION_ICON } from './type';
export default {
components: { Title, Category, WxcMinibar, WxcButton, WxcPopover },
@@ -144,24 +144,24 @@
popoverPosition2: { x: 200, y: 520 },
popoverArrowPosition2: { pos: 'bottom', x: 160 },
btns3: [
- { icon: WEEXUI_ICON, text: 'Item 1', key: 's1'},
- { icon: WEEXUI_ICON, text: 'Item 2', key: 's2'},
- { icon: WEEXUI_ICON, text: 'Item 3', key: 's3'}
+ { icon: WEEXUI_ICON, text: 'Item 1', key: 's1' },
+ { icon: WEEXUI_ICON, text: 'Item 2', key: 's2' },
+ { icon: WEEXUI_ICON, text: 'Item 3', key: 's3' }
],
popoverPosition3: { x: 325, y: 550 },
popoverArrowPosition3: { pos: 'left', y: 0 },
btns4: [
- { icon: WEEXUI_ICON, text: 'Item 1', key: 's1'},
- { icon: WEEXUI_ICON, text: 'Item 2', key: 's2'},
- { icon: WEEXUI_ICON, text: 'Item 3', key: 's3'}
+ { icon: WEEXUI_ICON, text: 'Item 1', key: 's1' },
+ { icon: WEEXUI_ICON, text: 'Item 2', key: 's2' },
+ { icon: WEEXUI_ICON, text: 'Item 3', key: 's3' }
],
popoverPosition4: { x: 175, y: 380 },
popoverArrowPosition4: { pos: 'right', y: -50 },
- btn3Style:{
+ btn3Style: {
height: '200px',
width: '300px'
},
- btn4Style:{
+ btn4Style: {
position: 'absolute',
right: '40px',
top: '60px',
@@ -179,7 +179,7 @@
popoverButtonClicked (obj) {
modal.toast({ 'message': `key:${obj.key}, index:${obj.index}`, 'duration': 1 });
},
- wxcButtonClicked (ref='wxc-popover2') {
+ wxcButtonClicked (ref = 'wxc-popover2') {
this.$refs[ref].wxcPopoverShow();
}
}
diff --git a/index.html b/index.html
index bb07e96..68fb51d 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
<link rel="icon" href="https://img.alicdn.com/tfs/TB1kCs_er_I8KJjy1XaXXbsxpXa-419-495.png" type="image/png">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
- <link rel="stylesheet" href="//h5.m.taobao.com/css/trip/weex-ui/index.min.css">
+ <link rel="stylesheet" href="//h5.m.taobao.com/trip/weex-ui/index.min.css">
</head>
<body>
diff --git a/package.json b/package.json
index 30e02b6..bd85d05 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "weex-ui",
- "version": "0.6.9",
+ "version": "0.6.10",
"description": "A rich interaction, lightweight, high performance UI library based on Weex",
"main": "index.js",
"lib": "vue",
diff --git a/packages/wxc-button/index.vue b/packages/wxc-button/index.vue
index 782bbb7..e01d89e 100644
--- a/packages/wxc-button/index.vue
+++ b/packages/wxc-button/index.vue
@@ -42,8 +42,8 @@
const mrBtnStyle = {
...STYLE_MAP[type],
- ...btnStyle,
- ...BUTTON_STYLE_MAP[size]
+ ...BUTTON_STYLE_MAP[size],
+ ...btnStyle
};
let disabledInStyle = { opacity: 0.2 };
diff --git a/packages/wxc-city/index.vue b/packages/wxc-city/index.vue
index c9fc124..18bd84d 100644
--- a/packages/wxc-city/index.vue
+++ b/packages/wxc-city/index.vue
@@ -75,11 +75,12 @@
showNavHeader: {
type: Boolean,
default: true
- },
+ }
},
data: () => ({
tId: null,
saveDefaultSourceData: {},
+ cityData: {},
onlyShowList: false,
result: {
noGoods: {
@@ -90,6 +91,7 @@
}
}),
created () {
+ this.cityData = this.sourceData
this.saveDefaultSourceData = this.sourceData
},
computed: {
@@ -110,13 +112,13 @@
}
},
normalList () {
- return Util.getCities(this.sourceData.cities)
+ return Util.getCities(this.cityData.cities)
},
hotListConfig () {
return {
type: this.cityStyleType,
title: '热门',
- list: Util.getCities((this.sourceData.hotCity))
+ list: Util.getCities((this.cityData.hotCity))
}
},
showError () {
@@ -160,17 +162,17 @@
},
onInput (e) {
clearTimeout(this.tId);
- const { cities } = this.sourceData;
+ const { cities } = this.cityData;
const { value } = e;
if (value !== '' && cities && cities.length > 0) {
const queryData = Util.query(cities, String(value).trim());
- this.sourceData = {
+ this.cityData = {
cities: queryData,
hotCity: []
};
this.onlyShowList = true;
} else {
- this.sourceData = this.saveDefaultSourceData;
+ this.cityData = this.saveDefaultSourceData;
this.onlyShowList = false;
}
this.tId = setTimeout(() => {
diff --git a/packages/wxc-popover/index.vue b/packages/wxc-popover/index.vue
index 7343f9f..4aef86e 100644
--- a/packages/wxc-popover/index.vue
+++ b/packages/wxc-popover/index.vue
@@ -7,11 +7,11 @@
<div class="g-cover"
ref="wxc-cover"
v-if="show"
- @touchend="hideAction"
+ @click="hideAction"
:style="coverStyle"></div>
<div ref="wxc-popover"
class="g-popover"
- v-if="show && buttons"
+ v-if="show && buttons.length"
:style="contentStyle">
<div class="u-popover-arrow" :style="arrowStyle"></div>
<div class="u-popover-inner">
@@ -46,7 +46,7 @@
},
arrowPosition: {
type: Object,
- default: () => ({
+ default: () => ({
pos: 'top',
x: 0,
y: 0
@@ -60,91 +60,96 @@
type: Boolean,
default: true
},
- textStyle: Object
+ textStyle: {
+ type: Object,
+ default: () => ({})
+ }
},
data: () => ({
show: false,
showIn: false
}),
computed: {
- coverStyle() {
- return this.coverColor ? { backgroundColor: this.coverColor, opacity:this.hasAnimation||!this.showIn?'0':'1'} : '';
+ coverStyle () {
+ return this.coverColor ? { backgroundColor: this.coverColor, opacity: this.hasAnimation || !this.showIn ? '0' : '1' } : '';
},
- transformOrigin() {
- let {x=0, y=0, pos='top'} = this.arrowPosition,
- _origins = [];
- switch(pos){
+ transformOrigin () {
+ const { x = 0, y = 0, pos = 'top' } = this.arrowPosition;
+ let _origins = [];
+ switch (pos) {
case 'top':
case 'bottom':
- _origins = [x<0?'right':'left',pos];
+ _origins = [x < 0 ? 'right' : 'left', pos];
break;
case 'left':
case 'right':
- _origins = [pos,y<0?'bottom':'top'];
+ _origins = [pos, y < 0 ? 'bottom' : 'top'];
break;
}
return _origins.join(' ');
},
- contentTransform() {
- let {x=0, y=0, pos='top'} = this.arrowPosition,
- _translates=['scale(0)'];
- if(x>=0 && x<22){
- x = 22;
- }else if(x<0 && x>-22){
- x =-22;
- }
- if(y>=0 && y<22){
- y = 22;
- }else if(y<0 && y>-22){
- y =-22;
- }
- switch(pos){
+ contentTransform () {
+ const { pos = 'top' } = this.arrowPosition;
+ let { x = 0, y = 0 } = this.arrowPosition;
+ const _translates = ['scale(0)'];
+ if (x >= 0 && x < 22) {
+ x = 22;
+ } else if (x < 0 && x > -22) {
+ x = -22;
+ }
+ if (y >= 0 && y < 22) {
+ y = 22;
+ } else if (y < 0 && y > -22) {
+ y = -22;
+ }
+ switch (pos) {
case 'top':
case 'bottom':
- _translates[1] = `translateX(${x<0?(x-15):(x+15)}px)`;
+ _translates[1] = `translateX(${x < 0 ? (x - 15) : (x + 15)}px)`;
break;
case 'left':
case 'right':
- _translates[1] = `translateY(${y<0?(y-15):(y+15)}px)`
+ _translates[1] = `translateY(${y < 0 ? (y - 15) : (y + 15)}px)`
break;
}
return _translates.join(' ');
},
- contentStyle() {
- let { x = 0, y = 0 } = this.position,
- style = {};
+ contentStyle () {
+ const { x = 0, y = 0 } = this.position;
+ const style = {};
x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`);
y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`);
- style.opacity = this.hasAnimation||!this.showIn?'0':'1';
- style.transform = this.hasAnimation||!this.showIn?this.contentTransform:'scale(1)';
+ style.opacity = this.hasAnimation || !this.showIn ? '0' : '1';
+ style.transform = this.hasAnimation || !this.showIn ? this.contentTransform : 'scale(1)';
style.transformOrigin = this.transformOrigin;
return style;
},
- arrowStyle() {
- let { pos = 'top', x = 0, y = 0 } = this.arrowPosition,
- style = {};
+ arrowStyle () {
+ let { x = 0, y = 0 } = this.arrowPosition;
+ const { pos = 'top' } = this.arrowPosition;
+ const style = {};
switch (pos) {
case 'top':
style.top = '6px';
- case 'bottom':
+ case 'bottom': //eslint-disable-line
!style.top && (style.bottom = '6px');
style.transform = 'scaleX(0.8) rotate(45deg)';
- if(x>=0 && x<22){
+ if (x >= 0 && x < 22) {
x = 22;
- }else if(x<0 && x>-22){
- x =-22;
+ } else if (x < 0 && x > -22) {
+ x = -22;
}
x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`);
break;
case 'left':
style.left = '6px';
- case 'right':
+ case 'right': //eslint-disable-line
!style.left && (style.right = '6px');
style.transform = 'scaleY(0.8) rotate(45deg)';
- if(y>=0 && y<22){
+ if (y >= 0 && y < 22) {
y = 22;
- }else if(y<0 && y>-22){
- y =-22;
+ } else if (y < 0 && y > -22) {
+ y = -22;
}
y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`);
break;
@@ -155,40 +160,41 @@
}
},
methods: {
- wxcPopoverShow() {
- if(!!this.animationLock){
+ wxcPopoverShow () {
+ if (this.animationLock) {
return;
}
this.show = true;
- if(this.hasAnimation){
- setTimeout(()=>this.wxcPopoverAnimationShow(),40)
- }else{
- setTimeout(()=>this.showIn=true,40);
+ if (this.hasAnimation) {
+ setTimeout(() => this.wxcPopoverAnimationShow(), 40)
+ } else {
+ setTimeout(() => (this.showIn = true), 40);
}
},
/**
* smooth in
**/
- wxcPopoverAnimationShow(){
+ wxcPopoverAnimationShow () {
const popoverEl = this.$refs['wxc-popover'];
const coverEl = this.$refs['wxc-cover'];
if (!coverEl || !popoverEl) {
return;
}
this.setAnimationLock();
- let a1End = false,a2End = false;
+ let a1End = false;
+ let a2End = false;
animation.transition(popoverEl, {
styles: {
opacity: 1,
- transform: "scale(1)",
+ transform: 'scale(1)',
transformOrigin: this.transformOrigin
},
- delay:0,
+ delay: 0,
duration: 250,
timingFunction: 'ease-out'
}, (e) => {
a1End = true;
- if(a1End && a2End){
+ if (a1End && a2End) {
this.animationLock = false
}
});
@@ -197,38 +203,39 @@
styles: {
opacity: 1
},
- delay:0,
+ delay: 0,
duration: 250,
timingFunction: 'ease-in'
}, (e) => {
a2End = true;
- if(a1End && a2End){
+ if (a1End && a2End) {
this.animationLock = false
}
});
},
- wxcButtonClicked(index, key) {
- if(!!this.animationLock){
+ wxcButtonClicked (index, key) {
+ if (this.animationLock) {
return;
}
this.$emit('wxcPopoverButtonClicked', { key, index });
this.hideAction();
},
/**
- * 隐藏操作
- */
- hideAction(){
- if(!!this.animationLock){
+ * 隐藏操作
+ */
+ hideAction () {
+ if (this.animationLock) {
return;
}
- if(this.hasAnimation){
+ if (this.hasAnimation) {
this.setAnimationLock()
const popoverEl = this.$refs['wxc-popover'];
const coverEl = this.$refs['wxc-cover'];
if (!popoverEl || !coverEl) {
return;
}
- let a1End = false,a2End = false;
+ let a1End = false;
+ let a2End = false;
animation.transition(popoverEl, {
styles: {
opacity: 0,
@@ -238,7 +245,7 @@
duration: 250
}, () => {
a1End = true;
- if(a1End && a2End){
+ if (a1End && a2End) {
this.show = false;
this.showIn = false;
this.animationLock = false
@@ -251,21 +258,21 @@
duration: 250
}, () => {
a2End = true;
- if(a1End && a2End){
+ if (a1End && a2End) {
this.show = false;
this.showIn = false;
this.animationLock = false
}
});
- }else {
+ } else {
this.show = false;
this.showIn = false;
}
},
/**
- * 设置动画锁
- */
- setAnimationLock(){
+ * 设置动画锁
+ */
+ setAnimationLock () {
this.animationLock = true;
}
diff --git a/packages/wxc-tab-page/index.vue b/packages/wxc-tab-page/index.vue
index 28fc152..acb9644 100644
--- a/packages/wxc-tab-page/index.vue
+++ b/packages/wxc-tab-page/index.vue
@@ -221,16 +221,16 @@
deltaX: 0,
translateX: 0
}),
- created() {
+ created () {
const { titleType, tabStyles } = this;
if (titleType === 'iconFont' && tabStyles.iconFontUrl) {
dom.addRule('fontFace', {
- 'fontFamily': "wxcIconFont",
+ 'fontFamily': 'wxcIconFont',
'src': `url(${tabStyles.iconFontUrl})`
});
}
},
- mounted() {
+ mounted () {
if (swipeBack && swipeBack.forbidSwipeBack) {
swipeBack.forbidSwipeBack(true);
}
@@ -243,28 +243,27 @@
}
},
methods: {
- next() {
+ next () {
let page = this.currentPage;
if (page < this.tabTitles.length - 1) {
page++;
}
this.setPage(page);
},
- prev() {
+ prev () {
let page = this.currentPage;
if (page > 0) {
page--;
}
this.setPage(page);
},
- startHandler() {
+ startHandler () {
if (BindEnv.supportsEBForIos() && this.isTabView && this.needSlider) {
this.bindExp(this.$refs['tab-page-wrap']);
}
},
- bindExp(element) {
+ bindExp (element) {
if (element && element.ref) {
-
if (this.isMoving && this.gesToken !== 0) {
Binding.unbind({
eventType: 'pan',
@@ -304,7 +303,7 @@
this.gesToken = gesTokenObj.token;
}
},
- setPage(page, url = null, animated = true) {
+ setPage (page, url = null, animated = true) {
if (!this.isTabView) {
this.jumpOut(url);
return;
@@ -336,10 +335,10 @@
this._animateTransformX(page, animated);
this.$emit('wxcTabPageCurrentTabSelected', { page });
},
- jumpOut(url) {
+ jumpOut (url) {
url && Utils.goToH5Page(url)
},
- _animateTransformX(page, animated) {
+ _animateTransformX (page, animated) {
const { duration, timingFunction } = this;
const computedDur = animated ? duration : 0.00001;
const containerEl = this.$refs[`tab-container`];
