zartui 2.0.62 → 2.0.64

package/es/cascader/index.css

@@ -1 +1 @@
-.zt2-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:44px;padding:0 16px}.zt2-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt2-cascader__tabs .zt2-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt2-cascader__tabs .zt2-tabs__wrap{position:relative;height:44px}.zt2-cascader__tabs .zt2-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cascader__tabs .zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt2-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt2-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt2-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt2-cascader__option--selected{color:#0091fa;font-weight:700}.zt2-cascader__selected-icon{font-size:24px}.zt2-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt2-cascader .zt2-tabs__nav{background:#fff}.zt2-cascader .zt2-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}
+.zt2-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:44px;padding:0 16px}.zt2-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt2-cascader__tabs .zt2-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt2-cascader__tabs .zt2-tabs__wrap{position:relative;height:44px}.zt2-cascader__tabs .zt2-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cascader__tabs .zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt2-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt2-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:12px 16px;font-weight:400;font-size:14px;line-height:20px}.zt2-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt2-cascader__option--selected{color:#0091fa;font-weight:700}.zt2-cascader__selected-icon{font-size:24px}.zt2-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt2-cascader .zt2-tabs__nav{background:#fff}.zt2-cascader .zt2-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}

package/es/cascader/index.less

@@ -57,10 +57,10 @@
     font-family: PingFangSC-Regular;
     justify-content: space-between;
     color: #2D4B73;
-    padding: 0 @padding-md;
+    padding: @padding-sm @padding-md;
     font-weight: normal;
     font-size: @font-size-md;
-    line-height: 44px;
+    line-height: @line-height-md;
 
     &:active {
       background-color: @active-color;

package/es/cell/index.css

@@ -1 +1 @@
-.zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
+.zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}

package/es/cell/index.js

@@ -1,12 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace, isDef } from '../utils';
 import { emit, inherit } from '../utils/functional';
 import { routeProps, functionalRoute } from '../utils/router';
-import { cellProps } from './shared'; // Components
+import { cellProps } from './shared';
+import { preventDefault } from '../utils/dom/event'; // Components
 
-import Icon from '../icon'; // Types
+import Icon from '../icon';
+import ClearIcon from "../field/ClearIcon"; // Types
 
 var _createNamespace = createNamespace('cell'),
     createComponent = _createNamespace[0],
@@ -111,17 +113,43 @@ function Cell(h, props, slots, ctx) {
     }
   }
 
+  function onClear(event) {
+    preventDefault(event, true);
+    emit(ctx, 'clear', event);
+  }
+
+  function renderClearIcon() {
+    var clearIconWrapEvent = {
+      click: onClear
+    }; // 根据环境只监听一种事件，防止某些click模拟touch事件触发两次
+
+    if ('ontouchstart' in document.documentElement) {
+      clearIconWrapEvent = {
+        touchstart: onClear
+      };
+    }
+
+    return h("div", {
+      "class": bem('clear'),
+      "on": _extends({}, clearIconWrapEvent)
+    }, [h(ClearIcon)]);
+  }
+
   function Value() {
     var showValue = slots.default || isDef(value) || clickable || slots['right-icon'];
+    var hasValue = isDef(value) && value !== '';
+    var showClearIcon = hasValue && props.clearable;
 
     if (showValue) {
       return h("div", {
         "class": [bem('value', {
           alone: !showTitle
-        }), props.valueClass, direction === 'column' && clickable ? bem('clickable') : '']
+        }), props.valueClass, direction === 'column' && clickable ? bem('clickable', {
+          clearIcon: showClearIcon
+        }) : '']
       }, [slots.default ? slots.default() : value !== "" ? h("span", {
         "class": bem('value-content')
-      }, [value]) : PlaceholderSpan(), slots.extra == null ? void 0 : slots.extra(), RightIcon()]);
+      }, [value]) : PlaceholderSpan(), showClearIcon ? renderClearIcon() : null, slots.extra == null ? void 0 : slots.extra(), RightIcon()]);
     } else {
       return PlaceholderSpan();
     }

package/es/cell/index.less

@@ -45,7 +45,6 @@
     &-content {
       flex: 18;
     }
-
   }
 
   &__placeholder {
@@ -69,6 +68,19 @@
     }
   }
 
