@web-utils/component 2.8.0 → 2.8.1

package/chunks/json-beautifier.21cfffea.mjs

@@ -0,0 +1,126 @@
+const p = /[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, O = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+let s, y;
+const N = {
+  // table of character substitutions
+  "\b": "\\b",
+  "	": "\\t",
+  "\n": "\\n",
+  "\f": "\\f",
+  "\r": "\\r",
+  '"': '\\"',
+  "'": "\\'",
+  "\\": "\\\\"
+};
+let h;
+function x(f, n = {}) {
+  const e = n.space || 2, t = n.dropQuotesOnKeys !== !1, r = n.dropQuotesOnNumbers || !1, l = n.inlineShortArrays || !1, u = n.inlineShortArraysDepth || 1, a = n.quoteType || "single", c = n.minify || !1;
+  r && S(f);
+  let o = d(f, null, c ? void 0 : e, t, a);
+  if (l && !c) {
+    let i = j(o);
+    if (u > 1)
+      for (let m = 1; m < u && (o = i, i = j(o), i !== o); m++)
+        ;
+    o = i;
+  }
+  return o;
+}
+function S(f) {
+  if (!$(f))
+    return;
+  const n = Object.keys(f);
+  n && n.forEach(function(e) {
+    const t = f[e];
+    if (typeof t == "string") {
+      const r = t - 0;
+      f[e] = isNaN(r) ? t : r;
+    } else
+      ($(t) || Array.isArray(t)) && S(t);
+  });
+}
+function $(f) {
+  return f && typeof f == "object";
+}
+function j(f, n) {
+  if (n || (n = 80), typeof n != "number" || n < 20)
+    throw Error(`Invalid width '${n}'. Expecting number equal or larger than 20.`);
+  const e = f.split(`
+`);
+  let t = 0, r = null, l = [];
+  for (; t < e.length; ) {
+    const u = !!e[t].match(/\[/), a = !!e[t].match(/\],?/);
+    if (u && !a)
+      l = [e[t]], r = t;
+    else if (a && !u && r) {
+      l.push((e[t] || "").trim());
+      const c = l.join(" ");
+      c.length < n && (e.splice(r, t - r + 1, c), t = r), r = null, l = [];
+    } else
+      r && l.push((e[t] || "").trim());
+    t += 1;
+  }
+  return e.join(`
+`);
+}
+function d(f, n, e, t, r) {
+  let l;
+  if (s = "", y = "", typeof e == "number")
+    for (l = 0; l < e; l += 1)
+      y += " ";
+  else
+    typeof e == "string" && (y = e);
+  if (h = n, n && typeof n != "function" && (typeof n != "object" || typeof n.length != "number"))
+    throw new Error("JSON.stringify");
+  return b("", { "": f }, t, r);
+}
+function b(f, n, e, t) {
+  let r, l, u, a;
+  const c = s;
+  let o, i = n[f];
+  switch (i && typeof i == "object" && typeof i.toJSON == "function" && (i = i.toJSON(f)), typeof h == "function" && (i = h.call(n, f, i)), typeof i) {
+    case "function":
+      return i;
+    case "string":
+      return g(i, t);
+    case "number":
+      return isFinite(i) ? String(i) : "null";
+    case "boolean":
+    case "null":
+      return String(i);
+    case "object":
+      if (!i)
+        return "null";
+      if (s += y, o = [], Object.prototype.toString.apply(i) === "[object Array]") {
+        for (a = i.length, r = 0; r < a; r += 1)
+          o[r] = b(r, i, e, t) || "null";
+        return u = o.length === 0 ? "[]" : s ? `[
+${s}${o.join(`,
+${s}`)}
+${c}]` : `[${o.join(",")}]`, s = c, u;
+      }
+      if (h && typeof h == "object")
+        for (a = h.length, r = 0; r < a; r += 1)
+          typeof h[r] == "string" && (l = h[r], u = b(l, i, e, t), u && o.push((e ? A(l, t) : g(l, t)) + (s ? ": " : ":") + u));
+      else
+        for (l in i)
+          Object.prototype.hasOwnProperty.call(i, l) && (u = b(l, i, e, t), u && o.push((e ? A(l, t) : g(l, t)) + (s ? ": " : ":") + u));
+      return u = o.length === 0 ? "{}" : s ? `{
+${s}${o.join(`,
+${s}`)}
+${c}}` : `{${o.join(",")}}`, s = c, u;
+  }
+}
+function g(f, n) {
+  p.lastIndex = 0;
+  let e = '"';
+  return n === "single" && (e = "'"), p.test(f) ? e + f.replace(p, function(t) {
+    const r = N[t];
+    return typeof r == "string" ? r : `\\u${`0000${t.charCodeAt(0).toString(16)}`.slice(-4)}`;
+  }) + e : e + f + e;
+}
+function A(f, n) {
+  return O.test(f) ? f : g(f, n);
+}
+export {
+  x as c
+};

package/dynamic-table/index.mjs

@@ -13,7 +13,7 @@ var h = function() {
       data: e.value
     }
   }, [e._l(e.columns, function(a) {
-    return t("ElTableColumn", {
+    return t("TableColumn", {
       key: a.prop,
       attrs: {
         prop: a.prop,
@@ -22,8 +22,8 @@ var h = function() {
       },
       scopedSlots: e._u([{
         key: "default",
-        fn: function(l) {
-          var n = l.row, r = l.$index;
+        fn: function(n) {
+          var l = n.row, r = n.$index;
           return [t("ElFormItem", {
             style: {
               marginBottom: e.inputDisabled ? "0px" : "16px"
@@ -40,9 +40,9 @@ var h = function() {
               placeholder: e.inputDisabled ? "" : `请输入${a.label}！`
             },
             model: {
-              value: n[a.prop],
+              value: l[a.prop],
               callback: function(s) {
-                e.$set(n, a.prop, s);
+                e.$set(l, a.prop, s);
               },
               expression: "row[column.prop]"
             }
@@ -50,7 +50,7 @@ var h = function() {
         }
       }], null, !0)
     });
-  }), e.inputDisabled ? e._e() : t("ElTableColumn", {
+  }), e.inputDisabled ? e._e() : t("TableColumn", {
     attrs: {
       label: "操作",
       width: "60",
@@ -59,7 +59,7 @@ var h = function() {
     scopedSlots: e._u([{
       key: "default",
       fn: function(a) {
-        var l = a.row, n = a.column, r = a.$index;
+        var n = a.row, l = a.column, r = a.$index;
         return [t("i", {
           staticClass: "el-icon-minus dynamic-table-action-icon",
           staticStyle: {
@@ -72,7 +72,7 @@ var h = function() {
           },
           on: {
             click: function(s) {
-              return s.stopPropagation(), e.removeRow(l, r, n);
+              return s.stopPropagation(), e.removeRow(n, r, l);
             }
           }
         })];

package/form-block/index.mjs

@@ -0,0 +1,156 @@
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const l = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], c = {
+  name: "FormBlock",
+  inject: {
+    elForm: {
+      default: {}
+    }
+  },
+  provide() {
+    return {
+      elForm: this.formConfig
+    };
+  },
+  props: {
+    blockTitle: String,
+    active: Boolean,
+    enabled: Boolean,
+    disabled: Boolean,
+    wrapRow: {
+      type: Boolean,
+      default: !0
+    },
+    gutter: {
+      type: Number,
+      default: 20
+    },
+    collapse: Boolean
+  },
+  data() {
+    const e = {};
+    return l.forEach((t) => {
+      e[t] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return l.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.available(), l.forEach((e) => {
+          var t;
+          e !== "disabled" && (d.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.addTab", [this]);
+  },
+  beforeDestroy() {
+    this.dispatch("FormView", "FormView.removeTab", [this]);
+  },
+  methods: {
+    available() {
+      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+    },
+    dispatch(e, t, a) {
+      let o = this.$parent || this.$root, i = o.$options.name;
+      for (; o && (!i || i !== e); )
+        o = o.$parent, o && (i = o.$options.name);
+      o && o.$emit.apply(o, [t].concat(a));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: t,
+        gutter: a,
+        formConfig: o,
+        $scopedSlots: i
+      } = this;
+      return t ? e("ElRow", {
+        attrs: {
+          gutter: a
+        }
+      }, [i.default({
+        disabled: o.disabled
+      })]) : i.default({
+        disabled: o.disabled
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: t,
+      blockTitle: a,
+      active: o,
+      expand: i,
+      toggle: r
+    } = this;
+    return e("div", {
+      class: ["form-block", {
+        "default-active": o
+      }]
+    }, [e("div", {
+      class: "form-block-title",
+      on: {
+        click: r
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [a]), " ", e("i", {
+      class: i ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e("ElCollapseTransition", [e("div", {
+      directives: [{
+        name: "show",
+        value: i
+      }]
+    }, [t()])])]);
+  }
+};
+let m, h;
+const s = {};
+var f = /* @__PURE__ */ n(
+  c,
+  m,
+  h,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const b = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  b as default
+};

package/form-block/style.css

@@ -0,0 +1 @@
+.form-block{padding-bottom:10px;background-color:#fff}.form-block-title{display:flex;flex-direction:row;align-items:center;height:30px;margin:0 0 10px;padding:0 10px;color:#333;font-weight:700;font-size:14px;line-height:30px;background-color:#f3f5fb;cursor:pointer}

package/form-input-tag/index.mjs

@@ -0,0 +1,99 @@
+var i = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var l = (r, e, t) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, n = (r, e) => {
+  for (var t in e || (e = {}))
+    p.call(e, t) && l(r, t, e[t]);
+  if (a)
+    for (var t of a(e))
+      c.call(e, t) && l(r, t, e[t]);
+  return r;
+};
+import { f as m } from "../chunks/form-input-mixin.124653d9.mjs";
+import { d, n as f } from "../chunks/index.57f871af.mjs";
+import { XInputTag as _ } from "@web-utils/component";
+import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var v = function() {
+  var r = this, e = r.$createElement, t = r._self._c || e;
+  return t("FormItem", r._b({
+    attrs: {
+      block: r.block,
+      rules: r.computeRules,
+      disabled: r.inputDisabled
+    },
+    scopedSlots: r._u([{
+      key: "default",
+      fn: function() {
+        return [t("XInputTag", r._g(r._b({
+          attrs: {
+            value: r.value,
+            readonly: r.readonly,
+            disabled: r.inputDisabled,
+            placeholder: r.computePlaceholder,
+            "array-mode": r.arrayMode
+          },
+          on: {
+            input: function(o) {
+              return r.$emit("input", o);
+            }
+          }
+        }, "XInputTag", r.inputProps, !1), r.listeners))];
+      },
+      proxy: !0
+    }, {
+      key: "error",
+      fn: function(o) {
+        var s = o.error;
+        return [r._t("error", null, {
+          error: s
+        })];
+      }
+    }, {
+      key: "label",
+      fn: function() {
+        return [r._t("label")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "FormItem", r.formItemProps, !1));
+}, b = [];
+const I = Object.keys(_.props).filter((r) => !["value", "placeholder", "disabled"].includes(r)), h = {
+  name: "FormInputTag",
+  mixins: [m],
+  props: {
+    value: [Array, String],
+    block: {
+      type: Boolean,
+      default: !0
+    },
+    arrayMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  computed: {
+    inputProps() {
+      return d(n(n({}, f(this.$attrs)), this.$props), I);
+    }
+  }
+}, u = {};
+var g = /* @__PURE__ */ y(
+  h,
+  v,
+  b,
+  !1,
+  k,
+  null,
+  null,
+  null
+);
+function k(r) {
+  for (let e in u)
+    this[e] = u[e];
+}
+const $ = /* @__PURE__ */ function() {
+  return g.exports;
+}();
+export {
+  $ as default
+};