@web-utils/component 2.0.13 → 2.7.0

package/dist/components/confirm-button/index.js

@@ -1,6 +1,6 @@
-import { c as confirmableMixin } from "../../chunks/a0bb327b.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const props = {
+import { c as e } from "../../chunks/confirmable-mixin.3a79781b.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const i = {
   props: {
     type: {
       type: String,
@@ -29,31 +29,29 @@ const props = {
       default: "ElButton"
     }
   }
-};
-const __vue2_script = {
+}, l = {
   name: "ConfirmButton",
-  mixins: [confirmableMixin, props]
+  mixins: [e, i]
 };
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let r, a;
+const n = {};
+var u = /* @__PURE__ */ o(
+  l,
+  r,
+  a,
+  !1,
+  s,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function s(p) {
+  for (let t in n)
+    this[t] = n[t];
 }
-const ConfirmButton = /* @__PURE__ */ function() {
-  return __component__.exports;
+const f = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  ConfirmButton as default
+  f as default
 };

package/dist/components/confirmable/index.js

@@ -1,29 +1,28 @@
-import { c as confirmableMixin } from "../../chunks/a0bb327b.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const __vue2_script = {
+import { c as o } from "../../chunks/confirmable-mixin.3a79781b.js";
+import { n as t } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const r = {
   name: "Confirmable",
-  mixins: [confirmableMixin]
+  mixins: [o]
 };
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let _, i;
+const e = {};
+var s = /* @__PURE__ */ t(
+  r,
+  _,
+  i,
+  !1,
+  l,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function l(c) {
+  for (let n in e)
+    this[n] = e[n];
 }
-const Confirmable = /* @__PURE__ */ function() {
-  return __component__.exports;
+const u = /* @__PURE__ */ function() {
+  return s.exports;
 }();
 export {
-  Confirmable as default
+  u as default
 };

package/dist/components/context-menu/index.js

@@ -1,159 +1,161 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.rendered ? _c("div", {
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var d = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return t.rendered ? e("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.visible,
+      value: t.visible,
       expression: "visible"
     }],
     staticClass: "cm-container",
-    style: _vm.axisComputed
-  }, [_c("svg", {
+    style: t.axisComputed
+  }, [e("svg", {
     staticStyle: {
-      "position": "absolute",
-      "width": "0",
-      "height": "0",
-      "overflow": "hidden"
+      position: "absolute",
+      width: "0",
+      height: "0",
+      overflow: "hidden"
     },
     attrs: {
       "aria-hidden": "true"
     }
-  }, [_c("symbol", {
+  }, [e("symbol", {
     attrs: {
-      "id": "icon-arrow",
-      "viewBox": "0 0 1024 1024"
+      id: "icon-arrow",
+      viewBox: "0 0 1024 1024"
     }
-  }, [_c("path", {
+  }, [e("path", {
     attrs: {
-      "d": "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z"
+      d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z"
     }
-  })])]), _c("ul", {
+  })])]), e("ul", {
     staticClass: "cm-ul cm-ul-1 easy-cm-ul",
-    class: _vm.underline ? "cm-underline" : ""
-  }, _vm._l(_vm.list, function(item, index) {
-    return _c("li", {
-      key: index,
-      style: _vm.liStyle
-    }, [_c("div", {
-      class: _vm.firstLeft ? "cm-left" : "",
+    class: t.underline ? "cm-underline" : ""
+  }, t._l(t.list, function(s, l) {
+    return e("li", {
+      key: l,
+      style: t.liStyle
+    }, [e("div", {
+      class: t.firstLeft ? "cm-left" : "",
       on: {
-        "click": function($event) {
-          return _vm.onItemClick(item, [index]);
+        click: function(n) {
+          return t.onItemClick(s, [l]);
         }
       }
-    }, [_c("i", {
+    }, [e("i", {
       staticClass: "cm-item-icon",
-      class: item.icon
-    }), _c("span", {
+      class: s.icon
+    }), e("span", {
       staticClass: "cm-item-label"
-    }, [_vm._v(_vm._s(item.text))]), _vm.arrow && item.children && item.children.length > 0 ? _c("svg", {
+    }, [t._v(t._s(s.text))]), t.arrow && s.children && s.children.length > 0 ? e("svg", {
       staticClass: "icon",
       attrs: {
         "aria-hidden": "true"
       }
-    }, [_c("use", {
+    }, [e("use", {
       attrs: {
         "xlink:href": "#icon-arrow"
       }
-    })]) : _vm._e()]), item.children && item.children.length > 0 ? _c("ul", {
+    })]) : t._e()]), s.children && s.children.length > 0 ? e("ul", {
       staticClass: "cm-ul cm-ul-2 easy-cm-ul",
-      class: _vm.underline ? "cm-underline" : "",
-      style: _vm.secondBorderCheck(index)
-    }, _vm._l(item.children, function(second, si) {
-      return _c("li", {
-        key: si,
-        style: _vm.liStyle
-      }, [_c("div", {
-        class: _vm.secondLeft ? "cm-left" : "",
+      class: t.underline ? "cm-underline" : "",
+      style: t.secondBorderCheck(l)
+    }, t._l(s.children, function(n, r) {
+      return e("li", {
+        key: r,
+        style: t.liStyle
+      }, [e("div", {
+        class: t.secondLeft ? "cm-left" : "",
         on: {
-          "click": function($event) {
-            return _vm.onItemClick(second, [index, si]);
+          click: function(h) {
+            return t.onItemClick(n, [l, r]);
           }
         }
-      }, [_c("i", {
+      }, [e("i", {
         staticClass: "cm-item-icon",
-        class: second.icon
-      }), _c("span", {
+        class: n.icon
+      }), e("span", {
         staticClass: "cm-item-label"
-      }, [_vm._v(_vm._s(second.text))]), _vm.arrow && second.children && second.children.length > 0 ? _c("svg", {
+      }, [t._v(t._s(n.text))]), t.arrow && n.children && n.children.length > 0 ? e("svg", {
         staticClass: "icon",
         attrs: {
           "aria-hidden": "true"
         }
-      }, [_c("use", {
+      }, [e("use", {
         attrs: {
           "xlink:href": "#icon-arrow"
         }
-      })]) : _vm._e()]), second.children && second.children.length > 0 ? _c("ul", {
+      })]) : t._e()]), n.children && n.children.length > 0 ? e("ul", {
         staticClass: "cm-ul cm-ul-3 easy-cm-ul",
-        class: _vm.underline ? "cm-underline" : "",
-        style: _vm.thirdBorderCheck(index, si)
-      }, _vm._l(second.children, function(third, ti) {
-        return _c("li", {
-          key: ti,
-          style: _vm.liStyle
-        }, [_c("div", {
+        class: t.underline ? "cm-underline" : "",
+        style: t.thirdBorderCheck(l, r)
+      }, t._l(n.children, function(h, c) {
+        return e("li", {
+          key: c,
+          style: t.liStyle
+        }, [e("div", {
           on: {
-            "click": function($event) {
-              return _vm.onItemClick(third, [index, si, ti]);
+            click: function(x) {
+              return t.onItemClick(h, [l, r, c]);
             }
           }
-        }, [_c("i", {
+        }, [e("i", {
           staticClass: "cm-item-icon",
-          class: third.icon
-        }), _c("span", {
+          class: h.icon
+        }), e("span", {
           staticClass: "cm-item-label"
-        }, [_vm._v(_vm._s(third.text))])])]);
-      }), 0) : _vm._e()]);
-    }), 0) : _vm._e()]);
-  }), 0)]) : _vm._e();
-};
-var staticRenderFns = [];
-const ContextMenu_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+        }, [t._v(t._s(h.text))])])]);
+      }), 0) : t._e()]);
+    }), 0) : t._e()]);
+  }), 0)]) : t._e();
+}, u = [];
+const m = {
   name: "ContextMenu",
   props: {
     list: {
       type: Array,
-      required: true
+      required: !0
     },
+    // 是否开启下划线
     underline: {
       type: Boolean,
-      default: false
+      default: !1
     },
+    // 是否开启箭头
     arrow: {
       type: Boolean,
-      default: true
+      default: !0
     },
+    // 是否开启边界检测
     border: {
       type: Boolean,
-      default: true
+      default: !0
     },
+    // 列表项宽度
     itemWidth: {
       type: Number,
       default: 140
     },
+    // 列表项高度
     itemHeight: {
       type: Number,
       default: 36
     },
+    // 列表项字体
     itemFontSize: {
       type: [Number, String],
       default: 12
     },
+    // 显示点偏移量
     offset: {
       type: Object,
-      default: () => {
-        return {
-          x: 6,
-          y: 2
-        };
-      }
+      default: () => ({
+        x: 6,
+        y: 2
+      })
     },
+    // 边界距离
     borderWidth: {
       type: Number,
       default: 6
@@ -161,8 +163,10 @@ const __vue2_script = {
   },
   data() {
     return {
-      visible: false,
-      rendered: false,
+      // 是否显示
+      visible: !1,
+      rendered: !1,
+      // 触发点坐标
       axis: {
         x: 0,
         y: 0
@@ -185,81 +189,65 @@ const __vue2_script = {
       };
     },
     firstLeft() {
-      const bw = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 2 >= bw;
+      const t = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 2 >= t;
     },
     secondLeft() {
-      const bw = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 3 >= bw;
+      const t = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 3 >= t;
     }
   },
   watch: {
     axis() {
       if (this.border) {
-        const bw = document.body.offsetWidth;
-        const bh = document.body.offsetHeight;
-        if (this.axis.x + this.offset.x + this.itemWidth >= bw) {
-          this.axis.x = bw - this.itemWidth - this.borderWidth - this.offset.x;
-        }
-        if (this.axis.y + this.offset.y + this.itemHeight * this.list.length >= bh) {
-          this.axis.y = bh - this.itemHeight * this.list.length - this.borderWidth - this.offset.y;
-        }
+        const t = document.body.offsetWidth, i = document.body.offsetHeight;
+        this.axis.x + this.offset.x + this.itemWidth >= t && (this.axis.x = t - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= i && (this.axis.y = i - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
       }
     }
   },
   methods: {
-    secondBorderCheck(i) {
-      const bw = document.body.offsetWidth;
-      const bh = document.body.offsetHeight;
-      const cy = this.axis.y + (i + this.list[i].children.length) * this.itemHeight;
+    secondBorderCheck(t) {
+      const i = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (t + this.list[t].children.length) * this.itemHeight;
       return {
-        left: this.axis.x + this.itemWidth * 2 >= bw ? "-100%" : "100%",
-        top: bh >= cy ? 0 : `${-(this.list[i].children.length - 1) * this.itemHeight}px`
+        left: this.axis.x + this.itemWidth * 2 >= i ? "-100%" : "100%",
+        top: e >= s ? 0 : `${-(this.list[t].children.length - 1) * this.itemHeight}px`
       };
     },
-    thirdBorderCheck(i, si) {
-      const bw = document.body.offsetWidth;
-      const bh = document.body.offsetHeight;
-      const cy = this.axis.y + this.list[i].children[si].children.length * this.itemHeight + (i + si) * this.itemHeight + parseInt(this.secondBorderCheck(i).top);
+    thirdBorderCheck(t, i) {
+      const e = document.body.offsetWidth, s = document.body.offsetHeight, l = this.axis.y + this.list[t].children[i].children.length * this.itemHeight + (t + i) * this.itemHeight + parseInt(this.secondBorderCheck(t).top);
       return {
-        left: this.axis.x + this.itemWidth * 3 >= bw ? "-100%" : "100%",
-        top: cy > bh ? `${-(this.list[i].children[si].children.length - 1) * this.itemHeight}px` : 0
+        left: this.axis.x + this.itemWidth * 3 >= e ? "-100%" : "100%",
+        top: l > s ? `${-(this.list[t].children[i].children.length - 1) * this.itemHeight}px` : 0
       };
     },
-    show(event) {
-      document.addEventListener("click", this.hide, true);
-      this.axis = { x: event.clientX, y: event.clientY };
-      this.rendered = true;
-      this.visible = true;
+    show(t) {
+      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0;
     },
     hide() {
-      this.visible = false;
-      document.removeEventListener("click", this.hide);
+      this.visible = !1, document.removeEventListener("click", this.hide);
     },
-    onItemClick(item, indexList) {
-      this.$emit("on-item-click", item, indexList);
+    onItemClick(t, i) {
+      this.$emit("on-item-click", t, i);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, o = {};
+var f = /* @__PURE__ */ a(
+  m,
+  d,
+  u,
+  !1,
+  y,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function y(t) {
+  for (let i in o)
+    this[i] = o[i];
 }
-const ContextMenu = /* @__PURE__ */ function() {
-  return __component__.exports;
+const _ = /* @__PURE__ */ function() {
+  return f.exports;
 }();
 export {
-  ContextMenu as default
+  _ as default
 };

package/dist/components/context-menu/style.css

@@ -1,88 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.cm-container {
-  position: fixed;
-  z-index: 9999;
-  user-select: none;
-}
-.cm-container .icon {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 0.9em;
-  height: 0.9em;
-  overflow: hidden;
-  vertical-align: -0.15em;
-  transform: translateY(-50%);
-  fill: currentcolor;
-}
-.cm-container .cm-item-icon {
-  margin-right: 4px;
-}
-.cm-container .cm-ul {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: #2e2e2e;
-  list-style: none;
-  background-color: #fff;
-  box-shadow: 0 0 1px #666;
-}
-.cm-container .cm-ul li {
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-}
-.cm-container .cm-ul li:hover > ul {
-  display: block;
-}
-.cm-container .cm-ul li div {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0 0.8em;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.cm-container .cm-ul li i {
-  display: inline-block;
-  width: 1em;
-  font-size: 1.3em;
-  text-align: center;
-}
-.cm-container .cm-ul li div:hover {
-  color: #fff;
-  background-color: #666;
-}
-.cm-container .cm-ul-2, .cm-container .cm-ul-3 {
-  position: absolute;
-  top: 0;
-  z-index: 10000;
-  display: none;
-}
-.cm-container .cm-left svg {
-  left: 0;
-  transform: translateY(-50%) rotate(180deg);
-}
-.cm-container .cm-underline li div::after {
-  position: absolute;
-  top: 0;
-  left: 5%;
-  z-index: 10001;
-  width: 90%;
-  height: 1px;
-  background-color: #ccc;
-  content: "";
-}
-.cm-container .cm-underline li div:hover::after, .cm-container .cm-underline > li:first-child > div::after {
-  display: none;
-}
+.cm-container{position:fixed;z-index:9999;user-select:none}.cm-container .icon{position:absolute;top:50%;right:0;width:.9em;height:.9em;overflow:hidden;vertical-align:-.15em;transform:translateY(-50%);fill:currentcolor}.cm-container .cm-item-icon{margin-right:4px}.cm-container .cm-ul{width:100%;margin:0;padding:0;color:#2e2e2e;list-style:none;background-color:#fff;box-shadow:0 0 1px #666}.cm-container .cm-ul li{position:relative;box-sizing:border-box;width:100%;text-align:left;cursor:pointer}.cm-container .cm-ul li:hover>ul{display:block}.cm-container .cm-ul li div{position:relative;display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:0 .8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-container .cm-ul li i{display:inline-block;width:1em;font-size:1.3em;text-align:center}.cm-container .cm-ul li div:hover{color:#fff;background-color:#666}.cm-container .cm-ul-2,.cm-container .cm-ul-3{position:absolute;top:0;z-index:10000;display:none}.cm-container .cm-left svg{left:0;transform:translateY(-50%) rotate(180deg)}.cm-container .cm-underline li div:after{position:absolute;top:0;left:5%;z-index:10001;width:90%;height:1px;background-color:#ccc;content:""}.cm-container .cm-underline li div:hover:after,.cm-container .cm-underline>li:first-child>div:after{display:none}

package/dist/components/count-up/index.js

@@ -0,0 +1,120 @@
+import { CountUp as r } from "countup.js";
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var a = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("span", [t._v(t._s(t.end))]);
+}, u = [];
+const o = {
+  name: "CountUp",
+  props: {
+    animation: {
+      type: Boolean,
+      default: !0
+    },
+    start: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    end: {
+      type: Number,
+      required: !0
+    },
+    decimals: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    duration: {
+      type: Number,
+      required: !1,
+      default: 2
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default() {
+        return {};
+      }
+    },
+    callback: {
+      type: Function,
+      required: !1,
+      default: () => {
+      }
+    }
+  },
+  watch: {
+    decimals() {
+      var t;
+      (t = this.c) == null || t.update(this.end);
+    },
+    end(t) {
+      var e;
+      (e = this.c) == null || e.update(t);
+    }
+  },
+  mounted() {
+    this.animation && this.init();
+  },
+  beforeDestroy() {
+    this.destroy();
+  },
+  methods: {
+    init() {
+      this.c || (this.c = new r(
+        this.$el,
+        this.end,
+        {
+          ...this.options,
+          decimal: this.decimals,
+          duration: this.duration,
+          startVal: this.start
+        }
+      ), this.c.start(() => {
+        this.callback(this.c);
+      }));
+    },
+    destroy() {
+      this.c = null;
+    }
+  },
+  start(t) {
+    var e;
+    (e = this.c) == null || e.start(() => {
+      t && t(this.c);
+    });
+  },
+  pauseResume() {
+    var t;
+    (t = this.c) == null || t.pauseResume();
+  },
+  reset() {
+    var t;
+    (t = this.c) == null || t.reset();
+  },
+  update(t) {
+    var e;
+    (e = this.c) == null || e.update(t);
+  }
+}, s = {};
+var c = /* @__PURE__ */ n(
+  o,
+  a,
+  u,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const h = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  h as default
+};