@web-utils/component 3.0.6 → 3.1.0

package/dialog-form/index.mjs

@@ -1,68 +1,19 @@
-import { isEmpty as a } from "@web-utils/core";
-import { d as l } from "../chunks/util.ae730cde.mjs";
-import r from "vue";
-import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var d = function() {
-  var e = this, t = e.$createElement, o = e._self._c || t;
-  return o(e.dialogType, e._b({
-    tag: "Component",
-    staticClass: "dialog-form",
-    attrs: {
-      visible: e.visible,
-      "destroy-on-close": "",
-      "before-close": e.beforeClose
-    },
-    on: {
-      "update:visible": function(s) {
-        e.visible = s;
-      }
-    }
-  }, "Component", e.dialog, !1), [o("FyForm", {
-    ref: "form",
-    attrs: {
-      option: Object.assign({}, e.deepClone(e.option), {
-        menuBtn: !1
-      }),
-      status: e.disabled
-    },
-    on: {
-      "update:status": function(s) {
-        e.disabled = s;
-      },
-      submit: e.handleSubmit,
-      "reset-change": e.close
-    },
-    model: {
-      value: e.data,
-      callback: function(s) {
-        e.data = s;
-      },
-      expression: "data"
-    }
-  }), e.isEmpty(e.option.menuBtn, !0) ? o("span", {
-    staticClass: "avue-dialog__footer",
-    class: `avue-dialog__footer--${e.menuPosition}`
-  }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", {
-    attrs: {
-      size: e.$AVUE.size,
-      icon: e.option.submitIcon,
-      loading: e.disabled,
-      type: "primary"
-    },
-    on: {
-      click: e.submit
-    }
-  }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", {
-    attrs: {
-      disabled: e.disabled,
-      size: e.$AVUE.size,
-      icon: e.option.emptyIcon
-    },
-    on: {
-      click: e.reset
-    }
-  }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
-}, m = [];
+var c = Object.defineProperty, d = Object.defineProperties;
+var m = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var l = (t, e, o) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, n = (t, e) => {
+  for (var o in e || (e = {}))
+    u.call(e, o) && l(t, o, e[o]);
+  if (a)
+    for (var o of a(e))
+      p.call(e, o) && l(t, o, e[o]);
+  return t;
+}, r = (t, e) => d(t, m(e));
+import { isEmpty as b } from "@web-utils/core";
+import { d as f } from "../chunks/util.ae730cde.mjs";
+import h from "vue";
+import { n as _ } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
 const i = {
   name: "DialogForm",
   data() {
@@ -94,55 +45,58 @@ const i = {
     }
   },
   methods: {
-    isEmpty: a,
-    deepClone: l,
+    isEmpty: b,
+    deepClone: f,
     submit() {
       this.$refs.form.submit();
     },
     reset() {
       this.$refs.form.resetForm();
     },
-    beforeClose(e) {
-      e(), this.close();
+    beforeClose(t) {
+      t(), this.close();
     },
-    show(e) {
-      this.opt = e, this.callback = e.callback;
-      const t = this.deepClone(e);
-      ["callback", "option", "data"].forEach((o) => delete t[o]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+    show(t) {
+      this.opt = t, this.callback = t.callback;
+      const e = this.deepClone(t);
+      ["callback", "option", "data"].forEach((o) => delete e[o]), this.dialog = Object.assign(this.dialog, e), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, t.option), this.data = t.data, this.visible = !0;
     },
     close() {
-      const e = () => {
+      const t = () => {
         this.visible = !1, this.$destroy(), this.$el.remove();
       };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(t) : t();
     },
-    handleSubmit(e, t) {
-      this.callback && this.callback({ data: e, close: this.close, done: t });
+    handleSubmit(t, e) {
+      this.callback && this.callback({ data: t, close: this.close, done: e });
     }
   }
 };
-i.showForm = (e) => {
-  const t = r.extend(i), o = new t().$mount();
-  return document.body.appendChild(o.$el), o.show(e), o;
+i.showForm = (t) => {
+  const e = h.extend(i), o = new e().$mount();
+  return document.body.appendChild(o.$el), o.show(t), o;
 };
-const u = i, n = {};
-var p = /* @__PURE__ */ c(
-  u,
-  d,
-  m,
+const g = i;
+var y = function() {
+  var e = this, o = e._self._c;
+  return e._self._setupProxy, o(e.dialogType, e._b({ tag: "Component", staticClass: "dialog-form", attrs: { visible: e.visible, "destroy-on-close": "", "before-close": e.beforeClose }, on: { "update:visible": function(s) {
+    e.visible = s;
+  } } }, "Component", e.dialog, !1), [o("FyForm", { ref: "form", attrs: { option: r(n({}, e.deepClone(e.option)), { menuBtn: !1 }), status: e.disabled }, on: { "update:status": function(s) {
+    e.disabled = s;
+  }, submit: e.handleSubmit, "reset-change": e.close }, model: { value: e.data, callback: function(s) {
+    e.data = s;
+  }, expression: "data" } }), e.isEmpty(e.option.menuBtn, !0) ? o("span", { staticClass: "avue-dialog__footer", class: `avue-dialog__footer--${e.menuPosition}` }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", { attrs: { size: e.$AVUE.size, icon: e.option.submitIcon, loading: e.disabled, type: "primary" }, on: { click: e.submit } }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", { attrs: { disabled: e.disabled, size: e.$AVUE.size, icon: e.option.emptyIcon }, on: { click: e.reset } }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
+}, v = [], C = /* @__PURE__ */ _(
+  g,
+  y,
+  v,
   !1,
-  b,
+  null,
   null,
   null,
   null
 );
-function b(e) {
-  for (let t in n)
-    this[t] = n[t];
-}
-const v = /* @__PURE__ */ function() {
-  return p.exports;
-}();
+const $ = C.exports;
 export {
-  v as default
+  $ as default
 };

package/dynamic-table/index.mjs

@@ -1,102 +1,11 @@
-import { fastClone as u, validateNumber as d, validateIdCard as c, validatePhoneNum as m } from "@web-utils/core";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var h = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return t("div", {
-    staticClass: "dynamic-table"
-  }, [t("ElTable", {
-    key: e.key,
-    staticStyle: {
-      width: "100%"
-    },
-    attrs: {
-      data: e.value
-    }
-  }, [e._l(e.columns, function(a) {
-    return t("TableColumn", {
-      key: a.prop,
-      attrs: {
-        prop: a.prop,
-        label: a.label,
-        "min-width": "150"
-      },
-      scopedSlots: e._u([{
-        key: "default",
-        fn: function(n) {
-          var l = n.row, r = n.$index;
-          return [t("ElFormItem", {
-            style: {
-              marginBottom: e.inputDisabled ? "0px" : "16px"
-            },
-            attrs: {
-              prop: `${e.prop}.${r}.${a.prop}`,
-              size: "mini",
-              rules: e.getRules(a)
-            }
-          }, [t("ElInput", {
-            attrs: {
-              "prefix-icon": e.getIcon(a),
-              disabled: e.inputDisabled,
-              placeholder: e.inputDisabled ? "" : `请输入${a.label}！`
-            },
-            model: {
-              value: l[a.prop],
-              callback: function(s) {
-                e.$set(l, a.prop, s);
-              },
-              expression: "row[column.prop]"
-            }
-          })], 1)];
-        }
-      }], null, !0)
-    });
-  }), e.inputDisabled ? e._e() : t("TableColumn", {
-    attrs: {
-      label: "操作",
-      width: "60",
-      fixed: "right"
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function(a) {
-        var n = a.row, l = a.column, r = a.$index;
-        return [t("i", {
-          staticClass: "el-icon-minus dynamic-table-action-icon",
-          staticStyle: {
-            position: "relative",
-            top: "-8px",
-            color: "#f00"
-          },
-          attrs: {
-            title: "删除"
-          },
-          on: {
-            click: function(s) {
-              return s.stopPropagation(), e.removeRow(n, r, l);
-            }
-          }
-        })];
-      }
-    }], null, !1, 410881950)
-  })], 2), e.inputDisabled ? e._e() : t("ElButton", {
-    staticStyle: {
-      color: "#08c108"
-    },
-    attrs: {
-      type: "text",
-      icon: "el-icon-plus"
-    },
-    on: {
-      click: e.addRow
-    }
-  }, [e._v(" 添加 ")])], 1);
-}, y = [];
-const o = {
+import { fastClone as o, validateNumber as p, validateIdCard as u, validatePhoneNum as d } from "@web-utils/core";
+import { n as c } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const r = {
   number: "fa fa-superscript",
   email: "el-icon-lx-mail",
   phone: "fa fa-phone",
   idCard: "el-icon-lx-news"
-}, v = {
+}, m = {
   name: "DynamicTable",
   inject: {
     elForm: {
@@ -134,8 +43,8 @@ const o = {
   watch: {
     value: {
       deep: !0,
-      handler(e) {
-        this.$emit("input", e);
+      handler(t) {
+        this.$emit("input", t);
       }
     },
     columns: {
@@ -146,50 +55,57 @@ const o = {
     }
   },
   methods: {
-    getIcon(e) {
-      return o[e.type] ? o[e.type] : "";
+    getIcon(t) {
+      return r[t.type] ? r[t.type] : "";
     },
     addRow() {
-      const e = this.value;
-      e.push(this.newRow()), this.$emit("input", e);
-    },
-    removeRow(e, i) {
       const t = this.value;
-      t.splice(i, 1), this.$emit("input", t);
+      t.push(this.newRow()), this.$emit("input", t);
+    },
+    removeRow(t, e) {
+      const a = this.value;
+      a.splice(e, 1), this.$emit("input", a);
     },
     newRow() {
-      const e = {};
-      return this.columns.forEach((i) => {
-        e[i.prop] = void 0;
-      }), e;
+      const t = {};
+      return this.columns.forEach((e) => {
+        t[e.prop] = void 0;
+      }), t;
     },
-    getRules(e) {
-      const i = e.rules;
-      if (["email", "idCard", "phone", "number"].includes(e.type)) {
-        const t = u(i || []);
-        return e.type === "number" && t.push({ validator: d, message: "请输入数字！" }), e.type === "email" && t.push({ type: "email", message: "请输入正确的邮箱地址！" }), e.type === "idCard" && t.push({ validator: c, message: "请输入正确的身份证号码！" }), e.type === "phone" && t.push({ validator: m, message: "请输入正确的手机号码！" }), t;
+    getRules(t) {
+      const e = t.rules;
+      if (["email", "idCard", "phone", "number"].includes(t.type)) {
+        const a = o(e || []);
+        return t.type === "number" && a.push({ validator: p, message: "请输入数字！" }), t.type === "email" && a.push({ type: "email", message: "请输入正确的邮箱地址！" }), t.type === "idCard" && a.push({ validator: u, message: "请输入正确的身份证号码！" }), t.type === "phone" && a.push({ validator: d, message: "请输入正确的手机号码！" }), a;
       } else
-        return i;
+        return e;
     }
   }
-}, p = {};
-var b = /* @__PURE__ */ f(
-  v,
-  h,
+};
+var f = function() {
+  var e = this, a = e._self._c;
+  return a("div", { staticClass: "dynamic-table" }, [a("ElTable", { key: e.key, staticStyle: { width: "100%" }, attrs: { data: e.value } }, [e._l(e.columns, function(i) {
+    return a("TableColumn", { key: i.prop, attrs: { prop: i.prop, label: i.label, "min-width": "150" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l, $index: s }) {
+      return [a("ElFormItem", { style: { marginBottom: e.inputDisabled ? "0px" : "16px" }, attrs: { prop: `${e.prop}.${s}.${i.prop}`, size: "mini", rules: e.getRules(i) } }, [a("ElInput", { attrs: { "prefix-icon": e.getIcon(i), disabled: e.inputDisabled, placeholder: e.inputDisabled ? "" : `请输入${i.label}！` }, model: { value: l[i.prop], callback: function(n) {
+        e.$set(l, i.prop, n);
+      }, expression: "row[column.prop]" } })], 1)];
+    } }], null, !0) });
+  }), e.inputDisabled ? e._e() : a("TableColumn", { attrs: { label: "操作", width: "60", fixed: "right" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, column: l, $index: s }) {
+    return [a("i", { staticClass: "el-icon-minus dynamic-table-action-icon", staticStyle: { position: "relative", top: "-8px", color: "#f00" }, attrs: { title: "删除" }, on: { click: function(n) {
+      return n.stopPropagation(), e.removeRow(i, s, l);
+    } } })];
+  } }], null, !1, 410881950) })], 2), e.inputDisabled ? e._e() : a("ElButton", { staticStyle: { color: "#08c108" }, attrs: { type: "text", icon: "el-icon-plus" }, on: { click: e.addRow } }, [e._v(" 添加 ")])], 1);
+}, y = [], h = /* @__PURE__ */ c(
+  m,
+  f,
   y,
   !1,
-  _,
+  null,
   null,
   null,
   null
 );
-function _(e) {
-  for (let i in p)
-    this[i] = p[i];
-}
-const g = /* @__PURE__ */ function() {
-  return b.exports;
-}();
+const v = h.exports;
 export {
-  g as default
+  v as default
 };

package/e-charts/index.mjs

@@ -1,19 +1,9 @@
 import * as s from "echarts/core";
-import { isString as a } from "@web-utils/core";
-import { debounce as n } from "@web-utils/integrations/lodash";
-import { addListener as o, removeListener as c } from "resize-detector";
-import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var l = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("div", {
-    staticClass: "echarts",
-    style: {
-      width: t.width,
-      height: t.height
-    }
-  });
-}, p = [];
-const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchShallow"], f = {
+import { isString as r } from "@web-utils/core";
+import { debounce as a } from "@web-utils/integrations/lodash";
+import { addListener as n, removeListener as o } from "resize-detector";
+import { n as d } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const c = ["theme", "initOptions", "autoResize"], l = ["manualUpdate", "watchShallow"], p = {
   name: "ECharts",
   props: {
     options: {
@@ -51,7 +41,7 @@ const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchSha
     }
   },
   created() {
-    this.initOptionsWatcher(), g.forEach((t) => {
+    this.initOptionsWatcher(), c.forEach((t) => {
       this.$watch(
         t,
         () => {
@@ -59,7 +49,7 @@ const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchSha
         },
         { deep: !0 }
       );
-    }), u.forEach((t) => {
+    }), l.forEach((t) => {
       this.$watch(t, () => {
         this.initOptionsWatcher(), this.refresh();
       });
@@ -133,13 +123,13 @@ const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchSha
       this.group && (e.group = this.group), e.setOption(t || this.manualOptions || this.options || {}, !0), Object.keys(this.$listeners).forEach((i) => {
         const h = this.$listeners[i];
         i.indexOf("zr:") === 0 ? e.getZr().on(i.slice(3), h) : e.on(i, h);
-      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = n(
+      }), this.autoResize && (this.lastArea = this.getArea(), this.__resizeHandler = a(
         () => {
           this.lastArea === 0 ? (this.mergeOptions({}, !0), this.resize(), this.mergeOptions(this.options || this.manualOptions || {}, !0)) : this.resize(), this.lastArea = this.getArea();
         },
         100,
         { leading: !0 }
-      ), o(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
+      ), n(this.$el, this.__resizeHandler)), Object.defineProperties(this, {
         // Only recalculated when accessed from JavaScript.
         // Won't update DOM on value change because getters
         // don't depend on reactive values
@@ -171,14 +161,14 @@ const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchSha
       ));
     },
     destroy() {
-      this.autoResize && c(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
+      this.autoResize && o(this.$el, this.__resizeHandler), this.dispose(), this.chart = null;
     },
     refresh() {
       this.chart && (this.destroy(), this.init());
     }
   },
   connect(t) {
-    a(t) || (t = t.map((e) => e.chart)), s.connect(t);
+    r(t) || (t = t.map((e) => e.chart)), s.connect(t);
   },
   disconnect(t) {
     s.disConnect(t);
@@ -193,24 +183,21 @@ const g = ["theme", "initOptions", "autoResize"], u = ["manualUpdate", "watchSha
     s.registerTheme(t, e);
   },
   graphic: s.graphic
-}, r = {};
-var _ = /* @__PURE__ */ d(
-  f,
-  l,
+};
+var g = function() {
+  var e = this, i = e._self._c;
+  return i("div", { staticClass: "echarts", style: { width: e.width, height: e.height } });
+}, u = [], f = /* @__PURE__ */ d(
   p,
+  g,
+  u,
   !1,
-  m,
+  null,
   null,
   null,
   null
 );
-function m(t) {
-  for (let e in r)
-    this[e] = r[e];
-}
-const z = /* @__PURE__ */ function() {
-  return _.exports;
-}();
+const M = f.exports;
 export {
-  z as default
+  M as default
 };

package/easy-popup/index.mjs

@@ -1,50 +1,22 @@
-var d = (e, t, i) => new Promise((o, a) => {
-  var h = (s) => {
+var d = (i, e, t) => new Promise((o, r) => {
+  var l = (s) => {
     try {
-      n(i.next(s));
-    } catch (r) {
-      a(r);
+      n(t.next(s));
+    } catch (a) {
+      r(a);
     }
-  }, u = (s) => {
+  }, h = (s) => {
     try {
-      n(i.throw(s));
-    } catch (r) {
-      a(r);
+      n(t.throw(s));
+    } catch (a) {
+      r(a);
     }
-  }, n = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(h, u);
-  n((i = i.apply(e, t)).next());
+  }, n = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(l, h);
+  n((t = t.apply(i, e)).next());
 });
-import { getComputedWidth as f, getComputedHeight as p } from "@web-utils/core";
-import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var v = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("Transition", {
-    attrs: {
-      name: "easy-popup"
-    }
-  }, [e.rendered ? i("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.visible,
-      expression: "visible"
-    }],
-    ref: "container",
-    class: ["easy-popup", {
-      "easy-popup__visible": e.visible,
-      "easy-popup__hide": !e.visible,
-      "flex-row": e.flexRow,
-      "flex-column": e.flexColumn
-    }],
-    style: e.position,
-    on: {
-      mouseleave: function(o) {
-        e.hideOnMouseLeave && e.hide();
-      }
-    }
-  }, [e._t("default")], 2) : e._e()]);
-}, y = [];
-const x = {
+import { getComputedWidth as f, getComputedHeight as u } from "@web-utils/core";
+import { n as p } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const c = {
   name: "EasyPopup",
   props: {
     // 是否开启边界检测
@@ -93,8 +65,8 @@ const x = {
       return d(this, null, function* () {
         if (this.border) {
           yield this.$nextTick();
-          const e = f(this.$refs.container), t = p(this.$refs.container), i = document.body.offsetWidth, o = document.body.offsetHeight;
-          this.axis.x + this.offset.x + e >= i && (this.axis.x = i - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= o && (this.axis.y = o - t - this.borderWidth - this.offset.y);
+          const i = f(this.$refs.container), e = u(this.$refs.container), t = document.body.offsetWidth, o = document.body.offsetHeight;
+          this.axis.x + this.offset.x + i >= t && (this.axis.x = t - i - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + e >= o && (this.axis.y = o - e - this.borderWidth - this.offset.y);
         }
       });
     }
@@ -103,34 +75,36 @@ const x = {
     this.$el.remove();
   },
   methods: {
-    show({ clientX: e, clientY: t }) {
-      this.axis = { x: e, y: t }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+    show({ clientX: i, clientY: e }) {
+      this.axis = { x: i, y: e }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.doHide);
     },
-    doHide(e) {
-      this.interactive && this.$el.contains(e.target) || this.hide();
+    doHide(i) {
+      this.interactive && this.$el.contains(i.target) || this.hide();
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ c(
-  x,
-  v,
+};
+var y = function() {
+  var e = this, t = e._self._c;
+  return t("Transition", { attrs: { name: "easy-popup" } }, [e.rendered ? t("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }], ref: "container", class: [
+    "easy-popup",
+    { "easy-popup__visible": e.visible, "easy-popup__hide": !e.visible, "flex-row": e.flexRow, "flex-column": e.flexColumn }
+  ], style: e.position, on: { mouseleave: function(o) {
+    e.hideOnMouseLeave && e.hide();
+  } } }, [e._t("default")], 2) : e._e()]);
+}, v = [], x = /* @__PURE__ */ p(
+  c,
   y,
+  v,
   !1,
-  m,
+  null,
   null,
   null,
   null
 );
-function m(e) {
-  for (let t in l)
-    this[t] = l[t];
-}
-const g = /* @__PURE__ */ function() {
-  return _.exports;
-}();
+const w = x.exports;
 export {
-  g as default
+  w as default
 };