zartui 0.1.113 → 2.0.1

package/lib/zart.js

@@ -56033,7 +56033,7 @@ var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
     safeAreaInsetBottom: Boolean,
     closeIcon: {
       type: String,
-      default: 'cross'
+      default: 'clear'
     },
     closeIconPosition: {
       type: String,
@@ -56173,7 +56173,7 @@ function LoadingIcon(h, props) {
       }
     })]);
   } else {
-    //保证defs不会被重用
+    // 保证defs不会被重用
     var firstHalfId = svgElementId++;
     var secondHalfId = svgElementId++;
     return h("svg", {
@@ -56186,7 +56186,7 @@ function LoadingIcon(h, props) {
       }
     }, [h("defs", [h("linearGradient", {
       "attrs": {
-        "id": secondHalfId
+        "id": secondHalfId + ''
       }
     }, [h("stop", {
       "attrs": {
@@ -56202,7 +56202,7 @@ function LoadingIcon(h, props) {
       }
     })]), h("linearGradient", {
       "attrs": {
-        "id": firstHalfId
+        "id": firstHalfId + ''
       }
     }, [h("stop", {
       "attrs": {
@@ -56411,8 +56411,8 @@ function ActionSheet(h, props, slots, ctx) {
   function CancelText() {
     if (cancelText) {
       return [h("div", {
-        "class": action_sheet_bem('gap')
-      }), h("button", {
+        "class": action_sheet_bem('cancel-box')
+      }, [h("button", {
         "attrs": {
           "type": "button"
         },
@@ -56420,7 +56420,7 @@ function ActionSheet(h, props, slots, ctx) {
         "on": {
           "click": onCancel
         }
-      }, [cancelText])];
+      }, [cancelText])])];
     }
   }
 
@@ -56899,6 +56899,258 @@ function isOptionDisabled(option) {
     }, [this.genOptions()])]);
   }
 }));
+// CONCATENATED MODULE: ./es/utils/constant.js
+// color
+var RED = '#ee0a24';
+var BLUE = '#0091FA'; // border
+
+var BORDER = 'zt-hairline';
+var BORDER_RIGHT = BORDER + "--right";
+var BORDER_TOP = BORDER + "--top";
+var BORDER_LEFT = BORDER + "--left";
+var BORDER_BOTTOM = BORDER + "--bottom";
+var BORDER_SURROUND = BORDER + "--surround";
+var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
+var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
+// CONCATENATED MODULE: ./es/utils/router.js
+/**
+ * Vue Router support
+ */
+function isRedundantNavigation(err) {
+  return err.name === 'NavigationDuplicated' || err.message && err.message.indexOf('redundant navigation') !== -1;
+}
+
+function route(router, config) {
+  var to = config.to,
+      url = config.url,
+      replace = config.replace;
+
+  if (to && router) {
+    var promise = router[replace ? 'replace' : 'push'](to);
+    /* istanbul ignore else */
+
+    if (promise && promise.catch) {
+      promise.catch(function (err) {
+        if (err && !isRedundantNavigation(err)) {
+          throw err;
+        }
+      });
+    }
+  } else if (url) {
+    replace ? location.replace(url) : location.href = url;
+  }
+}
+function functionalRoute(context) {
+  route(context.parent && context.parent.$router, context.props);
+}
+var routeProps = {
+  url: String,
+  replace: Boolean,
+  to: [String, Object]
+};
+// EXTERNAL MODULE: ./es/telemetry/index.js
+var telemetry = __webpack_require__(5);
+
+// CONCATENATED MODULE: ./es/button/index.js
+
+ // Utils
+
+
+
+
+
+ // Components
+
+
+ // Types
+
+var button_createNamespace = Object(utils["b" /* createNamespace */])('button'),
+    button_createComponent = button_createNamespace[0],
+    button_bem = button_createNamespace[1];
+
+function Button(h, props, slots, ctx) {
+  var _ref;
+
+  var tag = props.tag,
+      icon = props.icon,
+      type = props.type,
+      color = props.color,
+      plain = props.plain,
+      disabled = props.disabled,
+      loading = props.loading,
+      blockInner = props.blockInner,
+      borderLess = props.borderLess,
+      hairline = props.hairline,
+      loadingText = props.loadingText,
+      iconPosition = props.iconPosition,
+      backgroundColor = props.backgroundColor,
+      borderColor = props.borderColor;
+  var style = {};
+
+  if (backgroundColor) {
+    style.background = backgroundColor;
+
+    if (backgroundColor.includes('gradient')) {
+      style.border = 0;
+    } else {
+      style.borderColor = backgroundColor;
+    }
+  }
+
+  if (borderColor) {
+    style.borderColor = borderColor;
+  }
+
+  if (color) {
+    style.color = color;
+  }
+
+  if (borderLess) {
+    style.border = 0;
+  }
+
+  function onClick(event) {
+    if (props.loading) {
+      event.preventDefault();
+    }
+
+    if (!loading && !disabled) {
+      functional_emit(ctx, 'click', event);
+      functionalRoute(ctx);
+      var trackEvent = new telemetry["b" /* TelemetryEvent */]('button', {});
+      telemetry["a" /* Telemetry */].sharedInstance.trackClick(trackEvent);
+    }
+  }
+
+  function onTouchstart(event) {
+    functional_emit(ctx, 'touchstart', event);
+  }
+
+  var classes = [button_bem([type, props.size, {
+    plain: plain,
+    loading: loading,
+    disabled: disabled,
+    hairline: hairline,
+    'block-inner': blockInner ? 'block-inner' : '',
+    block: props.block,
+    round: props.round,
+    square: props.square
+  }]), (_ref = {}, _ref[BORDER_SURROUND] = hairline, _ref)];
+
+  function renderIcon() {
+    if (loading) {
+      return slots.loading ? slots.loading() : h(es_loading, {
+        "class": button_bem('loading'),
+        "attrs": {
+          "size": props.loadingSize,
+          "type": props.loadingType,
+          "color": "currentColor"
+        }
+      });
+    }
+
+    if (slots.icon) {
+      return h("div", {
+        "class": button_bem('icon', props.size)
+      }, [slots.icon()]);
+    }
+
+    if (icon) {
+      return h(es_icon, {
+        "attrs": {
+          "name": icon,
+          "classPrefix": props.iconPrefix
+        },
+        "class": button_bem('icon', props.size)
+      });
+    }
+  }
+
+  function renderContent() {
+    var content = [];
+
+    if (iconPosition === 'left') {
+      content.push(renderIcon());
+    }
+
+    var text;
+
+    if (loading) {
+      text = loadingText;
+    } else {
+      text = slots.default ? slots.default() : props.text;
+    }
+
+    if (text) {
+      content.push(h("span", {
+        "class": button_bem('text')
+      }, [text]));
+    }
+
+    if (iconPosition === 'right') {
+      content.push(renderIcon());
+    }
+
+    return content;
+  }
+
+  return h(tag, helper_default()([{
+    "style": style,
+    "class": classes,
+    "attrs": {
+      "type": props.nativeType,
+      "disabled": disabled
+    },
+    "on": {
+      "click": onClick,
+      "touchstart": onTouchstart
+    }
+  }, inherit(ctx)]), [h("div", {
+    "class": button_bem('content')
+  }, [renderContent()])]);
+}
+
+Button.props = _extends({}, routeProps, {
+  text: String,
+  icon: String,
+  color: String,
+  backgroundColor: String,
+  borderColor: String,
+  blockInner: Boolean,
+  borderLess: Boolean,
+  block: Boolean,
+  plain: Boolean,
+  round: Boolean,
+  square: Boolean,
+  loading: Boolean,
+  hairline: Boolean,
+  disabled: Boolean,
+  iconPrefix: String,
+  nativeType: String,
+  loadingText: String,
+  loadingType: String,
+  tag: {
+    type: String,
+    default: 'button'
+  },
+  type: {
+    type: String,
+    default: 'default'
+  },
+  size: {
+    type: String,
+    default: 'normal'
+  },
+  loadingSize: {
+    type: String,
+    default: '20px'
+  },
+  iconPosition: {
+    type: String,
+    default: 'left'
+  }
+});
+/* harmony default export */ var es_button = (button_createComponent(Button));
 // CONCATENATED MODULE: ./es/picker/index.js
  // Utils
 
@@ -56912,6 +57164,7 @@ function isOptionDisabled(option) {
 
 
 
+
 var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
     picker_createComponent = picker_createNamespace[0],
     picker_bem = picker_createNamespace[1],
@@ -56940,7 +57193,7 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
     },
     toolbarPosition: {
       type: String,
-      default: 'top'
+      default: 'bottom'
     },
     valueKey: {
       type: String,
@@ -57224,11 +57477,15 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
     },
     genCancel: function genCancel() {
       var h = this.$createElement;
-      return h("button", {
+      return h(es_button, {
         "attrs": {
-          "type": "button"
+          "size": "normal",
+          "block": true
+        },
+        "style": {
+          marginRigth: "4px",
+          backgroundColor: "white"
         },
-        "class": picker_bem('cancel'),
         "on": {
           "click": this.cancel
         }
@@ -57236,11 +57493,15 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
     },
     genConfirm: function genConfirm() {
       var h = this.$createElement;
-      return h("button", {
+      return h(es_button, {
         "attrs": {
-          "type": "button"
+          "type": "primary",
+          "size": "normal",
+          "block": true
+        },
+        "style": {
+          marginLeft: "4px"
         },
-        "class": picker_bem('confirm'),
         "on": {
           "click": this.confirm
         }
@@ -57252,7 +57513,7 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
       if (this.showToolbar) {
         return h("div", {
           "class": picker_bem('toolbar')
-        }, [this.slots() || [this.genCancel(), this.genTitle(), this.genConfirm()]]);
+        }, [this.slots() || [this.genCancel(), this.genConfirm()]]);
       }
     },
     genHeaders: function genHeaders() {
@@ -57341,7 +57602,7 @@ var picker_createNamespace = Object(utils["b" /* createNamespace */])('picker'),
     }, [h("div", {
       "class": picker_bem(),
       "ref": 'columnParent'
-    }, [this.toolbarPosition === 'top' ? this.genToolbar() : h(), this.toolbarPosition === 'top' ? h("div", {
+    }, [this.toolbarPosition === 'top' ? this.genToolbar() : h(), this.toolbarPosition === 'top' ? h() : this.genTitle(), this.toolbarPosition === 'top' ? h("div", {
       "class": picker_bem('border')
     }) : h(), this.loading ? h(es_loading, {
       "class": picker_bem('loading')
@@ -58157,283 +58418,46 @@ var badge_createNamespace = Object(utils["b" /* createNamespace */])('badge'),
           content = this.content;
 
       if (!dot && this.hasContent()) {
-        if (this.$scopedSlots.content) {
-          return this.$scopedSlots.content();
-        }
-
-        if (Object(utils["e" /* isDef */])(max) && Object(number["b" /* isNumeric */])(content) && +content > max) {
-          return max + "+";
-        }
-
-        return content;
-      }
-    },
-    renderBadge: function renderBadge() {
-      var h = this.$createElement;
-
-      if (this.hasContent() || this.dot) {
-        return h("div", {
-          "class": badge_bem({
-            dot: this.dot,
-            fixed: !!this.$scopedSlots.default
-          }),
-          "style": {
-            background: this.color
-          }
-        }, [this.renderContent()]);
-      }
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-
-    if (this.$scopedSlots.default) {
-      var tag = this.tag;
-      return h(tag, {
-        "class": badge_bem('wrapper')
-      }, [this.$scopedSlots.default(), this.renderBadge()]);
-    }
-
-    return this.renderBadge();
-  }
-}));
-// CONCATENATED MODULE: ./es/utils/constant.js
-// color
-var RED = '#ee0a24';
-var BLUE = '#0091FA'; // border
-
-var BORDER = 'zt-hairline';
-var BORDER_RIGHT = BORDER + "--right";
-var BORDER_TOP = BORDER + "--top";
-var BORDER_LEFT = BORDER + "--left";
-var BORDER_BOTTOM = BORDER + "--bottom";
-var BORDER_SURROUND = BORDER + "--surround";
-var BORDER_TOP_BOTTOM = BORDER + "--top-bottom";
-var BORDER_UNSET_TOP_BOTTOM = BORDER + "-unset--top-bottom";
-// CONCATENATED MODULE: ./es/utils/router.js
-/**
- * Vue Router support
- */
-function isRedundantNavigation(err) {
-  return err.name === 'NavigationDuplicated' || err.message && err.message.indexOf('redundant navigation') !== -1;
-}
-
-function route(router, config) {
-  var to = config.to,
-      url = config.url,
-      replace = config.replace;
-
-  if (to && router) {
-    var promise = router[replace ? 'replace' : 'push'](to);
-    /* istanbul ignore else */
-
-    if (promise && promise.catch) {
-      promise.catch(function (err) {
-        if (err && !isRedundantNavigation(err)) {
-          throw err;
-        }
-      });
-    }
-  } else if (url) {
-    replace ? location.replace(url) : location.href = url;
-  }
-}
-function functionalRoute(context) {
-  route(context.parent && context.parent.$router, context.props);
-}
-var routeProps = {
-  url: String,
-  replace: Boolean,
-  to: [String, Object]
-};
-// EXTERNAL MODULE: ./es/telemetry/index.js
-var telemetry = __webpack_require__(5);
-
-// CONCATENATED MODULE: ./es/button/index.js
-
- // Utils
-
-
-
-
-
- // Components
-
-
- // Types
-
-var button_createNamespace = Object(utils["b" /* createNamespace */])('button'),
-    button_createComponent = button_createNamespace[0],
-    button_bem = button_createNamespace[1];
-
-function Button(h, props, slots, ctx) {
-  var _ref;
-
-  var tag = props.tag,
-      icon = props.icon,
-      type = props.type,
-      color = props.color,
-      plain = props.plain,
-      disabled = props.disabled,
-      loading = props.loading,
-      hairline = props.hairline,
-      loadingText = props.loadingText,
-      iconPosition = props.iconPosition;
-  var style = {};
-
-  if (color) {
-    style.color = plain ? color : 'white';
-
-    if (!plain) {
-      // Use background instead of backgroundColor to make linear-gradient work
-      style.background = color;
-    } // hide border when color is linear-gradient
-
-
-    if (color.indexOf('gradient') !== -1) {
-      style.border = 0;
-    } else {
-      style.borderColor = color;
-    }
-  }
-
-  function onClick(event) {
-    if (props.loading) {
-      event.preventDefault();
-    }
-
-    if (!loading && !disabled) {
-      functional_emit(ctx, 'click', event);
-      functionalRoute(ctx);
-      var trackEvent = new telemetry["b" /* TelemetryEvent */]('button', {});
-      telemetry["a" /* Telemetry */].sharedInstance.trackClick(trackEvent);
-    }
-  }
-
-  function onTouchstart(event) {
-    functional_emit(ctx, 'touchstart', event);
-  }
-
-  var classes = [button_bem([type, props.size, {
-    plain: plain,
-    loading: loading,
-    disabled: disabled,
-    hairline: hairline,
-    block: props.block,
-    round: props.round,
-    square: props.square
-  }]), (_ref = {}, _ref[BORDER_SURROUND] = hairline, _ref)];
-
-  function renderIcon() {
-    if (loading) {
-      return slots.loading ? slots.loading() : h(es_loading, {
-        "class": button_bem('loading'),
-        "attrs": {
-          "size": props.loadingSize,
-          "type": props.loadingType,
-          "color": "currentColor"
-        }
-      });
-    }
-
-    if (slots.icon) {
-      return h("div", {
-        "class": button_bem('icon')
-      }, [slots.icon()]);
-    }
-
-    if (icon) {
-      return h(es_icon, {
-        "attrs": {
-          "name": icon,
-          "classPrefix": props.iconPrefix
-        },
-        "class": button_bem('icon')
-      });
-    }
-  }
-
-  function renderContent() {
-    var content = [];
-
-    if (iconPosition === 'left') {
-      content.push(renderIcon());
-    }
-
-    var text;
-
-    if (loading) {
-      text = loadingText;
-    } else {
-      text = slots.default ? slots.default() : props.text;
-    }
-
-    if (text) {
-      content.push(h("span", {
-        "class": button_bem('text')
-      }, [text]));
-    }
-
-    if (iconPosition === 'right') {
-      content.push(renderIcon());
-    }
+        if (this.$scopedSlots.content) {
+          return this.$scopedSlots.content();
+        }
 
-    return content;
-  }
+        if (Object(utils["e" /* isDef */])(max) && Object(number["b" /* isNumeric */])(content) && +content > max) {
+          return max + "+";
+        }
 
-  return h(tag, helper_default()([{
-    "style": style,
-    "class": classes,
-    "attrs": {
-      "type": props.nativeType,
-      "disabled": disabled
+        return content;
+      }
     },
-    "on": {
-      "click": onClick,
-      "touchstart": onTouchstart
-    }
-  }, inherit(ctx)]), [h("div", {
-    "class": button_bem('content')
-  }, [renderContent()])]);
-}
+    renderBadge: function renderBadge() {
+      var h = this.$createElement;
 
-Button.props = _extends({}, routeProps, {
-  text: String,
-  icon: String,
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: String,
-  loadingText: String,
-  loadingType: String,
-  tag: {
-    type: String,
-    default: 'button'
-  },
-  type: {
-    type: String,
-    default: 'default'
-  },
-  size: {
-    type: String,
-    default: 'normal'
-  },
-  loadingSize: {
-    type: String,
-    default: '20px'
+      if (this.hasContent() || this.dot) {
+        return h("div", {
+          "class": badge_bem({
+            dot: this.dot,
+            fixed: !!this.$scopedSlots.default
+          }),
+          "style": {
+            background: this.color
+          }
+        }, [this.renderContent()]);
+      }
+    }
   },
-  iconPosition: {
-    type: String,
-    default: 'left'
+  render: function render() {
+    var h = arguments[0];
+
+    if (this.$scopedSlots.default) {
+      var tag = this.tag;
+      return h(tag, {
+        "class": badge_bem('wrapper')
+      }, [this.$scopedSlots.default(), this.renderBadge()]);
+    }
+
+    return this.renderBadge();
   }
-});
-/* harmony default export */ var es_button = (button_createComponent(Button));
+}));
 // EXTERNAL MODULE: ./es/utils/dom/raf.js
 var dom_raf = __webpack_require__(3);
 
@@ -59352,12 +59376,7 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
         var title = this.slots('title') || this.title || utils_t('title');
         return h("div", {
           "class": utils_bem('header-title')
-        }, [h("span", {
-          "class": "hint-block",
-          "style": {
-            "background": this.color
-          }
-        }), title]);
+        }, [title]);
       }
     },
     genSubtitle: function genSubtitle() {
@@ -59559,6 +59578,9 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
       this.currentDate = date;
       this.scrollIntoView();
     },
+    onCancel: function onCancel() {
+      this.$emit('cancel');
+    },
     init: function init() {
       var _this = this;
 
@@ -59849,7 +59871,22 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
 
       if (this.showConfirm) {
         var text = this.buttonDisabled ? this.confirmDisabledText : this.confirmText;
-        return h(es_button, {
+        return [h(es_button, {
+          "attrs": {
+            "block": true,
+            "color": this.color,
+            "disabled": this.buttonDisabled,
+            "nativeType": "button"
+          },
+          "class": utils_bem('confirm'),
+          "on": {
+            "click": this.onCancel
+          },
+          "style": {
+            marginRight: "4px",
+            backgroundColor: "white"
+          }
+        }, [text || '取消']), h(es_button, {
           "attrs": {
             "block": true,
             "type": "primary",
@@ -59860,8 +59897,11 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
           "class": utils_bem('confirm'),
           "on": {
             "click": this.onConfirm
+          },
+          "style": {
+            marginLeft: "4px"
           }
-        }, [text || utils_t('confirm')]);
+        }, [text || utils_t('confirm')])];
       }
     },
     genFooter: function genFooter() {
@@ -59907,8 +59947,6 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
     var h = arguments[0];
 
     if (this.poppable) {
-      var _attrs;
-
       var createListener = function createListener(name) {
         return function () {
           return _this5.$emit(name);
@@ -59916,11 +59954,15 @@ var Header_createNamespace = Object(utils["b" /* createNamespace */])('calendar-
       };
 
       return h(popup, {
-        "attrs": (_attrs = {
-          "round": true,
-          "value": this.value
-        }, _attrs["round"] = this.round, _attrs["position"] = this.position, _attrs["closeable"] = this.showTitle || this.showSubtitle, _attrs["getContainer"] = this.getContainer, _attrs["closeOnPopstate"] = this.closeOnPopstate, _attrs["closeOnClickOverlay"] = this.closeOnClickOverlay, _attrs),
         "class": utils_bem('popup'),
+        "attrs": {
+          "value": this.value,
+          "round": this.round,
+          "position": this.position,
+          "getContainer": this.getContainer,
+          "closeOnPopstate": this.closeOnPopstate,
+          "closeOnClickOverlay": this.closeOnClickOverlay
+        },
         "on": {
           "input": this.togglePopup,
           "open": createListener('open'),
@@ -60245,7 +60287,11 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
     disabled: Boolean,
     scrollable: Boolean,
     activeColor: String,
-    inactiveColor: String
+    inactiveColor: String,
+    maxWidth: {
+      type: String,
+      default: '112px'
+    }
   },
   computed: {
     style: function style() {
@@ -60272,6 +60318,7 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
         style.color = titleColor;
       }
 
+      style.maxWidth = this.maxWidth;
       return style;
     }
   },
@@ -60939,11 +60986,10 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
         }
 
         var title = titles[_this4.currentIndex].$el;
-        var lineWidth = _this4.lineWidth,
-            lineHeight = _this4.lineHeight;
+        var lineHeight = _this4.lineHeight;
         var left = title.offsetLeft + title.offsetWidth / 2;
         var lineStyle = {
-          width: Object(utils["a" /* addUnit */])(title.offsetWidth),
+          // width: addUnit(title.offsetWidth),
           backgroundColor: _this4.color,
           transform: "translateX(" + left + "px) translateX(-50%)"
         };
@@ -61142,7 +61188,6 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
 
     var Wrap = h("div", {
       "ref": "wrap",
-      "style": wrapStyle,
       "class": [tabs_bem('wrap', {
         scrollable: scrollable
       }), (_ref = {}, _ref[BORDER_TOP_BOTTOM] = type === 'line' && this.border, _ref)]
@@ -61533,6 +61578,8 @@ var cellProps = {
   value: [Number, String],
   label: [Number, String],
   arrowDirection: String,
+  direction: String,
+  subtitle: String,
   border: {
     type: Boolean,
     default: true
@@ -61570,27 +61617,65 @@ function Cell(h, props, slots, ctx) {
       label = props.label,
       value = props.value,
       isLink = props.isLink,
-      placeholder = props.placeholder;
+      placeholder = props.placeholder,
+      direction = props.direction,
+      subtitle = props.subtitle;
   var showTitle = slots.title || Object(utils["e" /* isDef */])(title);
+  var clickable = (_props$clickable = props.clickable) != null ? _props$clickable : isLink;
 
   function Label() {
     var showLabel = slots.label || Object(utils["e" /* isDef */])(label);
 
-    if (showLabel) {
+    if (showLabel && direction !== "column") {
       return h("div", {
         "class": [cell_bem('label'), props.labelClass]
       }, [slots.label ? slots.label() : label]);
     }
   }
 
+  function LeftIcon() {
+    if (slots.icon) {
+      return slots.icon();
+    }
+
+    if (icon) {
+      return h(es_icon, {
+        "class": cell_bem('left-icon'),
+        "attrs": {
+          "name": icon,
+          "classPrefix": props.iconPrefix
+        }
+      });
+    }
+  } // 渲染副标题
+
+
+  function renderSubTitle() {
+    if (direction === "column") {
+      if (slots != null && slots.subtitle) {
+        return h("div", {
+          "class": cell_bem('title-subtitle')
+        }, [slots == null ? void 0 : slots.subtitle()]);
+      }
+
+      if (subtitle) {
+        return h("div", {
+          "class": cell_bem('title-subtitle')
+        }, [subtitle]);
+      }
+    }
+  }
+
   function Title() {
     if (showTitle) {
       return h("div", {
         "class": [cell_bem('title'), props.titleClass],
         "style": props.titleStyle
-      }, [slots.title ? slots.title() : h("span", [title]), Label(), props.required ? h("span", {
+      }, [LeftIcon(), slots.title ? slots.title() : h("span", {
+        "class": cell_bem('title-content')
+      }, [title, Label()]), props.required ? h("span", {
         "style": "color:#ff5023;margin-left:4px;"
-      }, ["*"]) : ""]);
+      }, ["*"]) : "", renderSubTitle()]);
     }
   }
 
@@ -61604,36 +61689,6 @@ function Cell(h, props, slots, ctx) {
     }
   }
 
-  function Value() {
-    var showValue = slots.default || Object(utils["e" /* isDef */])(value);
-
-    if (showValue) {
-      return h("div", {
-        "class": [cell_bem('value', {
-          alone: !showTitle
-        }), props.valueClass]
-      }, [slots.default ? slots.default() : value !== "" ? h("span", [value]) : PlaceholderSpan()]);
-    } else {
-      return PlaceholderSpan();
-    }
-  }
-
-  function LeftIcon() {
-    if (slots.icon) {
-      return slots.icon();
-    }
-
-    if (icon) {
-      return h(es_icon, {
-        "class": cell_bem('left-icon'),
-        "attrs": {
-          "name": icon,
-          "classPrefix": props.iconPrefix
-        }
-      });
-    }
-  }
-
   function RightIcon() {
     var rightIconSlot = slots['right-icon'];
 
@@ -61652,14 +61707,28 @@ function Cell(h, props, slots, ctx) {
     }
   }
 
+  function Value() {
+    var showValue = slots.default || Object(utils["e" /* isDef */])(value) || clickable;
+
+    if (showValue) {
+      return h("div", {
+        "class": [cell_bem('value', {
+          alone: !showTitle
+        }), props.valueClass, direction === 'column' && clickable ? cell_bem('clickable') : '']
+      }, [slots.default ? slots.default() : value !== "" ? h("span", {
+        "class": cell_bem('value-content')
+      }, [value]) : PlaceholderSpan(), slots.extra == null ? void 0 : slots.extra(), RightIcon()]);
+    } else {
+      return PlaceholderSpan();
+    }
+  }
+
   function onClick(event) {
     functional_emit(ctx, 'click', event);
     functionalRoute(ctx);
   }
 
-  var clickable = (_props$clickable = props.clickable) != null ? _props$clickable : isLink;
   var classes = {
-    clickable: clickable,
     center: props.center,
     // required: props.required,
     borderless: !props.border,
@@ -61671,7 +61740,7 @@ function Cell(h, props, slots, ctx) {
   }
 
   return h("div", helper_default()([{
-    "class": cell_bem(classes),
+    "class": [cell_bem(classes), direction === 'column' ? cell_bem('direction-column') : '', clickable && direction !== 'column' ? cell_bem('clickable') : ''],
     "attrs": {
       "role": clickable ? 'button' : null,
       "tabindex": clickable ? 0 : null
@@ -61679,7 +61748,7 @@ function Cell(h, props, slots, ctx) {
     "on": {
       "click": onClick
     }
-  }, inherit(ctx)]), [LeftIcon(), Title(), Value(), RightIcon(), slots.extra == null ? void 0 : slots.extra()]);
+  }, inherit(ctx)]), [Title(), Value()]);
 }
 
 Cell.props = _extends({}, cellProps, routeProps);
@@ -61771,6 +61840,8 @@ var checkbox_CheckboxMixin = function CheckboxMixin(_ref) {
       disabled: Boolean,
       iconSize: [Number, String],
       checkedColor: String,
+      boxShadow: String,
+      border: String,
       iconColor: String,
       labelPosition: String,
       labelDisabled: Boolean,
@@ -61795,12 +61866,15 @@ var checkbox_CheckboxMixin = function CheckboxMixin(_ref) {
       },
       iconStyle: function iconStyle() {
         var checkedColor = this.checkedColor || this.parent && this.parent.checkedColor;
+        var boxShadow = this.boxShadow || this.parent && this.parent.boxShadow;
+        var border = this.border || this.parent && this.parent.border;
         var iconColor = this.iconColor || this.parent && this.parent.iconColor;
 
-        if (checkedColor && this.checked && !this.isDisabled) {
+        if ((boxShadow || checkedColor) && this.checked && !this.isDisabled) {
           return {
             color: iconColor,
-            borderColor: checkedColor,
+            boxShadow: boxShadow,
+            border: border,
             backgroundColor: checkedColor
           };
         }
@@ -61847,35 +61921,11 @@ var checkbox_CheckboxMixin = function CheckboxMixin(_ref) {
           }
         }, [this.slots('icon', {
           checked: checked
-        }) || (role === 'radio' && checked ? this.genRadioIcon() : h(es_icon, {
+        }) || h(es_icon, {
           "attrs": {
-            "name": "success"
+            "name": role === 'radio' ? "radio-round" : "checkBox-select"
           },
           "style": this.iconStyle
-        }))]);
-      },
-      genRadioIcon: function genRadioIcon() {
-        var h = this.$createElement;
-        var iconSize = this.iconSize || this.parent && this.parent.iconSize;
-        return h("svg", {
-          "attrs": {
-            "xmlns": "http://www.w3.org/2000/svg",
-            "viewBox": "0 0 24 24"
-          },
-          "class": bem("custom-svg"),
-          "style": {
-            width: iconSize,
-            height: iconSize
-          }
-        }, [h("path", {
-          "style": {
-            fill: this.checkedColor
-          },
-          "attrs": {
-            "d": "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,7 C9.23857625,7 7,9.23857625 7,12 C7,14.7614237 9.23857625,17 12,17 C14.7614237,17 17,14.7614237 17,12 C17,9.23857625 14.7614237,7 12,7 Z",
-            "fill": "#0091FA",
-            "fill-rule": "nonzero"
-          }
         })]);
       },
       genLabel: function genLabel() {
@@ -61901,16 +61951,17 @@ var checkbox_CheckboxMixin = function CheckboxMixin(_ref) {
         Children.push(this.genLabel());
       }
 
+      var checked = this.checked;
       return h("div", {
         "attrs": {
           "role": role,
           "tabindex": this.tabindex,
           "aria-checked": String(this.checked)
         },
-        "class": bem([{
+        "class": [bem([{
           disabled: this.isDisabled,
           'label-disabled': this.labelDisabled
-        }, this.direction]),
+        }, this.direction]), checked ? '' : bem('disable-icon')],
         "on": {
           "click": this.onClick
         }
@@ -62016,6 +62067,7 @@ var checkbox_group_createNamespace = Object(utils["b" /* createNamespace */])('c
     direction: String,
     iconSize: [Number, String],
     checkedColor: String,
+    boxShadow: String,
     value: {
       type: Array,
       default: function _default() {
@@ -67883,7 +67935,7 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
     },
     error: {
       type: Boolean,
-      default: null
+      default: false
     },
     colon: {
       type: Boolean,
@@ -68400,7 +68452,7 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
       if (message) {
         var errorMessageAlign = this.getProp('errorMessageAlign');
         return h("div", {
-          "class": field_bem('error-message', errorMessageAlign)
+          "class": [field_bem('error-message', errorMessageAlign), this.error ? '' : field_bem('no-error')]
         }, [message]);
       }
     },
@@ -68422,12 +68474,14 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
       }
 
       if (this.label) {
-        return h("span", [this.label + colon]);
+        return h("span", {
+          "class": field_bem('label-content')
+        }, [this.label + colon]);
       }
     }
   },
   render: function render() {
-    var _bem;
+    var _bem2;
 
     var h = arguments[0];
     var slots = this.slots;
@@ -68452,6 +68506,76 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
       };
     }
 
+    if (this.direction === 'column') {
+      var _bem;
+
+      return h("div", {
+        "class": [field_bem('root'), field_bem("column")]
+      }, [h(cell, {
+        "attrs": {
+          "icon": this.leftIcon,
+          "size": this.size,
+          "center": this.center,
+          "border": this.border,
+          "isLink": this.isLink,
+          "required": this.required,
+          "clickable": this.clickable,
+          "titleStyle": this.labelStyle,
+          "valueClass": field_bem('value'),
+          "titleClass": [field_bem('label', labelAlign), this.labelClass, {
+            'zt-field--error-label': this.showErrorMessage
+          }],
+          "arrowDirection": this.arrowDirection,
+          "noFlex": this.type === 'textarea',
+          "direction": this.direction
+        },
+        "scopedSlots": scopedSlots,
+        "class": field_bem((_bem = {
+          error: this.showError,
+          disabled: disabled
+        }, _bem["label-" + labelAlign] = labelAlign, _bem['min-height'] = this.type === 'textarea' && !this.autosize, _bem)),
+        "on": {
+          "click": this.onClick
+        }
+      }, [h("div", {
+        "class": field_bem('body')
+      }, [this.genInput(), this.showClear &&
+      /*<Icon
+        name="clear"
+        class={bem('clear')}
+        onTouchstart={this.onClear}
+      />*/
+      h("div", {
+        "class": field_bem('zt-clear-icon'),
+        "on": {
+          "touchstart": this.onClear,
+          "click": this.onClear
+        }
+      }, [h(ClearIcon, {
+        "class": field_bem('zt-clear-size'),
+        "attrs": {
+          "color": this.iconColor
+        }
+      })]), this.type === 'password' && h("div", {
+        "on": {
+          "click": this.togglePwdVisible
+        },
+        "style": "width:20px;height:20px;margin-left:12px;display:flex;justify-content:center;align-items:center;color:rgba(0,0,0,.4);"
+      }, [this.showPassword ? h(es_icon, {
+        "attrs": {
+          "name": "eye-open",
+          "color": this.iconColor
+        }
+      }) : h(es_icon, {
+        "attrs": {
+          "name": "eye-closed",
+          "color": this.iconColor
+        }
+      })]), this.genWordLimit(), this.genRightIcon(), slots('button') && h("div", {
+        "class": field_bem('button')
+      }, [slots('button')])])]), this.genMessage()]);
+    }
+
     return h("div", {
       "class": field_bem('root')
     }, [h(cell, {
@@ -68469,13 +68593,14 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
           'zt-field--error-label': this.showErrorMessage
         }],
         "arrowDirection": this.arrowDirection,
-        "noFlex": this.type === 'textarea'
+        "noFlex": this.type === 'textarea',
+        "direction": this.direction
       },
       "scopedSlots": scopedSlots,
-      "class": field_bem((_bem = {
+      "class": field_bem((_bem2 = {
         error: this.showError,
         disabled: disabled
-      }, _bem["label-" + labelAlign] = labelAlign, _bem['min-height'] = this.type === 'textarea' && !this.autosize, _bem)),
+      }, _bem2["label-" + labelAlign] = labelAlign, _bem2['min-height'] = this.type === 'textarea' && !this.autosize, _bem2)),
       "on": {
         "click": this.onClick
       }
@@ -70875,7 +71000,7 @@ function getDistance(touches) {
           "class": shared_bem('index')
         }, [this.slots('index', {
           index: this.active
-        }) || this.active + 1 + " / " + this.images.length]);
+        }) || this.active + 1 + "/" + this.images.length]);
       }
     },
     genCover: function genCover() {
@@ -74701,17 +74826,10 @@ var image_processor_ImageProcessor = /** @class */ (function () {
       }
     }, [h("g", {
       "attrs": {
-        "fill": "#000",
+        "fill": "#2D4B73",
         "fill-rule": "evenodd"
       }
-    }, [h("rect", {
-      "attrs": {
-        "opacity": ".04317801",
-        "width": "48",
-        "height": "48",
-        "rx": "4"
-      }
-    }), h("path", {
+    }, [h("path", {
       "attrs": {
         "d": "M33.9975267,12 C34.5511774,12 35.1438351,12.4315052 35.3169059,12.9507178 L36.333,15.999 L37.9982567,16 C39.103789,16 40,16.8982124 40,17.9907951 L40,34.0092049 C40,35.1086907 39.1107383,36 37.9982567,36 L10.0017433,36 C8.89621101,36 8,35.1017876 8,34.0092049 L8,17.9907951 C8,16.8913093 8.88926172,16 10.0017433,16 L21.666,15.999 L22.6830941,12.9507178 C22.8581164,12.4256509 23.455761,12 24.0024733,12 L33.9975267,12 Z M29,19 C25.1340068,19 22,22.1340068 22,26 C22,29.8659932 25.1340068,33 29,33 C32.8659932,33 36,29.8659932 36,26 C36,22.1340068 32.8659932,19 29,19 Z M14.5,18 L14.3546371,18.0068666 C13.5897719,18.0795513 13,18.7203039 13,19.5 C13,20.3342028 13.6715729,21 14.5,21 L14.5,21 L14.6453629,20.9931334 C15.4102281,20.9204487 16,20.2796961 16,19.5 L16,19.5 L15.9931334,19.3546371 C15.9204487,18.5897719 15.2796961,18 14.5,18 L14.5,18 Z",
         "fill-opacity": ".8"
@@ -74743,17 +74861,10 @@ var image_processor_ImageProcessor = /** @class */ (function () {
       }
     }, [h("g", {
       "attrs": {
-        "fill": "#000",
+        "fill": "#2D4B73",
         "fill-rule": "evenodd"
       }
-    }, [h("rect", {
-      "attrs": {
-        "opacity": ".04317801",
-        "width": "48",
-        "height": "48",
-        "rx": "4"
-      }
-    }), h("path", {
+    }, [h("path", {
       "attrs": {
         "d": "M37.9982567,12 C39.103789,12 40,12.8970262 40,14.0049466 L40,33.9950534 C40,35.1023548 39.1107383,36 37.9982567,36 L37.764,35.999 L37.7634277,36 L10.8161621,36 L10.814,35.999 L10.0017433,36 C8.89621101,36 8,35.1029738 8,33.9950534 L8,14.0049466 C8,12.8976452 8.88926172,12 10.0017433,12 L37.9982567,12 Z M37.0034652,14 L10.9965348,14 C10.4398131,14 10,14.4440454 10,14.9918031 L10,14.9918031 L10,33.0081969 C10,33.0530776 10.0031223,33.0973902 10.0091668,33.1409155 L17.1114918,24.34032 C18.1544861,23.047797 19.8867064,22.9975446 20.9981014,24.247864 L27,31 L30.4453768,28.2436986 C31.3039715,27.5568228 32.7078383,27.5510237 33.578186,28.2285544 L37.999,31.669 L38,14.9918031 C38,14.4936268 37.6152975,14.0654579 37.1196822,14.0068326 L37.0034652,14 Z",
         "fill-opacity": ".8"
@@ -74785,17 +74896,10 @@ var image_processor_ImageProcessor = /** @class */ (function () {
       }
     }, [h("g", {
       "attrs": {
-        "fill": "#000",
+        "fill": "#2D4B73",
         "fill-rule": "evenodd"
       }
-    }, [h("rect", {
-      "attrs": {
-        "opacity": ".04317801",
-        "width": "48",
-        "height": "48",
-        "rx": "4"
-      }
-    }), h("path", {
+    }, [h("path", {
       "attrs": {
         "d": "M29.9944797,11 C32.2066675,11 34,12.7924676 34,14.99923 L34,27.00077 C34,29.2094838 32.2129147,31 29.9944797,31 L12.0055203,31 C9.7933325,31 8,29.2075324 8,27.00077 L8,14.99923 C8,12.7905162 9.78708529,11 12.0055203,11 L29.9944797,11 Z M19.5047388,16.9404618 C18.6820755,16.4262972 18,16.7952661 18,17.7762766 L18,17.7762766 L18,24.2237234 C18,25.1985621 18.6736945,25.5789409 19.5047388,25.0595382 L19.5047388,25.0595382 L24.4952612,21.9404618 C25.3179245,21.4262972 25.3263055,20.5789409 24.4952612,20.0595382 L24.4952612,20.0595382 Z",
         "fill-opacity": ".8"
@@ -74827,17 +74931,10 @@ var image_processor_ImageProcessor = /** @class */ (function () {
       }
     }, [h("g", {
       "attrs": {
-        "fill": "#000",
+        "fill": "#2D4B73",
         "fill-rule": "evenodd"
       }
-    }, [h("rect", {
-      "attrs": {
-        "opacity": ".04317801",
-        "width": "48",
-        "height": "48",
-        "rx": "4"
-      }
-    }), h("path", {
+    }, [h("path", {
       "attrs": {
         "d": "M23,35 L25,35 L25,39 L28.9975267,39 C29.5116309,39 29.9353477,39.3827202 29.9932556,39.8826674 L30,40 C30,40.5522847 29.544239,41 28.9975267,41 L19.0024733,41 C18.4488226,41 18,40.5561352 18,40 C18,39.4477153 18.455761,39 19.0024733,39 L23,39 L23,35 Z M24,7 C28.9706612,7 33,10.7806433 33,15.4055441 L33,22.5944559 C33,27.2367538 28.9605566,31 24,31 C19.0296047,31 15,27.2193567 15,22.5944559 L15,15.4055441 C15,10.7632462 19.0397093,7 24,7 Z M28.0046024,23 L19.9953976,23 C19.4556644,23 19,23.4477153 19,24 C19,24.5164112 19.3842635,24.9360179 19.8793132,24.993327 L19.9953976,25 L28.0046024,25 C28.5057832,25 28.9344762,24.6139598 28.993161,24.1166211 L29,24 L28.9933032,23.8826674 C28.935804,23.3827202 28.515078,23 28.0046024,23 Z M28.0046024,18 L19.9953976,18 C19.4556644,18 19,18.4477153 19,19 C19,19.5164112 19.3842635,19.9360179 19.8793132,19.993327 L19.9953976,20 L28.0046024,20 C28.5057832,20 28.9344762,19.6139598 28.993161,19.1166211 L29,19 L28.9933032,18.8826674 C28.935804,18.3827202 28.515078,18 28.0046024,18 Z M28.0046024,13 L19.9953976,13 C19.4556644,13 19,13.4477153 19,14 C19,14.5164112 19.3842635,14.9360179 19.8793132,14.993327 L19.9953976,15 L28.0046024,15 C28.5057832,15 28.9344762,14.6139598 28.993161,14.1166211 L29,14 L28.9933032,13.8826674 C28.935804,13.3827202 28.515078,13 28.0046024,13 Z",
         "fill-opacity": ".8"
@@ -74869,17 +74966,10 @@ var image_processor_ImageProcessor = /** @class */ (function () {
       }
     }, [h("g", {
       "attrs": {
-        "fill": "#000",
+        "fill": "#2D4B73",
         "fill-rule": "evenodd"
       }
-    }, [h("rect", {
-      "attrs": {
-        "opacity": ".04317801",
-        "width": "48",
-        "height": "48",
-        "rx": "4"
-      }
-    }), h("path", {
+    }, [h("path", {
       "attrs": {
         "d": "M29,8 L29,15 C29,15.5522847 29.4477153,16 30,16 L30,16 L37,16 L37,38 C37,39.1045695 36.1045695,40 35,40 L13,40 C11.8954305,40 11,39.1045695 11,38 L11,10 C11,8.8954305 11.8954305,8 13,8 L29,8 Z M29,31 L19,31 C18.4477153,31 18,31.4477153 18,32 C18,32.5522847 18.4477153,33 19,33 L19,33 L29,33 C29.5522847,33 30,32.5522847 30,32 C30,31.4477153 29.5522847,31 29,31 L29,31 Z M24.7071068,15.7071068 C24.3165825,15.3165825 23.6834175,15.3165825 23.2928932,15.7071068 L23.2928932,15.7071068 L17.8535534,21.1464466 C17.7597852,21.2402148 17.7071068,21.3673918 17.7071068,21.5 C17.7071068,21.7761424 17.9309644,22 18.2071068,22 L18.2071068,22 L21,22 L21,28 C21,28.5522847 21.4477153,29 22,29 L22,29 L26,29 C26.5522847,29 27,28.5522847 27,28 L27,28 L27,22 L29.7928932,22 C29.9255015,22 30.0526784,21.9473216 30.1464466,21.8535534 C30.3417088,21.6582912 30.3417088,21.3417088 30.1464466,21.1464466 L30.1464466,21.1464466 Z",
         "fill-opacity": ".8"
@@ -76753,6 +76843,7 @@ function MultiplePickerOptions_isOptionDisabled(option) {
 
 
 
+
 var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('multiple-picker'),
     multiple_picker_createComponent = multiple_picker_createNamespace[0],
     multiple_picker_bem = multiple_picker_createNamespace[1],
@@ -76779,7 +76870,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     },
     toolbarPosition: {
       type: String,
-      default: 'top'
+      default: 'bottom'
     },
     valueKey: {
       type: String,
@@ -76868,11 +76959,15 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     },
     genCancel: function genCancel() {
       var h = this.$createElement;
-      return h("button", {
+      return h(es_button, {
         "attrs": {
-          "type": "button"
+          "size": "normal",
+          "block": true
+        },
+        "style": {
+          marginRigth: "4px",
+          backgroundColor: "white"
         },
-        "class": multiple_picker_bem('cancel'),
         "on": {
           "click": this.cancel
         }
@@ -76880,11 +76975,15 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     },
     genConfirm: function genConfirm() {
       var h = this.$createElement;
-      return h("button", {
+      return h(es_button, {
         "attrs": {
-          "type": "button"
+          "type": "primary",
+          "size": "normal",
+          "block": true
+        },
+        "style": {
+          marginLeft: "4px"
         },
-        "class": multiple_picker_bem('confirm'),
         "on": {
           "click": this.confirm
         }
@@ -76896,7 +76995,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
       if (this.showToolbar) {
         return h("div", {
           "class": multiple_picker_bem('toolbar')
-        }, [this.slots() || [this.genCancel(), this.genTitle(), this.genConfirm()]]);
+        }, [this.slots() || [this.genCancel(), this.genConfirm()]]);
       }
     },
     genOptions: function genOptions() {
@@ -76968,9 +77067,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     }, [h("div", {
       "class": multiple_picker_bem(),
       "ref": 'columnParent'
-    }, [this.toolbarPosition === 'top' ? this.genToolbar() : h(), this.toolbarPosition === 'top' ? h("div", {
-      "class": multiple_picker_bem('border')
-    }) : h(), this.loading ? h(es_loading, {
+    }, [this.genTitle(), this.loading ? h(es_loading, {
       "class": multiple_picker_bem('loading')
     }) : h(), this.genOptions(), this.toolbarPosition === 'bottom' ? this.genToolbar() : h()])]);
   }
@@ -80187,6 +80284,7 @@ var radio_group_createNamespace = Object(utils["b" /* createNamespace */])('radi
     disabled: Boolean,
     direction: String,
     checkedColor: String,
+    boxShadow: String,
     iconSize: [Number, String]
   },
   watch: {
@@ -80903,7 +81001,7 @@ var signature_createNamespace = Object(utils["b" /* createNamespace */])('signat
     },
     backgroundStyle: {
       type: String,
-      default: '#f5f5f5'
+      default: '#FFFFFF'
     },
     imageType: {
       type: String,
@@ -81132,23 +81230,24 @@ var signature_createNamespace = Object(utils["b" /* createNamespace */])('signat
       "class": signature_bem('actions')
     }, [h(es_button, {
       "attrs": {
-        "plain": true,
-        "type": "warning"
+        "border-color": "#FF8700",
+        "color": "#FF8700",
+        "background-color": "#fff"
       },
       "on": {
         "click": this.clear
       }
     }, [signature_t('reSign')]), h(es_button, {
       "attrs": {
-        "plain": true,
-        "type": "default"
+        "border-color": "rgba(45,75,115,0.20)",
+        "color": "#2D4B73",
+        "background-color": "#fff"
       },
       "on": {
         "click": this.cancel
       }
     }, [signature_t('cancel')]), h(es_button, {
       "attrs": {
-        "block": true,
         "type": "primary",
         "disabled": this.isCompleteButtonDisabled
       },
@@ -81657,14 +81756,12 @@ var step_createNamespace = Object(utils["b" /* createNamespace */])('step'),
       if (this.active) {
         return {
           background: "" + (this.parent.activeBgColor || 'rgba(0,145,250,0.20)'),
-          border: "1px solid " + (this.parent.activeBorderColor || '#0091FA'),
           'font-weight': 'bold',
           color: "" + (this.parent.activeColor || '#0091FA')
         };
       } else {
         return {
-          background: "" + (this.parent.inactiveBgColor || 'rgba(0,0,0,0.20)'),
-          border: "1px solid " + (this.parent.inactiveBorderColor || 'rgba(0,0,0,0)'),
+          background: "" + (this.parent.inactiveBgColor || 'rgba(45,75,115,0.20)'),
           'font-weight': 'normal',
           color: "" + (this.parent.inactiveColor || '#FFFFFF')
         };
@@ -81673,11 +81770,11 @@ var step_createNamespace = Object(utils["b" /* createNamespace */])('step'),
     titleStyle: function titleStyle() {
       if (this.active) {
         return {
-          color: this.parent.titleActiveColor || 'rgba(0,0,0,1)'
+          color: this.parent.titleActiveColor || 'rgba(45, 75, 115, 1)'
         };
       } else {
         return {
-          color: this.parent.titleInactiveColor || 'rgba(0,0,0,0.4)'
+          color: this.parent.titleInactiveColor || 'rgba(45, 75, 115, 0.6)'
         };
       }
     }
@@ -84549,7 +84646,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '0.1.113';
+var version = '2.0.1';
 
 function install(Vue) {
   var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, pdf_viewer, picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, es_step, stepper, es_steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, timeline, es_toast, uploader];