+  &__clear {
+    color: @cell-clear-icon-color;
+    font-size: @cell-clear-icon-size;
+    width: @cell-clear-icon-size;
+    height: @cell-clear-icon-size;
+    margin: 0 @padding-base 0 @padding-xs;
+    cursor: pointer;
+    box-sizing: content-box;
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+
   &__left-icon,
   &__right-icon {
     height: @cell-line-height;
@@ -86,8 +98,6 @@
     color: @cell-right-icon-color;
   }
 
-
-
   &--center {
     align-items: center;
   }
@@ -114,7 +124,7 @@
     .hairline-bottom(@cell-border-color, @padding-md);
   }
   .@{base-prefix}-cell__title {
-    color: rgba(45,75,115,0.80);
+    color: rgba(45, 75, 115, 0.8);
   }
 
   &:last-child::after {
@@ -164,7 +174,6 @@
   }
 }
 
-
 .@{base-prefix}-cell__clickable {
   cursor: pointer;
   &:active {

package/es/cell/shared.js

@@ -16,6 +16,7 @@ export var cellProps = {
   arrowDirection: String,
   direction: String,
   subtitle: String,
+  clearable: Boolean,
   border: {
     type: Boolean,
     default: true
@@ -26,6 +27,6 @@ export var cellProps = {
   },
   placeholder: {
     type: String,
-    value: ""
+    value: ''
   }
 };

package/es/cell/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/base.css';
 import '../../info/index.css';
 import '../../icon/index.css';
+import '../../field/index.css';
 import '../index.css';

package/es/cell/style/less.js

@@ -1,4 +1,5 @@
 import '../../style/base.less';
 import '../../info/index.less';
 import '../../icon/index.less';
+import '../../field/index.less';
 import '../index.less';

package/es/collapse-item/style/index.js

@@ -2,4 +2,5 @@ import '../../style/base.css';
 import '../../info/index.css';
 import '../../icon/index.css';
 import '../../cell/index.css';
+import '../../field/index.css';
 import '../index.css';

package/es/collapse-item/style/less.js

@@ -2,4 +2,5 @@ import '../../style/base.less';
 import '../../info/index.less';
 import '../../icon/index.less';
 import '../../cell/index.less';
+import '../../field/index.less';
 import '../index.less';

package/es/dropdown-item/style/index.js

@@ -3,6 +3,7 @@ import '../../overlay/index.css';
 import '../../info/index.css';
 import '../../icon/index.css';
 import '../../checkbox/index.css';
-import '../../cell/index.css';
 import '../../popup/index.css';
+import '../../cell/index.css';
+import '../../field/index.css';
 import '../index.css';

package/es/dropdown-item/style/less.js

@@ -3,6 +3,7 @@ import '../../overlay/index.less';
 import '../../info/index.less';
 import '../../icon/index.less';
 import '../../checkbox/index.less';
-import '../../cell/index.less';
 import '../../popup/index.less';
+import '../../cell/index.less';
+import '../../field/index.less';
 import '../index.less';

package/es/index.js

@@ -74,7 +74,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.62';
+var version = '2.0.64';
 
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/style/var.less

@@ -285,6 +285,8 @@
 @cell-label-line-height: @line-height-sm;
 @cell-label-margin-top: 10px;
 @cell-icon-size: 16px;
+@cell-clear-icon-size: 20px;
+@cell-clear-icon-color: rgba(45, 75, 115, .6);
 @cell-right-icon-color: @gray-6;
 @cell-large-vertical-padding: @padding-sm;
 @cell-large-title-font-size: @font-size-lg;

package/es/switch-cell/style/index.js

@@ -1,7 +1,8 @@
 import '../../style/base.css';
 import '../../info/index.css';
 import '../../icon/index.css';
-import '../../cell/index.css';
 import '../../loading/index.css';
 import '../../switch/index.css';
+import '../../cell/index.css';
+import '../../field/index.css';
 import '../index.css';

package/es/switch-cell/style/less.js

@@ -1,7 +1,8 @@
 import '../../style/base.less';
 import '../../info/index.less';
 import '../../icon/index.less';
-import '../../cell/index.less';
 import '../../loading/index.less';
 import '../../switch/index.less';
+import '../../cell/index.less';
+import '../../field/index.less';
 import '../index.less';

package/es/tabs/Title.js

@@ -50,6 +50,15 @@ export default createComponent({
 
       if (!this.scrollable) {
         style.maxWidth = this.maxWidth;
+      } else {
+        // tab之间的padding距离
+        var OPTIONS_LABEL_PADDING = 24; // 限制最大展示7个字
+
+        var LIMIT_WORDS_LEN = 7; // 根据实际是否激活状态，设置其字体宽度
+
+        var FONT_SIZE = isActive ? 16 : 14;
+        var scrollAbleWidth = OPTIONS_LABEL_PADDING + LIMIT_WORDS_LEN * FONT_SIZE + 'px';
+        style.maxWidth = scrollAbleWidth;
       }
 
       return style;
@@ -63,7 +72,7 @@ export default createComponent({
       var h = this.$createElement;
       var Text = h("span", {
         "class": bem('text', {
-          ellipsis: !this.scrollable
+          ellipsis: true
         })
       }, [this.slots() || this.title]);
 
@@ -92,10 +101,11 @@ export default createComponent({
         active: this.isActive,
         disabled: this.disabled
       })],
-      "style": this.style,
       "on": {
         "click": this.onClick
       }
-    }, [this.genText()]);
+    }, [this.slots('prefix'), h("div", {
+      "style": this.style
+    }, [this.genText()]), this.slots('suffix')]);
   }
 });

