zartui 2.1.6 → 2.1.8

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,4 @@ Tag.props = {
     default: 'default'
   }
 };
-
-var _default = createComponent(Tag);
-
-exports.default = _default;
+var _default = exports.default = createComponent(Tag);

package/lib/text-ellipsis/index.js

@@ -1,19 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 var _index = _interopRequireDefault(require("../dialog/index"));
-
 var _createNamespace = (0, _utils.createNamespace)('text-ellipsis'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   props: {
     rows: {
       type: Number,
@@ -76,9 +71,7 @@ var _default = createComponent({
     },
     calcEllipsised: function calcEllipsised() {
       var _this = this;
-
       var root = this.$refs.root;
-
       var cloneContainer = function cloneContainer() {
         if (!root) return;
         var originStyle = window.getComputedStyle(root);
@@ -97,81 +90,68 @@ var _default = createComponent({
         document.body.appendChild(container);
         return container;
       };
-
       var calcEllipsisText = function calcEllipsisText(container, maxHeight) {
         var content = _this.content,
-            position = _this.position,
-            dots = _this.dots;
+          position = _this.position,
+          dots = _this.dots;
         var end = content.length;
-
         var calcEllipse = function calcEllipse() {
           // calculate the former or later content
-          var tail = function tail(left, right) {
+          var _tail = function tail(left, right) {
             if (right - left <= 1) {
               if (position === 'end') {
                 return content.slice(0, left) + dots;
               }
-
               return dots + content.slice(right, end);
             }
+            var middle = Math.round((left + right) / 2);
 
-            var middle = Math.round((left + right) / 2); // Set the interception location
-
+            // Set the interception location
             if (position === 'end') {
               container.innerText = content.slice(0, middle) + dots + _this.actionText;
             } else {
               container.innerText = dots + content.slice(middle, end) + _this.actionText;
-            } // The height after interception still does not match the required height
-
+            }
 
+            // The height after interception still does not match the required height
             if (container.offsetHeight > maxHeight) {
               if (position === 'end') {
-                return tail(left, middle);
+                return _tail(left, middle);
               }
-
-              return tail(middle, right);
+              return _tail(middle, right);
             }
-
             if (position === 'end') {
-              return tail(middle, right);
+              return _tail(middle, right);
             }
-
-            return tail(left, middle);
+            return _tail(left, middle);
           };
-
-          container.innerText = tail(0, end);
+          container.innerText = _tail(0, end);
         };
-
-        var middleTail = function middleTail(leftPart, rightPart) {
+        var _middleTail = function middleTail(leftPart, rightPart) {
           if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
             return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
           }
-
           var leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
           var rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
           container.innerText = _this.content.slice(0, leftMiddle) + _this.dots + _this.content.slice(rightMiddle, end) + _this.expandText;
-
           if (container.offsetHeight >= maxHeight) {
-            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+            return _middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
           }
-
-          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+          return _middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
         };
-
         var middle = 0 + end >> 1;
-        _this.position === 'middle' ? container.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        _this.position === 'middle' ? container.innerText = _middleTail([0, middle], [middle, end]) : calcEllipse();
         return container.innerText;
-      }; // Calculate the interceptional text
-
+      };
 
+      // Calculate the interceptional text
       var container = cloneContainer();
       if (!container) return;
       var _container$style = container.style,
-          paddingBottom = _container$style.paddingBottom,
-          paddingTop = _container$style.paddingTop,
-          lineHeight = _container$style.lineHeight;
+        paddingBottom = _container$style.paddingBottom,
+        paddingTop = _container$style.paddingTop,
+        lineHeight = _container$style.lineHeight;
       var maxHeight = Math.ceil((Number(this.rows) + 0.5) * this.pxToNum(lineHeight) + this.pxToNum(paddingTop) + this.pxToNum(paddingBottom));
-
       if (maxHeight < container.offsetHeight) {
         this.ellipsis = true;
         this.text = calcEllipsisText(container, maxHeight);
@@ -179,13 +159,13 @@ var _default = createComponent({
         this.text = this.content;
         this.ellipsis = false;
       }
-
       document.body.removeChild(container);
     },
     onClickAction: function onClickAction(event) {
       event.stopPropagation();
       event.preventDefault();
-      this.expanded = !this.expanded; // emit('clickAction', event);
+      this.expanded = !this.expanded;
+      // emit('clickAction', event);
     },
     renderAction: function renderAction() {
       var h = this.$createElement;
@@ -218,6 +198,4 @@ var _default = createComponent({
       }
     }, [this.expanded ? this.content : this.text, this.expandType !== 'dialog' && this.ellipsis ? this.renderAction() : null]);
   }
-});
-
-exports.default = _default;
+});

package/lib/timeline/index.js

@@ -1,32 +1,23 @@
 "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({
+var _default2 = exports.default = createComponent({
   props: {
     title: {
       type: String,
@@ -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",
@@ -338,6 +309,4 @@ var _default2 = createComponent({
       "class": bem("container")
     }, [processes]) : h()]);
   }
-});
-
-exports.default = _default2;
+});

package/lib/timeline/svg/current.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   render: function render() {
     var h = arguments[0];
     return h("svg", {
@@ -31,5 +31,4 @@ var _default = {
       }
     })])]);
   }
-};
-exports.default = _default;
+};

package/lib/timeline/svg/pass.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   render: function render() {
     var h = arguments[0];
     return h("svg", {
@@ -30,5 +30,4 @@ var _default = {
       }
     })])]);
   }
-};
-exports.default = _default;
+};

package/lib/toast/Toast.js

@@ -1,32 +1,25 @@
 "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 _default = createComponent({
+var _createNamespace = (0, _utils.createNamespace)('toast'),
+  createComponent = _createNamespace[0],
+  bem = _createNamespace[1];
+var _default = exports.default = createComponent({
   mixins: [(0, _popup.PopupMixin)()],
   props: {
     icon: String,
@@ -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": {
@@ -178,6 +159,4 @@ var _default = createComponent({
       }
     }, [this.genIcon(), this.genMessage()])]);
   }
-});
-
-exports.default = _default;
+});