zartui 2.1.6 → 2.1.7

package/es/grid-item/index.js

@@ -1,18 +1,19 @@
+import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { route, routeProps } from '../utils/router'; // Mixins
+import { route, routeProps } from '../utils/router';
 
-import { ChildrenMixin } from '../mixins/relation'; // Components
+// Mixins
+import { ChildrenMixin } from '../mixins/relation';
 
+// Components
 import Info from '../info';
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('grid-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   mixins: [ChildrenMixin('ztGrid')],
   props: _extends({}, routeProps, {
@@ -27,32 +28,28 @@ export default createComponent({
   computed: {
     style: function style() {
       var _this$parent = this.parent,
-          square = _this$parent.square,
-          gutter = _this$parent.gutter,
-          columnNum = _this$parent.columnNum;
+        square = _this$parent.square,
+        gutter = _this$parent.gutter,
+        columnNum = _this$parent.columnNum;
       var percent = 100 / columnNum + "%";
       var style = {
         flexBasis: percent
       };
-
       if (square) {
         style.paddingTop = percent;
       } else if (gutter) {
         var gutterValue = addUnit(gutter);
         style.paddingRight = gutterValue;
-
         if (this.index >= columnNum) {
           style.marginTop = gutterValue;
         }
       }
-
       return style;
     },
     contentStyle: function contentStyle() {
       var _this$parent2 = this.parent,
-          square = _this$parent2.square,
-          gutter = _this$parent2.gutter;
-
+        square = _this$parent2.square,
+        gutter = _this$parent2.gutter;
       if (square && gutter) {
         var gutterValue = addUnit(gutter);
         return {
@@ -70,15 +67,12 @@ export default createComponent({
     },
     genIcon: function genIcon() {
       var _this$badge;
-
       var h = this.$createElement;
       var iconSlot = this.slots('icon');
       var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
-
       if (process.env.NODE_ENV === 'development' && this.info) {
         console.warn('[Zart] GridItem: "info" prop is deprecated, use "badge" prop instead.');
       }
-
       if (iconSlot) {
         return h("div", {
           "class": bem('icon-wrapper')
@@ -89,7 +83,6 @@ export default createComponent({
           }
         })]);
       }
-
       if (this.icon) {
         return h(Icon, {
           "attrs": {
@@ -106,11 +99,9 @@ export default createComponent({
     getText: function getText() {
       var h = this.$createElement;
       var textSlot = this.slots('text');
-
       if (textSlot) {
         return textSlot;
       }
-
       if (this.text) {
         return h("span", {
           "class": bem('text')
@@ -119,25 +110,22 @@ export default createComponent({
     },
     genContent: function genContent() {
       var slot = this.slots();
-
       if (slot) {
         return slot;
       }
-
       return [this.genIcon(), this.getText()];
     }
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     var _this$parent3 = this.parent,
-        center = _this$parent3.center,
-        border = _this$parent3.border,
-        square = _this$parent3.square,
-        gutter = _this$parent3.gutter,
-        direction = _this$parent3.direction,
-        clickable = _this$parent3.clickable;
+      center = _this$parent3.center,
+      border = _this$parent3.border,
+      square = _this$parent3.square,
+      gutter = _this$parent3.gutter,
+      direction = _this$parent3.direction,
+      clickable = _this$parent3.clickable;
     return h("div", {
       "class": [bem({
         square: square

package/es/hierarchy-select/breadcrumb.js

@@ -1,11 +1,9 @@
 // Utils
 import { createNamespace } from '../utils';
 import Icon from "../icon";
-
 var _createNamespace = createNamespace('hierarchy-select-breadcrumb'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     data: {
@@ -32,13 +30,11 @@ export default createComponent({
       if (this.data.length === index + 1) {
         return;
       }
-
       this.$emit("chooseSenior", index);
     }
   },
   render: function render() {
     var _this = this;
-
     var h = arguments[0];
     return h("section", {
       "class": bem()

package/es/hierarchy-select/index.js

@@ -5,14 +5,12 @@ import Breadcrumb from "./breadcrumb";
 import MarkList from "./markList";
 import Loading from '../loading';
 import Toast from '../toast';
-
 var _createNamespace = createNamespace('hierarchy-select'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function pickSlots(instance, keys) {
   var $slots = instance.$slots,
-      $scopedSlots = instance.$scopedSlots;
+    $scopedSlots = instance.$scopedSlots;
   var scopedSlots = {};
   keys.forEach(function (key) {
     if ($scopedSlots[key]) {
@@ -25,7 +23,6 @@ function pickSlots(instance, keys) {
   });
   return scopedSlots;
 }
-
 export default createComponent({
   props: {
     treeData: {
@@ -79,10 +76,8 @@ export default createComponent({
   methods: {
     clickNext: function clickNext(obj) {
       var _this = this;
-
       var item = obj.item,
-          index = obj.index;
-
+        index = obj.index;
       if (item.children && item.children.length) {
         this.historyLayers.push(this.dataList);
         this.breadcrumbData.push(item);
@@ -91,23 +86,18 @@ export default createComponent({
         this.loading = true;
         this.asyncGetter(item[this.valueKey]).then(function (list) {
           _this.loading = false;
-
           if (!list || list.length === 0) {
             Toast("无下级数据");
             _this.dataList[index].children = _this.autoChangeToChildren ? undefined : [];
             return;
           }
-
           _this.historyLayers.push(_this.dataList);
-
           _this.breadcrumbData.push(item);
-
           _this.dataList = list;
         }).catch(function () {
           _this.loading = false;
         });
       }
-
       this.$emit('clickNext', {
         item: item,
         index: index
@@ -118,11 +108,19 @@ export default createComponent({
     },
     chooseSenior: function chooseSenior(index) {
       this.breadcrumbData.splice(index + 1);
-      this.dataList = this.historyLayers[index + 1];
+      if (this.historyLayers.length > 0) {
+        this.dataList = this.historyLayers[index + 1];
+      } else {
+        this.dataList = deepClone(this.treeData);
+      }
       this.historyLayers.splice(index + 1);
     },
     change: function change(item) {
       this.$emit("change", item);
+    },
+    reset: function reset() {
+      this.chooseSenior(-1);
+      this.$refs.markList.reset();
     }
   },
   render: function render(h) {

package/es/hierarchy-select/markList.js

@@ -3,11 +3,9 @@ import { createNamespace } from '../utils';
 import SubIcon from './svg/SubIcon';
 import Icon from "../icon";
 import { deepClone } from '../utils/deep-clone';
-
 var _createNamespace = createNamespace('hierarchy-mark-list'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     dataList: {
@@ -49,11 +47,9 @@ export default createComponent({
       if (item.disable) {
         return;
       }
-
       if (this.getChecked(item)) {
         return;
       }
-
       this.$emit('clickNext', {
         item: item,
         index: index
@@ -63,11 +59,9 @@ export default createComponent({
       if (!this.autoChangeToChildren && this.disableParent && item.children) {
         return true;
       }
-
       if (this.asyncGetter && this.disableParent && item.children) {
         return true;
       }
-
       if (!this.asyncGetter && this.disableParent && item.children && item.children.length) {
         return true;
       }
@@ -76,12 +70,10 @@ export default createComponent({
       if (item.disable || this.isDisabled(item)) {
         return;
       }
-
       if (this.multiple) {
         this.multipleClicked(item);
         return;
       }
-
       this.choosedValue = item[this.valueKey];
       this.$emit('selected', item);
     },
@@ -96,39 +88,31 @@ export default createComponent({
     },
     getChecked: function getChecked(item) {
       var _this = this;
-
       if (this.checkedList && this.checkedList.length && this.checkedList.map(function (v) {
         return v[_this.valueKey];
       }).indexOf(item[this.valueKey]) > -1) {
         return true;
       }
-
       return false;
     },
     multipleClicked: function multipleClicked(item) {
       var _this2 = this;
-
       if (item.disable || this.isDisabled(item)) {
         return;
       }
-
       item = deepClone(item);
-
       if (this.checkedList && this.checkedList.length) {
         var existed = false;
         this.checkedList.forEach(function (v, i) {
           if (item[_this2.valueKey] === v[_this2.valueKey]) {
             existed = true;
-
             _this2.checkedList.splice(i, 1);
           }
         });
-
         if (!existed) {
           if (item.children && item.children.length) {
             this.uncheckedChildren(item.children);
           }
-
           delete item.children;
           this.checkedList.push(item);
         }
@@ -137,17 +121,14 @@ export default createComponent({
         delete item.children;
         this.checkedList.push(item);
       }
-
       this.$forceUpdate();
       this.$emit('change', this.checkedList);
     },
     uncheckedChildren: function uncheckedChildren(array) {
       var _this3 = this;
-
       // 父节点被选中后，子节点取消选中
-      var unchecked = function unchecked(list) {
+      var _unchecked = function unchecked(list) {
         var len = _this3.checkedList.length;
-
         var _loop = function _loop(index) {
           list.forEach(function (v) {
             if (_this3.checkedList[index][_this3.valueKey] === v[_this3.valueKey]) {
@@ -155,19 +136,16 @@ export default createComponent({
             }
           });
         };
-
         for (var index = len - 1; index > -1; index--) {
           _loop(index);
         }
-
         list.forEach(function (v) {
           if (v && v.children && v.children.length) {
-            unchecked(v.children);
+            _unchecked(v.children);
           }
         });
       };
-
-      unchecked(array);
+      _unchecked(array);
     },
     renderNode: function renderNode(item) {
       var defaultNode = item[this.textKey];
@@ -177,17 +155,18 @@ export default createComponent({
       var leafSlot = this.slots('leaf', {
         item: item
       });
-
       if (item && item.children) {
         return foldeSlot || defaultNode;
       }
-
       return leafSlot || defaultNode;
+    },
+    reset: function reset() {
+      this.checkedList = [];
+      this.choosedValue = "";
     }
   },
   render: function render(h) {
     var _this4 = this;
-
     return h("div", {
       "class": bem()
     }, [this.dataList.map(function (item, index) {

package/es/hierarchy-select/svg/SubIcon.js

@@ -1,7 +1,6 @@
 export default {
   render: function render() {
     var _attrs;
-
     var h = arguments[0];
     return h("svg", {
       "attrs": (_attrs = {

package/es/icon/index.js

@@ -1,39 +1,36 @@
 import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
 // Utils
 import { createNamespace, addUnit } from '../utils';
-import { inherit } from '../utils/functional'; // Components
+import { inherit } from '../utils/functional';
 
-import Info from '../info'; // Types
+// Components
+import Info from '../info';
 
-var _createNamespace = createNamespace('icon'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
+// Types
 
+var _createNamespace = createNamespace('icon'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function isImage(name) {
   return name ? name.indexOf('/') !== -1 : false;
-} // compatible with legacy usage, should be removed in next major version
-
+}
 
+// compatible with legacy usage, should be removed in next major version
 var LEGACY_MAP = {
   medel: 'medal',
   'medel-o': 'medal-o',
   'calender-o': 'calendar-o'
 };
-
 function correctName(name) {
   return name && LEGACY_MAP[name] || name;
 }
-
 function Icon(h, props, slots, ctx) {
   var _props$badge;
-
   var name = correctName(props.name);
   var imageIcon = isImage(name);
-
   if (process.env.NODE_ENV === 'development' && props.info) {
     console.warn('[Zart] Icon: "info" prop is deprecated, use "badge" prop instead.');
   }
-
   return h(props.tag, _mergeJSXProps([{
     "class": [props.classPrefix, imageIcon ? '' : props.classPrefix + "-" + name],
     "style": {
@@ -52,7 +49,6 @@ function Icon(h, props, slots, ctx) {
     }
   })]);
 }
-
 Icon.props = {
   dot: Boolean,
   name: String,

package/es/image/index.js

@@ -1,12 +1,9 @@
-import _mergeJSXProps2 from "@vue/babel-helper-vue-jsx-merge-props";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
+import _mergeJSXProps, { default as _mergeJSXProps2 } from "@vue/babel-helper-vue-jsx-merge-props";
 import { createNamespace, isDef, addUnit, inBrowser } from '../utils';
 import Icon from '../icon';
-
 var _createNamespace = createNamespace('image'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 export default createComponent({
   props: {
     src: String,
@@ -50,26 +47,21 @@ export default createComponent({
   computed: {
     style: function style() {
       var style = {};
-
       if (isDef(this.width)) {
         style.width = addUnit(this.width);
       }
-
       if (isDef(this.height)) {
         style.height = addUnit(this.height);
       }
-
       if (isDef(this.radius)) {
         style.overflow = 'hidden';
         style.borderRadius = addUnit(this.radius);
       }
-
       return style;
     }
   },
   created: function created() {
     var $Lazyload = this.$Lazyload;
-
     if ($Lazyload && inBrowser) {
       $Lazyload.$on('loaded', this.onLazyLoaded);
       $Lazyload.$on('error', this.onLazyLoadError);
@@ -77,7 +69,6 @@ export default createComponent({
   },
   beforeDestroy: function beforeDestroy() {
     var $Lazyload = this.$Lazyload;
-
     if ($Lazyload) {
       $Lazyload.$off('loaded', this.onLazyLoaded);
       $Lazyload.$off('error', this.onLazyLoadError);
@@ -90,14 +81,12 @@ export default createComponent({
     },
     onLazyLoaded: function onLazyLoaded(_ref) {
       var el = _ref.el;
-
       if (el === this.$refs.image && this.loading) {
         this.onLoad();
       }
     },
     onLazyLoadError: function onLazyLoadError(_ref2) {
       var el = _ref2.el;
-
       if (el === this.$refs.image && !this.error) {
         this.onError();
       }
@@ -112,7 +101,6 @@ export default createComponent({
     },
     genPlaceholder: function genPlaceholder() {
       var h = this.$createElement;
-
       if (this.loading && this.showLoading) {
         return h("div", {
           "class": bem('loading')
@@ -124,7 +112,6 @@ export default createComponent({
           "class": bem('loading-icon')
         })]);
       }
-
       if (this.error && this.showError) {
         return h("div", {
           "class": bem('error')
@@ -148,11 +135,9 @@ export default createComponent({
           objectFit: this.fit
         }
       };
-
       if (this.error) {
         return;
       }
-
       if (this.lazyLoad) {
         return h("img", _mergeJSXProps([{
           "ref": "image",
@@ -162,7 +147,6 @@ export default createComponent({
           }]
         }, imgData]));
       }
-
       return h("img", _mergeJSXProps2([{
         "attrs": {
           "src": this.src

package/es/image-preview/ImagePreview.js

@@ -1,10 +1,12 @@
 // Utils
-import { bem, createComponent } from './shared'; // Mixins
+import { bem, createComponent } from './shared';
 
+// Mixins
 import { PopupMixin } from '../mixins/popup';
 import { TouchMixin } from '../mixins/touch';
-import { BindEventMixin } from '../mixins/bind-event'; // Components
+import { BindEventMixin } from '../mixins/bind-event';
 
+// Components
 import Icon from '../icon';
 import Swipe from '../swipe';
 import ImagePreviewItem from './ImagePreviewItem';
@@ -90,12 +92,10 @@ export default createComponent({
     startPosition: 'setActive',
     value: function value(val) {
       var _this = this;
-
       if (val) {
         this.setActive(+this.startPosition);
         this.$nextTick(function () {
           _this.resize();
-
           _this.$refs.swipe.swipeTo(+_this.startPosition, {
             immediate: true
           });
@@ -129,7 +129,6 @@ export default createComponent({
     },
     genIndex: function genIndex() {
       var h = this.$createElement;
-
       if (this.showIndex) {
         return h("div", {
           "class": bem('index')
@@ -141,7 +140,6 @@ export default createComponent({
     genCover: function genCover() {
       var h = this.$createElement;
       var cover = this.slots('cover');
-
       if (cover) {
         return h("div", {
           "class": bem('cover')
@@ -150,7 +148,6 @@ export default createComponent({
     },
     genImages: function genImages() {
       var _this2 = this;
-
       var h = this.$createElement;
       return h(Swipe, {
         "ref": "swipe",
@@ -186,7 +183,6 @@ export default createComponent({
     },
     genClose: function genClose() {
       var h = this.$createElement;
-
       if (this.closeable) {
         return h(Icon, {
           "attrs": {