zartui 2.0.63 → 2.0.64

package/lib/index.js

@@ -309,7 +309,7 @@ exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '2.0.63';
+var version = '2.0.64';
 exports.version = version;
 
 function install(Vue) {

package/lib/tabs/Title.js

@@ -58,6 +58,15 @@ var _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;
@@ -71,7 +80,7 @@ var _default = createComponent({
       var h = this.$createElement;
       var Text = h("span", {
         "class": bem('text', {
-          ellipsis: !this.scrollable
+          ellipsis: true
         })
       }, [this.slots() || this.title]);
 
@@ -100,11 +109,12 @@ var _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/lib/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/lib/tabs/index.js

@@ -99,7 +99,7 @@ var _default2 = createComponent({
     },
     swipeThreshold: {
       type: [Number, String],
-      default: 5
+      default: 3
     },
     divider: {
       type: Boolean,
@@ -402,6 +402,12 @@ var _default2 = 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/lib/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/zart.js

@@ -7175,6 +7175,15 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
 
       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;
@@ -7188,7 +7197,7 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
       var h = this.$createElement;
       var Text = h("span", {
         "class": Title_bem('text', {
-          ellipsis: !this.scrollable
+          ellipsis: true
         })
       }, [this.slots() || this.title]);
 
@@ -7217,11 +7226,12 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
         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')]);
   }
 }));
 // CONCATENATED MODULE: ./es/sticky/index.js
@@ -7725,7 +7735,7 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
     },
     swipeThreshold: {
       type: [Number, String],
-      default: 5
+      default: 3
     },
     divider: {
       type: Boolean,
@@ -8028,6 +8038,12 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
         "scopedSlots": {
           default: function _default() {
             return item.slots('title');
+          },
+          prefix: function prefix() {
+            return item.slots('prefix');
+          },
+          suffix: function suffix() {
+            return item.slots('suffix');
           }
         },
         "on": {
@@ -30732,7 +30748,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.0.63';
+var version = '2.0.64';
 
 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, es_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];