@web-utils/component 3.0.3 → 3.0.5

package/color-picker/index.mjs

@@ -0,0 +1,128 @@
+var c = (e, o, t) => new Promise((r, n) => {
+  var d = (i) => {
+    try {
+      s(t.next(i));
+    } catch (l) {
+      n(l);
+    }
+  }, u = (i) => {
+    try {
+      s(t.throw(i));
+    } catch (l) {
+      n(l);
+    }
+  }, s = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(d, u);
+  s((t = t.apply(e, o)).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", {
+    directives: [{
+      name: "clickoutside",
+      rawName: "v-clickoutside",
+      value: e.onClickOutside,
+      expression: "onClickOutside"
+    }],
+    ref: "dropdown",
+    class: ["el-color-picker__panel", e.popperClass || ""],
+    attrs: {
+      offset: e.offset,
+      "append-to-body": e.appendToBody,
+      color: e.color,
+      predefine: e.predefine
+    },
+    on: {
+      pick: e.confirmValue,
+      clear: e.clearValue
+    },
+    model: {
+      value: e.showPicker,
+      callback: function(r) {
+        e.showPicker = r;
+      },
+      expression: "showPicker"
+    }
+  });
+}, k = [];
+const v = {
+  name: "ColorPicker",
+  directives: { Clickoutside: h },
+  props: {
+    popperClass: String,
+    predefine: Array,
+    visible: Boolean,
+    hideOnClickOutside: {
+      type: Boolean,
+      default: !0
+    },
+    value: String,
+    offset: Number,
+    anchor: HTMLElement,
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      color: new p({ enableAlpha: !1 }),
+      showPicker: !1
+    };
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(e) {
+        e && e !== this.color.value && this.color.fromString(e);
+      }
+    },
+    visible: {
+      immediate: !0,
+      handler(e) {
+        return c(this, null, function* () {
+          e ? (yield this.$nextTick(), this.$refs.dropdown.referenceElm = this.anchor) : this.$refs.dropdown && this.$refs.dropdown.doDestroy(!0), this.showPicker = e;
+        });
+      }
+    }
+  },
+  methods: {
+    confirmValue() {
+      this.emitInput(this.color), this.$emit("pick", this.color.value), this.hide();
+    },
+    clearValue() {
+      this.$emit("clear"), this.hide();
+    },
+    emitInput(e) {
+      this.$emit("input", e.value);
+    },
+    onClickOutside() {
+      this.hideOnClickOutside && this.hide();
+    },
+    hide() {
+      this.$emit("update:visible", !1);
+    }
+  }
+}, a = {};
+var _ = /* @__PURE__ */ f(
+  v,
+  m,
+  k,
+  !1,
+  w,
+  null,
+  null,
+  null
+);
+function w(e) {
+  for (let o in a)
+    this[o] = a[o];
+}
+const b = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  b as default
+};

package/confirm-button/index.mjs

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

package/data-box/index.mjs

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

package/data-card/index.mjs

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

package/data-cardtext/index.mjs

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

package/data-display/index.mjs

@@ -1,53 +1,51 @@
 import e from "@web-utils/component/count-up";
-import r from "element-ui/lib/col";
-import c from "element-ui/lib/row";
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var p = function() {
-  var t = this, o = t.$createElement, a = t._self._c || o;
-  return a("div", {
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var l = function() {
+  var t = this, s = t.$createElement, n = t._self._c || s;
+  return n("div", {
     staticClass: "avue-data-display"
-  }, [a(c, {
+  }, [n("ElRow", {
     attrs: {
       span: 24
     }
-  }, t._l(t.data, function(n, i) {
-    return a(r, {
+  }, t._l(t.data, function(a, i) {
+    return n("ElCol", {
       key: i,
       attrs: {
         md: t.span,
         xs: 12,
         sm: 12
       }
-    }, [a("div", {
+    }, [n("div", {
       staticClass: "item",
       style: {
         color: t.color
       }
-    }, [a("a", {
+    }, [n("a", {
       attrs: {
-        href: n.href,
-        target: n.target
+        href: a.href,
+        target: a.target
       },
       on: {
-        click: function(v) {
-          n.click && n.click(n);
+        click: function(d) {
+          a.click && a.click(a);
         }
       }
-    }, [a("CountUp", {
+    }, [n("CountUp", {
       staticClass: "count",
       attrs: {
-        animation: n.animation || t.animation,
-        decimals: n.decimals || t.decimals,
-        end: n.count
+        animation: a.animation || t.animation,
+        decimals: a.decimals || t.decimals,
+        end: a.count
       }
-    }), a("span", {
+    }), n("span", {
       staticClass: "splitLine"
-    }), a("div", {
+    }), n("div", {
       staticClass: "title"
-    }, [t._v(t._s(n.title))])], 1)])]);
+    }, [t._v(t._s(a.title))])], 1)])]);
   }), 1)], 1);
-}, _ = [];
-const u = {
+}, c = [];
+const p = {
   name: "DataDisplay",
   components: {
     CountUp: e
@@ -76,24 +74,24 @@ const u = {
       return this.option.color || "rgb(63, 161, 255)";
     }
   }
-}, s = {};
-var m = /* @__PURE__ */ l(
-  u,
+}, o = {};
+var u = /* @__PURE__ */ r(
   p,
-  _,
+  l,
+  c,
   !1,
-  d,
+  _,
   null,
   null,
   null
 );
-function d(t) {
-  for (let o in s)
-    this[o] = s[o];
+function _(t) {
+  for (let s in o)
+    this[s] = o[s];
 }
-const D = /* @__PURE__ */ function() {
-  return m.exports;
+const h = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  D as default
+  h as default
 };

package/data-icons/index.mjs

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