@web-utils/component 4.0.16 → 5.0.0-beta01

package/form-item/index.mjs

@@ -1,142 +1,2 @@
-import { h as m } from "vue";
-import { f as B } from "../chunks/form-item.LWjePsPa.mjs";
-import { hasOwn as I, isDef as D } from "@web-utils/core";
-import { n as L } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const N = {
-  name: "FormItem",
-  mixins: [B],
-  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 x, k, R, y, E, T, H;
-      const {
-        hideLabel: e,
-        label: l,
-        labelWidth: u,
-        prop: t,
-        rules: p,
-        $scopedSlots: r,
-        elFormItemProps: i,
-        elForm: n,
-        formHolder: a,
-        formItemClass: c,
-        required: f,
-        block: h,
-        half: w,
-        wrapCol: W,
-        wrapFormItem: P,
-        disabled: V,
-        formItemConfig: s,
-        getRequireRule: j
-      } = this;
-      let o = p, d = f, b = f, v = h, g = W;
-      s && (I(s, "block") && (v = s.block), I(s, "wrapCol") && (g = s.wrapCol));
-      const z = a.tableForm ? "" : v && w && g ? `calc( 50% - ${this.gutter / 2}px)` : "";
-      (x = a.requiredFields) != null && x.includes(t) && (d = !0), (V || n != null && n.disabled) && !((k = a.requiredFields) != null && k.includes(t)) ? (o = [], !a.required && !((R = a.requiredFields) != null && R.includes(t)) && (b = !1)) : (!a.required && !((y = a.requiredFields) != null && y.includes(t)) && (d = !1), d && !(o != null && o.length) && t ? o = [j()] : d || (b = !1, o && (o = o.filter((C) => !C.required))));
-      const F = (E = r.tips) == null ? void 0 : E.call(r), q = F || this.tips, _ = q ? m("ElTooltip", {
-        attrs: {
-          effect: "light",
-          content: this.tips
-        }
-      }, [F ? m("div", {
-        slot: "content"
-      }, [F]) : null, m("i", {
-        class: "el-icon-info form-item-input-info"
-      })]) : null;
-      return P ? m("ElFormItem", {
-        style: {
-          width: z
-        },
-        key: `${t}-${d}`,
-        class: ["form-item", c, {
-          required: b,
-          "form-item-hide-label": e
-        }],
-        scopedSlots: {
-          ...r,
-          default: q ? () => {
-            var C;
-            return m("div", {
-              class: "form-item-input-wrapper"
-            }, [(C = r.default) == null ? void 0 : C.call(r), _]);
-          } : r.default
-        },
-        props: {
-          ...i
-        },
-        attrs: {
-          label: l,
-          "label-width": e ? "0" : u,
-          prop: t,
-          rules: o
-        },
-        ref: "formItem"
-      }) : q ? m("div", {
-        class: "form-item-input-wrapper"
-      }, [(T = r.default) == null ? void 0 : T.call(r), _]) : m("div", [(H = r.default) == null ? void 0 : H.call(r)]);
-    },
-    async clearValidate() {
-      var e, l;
-      await this.$nextTick(), (l = (e = this.$refs.formItem).clearValidate) == null || l.call(e);
-    },
-    async validate() {
-      var e, l;
-      await this.$nextTick(), (l = (e = this.$refs.formItem).validate) == null || l.call(e);
-    }
-  },
-  render() {
-    var h, w;
-    const {
-      computeSpan: e,
-      wrapCol: l,
-      fixedSpan: u,
-      formItemConfig: t,
-      renderFormItem: p,
-      elColProps: r,
-      $scopedSlots: i,
-      unwrap: n,
-      formHolder: a
-    } = this;
-    let c = !a.tableForm && l, f = !1;
-    return t && (I(t, "wrapCol") && (c = t.wrapCol), I(t, "reactive") && (f = t.reactive)), n ? m("div", [(h = i.default) == null ? void 0 : h.call(i)]) : c ? m("ElCol", {
-      props: {
-        ...r,
-        span: u || e,
-        ...!D(u) && f ? {
-          xs: 24,
-          sm: 12,
-          md: 12,
-          lg: 8,
-          xl: 6
-        } : {}
-      }
-    }, [p(), (w = i == null ? void 0 : i.below) == null ? void 0 : w.call(i)]) : p();
-  }
-}, O = null, A = null;
-var G = /* @__PURE__ */ L(
-  N,
-  O,
-  A,
-  !1,
-  null,
-  null
-);
-const U = G.exports;
-export {
-  U as default
-};
+import { t as e } from "../chunks/FormItem.H9OOvNzT.mjs";
+export { e as default };

package/form-item-config-provider/index.mjs