package/es/tabs/index.css

@@ -1 +1 @@
-.zt2-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 16px;color:rgba(45,75,115,.6);font-size:14px;line-height:20px;cursor:pointer}.zt2-tab--active{color:#2d4b73;font-weight:700;font-size:16px}.zt2-tab--disabled{color:#c8c9cc;cursor:not-allowed}.zt2-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt2-tab__text-wrapper{position:relative}.zt2-tabs{position:relative}.zt2-tabs__wrap{overflow:hidden}.zt2-tabs__wrap--page-top{position:fixed}.zt2-tabs__wrap--content-bottom{top:auto;bottom:0}.zt2-tabs__wrap--scrollable .zt2-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.zt2-tabs__wrap--scrollable .zt2-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt2-tabs__wrap--scrollable .zt2-tabs__nav::-webkit-scrollbar{display:none}.zt2-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;background-color:#f5faff;-webkit-user-select:none;user-select:none}.zt2-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.zt2-tabs__nav--line.zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-tabs__nav--card{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 60px;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;height:32px;background:rgba(45,75,115,.04);box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);border-radius:16px}.zt2-tabs__nav--card .zt2-tab{color:#000}.zt2-tabs__nav--card .zt2-tab.zt2-tab--active{height:24px;color:#fff;font-size:14px;background-image:-webkit-linear-gradient(top,#3cafff 0,#0091fa 100%);background-image:linear-gradient(180deg,#3cafff 0,#0091fa 100%);box-shadow:0 2px 4px 0 rgba(0,145,250,.24);border-radius:14px}.zt2-tabs__nav--card .zt2-tab--disabled{color:#c8c9cc}.zt2-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:12px;height:4px;background-color:#0091fa;border-radius:2px}.zt2-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.zt2-tabs__content--animated{overflow:hidden}.zt2-tabs--line .zt2-tabs__wrap{height:44px}.zt2-tabs--card>.zt2-tabs__wrap{height:32px}
+.zt2-tab{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0 16px;color:rgba(45,75,115,.6);font-size:14px;line-height:20px;cursor:pointer}.zt2-tab--active{color:#2d4b73;font-weight:700;font-size:16px}.zt2-tab--disabled{color:#c8c9cc;cursor:not-allowed}.zt2-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt2-tab__text-wrapper{position:relative}.zt2-tabs{position:relative}.zt2-tabs__wrap{overflow:hidden}.zt2-tabs__wrap--page-top{position:fixed}.zt2-tabs__wrap--content-bottom{top:auto;bottom:0}.zt2-tabs__wrap--scrollable .zt2-tab{-webkit-box-flex:1;-webkit-flex:1 0 auto;flex:1 0 auto;padding:0 12px}.zt2-tabs__wrap--scrollable .zt2-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt2-tabs__wrap--scrollable .zt2-tabs__nav::-webkit-scrollbar{display:none}.zt2-tabs__nav{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;background-color:#f5faff;-webkit-user-select:none;user-select:none}.zt2-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.zt2-tabs__nav--line.zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-tabs__nav--card{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 60px;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;height:32px;background:rgba(45,75,115,.04);box-shadow:inset 4px 4px 8px 0 rgba(45,75,115,.1);border-radius:16px}.zt2-tabs__nav--card .zt2-tab{color:#000}.zt2-tabs__nav--card .zt2-tab.zt2-tab--active{height:24px;color:#fff;font-size:14px;background-image:-webkit-linear-gradient(top,#3cafff 0,#0091fa 100%);background-image:linear-gradient(180deg,#3cafff 0,#0091fa 100%);box-shadow:0 2px 4px 0 rgba(0,145,250,.24);border-radius:14px}.zt2-tabs__nav--card .zt2-tab--disabled{color:#c8c9cc}.zt2-tabs__line{position:absolute;bottom:15px;left:0;z-index:1;width:12px;height:4px;background-color:#0091fa;border-radius:2px}.zt2-tabs__track{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:100%;will-change:left}.zt2-tabs__content--animated{overflow:hidden}.zt2-tabs--line .zt2-tabs__wrap{height:44px}.zt2-tabs--card>.zt2-tabs__wrap{height:32px}

package/es/tabs/index.js

@@ -79,7 +79,7 @@ export default createComponent({
     },
     swipeThreshold: {
       type: [Number, String],
-      default: 5
+      default: 3
     },
     divider: {
       type: Boolean,
@@ -382,6 +382,12 @@ export default createComponent({
         "scopedSlots": {
           default: function _default() {
             return item.slots('title');
+          },
+          prefix: function prefix() {
+            return item.slots('prefix');
+          },
+          suffix: function suffix() {
+            return item.slots('suffix');
           }
         },
         "on": {

package/es/tabs/index.less

@@ -92,7 +92,7 @@
     &--card {
       flex: 1;
       margin: 0 60px;
-      justify-content: space-around;
+      justify-content: flex-start;
       align-items: center;
       box-sizing: border-box;
       height: @tabs-card-height;

package/lib/cascader/index.css

@@ -1 +1 @@
-.zt2-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:44px;padding:0 16px}.zt2-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt2-cascader__tabs .zt2-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt2-cascader__tabs .zt2-tabs__wrap{position:relative;height:44px}.zt2-cascader__tabs .zt2-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cascader__tabs .zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt2-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt2-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:0 16px;font-weight:400;font-size:14px;line-height:44px}.zt2-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt2-cascader__option--selected{color:#0091fa;font-weight:700}.zt2-cascader__selected-icon{font-size:24px}.zt2-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt2-cascader .zt2-tabs__nav{background:#fff}.zt2-cascader .zt2-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}
+.zt2-cascader__header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:44px;padding:0 16px}.zt2-cascader__title{font-weight:700;font-size:14px;line-height:44px;color:rgba(45,75,115,.4)}.zt2-cascader__tabs .zt2-tab{-webkit-box-flex:0;-webkit-flex:none;flex:none;margin:0 8px;padding:0}.zt2-cascader__tabs .zt2-tabs__wrap{position:relative;height:44px}.zt2-cascader__tabs .zt2-tabs__wrap::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cascader__tabs .zt2-tabs__nav--complete{padding-right:8px;padding-left:8px}.zt2-cascader__tab{color:#2d4b73;font-weight:700;font-size:14px;line-height:44px}.zt2-cascader__tab--unselected{color:rgba(45,75,115,.4);font-weight:400}.zt2-cascader__option{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-family:PingFangSC-Regular;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;color:#2d4b73;padding:12px 16px;font-weight:400;font-size:14px;line-height:20px}.zt2-cascader__option:active{background-color:rgba(0,0,0,.04)}.zt2-cascader__option--selected{color:#0091fa;font-weight:700}.zt2-cascader__selected-icon{font-size:24px}.zt2-cascader__options{box-sizing:border-box;height:352px;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt2-cascader .zt2-tabs__nav{background:#fff}.zt2-cascader .zt2-cascader__cancel{margin:8px 16px;width:calc(100% - 32px);background:rgba(45,75,115,.04);border-radius:20.5px}

package/lib/cascader/index.less

@@ -57,10 +57,10 @@
     font-family: PingFangSC-Regular;
     justify-content: space-between;
     color: #2D4B73;
-    padding: 0 @padding-md;
+    padding: @padding-sm @padding-md;
     font-weight: normal;
     font-size: @font-size-md;
-    line-height: 44px;
+    line-height: @line-height-md;
 
     &:active {
       background-color: @active-color;

package/lib/cell/index.css

@@ -1 +1 @@
-.zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}
+.zt2-cell{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:12px 16px;overflow:hidden;color:#2d4b73;font-size:14px;line-height:20px;background-color:transparent}.zt2-cell--noFlex{display:block}.zt2-cell--noFlex .zt2-cell__title{margin-bottom:10px;width:100%;max-width:100%}.zt2-cell--borderless::after,.zt2-cell:last-child::after{display:none}.zt2-cell__label{margin-top:10px;color:#2d4b73;font-size:14px;line-height:18px}.zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18}.zt2-cell__placeholder{color:rgba(45,75,115,.2);-webkit-box-flex:9;-webkit-flex:9;flex:9;text-align:right}.zt2-cell__value{position:relative;overflow:hidden;color:#2d4b73;text-align:right;vertical-align:middle;word-wrap:break-word;border-radius:4px}.zt2-cell__value--alone{text-align:left}.zt2-cell__clear{color:rgba(45,75,115,.6);font-size:20px;width:20px;height:20px;margin:0 4px 0 8px;cursor:pointer;box-sizing:content-box}.zt2-cell__clear:last-child{margin-right:0}.zt2-cell__left-icon,.zt2-cell__right-icon{height:20px;font-size:16px;line-height:20px}.zt2-cell__left-icon{margin-right:4px}.zt2-cell__right-icon{margin:auto 0;margin-left:4px;color:#969799}.zt2-cell--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell--large{padding-top:12px;padding-bottom:12px}.zt2-cell--large .zt2-cell__title{font-size:16px}.zt2-cell--large .zt2-cell__label{font-size:14px}.zt2-cell__direction-row{position:relative;background-color:#fff}.zt2-cell__direction-row::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-cell__direction-row .zt2-cell__title{color:rgba(45,75,115,.8)}.zt2-cell__direction-row:last-child::after{display:none}.zt2-cell__direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:14px;line-height:20px}.zt2-cell__direction-column .zt2-cell__title{margin-bottom:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt2-cell__direction-column .zt2-cell__title-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zt2-cell__direction-column .zt2-cell__title-subtitle{display:-webkit-box;display:-webkit-flex;display:flex;white-space:nowrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-box-flex:1;-webkit-flex:1;flex:1;opacity:.4}.zt2-cell__direction-column .zt2-cell__value{display:-webkit-box;display:-webkit-flex;display:flex;text-align:left;min-height:44px;padding:12px;box-sizing:border-box;background-color:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zt2-cell__direction-column .zt2-cell__value .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.zt2-cell__direction-column .zt2-cell__value-content{-webkit-box-flex:18;-webkit-flex:18;flex:18;word-break:break-all}.zt2-cell__clickable{cursor:pointer}.zt2-cell__clickable:active{background-color:rgba(0,0,0,.04)}

package/lib/cell/index.js

@@ -5,10 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _utils = require("../utils");
 
 var _functional = require("../utils/functional");
@@ -17,8 +17,12 @@ var _router = require("../utils/router");
 
 var _shared = require("./shared");
 
+var _event = require("../utils/dom/event");
+
 var _icon = _interopRequireDefault(require("../icon"));
 
+var _ClearIcon = _interopRequireDefault(require("../field/ClearIcon"));
+
 // Utils
 // Components
 var _createNamespace = (0, _utils.createNamespace)('cell'),
@@ -124,17 +128,43 @@ function Cell(h, props, slots, ctx) {
     }
   }
 
+  function onClear(event) {
+    (0, _event.preventDefault)(event, true);
+    (0, _functional.emit)(ctx, 'clear', event);
+  }
+
+  function renderClearIcon() {
+    var clearIconWrapEvent = {
+      click: onClear
+    }; // 根据环境只监听一种事件，防止某些click模拟touch事件触发两次
+
+    if ('ontouchstart' in document.documentElement) {
+      clearIconWrapEvent = {
+        touchstart: onClear
+      };
+    }
+
+    return h("div", {
+      "class": bem('clear'),
+      "on": (0, _extends2.default)({}, clearIconWrapEvent)
+    }, [h(_ClearIcon.default)]);
+  }
+
   function Value() {
     var showValue = slots.default || (0, _utils.isDef)(value) || clickable || slots['right-icon'];
+    var hasValue = (0, _utils.isDef)(value) && value !== '';
+    var showClearIcon = hasValue && props.clearable;
 
     if (showValue) {
       return h("div", {
         "class": [bem('value', {
           alone: !showTitle
-        }), props.valueClass, direction === 'column' && clickable ? bem('clickable') : '']
+        }), props.valueClass, direction === 'column' && clickable ? bem('clickable', {
+          clearIcon: showClearIcon
+        }) : '']
       }, [slots.default ? slots.default() : value !== "" ? h("span", {
         "class": bem('value-content')
-      }, [value]) : PlaceholderSpan(), slots.extra == null ? void 0 : slots.extra(), RightIcon()]);
+      }, [value]) : PlaceholderSpan(), showClearIcon ? renderClearIcon() : null, slots.extra == null ? void 0 : slots.extra(), RightIcon()]);
     } else {
       return PlaceholderSpan();
     }

package/lib/cell/index.less

@@ -45,7 +45,6 @@
     &-content {
       flex: 18;
     }
-
   }
 
   &__placeholder {
@@ -69,6 +68,19 @@
     }
   }
 
