@web-utils/component 2.70.0 → 3.0.1

package/color-picker/index.mjs

@@ -1,25 +1,193 @@
-var c = (e, o, t) => new Promise((r, n) => {
-  var d = (i) => {
+var a = (e, t, o) => new Promise((r, s) => {
+  var m = (i) => {
     try {
-      s(t.next(i));
+      n(o.next(i));
     } catch (l) {
-      n(l);
+      s(l);
     }
-  }, u = (i) => {
+  }, h = (i) => {
     try {
-      s(t.throw(i));
+      n(o.throw(i));
     } catch (l) {
-      n(l);
+      s(l);
     }
-  }, s = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(d, u);
-  s((t = t.apply(e, o)).next());
+  }, n = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(m, h);
+  n((o = o.apply(e, t)).next());
 });
-import p from "element-ui/packages/color-picker/src/color";
-import h from "element-ui/src/utils/clickoutside";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var m = function() {
-  var e = this, o = e.$createElement, t = e._self._c || o;
-  return t("ElColorPickerDropdown", {
+import f from "element-ui/packages/color-picker/src/color";
+import _ from "element-ui/src/utils/clickoutside";
+import v from "element-ui/packages/color-picker/src/components/sv-panel";
+import k from "element-ui/packages/color-picker/src/components/hue-slider";
+import w from "element-ui/packages/color-picker/src/components/alpha-slider";
+import C from "element-ui/packages/color-picker/src/components/predefine";
+import $ from "element-ui/src/utils/vue-popper";
+import y from "element-ui/src/mixins/locale";
+import c from "element-ui/lib/button";
+import P from "element-ui/lib/input";
+import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o("Transition", {
+    attrs: {
+      name: "el-zoom-in-top"
+    },
+    on: {
+      "after-leave": e.doDestroy
+    }
+  }, [o("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.showPopper,
+      expression: "showPopper"
+    }],
+    staticClass: "el-color-dropdown"
+  }, [o("div", {
+    staticClass: "el-color-dropdown__main-wrapper"
+  }, [o("HueSlider", {
+    ref: "hue",
+    staticStyle: {
+      float: "right"
+    },
+    attrs: {
+      color: e.color,
+      vertical: ""
+    }
+  }), o("SvPanel", {
+    ref: "sl",
+    attrs: {
+      color: e.color
+    }
+  })], 1), e.showAlpha ? o("AlphaSlider", {
+    ref: "alpha",
+    attrs: {
+      color: e.color
+    }
+  }) : e._e(), e.predefine ? o("Predefine", {
+    attrs: {
+      color: e.color,
+      colors: e.predefine
+    }
+  }) : e._e(), o("div", {
+    staticClass: "el-color-dropdown__btns"
+  }, [o("span", {
+    staticClass: "el-color-dropdown__value"
+  }, [o(P, {
+    attrs: {
+      "validate-event": !1,
+      size: "mini"
+    },
+    on: {
+      blur: e.handleConfirm
+    },
+    nativeOn: {
+      keyup: function(r) {
+        return !r.type.indexOf("key") && e._k(r.keyCode, "enter", 13, r.key, "Enter") ? null : e.handleConfirm.apply(null, arguments);
+      }
+    },
+    model: {
+      value: e.customInput,
+      callback: function(r) {
+        e.customInput = r;
+      },
+      expression: "customInput"
+    }
+  })], 1), o(c, {
+    staticClass: "el-color-dropdown__link-btn",
+    attrs: {
+      size: "mini",
+      type: "text"
+    },
+    on: {
+      click: function(r) {
+        return e.$emit("clear");
+      }
+    }
+  }, [e._v(" " + e._s(e.t("el.colorpicker.clear")) + " ")]), o(c, {
+    staticClass: "el-color-dropdown__btn",
+    attrs: {
+      plain: "",
+      size: "mini"
+    },
+    on: {
+      click: e.confirmValue
+    }
+  }, [e._v(" " + e._s(e.t("el.colorpicker.confirm")) + " ")])], 1)], 1)]);
+}, b = [];
+const S = {
+  name: "ElColorPickerDropdown",
+  components: {
+    SvPanel: v,
+    HueSlider: k,
+    AlphaSlider: w,
+    Predefine: C
+  },
+  mixins: [$, y],
+  props: {
+    color: {
+      type: Object,
+      required: !0
+    },
+    showAlpha: Boolean,
+    predefine: Array
+  },
+  data() {
+    return {
+      customInput: ""
+    };
+  },
+  computed: {
+    currentColor() {
+      const e = this.$parent;
+      return !e.value && !e.showPanelColor ? "" : e.color.value;
+    }
+  },
+  watch: {
+    showPopper(e) {
+      e === !0 && this.$nextTick(() => {
+        const { sl: t, hue: o, alpha: r } = this.$refs;
+        t && t.update(), o && o.update(), r && r.update();
+      });
+    },
+    currentColor: {
+      immediate: !0,
+      handler(e) {
+        this.customInput = e;
+      }
+    }
+  },
+  mounted() {
+    this.$parent.popperElm = this.popperElm = this.$el, this.referenceElm = this.$parent.$el;
+  },
+  methods: {
+    confirmValue() {
+      this.$emit("pick");
+    },
+    handleConfirm() {
+      this.color.fromString(this.customInput);
+    }
+  }
+}, p = {};
+var O = /* @__PURE__ */ d(
+  S,
+  x,
+  b,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in p)
+    this[t] = p[t];
+}
+const E = /* @__PURE__ */ function() {
+  return O.exports;
+}();
+var I = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o(E, {
     directives: [{
       name: "clickoutside",
       rawName: "v-clickoutside",
@@ -46,10 +214,10 @@ var m = function() {
       expression: "showPicker"
     }
   });
-}, k = [];
-const v = {
+}, A = [];
+const B = {
   name: "ColorPicker",
-  directives: { Clickoutside: h },
+  directives: { Clickoutside: _ },
   props: {
     popperClass: String,
     predefine: Array,
@@ -68,7 +236,7 @@ const v = {
   },
   data() {
     return {
-      color: new p({ enableAlpha: !1 }),
+      color: new f({ enableAlpha: !1 }),
       showPicker: !1
     };
   },
@@ -82,7 +250,7 @@ const v = {
     visible: {
       immediate: !0,
       handler(e) {
-        return c(this, null, function* () {
+        return a(this, null, function* () {
           e ? (yield this.$nextTick(), this.$refs.dropdown.referenceElm = this.anchor) : this.$refs.dropdown && this.$refs.dropdown.doDestroy(!0), this.showPicker = e;
         });
       }
@@ -105,24 +273,24 @@ const v = {
       this.$emit("update:visible", !1);
     }
   }
-}, a = {};
-var _ = /* @__PURE__ */ f(
-  v,
-  m,
-  k,
+}, u = {};
+var T = /* @__PURE__ */ d(
+  B,
+  I,
+  A,
   !1,
-  w,
+  z,
   null,
   null,
   null
 );
-function w(e) {
-  for (let o in a)
-    this[o] = a[o];
+function z(e) {
+  for (let t in u)
+    this[t] = u[t];
 }
-const b = /* @__PURE__ */ function() {
-  return _.exports;
+const K = /* @__PURE__ */ function() {
+  return T.exports;
 }();
 export {
-  b as default
+  K as default
 };

package/confirm-button/index.mjs

@@ -1,4 +1,4 @@
-import { c as e } from "../chunks/confirmable-mixin.817b542f.mjs";
+import { c as e } from "../chunks/confirmable-mixin.26e1d0e0.mjs";
 import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const i = {
   props: {

package/confirmable/index.mjs

@@ -1,4 +1,4 @@
-import { c as o } from "../chunks/confirmable-mixin.817b542f.mjs";
+import { c as o } from "../chunks/confirmable-mixin.26e1d0e0.mjs";
 import { n as t } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const r = {
   name: "Confirmable",

package/count-up/index.mjs

@@ -1,21 +1,18 @@
-var o = Object.defineProperty, c = Object.defineProperties;
-var d = Object.getOwnPropertyDescriptors;
+var o = Object.defineProperty, d = Object.defineProperties;
+var l = Object.getOwnPropertyDescriptors;
 var i = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var c = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
 var r = (t, e, s) => e in t ? o(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, n = (t, e) => {
   for (var s in e || (e = {}))
-    l.call(e, s) && r(t, s, e[s]);
+    c.call(e, s) && r(t, s, e[s]);
   if (i)
     for (var s of i(e))
       p.call(e, s) && r(t, s, e[s]);
   return t;
-}, a = (t, e) => c(t, d(e));
+}, a = (t, e) => d(t, l(e));
 import { CountUp as h } from "countup.js";
-import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var f = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("span", [t._v(t._s(t.end))]);
-}, _ = [];
+import { s as m, r as f } from "../chunks/CountUp.vue_vue_type_template_lang.1f68c96e.mjs";
+import { n as _ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const y = {
   name: "CountUp",
   props: {
@@ -105,23 +102,23 @@ const y = {
     (e = this.c) == null || e.update(t);
   }
 }, u = {};
-var v = /* @__PURE__ */ m(
+var b = /* @__PURE__ */ _(
   y,
   f,
-  _,
+  m,
   !1,
-  b,
+  q,
   null,
   null,
   null
 );
-function b(t) {
+function q(t) {
   for (let e in u)
     this[e] = u[e];
 }
-const U = /* @__PURE__ */ function() {
-  return v.exports;
+const x = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  U as default
+  x as default
 };

package/data-box/index.mjs

@@ -1,57 +1,60 @@
-import { n as e } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var c = function() {
-  var a = this, s = a.$createElement, n = a._self._c || s;
-  return n("div", {
+import { _ as e } from "../chunks/CountUp.f1a19f35.mjs";
+import r from "element-ui/lib/col";
+import c from "element-ui/lib/row";
+import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var _ = function() {
+  var n = this, o = n.$createElement, a = n._self._c || o;
+  return a("div", {
     staticClass: "data-box"
-  }, [n("ElRow", {
+  }, [a(c, {
     attrs: {
       span: 24
     }
-  }, a._l(a.data, function(t, i) {
-    return n("ElCol", {
+  }, n._l(n.data, function(t, i) {
+    return a(r, {
       key: i,
       attrs: {
-        md: a.span,
+        md: n.span,
         xs: 24,
         sm: 12
       }
-    }, [n("div", {
+    }, [a("div", {
       staticClass: "item"
-    }, [n("a", {
+    }, [a("a", {
       attrs: {
         href: t.href,
         target: t.target
       },
       on: {
-        click: function(d) {
+        click: function(f) {
           t.click && t.click(t);
         }
       }
-    }, [n("div", {
+    }, [a("div", {
       staticClass: "item-icon",
       style: {
         backgroundColor: t.color
       }
-    }, [n("i", {
+    }, [a("i", {
       class: t.icon
-    })]), n("div", {
+    })]), a("div", {
       staticClass: "item-info"
-    }, [n("CountUp", {
+    }, [a(e, {
       staticClass: "title",
       style: {
         color: t.color
       },
       attrs: {
-        animation: t.animation || a.animation,
-        decimals: t.decimals || a.decimals,
+        animation: t.animation || n.animation,
+        decimals: t.decimals || n.decimals,
         end: t.count
       }
-    }), n("div", {
+    }), a("div", {
       staticClass: "info"
-    }, [a._v(a._s(t.title))])], 1)])])]);
+    }, [n._v(n._s(t.title))])], 1)])])]);
   }), 1)], 1);
-}, r = [];
-const l = {
+}, u = [];
+const p = {
   name: "DataBox",
   props: {
     option: {
@@ -74,24 +77,24 @@ const l = {
       return this.option.data || [];
     }
   }
-}, o = {};
-var _ = /* @__PURE__ */ e(
-  l,
-  c,
-  r,
-  !1,
+}, s = {};
+var d = /* @__PURE__ */ l(
+  p,
+  _,
   u,
+  !1,
+  m,
   null,
   null,
   null
 );
-function u(a) {
-  for (let s in o)
-    this[s] = o[s];
+function m(n) {
+  for (let o in s)
+    this[o] = s[o];
 }
-const v = /* @__PURE__ */ function() {
-  return _.exports;
+const g = /* @__PURE__ */ function() {
+  return d.exports;
 }();
 export {
-  v as default
+  g as default
 };

package/data-card/index.mjs

@@ -1,55 +1,57 @@
-import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var l = function() {
-  var t = this, o = t.$createElement, r = t._self._c || o;
-  return r("div", {
+import s from "element-ui/lib/col";
+import c from "element-ui/lib/row";
+import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var i = function() {
+  var t = this, e = t.$createElement, o = t._self._c || e;
+  return o("div", {
     staticClass: "data-card"
-  }, [r("ElRow", {
+  }, [o(c, {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(e, n) {
-    return r("ElCol", {
-      key: n,
+  }, t._l(t.data, function(r, a) {
+    return o(s, {
+      key: a,
       attrs: {
         md: t.span,
         xs: 24,
         sm: 12
       }
-    }, [r("div", {
+    }, [o("div", {
       staticClass: "item"
-    }, [r("a", {
+    }, [o("a", {
       attrs: {
-        href: e.href,
-        target: e.target
+        href: r.href,
+        target: r.target
       },
       on: {
-        click: function(d) {
-          e.click && e.click(e);
+        click: function(f) {
+          r.click && r.click(r);
         }
       }
-    }, [r("img", {
+    }, [o("img", {
       staticClass: "item-img",
       attrs: {
-        src: e.src,
+        src: r.src,
         alt: ""
       }
-    }), r("div", {
+    }), o("div", {
       staticClass: "item-text",
       style: {
         backgroundColor: t.bgText
       }
-    }, [r("h3", {
+    }, [o("h3", {
       style: {
         color: t.colorText
       }
-    }, [t._v(t._s(e.name))]), r("p", {
+    }, [t._v(t._s(r.name))]), o("p", {
       style: {
         color: t.colorText
       }
-    }, [t._v(t._s(e.text))])])])])]);
+    }, [t._v(t._s(r.text))])])])])]);
   }), 1)], 1);
-}, c = [];
-const i = {
+}, _ = [];
+const u = {
   name: "DataCard",
   props: {
     option: {
@@ -75,24 +77,24 @@ const i = {
       return this.option.borderColor || "#2e323f";
     }
   }
-}, a = {};
-var _ = /* @__PURE__ */ s(
+}, n = {};
+var p = /* @__PURE__ */ l(
+  u,
   i,
-  l,
-  c,
+  _,
   !1,
-  u,
+  d,
   null,
   null,
   null
 );
-function u(t) {
-  for (let o in a)
-    this[o] = a[o];
+function d(t) {
+  for (let e in n)
+    this[e] = n[e];
 }
-const f = /* @__PURE__ */ function() {
-  return _.exports;
+const g = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  f as default
+  g as default
 };

package/data-cardtext/index.mjs

@@ -1,42 +1,44 @@
-import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var c = function() {
-  var t = this, e = t.$createElement, a = t._self._c || e;
-  return a("div", {
+import r from "element-ui/lib/col";
+import _ from "element-ui/lib/row";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var i = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return n("div", {
     staticClass: "avue-data-cardText"
-  }, [a("ElRow", {
+  }, [n(_, {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, o) {
-    return a("ElCol", {
+  }, t._l(t.data, function(a, o) {
+    return n(r, {
       key: o,
       attrs: {
         md: t.span,
         xs: 24,
         sm: 12
       }
-    }, [a("div", {
+    }, [n("div", {
       staticClass: "item"
-    }, [a("a", {
+    }, [n("a", {
       attrs: {
-        href: n.href,
-        target: n.target
+        href: a.href,
+        target: a.target
       },
       on: {
-        click: function(d) {
-          n.click && n.click(n);
+        click: function(v) {
+          a.click && a.click(a);
         }
       }
-    }, [a("div", {
+    }, [n("div", {
       staticClass: "item-header"
-    }, [t._v(" " + t._s(n.title) + " ")]), a("div", {
+    }, [t._v(" " + t._s(a.title) + " ")]), n("div", {
       staticClass: "item-content"
-    }, [t._v(t._s(n.content))]), a("div", {
+    }, [t._v(t._s(a.content))]), n("div", {
       staticClass: "item-footer"
-    }, [a("span", [t._v(t._s(n.name))]), a("span", [t._v(t._s(n.date))])])])])]);
+    }, [n("span", [t._v(t._s(a.name))]), n("span", [t._v(t._s(a.date))])])])])]);
   }), 1)], 1);
-}, i = [];
-const _ = {
+}, l = [];
+const p = {
   name: "DataCardtext",
   props: {
     option: {
@@ -60,23 +62,23 @@ const _ = {
     }
   }
 }, s = {};
-var l = /* @__PURE__ */ r(
-  _,
-  c,
+var u = /* @__PURE__ */ c(
+  p,
   i,
+  l,
   !1,
-  u,
+  d,
   null,
   null,
   null
 );
-function u(t) {
+function d(t) {
   for (let e in s)
     this[e] = s[e];
 }
-const v = /* @__PURE__ */ function() {
-  return l.exports;
+const x = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  v as default
+  x as default
 };