[breaking change] 品牌升级，更名为 Vant Weapp

.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    "stage-0",
+    [
+      "env",
+      {
+        "loose": true,
+        "exclude": ["transform-es2015-typeof-symbol"]
+      }
+    ]
+  ]
+}

.eslintignore

@@ -0,0 +1,3 @@
+dist
+example/dist
+node_modules

.eslintrc

@@ -1,44 +1,17 @@
 {
-    "extends": "airbnb",
-    "globals": {
-        "getApp": false,
-        "getCurrentPages": false,
-        "Page": false,
-        "Component": false,
-        "App": false,
-        "wx": false,
-        "Behavior": false
-    },
-    "parser": "babel-eslint",
-    "rules": {
-        "no-extend-native": 0,
-        "no-shadow": 0,
-        "no-loop-func": 0,
-        "no-console": 0,
-        "no-var": 0,
-        "vars-on-top": 0,
-        "new-cap": 0,
-        "no-used-var": 0,
-        "semi": [2, "always"],
-        "camelcase": 1,
-        "prefer-template": 0,
-        "eqeqeq": 0,
-        "max-len": 0,
-        "react/prefer-stateless-function": 0,
-        "comma-dangle": 0,
-        "func-names": 0,
-        "prefer-const": 0,
-        "arrow-body-style": 0,
-        "no-param-reassign": 0,
-        "no-return-assign": 0,
-        "consistent-return": 0,
-        "no-unused-expressions": 0,
-        "no-underscore-dangle": 0,
-        "no-use-before-define": 0,
-        "no-new": 0,
-        "no-multi-assign": 0,
-        "class-methods-use-this": 0,
-        "no-plusplus": 0,
-        "prefer-promise-reject-errors": 0
-    }
+  "root": true,
+  "globals": {
+    "getApp": false,
+    "getCurrentPages": false,
+    "Page": false,
+    "Component": false,
+    "App": false,
+    "wx": false,
+    "Behavior": false
+  },
+  "extends": ["plugin:vue-libs/recommended"],
+  "rules": {
+    "semi": ["error", "always"],
+    "space-before-function-paren": ["error", "never"]
+  }
 }

.gitignore

@@ -10,3 +10,4 @@ assets/icons/build
 assets/icons/svg
 example/dist
 website/dist
+docs/dist

README.md

@@ -1,127 +1,115 @@
 <p>
-<a href="https://github.com/youzan/"><img alt="有赞logo" width="36px" src="https://img.yzcdn.cn/public_files/2017/02/09/e84aa8cbbf7852688c86218c1f3bbf17.png" alt="youzan">
-</p></a>
-<p align="center">
-    <img alt="项目logo" src="https://img.yzcdn.cn/public_files/2017/02/06/ee0ebced79a80457d77ce71c7d414c74.png">
+    <a href="https://github.com/youzan/"><img alt="logo" width="36px" src="https://img.yzcdn.cn/public_files/2017/02/09/e84aa8cbbf7852688c86218c1f3bbf17.png" alt="youzan">
+    </a>
 </p>
-<p align="center">高颜值、好用、易扩展的小程序 UI 库</p>
+<p align="center">
+    <img alt="logo" src="https://img.yzcdn.cn/public_files/2017/12/18/fd78cf6bb5d12e2a119d0576bedfd230.png" width="120" style="margin-bottom: 10px;">
+</p>
+<h3 align="center">轻量、可靠的小程序 UI 组件库</h3>
 
+---
 
 ## 概述
