zartui 2.0.79 → 2.0.80-beta.1

package/lib/tag/index.js

@@ -1,37 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
 var _utils = require("../utils");
-
 var _functional = require("../utils/functional");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 // Utils
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('tag'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+// Types
+
+var _createNamespace = (0, _utils.createNamespace)('tag'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 function Tag(h, props, slots, ctx) {
   var _style;
-
   var type = props.type,
-      mark = props.mark,
-      plain = props.plain,
-      color = props.color,
-      round = props.round,
-      size = props.size,
-      textColor = props.textColor;
+    mark = props.mark,
+    plain = props.plain,
+    color = props.color,
+    round = props.round,
+    size = props.size,
+    textColor = props.textColor;
   var key = plain ? 'color' : 'backgroundColor';
   var style = (_style = {}, _style[key] = color, _style);
-
   if (plain) {
     style.color = textColor || color;
     style.borderColor = color;
@@ -39,17 +34,14 @@ function Tag(h, props, slots, ctx) {
     style.color = textColor;
     style.background = color;
   }
-
   var classes = {
     mark: mark,
     plain: plain,
     round: round
   };
-
   if (size) {
     classes[size] = size;
   }
-
   var CloseIcon = props.closeable && h(_icon.default, {
     "attrs": {
       "name": "cross"
@@ -72,7 +64,6 @@ function Tag(h, props, slots, ctx) {
     "class": bem([classes, type])
   }, (0, _functional.inherit)(ctx, true)]), [slots.default == null ? void 0 : slots.default(), CloseIcon])]);
 }
-
 Tag.props = {
   size: String,
   mark: Boolean,
@@ -86,7 +77,5 @@ Tag.props = {
     default: 'default'
   }
 };
-
 var _default = createComponent(Tag);
-
 exports.default = _default;

package/lib/timeline/index.js

@@ -1,31 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _utils = require("../utils");
-
 var _constant = require("../utils/constant");
-
 var _switch = _interopRequireDefault(require("../switch"));
-
 var _mediaPicker = _interopRequireDefault(require("../media-picker"));
-
 var _createNamespace = (0, _utils.createNamespace)('timeline'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var defaultData = function defaultData() {
   return {
     isFold: false,
     computedProcesses: []
   };
 };
-
 var _default2 = createComponent({
   props: {
     title: {
@@ -93,33 +84,28 @@ var _default2 = createComponent({
     },
     genProcesses: function genProcesses() {
       var _this = this;
-
       if (this.isFold) {
         var showProcesses = this.computedProcesses.slice(0, this.collapseCount);
         return showProcesses.map(function (item, index) {
           return _this.genProcessItem(item, index === showProcesses.length - 1);
         });
       }
-
       return this.computedProcesses.map(function (item, index) {
         return _this.genProcessItem(item, index === _this.computedProcesses.length - 1);
       });
     },
     genAvatar: function genAvatar(item, avatarSlot) {
       var h = this.$createElement;
-
       if (avatarSlot) {
         return h("div", {
           "class": bem("avatar-box") + " half-border"
         }, [avatarSlot]);
       }
-
       if (this.dot) {
         return h("div", {
           "class": bem('dot')
         });
       }
-
       return h("div", {
         "class": bem("avatar-box" + " half-border")
       }, [item.avatar ? h("img", {
@@ -140,13 +126,11 @@ var _default2 = createComponent({
     },
     genTitle: function genTitle(item, titleSlot) {
       var h = this.$createElement;
-
       if (titleSlot) {
         return h("div", {
           "class": bem("title-box")
         }, [titleSlot]);
       }
-
       return h("div", {
         "class": bem("title-box")
       }, [h("span", {
@@ -157,13 +141,11 @@ var _default2 = createComponent({
     },
     genHuman: function genHuman(item, humanSlot) {
       var h = this.$createElement;
-
       if (humanSlot) {
         return h("div", {
           "class": bem("human-box") + " half-border-bottom"
         }, [humanSlot]);
       }
-
       return h("div", {
         "directives": [{
           name: "show",
@@ -186,13 +168,11 @@ var _default2 = createComponent({
     },
     genContent: function genContent(item, contentSlot) {
       var h = this.$createElement;
-
       if (contentSlot) {
         return h("div", {
           "class": bem("content-box") + " half-border-bottom"
         }, [contentSlot]);
       }
-
       return h("div", {
         "class": bem("content-box" + " half-border-bottom")
       }, [h("div", {
@@ -221,13 +201,11 @@ var _default2 = createComponent({
     },
     genOpinion: function genOpinion(item, opinionSlot) {
       var h = this.$createElement;
-
       if (opinionSlot) {
         return h("div", {
           "class": bem("opinion-box")
         }, [opinionSlot]);
       }
-
       return h("div", {
         "class": bem("opinion-box")
       }, [h("div", {
@@ -252,7 +230,6 @@ var _default2 = createComponent({
     },
     genProcessItem: function genProcessItem(item, isLast) {
       var _item$fileList;
-
       var h = this.$createElement;
       var avatarSlot = this.slots("avatar", item);
       var titleSlot = this.slots("title", item);
@@ -260,15 +237,12 @@ var _default2 = createComponent({
       var opinionSlot = this.slots("opinion", item);
       var humanSlot = this.slots("human", item);
       var that = this;
-
       function itemClicked() {
         if (!that.enableSingleFold) {
           return;
         }
-
         item.folded = !item.folded;
       }
-
       return h("div", {
         "class": bem("item") + (" " + (isLast ? "last-item" : "")),
         "on": {
@@ -286,16 +260,13 @@ var _default2 = createComponent({
     },
     genTopBar: function genTopBar() {
       var _this2 = this;
-
       var h = this.$createElement;
       var topBarSlot = this.slots("top-bar");
-
       if (topBarSlot) {
         return h("div", {
           "class": [bem('top-bar'), _constant.BORDER_BOTTOM]
         }, [topBarSlot]);
       }
-
       return h("div", {
         "directives": [{
           name: "show",
@@ -339,5 +310,4 @@ var _default2 = createComponent({
     }, [processes]) : h()]);
   }
 });
-
 exports.default = _default2;

package/lib/toast/Toast.js

@@ -1,31 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _lockClick = require("./lock-click");
-
 var _popup = require("../mixins/popup");
-
 var _icon = _interopRequireDefault(require("../icon"));
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _SuccessIcon = _interopRequireDefault(require("./svg/SuccessIcon"));
-
 var _WarnIcon = _interopRequireDefault(require("./svg/WarnIcon"));
-
 // Utils
+
 // Mixins
+
 // Components
-var _createNamespace = (0, _utils.createNamespace)('toast'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
 
+var _createNamespace = (0, _utils.createNamespace)('toast'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
 var _default = createComponent({
   mixins: [(0, _popup.PopupMixin)()],
   props: {
@@ -76,17 +69,13 @@ var _default = createComponent({
     },
     toggleClickable: function toggleClickable() {
       var clickable = this.value && this.forbidClick;
-
       if (this.clickable !== clickable) {
         this.clickable = clickable;
         (0, _lockClick.lockClick)(clickable);
       }
     },
-
-    /* istanbul ignore next */
-    onAfterEnter: function onAfterEnter() {
+    /* istanbul ignore next */onAfterEnter: function onAfterEnter() {
       this.$emit('opened');
-
       if (this.onOpened) {
         this.onOpened();
       }
@@ -97,10 +86,9 @@ var _default = createComponent({
     genIcon: function genIcon() {
       var h = this.$createElement;
       var icon = this.icon,
-          type = this.type,
-          iconPrefix = this.iconPrefix,
-          loadingType = this.loadingType;
-
+        type = this.type,
+        iconPrefix = this.iconPrefix,
+        loadingType = this.loadingType;
       if (icon) {
         return h(_icon.default, {
           "class": bem('icon'),
@@ -110,19 +98,16 @@ var _default = createComponent({
           }
         });
       }
-
       if (type === 'success') {
         return h(_SuccessIcon.default, {
           "class": bem('success')
         });
       }
-
       if (type === 'fail') {
         return h(_WarnIcon.default, {
           "class": bem('fail')
         });
       }
-
       if (type === 'loading') {
         return h(_loading.default, {
           "class": bem('loading'),
@@ -135,12 +120,10 @@ var _default = createComponent({
     genMessage: function genMessage() {
       var h = this.$createElement;
       var type = this.type,
-          message = this.message;
-
+        message = this.message;
       if (!(0, _utils.isDef)(message) || message === '') {
         return;
       }
-
       if (type === 'html') {
         return h("div", {
           "class": bem('text'),
@@ -149,7 +132,6 @@ var _default = createComponent({
           }
         });
       }
-
       return h("div", {
         "class": bem('text')
       }, [message]);
@@ -157,7 +139,6 @@ var _default = createComponent({
   },
   render: function render() {
     var _ref;
-
     var h = arguments[0];
     return h("transition", {
       "attrs": {
@@ -179,5 +160,4 @@ var _default = createComponent({
     }, [this.genIcon(), this.genMessage()])]);
   }
 });
-
 exports.default = _default;

package/lib/toast/index.js

@@ -1,20 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _vue = _interopRequireDefault(require("vue"));
-
 var _Toast = _interopRequireDefault(require("./Toast"));
-
 var _utils = require("../utils");
-
 var _node = require("../utils/dom/node");
-
 var defaultOptions = {
   icon: '',
   type: 'text',
@@ -36,37 +29,32 @@ var defaultOptions = {
   overlayStyle: null,
   closeOnClick: false,
   closeOnClickOverlay: false
-}; // default options of specific type
+};
 
+// default options of specific type
 var defaultOptionsMap = {};
 var queue = [];
 var multiple = false;
 var currentOptions = (0, _extends2.default)({}, defaultOptions);
-
 function parseOptions(message) {
   if ((0, _utils.isObject)(message)) {
     return message;
   }
-
   return {
     message: message
   };
 }
-
 function isInDocument(element) {
   return document.body.contains(element);
 }
-
 function createInstance() {
   /* istanbul ignore if */
   if (_utils.isServer) {
     return {};
   }
-
   queue = queue.filter(function (item) {
     return !item.$el.parentNode || isInDocument(item.$el);
   });
-
   if (!queue.length || multiple) {
     var toast = new (_vue.default.extend(_Toast.default))({
       el: document.createElement('div')
@@ -76,11 +64,10 @@ function createInstance() {
     });
     queue.push(toast);
   }
-
   return queue[queue.length - 1];
-} // transform toast options to popup props
-
+}
 
+// transform toast options to popup props
 function transformOptions(options) {
   return (0, _extends2.default)({}, options, {
     overlay: options.mask || options.overlay,
@@ -88,33 +75,27 @@ function transformOptions(options) {
     duration: undefined
   });
 }
-
 function Toast(options) {
   if (options === void 0) {
     options = {};
   }
+  var toast = createInstance();
 
-  var toast = createInstance(); // should add z-index if previous toast has not disappeared
-
+  // should add z-index if previous toast has not disappeared
   if (toast.value) {
     toast.updateZIndex();
   }
-
   options = parseOptions(options);
   options = (0, _extends2.default)({}, currentOptions, defaultOptionsMap[options.type || currentOptions.type], options);
-
   if (process.env.NODE_ENV === 'development' && options.mask) {
     console.warn('[Zart] Toast: "mask" option is deprecated, use "overlay" option instead.');
   }
-
   options.clear = function () {
     toast.value = false;
-
     if (options.onClose) {
       options.onClose();
       options.onClose = null;
     }
-
     if (multiple && !_utils.isServer) {
       toast.$on('closed', function () {
         clearTimeout(toast.timer);
@@ -126,19 +107,15 @@ function Toast(options) {
       });
     }
   };
-
   (0, _extends2.default)(toast, transformOptions(options));
   clearTimeout(toast.timer);
-
   if (options.duration > 0) {
     toast.timer = setTimeout(function () {
       toast.clear();
     }, options.duration);
   }
-
   return toast;
 }
-
 var createMethod = function createMethod(type) {
   return function (options) {
     return Toast((0, _extends2.default)({
@@ -146,11 +123,9 @@ var createMethod = function createMethod(type) {
     }, parseOptions(options)));
   };
 };
-
 ['loading', 'success', 'fail'].forEach(function (method) {
   Toast[method] = createMethod(method);
 });
-
 Toast.clear = function (all) {
   if (queue.length) {
     if (all) {
@@ -165,7 +140,6 @@ Toast.clear = function (all) {
     }
   }
 };
-
 Toast.setDefaultOptions = function (type, options) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = options;
@@ -173,7 +147,6 @@ Toast.setDefaultOptions = function (type, options) {
     (0, _extends2.default)(currentOptions, type);
   }
 };
-
 Toast.resetDefaultOptions = function (type) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = null;
@@ -182,23 +155,18 @@ Toast.resetDefaultOptions = function (type) {
     defaultOptionsMap = {};
   }
 };
-
 Toast.allowMultiple = function (value) {
   if (value === void 0) {
     value = true;
   }
-
   multiple = value;
 };
-
 Toast.install = function () {
   _vue.default.use(_Toast.default);
 };
-
 if (typeof _vue.default.prototype.$toast === "undefined") {
   _vue.default.prototype.$toast = Toast;
 }
-
 _vue.default.prototype.$ztToast = Toast;
 var _default = Toast;
 exports.default = _default;

package/lib/toast/lock-click.js

@@ -3,17 +3,14 @@
 exports.__esModule = true;
 exports.lockClick = lockClick;
 var lockCount = 0;
-
 function lockClick(lock) {
   if (lock) {
     if (!lockCount) {
       document.body.classList.add('zt2-toast--unclickable');
     }
-
     lockCount++;
   } else {
     lockCount--;
-
     if (!lockCount) {
       document.body.classList.remove('zt2-toast--unclickable');
     }