@web-utils/component 2.70.0 → 3.0.1

package/chunks/FormItem.vue_vue_type_style_index_0_lang.970bd712.mjs

@@ -0,0 +1,258 @@
+var W = Object.defineProperty;
+var k = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
+var F = (e, r, t) => r in e ? W(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, u = (e, r) => {
+  for (var t in r || (r = {}))
+    A.call(r, t) && F(e, t, r[t]);
+  if (k)
+    for (var t of k(r))
+      V.call(r, t) && F(e, t, r[t]);
+  return e;
+};
+var g = (e, r, t) => new Promise((i, p) => {
+  var m = (l) => {
+    try {
+      s(t.next(l));
+    } catch (a) {
+      p(a);
+    }
+  }, o = (l) => {
+    try {
+      s(t.throw(l));
+    } catch (a) {
+      p(a);
+    }
+  }, s = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(m, o);
+  s((t = t.apply(e, r)).next());
+});
+import I from "element-ui/lib/col";
+import y from "element-ui/lib/form-item";
+import { h as b } from "./index.d91bd77a.mjs";
+import { hasOwn as w } from "@web-utils/core";
+const E = ["span"], $ = [...Object.keys(I.props || I.default.props)], H = $.filter((e) => !E.includes(e)), T = ["label", "prop", "rules", "labelWidth", "required"], R = [...Object.keys(y.props || y.default.props)], z = R.filter((e) => !T.includes(e)), G = [
+  "wrapCol",
+  "wrapFormItem",
+  "unwrap",
+  "prefixConfig",
+  "block",
+  "placeholder",
+  "prefixPick",
+  "half",
+  ...$,
+  ...R
+], D = {
+  inject: {
+    elForm: {
+      default: {}
+    },
+    formItemGroup: {
+      default: {}
+    }
+  },
+  props: {
+    disabled: Boolean,
+    wrapCol: {
+      type: Boolean,
+      default: !0
+    },
+    wrapFormItem: {
+      type: Boolean,
+      default: !0
+    },
+    unwrap: Boolean,
+    half: Boolean,
+    prefixConfig: Boolean,
+    block: Boolean,
+    placeholder: {
+      type: [Boolean, String],
+      default: !0
+    },
+    formItemClass: String,
+    prefixPick: Boolean,
+    // el-form-item
+    label: String,
+    labelWidth: String,
+    prop: String,
+    required: Boolean,
+    rules: [Object, Array],
+    error: String,
+    validateStatus: String,
+    for: String,
+    inlineMessage: {
+      type: [String, Boolean],
+      default: ""
+    },
+    showMessage: {
+      type: Boolean,
+      default: !0
+    },
+    size: String,
+    // el-col
+    span: {
+      type: Number,
+      default: 12
+    },
+    tag: {
+      type: String,
+      default: "div"
+    },
+    offset: Number,
+    pull: Number,
+    push: Number,
+    xs: [Number, Object],
+    sm: [Number, Object],
+    md: [Number, Object],
+    lg: [Number, Object],
+    xl: [Number, Object]
+  },
+  computed: {
+    prefix() {
+      return this.prefixConfig ? "请配置" : this.prefixPick ? "请选择" : "请输入";
+    },
+    message() {
+      var e;
+      return `${this.prefix}${((e = this.label) == null ? void 0 : e.replace("：", "")) || ""}`;
+    },
+    computeRules() {
+      const e = [...this.rules || []];
+      if (this.required) {
+        const r = e.find((t) => t.required);
+        r ? r.ref ? r.label = r.label || this.label : r.message = e.message || this.message : e.unshift(this.getRequireRule());
+      }
+      return e.concat(this.getRules());
+    },
+    computeSpan() {
+      return this.block ? 24 : this.span;
+    },
+    formItemProps() {
+      return b(u(u({}, this.$props), this.$attrs), G);
+    },
+    elFormItemProps() {
+      return b(u(u({}, this.$props), this.$attrs), z);
+    },
+    elColProps() {
+      return b(u(u({}, this.$props), this.$attrs), H);
+    }
+  },
+  watch: {
+    computeRules() {
+      var e, r;
+      (r = (e = this.elForm) == null ? void 0 : e.clearValidate) == null || r.call(e, this.prop);
+    }
+  },
+  methods: {
+    getRules() {
+      return [];
+    },
+    getRequireRule() {
+      return {
+        required: !0,
+        message: this.message
+      };
+    }
+  }
+}, Y = {
+  name: "FormItem",
+  mixins: [D],
+  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 q, B, x;
+      const e = this.$createElement, {
+        label: r,
+        labelWidth: t,
+        prop: i,
+        rules: p,
+        $scopedSlots: m,
+        elFormItemProps: o,
+        elForm: s,
+        formHolder: l,
+        formItemClass: a,
+        required: f,
+        block: j,
+        half: N,
+        wrapCol: v,
+        wrapFormItem: O,
+        disabled: P,
+        formItemConfig: d,
+        getRequireRule: S
+      } = this;
+      let n = p, c = f, h = f, C = j, _ = v;
+      d && (w(d, "block") && (C = d.block), w(d, "wrapCol") && (_ = d.wrapCol));
+      const K = C && N && _ ? `calc( 50% - ${this.gutter / 2}px)` : "";
+      return P || s != null && s.disabled ? (n = [], l && !l.required && !((q = l.requiredFields) != null && q.includes(i)) && (h = !1)) : (l && !l.required && !((B = l.requiredFields) != null && B.includes(i)) && (c = !1), c && !(n != null && n.length) && i ? n = [S()] : c || (h = !1, n && (n = n.filter((M) => !M.required)))), O ? (
+        // eslint-disable-next-line no-undef
+        e(y, {
+          style: {
+            width: K
+          },
+          key: `${i}-${c}`,
+          class: h ? `form-item required ${a || ""}` : `${a || ""}`,
+          scopedSlots: m,
+          props: u({}, o),
+          attrs: {
+            label: r,
+            "label-width": t,
+            prop: i,
+            rules: n
+          },
+          ref: "formItem"
+        })
+      ) : e("div", [(x = m.default) == null ? void 0 : x.call(m)]);
+    },
+    clearValidate() {
+      return g(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
+      });
+    },
+    validate() {
+      return g(this, null, function* () {
+        var e, r;
+        yield this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
+      });
+    }
+  },
+  render() {
+    var a, f;
+    const e = arguments[0], {
+      computeSpan: r,
+      wrapCol: t,
+      formItemConfig: i,
+      renderFormItem: p,
+      elColProps: m,
+      $scopedSlots: o,
+      unwrap: s
+    } = this;
+    let l = t;
+    return i && w(i, "wrapCol") && (l = i.wrapCol), s ? e("div", [(a = o.default) == null ? void 0 : a.call(o)]) : l ? (
+      // eslint-disable-next-line no-undef
+      e(I, {
+        props: u({}, m),
+        attrs: {
+          span: r
+        }
+      }, [p(), (f = o == null ? void 0 : o.below) == null ? void 0 : f.call(o)])
+    ) : p();
+  }
+};
+export {
+  Y as _,
+  D as f
+};

