@web-utils/component 3.0.2 → 3.0.4

package/form-input-tag/index.mjs

@@ -1,144 +1,22 @@
-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) => {
+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) => {
   for (var t in r || (r = {}))
-    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]);
+    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]);
   return e;
-}, 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 { f as d } from "../chunks/form-input-mixin.78a567bc.mjs";
+import { d as f, n as _ } from "../chunks/index.57f871af.mjs";
+import s from "@web-utils/component/x-input-tag";
 import "@web-utils/component/x-input-tag/style.css";
-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() {
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var b = function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
-  return t(j, e._b({
+  return t("FormItem", e._b({
     attrs: {
       block: e.block,
       rules: e.computeRules,
@@ -147,7 +25,7 @@ var C = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [t(S, e._g(e._b({
+        return [t("XInputTag", e._g(e._b({
           attrs: {
             value: e.value,
             readonly: e.readonly,
@@ -157,8 +35,8 @@ var C = function() {
             "object-mode": e.objectMode
           },
           on: {
-            input: function(n) {
-              return e.$emit("input", n);
+            input: function(o) {
+              return e.$emit("input", o);
             }
           }
         }, "XInputTag", e.inputProps, !1), e.listeners))];
@@ -166,10 +44,10 @@ var C = function() {
       proxy: !0
     }, {
       key: "error",
-      fn: function(n) {
-        var a = n.error;
+      fn: function(o) {
+        var i = o.error;
         return [e._t("error", null, {
-          error: a
+          error: i
         })];
       }
     }, {
@@ -180,13 +58,13 @@ var C = function() {
       proxy: !0
     }], null, !0)
   }, "FormItem", e.formItemProps, !1));
-}, D = [];
-const R = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), X = {
+}, v = [];
+const I = Object.keys(s.props).filter((e) => !["value", "placeholder", "disabled"].includes(e)), h = {
   name: "FormInputTag",
   components: {
-    XInputTag: f
+    XInputTag: s
   },
-  mixins: [x],
+  mixins: [d],
   props: {
     value: [Array, String],
     block: {
@@ -204,27 +82,27 @@ const R = Object.keys(f.props).filter((e) => !["value", "placeholder", "disabled
   },
   computed: {
     inputProps() {
-      return I(o(o({}, T(this.$attrs)), this.$props), R);
+      return f(n(n({}, _(this.$attrs)), this.$props), I);
     }
   }
-}, h = {};
-var z = /* @__PURE__ */ _(
-  X,
-  C,
-  D,
+}, u = {};
+var g = /* @__PURE__ */ y(
+  h,
+  b,
+  v,
   !1,
-  A,
+  k,
   null,
   null,
   null
 );
-function A(e) {
-  for (let r in h)
-    this[r] = h[r];
+function k(e) {
+  for (let r in u)
+    this[r] = u[r];
 }
-const L = /* @__PURE__ */ function() {
-  return z.exports;
+const B = /* @__PURE__ */ function() {
+  return g.exports;
 }();
 export {
-  L as default
+  B as default
 };

package/form-input-time/index.mjs

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

package/form-item/index.mjs

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

package/form-item-group/index.mjs

@@ -1,24 +1,174 @@
-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,
+import m from "element-ui/lib/transitions/collapse-transition";
+import u from "element-ui/lib/row";
+import { isFunction as p } from "@web-utils/core";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const s = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], f = ["$emit", "validate", "clearValidate"], h = {
+  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 s.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return s.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(), s.forEach((e) => {
+          var t;
+          e !== "disabled" && (f.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, r) {
+      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(r));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: r,
+        formConfig: i,
+        $scopedSlots: o
+      } = this;
+      return p(o.default) ? t ? (
+        // eslint-disable-next-line no-undef
+        e(u, {
+          attrs: {
+            gutter: r
+          },
+          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: r,
+      active: i,
+      expand: o,
+      toggle: l,
+      $scopedSlots: n,
+      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: l
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [r, n["title-right"] ? n["title-right"]() : null]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e(m, [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [t()])])]);
+  }
+};
+let _, b;
+const a = {};
+var g = /* @__PURE__ */ c(
+  h,
   _,
-  r,
+  b,
   !1,
-  l,
+  v,
   null,
   null,
   null
 );
-function l(u) {
-  for (let e in t)
-    this[e] = t[e];
+function v(e) {
+  for (let t in a)
+    this[t] = a[t];
 }
-const m = /* @__PURE__ */ function() {
-  return s.exports;
+const C = /* @__PURE__ */ function() {
+  return g.exports;
 }();
 export {
-  m as default
+  C as default
 };