@web-utils/component 4.0.15 → 5.0.0-beta01

package/chunks/FormItem.Bhsy_O2B.mjs

@@ -1,372 +0,0 @@
-import K from "element-ui/lib/col";
-import $ from "element-ui/lib/form-item";
-import z from "element-ui/lib/tooltip";
-import { h as n } from "vue";
-import { e as A, h as I } from "./index.Cn7aq-Et.mjs";
-import { hasOwn as F, isDef as T } from "@web-utils/core";
-import { n as G } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const D = ["span"], O = A(K), J = O.filter((e) => !D.includes(e)), Q = ["label", "prop", "rules", "labelWidth", "required"], H = A($), U = H.filter((e) => !Q.includes(e)), X = [
-  "wrapCol",
-  "wrapFormItem",
-  "unwrap",
-  "prefixConfig",
-  "block",
-  "prefixPick",
-  "picker",
-  "half",
-  "tips",
-  "hideLabel",
-  "fixedSpan",
-  ...O,
-  ...H
-], q = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], Y = ["$emit", "validate", "clearValidate"], Z = {
-  name: "FormInput",
-  inject: {
-    elForm: {
-      default: {}
-    },
-    formItemGroup: {
-      default: {}
-    },
-    formHolder: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      elForm: this.proxyForm,
-      formItemGroup: this
-    };
-  },
-  props: {
-    /**
-     * 是否作为内嵌使用
-     */
-    embed: Boolean,
-    /**
-     * 是否禁用
-     */
-    disabled: Boolean,
-    /**
-     * 是否固定栏数
-     */
-    fixedSpan: Number,
-    /**
-     * 是否被列组件包裹
-     */
-    wrapCol: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否被表单项组件包裹
-     */
-    wrapFormItem: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否不用列组件包裹
-     */
-    unwrap: Boolean,
-    /**
-     * 是否占一半宽度
-     */
-    half: Boolean,
-    /**
-     * placeholder 添加"配置"前缀
-     */
-    prefixConfig: Boolean,
-    /**
-     * placeholder 添加"添加"前缀
-     */
-    prefixAdd: Boolean,
-    /**
-     * placeholder 添加"选择"前缀
-     */
-    prefixPick: Boolean,
-    /**
-     * 是否占满一行
-     */
-    block: Boolean,
-    /**
-     * 表单项组件样式
-     */
-    formItemClass: String,
-    /**
-     * 提示信息
-     */
-    tips: String,
-    /**
-     * 校验规则触发方式
-     */
-    trigger: {
-      type: String,
-      default: "blur"
-    },
-    /**
-     * 是否隐藏 label
-     */
-    hideLabel: Boolean,
-    /**
-     * label 占列数
-     */
-    labelColspan: [Number, String],
-    /**
-     * input 占列数
-     */
-    inputColspan: [Number, String],
-    /**
-     * label 占行数
-     */
-    labelRowspan: [Number, String],
-    /**
-     * input 占行数
-     */
-    inputRowspan: [Number, String],
-    // el-form-item
-    prop: String,
-    label: String,
-    labelWidth: String,
-    required: Boolean,
-    rules: [Object, Array],
-    error: String,
-    showMessage: {
-      type: Boolean,
-      default: !0
-    },
-    inlineMessage: {
-      type: [String, Boolean],
-      default: ""
-    },
-    size: String,
-    validateStatus: String,
-    for: String,
-    // el-col
-    span: {
-      type: Number,
-      default: 12
-    },
-    offset: Number,
-    push: Number,
-    pull: Number,
-    xs: [Number, Object],
-    sm: [Number, Object],
-    md: [Number, Object],
-    lg: [Number, Object],
-    xl: [Number, Object],
-    tag: String
-  },
-  data() {
-    const e = {};
-    return q.forEach((r) => {
-      e[r] = null;
-    }), {
-      proxyForm: e
-    };
-  },
-  computed: {
-    prefix() {
-      return this.prefixConfig ? "请配置" : this.prefixPick || this.picker ? "请选择" : this.prefixAdd ? "请添加" : "请输入";
-    },
-    message() {
-      var e;
-      return `${this.prefix}${((e = this.label) == null ? void 0 : e.replace("：", "")) || ""}`;
-    },
-    computeRules() {
-      var l;
-      const e = [...this.rules || []], r = e.find((t) => t.required);
-      if (this.required || r || (l = this.formHolder.requiredFields) != null && l.includes(this.prop)) {
-        const t = e.find((m) => m.required);
-        t ? t.ref ? t.label = t.label || this.label : t.message = t.message || this.message : e.unshift(this.getRequireRule());
-      }
-      return e.concat(this.getRules());
-    },
-    computeSpan() {
-      return this.block ? 24 : this.span;
-    },
-    formItemProps() {
-      return I({ ...this.$props, ...this.$attrs }, X);
-    },
-    elFormItemProps() {
-      return I({ ...this.$props, ...this.$attrs }, U);
-    },
-    elColProps() {
-      return I({ ...this.$props, ...this.$attrs }, J);
-    },
-    formCfg() {
-      const e = {
-        disabled: this.disabled
-      };
-      return q.forEach((r) => {
-        e[r] = this.elForm[r];
-      }), e;
-    }
-  },
-  watch: {
-    computeRules() {
-      var e, r;
-      (r = (e = this.elForm) == null ? void 0 : e.clearValidate) == null || r.call(e, this.prop);
-    },
-    formCfg: {
-      immediate: !0,
-      handler() {
-        var e;
-        this.proxyForm.disabled = (e = this.formHolder.enabledFields) != null && e.includes(this.prop) ? !1 : (this.elForm || {}).disabled, q.forEach((r) => {
-          var l;
-          r !== "disabled" && (Y.includes(r) ? this.proxyForm[r] = (l = this.elForm[r]) == null ? void 0 : l.bind(this.elForm) : this.proxyForm[r] = this.elForm[r]);
-        });
-      }
-    }
-  },
-  methods: {
-    getRules() {
-      return [];
-    },
-    getRequireRule() {
-      return {
-        required: !0,
-        trigger: this.trigger,
-        message: this.message
-      };
-    }
-  }
-}, ee = {
-  name: "FormItem",
-  mixins: [Z],
-  inject: {
-    formHolder: {
-      default: {}
-    },
-    formItemConfig: {
-      default: null
-    }
-  },
-  computed: {
-    gutter() {
-      let e = this.$parent;
-      for (; e && e.$options.componentName !== "ElRow"; )
-        e = e.$parent;
-      return (e == null ? void 0 : e.gutter) ?? 0;
-    }
-  },
-  methods: {
-    renderFormItem() {
-      var R, v, N, P, S, k, j;
-      const {
-        hideLabel: e,
-        label: r,
-        labelWidth: l,
-        prop: t,
-        rules: m,
-        $scopedSlots: i,
-        elFormItemProps: o,
-        elForm: u,
-        formHolder: s,
-        formItemClass: c,
-        required: f,
-        block: h,
-        half: b,
-        wrapCol: M,
-        wrapFormItem: W,
-        disabled: V,
-        formItemConfig: p,
-        getRequireRule: E
-      } = this;
-      let a = m, d = f, C = f, _ = h, B = M;
-      p && (F(p, "block") && (_ = p.block), F(p, "wrapCol") && (B = p.wrapCol));
-      const L = s.tableForm ? "" : _ && b && B ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      (R = s.requiredFields) != null && R.includes(t) && (d = !0), (V || u != null && u.disabled) && !((v = s.requiredFields) != null && v.includes(t)) ? (a = [], !s.required && !((N = s.requiredFields) != null && N.includes(t)) && (C = !1)) : (!s.required && !((P = s.requiredFields) != null && P.includes(t)) && (d = !1), d && !(a != null && a.length) && t ? a = [E()] : d || (C = !1, a && (a = a.filter((g) => !g.required))));
-      const w = (S = i.tips) == null ? void 0 : S.call(i), x = w || this.tips, y = x ? n(z, {
-        attrs: {
-          effect: "light",
-          content: this.tips
-        }
-      }, [w ? n("div", {
-        slot: "content"
-      }, [w]) : null, n("i", {
-        class: "el-icon-info form-item-input-info"
-      })]) : null;
-      return W ? n($, {
-        style: {
-          width: L
-        },
-        key: `${t}-${d}`,
-        class: ["form-item", c, {
-          required: C,
-          "form-item-hide-label": e
-        }],
-        scopedSlots: {
-          ...i,
-          default: x ? () => {
-            var g;
-            return n("div", {
-              class: "form-item-input-wrapper"
-            }, [(g = i.default) == null ? void 0 : g.call(i), y]);
-          } : i.default
-        },
-        props: {
-          ...o
-        },
-        attrs: {
-          label: r,
-          "label-width": e ? "0" : l,
-          prop: t,
-          rules: a
-        },
-        ref: "formItem"
-      }) : x ? n("div", {
-        class: "form-item-input-wrapper"
-      }, [(k = i.default) == null ? void 0 : k.call(i), y]) : n("div", [(j = i.default) == null ? void 0 : j.call(i)]);
-    },
-    async clearValidate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).clearValidate) == null || r.call(e);
-    },
-    async validate() {
-      var e, r;
-      await this.$nextTick(), (r = (e = this.$refs.formItem).validate) == null || r.call(e);
-    }
-  },
-  render() {
-    var h, b;
-    const {
-      computeSpan: e,
-      wrapCol: r,
-      fixedSpan: l,
-      formItemConfig: t,
-      renderFormItem: m,
-      elColProps: i,
-      $scopedSlots: o,
-      unwrap: u,
-      formHolder: s
-    } = this;
-    let c = !s.tableForm && r, f = !1;
-    return t && (F(t, "wrapCol") && (c = t.wrapCol), F(t, "reactive") && (f = t.reactive)), u ? n("div", [(h = o.default) == null ? void 0 : h.call(o)]) : c ? n(K, {
-      props: {
-        ...i,
-        span: l || e,
-        ...!T(l) && f ? {
-          xs: 24,
-          sm: 12,
-          md: 12,
-          lg: 8,
-          xl: 6
-        } : {}
-      }
-    }, [m(), (b = o == null ? void 0 : o.below) == null ? void 0 : b.call(o)]) : m();
-  }
-}, re = null, te = null;
-var ie = /* @__PURE__ */ G(
-  ee,
-  re,
-  te,
-  !1,
-  null,
-  null
-);
-const fe = ie.exports;
-export {
-  fe as F,
-  Z as f
-};