+  &__clear {
+    color: @cell-clear-icon-color;
+    font-size: @cell-clear-icon-size;
+    width: @cell-clear-icon-size;
+    height: @cell-clear-icon-size;
+    margin: 0 @padding-base 0 @padding-xs;
+    cursor: pointer;
+    box-sizing: content-box;
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+
   &__left-icon,
   &__right-icon {
     height: @cell-line-height;
@@ -86,8 +98,6 @@
     color: @cell-right-icon-color;
   }
 
-
-
   &--center {
     align-items: center;
   }
@@ -114,7 +124,7 @@
     .hairline-bottom(@cell-border-color, @padding-md);
   }
   .@{base-prefix}-cell__title {
-    color: rgba(45,75,115,0.80);
+    color: rgba(45, 75, 115, 0.8);
   }
 
   &:last-child::after {
@@ -164,7 +174,6 @@
   }
 }
 
-
 .@{base-prefix}-cell__clickable {
   cursor: pointer;
   &:active {

package/lib/cell/shared.js

@@ -20,6 +20,7 @@ var cellProps = {
   arrowDirection: String,
   direction: String,
   subtitle: String,
+  clearable: Boolean,
   border: {
     type: Boolean,
     default: true
@@ -30,7 +31,7 @@ var cellProps = {
   },
   placeholder: {
     type: String,
-    value: ""
+    value: ''
   }
 };
 exports.cellProps = cellProps;

package/lib/cell/style/index.js

@@ -1,4 +1,5 @@
 require('../../style/base.css');
 require('../../info/index.css');
 require('../../icon/index.css');
+require('../../field/index.css');
 require('../index.css');

package/lib/cell/style/less.js

@@ -1,4 +1,5 @@
 require('../../style/base.less');
 require('../../info/index.less');
 require('../../icon/index.less');
+require('../../field/index.less');
 require('../index.less');

package/lib/collapse-item/style/index.js

@@ -2,4 +2,5 @@ require('../../style/base.css');
 require('../../info/index.css');
 require('../../icon/index.css');
 require('../../cell/index.css');
+require('../../field/index.css');
 require('../index.css');

package/lib/collapse-item/style/less.js

@@ -2,4 +2,5 @@ require('../../style/base.less');
 require('../../info/index.less');
 require('../../icon/index.less');
 require('../../cell/index.less');
+require('../../field/index.less');
 require('../index.less');

package/lib/dropdown-item/style/index.js

@@ -3,6 +3,7 @@ require('../../overlay/index.css');
 require('../../info/index.css');
 require('../../icon/index.css');
 require('../../checkbox/index.css');
-require('../../cell/index.css');
 require('../../popup/index.css');
+require('../../cell/index.css');
+require('../../field/index.css');
 require('../index.css');

package/lib/dropdown-item/style/less.js

@@ -3,6 +3,7 @@ require('../../overlay/index.less');
 require('../../info/index.less');
 require('../../icon/index.less');
 require('../../checkbox/index.less');
-require('../../cell/index.less');
 require('../../popup/index.less');
+require('../../cell/index.less');
+require('../../field/index.less');
 require('../index.less');