package/chunks/FormItemGroup.41daddb6.mjs

@@ -0,0 +1,64 @@
+import { s, r as i } from "./LoadingView.vue_vue_type_style_index_0_lang.4c3fff2a.mjs";
+import { n as o } from "./vueComponentNormalizer.446f5dc4.mjs";
+import { _ as r } from "./FormItemGroup.vue_vue_type_style_index_0_lang.b588a8ea.mjs";
+const l = {
+  name: "LoadingView",
+  props: {
+    loadingTips: {
+      type: String,
+      default: "加载中..."
+    },
+    fontSize: {
+      type: String,
+      default: "20px"
+    },
+    iconSize: {
+      type: String,
+      default: "20px"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  }
+}, t = {};
+var u = /* @__PURE__ */ o(
+  l,
+  i,
+  s,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(_) {
+  for (let n in t)
+    this[n] = t[n];
+}
+const S = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+let p, a;
+const e = {};
+var f = /* @__PURE__ */ o(
+  r,
+  p,
+  a,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(_) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const x = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  x as _,
+  S as a
+};

package/chunks/FormItemGroup.vue_vue_type_style_index_0_lang.b588a8ea.mjs

@@ -0,0 +1,155 @@
+import d from "element-ui/lib/transitions/collapse-transition";
+import { _ as m } from "./EmptyView.e2430422.mjs";
+import p from "element-ui/lib/row";
+import { isFunction as u } from "@web-utils/core";
+const s = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], c = ["$emit", "validate", "clearValidate"], _ = {
+  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((i) => {
+      e[i] = null;
+    }), {
+      expand: !0,
+      formConfig: e
+    };
+  },
+  computed: {
+    formCfg() {
+      const e = {
+        enabled: this.enabled,
+        forbidden: this.disabled
+      };
+      return s.forEach((i) => {
+        e[i] = this.elForm[i];
+      }), e;
+    }
+  },
+  watch: {
+    collapse: {
+      immediate: !0,
+      handler(e) {
+        this.expand = !e;
+      }
+    },
+    formCfg: {
+      immediate: !0,
+      handler() {
+        this.formConfig.disabled = this.isDisabled(), s.forEach((e) => {
+          var i;
+          e !== "disabled" && (c.includes(e) ? this.formConfig[e] = (i = this.elForm[e]) == null ? void 0 : i.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, i, r) {
+      let t = this.$parent || this.$root, o = t.$options.name;
+      for (; t && (!o || o !== e); )
+        t = t.$parent, t && (o = t.$options.name);
+      t && t.$emit.apply(t, [i].concat(r));
+    },
+    renderDefault() {
+      const e = this.$createElement, {
+        wrapRow: i,
+        gutter: r,
+        formConfig: t,
+        $scopedSlots: o
+      } = this;
+      return u(o.default) ? i ? (
+        // eslint-disable-next-line no-undef
+        e(p, {
+          attrs: {
+            gutter: r
+          },
+          class: "form-item-group-row"
+        }, [o.default({
+          disabled: t.disabled
+        })])
+      ) : o.default({
+        disabled: t.disabled
+      }) : e(m, {
+        attrs: {
+          "font-size": "14px",
+          "empty-tips": "暂无信息"
+        }
+      });
+    },
+    toggle() {
+      this.expand = !this.expand;
+    },
+    open() {
+      this.expand = !0;
+    }
+  },
+  render() {
+    const e = arguments[0], {
+      renderDefault: i,
+      blockTitle: r,
+      active: t,
+      expand: o,
+      toggle: l,
+      $scopedSlots: a,
+      isDisabled: n
+    } = this;
+    return e("div", {
+      class: ["form-item-group", {
+        "default-active": t,
+        "is-disabled": n()
+      }]
+    }, [e("div", {
+      class: "form-item-group-title",
+      on: {
+        click: l
+      }
+    }, [e("span", {
+      class: "flex-item"
+    }, [r, a["title-right"] ? a["title-right"]() : null]), " ", e("i", {
+      class: o ? "el-icon-arrow-down" : "el-icon-arrow-right"
+    })]), e(d, [e("div", {
+      directives: [{
+        name: "show",
+        value: o
+      }]
+    }, [i()])])]);
+  }
+};
+export {
+  _
+};