@web-utils/component 2.70.0 → 3.0.1

package/form-input-tag/index.mjs

@@ -1,22 +1,144 @@
-var p = Object.defineProperty;
-var a = Object.getOwnPropertySymbols;
-var c = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var l = (e, r, t) => r in e ? p(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, n = (e, r) => {
+var b = Object.defineProperty, v = Object.defineProperties;
+var $ = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var d = (e, r, t) => r in e ? b(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, o = (e, r) => {
   for (var t in r || (r = {}))
-    c.call(r, t) && l(e, t, r[t]);
-  if (a)
-    for (var t of a(r))
-      m.call(r, t) && l(e, t, r[t]);
+    M.call(r, t) && d(e, t, r[t]);
+  if (p)
+    for (var t of p(r))
+      V.call(r, t) && d(e, t, r[t]);
   return e;
-};
-import { f as d } from "../chunks/form-input-mixin.4632ad36.mjs";
-import { d as f, n as _ } from "../chunks/index.57f871af.mjs";
-import s from "@web-utils/component/x-input-tag";
+}, c = (e, r) => v(e, $(r));
+var l = (e, r, t) => new Promise((n, a) => {
+  var g = (s) => {
+    try {
+      i(t.next(s));
+    } catch (u) {
+      a(u);
+    }
+  }, y = (s) => {
+    try {
+      i(t.throw(s));
+    } catch (u) {
+      a(u);
+    }
+  }, i = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(g, y);
+  i((t = t.apply(e, r)).next());
+});
+import { _ as j, f as x } from "../chunks/FormItem.2920ac0c.mjs";
+import { h as I, n as T } from "../chunks/index.d91bd77a.mjs";
+import f from "@web-utils/component/x-input-tag";
 import "@web-utils/component/x-input-tag/style.css";
-import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var b = function() {
+import { s as k, r as F } from "../chunks/XInputTag.vue_vue_type_style_index_0_lang.7ad045b3.mjs";
+import { n as _ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const w = {
+  name: "XInputTag",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    value: {
+      type: [Array, String],
+      default: () => []
+    },
+    disabled: Boolean,
+    separator: {
+      type: String,
+      default: ","
+    },
+    count: {
+      type: Boolean,
+      default: !0
+    },
+    arrayMode: {
+      type: Boolean,
+      default: !0
+    },
+    objectMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      inputVisible: !1,
+      inputValue: "",
+      maxTag: 20
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    },
+    tags: {
+      get() {
+        var e, r;
+        if (this.arrayMode)
+          return (e = this.value) != null && e.length ? this.objectMode ? this.value.map((t) => t.id > 0 ? t : c(o({}, t), { id: Math.random() })) : this.value : [];
+        {
+          const t = ((r = this.value) == null ? void 0 : r.split(this.separator)) || [];
+          return t.length && t[0] ? t.map((n) => this.objectMode ? { name: n, id: Math.random() } : n) : [];
+        }
+      }
+    }
+  },
+  methods: {
+    showInput() {
+      return l(this, null, function* () {
+        this.inputVisible = !0, yield this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
+      });
+    },
+    handleClose(e) {
+      const r = this.tags.filter((t) => t !== e);
+      this.$emit("input", this.arrayMode ? r : r.map((t) => t.name || t).join(this.separator));
+    },
+    handleInputConfirm() {
+      return l(this, null, function* () {
+        var r;
+        if (this.tags.length >= this.maxTag) {
+          this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
+          return;
+        }
+        const e = this.inputValue;
+        if (e) {
+          if (this.tags.some((n) => (n.name || n) === e)) {
+            this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
+            return;
+          }
+          const t = [...this.tags];
+          t.push(this.objectMode ? { id: Date.now(), name: this.inputValue } : this.inputValue), this.$emit("input", this.arrayMode ? t : t.map((n) => n.name || n).join(this.separator)), yield this.$nextTick(), (r = this.elFormItem) == null || r.clearValidate();
+        }
+        this.inputVisible = !1, this.inputValue = "";
+      });
+    }
+  }
+}, m = {};
+var B = /* @__PURE__ */ _(
+  w,
+  F,
+  k,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let r in m)
+    this[r] = m[r];
+}
+const S = /* @__PURE__ */ function() {
+  return B.exports;
+}();
+var C = function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("FormItem", e._b({
+  return t(j, e._b({
     attrs: {
       block: e.block,
       rules: e.computeRules,
@@ -25,7 +147,7 @@ var b = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [t("XInputTag", e._g(e._b({
+        return [t(S, e._g(e._b({
           attrs: {
             value: e.value,
             readonly: e.readonly,
@@ -35,8 +157,8 @@ var b = function() {
             "object-mode": e.objectMode
           },
           on: {
-            input: function(o) {
-              return e.$emit("input", o);
+            input: function(n) {
+              return e.$emit("input", n);
             }
           }
         }, "XInputTag", e.inputProps, !1), e.listeners))];
@@ -44,10 +166,10 @@ var b = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(o) {
-        var i = o.error;
+      fn: function(n) {
+        var a = n.error;
         return [e._t("error", null, {
-          error: i
+          error: a
         })];
       }
     }, {
@@ -58,13 +180,13 @@ var b = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, v = [];
-const I = Object.keys(s.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), h = {
+}, D = [];
+const R = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), X = {
   name: "FormInputTag",
   components: {
-    XInputTag: s
+    XInputTag: f
   },
-  mixins: [d],
+  mixins: [x],
   props: {
     value: [Array, String],
     block: {
@@ -82,27 +204,27 @@ const I = Object.keys(s.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return f(n(n({}, _(this.$attrs)), this.$props), I);
+      return I(o(o({}, T(this.$attrs)), this.$props), R);
     }
   }
-}, u = {};
-var g = /* @__PURE__ */ y(
-  h,
-  b,
-  v,
+}, h = {};
+var z = /* @__PURE__ */ _(
+  X,
+  C,
+  D,
   !1,
-  k,
+  A,
   null,
   null,
   null
 );
-function k(e) {
-  for (let r in u)
-    this[r] = u[r];
+function A(e) {
+  for (let r in h)
+    this[r] = h[r];
 }
-const B = /* @__PURE__ */ function() {
-  return g.exports;
+const L = /* @__PURE__ */ function() {
+  return z.exports;
 }();
 export {
-  B as default
+  L as default
 };

package/form-input-time/index.mjs

@@ -1,21 +1,21 @@
-var m = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var i = (e, t, r) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
+var p = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var i = (e, t, r) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
   for (var r in t || (t = {}))
-    p.call(t, r) && i(e, r, t[r]);
-  if (o)
-    for (var r of o(t))
+    m.call(t, r) && i(e, r, t[r]);
+  if (l)
+    for (var r of l(t))
       c.call(t, r) && i(e, r, t[r]);
   return e;
 };
-import { f } from "../chunks/form-input-mixin.4632ad36.mjs";
-import l from "element-ui/lib/time-picker";
-import { d, n as _ } from "../chunks/index.57f871af.mjs";
+import { _ as f, f as d } from "../chunks/FormItem.2920ac0c.mjs";
+import o from "element-ui/lib/time-picker";
+import { h as _, n as g } from "../chunks/index.d91bd77a.mjs";
 import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var y = function() {
   var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("FormItem", e._b({
+  return r(f, e._b({
     attrs: {
       rules: e.computeRules,
       disabled: e.inputDisabled
@@ -23,7 +23,7 @@ var y = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [r("ElTimePicker", e._g(e._b({
+        return [r(o, e._g(e._b({
           attrs: {
             "is-range": e.range,
             value: e.value,
@@ -67,12 +67,12 @@ var y = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, g = [];
-const b = Object.keys(l.props || l.default.props).filter(
+}, b = [];
+const h = Object.keys(o.props || o.default.props).filter(
   (e) => !["value", "placeholder", "disabled"].includes(e)
 ), x = {
   name: "FormInputTime",
-  mixins: [f],
+  mixins: [d],
   props: {
     range: Boolean,
     format: {
@@ -111,27 +111,27 @@ const b = Object.keys(l.props || l.default.props).filter(
       return "请选择";
     },
     inputProps() {
-      return d(a(a({}, _(this.$attrs)), this.$props), b);
+      return _(a(a({}, g(this.$attrs)), this.$props), h);
     }
   }
 }, s = {};
-var T = /* @__PURE__ */ v(
+var S = /* @__PURE__ */ v(
   x,
   y,
-  g,
+  b,
   !1,
-  h,
+  T,
   null,
   null,
   null
 );
-function h(e) {
+function T(e) {
   for (let t in s)
     this[t] = s[t];
 }
-const R = /* @__PURE__ */ function() {
-  return T.exports;
+const $ = /* @__PURE__ */ function() {
+  return S.exports;
 }();
 export {
-  R as default
+  $ as default
 };

package/form-item/index.mjs

@@ -1,153 +1,24 @@
-var M = Object.defineProperty;
-var q = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
-var F = (e, r, t) => r in e ? M(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, _ = (e, r) => {
-  for (var t in r || (r = {}))
-    P.call(r, t) && F(e, t, r[t]);
-  if (q)
-    for (var t of q(r))
-      T.call(r, t) && F(e, t, r[t]);
-  return e;
-};
-var h = (e, r, t) => new Promise((i, f) => {
-  var s = (l) => {
-    try {
-      a(t.next(l));
-    } catch (n) {
-      f(n);
-    }
-  }, o = (l) => {
-    try {
-      a(t.throw(l));
-    } catch (n) {
-      f(n);
-    }
-  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, o);
-  a((t = t.apply(e, r)).next());
-});
-import { f as V } from "../chunks/form-item-mixin.ad148e7b.mjs";
-import { hasOwn as w } from "@web-utils/core";
-import { n as z } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const B = {
-  name: "FormItem",
-  mixins: [V],
-  inject: {
-    formHolder: {
-      default: ""
-    },
-    formItemConfig: {
-      default: null
-    }
-  },
-  computed: {
-    gutter() {
-      var r;
-      let e = this.$parent;
-      for (; e && e.$options.componentName !== "ElRow"; )
-        e = e.$parent;
-      return (r = e == null ? void 0 : e.gutter) != null ? r : 0;
-    }
-  },
-  methods: {
-    renderFormItem() {
-      var v, b, g;
-      const e = this.$createElement, {
-        label: r,
-        labelWidth: t,
-        prop: i,
-        rules: f,
-        $scopedSlots: s,
-        elFormItemProps: o,
-        elForm: a,
-        formHolder: l,
-        formItemClass: n,
-        required: u,
-        block: k,
-        half: y,
-        wrapCol: $,
-        wrapFormItem: R,
-        disabled: E,
-        formItemConfig: d,
-        getRequireRule: W
-      } = this;
-      let m = f, c = u, p = u, I = k, C = $;
-      d && (w(d, "block") && (I = d.block), w(d, "wrapCol") && (C = d.wrapCol));
-      const j = I && y && C ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      return E || a != null && a.disabled ? (m = [], l && !l.required && !((v = l.requiredFields) != null && v.includes(i)) && (p = !1)) : (l && !l.required && !((b = l.requiredFields) != null && b.includes(i)) && (c = !1), c && !(m != null && m.length) && i ? m = [W()] : c || (p = !1, m && (m = m.filter((H) => !H.required)))), R ? (
-        // eslint-disable-next-line no-undef
-        e("ElFormItem", {
-          style: {
-            width: j
-          },
-          key: `${i}-${c}`,
-          class: p ? `form-item required ${n || ""}` : `${n || ""}`,
-          scopedSlots: s,
-          props: _({}, o),
-          attrs: {
-            label: r,
-            "label-width": t,
-            prop: i,
-            rules: m
-          },
-          ref: "formItem"
-        })
-      ) : e("div", [(g = s.default) == null ? void 0 : g.call(s)]);
-    },
-    clearValidate() {
-      return h(this, null, function* () {
-        var e, r;
-        yield this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
-      });
-    },
-    validate() {
-      return h(this, null, function* () {
-        var e, r;
-        yield this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
-      });
-    }
-  },
-  render() {
-    var n, u;
-    const e = arguments[0], {
-      computeSpan: r,
-      wrapCol: t,
-      formItemConfig: i,
-      renderFormItem: f,
-      elColProps: s,
-      $scopedSlots: o,
-      unwrap: a
-    } = this;
-    let l = t;
-    return i && w(i, "wrapCol") && (l = i.wrapCol), a ? e("div", [(n = o.default) == null ? void 0 : n.call(o)]) : l ? (
-      // eslint-disable-next-line no-undef
-      e("ElCol", {
-        props: _({}, s),
-        attrs: {
-          span: r
-        }
-      }, [f(), (u = o == null ? void 0 : o.below) == null ? void 0 : u.call(o)])
-    ) : f();
-  }
-};
-let N, O;
-const x = {};
-var A = /* @__PURE__ */ z(
-  B,
-  N,
-  O,
+import { _ as n } from "../chunks/FormItem.vue_vue_type_style_index_0_lang.970bd712.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+let _, r;
+const t = {};
+var s = /* @__PURE__ */ o(
+  n,
+  _,
+  r,
   !1,
-  D,
+  l,
   null,
   null,
   null
 );
-function D(e) {
-  for (let r in x)
-    this[r] = x[r];
+function l(u) {
+  for (let e in t)
+    this[e] = t[e];
 }
-const Q = /* @__PURE__ */ function() {
-  return A.exports;
+const m = /* @__PURE__ */ function() {
+  return s.exports;
 }();
 export {
-  Q as default
+  m as default
 };

package/form-item-group/index.mjs

@@ -1,172 +1,24 @@
-import { isFunction as m } from "@web-utils/core";
-import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], p = {
-  name: "FormItemGroup",
-  inject: {
-    elForm: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      elForm: this.formConfig,
-      formItemGroup: this
-    };
-  },
-  props: {
-    blockTitle: {
-      type: String
-    },
-    active: Boolean,
-    enabled: Boolean,
-    disabled: Boolean,
-    wrapRow: {
-      type: Boolean,
-      default: !0
-    },
-    gutter: {
-      type: Number,
-      default: 20
-    },
-    collapse: Boolean
-  },
-  data() {
-    const e = {};
-    return r.forEach((t) => {
-      e[t] = null;
-    }), {
-      expand: !0,
-      formConfig: e
-    };
-  },
-  computed: {
-    formCfg() {
-      const e = {
-        enabled: this.enabled,
-        forbidden: this.disabled
-      };
-      return r.forEach((t) => {
-        e[t] = this.elForm[t];
-      }), e;
-    }
-  },
-  watch: {
-    collapse: {
-      immediate: !0,
-      handler(e) {
-        this.expand = !e;
-      }
-    },
-    formCfg: {
-      immediate: !0,
-      handler() {
-        this.formConfig.disabled = this.isDisabled(), r.forEach((e) => {
-          var t;
-          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.formConfig[e] = this.elForm[e]);
-        });
-      }
-    }
-  },
-  mounted() {
-    this.dispatch("FormView", "FormView.addGroup", [this]);
-  },
-  beforeDestroy() {
-    this.dispatch("FormView", "FormView.removeGroup", [this]);
-  },
-  methods: {
-    isDisabled() {
-      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
-    },
-    dispatch(e, t, s) {
-      let i = this.$parent || this.$root, o = i.$options.name;
-      for (; i && (!o || o !== e); )
-        i = i.$parent, i && (o = i.$options.name);
-      i && i.$emit.apply(i, [t].concat(s));
-    },
-    renderDefault() {
-      const e = this.$createElement, {
-        wrapRow: t,
-        gutter: s,
-        formConfig: i,
-        $scopedSlots: o
-      } = this;
-      return m(o.default) ? t ? (
-        // eslint-disable-next-line no-undef
-        e("ElRow", {
-          attrs: {
-            gutter: s
-          },
-          class: "form-item-group-row"
-        }, [o.default({
-          disabled: i.disabled
-        })])
-      ) : o.default({
-        disabled: i.disabled
-      }) : e("EmptyView", {
-        attrs: {
-          "font-size": "14px",
-          "empty-tips": "暂无信息"
-        }
-      });
-    },
-    toggle() {
-      this.expand = !this.expand;
-    },
-    open() {
-      this.expand = !0;
-    }
-  },
-  render() {
-    const e = arguments[0], {
-      renderDefault: t,
-      blockTitle: s,
-      active: i,
-      expand: o,
-      toggle: n,
-      $scopedSlots: a,
-      isDisabled: d
-    } = this;
-    return e("div", {
-      class: ["form-item-group", {
-        "default-active": i,
-        "is-disabled": d()
-      }]
-    }, [e("div", {
-      class: "form-item-group-title",
-      on: {
-        click: n
-      }
-    }, [e("span", {
-      class: "flex-item"
-    }, [s, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
-      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), e("ElCollapseTransition", [e("div", {
-      directives: [{
-        name: "show",
-        value: o
-      }]
-    }, [t()])])]);
-  }
-};
-let f, h;
-const l = {};
-var b = /* @__PURE__ */ u(
-  p,
-  f,
-  h,
+import { _ as n } from "../chunks/FormItemGroup.vue_vue_type_style_index_0_lang.b588a8ea.mjs";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+let _, r;
+const t = {};
+var s = /* @__PURE__ */ o(
+  n,
+  _,
+  r,
   !1,
-  g,
+  l,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in l)
-    this[t] = l[t];
+function l(u) {
+  for (let e in t)
+    this[e] = t[e];
 }
-const w = /* @__PURE__ */ function() {
-  return b.exports;
+const m = /* @__PURE__ */ function() {
+  return s.exports;
 }();
 export {
-  w as default
+  m as default
 };