zartui 2.0.89 → 2.0.90

package/es/index.js

@@ -75,7 +75,7 @@ import TextEllipsis from './text-ellipsis';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.89';
+var version = '2.0.90';
 
 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, TextEllipsis, Timeline, Toast, Uploader];

package/es/tabs/Title.js

@@ -17,11 +17,17 @@ export default createComponent({
     scrollable: Boolean,
     activeColor: String,
     inactiveColor: String,
+    setLine: Function,
     maxWidth: {
       type: String,
       default: '112px'
     }
   },
+  data: function data() {
+    return {
+      mutationObserver: null
+    };
+  },
   computed: {
     style: function style() {
       var style = {};
@@ -88,11 +94,30 @@ export default createComponent({
       }
 
       return Text;
+    },
+    mutation: function mutation() {
+      this.setLine();
+    }
+  },
+  mounted: function mounted() {
+    if (!this.$refs.dom) {
+      return;
     }
+
+    this.mutationObserver = new MutationObserver(this.mutation);
+    this.mutationObserver.observe(this.$refs.dom, {
+      characterData: true,
+      childList: true,
+      subtree: true
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.mutationObserver && this.mutationObserver.unobserve(this.$refs.dom);
   },
   render: function render() {
     var h = arguments[0];
     return h("div", {
+      "ref": "dom",
       "attrs": {
         "role": "tab",
         "aria-selected": this.isActive

package/es/tabs/index.js

@@ -375,7 +375,8 @@ export default createComponent({
           "disabled": item.disabled,
           "scrollable": scrollable,
           "activeColor": _this8.titleActiveColor,
-          "inactiveColor": _this8.titleInactiveColor
+          "inactiveColor": _this8.titleInactiveColor,
+          "setLine": _this8.setLine
         },
         "style": item.titleStyle,
         "class": item.titleClass,
@@ -398,11 +399,11 @@ export default createComponent({
       });
     });
     var wrapStyle = {
-      borderBottom: "none"
+      borderBottom: 'none'
     };
 
     if (type !== 'card' && this.divider) {
-      wrapStyle.borderBottom = "1px solid #eee";
+      wrapStyle.borderBottom = '1px solid #eee';
     }
 
     var Wrap = h("div", {

package/lib/index.js

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

package/lib/tabs/Title.js

@@ -25,11 +25,17 @@ var _default = createComponent({
     scrollable: Boolean,
     activeColor: String,
     inactiveColor: String,
+    setLine: Function,
     maxWidth: {
       type: String,
       default: '112px'
     }
   },
+  data: function data() {
+    return {
+      mutationObserver: null
+    };
+  },
   computed: {
     style: function style() {
       var style = {};
@@ -96,11 +102,30 @@ var _default = createComponent({
       }
 
       return Text;
+    },
+    mutation: function mutation() {
+      this.setLine();
+    }
+  },
+  mounted: function mounted() {
+    if (!this.$refs.dom) {
+      return;
     }
+
+    this.mutationObserver = new MutationObserver(this.mutation);
+    this.mutationObserver.observe(this.$refs.dom, {
+      characterData: true,
+      childList: true,
+      subtree: true
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.mutationObserver && this.mutationObserver.unobserve(this.$refs.dom);
   },
   render: function render() {
     var h = arguments[0];
     return h("div", {
+      "ref": "dom",
       "attrs": {
         "role": "tab",
         "aria-selected": this.isActive

package/lib/tabs/index.js

@@ -395,7 +395,8 @@ var _default2 = createComponent({
           "disabled": item.disabled,
           "scrollable": scrollable,
           "activeColor": _this8.titleActiveColor,
-          "inactiveColor": _this8.titleInactiveColor
+          "inactiveColor": _this8.titleInactiveColor,
+          "setLine": _this8.setLine
         },
         "style": item.titleStyle,
         "class": item.titleClass,
@@ -418,11 +419,11 @@ var _default2 = createComponent({
       });
     });
     var wrapStyle = {
-      borderBottom: "none"
+      borderBottom: 'none'
     };
 
     if (type !== 'card' && this.divider) {
-      wrapStyle.borderBottom = "1px solid #eee";
+      wrapStyle.borderBottom = '1px solid #eee';
     }
 
     var Wrap = h("div", {

package/lib/zart.js

@@ -7803,11 +7803,17 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
     scrollable: Boolean,
     activeColor: String,
     inactiveColor: String,
+    setLine: Function,
     maxWidth: {
       type: String,
       default: '112px'
     }
   },
+  data: function data() {
+    return {
+      mutationObserver: null
+    };
+  },
   computed: {
     style: function style() {
       var style = {};
@@ -7874,11 +7880,30 @@ var Title_createNamespace = Object(utils["b" /* createNamespace */])('tab'),
       }
 
       return Text;
+    },
+    mutation: function mutation() {
+      this.setLine();
+    }
+  },
+  mounted: function mounted() {
+    if (!this.$refs.dom) {
+      return;
     }
+
+    this.mutationObserver = new MutationObserver(this.mutation);
+    this.mutationObserver.observe(this.$refs.dom, {
+      characterData: true,
+      childList: true,
+      subtree: true
+    });
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.mutationObserver && this.mutationObserver.unobserve(this.$refs.dom);
   },
   render: function render() {
     var h = arguments[0];
     return h("div", {
+      "ref": "dom",
       "attrs": {
         "role": "tab",
         "aria-selected": this.isActive
@@ -8692,7 +8717,8 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
           "disabled": item.disabled,
           "scrollable": scrollable,
           "activeColor": _this8.titleActiveColor,
-          "inactiveColor": _this8.titleInactiveColor
+          "inactiveColor": _this8.titleInactiveColor,
+          "setLine": _this8.setLine
         },
         "style": item.titleStyle,
         "class": item.titleClass,
@@ -8715,11 +8741,11 @@ var tabs_createNamespace = Object(utils["b" /* createNamespace */])('tabs'),
       });
     });
     var wrapStyle = {
-      borderBottom: "none"
+      borderBottom: 'none'
     };
 
     if (type !== 'card' && this.divider) {
-      wrapStyle.borderBottom = "1px solid #eee";
+      wrapStyle.borderBottom = '1px solid #eee';
     }
 
     var Wrap = h("div", {
@@ -34756,7 +34782,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.0.89';
+var version = '2.0.90';
 
 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, text_ellipsis, timeline, es_toast, uploader];