zartui 2.0.63 → 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/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.63';
+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/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;