-[ZanUI-WeApp](https://youzan.github.io/zanui-weapp)是有赞移动 Web UI 规范 `ZanUI` 的小程序现实版本，结合了微信的视觉规范，为用户提供更加统一的使用感受。
 
-现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具体可以扫描下方小程序二维码，体验组件库示例 Demo
-
-![ZanUI-WeApp 演示](https://img.yzcdn.cn/public_files/2017/10/30/554dd940eb1a269d4ac9133e78ae321f.jpg?imageView2/2/w/300/h/300)
-
-更多背景介绍，请移步 [我们写的介绍文章](http://tech.youzan.com/zanui-weapp/)。
-
-## 下载
-``` bash
-git clone https://github.com/youzan/zanui-weapp.git
-```
+[Vant Weapp](https://youzan.github.io/vant-weapp) 是有赞移动端组件库 [Vant](https://github.com/youzan/vant) 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。
 
 ## 预览
-1. 在 zanui-weapp 根目录下运行
-``` bash
+
+扫描下方小程序二维码，体验组件库示例：
+
+<img src="https://img.yzcdn.cn/vant-weapp/qrcode-201808101114.jpg" width="200" height="200" style="margin-top: 10px;" >
+
+## 文档
+
+[https://youzan.github.io/vant-weapp](https://youzan.github.io/vant-weapp)
+
+## 迁移指南
+
+Vant Weapp 是基于有赞 Zanui 组件库进行的品牌升级，对于仍在使用 Zanui 的用户，建议逐渐使用 Vant Weapp 替换原有的组件。
+  
+Zanui 后续会进入维护状态，仓库地址为：[https://github.com/youzan/zanui-weapp](https://github.com/youzan/zanui-weapp)
+
+## 使用之前
+
+使用 Vant Weapp 前，请确保你已经学习过微信官方的 [小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/) 和 [自定义组件介绍](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/)。
+
+## 安装
+
+### 方式一. 通过 npm 安装 (推荐)
+
+小程序已经支持使用 npm 安装第三方包，详见 [npm 支持](https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html?search-key=npm)
+
+```bash
+# npm
+npm i vant-weapp -S --production
+
+# yarn
+yarn add vant-weapp --production
+```
+
+### 方式二. 下载代码
+
+直接通过 git 下载 Vant Weapp 源代码，并将`dist`目录拷贝到自己的项目中
+```bash
+git clone https://github.com/youzan/vant-weapp.git
+```
+
+## 使用组件
+
+以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可
+
+```json
+{
+  "usingComponents": {
+    "van-button": "/path/to/vant-weapp/dist/button/index"
+  }
+}
+```
+
+接着就可以在 wxml 中直接使用组件
+
+```xml
+<van-button type="primary">按钮</van-button>
+```
+
+## 在开发者工具中预览
+
+```bash
 # 安装项目依赖
 npm install
+
 # 执行组件编译
 npm run dev
 ```
-2. 打开[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，'本地小程序项目 - 添加项目'，把 zanui-weapp/example 目录添加进去就可以预览示例demo了。
 
-![](https://img.yzcdn.cn/public_files/2017/02/08/a5e6445075826183659742cc6946c477.png)
+打开[微信开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，把`vant-weapp/example`目录添加进去就可以预览示例了。
 
-## 使用
+## 链接
 
-1. 使用 [ZanUI-WeApp] 前请确保已经学习过微信官方的 [小程序简易教程] 和 [小程序框架介绍]。
-2. 然后用 [Bower] 将 [ZanUI-WeApp] 添加到你的项目中使用。
-3. 你也可以 fork 出一份你自己的 [ZanUI-WeApp]，这样可以获得更稳定的代码和更方便的进行个性定制。
-
-我们推荐在你的`app.wxss`直接引入`zanui-weapp/dist/index.wxss`。
-
-详细使用文档，请参考 [快速上手](https://youzan.github.io/zanui-weapp)
-
-### 组件分类介绍
-根据功能的不同，可以将组件大致的分为2类：
-
-#### 1. 正常引用
-
-如按钮组件，只需要在页面中引入按钮自定义组件即可
-```json
-{
-    "usingComponents": {
-        "zan-button": "/path/to/zanui-weapp/dist/btn/index"
-    }
-}
-```
-```html
-<!-- example/btn/index.html -->
-
-<zan-button>按钮</zan-button>
-```
-
-![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png)
-
-
-#### 2. API类组件
-
-如 Toast 组件，需要先在页面上引入自定义组件。之后在逻辑运行时，直接调用方法即可展示
-```json
-{
-    "usingComponents": {
-        "zan-toast": "/path/to/zanui-weapp/dist/toast/index"
-    }
-}
-```
-```html
-<zan-toast id="zan-toast-test"></zan-toast>
-```
-
-将对应的 Toast 的函数引入页面，就可以直接调用来展示 Toast 了
-
-```js
-// example/toast/index.js
-
-const Toast = require('/path/to/zanui-weapp/dist/toast/toast');
-
-Page({
-  showToast() {
-    Toast({
-        selector: '#zan-toast-test',
-        message: 'toast内容'
-    });
-  }
-});
-
-```
-
-![](https://img.yzcdn.cn/public_files/2017/02/08/ada80798c88df08060ce96964384e88e.png)
-
-更多示例可以在项目的`example`目录中查看
-
-## 旧版组件库
-组件库现在已经全部升级至自定义组件，如果项目暂时无法切换到自定义组件的形式，可以将使用的版本号设置为低于 3.0.0。同时，旧的代码会在分支 old_code 上保留一段时间。
-
-建议新使用的用户，直接以自定义组件形式接入
+* [意见反馈](https://github.com/youzan/vant-weapp/issues)
+* [加入我们](https://job.youzan.com)
+* [更新日志](#/changelog)
+* [Vue 组件库](https://github.com/youzan/vant)
+* [React 组件库](https://www.youzanyun.com/zanui/zent)
 
 ## 微信讨论群
 
-欢迎大家在微信上联系我们，添加下方微信并注明『交流 ZanUI-WeApp』即可
+欢迎大家在微信上联系我们，添加下方微信并注明『交流 vant-weapp』即可
 
 <img src="https://img.yzcdn.cn/vant/wechat_20180606.png" width="220" height="292" >
 
 ## 开源协议
+
 本项目基于 [MIT](https://zh.wikipedia.org/wiki/MIT%E8%A8%B1%E5%8F%AF%E8%AD%89)协议，请自由地享受和参与开源。
 
 ## 贡献
 
-如果你有好的意见或建议，欢迎给我们提 [issue] 或 [PR]，为优化 [ZanUI-Weapp] 贡献力量
+如果你有好的意见或建议，欢迎给我们提 [issue] 或 [PR]，为优化 [vant-weapp] 贡献力量
 
-[ZanUI-WeApp]: https://github.com/youzan/zanui-weapp
-[issue]: https://github.com/youzan/zanui-weapp/issues/new
-[PR]: https://github.com/youzan/zanui-weapp/compare
+[vant-weapp]: https://github.com/youzan/vant-weapp
+[issue]: https://github.com/youzan/vant-weapp/issues/new
+[PR]: https://github.com/youzan/vant-weapp/compare
 [MIT]: http://opensource.org/licenses/MIT
 [小程序简易教程]: https://mp.weixin.qq.com/debug/wxadoc/dev/
 [小程序框架介绍]: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html
+[微信开发者工具]: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

bower.json

@@ -1,26 +0,0 @@
-{
-  "name": "zanui-weapp",
-  "authors": [
-    "Nino <ninofocus@gmail.com>",
-    "Pangxie <pangxie@youzan.com>"
-  ],
-  "directory": "zanui-weapp",
-  "description": "A UI Library for Weapp",
-  "main": "zan",
-  "license": "MIT",
-  "homepage": "",
-  "ignore": [
-    "**/.*",
-    ".github",
-    "assets",
-    "example",
-    "node_modules",
-    "packages",
-    "scripts",
-    "website",
-    "postcss.config.js",
-    "package.json",
-    "*.md",
-    "*.log"
-  ]
-}

build/build-components.js

@@ -1,5 +1,5 @@
 const path = require('path');
-const extracter = require('./utils/extracter');
+const extracter = require('./extracter');
 
 extracter({
   src: path.resolve(__dirname, '../packages'),

build/build.js

@@ -1,3 +1,4 @@
+const path = require('path');
 const gulp = require('gulp');
 const postcss = require('gulp-postcss');
 const cssmin = require('gulp-clean-css');
@@ -10,30 +11,31 @@ const options = gutil.env;
 const isProduction = process.env.NODE_ENV === 'production';
 
 gulp.task('compile-css', () => {
-  return gulp.src(['../../packages/**/*.pcss', '!../../packages/**/_*.pcss'])
+  return gulp
+    .src(['../packages/**/*.pcss', '!../packages/**/_*.pcss'])
     .pipe(postcss())
     .pipe(cssmin())
-    .pipe(rename((path) => {
-      path.extname = '.wxss';
-    }))
+    .pipe(
+      rename(path => {
+        path.extname = '.wxss';
+      })
+    )
     .pipe(gulp.dest(options.dist));
 });
 
 gulp.task('compile-js', () => {
-  return gulp.src(['../../packages/**/*.js'])
-    .pipe(removeLogging({
-      methods: isProduction ? ['log', 'info'] : []
-    }))
-    .pipe(babel({
-      plugins: [['transform-object-rest-spread', { useBuiltIns: true }]],
-      presets: [
-        ['env', {
-          loose: true,
-          useBuiltIns: true,
-          exclude: ['transform-es2015-typeof-symbol']
-        }]
-      ]
-    }))
+  return gulp
+    .src(['../packages/**/*.js'])
+    .pipe(
+      removeLogging({
+        methods: isProduction ? ['log', 'info'] : []
+      })
+    )
+    .pipe(
+      babel({
+        extends: path.join(__dirname, '../.babelrc')
+      })
+    )
     .pipe(gulp.dest(options.dist));
 });
 

build/dev.js

@@ -0,0 +1,42 @@
+const fs = require('fs-extra');
+const glob = require('fast-glob');
+const path = require('path');
+const tips = '// This file is auto gererated by build/build-entry.js';
+const root = path.join(__dirname, '../');
+const join = dir => path.join(root, dir);
+const serve = require('webpack-serve');
+const config = require('./webpack.dev');
+const extracter = require('./extracter');
+
+// generate webpack entry file for markdown docs
+function buildDocsEntry() {
+  const output = join('docs/src/docs-entry.js');
+  const getName = fullPath => fullPath.replace(/(\/README)|(\.md)/g, '').split('/').pop();
+  const docs = glob
+    .sync([
+      join('docs/**/*.md'),
+      join('packages/**/*.md'),
+      '!**/node_modules/**'
+    ])
+    .map(fullPath => {
+      const name = getName(fullPath);
+      return `'${name}': () => import('${path.relative(join('docs/src'), fullPath)}')`;
+    });
+
+  const content = `${tips}
+export default {
+  ${docs.join(',\n  ')}
+};
+`;
+  fs.writeFileSync(output, content);
+}
+
+buildDocsEntry();
+
+serve({}, { config });
+
+extracter({
+  src: path.resolve(__dirname, '../packages'),
+  dist: path.resolve(__dirname, '../example/dist'),
+  watch: true
+});

build/extracter.js

@@ -2,9 +2,9 @@ const path = require('path');
 const fs = require('fs-extra');
 const nodeWatch = require('node-watch');
 const debounce = require('lodash/debounce');
-require('shelljs/global');
+const shelljs = require('shelljs');
 
-module.exports = function (config = {}) {
+module.exports = function(config = {}) {
   // 清空 dist 目录
   fs.emptyDirSync(config.dist);
 
@@ -15,7 +15,7 @@ module.exports = function (config = {}) {
   }
 };
 
-const debouncedFunc = debounce(config => extracter(config), 500);
+const debouncedFunc = debounce(config => extracter(config), 100);
 
 function extracter(config = {}) {
   // 复制 src
@@ -27,5 +27,5 @@ function extracter(config = {}) {
   });
 
   // 编译 js wxss 文件
-  exec(`gulp build --gulpfile scripts/utils/build.js --dist ${config.dist} --color`);
+  shelljs.exec(`gulp build --gulpfile build/build.js --dist ${config.dist} --color`);
 }

build/release.sh

@@ -13,11 +13,10 @@ then
   echo "Releasing $VERSION ..."
 
   # build
-  npm run components
+  npm run build:lib
 
   # commit build
-  git add -A
-  git commit -m "[build] $VERSION"
+  git commit -am "[build] $VERSION"
 
   # commit
   npm version $VERSION --message "[release] $VERSION"

build/webpack.dev.js

@@ -0,0 +1,94 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ProgressBarPlugin = require('progress-bar-webpack-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
+
+module.exports = {
+  mode: 'development',
+  entry: {
+    'vant-docs': './docs/src/index.js',
+    'vant-preview': './docs/src/preview.js'
+  },
+  output: {
+    path: path.join(__dirname, '../docs/dist'),
+    publicPath: '/',
+    chunkFilename: 'async_[name].js'
+  },
+  stats: {
+    modules: false,
+    children: false
+  },
+  serve: {
+    open: true,
+    host: '0.0.0.0',
+    devMiddleware: {
+      logLevel: 'warn'
+    },
+    hotClient: {
+      logLevel: 'warn'
+    }
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.css'],
+    alias: {
+      packages: path.join(__dirname, '../packages')
+    }
+  },
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        use: [
+          {
+            loader: 'vue-loader',
+            options: {
+              compilerOptions: {
+                preserveWhitespace: false
+              }
+            }
+          }
+        ]
+      },
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: 'babel-loader'
+      },
+      {
+        test: /\.(css|postcss)$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          'postcss-loader'
+        ]
+      },
+      {
+        test: /\.md$/,
+        use: [
+          'vue-loader',
+          'fast-vue-md-loader'
+        ]
+      },
+      {
+        test: /\.(ttf|svg)$/,
+        loader: 'url-loader'
+      }
+    ]
+  },
+  plugins: [
+    new VueLoaderPlugin(),
+    new ProgressBarPlugin(),
+    new HtmlWebpackPlugin({
+      chunks: ['vant-docs'],
+      template: 'docs/src/index.tpl',
+      filename: 'index.html',
+      inject: true
+    }),
+    new HtmlWebpackPlugin({
+      chunks: ['vant-preview'],
+      template: 'docs/src/index.tpl',
+      filename: 'preview.html',
+      inject: true
+    })
+  ]
+};

build/webpack.doc.js

@@ -0,0 +1,14 @@
+const path = require('path');
+const config = require('./webpack.dev.js');
+
+delete config.serve;
+
+module.exports = Object.assign(config, {
+  mode: 'production',
+  output: {
+    path: path.join(__dirname, '../docs/dist'),
+    publicPath: 'https://youzan.github.io/vant/',
+    filename: '[name].[hash:8].js',
+    chunkFilename: 'async_[name].[chunkhash:8].js'
+  }
+});

changelog.md

@@ -1,339 +0,0 @@
-`ZanUI-WeApp` 严格遵循 [Semantic Versioning 2.0.0](http://semver.org/lang/zh-CN/) 语义化版本规范。
-
-## [v3.1.0](https://github.com/youzan/zanui-weapp/tree/v3.1.0) (2018-07-31)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.10...v3.1.0)
-
-**Breaking changes**
-
-- 修复 Field 组件错误的事件参数 [\#391](https://github.com/youzan/zanui-weapp/pull/391) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-
-- 示例小程序增加 tree-select DEMO [\#392](https://github.com/youzan/zanui-weapp/pull/392) ([pangxie1991](https://github.com/pangxie1991))
-- 文档增加 timeout 的单位标注 [\#389](https://github.com/youzan/zanui-weapp/pull/389) ([upupming](https://github.com/upupming))
-- 修复文档 Card 示例页 title 错误标注为 CAPSULE 的问题 [\#385](https://github.com/youzan/zanui-weapp/pull/385) ([Fyerl](https://github.com/Fyerl))
-
-
-## [v3.0.10](https://github.com/youzan/zanui-weapp/tree/v3.0.10) (2018-07-27)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.9...v3.0.10)
-
-**new feature**
-
-- cell-group 组件支持显示上下边框 [\#380](https://github.com/youzan/zanui-weapp/pull/380) ([rex-zsd](https://github.com/rex-zsd))
-
-**Improvements**
-
-- Cell 组件去掉 title 区域的最小宽度 [\#376](https://github.com/youzan/zanui-weapp/pull/376) ([ylethe](https://github.com/ylethe))
-
-
-## [v3.0.9](https://github.com/youzan/zanui-weapp/tree/v3.0.9) (2018-07-17)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.8...v3.0.9)
-
-**new feature**
-- Cell 组件新增 no-border 属性 [\#369](https://github.com/youzan/zanui-weapp/pull/369) ([realywithoutname](https://github.com/realywithoutname))
-- 新增 Radio 组件 [\#354](https://github.com/youzan/zanui-weapp/pull/354) ([jerryni](https://github.com/jerryni))
-
-**Improvements**
-
-- 优化 Dialog 弹窗组件对 open 信息的处理 [\#366](https://github.com/youzan/zanui-weapp/pull/366) ([pangxie1991](https://github.com/pangxie1991))
-- 优化 Cell 组件默认 slot 展示效果，添加 title 区域自定义 class [\#360](https://github.com/youzan/zanui-weapp/pull/360) ([ylethe](https://github.com/ylethe))
-- 优化 LoadMore 组件表现及展示效果 [\#337](https://github.com/youzan/zanui-weapp/pull/337) ([zgrong](https://github.com/zgrong))
-
-**Bug Fixes**
-
-- 修复文档错误 [\#370](https://github.com/youzan/zanui-weapp/pull/370) ([jerryni](https://github.com/jerryni))
-
-
-## [v3.0.8](https://github.com/youzan/zanui-weapp/tree/v3.0.8) (2018-07-12)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.7...v3.0.8)
-
-**Bug Fixes**
-
-- 修复 Toast 组件未传入 timeout 时不会自动关闭的问题 [\#361](https://github.com/youzan/zanui-weapp/pull/361) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 DateTime 组件接收非标准 iso 格式时间初始时间错误的问题 [\#355](https://github.com/youzan/zanui-weapp/pull/355) ([realywithoutname](https://github.com/realywithoutname))
-
-## [v3.0.7](https://github.com/youzan/zanui-weapp/tree/v3.0.7) (2018-07-10)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.6...v3.0.7)
-
-**new feature**
-- \[new feature\] 新增 checkbox 组件 [\#341](https://github.com/youzan/zanui-weapp/pull/341) ([jerryni](https://github.com/jerryni))
-
-**Improvements**
-
-- Tab 组件支持选中项自动滑动到中间位置 [\#347](https://github.com/youzan/zanui-weapp/pull/347) ([rex-zsd](https://github.com/rex-zsd))
-- 增加部分组件自定义样式类，方便自定义样式 [\#352](https://github.com/youzan/zanui-weapp/pull/352) ([pangxie1991](https://github.com/pangxie1991))
-
-**Bug Fixes**
-
-- 修复 Toptips 组件在示例小程序上的问题 [\#351](https://github.com/youzan/zanui-weapp/pull/351) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 DateTime 组件设置初始时间时报错的问题 [\#350](https://github.com/youzan/zanui-weapp/pull/350) ([realywithoutname](https://github.com/realywithoutname))
-
-## [v3.0.6](https://github.com/youzan/zanui-weapp/tree/v3.0.6) (2018-07-08)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.5...v3.0.6)
-
-**new feature**
-- 新增搜索组件 [\#321](https://github.com/youzan/zanui-weapp/pull/321) ([jerryni](https://github.com/jerryni))
-- 新增分类选择组件 [\#346](https://github.com/youzan/zanui-weapp/pull/346) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-
-- 优化 Tab 组件宽度样式 [\#336](https://github.com/youzan/zanui-weapp/pull/336) ([pangxie1991](https://github.com/pangxie1991))
-
-**Bug Fixes**
-
-- 修复由于 autoprefixer 移除旧浏览器代码导致的兼容性问题 [\#335](https://github.com/youzan/zanui-weapp/pull/335) ([realywithoutname](https://github.com/realywithoutname))
-- 修复 select、popup 组件文档错误，改善部分组件文档一致性 [\#334](https://github.com/youzan/zanui-weapp/pull/334) ([rex-zsd](https://github.com/rex-zsd))
-- 修复 Toast 组件的 timeout 不支持小于0的问题 [\#340](https://github.com/youzan/zanui-weapp/pull/340) ([rex-zsd](https://github.com/rex-zsd))
-
-
-## [v3.0.5](https://github.com/youzan/zanui-weapp/tree/v3.0.5) (2018-06-29)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.4...v3.0.5)
-
-**Improvements**
-
-- 优化 popup 遮罩层相关文档 [\#324](https://github.com/youzan/zanui-weapp/pull/324) ([jerryni](https://github.com/jerryni))
-- 优化 Button，支持 disabled 属性 [\#323](https://github.com/youzan/zanui-weapp/pull/323) ([jerryni](https://github.com/jerryni))
-- Steps 组件扩展自定义class [\#311](https://github.com/youzan/zanui-weapp/pull/311) ([jerryni](https://github.com/jerryni))
-- Stepper 组件 size 属性支持 small middle large [\#306](https://github.com/youzan/zanui-weapp/pull/306) ([jerryni](https://github.com/jerryni))
-- 优化 Field 组件在列表中输入框表现 [\#296](https://github.com/youzan/zanui-weapp/pull/296) ([pangxie1991](https://github.com/pangxie1991))
-- datepicker 使用原生 picker-view 重写 [\#294](https://github.com/youzan/zanui-weapp/pull/294) ([realywithoutname](https://github.com/realywithoutname))
-- Noticebar 组件支持动态更新text [\#314](https://github.com/youzan/zanui-weapp/pull/314) ([rex-zsd](https://github.com/rex-zsd))
-- datetime-picker 组件在 demo 中增加 datetime 示例入口 [\#313](https://github.com/youzan/zanui-weapp/pull/313) ([rex-zsd](https://github.com/rex-zsd))
-
-
-**Bug Fixes**
-
-- 修复 Toptips 在自定义组件中引入报错的问题，backgroundColor不生效的问题 [\#318](https://github.com/youzan/zanui-weapp/pull/318) ([Yuliang-Lee](https://github.com/Yuliang-Lee))
-- Dialog 组件修复取消按钮只生效一次的问题 [\#312](https://github.com/youzan/zanui-weapp/pull/312) ([rex-zsd](https://github.com/rex-zsd))
-- 修复使用 dialog 组件的页面切换路由时会报错的问题 \(\#289\) [\#310](https://github.com/youzan/zanui-weapp/pull/310) ([rex-zsd](https://github.com/rex-zsd))
-- 修复按钮点击态时没有任何变化的问题 [\#287](https://github.com/youzan/zanui-weapp/pull/287) ([jerryni](https://github.com/jerryni))
-- Stepper 组件增加在数字越界前进行校验的操作 [\#283](https://github.com/youzan/zanui-weapp/pull/283) ([icarusion](https://github.com/icarusion))
-
-
-## [v3.0.4](https://github.com/youzan/zanui-weapp/tree/v3.0.4) (2018-05-29)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.3...v3.0.4)
-
-**Improvements**
-
-- 使用 babel 简单编译 dist 里面的文件 [\#285](https://github.com/youzan/zanui-weapp/pull/285) ([pangxie1991](https://github.com/pangxie1991))
-- Cell 组件增加默认白色背景色 [\#270](https://github.com/youzan/zanui-weapp/pull/270) ([pangxie1991](https://github.com/pangxie1991))
-- Stepper 文档添加size属性说明 [\#260](https://github.com/youzan/zanui-weapp/pull/260) ([jerryni](https://github.com/jerryni))
-
-**Bug Fixes**
-
-- 修复 Switch 组件示例名称错误 [\#281](https://github.com/youzan/zanui-weapp/pull/281) ([dlhandsome](https://github.com/dlhandsome))
-- 修复 Steps 2步样式 && 优化文档 [\#274](https://github.com/youzan/zanui-weapp/pull/274) ([jerryni](https://github.com/jerryni))
-- 修复 Stepper 组件不传 max 情况下，默认置灰的问题 [\#269](https://github.com/youzan/zanui-weapp/pull/269) ([pangxie1991](https://github.com/pangxie1991))
-
-
-## [v3.0.3](https://github.com/youzan/zanui-weapp/tree/v3.0.3) (2018-05-21)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.2...v3.0.3)
-
-**Bug Fixes**
-- 修复 cell 组件点击事情触发两次的问题 [\#259](https://github.com/youzan/zanui-weapp/pull/259) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Cell 组件文档错误 [\#254](https://github.com/youzan/zanui-weapp/pull/254) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-- Dialog 组件中的按钮支持 open-type 属性 [\#247](https://github.com/youzan/zanui-weapp/pull/247) ([artecher](https://github.com/artecher))
-
-## [v3.0.2](https://github.com/youzan/zanui-weapp/tree/v3.0.2) (2018-05-13)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.1...v3.0.2)
-
-**new feature**
-- 新增时间选择组件 [\#164](https://github.com/youzan/zanui-weapp/pull/164) ([realywithoutname](https://github.com/realywithoutname))
-
-**Improvements**
-- Icon 中增加减号图标 [\#235](https://github.com/youzan/zanui-weapp/pull/235) ([pangxie1991](https://github.com/pangxie1991))
-- Toast 组件新增默认配置设置 [\#229](https://github.com/youzan/zanui-weapp/pull/229) ([pangxie1991](https://github.com/pangxie1991))
-- Btn 组件和 Field 组件支持原生属性 [\#219](https://github.com/youzan/zanui-weapp/pull/219) ([pangxie1991](https://github.com/pangxie1991))
-
-**Bug Fixes**
-- 修复部分情况下 cell 边框不出现的问题 [\#237](https://github.com/youzan/zanui-weapp/pull/237) ([pangxie1991](https://github.com/pangxie1991)))
-- 修复 Badge 组件在页面数据改变了以后，组件中的数字不变的问题 [\#225](https://github.com/youzan/zanui-weapp/pull/225) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Stepper 组件文档错误 [\#222](https://github.com/youzan/zanui-weapp/pull/222) ([jerryni](https://github.com/jerryni))
-- 修复部分文档错误 [\#239](https://github.com/youzan/zanui-weapp/pull/239) ([pangxie1991](https://github.com/pangxie1991))
-
-
-## [v3.0.1](https://github.com/youzan/zanui-weapp/tree/v3.0.1) (2018-04-30)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v3.0.0...v3.0.1)
-
-**Bug Fixes**
-- 修复 gulp 插件引起的组件编译后代码异常的问题 [\#209](https://github.com/youzan/zanui-weapp/pull/209) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v3.0.0](https://github.com/youzan/zanui-weapp/tree/v3.0.0) (2018-04-28)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.7...v3.0.0)
-
-**Breaking changes**
-- 升级组件库至自定义组件 [\#199](https://github.com/youzan/zanui-weapp/pull/199) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-- Field 组件新增 maxlength 属性 [\#203](https://github.com/youzan/zanui-weapp/pull/203) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.4.7](https://github.com/youzan/zanui-weapp/tree/v2.4.7) (2018-03-25)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.6...v2.4.7)
-
-**Improvements**
-
-- Field 组件新增 disabled 属性支持 [\#150](https://github.com/youzan/zanui-weapp/pull/150) ([pangxie1991](https://github.com/pangxie1991))
-- 移除多余的日志信息 [\#144](https://github.com/youzan/zanui-weapp/pull/144) ([pangxie1991](https://github.com/pangxie1991))
-- 新增小程序文档网页 [\#142](https://github.com/youzan/zanui-weapp/pull/142) ([realywithoutname](https://github.com/realywithoutname))
-
-**Bug Fixes**
-
-- 修复弹窗被输入框文本覆盖的问题 [\#149](https://github.com/youzan/zanui-weapp/pull/149) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 NoticeBar 组件动画播放异常的问题 [\#155](https://github.com/youzan/zanui-weapp/pull/155) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.4.6](https://github.com/youzan/zanui-weapp/tree/v2.4.6) (2018-02-27)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.5...v2.4.6)
-
-**new feature**
-
-- 新增 Field 组件 focus 自动聚焦属性 [\#135](https://github.com/youzan/zanui-weapp/pull/135) ([pangxie1991](https://github.com/pangxie1991))
-- 新增文档网站 [\#126](https://github.com/youzan/zanui-weapp/pull/126) ([realywithoutname](https://github.com/realywithoutname))
-
-**Bug Fixes**
-
-- 修复 Field 组件圆角输入框，边框显示问题 [\#134](https://github.com/youzan/zanui-weapp/pull/134) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Noticebar 组件元素查询返回空，导致报错的问题 [\#130](https://github.com/youzan/zanui-weapp/pull/130) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.4.5](https://github.com/youzan/zanui-weapp/tree/v2.4.5) (2018-02-07)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.4...v2.4.5)
-
-**Improvements**
-
-- Toast 新增支持图标展示 [\#121](https://github.com/youzan/zanui-weapp/pull/121) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 Actionsheet 文档 [\#118](https://github.com/youzan/zanui-weapp/pull/118) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Toptips 组件未显示时，下拉页面展示问题 [\#116](https://github.com/youzan/zanui-weapp/pull/116) ([pangxie1991](https://github.com/pangxie1991))
-- Field 使用示例中增加 picker-view 使用 [\#115](https://github.com/youzan/zanui-weapp/pull/115) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Toptips 组件在控制台里的报错 [\#114](https://github.com/youzan/zanui-weapp/pull/114) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.4.4](https://github.com/youzan/zanui-weapp/tree/v2.4.4) (2018-01-12)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.3...v2.4.4)
-
-**Improvements**
-
-- Actionsheet 组件新增 open-type 支持 [\#106](https://github.com/youzan/zanui-weapp/pull/106) ([pangxie1991](https://github.com/pangxie1991))
-- Select 组件新增支持 form 中 submit 使用 [\#104](https://github.com/youzan/zanui-weapp/pull/104) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 Actionsheet 行动按钮组件 [\#97](https://github.com/youzan/zanui-weapp/pull/97) ([pangxie1991](https://github.com/pangxie1991))
-
-**Bug Fixes**
-- 修复 actionsheet 隐藏时阻挡页面元素点击 [\#99](https://github.com/youzan/zanui-weapp/pull/99) ([yun77op](https://github.com/yun77op))
-- 修复 Badge 组件纵向对齐问题 [\#96](https://github.com/youzan/zanui-weapp/pull/96) ([pangxie1991](https://github.com/pangxie1991))
-- 修复合并生命周期extend函数并修改tab文档 [\#93](https://github.com/youzan/zanui-weapp/pull/93) ([Tinysymphony](https://github.com/Tinysymphony))
-
-## [v2.4.3](https://github.com/youzan/zanui-weapp/tree/v2.4.3) (2017-12-28)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.2...v2.4.3)
-
-**Improvements**
-
-- 增加无边框的panel样式 [\#92](https://github.com/youzan/zanui-weapp/pull/92) ([w91](https://github.com/w91))
-- 增加支持合并page生命周期的extend函数 [\#90](https://github.com/youzan/zanui-weapp/pull/90) ([w91](https://github.com/w91))
-
-## [v2.4.2](https://github.com/youzan/zanui-weapp/tree/v2.4.2) (2017-12-25)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.1...v2.4.2)
-
-**Bug Fixes**
-
-- 修复 Popup 组件弹出的 container 遮挡主页事件bug [\#83](https://github.com/youzan/zanui-weapp/pull/83) ([shoung6](https://github.com/shoung6))
-- 修复 Tab 组件不滚动情况下，文字过长显示问题 [\#81](https://github.com/youzan/zanui-weapp/pull/81) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-
-- 新增使用文档 [\#88](https://github.com/youzan/zanui-weapp/pull/88) ([pangxie1991](https://github.com/pangxie1991))
-- 部分组件边框实现修改 [\#87](https://github.com/youzan/zanui-weapp/pull/87) ([pangxie1991](https://github.com/pangxie1991))
-
-
-## [v2.4.1](https://github.com/youzan/zanui-weapp/tree/v2.4.1) (2017-12-13)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.4.0...v2.4.1)
-
-**Bug Fixes**
-
-- 修复 Tag 展现问题 [\#77](https://github.com/youzan/zanui-weapp/pull/77) ([pangxie1991](https://github.com/pangxie1991))
-
-**Improvements**
-
-- 新增 tag 组件文档 [\#76](https://github.com/youzan/zanui-weapp/pull/76) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.4.0](https://github.com/youzan/zanui-weapp/tree/v2.4.0) (2017-12-09)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.5...v2.4.0)
-
-**Improvements**
-
-- 新增 Field 组件对于 Form 的支持 [\#75](https://github.com/youzan/zanui-weapp/pull/75) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 Field 组件文档 [\#73](https://github.com/youzan/zanui-weapp/pull/73) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 Dialog 组件自定义按钮时按钮点击回调的问题 [\#72](https://github.com/youzan/zanui-weapp/pull/72) ([pangxie1991](https://github.com/pangxie1991))
-- Quantity 组件更名为 Stepper [\#70](https://github.com/youzan/zanui-weapp/pull/70) ([pangxie1991](https://github.com/pangxie1991))
-- Dialog 组件和 Popup 组件重构 [\#69](https://github.com/youzan/zanui-weapp/pull/69) ([pangxie1991](https://github.com/pangxie1991))
-- 修正部分文档错误 [\#68](https://github.com/youzan/zanui-weapp/pull/68) ([0x01f7](https://github.com/0x01f7))
-- Label组件重命名为 Tag 并整理样式 [\#55](https://github.com/youzan/zanui-weapp/pull/55) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.5](https://github.com/youzan/zanui-weapp/tree/v2.3.5) (2017-11-27)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.4...v2.3.5)
-
-**Improvements**
-
-- 修复 zan-icon-new 展示 [\#66](https://github.com/youzan/zanui-weapp/pull/66) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.4](https://github.com/youzan/zanui-weapp/tree/v2.3.4) (2017-11-24)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.3...v2.3.4)
-
-**Improvements**
-
-- 增加新的 Icon [\#65](https://github.com/youzan/zanui-weapp/pull/65) ([pangxie1991](https://github.com/pangxie1991))
-- 加回 cart 图标 [\#64](https://github.com/youzan/zanui-weapp/pull/64) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.3](https://github.com/youzan/zanui-weapp/tree/v2.3.3) (2017-11-20)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.2...v2.3.3)
-
-**Improvements**
-
-- 新增部分 icon [\#63](https://github.com/youzan/zanui-weapp/pull/63) ([pangxie1991](https://github.com/pangxie1991))
-- Field 增加 value 传入支持 [\#60](https://github.com/youzan/zanui-weapp/pull/60) ([pangxie1991](https://github.com/pangxie1991))
-- 修复 capsule 样式问题 [\#51](https://github.com/youzan/zanui-weapp/pull/51) ([everywill](https://github.com/everywill))
-- 增加组件使用文档 [\#50](https://github.com/youzan/zanui-weapp/pull/50) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.2](https://github.com/youzan/zanui-weapp/tree/v2.3.2) (2017-11-02)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.1...v2.3.2)
-
-**Improvements**
-
-- 更新 Icon 中 shop 图标 [\#45](https://github.com/youzan/zanui-weapp/pull/45) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 layout 组件 [\#43](https://github.com/youzan/zanui-weapp/pull/43) ([pangxie1991](https://github.com/pangxie1991))
-- Field 组件中 Input 事件支持升级 [\#42](https://github.com/youzan/zanui-weapp/pull/42) ([pangxie1991](https://github.com/pangxie1991))
-- 增加 css 编译，方便组件书写 [\#40](https://github.com/youzan/zanui-weapp/pull/40) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.1](https://github.com/youzan/zanui-weapp/tree/v2.3.1) (2017-10-27)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.3.0...v2.3.1)
-
-**Bug Fixes**
-
-- 修复 Field 组件多行展示样式问题 [\#39](https://github.com/youzan/zanui-weapp/pull/39) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.3.0](https://github.com/youzan/zanui-weapp/tree/v2.3.0) (2017-10-26)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.2.0...v2.3.0)
-
-**Breaking Change**
-
-- icon 整理 & 新增 [\#38](https://github.com/youzan/zanui-weapp/pull/38) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 Field 组件, 代替原有 Form 组件 [\#37](https://github.com/youzan/zanui-weapp/pull/37) ([pangxie1991](https://github.com/pangxie1991))
-- 新增 Select 组件，代替原有 Check_label 组件 [\#36](https://github.com/youzan/zanui-weapp/pull/36) ([pangxie1991](https://github.com/pangxie1991))
-
-## [v2.2.0](https://github.com/youzan/zanui-weapp/tree/v2.2.0) (2017-10-15)
-[Full Changelog](https://github.com/youzan/zanui-weapp/compare/v2.1.1...v2.2.0)
-
-**Bug Fixes**
-
-- 多页面情况下，TopTips 无法自动清除 [\#20](https://github.com/youzan/zanui-weapp/issues/20)
-
-**Improvements**
-
-- \[new feature\] 增加发布脚本 [\#35](https://github.com/youzan/zanui-weapp/pull/35) ([pangxie1991](https://github.com/pangxie1991))
-- \[new feature\] 增加Capsule, Noticebar, Popup；修正Dialog在非最外层情况下引入的样式问题；更新readme。 [\#32](https://github.com/youzan/zanui-weapp/pull/32) ([everywill](https://github.com/everywill))
-- \[new feature\] 增加单选 和一个验证码的样式 [\#30](https://github.com/youzan/zanui-weapp/pull/30) ([muzea](https://github.com/muzea))
-- \[new feature\] Docs: 文档更新 [\#29](https://github.com/youzan/zanui-weapp/pull/29) ([pangxie1991](https://github.com/pangxie1991))
-
-## 2.1.0
-
-**Improvements**
-
-- 新增`switch`组件

dist/actionsheet/index.js

@@ -1,42 +1,38 @@
 'use strict';
 
 Component({
-  externalClasses: ['mask-class', 'container-class'],
   properties: {
+    show: Boolean,
+    title: String,
+    cancelText: String,
     actions: {
       type: Array,
       value: []
     },
-    show: {
-      type: Boolean,
-      value: false
-    },
-    cancelWithMask: {
+    overlay: {
       type: Boolean,
       value: true
     },
-    cancelText: {
-      type: String,
-      value: ''
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true
     }
   },
+
   methods: {
-    onMaskClick: function onMaskClick() {
-      if (this.data.cancelWithMask) {
-        this.cancelClick();
+    onSelect: function onSelect(event) {
+      var index = event.currentTarget.dataset.index;
+
+      var item = this.data.actions[index];
+      if (item && !item.disabled && !item.loading) {
+        this.triggerEvent('select', item);
       }
     },
-    cancelClick: function cancelClick() {
+    onCancel: function onCancel() {
       this.triggerEvent('cancel');
     },
-    handleBtnClick: function handleBtnClick(_ref) {
-      var _ref$currentTarget = _ref.currentTarget,
-          currentTarget = _ref$currentTarget === undefined ? {} : _ref$currentTarget;
-
-      var dataset = currentTarget.dataset || {};
-      var index = dataset.index;
-
-      this.triggerEvent('actionclick', { index: index });
+    onClose: function onClose() {
+      this.triggerEvent('close');
     }
   }
 });

dist/actionsheet/index.json

@@ -1,6 +1,8 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-btn": "../btn/index"
+    "van-icon": "../icon/index",
+    "van-popup": "../popup/index",
+    "van-loading": "../loading/index"
   }
 }

dist/actionsheet/index.wxml

@@ -1,39 +1,38 @@
-<view class="zan-actionsheet {{ show ? 'zan-actionsheet--show' : '' }}">
-  <view
-    class="mask-class zan-actionsheet__mask"
-    bindtap="onMaskClick"
-  ></view>
-  <view class="container-class zan-actionsheet__container">
-    <!-- 选项按钮 -->
-    <zan-btn
-      wx:for="{{ actions }}"
-      wx:key="{{ index }}-{{ item.name }}"
-      bind:btnclick="handleBtnClick"
-      data-index="{{ index }}"
-      open-type="{{ item.openType }}"
-      custom-class="zan-actionsheet__btn"
-      loading="{{ item.loading }}"
-    >
-      <!-- 自定义组件控制 slot 样式有问题，故在 slot 容器上传入 loading 信息 -->
-      <view class="zan-actionsheet__btn-content {{ item.loading ? 'zan-actionsheet__btn--loading' : '' }}">
-        <view class="zan-actionsheet__name">{{ item.name }}</view>
-        <view
-          wx:if="{{ item.subname }}"
-          class="zan-actionsheet__subname">
-          {{ item.subname }}
-        </view>
-      </view>
-    </zan-btn>
-
-    <!-- 关闭按钮 -->
+<van-popup
+  show="{{ show }}"
+  overlay="{{ overlay }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  custom-class="van-actionsheet {{ title ? 'van-actionsheet--withtitle' : '' }}"
+  position="bottom"
+  bind:close="onClose"
+>
+  <view wx:if="{{ title }}" class="van-hairline--top-bottom van-actionsheet__header">
+    <view>{{ title }}</view>
+    <van-icon custom-class="van-actionsheet__close" name="close" bind:tap="onClose" />
+  </view>
+  <view wx:else class="van-hairline--bottom">
     <view
-      wx:if="{{ cancelText }}"
-      class="zan-actionsheet__footer"
+      wx:for="{{ actions }}"
+      wx:key="index"
+      class="van-actionsheet__item van-hairline--top {{ item.disabled || item.loading ? 'van-actionsheet__item--disabled' : '' }} {{ item.className || '' }}"
+      data-index="{{ index }}"
+      bind:tap="onSelect"
     >
-      <zan-btn
-        custom-class="zan-actionsheet__btn"
-        catchtap="cancelClick"
-      >{{ cancelText }}</zan-btn>
+      <block wx:if="{{ !item.loading }}">
+        <view class="van-actionsheet__name">{{ item.name }}</view>
+        <view class="van-actionsheet__subname" wx:if="{{ item.subname }}">{{ item.subname }}</view>
+      </block>
+      <van-loading wx:else custom-class="van-actionsheet__loading" size="20px" />
     </view>
   </view>
-</view>
+  <view
+    wx:if="{{ cancelText }}"
+    class="van-actionsheet__cancel van-hairline--top"
+    bind:tap="onCancel"
+  >
+    {{ cancelText }}
+  </view>
+  <view wx:else class="van-actionsheet__content">
+    <slot />
+  </view>
+</van-popup>

dist/actionsheet/index.wxss

@@ -1 +1 @@
-.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn{margin-bottom:0!important}.zan-actionsheet__footer .zan-actionsheet__btn{background:#fff}.zan-actionsheet__btn-content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center}.zan-actionsheet__subname{color:#999}.zan-actionsheet__name,.zan-actionsheet__subname{height:45px;line-height:45px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-actionsheet{color:#333;max-height:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f8f8f8}.van-actionsheet--withtitle{background-color:#fff}.van-actionsheet__cancel,.van-actionsheet__item{height:50px;line-height:50px;font-size:16px;text-align:center;background-color:#fff}.van-actionsheet__cancel:active,.van-actionsheet__item:active{background-color:#e8e8e8}.van-actionsheet__item--disabled{color:#c9c9c9}.van-actionsheet__item--disabled:active{background-color:#fff}.van-actionsheet__subname{font-size:12px;color:#666;margin-left:5px}.van-actionsheet__loading{display:inline-block}.van-actionsheet__cancel{margin-top:10px}.van-actionsheet__header{font-size:16px;line-height:44px;text-align:center}.van-actionsheet__close{top:0;right:0;padding:0 15px;font-size:18px;color:#999;position:absolute;line-height:inherit}

dist/badge-group/index.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var _relations;
+
+var BADGE_PATH = '../badge/index';
+
+Component({
+  externalClasses: ['custom-class'],
+
+  relations: (_relations = {}, _relations[BADGE_PATH] = {
+    type: 'descendant',
+
+    linked: function linked(target) {
+      this.data.badges.push(target);
+      this.setActive();
+    },
+    unlinked: function unlinked(target) {
+      this.data.badges = this.data.badges.filter(function (item) {
+        return item !== target;
+      });
+      this.setActive();
+    }
+  }, _relations),
+
+  properties: {
+    active: {
+      type: Number,
+      value: 0,
+      observer: function observer() {
+        this.setActive();
+      }
+    }
+  },
+
+  data: {
+    badges: []
+  },
+
+  attached: function attached() {
+    this.currentActive = -1;
+  },
+
+
+  methods: {
+    setActive: function setActive(badge) {
+      var active = this.data.active;
+
+      if (badge) {
+        active = this.data.badges.indexOf(badge);
+      }
+
+      if (active === this.currentActive) {
+        return;
+      }
+
+      if (this.currentActive !== -1) {
+        this.triggerEvent('change', active);
+      }
+
+      this.currentActive = active;
+      this.data.badges.forEach(function (badge, index) {
+        badge.setActive(index === active);
+      });
+    }
+  }
+});

dist/badge-group/index.wxml

@@ -0,0 +1,3 @@
+<view class="van-badge-group van-hairline--top-bottom custom-class">
+  <slot />
+</view>

dist/badge-group/index.wxss

@@ -0,0 +1 @@
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-badge-group{width:85px}

dist/badge/index.js

@@ -1,27 +1,30 @@
 'use strict';
 
-var DEFAULT_COLOR = '#fff';
-var DEFAULT_BACKGROUND_COLOR = '#f44';
-var DEFAULT_FONT_SIZE = 10;
-var DEFAULT_BOX_SHADOW = '0 0 0 2px #fff';
+var _relations;
+
+var BADGE_GROUP_PATH = '../badge-group/index';
 
 Component({
+  externalClasses: ['custom-class'],
+
+  relations: (_relations = {}, _relations[BADGE_GROUP_PATH] = {
+    type: 'ancestor'
+  }, _relations),
+
   properties: {
-    color: {
-      type: String,
-      value: DEFAULT_COLOR
+    info: Number,
+    title: String
+  },
+
+  methods: {
+    onTap: function onTap() {
+      var group = this.getRelationNodes(BADGE_GROUP_PATH)[0];
+      if (group) {
+        group.setActive(this);
+      }
     },
-    backgroundColor: {
-      type: String,
-      value: DEFAULT_BACKGROUND_COLOR
-    },
-    fontSize: {
-      type: Number,
-      value: DEFAULT_FONT_SIZE
-    },
-    boxShadow: {
-      type: String,
-      value: DEFAULT_BOX_SHADOW
+    setActive: function setActive(active) {
+      this.setData({ active: active });
     }
   }
 });

dist/badge/index.wxml

@@ -1,8 +1,4 @@
-<view class="zan-badge">
-  <view
-    class="zan-badge__text"
-    style="color: {{ color }}; background-color: {{ backgroundColor }};font-size: {{ fontSize * 2 }}px; box-shadow: {{ boxShadow }};"
-  >
-    <slot></slot>
-  </view>
+<view class="van-badge van-hairline custom-class {{ active ? 'van-badge--active' : '' }}" bind:tap="onTap">
+  <view wx:if="{{ info }}" class="van-badge__info">{{ info }}</view>
+  {{ title }}
 </view>

dist/badge/index.wxss

@@ -1 +1 @@
-.zan-badge{position:relative}.zan-badge__text{position:absolute;top:-.8em;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;-webkit-transform:translateX(50%) scale(.5);transform:translateX(50%) scale(.5);-webkit-transform-origin:center;transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-badge{display:block;overflow:hidden;font-size:14px;line-height:1.4;-webkit-user-select:none;user-select:none;color:#666;word-break:break-all;box-sizing:border-box;padding:20px 12px 20px 9px;background-color:#f8f8f8;border-left:3px solid transparent}.van-badge:active{background-color:#e8e8e8}.van-badge::after{border-bottom-width:1px}.van-badge--active{font-weight:700;color:#333;border-color:#f44}.van-badge--active::after{border-right-width:1px}.van-badge--active,.van-badge--active:active{background-color:#fff}.van-badge__info{position:absolute;top:2px;right:2px;color:#fff;font-size:10px;font-weight:400;-webkit-transform:scale(.8);transform:scale(.8);text-align:center;box-sizing:border-box;padding:0 6px;min-width:18px;line-height:18px;border-radius:9px;background-color:#f44}

dist/btn-group/index.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Component({
-  relations: {
-    '../btn/index': {
-      type: 'child',
-      linked: function linked() {
-        updateBtnChild.call(this);
-      },
-      linkChange: function linkChange() {
-        updateBtnChild.call(this);
-      },
-      unlinked: function unlinked() {
-        updateBtnChild.call(this);
-      }
-    }
-  }
-});
-
-function updateBtnChild() {
-  var btns = this.getRelationNodes('../btn/index');
-
-  if (btns.length > 0) {
-    var lastIndex = btns.length - 1;
-
-    btns.forEach(function (btn, index) {
-      btn.switchLastButtonStatus(index === lastIndex);
-    });
-  }
-}

dist/btn-group/index.wxml

@@ -1,3 +0,0 @@
-<view class="btn-group">
-  <slot></slot>
-</view>

dist/btn-group/index.wxss

@@ -1,3 +0,0 @@
-.btn-group {
-  margin: 15px;
-}

dist/btn/index.js

@@ -1,61 +0,0 @@
-'use strict';
-
-var nativeButtonBehavior = require('./native-button-behaviors');
-
-Component({
-  externalClasses: ['custom-class', 'theme-class'],
-  behaviors: [nativeButtonBehavior],
-  relations: {
-    '../btn-group/index': {
-      type: 'parent',
-      linked: function linked() {
-        this.setData({ inGroup: true });
-      },
-      unlinked: function unlinked() {
-        this.setData({ inGroup: false });
-      }
-    }
-  },
-  properties: {
-    type: {
-      type: String,
-      value: ''
-    },
-    size: {
-      type: String,
-      value: ''
-    },
-    plain: {
-      type: Boolean,
-      value: false
-    },
-    disabled: {
-      type: Boolean,
-      value: false
-    },
-    loading: {
-      type: Boolean,
-      value: false
-    }
-  },
-
-  data: {
-    inGroup: false,
-    isLast: false
-  },
-
-  methods: {
-    handleTap: function handleTap() {
-      if (this.data.disabled) {
-        this.triggerEvent('disabledclick');
-        return;
-      }
-      this.triggerEvent('btnclick');
-    },
-    switchLastButtonStatus: function switchLastButtonStatus() {
-      var isLast = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
-      this.setData({ isLast: isLast });
-    }
-  }
-});

dist/btn/index.wxss

@@ -1 +0,0 @@
-.zan-btn{position:relative;color:#333;background-color:#fff;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle;overflow:visible}.zan-btn--group{margin-bottom:10px}.zan-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-btn--primary{color:#fff;background-color:#4b0}.zan-btn--primary::after{border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85}.zan-btn--warn::after{border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44}.zan-btn--danger::after{border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px}.zan-btn--small.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;padding-left:5px;padding-right:5px}.zan-btn--mini.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--large{border-radius:0;border:none;line-height:50px;height:50px}.zan-btn--large.zan-btn--group{margin-bottom:0}.zan-btn--plain.zan-btn{background-color:transparent}.zan-btn--plain.zan-btn--primary{color:#06bf04}.zan-btn--plain.zan-btn--warn{color:#f60}.zan-btn--plain.zan-btn--danger{color:#f44}.button-hover{opacity:.9}.zan-btn--loading{color:transparent;opacity:1}.zan-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;-webkit-animation:btn-spin .6s linear;animation:btn-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.zan-btn--danger.zan-btn--loading::before,.zan-btn--primary.zan-btn--loading::before,.zan-btn--warn.zan-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zan-btn.zan-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.zan-btn.zan-btn--disabled::after{border-color:#e5e5e5!important}.zan-btn--group.zan-btn--last{margin-bottom:0;margin-right:0}

dist/btn/native-button-behaviors.js

@@ -1,74 +0,0 @@
-'use strict';
-
-module.exports = Behavior({
-  properties: {
-    loading: Boolean,
-    // 在自定义组件中，无法与外界的 form 组件联动，暂时不开放
-    // formType: String,
-    openType: String,
-    appParameter: String,
-    // 暂时不开放，直接传入无法设置样式
-    // hoverClass: {
-    //   type: String,
-    //   value: 'button-hover'
-    // },
-    hoverStopPropagation: Boolean,
-    hoverStartTime: {
-      type: Number,
-      value: 20
-    },
-    hoverStayTime: {
-      type: Number,
-      value: 70
-    },
-    lang: {
-      type: String,
-      value: 'en'
-    },
-    sessionFrom: {
-      type: String,
-      value: ''
-    },
-    sendMessageTitle: String,
-    sendMessagePath: String,
-    sendMessageImg: String,
-    showMessageCard: String
-  },
-  methods: {
-    bindgetuserinfo: function bindgetuserinfo() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref$detail = _ref.detail,
-          detail = _ref$detail === undefined ? {} : _ref$detail;
-
-      this.triggerEvent('getuserinfo', detail);
-    },
-    bindcontact: function bindcontact() {
-      var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref2$detail = _ref2.detail,
-          detail = _ref2$detail === undefined ? {} : _ref2$detail;
-
-      this.triggerEvent('contact', detail);
-    },
-    bindgetphonenumber: function bindgetphonenumber() {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref3$detail = _ref3.detail,
-          detail = _ref3$detail === undefined ? {} : _ref3$detail;
-
-      this.triggerEvent('getphonenumber', detail);
-    },
-    bindopensetting: function bindopensetting() {
-      var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref4$detail = _ref4.detail,
-          detail = _ref4$detail === undefined ? {} : _ref4$detail;
-
-      this.triggerEvent('opensetting', detail);
-    },
-    binderror: function binderror() {
-      var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref5$detail = _ref5.detail,
-          detail = _ref5$detail === undefined ? {} : _ref5$detail;
-
-      this.triggerEvent('error', detail);
-    }
-  }
-});

dist/button/behaviors.js

@@ -0,0 +1,65 @@
+'use strict';
+
+module.exports = Behavior({
+  properties: {
+    loading: Boolean,
+    // 在自定义组件中，无法与外界的 form 组件联动，暂时不开放
+    // formType: String,
+    openType: String,
+    appParameter: String,
+    // 暂时不开放，直接传入无法设置样式
+    // hoverClass: {
+    //   type: String,
+    //   value: 'button-hover'
+    // },
+    hoverStopPropagation: Boolean,
+    hoverStartTime: {
+      type: Number,
+      value: 20
+    },
+    hoverStayTime: {
+      type: Number,
+      value: 70
+    },
+    lang: {
+      type: String,
+      value: 'en'
+    },
+    sessionFrom: {
+      type: String,
+      value: ''
+    },
+    sendMessageTitle: String,
+    sendMessagePath: String,
+    sendMessageImg: String,
+    showMessageCard: String
+  },
+
+  methods: {
+    bindgetuserinfo: function bindgetuserinfo() {
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      this.triggerEvent('getuserinfo', event.detail || {});
+    },
+    bindcontact: function bindcontact() {
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      this.triggerEvent('contact', event.detail || {});
+    },
+    bindgetphonenumber: function bindgetphonenumber() {
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      this.triggerEvent('getphonenumber', event.detail || {});
+    },
+    bindopensetting: function bindopensetting() {
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      this.triggerEvent('opensetting', event.detail || {});
+    },
+    binderror: function binderror() {
+      var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      this.triggerEvent('error', event.detail || {});
+    }
+  }
+});

dist/button/index.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var nativeBehaviors = require('./behaviors');
+var classnames = require('../common/classnames');
+
+var observer = function observer() {
+  this.setClasses();
+};
+
+Component({
+  externalClasses: ['custom-class', 'loading-class'],
+
+  behaviors: [nativeBehaviors],
+
+  properties: {
+    type: {
+      type: String,
+      value: 'default',
+      observer: observer
+    },
+    size: {
+      type: String,
+      value: 'normal',
+      observer: observer
+    },
+    plain: {
+      type: Boolean,
+      value: false,
+      observer: observer
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+      observer: observer
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+      observer: observer
+    },
+    block: {
+      type: Boolean,
+      value: false,
+      observer: observer
+    }
+  },
+
+  attached: function attached() {
+    this.setClasses();
+  },
+
+
+  methods: {
+    onTap: function onTap(event) {
+      if (!this.data.disabled && !this.data.loading) {
+        this.triggerEvent('tap', event);
+      }
+    },
+    setClasses: function setClasses() {
+      var _data = this.data,
+          type = _data.type,
+          size = _data.size,
+          plain = _data.plain,
+          disabled = _data.disabled,
+          loading = _data.loading,
+          block = _data.block;
+
+      this.setData({
+        classes: classnames('van-button--' + type, 'van-button--' + size, {
+          'van-button--block': block,
+          'van-button--plain': plain,
+          'van-button--loading': loading,
+          'van-button--disabled': disabled,
+          'van-button--untapable': disabled || loading
+        })
+      });
+    }
+  }
+});

dist/button/index.json

@@ -1,6 +1,6 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-icon": "../icon/index"
+    "van-loading": "../loading/index"
   }
-}
+}

dist/button/index.wxml

@@ -1,5 +1,5 @@
 <button
-  class="custom-class theme-class zan-btn {{ inGroup ? 'zan-btn--group' : '' }} {{ isLast ? 'zan-btn--last' : '' }} {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{plain ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
+  class="custom-class van-button {{ classes }}"
   disabled="{{ disabled }}"
   hover-class="button-hover"
   open-type="{{ openType }}"
@@ -13,12 +13,18 @@
   send-message-path="{{ sendMessagePath }}"
   send-message-img="{{ sendMessageImg }}"
   show-message-card="{{ showMessageCard }}"
-  bindtap="handleTap"
+  catch:tap="onTap"
   bindcontact="bindcontact"
   bindgetuserinfo="bindgetuserinfo"
   bindgetphonenumber="bindgetphonenumber"
   binderror="binderror"
   bindopensetting="bindopensetting"
 >
+  <van-loading
+    wx:if="{{ loading }}"
+    size="20px"
+    custom-class="loading-class"
+    color="{{ type === 'default' ? '#c9c9c9' : '#fff' }}"
+  />
   <slot></slot>
 </button>

dist/button/index.wxss

@@ -0,0 +1 @@
+.van-button{position:relative;padding:0;display:inline-block;height:44px;line-height:42px;border-radius:3px;box-sizing:border-box;font-size:16px;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%}.van-button::after{content:" ";position:absolute;top:50%;left:50%;opacity:0;width:100%;height:100%;border:inherit;border-color:#000;background-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.van-button:active::after{opacity:.3}.van-button--untapable::after{display:none}.van-button--default{color:#333;background-color:#fff;border:1px solid #e5e5e5}.van-button--primary{color:#fff;background-color:#4b0;border:1px solid #4b0}.van-button--danger{color:#fff;background-color:#f44;border:1px solid #f44}.van-button--warning{color:#fff;background-color:#f85;border:1px solid #f85}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#4b0}.van-button--plain.van-button--danger{color:#f44}.van-button--plain.van-button--warning{color:#f85}.van-button--large{width:100%;height:50px;line-height:48px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:30px;padding:0 8px;min-width:60px;font-size:12px;line-height:28px}.van-button--loading .van-loading{display:inline-block}.van-button--loading .van-button__text{display:none}.van-button--mini{display:inline-block;width:50px;height:22px;line-height:20px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{width:100%;display:block}.van-button--disabled{color:#999;background-color:#e8e8e8;border:1px solid #e5e5e5}

dist/capsule/index.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Component({
-  externalClasses: ['custom-class'],
-  /**
-   * 组件的属性列表
-   * 用于组件自定义设置
-   */
-  properties: {
-    // 颜色状态
-    type: {
-      type: String,
-      value: ''
-    },
-    // 自定义颜色
-    color: {
-      type: String,
-      value: ''
-    },
-    // 左侧内容
-    leftText: {
-      type: String,
-      value: ''
-    },
-    // 右侧内容
-    rightText: {
-      type: String,
-      value: ''
-    }
-  }
-});

dist/capsule/index.wxml

@@ -1,17 +0,0 @@
-<view class="custom-class zan-capsule zan-capsule--{{type}}">
-  <block wx:if="{{color}}">
-    <view
-      class="zan-capsule__left"
-      style="background: {{ color }}; border-color: {{ color }}"
-    >{{ leftText }}</view>
-    <view
-      class="zan-capsule__right"
-      style="color: {{ color }}; border-color: {{ color }}"
-    >{{ rightText }}</view>
-  </block>
-  <block wx:else>
-    <view class="zan-capsule__left">{{ leftText }}</view>
-    <view class="zan-capsule__right">{{ rightText }}</view>
-  </block>
-</view>
-

dist/capsule/index.wxss

@@ -1 +0,0 @@
-.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;-webkit-transform:scale(.83);transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.zan-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.zan-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.zan-capsule--danger .zan-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.zan-capsule--danger .zan-capsule__right{color:#f24544;border-color:#f24544}

dist/card/index.js

@@ -5,22 +5,18 @@ Component({
     multipleSlots: true
   },
 
-  externalClasses: ['card-class', 'thumb-class'],
+  externalClasses: ['custom-class', 'thumb-class', 'title-class', 'price-class', 'desc-class', 'num-class'],
 
   properties: {
-    useThumbSlot: {
-      type: Boolean,
-      value: false
-    },
-    useDetailSlot: {
-      type: Boolean,
-      value: false
-    },
-    thumb: String,
-    price: String,
-    title: String,
-    num: Number,
+    num: String,
     desc: String,
-    status: String
+    thumb: String,
+    title: String,
+    price: String,
+    centered: Boolean,
+    currency: {
+      type: String,
+      default: '¥'
+    }
   }
 });

dist/card/index.wxml

@@ -1,33 +1,22 @@
-<view class="card-class zan-card">
-  <!-- 左侧图片 -->
-  
-  <view class="thumb-class zan-card__thumb">
-    <image class="zan-card__img"
-      src="{{ thumb }}"
-      mode="aspectFit"
-    ></image>
+<view class="custom-class van-card">
+  <view class="van-card__thumb">
+    <image wx:if="{{ thumb }}" src="{{ thumb }}" class="van-card__img thumb-class" />
+    <slot wx:else name="thumb" />
   </view>
-  <!-- 右侧详情 -->
-  <view class="zan-card__detail">
-    <slot wx:if="{{ useDetailSlot }}" name="detail-slot"></slot>
-    <block wx:else>
-      <view class="zan-card__detail-row">
-        <view class="zan-card__right-col">¥ {{ price }}</view>
-        <view class="zan-card__left-col zan-ellipsis--l2">
-          {{ title }}
-        </view>
-      </view>
-
-      <view class="zan-card__detail-row zan-c-gray-darker">
-        <view wx:if="{{ num }}" class="zan-card__right-col">x {{ num }}</view>
-        <view wx:if="{{ desc }}" class="zan-card__left-col">
-          {{ desc }}
-        </view>
-      </view>
-
-      <view wx:if="{{ status }}" class="zan-card__detail-row">
-        <view class="zan-card__left-col zan-c-red">{{ status }}</view>
-      </view>
-    </block>
+  <view class="van-card__content">
+    <view wx:if="{{ title || price }}" class="van-card__row">
+      <view wx:if="{{ title }}" class="van-card__title title-class">{{ title }}</view>
+      <view wx:if="{{ price }}" class="van-card__price price-class">{{ currency }} {{ price }}</view>
+    </view>
+    <slot wx:else name="title" />
+    <view wx:if="{{ desc || num }}" class="van-card__row">
+      <view wx:if="{{ desc }}" class="van-card__desc desc-class">{{ desc }}</view>
+      <view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
+    </view>
+    <slot wx:else name="desc" />
+    <slot name="tags" />
+  </view>
+  <view class="van-card__footer">
+    <slot name="footer" />
   </view>
 </view>

dist/card/index.wxss

@@ -1 +1 @@
-.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}.zan-card{display:-webkit-box;display:flex;margin-left:0;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.zan-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.zan-card__detail{-webkit-box-flex:1;flex:1;margin-left:10px;position:relative}.zan-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.zan-card__right-col{float:right}.zan-card__left-col{margin-right:80px}
+.van-card{color:#333;height:100px;font-size:16px;background:#fafafa;position:relative;box-sizing:border-box;padding:5px 15px 5px 115px}.van-card--center,.van-card__thumb{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{top:5px;left:15px;width:90px;height:90px;position:absolute}.van-card__img{border:none;max-width:100%;max-height:100%}.van-card,.van-card__row,.van-card__thumb{display:-webkit-box;display:-webkit-flex;display:flex}.van-card__content{width:100%}.van-card__content--center{height:90px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-card__desc,.van-card__title{line-height:20px;word-break:break-all}.van-card__title{max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-card__desc{color:#666;font-size:12px;max-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-card__num,.van-card__price{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:80px;line-height:20px;text-align:right}.van-card__price{font-size:14px}.van-card__num{color:#666;font-size:12px}.van-card__footer{right:15px;bottom:5px;position:absolute}.van-card__footer .van-button{margin-left:5px}

dist/cell-group/index.js

@@ -1,75 +1,12 @@
 'use strict';
 
-var _relations;
-
-var CELL_PATH = '../cell/index';
-var FIELD_PATH = '../field/index';
-
 Component({
+  externalClasses: ['custom-class'],
+
   properties: {
-    titleWidth: {
-      type: Number,
-      value: null
-    },
     border: {
       type: Boolean,
-      value: false
-    }
-  },
-  relations: (_relations = {}, _relations[CELL_PATH] = {
-    type: 'child',
-    linked: function linked() {
-      this._updateIsLastElement(CELL_PATH);
-    },
-    linkChanged: function linkChanged() {
-      this._updateIsLastElement(CELL_PATH);
-    },
-    unlinked: function unlinked() {
-      this._updateIsLastElement(CELL_PATH);
-    }
-  }, _relations[FIELD_PATH] = {
-    type: 'child',
-    linked: function linked() {
-      this._updateIsLastElement(FIELD_PATH);
-    },
-    linkChanged: function linkChanged() {
-      this._updateIsLastElement(FIELD_PATH);
-    },
-    unlinked: function unlinked() {
-      this._updateIsLastElement(FIELD_PATH);
-    }
-  }, _relations),
-
-  data: {
-    elementUpdateTimeout: 0
-  },
-
-  methods: {
-    _updateIsLastElement: function _updateIsLastElement(childPath) {
-      var _this = this;
-
-      // 用 setTimeout 减少计算次数
-      if (this.data.elementUpdateTimeout > 0) {
-        return;
-      }
-
-      var elementUpdateTimeout = setTimeout(function () {
-        _this.setData({ elementUpdateTimeout: 0 });
-        var elements = _this.getRelationNodes(childPath);
-        var titleWidth = _this.properties.titleWidth;
-
-
-        if (elements.length > 0) {
-          var lastIndex = elements.length - 1;
-
-          elements.forEach(function (cell, index) {
-            titleWidth && cell.setTitleWidth(titleWidth);
-            cell.updateIsLastElement(index === lastIndex);
-          });
-        }
-      });
-
-      this.setData({ elementUpdateTimeout: elementUpdateTimeout });
+      value: true
     }
   }
 });

dist/cell-group/index.wxml

@@ -1,3 +1,3 @@
-<view class="cell-group {{ border ? 'cell-group--with-border' : '' }}">
-  <slot></slot>
+<view class="custom-class van-cell-group {{ border ? 'van-hairline--top-bottom' : '' }}">
+  <slot />
 </view>

dist/cell-group/index.wxss

@@ -1 +1 @@
-.cell-group{position:relative;background-color:#fff;overflow:hidden}.cell-group--with-border::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

dist/cell/index.js

@@ -1,109 +1,42 @@
 'use strict';
 
-var warn = function warn(msg, getValue) {
-  console.warn(msg);
-};
-
 Component({
-  externalClasses: ['cell-class', 'title-class'],
+  externalClasses: ['custom-class', 'title-class', 'label-class', 'value-class', 'left-icon-class', 'right-icon-class'],
+
   options: {
     multipleSlots: true
   },
-  relations: {
-    '../cell-group/index': {
-      type: 'parent'
-    }
-  },
+
   properties: {
-    title: {
-      type: String,
-      description: '左侧标题'
-    },
-    label: {
-      type: String,
-      description: '标题下方的描述信息'
-    },
-    value: {
-      type: String,
-      description: '右侧内容'
-    },
-    onlyTapFooter: {
-      type: Boolean,
-      description: '只有点击 footer 区域才触发 tab 事件'
-    },
-    isLink: {
-      type: null,
-      value: '',
-      description: '是否展示右侧箭头并开启尝试以 url 跳转'
-    },
+    title: null,
+    value: null,
+    url: String,
+    icon: String,
+    label: String,
+    center: Boolean,
+    isLink: Boolean,
+    required: Boolean,
+    tapable: Boolean,
+    titleWidth: String,
+    customStyle: String,
+    arrowDirection: String,
     linkType: {
       type: String,
-      value: 'navigateTo',
-      description: '链接类型，可选值为 navigateTo，redirectTo，switchTab，reLaunch'
+      value: 'navigateTo'
     },
-    url: {
-      type: String,
-      value: ''
-    },
-    noBorder: Boolean
-  },
-  data: {
-    isLastCell: true,
-    titleWidth: 'auto'
+    border: {
+      type: Boolean,
+      value: true
+    }
   },
+
   methods: {
-    footerTap: function footerTap() {
-      // 如果并没有设置只点击 footer 生效，那就不需要额外处理。cell 上有事件会自动处理
-      if (!this.data.onlyTapFooter) {
-        return;
+    onTap: function onTap() {
+      var url = this.data.url;
+
+      if (url) {
+        wx[this.data.linkType]({ url: url });
       }
-
-      this.triggerEvent('tap', {});
-      doNavigate.call(this);
-    },
-    cellTap: function cellTap() {
-      // 如果只点击 footer 生效，那就不需要在 cell 根节点上处理
-      if (this.data.onlyTapFooter) {
-        return;
-      }
-
-      this.triggerEvent('tap', {});
-      doNavigate.call(this);
-    },
-
-
-    // 用于被 cell-group 更新，标志是否是最后一个 cell
-    updateIsLastElement: function updateIsLastElement(isLastCell) {
-      this.setData({ isLastCell: isLastCell });
-    },
-
-
-    // 设置统一的title区域宽度
-    setTitleWidth: function setTitleWidth(titleWidth) {
-      this.setData({
-        titleWidth: titleWidth + 'px'
-      });
     }
   }
-});
-
-// 处理跳转
-function doNavigate() {
-  var _data$url = this.data.url,
-      url = _data$url === undefined ? '' : _data$url;
-
-  var type = typeof this.data.isLink;
-
-  if (!this.data.isLink || !url || url === 'true' || url === 'false') return;
-
-  if (type !== 'boolean' && type !== 'string') {
-    warn('isLink 属性值必须是一个字符串或布尔值', this.data.isLink);
-    return;
-  }
-
-  if (['navigateTo', 'redirectTo', 'switchTab', 'reLaunch'].indexOf(this.data.linkType) === -1) {
-    warn('linkType 属性可选值为 navigateTo，redirectTo，switchTab，reLaunch', this.data.linkType);
-    return;
-  }
-  wx[this.data.linkType].call(wx, { url: url });
-}
+});

dist/cell/index.json

@@ -1,3 +1,6 @@
 {
-  "component": true
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
 }

dist/cell/index.wxml

@@ -1,25 +1,28 @@
-<view 
-  catchtap="cellTap"
-  class="cell-class zan-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'zan-cell--access' : '' }} {{  noBorder ? 'no-border' : ''}}"
+<view
+  class="custom-class van-cell {{ center ? 'van-cell--center' : '' }} {{ required ? 'van-cell--required' : '' }} {{ isLink || tapable ? 'van-cell--tapable' : '' }} {{ border ? 'van-hairline' : '' }}"  
+  style="{{ customStyle }}"
+  bind:tap="onTap"
 >
+  <van-icon wx:if="{{ icon }}" custom-class="van-cell__left-icon left-icon-class" name="{{ icon }}" />
+  <slot wx:else name="icon" />
 
-  <view class="zan-cell__icon">
-    <slot name="icon"></slot>
+  <view wx:if="{{ title }}" class="van-cell__title title-class" style="{{ titleWidth ? 'max-width: ' + titleWidth + ';min-width: ' + titleWidth : '' }}">
+    {{ title }}
+    <view wx:if="{{ label }}" class="van-cell__label label-class">{{ label }}</view>
+  </view>
+  <slot name="title" />
+
+  <view class="van-cell__value value-class">
+    <view wx:if="{{ value }}">{{ value }}</view>
+    <slot wx:else />
   </view>
 
-  <view class="title-class zan-cell__title" style="width: {{ titleWidth }}">
-    <view wx:if="{{ title }}" class="zan-cell__text">{{ title }}</view>
-    <view wx:if="{{ label }}" class="zan-cell__desc">{{ label }}</view>
-  </view>
+  <van-icon
+    wx:if="{{ isLink }}"
+    name="arrow"
+    custom-class="van-cell__right-icon right-icon-class {{ arrowDirection ? 'van-cell__right-icon--' + arrowDirection : '' }}"
+  />
+  <slot wx:else name="right-icon" />
 
-  <view class="zan-cell__bd">
-    <slot></slot>
-  </view>
-
-  <view bindtap="footerTap" class="zan-cell__ft">
-    <block wx:if="{{value}}">{{ value }}</block>
-    <block wx:else>
-      <slot name="footer"></slot>
-    </block>
-  </view>
-</view>
+  <slot name="extra" />
+</view>

dist/cell/index.wxss

@@ -1 +1 @@
-.zan-cell{position:relative;padding:12px 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1.4;background-color:#fff;font-size:14px}.zan-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-cell__icon{margin-right:5px}.zan-cell__icon:empty{display:none}.zan-cell__title{padding-right:10px}.zan-cell__title:empty{display:none}.zan-cell__bd{-webkit-box-flex:1;flex:1}.zan-cell__text{line-height:24px;font-size:14px}.zan-cell__desc{line-height:1.2;font-size:12px;color:#666}.zan-cell__ft{position:relative;text-align:right;color:#666}.zan-cell__no-pading{padding:0}.zan-cell__no-pading .zan-cell__bd_padding{padding:12px 0 12px 15px}.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input{height:26px}.zan-cell__no-pading .zan-cell__ft_padding{padding:12px 15px 12px 0}.zan-cell.last-cell::after,.zan-cell.no-border::after{display:none}.zan-cell--access .zan-cell__ft{padding-right:13px}.zan-cell--access .zan-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-cell{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 15px;box-sizing:border-box;line-height:24px;position:relative;background-color:#fff;color:#333;font-size:14px}.van-cell::after{left:15px;right:0;width:auto;-webkit-transform:scale(1,.5);transform:scale(1,.5);border-bottom-width:1px}.van-cell-group{background-color:#fff}.van-cell__label{font-size:12px;line-height:1.2;color:#666}.van-cell__title,.van-cell__value{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle}.van-cell__left-icon{font-size:16px;line-height:24px;margin-right:5px;vertical-align:middle}.van-cell__right-icon{color:#999;font-size:12px;line-height:24px;margin-left:5px}.van-cell__right-icon--left::before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.van-cell__right-icon--up::before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-cell__right-icon--down::before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.van-cell--tapable:active{background-color:#e8e8e8}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:7px;font-size:14px;color:#f44}.van-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}

dist/checkbox-group/index.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var _relations;
-
-var CHECKBOX_PATH = '../checkbox/index';
-
-Component({
-  relations: (_relations = {}, _relations[CHECKBOX_PATH] = {
-    type: 'child',
-    linked: function linked() {
-      this.updateChildren(CHECKBOX_PATH);
-    }
-  }, _relations),
-
-  data: {
-    elementUpdateTimeout: 0
-  },
-
-  methods: {
-    updateChildren: function updateChildren(childPath) {
-      // 把checkbox标记为在group中，设置不同样式
-      var elements = this.getRelationNodes(childPath);
-
-      elements.forEach(function (checkbox, index) {
-        checkbox.updateData({ isInGroup: true });
-      });
-    }
-  }
-});

dist/checkbox-group/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

dist/checkbox-group/index.wxml

@@ -1,3 +0,0 @@
-<view class="checkbox-group">
-  <slot></slot>
-</view>

dist/checkbox-group/index.wxss

@@ -1 +0,0 @@
-.checkbox-group{padding-bottom:10px;background-color:#fff}.checkbox-group .zan-checkbox{margin-top:10px}

dist/checkbox/index.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var _relations;
-
-var CHECKBOX_GROUP_PATH = '../checkbox-group/index';
-
-Component({
-  externalClasses: ['checkbox-class'],
-  relations: (_relations = {}, _relations[CHECKBOX_GROUP_PATH] = {
-    type: 'parent'
-  }, _relations),
-
-  properties: {
-    checked: Boolean,
-    disabled: Boolean,
-    isInGroup: Boolean,
-    labelDisabled: Boolean,
-    type: String
-  },
-
-  data: function data() {
-    return {
-      isInGroup: false,
-      isInCell: false
-    };
-  },
-
-
-  methods: {
-    handleClick: function handleClick() {
-      if (this.data.disabled) {
-        return;
-      }
-
-      var checked = !this.data.checked;
-
-      this.triggerEvent('change', checked);
-      this.setData({ checked: checked });
-    },
-    updateData: function updateData(data) {
-      this.setData(data);
-    }
-  }
-});

dist/checkbox/index.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "zan-icon": "../icon/index"
-  }
-}

dist/checkbox/index.wxml

@@ -1,13 +0,0 @@
-<view
-  class="checkbox-class zan-checkbox {{ isInGroup ? 'zan-checkbox__item' : ''}} {{ type === 'list' ? 'zan-checkbox__list-item' : ''}}"
-  bindtap="{{ labelDisabled ? '' : 'handleClick' }}"
-  >
-  <zan-icon
-    type="{{ checked ? 'checked' : 'check'}}"
-    class="zan-checkbox__icon {{ disabled ? 'zan-checkbox--disabled' : '' }} {{ checked ? 'zan-checkbox--checked' : '' }}"
-    bindtap="{{ labelDisabled ? 'handleClick': '' }}"
-  ></zan-icon>
-  <text class="zan-checkbox__label">
-    <slot></slot>
-  </text>
-</view>

dist/checkbox/index.wxss

@@ -1 +0,0 @@
-.zan-checkbox{display:inline-block;padding:0 10px;font-size:14px}.zan-checkbox__item{display:block;margin-top:10px}.zan-checkbox__list-item{display:block;padding:10px 10px 10px 0;margin-left:10px;border-bottom:1px solid #e5e5e5}.zan-checkbox__list-item .zan-checkbox__icon{float:right}.zan-checkbox__icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.zan-checkbox__icon.zan-checkbox--checked{color:#06bf04}.zan-checkbox__icon.zan-checkbox--disabled{color:#e5e5e5}.zan-checkbox__label{display:inline-block;margin-left:10px}

dist/col/index.js

@@ -1,22 +1,26 @@
 'use strict';
 
-Component({
-  externalClasses: ['col-class'],
+var _relations;
 
-  relations: {
-    '../row/index': {
-      type: 'parent'
-    }
-  },
+var ROW_PATH = '../row/index';
+
+Component({
+  externalClasses: ['custom-class'],
+
+  relations: (_relations = {}, _relations[ROW_PATH] = {
+    type: 'ancestor'
+  }, _relations),
 
   properties: {
-    col: {
-      value: 0,
-      type: Number
-    },
-    offset: {
-      value: 0,
-      type: Number
+    span: Number,
+    offset: Number
+  },
+
+  methods: {
+    setGutter: function setGutter(gutter) {
+      var padding = gutter / 2 + 'px';
+      var style = gutter ? 'padding-left: ' + padding + '; padding-right: ' + padding + ';' : '';
+      this.setData({ style: style });
     }
   }
 });

dist/col/index.wxml

@@ -1 +1,6 @@
-  <view class="col-class zan-col {{ col ? 'zan-col-' + col : '' }} {{ offset ? 'zan-col-offset-' + offset : '' }}"><slot></slot></view>
+<view
+  class="custom-class van-col {{ span ? 'van-col--' + span : '' }} {{ offset ? 'van-col--offset-' + offset : '' }}"
+  style="{{ style }}"
+>
+  <slot />
+</view>

dist/col/index.wxss

@@ -1 +1 @@
-.zan-col{float:left;box-sizing:border-box;width:0}.zan-col-1{width:4.16667%}.zan-col-offset-1{margin-left:4.16667%}.zan-col-2{width:8.33333%}.zan-col-offset-2{margin-left:8.33333%}.zan-col-3{width:12.5%}.zan-col-offset-3{margin-left:12.5%}.zan-col-4{width:16.66667%}.zan-col-offset-4{margin-left:16.66667%}.zan-col-5{width:20.83333%}.zan-col-offset-5{margin-left:20.83333%}.zan-col-6{width:25%}.zan-col-offset-6{margin-left:25%}.zan-col-7{width:29.16667%}.zan-col-offset-7{margin-left:29.16667%}.zan-col-8{width:33.33333%}.zan-col-offset-8{margin-left:33.33333%}.zan-col-9{width:37.5%}.zan-col-offset-9{margin-left:37.5%}.zan-col-10{width:41.66667%}.zan-col-offset-10{margin-left:41.66667%}.zan-col-11{width:45.83333%}.zan-col-offset-11{margin-left:45.83333%}.zan-col-12{width:50%}.zan-col-offset-12{margin-left:50%}.zan-col-13{width:54.16667%}.zan-col-offset-13{margin-left:54.16667%}.zan-col-14{width:58.33333%}.zan-col-offset-14{margin-left:58.33333%}.zan-col-15{width:62.5%}.zan-col-offset-15{margin-left:62.5%}.zan-col-16{width:66.66667%}.zan-col-offset-16{margin-left:66.66667%}.zan-col-17{width:70.83333%}.zan-col-offset-17{margin-left:70.83333%}.zan-col-18{width:75%}.zan-col-offset-18{margin-left:75%}.zan-col-19{width:79.16667%}.zan-col-offset-19{margin-left:79.16667%}.zan-col-20{width:83.33333%}.zan-col-offset-20{margin-left:83.33333%}.zan-col-21{width:87.5%}.zan-col-offset-21{margin-left:87.5%}.zan-col-22{width:91.66667%}.zan-col-offset-22{margin-left:91.66667%}.zan-col-23{width:95.83333%}.zan-col-offset-23{margin-left:95.83333%}.zan-col-24{width:100%}.zan-col-offset-24{margin-left:100%}
+.van-col{float:left;box-sizing:border-box}.van-col--1{width:4.16667%}.van-col--offset-1{margin-left:4.16667%}.van-col--2{width:8.33333%}.van-col--offset-2{margin-left:8.33333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66667%}.van-col--offset-4{margin-left:16.66667%}.van-col--5{width:20.83333%}.van-col--offset-5{margin-left:20.83333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16667%}.van-col--offset-7{margin-left:29.16667%}.van-col--8{width:33.33333%}.van-col--offset-8{margin-left:33.33333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66667%}.van-col--offset-10{margin-left:41.66667%}.van-col--11{width:45.83333%}.van-col--offset-11{margin-left:45.83333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16667%}.van-col--offset-13{margin-left:54.16667%}.van-col--14{width:58.33333%}.van-col--offset-14{margin-left:58.33333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66667%}.van-col--offset-16{margin-left:66.66667%}.van-col--17{width:70.83333%}.van-col--offset-17{margin-left:70.83333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16667%}.van-col--offset-19{margin-left:79.16667%}.van-col--20{width:83.33333%}.van-col--offset-20{margin-left:83.33333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66667%}.van-col--offset-22{margin-left:91.66667%}.van-col--23{width:95.83333%}.van-col--offset-23{margin-left:95.83333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}

dist/color/index.wxss

@@ -1 +0,0 @@
-.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}

dist/common/classnames.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var hasOwn = {}.hasOwnProperty;
+
+module.exports = function classNames() {
+  var classes = [];
+
+  for (var i = 0; i < arguments.length; i++) {
+    var arg = arguments[i];
+    if (!arg) continue;
+
+    var argType = typeof arg;
+
+    if (argType === 'string' || argType === 'number') {
+      classes.push(arg);
+    } else if (Array.isArray(arg) && arg.length) {
+      var inner = classNames.apply(null, arg);
+      if (inner) {
+        classes.push(inner);
+      }
+    } else if (argType === 'object') {
+      for (var key in arg) {
+        if (hasOwn.call(arg, key) && arg[key]) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+
+  return classes.join(' ');
+};

dist/common/helper.js

@@ -1,102 +0,0 @@
-'use strict';
-
-// 从事件对象中解析得到 componentId
-// 需要在元素上声明 data-component-id
-function extractComponentId() {
-  var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var _ref = event.currentTarget || {},
-      componentId = _ref.dataset.componentId;
-
-  return componentId;
-}
-
-/*
-  注：默认合并所有生命周期函数
-  配置合并指定的生命周期 or 忽略指定字段
-  const extend = extendCreator({
-    life: ['onLoad', 'onPullDownRefresh'],
-    exclude: ['binder']
-  });
-
-  Page(extend({}, {
-    onLoad() {},
-    ...
-  }));
-*/
-
-var LIFE_CYCLE = ['onLoad', 'onReady', 'onShow', 'onHide', 'onUnload', 'onPullDownRefresh', 'onReachBottom', 'onShareAppMessage', 'onPageScroll'];
-
-var extendCreator = function extendCreator() {
-  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _config$life = config.life,
-      life = _config$life === undefined ? LIFE_CYCLE : _config$life,
-      _config$exclude = config.exclude,
-      exclude = _config$exclude === undefined ? [] : _config$exclude;
-
-
-  var excludeList = exclude.concat(LIFE_CYCLE.map(getFuncArrayName));
-
-  if (!Array.isArray(life) || !Array.isArray(exclude)) throw new Error('Invalid Extend Config');
-  var lifeCycleList = life.filter(function (item) {
-    return LIFE_CYCLE.indexOf(item) >= 0;
-  });
-  return function extend(target) {
-    for (var _len = arguments.length, objList = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      objList[_key - 1] = arguments[_key];
-    }
-
-    objList.forEach(function (source) {
-      if (source) {
-        var keys = Object.keys(source);
-        keys.forEach(function (key) {
-          var value = source[key];
-          if (excludeList.indexOf(key) >= 0) return;
-          if (lifeCycleList.indexOf(key) >= 0 && typeof value === 'function') {
-            var funcArrayName = getFuncArrayName(key);
-            if (!target[funcArrayName]) {
-              target[funcArrayName] = [];
-              if (target[key]) {
-                target[funcArrayName].push(target[key]);
-              }
-              target[key] = function () {
-                var _this = this;
-
-                for (var _len2 = arguments.length, rest = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                  rest[_key2] = arguments[_key2];
-                }
-
-                target[funcArrayName].forEach(function (func) {
-                  return func.apply(_this, rest);
-                });
-              };
-            }
-
-            if (source[funcArrayName]) {
-              var _target$funcArrayName;
-
-              // 经过生命周期合并的组件直接整合函数列表
-              (_target$funcArrayName = target[funcArrayName]).push.apply(_target$funcArrayName, source[funcArrayName]);
-            } else {
-              // 添加生命周期函数进入函数列表
-              target[funcArrayName].push(value);
-            }
-          } else {
-            target[key] = value;
-          }
-        });
-      }
-    });
-    return target;
-  };
-};
-
-var getFuncArrayName = function getFuncArrayName(name) {
-  return '__$' + name;
-};
-
-module.exports = {
-  extractComponentId: extractComponentId,
-  extend: Object.assign,
-  extendCreator: extendCreator
-};

dist/common/index.wxss

@@ -0,0 +1 @@
+.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-clearfix::after{content:'';display:table;clear:both}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

dist/common/style/clearfix.wxss

@@ -0,0 +1 @@
+.van-clearfix::after{content:'';display:table;clear:both}

dist/common/style/ellipsis.wxss

@@ -0,0 +1 @@
+.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

dist/common/style/hairline.wxss

@@ -0,0 +1 @@
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

dist/datetime-picker/date-picker-view.wxml

@@ -1,35 +0,0 @@
-<import src="./picker-view-column.wxml" />
-
-<template name="date-picker-view">
-  <picker-view
-    value="{{ selected }}"
-    bindchange="change"
-    indicator-style="height: 50px;"
-    class="picker-visible">
-    
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[0], className: 'year-view-column', hidden: !use['years'], tip: '年' }}"
-    />
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[1], hidden: !use['months'], tip: '月' }}"
-    />
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[2], hidden: !use['days'], tip: '日' }}"
-    />
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[3], hidden: !use['hours'], tip: '时' }}"
-    />
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[4], hidden: !use['minutes'], tip: '分' }}"
-    />
-    <template
-      is="picker-view-column"
-      data="{{ data: dataList[5], hidden: !use['seconds'], tip: '秒' }}"
-    />
-  </picker-view>
-</template>

dist/datetime-picker/date-picker.js

@@ -1,105 +0,0 @@
-'use strict';
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var LIMIT_YEAR_COUNT = 50;
-
-var _require = require('./utils'),
-    genNumber = _require.genNumber,
-    iso2utc = _require.iso2utc;
-
-module.exports = function () {
-  function DatePicker() {
-    var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Date();
-
-    _classCallCheck(this, DatePicker);
-
-    this.types = ['year', 'month', 'day', 'hour', 'minute', 'second'];
-    this.months = genNumber(1, 12, 2);
-    this.hours = genNumber(0, 23, 2);
-    this.seconds = genNumber(0, 59, 2);
-    this.minutes = genNumber(0, 59, 2);
-    this._date = date;
-  }
-
-  DatePicker.prototype.getYears = function getYears(year) {
-    var mid = Math.floor(LIMIT_YEAR_COUNT / 2);
-    var min = year - mid;
-    var max = year + (LIMIT_YEAR_COUNT - mid);
-    return genNumber(min, max, 4);
-  };
-
-  DatePicker.prototype.lastDay = function lastDay(year, month) {
-    return month !== 12 ? new Date(new Date(year + '/' + (month + 1) + '/1').getTime() - 24 * 60 * 60 * 1000).getDate() : 31;
-  };
-
-  DatePicker.prototype.getData = function getData(date) {
-    date = date || this._date || new Date();
-
-    // toUTCString ISO 格式部分 ios 手机会失败
-    if (new Date(date).toString() === 'Invalid Date' && typeof date === 'string' && date.indexOf('-') > 0) {
-      date = iso2utc(date);
-    }
-
-    var d = new Date(date);
-
-    var y = d.getFullYear();
-    var m = d.getMonth() + 1;
-    var years = this.getYears(y);
-    var lastDay = this.lastDay(y, m);
-    var days = genNumber(1, lastDay, 2);
-
-    this._years = years;
-    this._dataList = [years, this.months, days, this.hours, this.minutes, this.seconds];
-    this._indexs = [25, m - 1, d.getDate() - 1, d.getHours(), d.getMinutes(), d.getSeconds()];
-
-    return {
-      dataList: this._dataList,
-      selected: this._indexs
-    };
-  };
-
-  DatePicker.prototype.update = function update(col, index) {
-    var type = this.types[col];
-    switch (type) {
-      case 'year':
-        return this._updateYear(col, index);
-      case 'month':
-        return this._updateMonth(col, index);
-      default:
-        this._indexs[col] = index;
-        return [{ col: col, index: index }];
-    }
-  };
-
-  DatePicker.prototype._updateYear = function _updateYear(col, index, cb) {
-    var years = this._dataList[col];
-    var year = years[index];
-
-    this._dataList[col] = this.getYears(+year);
-
-    this._indexs[col] = Math.floor(LIMIT_YEAR_COUNT / 2);
-
-    return [{ col: 0, index: this._indexs[col], data: this._dataList[col] }];
-  };
-
-  DatePicker.prototype._updateMonth = function _updateMonth(col, index) {
-    var month = this._dataList[col][index];
-    var year = this._dataList[0][this._indexs[0]];
-    var lastDay = this.lastDay(+year, +month);
-    this._indexs[col] = index;
-    this._dataList[2] = genNumber(1, lastDay, 2);
-    this._indexs[2] = this._indexs[2] >= this._dataList[2].length ? this._dataList[2].length - 1 : this._indexs[2];
-
-    return [{
-      col: 1,
-      index: index
-    }, {
-      col: 2,
-      index: this._indexs[2],
-      data: this._dataList[2]
-    }];
-  };
-
-  return DatePicker;
-}();

dist/datetime-picker/index.js

@@ -1,216 +0,0 @@
-'use strict';
-
-var DatePicker = require('./date-picker');
-
-var _require = require('./utils'),
-    genNumber = _require.genNumber,
-    moment = _require.moment;
-
-Component({
-  properties: {
-    placeholder: {
-      type: String,
-      value: '请选择时间'
-    },
-    format: {
-      type: String,
-      value: 'YYYY-MM-DD HH:mm:ss'
-    },
-    pickerView: {
-      type: Boolean
-    },
-    date: {
-      type: String,
-      observer: function observer(value) {
-        if (value === {}.toString()) {
-          throw new Error('参数必须是一个字符串');
-        }
-        if (/^[0-9]+$/.test(value)) {
-          value = +value;
-        }
-        !this._inited && this._init();
-        this.updateDate(value);
-      }
-    },
-    notUse: {
-      type: Array
-    }
-  },
-  externalClasses: ['placeholder-class'],
-  data: {
-    transPos: [0, 0, 0, 0, 0, 0]
-  },
-  attached: function attached() {
-    !this._inited && this._init();
-  },
-
-
-  methods: {
-    _init: function _init() {
-      var _this = this;
-
-      this._inited = true;
-      this.use = {};
-
-      ['years', 'months', 'days', 'hours', 'minutes', 'seconds'].forEach(function (item) {
-        if ((_this.data.notUse || []).indexOf(item) === -1) {
-          _this.use[item] = true;
-        }
-      });
-
-      this.picker = new DatePicker(this.data.date);
-
-      var _picker$getData = this.picker.getData(this.data.date),
-          dataList = _picker$getData.dataList,
-          selected = _picker$getData.selected;
-
-      // 鬼他么知道为什么 dataList, selected 不能一起 setData
-
-
-      this.setData({
-        use: this.use,
-        dataList: dataList
-      }, function () {
-        _this.setData({
-          selected: selected
-        });
-      });
-
-      this._indexs = selected;
-    },
-    updatePicker: function updatePicker() {
-      var updateData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-      var _updateData = {};
-
-      for (var _iterator = updateData, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-        var _ref2;
-
-        if (_isArray) {
-          if (_i >= _iterator.length) break;
-          _ref2 = _iterator[_i++];
-        } else {
-          _i = _iterator.next();
-          if (_i.done) break;
-          _ref2 = _i.value;
-        }
-
-        var _ref = _ref2;
-        var col = _ref.col,
-            index = _ref.index,
-            data = _ref.data;
-
-        if (~index && this._indexs[col] !== index || col === 0) {
-          _updateData['selected[' + col + ']'] = index; // 更新索引
-          this._indexs[col] = index;
-        }
-
-        if (data) {
-          _updateData['dataList[' + col + ']'] = data;
-        }
-      }
-
-      this.setData(_updateData);
-    },
-    updateDate: function updateDate(date) {
-      var _this2 = this;
-
-      var _picker$getData2 = this.picker.getData(date),
-          dataList = _picker$getData2.dataList,
-          selected = _picker$getData2.selected;
-
-      this._indexs = selected;
-
-      // 好像必须要等到 datalist 完成
-      this.setData({ dataList: dataList }, function () {
-        _this2.setData({
-          selected: selected,
-          text: _this2.getFormatStr()
-        });
-      });
-    },
-    getFormatStr: function getFormatStr() {
-      var _this3 = this;
-
-      var date = new Date();
-      ['FullYear', 'Month', 'Date', 'Hours', 'Minutes', 'Seconds'].forEach(function (key, index) {
-        var value = _this3.data.dataList[index][_this3._indexs[index]];
-        if (key === 'Month') {
-          value = +_this3.data.dataList[index][_this3._indexs[index]] - 1;
-        }
-        date['set' + key](+value);
-      });
-
-      return moment(date, this.data.format);
-    },
-    showPicker: function showPicker() {
-      this.setData({
-        show: true
-      });
-    },
-    hidePicker: function hidePicker(e) {
-      var action = e.currentTarget.dataset.action;
-
-
-      this.setData({
-        show: false
-      });
-
-      if (action === 'cancel') {
-        this.cancel({
-          detail: {}
-        });
-      } else {
-        this.change({
-          detail: {
-            value: this._indexs
-          }
-        });
-      }
-    },
-    columnchange: function columnchange(e) {
-      var _e$detail = e.detail,
-          column = _e$detail.column,
-          value = _e$detail.value;
-
-      var updateData = this.picker.update(column, value);
-      this.updatePicker(updateData);
-    },
-    change: function change(e) {
-      var value = e.detail.value;
-
-
-      var data = this.data.dataList.map(function (item, index) {
-        return +item[value[index]];
-      });
-
-      var day = data.slice(0, 3);
-      var time = data.slice(3, 6);
-      var date = new Date(day.join('/') + ' ' + time.join(':'));
-
-      this.triggerEvent('change', {
-        value: data,
-        date: date
-      });
-
-      // 手动触发 columnchange
-      for (var index = 0; index < value.length; index++) {
-        if (this._indexs[index] !== value[index]) {
-          this.columnchange({
-            detail: {
-              column: index,
-              value: value[index]
-            }
-          });
-        }
-      }
-
-      this.setData({
-        text: this.getFormatStr()
-      });
-    },
-    cancel: function cancel(e) {
-      this.triggerEvent('cancel', e.detail);
-    }
-  }
-});

dist/datetime-picker/index.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "pop-manager": "../common/pop-manager/index"    
-  }
-}

dist/datetime-picker/index.wxml

@@ -1,18 +0,0 @@
-<import src="./date-picker-view.wxml" />
-
-<view wx:if="{{ !pickerView }}" bindtap="showPicker" class="placeholder-class">{{text || placeholder}}</view>
-
-<view wx:if="{{ pickerView }}" class="picker-view">
-  <template is="date-picker-view" data="{{ dataList, selected, use }}" />
-</view>
-<view wx:else>
-  <pop-manager show="{{ show }}" type="bottom" >
-    <view class="picker">
-      <view class="picker-action">
-        <view data-action="cancel" bindtap="hidePicker">取消</view>
-        <view data-action="change" bindtap="hidePicker">确认</view>
-      </view>
-      <template is="date-picker-view" data="{{ dataList, selected, use }}" />
-    </view>
-  </pop-manager>
-</view>

dist/datetime-picker/index.wxss

@@ -1,53 +0,0 @@
-.picker-visible {
-  height: 236px;
-  bottom: 0;
-}
-
-picker-view-column.year-view-column {
-  width: 50px;
-  flex: 2;
-}
-picker-view-column {
-  width: 30px;
-  text-align: center;
-}
-.hidden {
-  display: none;
-}
-.view-column-tip {
-  height: 235px;
-  line-height: 235px;
-  margin: 0 5px;
-}
-
-.picker {
-  width: 100vw;
-  height: 100vh;
-  top: 0;
-  left: 0;
-  z-index: 12;
-}
-
-.picker .picker-action {
-  height: 36px;
-  bottom: 235px;
-  padding: 0 15px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  position: absolute;
-  background: #fff;
-  box-sizing: border-box;
-  border-bottom: 1rpx solid #e5e5e5;
-  justify-content: space-between;
-}
-.picker-action view:last-child {
-  color: #1aad16;
-}
-
-.picker picker-view {
-  position: absolute;
-  bottom: 0;
-  background: #fff;
-  width: 100vw;
-}

dist/datetime-picker/picker-view-column.wxml

@@ -1,6 +0,0 @@
-<template name="picker-view-column">
-  <picker-view-column class="{{ className }} {{ hidden && 'hidden'}}">
-    <view wx:for="{{ data }}" style="line-height: 50px" wx:key="*this">{{item}}</view>
-  </picker-view-column>
-  <view class="view-column-tip {{ hidden && 'hidden'}}">{{ tip }}</view>
-</template>

dist/datetime-picker/utils.js

@@ -1,124 +0,0 @@
-'use strict';
-
-function partStartWithZero(num, strlen) {
-  var zeros = '';
-  while (zeros.length < strlen) {
-    zeros += '0';
-  }
-  return (zeros + num).slice(-strlen);
-}
-
-module.exports.genNumber = function genNumber(begin, end, strlen) {
-  var nums = [];
-  while (begin <= end) {
-    nums.push(partStartWithZero(begin, strlen));
-    begin++;
-  }
-  return nums;
-};
-
-module.exports.moment = function moment(date) {
-  var formatStr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY:MM:DD';
-
-  if (!date && date !== 0) date = new Date();
-
-  date = new Date(date);
-  if (date.toString() === 'Invalid Date') throw new Error('Invalid Date');
-
-  var getDateValue = function getDateValue(method, fn) {
-    return fn ? fn(date['get' + method]()) : date['get' + method]();
-  };
-  var map = new Map();
-
-  map.set(/(Y+)/i, function () {
-    return getDateValue('FullYear', function (year) {
-      return (year + '').substr(4 - RegExp.$1.length);
-    });
-  });
-  map.set(/(M+)/, function () {
-    return getDateValue('Month', function (month) {
-      return partStartWithZero(month + 1, RegExp.$1.length);
-    });
-  });
-  map.set(/(D+)/i, function () {
-    return getDateValue('Date', function (date) {
-      return partStartWithZero(date, RegExp.$1.length);
-    });
-  });
-  map.set(/(H+)/i, function () {
-    return getDateValue('Hours', function (hour) {
-      return partStartWithZero(hour, RegExp.$1.length);
-    });
-  });
-  map.set(/(m+)/, function () {
-    return getDateValue('Minutes', function (minute) {
-      return partStartWithZero(minute, RegExp.$1.length);
-    });
-  });
-  map.set(/(s+)/, function () {
-    return getDateValue('Seconds', function (second) {
-      return partStartWithZero(second, RegExp.$1.length);
-    });
-  });
-
-  for (var _iterator = map, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
-    var _ref2;
-
-    if (_isArray) {
-      if (_i >= _iterator.length) break;
-      _ref2 = _iterator[_i++];
-    } else {
-      _i = _iterator.next();
-      if (_i.done) break;
-      _ref2 = _i.value;
-    }
-
-    var _ref = _ref2;
-    var reg = _ref[0];
-    var fn = _ref[1];
-
-    if (reg.test(formatStr)) {
-      formatStr = formatStr.replace(RegExp.$1, fn.call(null));
-    }
-  }
-
-  return formatStr;
-};
-
-module.exports.iso2utc = function (string) {
-  var regexp = "([0-9]{4})(-([0-9]{2})(-([0-9]{2})(T([0-9]{2}):([0-9]{2})(:([0-9]{2})(\.([0-9]+))?)?(Z|(([-+])([0-9]{2}):([0-9]{2})))?)?)?)?";
-  if (string) {
-    var d = string.match(new RegExp(regexp));
-    var offset = 0;
-    var date = new Date(d[1], 0, 1);
-
-    if (d[3]) {
-      date.setMonth(d[3] - 1);
-    }
-    if (d[5]) {
-      date.setDate(+d[5]);
-    }
-    if (d[7]) {
-      date.setHours(d[7]);
-    }
-    if (d[8]) {
-      date.setMinutes(d[8]);
-    }
-    if (d[10]) {
-      date.setSeconds(d[10]);
-    }
-    if (d[12]) {
-      date.setMilliseconds(Number("0." + d[12]) * 1000);
-    }
-    if (d[14]) {
-      offset = Number(d[16]) * 60 + Number(d[17]);
-      offset *= d[15] == '-' ? 1 : -1;
-    }
-
-    offset -= date.getTimezoneOffset();
-
-    return Number(date) + offset * 60 * 1000;
-  } else {
-    return string;
-  }
-};

dist/dialog/data.js

@@ -1,26 +0,0 @@
-'use strict';
-
-module.exports = {
-  // 标题
-  title: '',
-  // 内容
-  message: ' ',
-  // 选择节点
-  selector: '#zan-dialog',
-  // 按钮是否展示为纵向
-  buttonsShowVertical: false,
-  // 是否展示确定
-  showConfirmButton: true,
-  // 确认按钮文案
-  confirmButtonText: '确定',
-  // 确认按钮颜色
-  confirmButtonColor: '#3CC51F',
-  // 是否展示取消
-  showCancelButton: false,
-  // 取消按钮文案
-  cancelButtonText: '取消',
-  // 取消按钮颜色
-  cancelButtonColor: '#333',
-  // 点击按钮自动关闭 dialog
-  autoClose: true
-};

dist/dialog/dialog.js

@@ -1,104 +0,0 @@
-'use strict';
-
-var defaultData = require('./data');
-
-function getDialogCtx(_ref) {
-  var selector = _ref.selector,
-      pageCtx = _ref.pageCtx;
-
-  var ctx = pageCtx;
-  if (!ctx) {
-    var pages = getCurrentPages();
-    ctx = pages[pages.length - 1];
-  }
-  return ctx.selectComponent(selector);
-}
-
-function getParsedOptions() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  return Object.assign({
-    // 自定义 btn 列表
-    // { type: 按钮类型，回调时以此作为区分依据，text: 按钮文案, color: 按钮文字颜色 }
-    buttons: []
-  }, defaultData, options);
-}
-
-// options 使用参数
-// pageCtx 页面 page 上下文
-function Dialog(options, pageCtx) {
-  var parsedOptions = getParsedOptions(options);
-
-  var dialogCtx = getDialogCtx({
-    selector: parsedOptions.selector,
-    pageCtx: pageCtx
-  });
-
-  if (!dialogCtx) {
-    console.error('无法找到对应的dialog组件，请于页面中注册并在 wxml 中声明 dialog 自定义组件');
-    return Promise.reject({ type: 'component error' });
-  }
-
-  // 处理默认按钮的展示
-  // 纵向排布确认按钮在上方
-  var _parsedOptions$button = parsedOptions.buttons,
-      buttons = _parsedOptions$button === undefined ? [] : _parsedOptions$button;
-
-  var showCustomBtns = false;
-  if (buttons.length === 0) {
-    if (parsedOptions.showConfirmButton) {
-      buttons.push({
-        type: 'confirm',
-        text: parsedOptions.confirmButtonText,
-        color: parsedOptions.confirmButtonColor
-      });
-    }
-
-    if (parsedOptions.showCancelButton) {
-      var cancelButton = {
-        type: 'cancel',
-        text: parsedOptions.cancelButtonText,
-        color: parsedOptions.cancelButtonColor
-      };
-      if (parsedOptions.buttonsShowVertical) {
-        buttons.push(cancelButton);
-      } else {
-        buttons.unshift(cancelButton);
-      }
-    }
-  } else {
-    showCustomBtns = true;
-  }
-
-  return new Promise(function (resolve, reject) {
-    dialogCtx.setData(Object.assign({}, parsedOptions, {
-      buttons: buttons,
-      showCustomBtns: showCustomBtns,
-      key: '' + new Date().getTime(),
-      show: true,
-      promiseFunc: { resolve: resolve, reject: reject },
-      openTypePromiseFunc: null
-    }));
-  });
-}
-
-Dialog.close = function (options, pageCtx) {
-  var parsedOptions = getParsedOptions(options);
-
-  var dialogCtx = getDialogCtx({
-    selector: parsedOptions.selector,
-    pageCtx: pageCtx
-  });
-
-  if (!dialogCtx) {
-    return;
-  }
-
-  dialogCtx.setData({
-    show: false,
-    promiseFunc: null,
-    openTypePromiseFunc: null
-  });
-};
-
-module.exports = Dialog;

dist/dialog/index.js

@@ -1,133 +0,0 @@
-'use strict';
-
-var _f = function _f() {};
-var needResponseOpenTypes = ['getUserInfo', 'getPhoneNumber', 'openSetting'];
-
-Component({
-  properties: {},
-
-  data: {
-    // 标题
-    title: '',
-    // 自定义 btn 列表
-    // { type: 按钮类型，回调时以此作为区分依据，text: 按钮文案, color: 按钮文字颜色, openType: 微信开放能力 }
-    buttons: [],
-    // 内容
-    message: ' ',
-    // 选择节点
-    selector: '#zan-dialog',
-    // 按钮是否展示为纵向
-    buttonsShowVertical: false,
-    // 是否展示确定
-    showConfirmButton: true,
-    // 确认按钮文案
-    confirmButtonText: '确定',
-    // 确认按钮颜色
-    confirmButtonColor: '#3CC51F',
-    // 是否展示取消
-    showCancelButton: false,
-    // 取消按钮文案
-    cancelButtonText: '取消',
-    // 取消按钮颜色
-    cancelButtonColor: '#333',
-    key: '',
-    autoClose: true,
-    show: false,
-    showCustomBtns: false,
-    promiseFunc: {},
-    openTypePromiseFunc: {}
-  },
-
-  methods: {
-    handleButtonClick: function handleButtonClick(e) {
-      var _this = this;
-
-      var _e$currentTarget = e.currentTarget,
-          currentTarget = _e$currentTarget === undefined ? {} : _e$currentTarget;
-      var _currentTarget$datase = currentTarget.dataset,
-          dataset = _currentTarget$datase === undefined ? {} : _currentTarget$datase;
-
-      // 获取当次弹出框的信息
-
-      var _ref = this.data.promiseFunc || {},
-          _ref$resolve = _ref.resolve,
-          resolve = _ref$resolve === undefined ? _f : _ref$resolve,
-          _ref$reject = _ref.reject,
-          reject = _ref$reject === undefined ? _f : _ref$reject;
-
-      // 重置展示
-
-
-      if (this.data.autoClose) {
-        this.setData({ show: false });
-      }
-
-      // 自定义按钮，全部 resolve 形式返回，根据 type 区分点击按钮
-      if (this.data.showCustomBtns) {
-        var isNeedOpenDataButton = needResponseOpenTypes.indexOf(dataset.openType) > -1;
-        var resolveData = { type: dataset.type };
-        // 如果需要 openData，就额外返回一个 promise，用于后续 open 数据返回
-        if (isNeedOpenDataButton) {
-          resolveData.openDataPromise = new Promise(function (resolve, reject) {
-            _this.setData({ openTypePromiseFunc: { resolve: resolve, reject: reject } });
-          });
-          resolveData.hasOpenDataPromise = true;
-        }
-        resolve(resolveData);
-        return;
-      }
-
-      // 默认按钮，确认为 resolve，取消为 reject
-      if (dataset.type === 'confirm') {
-        resolve({
-          type: 'confirm'
-        });
-      } else {
-        reject({
-          type: 'cancel'
-        });
-      }
-
-      this.setData({ promiseFunc: {} });
-    },
-
-
-    // 以下为处理微信按钮开放能力的逻辑
-    handleUserInfoResponse: function handleUserInfoResponse(_ref2) {
-      var detail = _ref2.detail;
-
-      this.__handleOpenDataResponse({
-        type: detail.errMsg === 'getUserInfo:ok' ? 'resolve' : 'reject',
-        data: detail
-      });
-    },
-    handlePhoneResponse: function handlePhoneResponse(_ref3) {
-      var detail = _ref3.detail;
-
-      this.__handleOpenDataResponse({
-        type: detail.errMsg === 'getPhoneNumber:ok' ? 'resolve' : 'reject',
-        data: detail
-      });
-    },
-    handleOpenSettingResponse: function handleOpenSettingResponse(_ref4) {
-      var detail = _ref4.detail;
-
-      this.__handleOpenDataResponse({
-        type: detail.errMsg === 'openSetting:ok' ? 'resolve' : 'reject',
-        data: detail
-      });
-    },
-    __handleOpenDataResponse: function __handleOpenDataResponse(_ref5) {
-      var _ref5$type = _ref5.type,
-          type = _ref5$type === undefined ? 'resolve' : _ref5$type,
-          _ref5$data = _ref5.data,
-          data = _ref5$data === undefined ? {} : _ref5$data;
-
-      var promiseFuncs = this.data.openTypePromiseFunc || {};
-      var responseFunc = promiseFuncs[type] || _f;
-
-      responseFunc(data);
-      this.setData({ openTypePromiseFunc: null });
-    }
-  }
-});

dist/dialog/index.json

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "pop-manager": "../common/pop-manager/index",
-    "zan-button": "../btn/index"
-  } 
-}

dist/dialog/index.wxml

@@ -1,40 +0,0 @@
-<pop-manager
-  show="{{ show }}"
-  type="center"
->
-  <view class="zan-dialog--container">
-    <view
-      wx:if="{{ title }}"
-      class="zan-dialog__header"
-    >{{ title }}</view>
-    <view
-      class="zan-dialog__content {{ title ? 'zan-dialog__content--title' : '' }}"
-    >
-      <text>{{ message }}</text>
-    </view>
-    <view
-      class="zan-dialog__footer {{ buttonsShowVertical ? 'zan-dialog__footer--vertical' : 'zan-dialog__footer--horizon' }}"
-    >
-      <block
-        wx:for="{{ buttons }}"
-        wx:key="{{ item.text }}-{{ item.type }}"
-      >
-        <zan-button
-          class="zan-dialog__button"
-          custom-class="{{ index === 0 ? 'zan-dialog__button-inside--first' : 'zan-dialog__button-inside' }}"
-          data-type="{{ item.type }}"
-          data-open-type="{{ item.openType }}"
-          open-type="{{ item.openType }}"
-          bind:btnclick="handleButtonClick"
-          bind:getuserinfo="handleUserInfoResponse"
-          bind:getphonenumber="handlePhoneResponse"
-          bind:opensetting="handleOpenSettingResponse"
-        >
-          <view
-            style="color: {{ item.color || '#333' }}"
-          >{{ item.text }}</view>
-        </zan-button>
-      </block>
-    </view>
-  </view>
-</pop-manager>

dist/dialog/index.wxss

@@ -1 +0,0 @@
-.zan-dialog--container{width:80vw;font-size:16px;overflow:hidden;border-radius:4px;background-color:#fff;color:#333}.zan-dialog__header{padding:15px 0 0;text-align:center}.zan-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.zan-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-dialog__content--title{color:#999;font-size:14px}.zan-dialog__footer{overflow:hidden}.zan-dialog__button{-webkit-box-flex:1;flex:1}.zan-dialog__button-inside,.zan-dialog__button-inside--first{margin-bottom:0;line-height:50px;height:50px}.zan-dialog__button-inside--first::after,.zan-dialog__button-inside::after{border-width:0;border-radius:0}.zan-dialog__footer--horizon{display:-webkit-box;display:flex}.zan-dialog__footer--horizon .zan-dialog__button-inside::after{border-left-width:1px}.zan-dialog__footer--vertical .zan-dialog__button-inside::after{border-top-width:1px}

dist/field/index.js

@@ -3,75 +3,123 @@
 Component({
   behaviors: ['wx://form-field'],
 
-  externalClasses: ['field-class'],
+  externalClasses: ['input-class'],
 
-  relations: {
-    '../cell-group/index': {
-      type: 'parent'
-    }
+  options: {
+    multipleSlots: true
   },
 
   properties: {
-    title: String,
-    type: {
-      type: String,
-      value: 'input'
-    },
-    disabled: Boolean,
+    icon: String,
+    label: String,
+    error: Boolean,
     focus: Boolean,
-    inputType: {
+    center: Boolean,
+    isLink: Boolean,
+    leftIcon: String,
+    disabled: Boolean,
+    autosize: Boolean,
+    readonly: Boolean,
+    required: Boolean,
+    iconClass: String,
+    clearable: Boolean,
+    labelAlign: String,
+    inputAlign: String,
+    customClass: String,
+    confirmType: String,
+    errorMessage: String,
+    placeholder: String,
+    customStyle: String,
+    useButtonSlot: Boolean,
+    placeholderClass: String,
+    cursorSpacing: {
+      type: Number,
+      value: 50
+    },
+    maxlength: {
+      type: Number,
+      value: -1
+    },
+    value: {
+      type: null,
+      value: '',
+      observer: function observer(currentValue) {
+        this.setData({ currentValue: currentValue });
+      }
+    },
+    type: {
       type: String,
       value: 'text'
     },
-    placeholder: String,
-    mode: {
-      type: String,
-      value: 'normal'
-    },
-    right: Boolean,
-    error: Boolean,
-    maxlength: {
-      type: Number,
-      value: 140
+    border: {
+      type: Boolean,
+      value: true
     }
   },
 
   data: {
-    showBorder: true
+    focused: false,
+    showClear: false,
+    currentValue: ''
   },
 
+  attached: function attached() {
+    this.setData({
+      currentValue: this.data.value
+    });
+  },
+
+
   methods: {
-    handleFieldChange: function handleFieldChange(event) {
-      var _event$detail = event.detail,
-          detail = _event$detail === undefined ? {} : _event$detail;
-      var _detail$value = detail.value,
-          value = _detail$value === undefined ? '' : _detail$value;
-
-      this.setData({ value: value });
-
-      this.triggerEvent('change', Object.assign({}, detail));
-    },
-    handleFieldFocus: function handleFieldFocus(_ref) {
-      var _ref$detail = _ref.detail,
-          detail = _ref$detail === undefined ? {} : _ref$detail;
-
-      this.triggerEvent('focus', Object.assign({}, detail));
-    },
-    handleFieldBlur: function handleFieldBlur(_ref2) {
-      var _ref2$detail = _ref2.detail,
-          detail = _ref2$detail === undefined ? {} : _ref2$detail;
-
-      this.triggerEvent('blur', Object.assign({}, detail));
-    },
-    updateIsLastElement: function updateIsLastElement(isLastField) {
-      var showBorder = true;
-      if (isLastField && this.data.mode === 'normal') {
-        showBorder = false;
-      }
+    onInput: function onInput(event) {
+      var _ref = event.detail || {},
+          _ref$value = _ref.value,
+          value = _ref$value === undefined ? '' : _ref$value;
 
+      this.triggerEvent('input', value);
+      this.triggerEvent('change', value);
       this.setData({
-        showBorder: showBorder
+        currentValue: value,
+        showClear: this.getShowClear({ value: value })
       });
+    },
+    onFocus: function onFocus(event) {
+      this.triggerEvent('focus', event);
+      this.setData({
+        focused: true,
+        showClear: this.getShowClear({ focused: true })
+      });
+    },
+    onBlur: function onBlur(event) {
+      this.focused = false;
+      this.triggerEvent('blur', event);
+      this.setData({
+        focused: false,
+        showClear: this.getShowClear({ focused: false })
+      });
+    },
+    onTapIcon: function onTapIcon() {
+      this.triggerEvent('tap-icon');
+    },
+    getShowClear: function getShowClear(options) {
+      var _options$focused = options.focused,
+          focused = _options$focused === undefined ? this.data.focused : _options$focused,
+          _options$value = options.value,
+          value = _options$value === undefined ? this.data.currentValue : _options$value;
+
+
+      return this.data.clearable && focused && value !== '' && !this.data.readonly;
+    },
+    onClear: function onClear() {
+      this.setData({
+        currentValue: '',
+        showClear: this.getShowClear({ value: '' })
+      });
+      this.triggerEvent('input', '');
+      this.triggerEvent('change', '');
+    },
+    onConfirm: function onConfirm() {
+      this.triggerEvent('confirm', this.data.currentValue);
     }
   }
 });

dist/field/index.json

@@ -1,6 +1,7 @@
 {
   "component": true,
   "usingComponents": {
-    "zan-cell": "../cell/index"
+    "van-cell": "../cell/index",
+    "van-icon": "../icon/index"
   }
 }

dist/field/index.wxml

@@ -1,39 +1,70 @@
-<zan-cell
-  class="field-class zan-field {{ error ? 'zan-field--error' : '' }} {{ mode === 'wrapped' ? 'zan-field--wrapped' : '' }} {{ !showBorder ? 'zan-field--no-border' : '' }}"
-  cell-class="zan-cell--field"
+<van-cell
+  icon="{{ leftIcon }}"
+  title="{{ label }}"
+  center="{{ center }}"
+  border="{{ border }}"
+  is-link="{{ isLink }}"
+  required="{{ required }}"
+  custom-style="{{ customStyle }}"
+  title-width="90px"
+  custom-class="{{ customClass }} van-field {{ labelAlign ? 'van-field--label-' + labelAlign : '' }}"
 >
-  <view
-    slot="icon"
-    wx:if="{{ title }}"
-    class="zan-cell__hd zan-field__title">
-    {{ title }}
+  <slot name="label" slot="title" />
+  <view class="van-field__body {{ type === 'textarea' ? 'van-field__body--textarea' : '' }}">
+    <textarea
+      wx:if="{{ type === 'textarea' }}"
+      class="input-class van-field__control van-field__textarea {{ inputAlign ? 'van-field--' + inputAlign : '' }} {{ error ? 'van-field--error' : '' }} {{ disabled ? 'van-field__control--disabled' : '' }}"
+      focus="{{ focus }}"
+      value="{{ currentValue }}"
+      disabled="{{ disabled }}"
+      readonly="{{ readonly }}"
+      maxlength="{{ maxlength }}"
+      placeholder="{{ placeholder }}"
+      auto-height="{{ autosize }}"
+      placeholder-class="{{ placeholderClass }} {{ error ? 'van-field--error' : '' }}"
+      cursor-spacing="{{ cursorSpacing }}"
+      bindinput="onInput"
+      bind:blur="onBlur"
+      bind:focus="onFocus"
+      bind:confirm="onConfirm"
+    />
+    <input
+      wx:else
+      class="input-class van-field__control {{ inputAlign ? 'van-field--' + inputAlign : '' }} {{ error ? 'van-field--error' : '' }} {{ disabled ? 'van-field__control--disabled' : '' }}"
+      type="{{ type }}"
+      focus="{{ focus }}"
+      value="{{ currentValue }}"
+      disabled="{{ disabled }}"
+      readonly="{{ readonly }}"
+      maxlength="{{ maxlength }}"
+      placeholder="{{ placeholder }}"
+      placeholder-class="{{ placeholderClass }} {{ error ? 'van-field--error' : '' }}"
+      confirm-type="{{ confirmType }}"
+      cursor-spacing="{{ cursorSpacing }}"
+      bindinput="onInput"
+      bind:blur="onBlur"
+      bind:focus="onFocus"
+      bind:confirm="onConfirm"
+    />
+    <van-icon
+      wx:if="{{ showClear }}"
+      name="clear"
+      custom-class="van-field__clear"
+      bind:touchstart="onClear"
+    />
+    <view class="van-field__icon-container" wx:if="{{ icon || useIconSlot }}" bind:tap="onTapIcon">
+      <van-icon
+        wx:if="{{ icon }}"
+        name="{{ icon }}"
+        custom-class="van-field__icon {{ iconClass }}"
+      />
+      <slot wx:else name="icon" />
+    </view>
+    <view wx:if="{{ useButtonSlot }}" class="van-field__button">
+      <slot name="button" />
+    </view>
   </view>
-  <textarea
-    wx:if="{{ type === 'textarea' }}"
-    auto-height
-    disabled="{{ disabled }}"
-    focus="{{ focus }}"
-    value="{{ value }}"
-    placeholder="{{ placeholder }}"
-    maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
-    bindinput="handleFieldChange"
-    bindfocus="handleFieldFocus"
-    bindblur="handleFieldBlur"
-  ></textarea>
-  <input
-    wx:else
-    type="{{ inputType || 'text' }}"
-    disabled="{{ disabled }}"
-    focus="{{ focus }}"
-    value="{{ value }}"
-    placeholder="{{ placeholder }}"
-    maxlength="{{ maxlength }}"
-    class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
-    placeholder-class="zan-field__placeholder"
-    bindinput="handleFieldChange"
-    bindfocus="handleFieldFocus"
-    bindblur="handleFieldBlur"
-  />
-</zan-cell>
+  <view wx:if="{{ errorMessage }}" class="van-field__error-message">
+    {{ errorMessage }}
+  </view>
+</van-cell>

dist/field/index.wxss

@@ -1 +1 @@
-.zan-field{display:block;position:relative;color:#333}.zan-field::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-field--no-border::after{border-bottom-width:0}.zan-cell--field{padding:7px 15px}.zan-field--wrapped{margin:10px 15px;background-color:#fff}.zan-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.zan-field--wrapped::after{display:block}.zan-field--error{color:#f40}.zan-field--wrapped.zan-field--error::after{border-color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{-webkit-box-flex:1;flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.zan-field__placeholder{font-size:14px}.zan-field__input--right{text-align:right}
+.van-field__body{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.van-field__body--textarea{min-height:24px}.van-field__control{border:0;margin:0;padding:0;width:100%;resize:none;display:block;text-align:left;box-sizing:border-box;line-height:inherit;background-color:transparent}.van-field__control--disabled{opacity:1;color:#666;background-color:transparent}.van-field__control--center{text-align:center}.van-field__control--right{text-align:right}.van-field__button,.van-field__clear,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear,.van-field__icon-container{padding:0 10px;color:#999;line-height:inherit;margin-right:-10px;vertical-align:middle}.van-field__icon{display:block;font-size:16px;line-height:inherit}.van-field__button{padding-left:10px}.van-field__error-message{color:#f44;font-size:12px;text-align:left}.van-field--error{color:#f44}.van-field--label-center .van-cell__title{text-align:center}.van-field--label-right .van-cell__title{text-align:right}

dist/helper/index.wxss

@@ -1 +0,0 @@
-.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}

dist/icon/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
 Component({
+  externalClasses: ['custom-class'],
+
   properties: {
-    type: {
-      type: String,
-      value: ''
-    }
+    info: null,
+    name: String,
+    size: String,
+    color: String
   }
 });

dist/icon/index.wxml

@@ -1 +1,6 @@
-<view class="zan-icon zan-icon-{{ type }}"></view>
+<view
+  class="custom-class van-icon van-icon-{{ name }}"
+  style="{{ color ? 'color: ' + color : '' }}; {{ size ? 'font-size: ' + size : '' }}"
+>
+  <view wx:if="{{ info !== null }}" class="van-icon__info">{{ info }}</view>
+</view>

dist/icon/index.wxss

@@ -1 +1 @@
-@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-eeb0d3c52a.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-eeb0d3c52a.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-eeb0d3c52a.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-eeb0d3c52a.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-eeb0d3c52a.ttf) format('truetype')}.zan-icon{display:inline-block}.zan-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.zan-icon-qr-invalid:before{content:'\e800'}.zan-icon-qr:before{content:'\e801'}.zan-icon-exchange:before{content:'\e802'}.zan-icon-close:before{content:'\e803'}.zan-icon-location:before{content:'\e804'}.zan-icon-upgrade:before{content:'\e805'}.zan-icon-check:before{content:'\e806'}.zan-icon-checked:before{content:'\e807'}.zan-icon-like-o:before{content:'\e808'}.zan-icon-like:before{content:'\e809'}.zan-icon-chat:before{content:'\e80a'}.zan-icon-shop:before{content:'\e80b'}.zan-icon-photograph:before{content:'\e80c'}.zan-icon-add:before{content:'\e80d'}.zan-icon-minus:before{content:'\e80e'}.zan-icon-add2:before{content:'\e80f'}.zan-icon-photo:before{content:'\e810'}.zan-icon-logistics:before{content:'\e811'}.zan-icon-edit:before{content:'\e812'}.zan-icon-passed:before{content:'\e813'}.zan-icon-cart:before{content:'\e814'}.zan-icon-shopping-cart:before{content:'\e815'}.zan-icon-arrow:before{content:'\e816'}.zan-icon-gift:before{content:'\e817'}.zan-icon-search:before{content:'\e818'}.zan-icon-clear:before{content:'\e819'}.zan-icon-success:before{content:'\e81a'}.zan-icon-fail:before{content:'\e81b'}.zan-icon-contact:before{content:'\e81c'}.zan-icon-wechat:before{content:'\e81d'}.zan-icon-alipay:before{content:'\e81e'}.zan-icon-password-view:before{content:'\e81f'}.zan-icon-password-not-view:before{content:'\e820'}.zan-icon-wap-nav:before{content:'\e821'}.zan-icon-wap-home:before{content:'\e822'}.zan-icon-ecard-pay:before{content:'\e823'}.zan-icon-balance-pay:before{content:'\e824'}.zan-icon-peer-pay:before{content:'\e825'}.zan-icon-credit-pay:before{content:'\e826'}.zan-icon-debit-pay:before{content:'\e827'}.zan-icon-other-pay:before{content:'\e828'}.zan-icon-browsing-history:before{content:'\e829'}.zan-icon-goods-collect:before{content:'\e82a'}.zan-icon-shop-collect:before{content:'\e82b'}.zan-icon-receive-gift:before{content:'\e82c'}.zan-icon-send-gift:before{content:'\e82d'}.zan-icon-setting:before{content:'\e82e'}.zan-icon-points:before{content:'\e82f'}.zan-icon-coupon:before{content:'\e830'}.zan-icon-free-postage:before{content:'\e831'}.zan-icon-discount:before{content:'\e832'}.zan-icon-birthday-privilege:before{content:'\e833'}.zan-icon-member-day-privilege:before{content:'\e834'}.zan-icon-balance-details:before{content:'\e835'}.zan-icon-cash-back-record:before{content:'\e836'}.zan-icon-points-mall:before{content:'\e837'}.zan-icon-exchange-record:before{content:'\e838'}.zan-icon-pending-payment:before{content:'\e839'}.zan-icon-pending-orders:before{content:'\e83a'}.zan-icon-pending-deliver:before{content:'\e83b'}.zan-icon-pending-evaluate:before{content:'\e83c'}.zan-icon-gift-card-pay:before{content:'\e83d'}.zan-icon-cash-on-deliver:before{content:'\e83e'}.zan-icon-underway:before{content:'\e83f'}.zan-icon-point-gift:before{content:'\e840'}.zan-icon-after-sale:before{content:'\e841'}.zan-icon-edit-data:before{content:'\e842'}.zan-icon-question:before{content:'\e843'}.zan-icon-delete:before{content:'\e844'}.zan-icon-records:before{content:'\e845'}.zan-icon-description:before{content:'\e846'}.zan-icon-card:before{content:'\e847'}.zan-icon-gift-card:before{content:'\e848'}.zan-icon-clock:before{content:'\e849'}.zan-icon-gold-coin:before{content:'\e84a'}.zan-icon-completed:before{content:'\e84b'}.zan-icon-value-card:before{content:'\e84c'}.zan-icon-certificate:before{content:'\e84d'}.zan-icon-tosend:before{content:'\e84e'}.zan-icon-sign:before{content:'\e84f'}.zan-icon-home:before{content:'\e850'}.zan-icon-phone:before{content:'\e851'}.zan-icon-add-o:before{content:'\e852'}.zan-icon-minus-o:before{content:'\e853'}.zan-icon-play:before{content:'\e854'}.zan-icon-pause:before{content:'\e855'}.zan-icon-stop:before{content:'\e856'}.zan-icon-hot:before{content:'\e857'}.zan-icon-new:before{content:'\e858'}.zan-icon-new-arrival:before{content:'\e859'}.zan-icon-hot-sale:before{content:'\e85a'}
+@font-face{font-style:normal;font-weight:400;font-family:vant-icon;src:url(https://img.yzcdn.cn/vant/vant-icon-eb8c95.ttf) format('truetype')}.van-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto}.van-icon__info{color:#fff;left:100%;top:-.5em;font-size:.5em;padding:0 .3em;text-align:center;min-width:1.2em;line-height:1.2;position:absolute;border-radius:.6em;box-sizing:border-box;background-color:#f44;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.van-icon::before{display:inline-block}.van-icon-add-o::before{content:"\F000"}.van-icon-add::before{content:"\F001"}.van-icon-add2::before{content:"\F002"}.van-icon-after-sale::before{content:"\F003"}.van-icon-alipay::before{content:"\F004"}.van-icon-arrow-left::before{content:"\F005"}.van-icon-arrow::before{content:"\F006"}.van-icon-balance-pay::before{content:"\F007"}.van-icon-browsing-history::before{content:"\F008"}.van-icon-card::before{content:"\F009"}.van-icon-cart::before{content:"\F00A"}.van-icon-cash-back-record::before{content:"\F00B"}.van-icon-cash-on-deliver::before{content:"\F00C"}.van-icon-certificate::before{content:"\F00D"}.van-icon-chat::before{content:"\F00E"}.van-icon-check::before{content:"\F00F"}.van-icon-checked::before{content:"\F010"}.van-icon-clear::before{content:"\F011"}.van-icon-clock::before{content:"\F012"}.van-icon-close::before{content:"\F013"}.van-icon-completed::before{content:"\F014"}.van-icon-contact::before{content:"\F015"}.van-icon-coupon::before{content:"\F016"}.van-icon-credit-pay::before{content:"\F017"}.van-icon-debit-pay::before{content:"\F018"}.van-icon-delete::before{content:"\F019"}.van-icon-description::before{content:"\F01A"}.van-icon-discount::before{content:"\F01B"}.van-icon-ecard-pay::before{content:"\F01C"}.van-icon-edit-data::before{content:"\F01D"}.van-icon-edit::before{content:"\F01E"}.van-icon-exchange-record::before{content:"\F01F"}.van-icon-exchange::before{content:"\F020"}.van-icon-fail::before{content:"\F021"}.van-icon-free-postage::before{content:"\F022"}.van-icon-gift-card-pay::before{content:"\F023"}.van-icon-gift-card::before{content:"\F024"}.van-icon-gift::before{content:"\F025"}.van-icon-gold-coin::before{content:"\F026"}.van-icon-goods-collect::before{content:"\F027"}.van-icon-home::before{content:"\F028"}.van-icon-hot-sale::before{content:"\F029"}.van-icon-hot::before{content:"\F02A"}.van-icon-idcard::before{content:"\F02B"}.van-icon-info-o::before{content:"\F02C"}.van-icon-like-o::before{content:"\F02D"}.van-icon-like::before{content:"\F02E"}.van-icon-location::before{content:"\F02F"}.van-icon-logistics::before{content:"\F030"}.van-icon-more-o::before{content:"\F031"}.van-icon-more::before{content:"\F032"}.van-icon-new-arrival::before{content:"\F033"}.van-icon-new::before{content:"\F034"}.van-icon-other-pay::before{content:"\F035"}.van-icon-passed::before{content:"\F036"}.van-icon-password-not-view::before{content:"\F037"}.van-icon-password-view::before{content:"\F038"}.van-icon-pause::before{content:"\F039"}.van-icon-peer-pay::before{content:"\F03A"}.van-icon-pending-deliver::before{content:"\F03B"}.van-icon-pending-evaluate::before{content:"\F03C"}.van-icon-pending-orders::before{content:"\F03D"}.van-icon-pending-payment::before{content:"\F03E"}.van-icon-phone::before{content:"\F03F"}.van-icon-photo::before{content:"\F040"}.van-icon-photograph::before{content:"\F041"}.van-icon-play::before{content:"\F042"}.van-icon-point-gift::before{content:"\F043"}.van-icon-points-mall::before{content:"\F044"}.van-icon-points::before{content:"\F045"}.van-icon-qr-invalid::before{content:"\F046"}.van-icon-qr::before{content:"\F047"}.van-icon-question::before{content:"\F048"}.van-icon-receive-gift::before{content:"\F049"}.van-icon-records::before{content:"\F04A"}.van-icon-search::before{content:"\F04B"}.van-icon-send-gift::before{content:"\F04C"}.van-icon-setting::before{content:"\F04D"}.van-icon-share::before{content:"\F04E"}.van-icon-shop-collect::before{content:"\F04F"}.van-icon-shop::before{content:"\F050"}.van-icon-shopping-cart::before{content:"\F051"}.van-icon-sign::before{content:"\F052"}.van-icon-stop::before{content:"\F053"}.van-icon-success::before{content:"\F054"}.van-icon-tosend::before{content:"\F055"}.van-icon-underway::before{content:"\F056"}.van-icon-upgrade::before{content:"\F057"}.van-icon-value-card::before{content:"\F058"}.van-icon-wap-home::before{content:"\F059"}.van-icon-wap-nav::before{content:"\F05A"}.van-icon-warn::before{content:"\F05B"}.van-icon-wechat::before{content:"\F05C"}

dist/index.js

@@ -1,5 +1 @@
-'use strict';
-
-exports.Dialog = require('./dialog/dialog');
-exports.Toast = require('./toast/toast');
-exports.TopTips = require('./toptips/toptips');
+"use strict";

dist/index.wxss

@@ -1 +0,0 @@
-.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}

dist/loading/index.js

@@ -1,13 +1,20 @@
 'use strict';
 
 Component({
+  externalClasses: ['custom-class'],
+
   properties: {
+    size: {
+      type: String,
+      value: '30px'
+    },
     type: {
       type: String,
-      value: 'circle'
+      value: 'circular'
     },
     color: {
-      type: String
+      type: String,
+      value: '#c9c9c9'
     }
   }
 });

dist/loading/index.wxml

@@ -1,18 +1,16 @@
-<view class="loading {{color}} {{type === 'dot' ? 'block' : 'inline'}}">
-  <view wx:if="{{type === 'circle'}}" class="circle"></view>
-  <view wx:if="{{type === 'circular'}}" class="circular"></view>
-  <view wx:if="{{type === 'spinner' || type === 'dot'}}" class="{{ type === 'dot' ? 'dot-spinner' : 'spinner'}}">
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
-    <view></view>
+<view
+  class="van-loading custom-class"
+  style="width: {{ size }}; height: {{ size }}"
+>
+  <view
+    class="van-loading__spinner van-loading__spinner--{{ type }}"
+    style="color: {{ color }};"
+  >
+    <view
+      wx:if="{{ type === 'spinner' }}"
+      wx:for="item in 12"
+      wx:key="{{ index }}"
+      class="van-loading__dot"
+    />
   </view>
-</view>
+</view>

dist/loadmore/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Component({
-  properties: {
-    type: {
-      type: String,
-      value: 'loading'
-    },
-    text: {
-      type: String,
-      value: ''
-    }
-  }
-});