@@ -1,61 +1,47 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "FormItemConfigProvider",
-  provide() {
-    return {
-      formItemConfig: this.config
-    };
-  },
-  props: {
-    reactive: Boolean,
-    block: Boolean,
-    wrapCol: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      config: {
-        block: !1,
-        reactive: !1,
-        wrapCol: !0
-      }
-    };
-  },
-  watch: {
-    block: {
-      immediate: !0,
-      handler(e) {
-        this.config.block = e;
-      }
-    },
-    wrapCol: {
-      immediate: !0,
-      handler(e) {
-        this.config.wrapCol = e;
-      }
-    },
-    reactive: {
-      immediate: !0,
-      handler(e) {
-        this.config.reactive = e;
-      }
-    }
-  },
-  render() {
-    return this.$scopedSlots.default();
-  }
-}, t = null, n = null;
-var a = /* @__PURE__ */ o(
-  r,
-  t,
-  n,
-  !1,
-  null,
-  null
-);
-const l = a.exports;
-export {
-  l as default
+//#region src/components/form/FormItemConfigProvider.vue
+var e = {
+	name: "FormItemConfigProvider",
+	provide() {
+		return { formItemConfig: this.config };
+	},
+	props: {
+		reactive: Boolean,
+		block: Boolean,
+		wrapCol: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return { config: {
+			block: !1,
+			reactive: !1,
+			wrapCol: !0
+		} };
+	},
+	watch: {
+		block: {
+			immediate: !0,
+			handler(e) {
+				this.config.block = e;
+			}
+		},
+		wrapCol: {
+			immediate: !0,
+			handler(e) {
+				this.config.wrapCol = e;
+			}
+		},
+		reactive: {
+			immediate: !0,
+			handler(e) {
+				this.config.reactive = e;
+			}
+		}
+	},
+	render() {
+		return this.$slots.default();
+	}
 };
+//#endregion
+export { e as default };

package/form-item-group/index.mjs

@@ -1,157 +1,2 @@
-import { h as s } from "vue";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = ["disabled", "size", "statusIcon", "inlineMessage", "autoLabelWidth", "hideRequiredAsterisk", "$emit", "validate", "clearValidate"], d = ["$emit", "validate", "clearValidate"], n = {
-  name: "FormItemGroup",
-  inject: {
-    elForm: {
-      default: {}
-    },
-    formHolder: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      elForm: this.proxyForm,
-      formItemGroup: this
-    };
-  },
-  props: {
-    blockTitle: String,
-    size: String,
-    tips: String,
-    active: Boolean,
-    enabled: Boolean,
-    disabled: Boolean,
-    wrapRow: {
-      type: Boolean,
-      default: !0
-    },
-    gutter: {
-      type: Number,
-      default: 20
-    },
-    collapse: Boolean,
-    showTitle: {
-      type: Boolean,
-      default: !0
-    },
-    notDispatch: Boolean
-  },
-  data() {
-    const e = {};
-    return r.forEach((t) => {
-      e[t] = null;
-    }), {
-      expand: !0,
-      proxyForm: e
-    };
-  },
-  computed: {
-    formCfg() {
-      const e = {
-        enabled: this.enabled,
-        forbidden: this.disabled
-      };
-      return r.forEach((t) => {
-        e[t] = this.elForm[t];
-      }), e;
-    },
-    isDisabled() {
-      return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
-    }
-  },
-  watch: {
-    collapse: {
-      immediate: !0,
-      handler(e) {
-        this.expand = !e;
-      }
-    },
-    formCfg: {
-      immediate: !0,
-      handler() {
-        this.proxyForm.disabled = this.isDisabled, r.forEach((e) => {
-          var t;
-          e !== "disabled" && (d.includes(e) ? this.proxyForm[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm) : this.proxyForm[e] = this.elForm[e]);
-        }), this.size && (this.proxyForm.size = this.size);
-      }
-    }
-  },
-  mounted() {
-    this.notDispatch || this.dispatch("FormView", "FormView.addGroup", [this]);
-  },
-  beforeDestroy() {
-    this.notDispatch || this.dispatch("FormView", "FormView.removeGroup", [this]);
-  },
-  methods: {
-    dispatch(e, t, l) {
-      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(l));
-    },
-    renderDefault() {
-      return this.$scopedSlots.default ? !this.formHolder.tableForm && this.wrapRow ? s("ElRow", {
-        attrs: {
-          gutter: this.gutter
-        }
-      }, [this.$scopedSlots.default({
-        disabled: this.proxyForm.disabled
-      })]) : this.$scopedSlots.default({
-        disabled: this.proxyForm.disabled
-      }) : s("EmptyView", {
-        attrs: {
-          "font-size": "14px",
-          "empty-tips": "暂无信息"
-        }
-      });
-    },
-    toggle() {
-      this.expand = !this.expand;
-    },
-    open() {
-      this.expand = !0;
-    }
-  },
-  render() {
-    return s("div", {
-      class: ["form-item-group", {
-        "default-active": this.active,
-        "is-disabled": this.isDisabled
-      }]
-    }, [s("div", {
-      class: "form-item-group-title",
-      on: {
-        click: this.toggle
-      },
-      directives: [{
-        name: "show",
-        value: this.showTitle
-      }]
-    }, [s("span", {
-      class: "flex-item"
-    }, [this.$scopedSlots.title ? this.$scopedSlots.title() : this.blockTitle, this.tips ? s("span", {
-      style: "color:#ff0000;font-size:14px;"
-    }, [" (", this.tips, ")"]) : null, this.$scopedSlots["title-right"] ? this.$scopedSlots["title-right"]() : null]), " ", s("i", {
-      class: this.expand ? "el-icon-arrow-down" : "el-icon-arrow-right"
-    })]), s("ElCollapseTransition", [s("div", {
-      directives: [{
-        name: "show",
-        value: this.expand
-      }]
-    }, [this.renderDefault()])])]);
-  }
-}, h = null, p = null;
-var m = /* @__PURE__ */ a(
-  n,
-  h,
-  p,
-  !1,
-  null,
-  null
-);
-const f = m.exports;
-export {
-  f as default
-};
+import { t as e } from "../chunks/FormItemGroup.D9eRy-cZ.mjs";
+export { e as default };