@web-utils/component 4.0.16 → 5.0.0-beta02

package/form-radio-group/index.mjs

@@ -1,122 +1,162 @@
-import { f as n } from "../chunks/form-input.CvFdwlEV.mjs";
-import { f as l } from "../chunks/form-pick.BFTIVn_i.mjs";
-import a from "element-ui/lib/radio-group";
-import { c as s, d as u, n as p } from "../chunks/index.B2TRddqf.mjs";
-import { d } from "../chunks/dictionary.DqiP9x2m.mjs";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = s(a).filter((t) => !["value", "placeholder", "disabled"].includes(t)), h = {
-  name: "FormRadioGroup",
-  mixins: [n, l, d],
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    border: Boolean,
-    gender: Boolean,
-    overFlow: Boolean,
-    confirm: Boolean,
-    trigger: {
-      type: String,
-      default: "change"
-    },
-    labelProp: {
-      type: String,
-      default: "name"
-    },
-    valueProp: {
-      type: String,
-      default: "code"
-    },
-    english: Boolean,
-    chinese: Boolean,
-    typing: Boolean,
-    classic: {
-      type: Boolean,
-      default: !0
-    },
-    fillRow: Boolean,
-    ellipsis: Boolean,
-    inline: Boolean,
-    allowCancel: Boolean,
-    radioType: {
-      type: String,
-      default: "radio"
-    }
-  },
-  computed: {
-    component() {
-      return this.radioType === "radio" ? "ElRadio" : "ElRadioButton";
-    },
-    prefix() {
-      return "请选择";
-    },
-    inputProps() {
-      return u({ ...p(this.$attrs), ...this.$props }, f);
-    },
-    labelKey() {
-      return this.classic ? "label" : this.labelProp;
-    },
-    valueKey() {
-      return this.classic ? "value" : this.valueProp;
-    },
-    innerOptions() {
-      return this.dictType ? this.dictItems : this.gender ? [
-        {
-          [this.labelKey]: "男",
-          [this.valueKey]: this.chinese ? "男" : this.typing ? 1 : "1"
-        },
-        {
-          [this.labelKey]: "女",
-          [this.valueKey]: this.chinese ? "女" : this.typing ? 2 : "2"
-        }
-      ] : this.confirm ? [
-        {
-          [this.labelKey]: "是",
-          [this.valueKey]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
-        },
-        {
-          [this.labelKey]: "否",
-          [this.valueKey]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
-        }
-      ] : this.options;
-    }
-  },
-  methods: {
-    emitInput(t) {
-      this.$emit("input", t);
-    },
-    toggle(t) {
-      this.value === t[this.valueKey] ? this.emitInput(null) : this.emitInput(t[this.valueKey]);
-    }
-  }
-};
-var m = function() {
-  var e = this, r = e._self._c;
-  return r("FormItem", e._b({ class: ["form-radio-group", { "form-radio-group-row": e.fillRow, inline: e.inline }, e.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"], attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [r("ElRadioGroup", e._g(e._b({ class: { "over-flow": e.overFlow }, attrs: { value: e.value, disabled: e.inputDisabled, placeholder: e.computePlaceholder }, on: { input: (o) => e.$emit("input", o) } }, "ElRadioGroup", e.inputProps, !1), e.listeners), [e.allowCancel ? e._l(e.innerOptions, function(o) {
-      return r(e.component, { key: o[e.valueKey], tag: "Component", attrs: { border: e.border, label: o[e.valueKey] }, nativeOn: { click: function(i) {
-        return i.preventDefault(), i.stopPropagation(), e.toggle(o);
-      } } }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
-    }) : e._l(e.innerOptions, function(o) {
-      return r(e.component, { key: o[e.valueKey], tag: "Component", attrs: { border: e.border, label: o[e.valueKey] } }, [e._v(" " + e._s(o[e.labelKey]) + " ")]);
-    })], 2), e._t("append")];
-  }, proxy: !0 }, { key: "error", fn: function({ error: o }) {
-    return [e._t("error", null, { error: o })];
-  } }, { key: "label", fn: function() {
-    return [e._t("label")];
-  }, proxy: !0 }, { key: "below", fn: function() {
-    return [e._t("below")];
-  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, y = [], g = /* @__PURE__ */ c(
-  h,
-  m,
-  y,
-  !1,
-  null,
-  null
-);
-const P = g.exports;
-export {
-  P as default
+import "../chunks/install.yLcn5MLL.mjs";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { n as t } from "../chunks/radio.CeLeSOEo.mjs";
+import { d as n, n as r, u as i } from "../chunks/util.Ce4MHRmD.mjs";
+import { t as a } from "../chunks/form-input.BUGZmAI1.mjs";
+import { t as o } from "../chunks/form-pick.DT5kumy4.mjs";
+import { t as s } from "../chunks/dictionary.BRhZD-WH.mjs";
+import { Fragment as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, mergeProps as p, openBlock as m, renderList as h, renderSlot as g, resolveComponent as _, resolveDynamicComponent as v, toDisplayString as y, toHandlers as b, withCtx as x, withModifiers as S } from "vue";
+//#region src/components/form/FormRadioGroup.vue
+var C = i(t).filter((e) => ![
+	"value",
+	"placeholder",
+	"disabled"
+].includes(e)), w = {
+	name: "FormRadioGroup",
+	mixins: [
+		a,
+		o,
+		s
+	],
+	props: {
+		options: {
+			type: Array,
+			default: () => []
+		},
+		border: Boolean,
+		gender: Boolean,
+		overFlow: Boolean,
+		confirm: Boolean,
+		trigger: {
+			type: String,
+			default: "change"
+		},
+		labelProp: {
+			type: String,
+			default: "name"
+		},
+		valueProp: {
+			type: String,
+			default: "code"
+		},
+		english: Boolean,
+		chinese: Boolean,
+		typing: Boolean,
+		classic: {
+			type: Boolean,
+			default: !0
+		},
+		fillRow: Boolean,
+		ellipsis: Boolean,
+		inline: Boolean,
+		allowCancel: Boolean,
+		radioType: {
+			type: String,
+			default: "radio"
+		}
+	},
+	computed: {
+		component() {
+			return this.radioType === "radio" ? "ElRadio" : "ElRadioButton";
+		},
+		prefix() {
+			return "请选择";
+		},
+		inputProps() {
+			return r({
+				...n(this.$attrs),
+				...this.$props
+			}, C);
+		},
+		labelKey() {
+			return this.classic ? "label" : this.labelProp;
+		},
+		valueKey() {
+			return this.classic ? "value" : this.valueProp;
+		},
+		innerOptions() {
+			return this.dictType ? this.dictItems : this.gender ? [{
+				[this.labelKey]: "男",
+				[this.valueKey]: this.chinese ? "男" : this.typing ? 1 : "1"
+			}, {
+				[this.labelKey]: "女",
+				[this.valueKey]: this.chinese ? "女" : this.typing ? 2 : "2"
+			}] : this.confirm ? [{
+				[this.labelKey]: "是",
+				[this.valueKey]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
+			}, {
+				[this.labelKey]: "否",
+				[this.valueKey]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
+			}] : this.options;
+		}
+	},
+	methods: {
+		emitInput(e) {
+			this.$emit("input", e);
+		},
+		toggle(e) {
+			this.value === e[this.valueKey] ? this.emitInput(null) : this.emitInput(e[this.valueKey]);
+		}
+	}
 };
+function T(e, t, n, r, i, a) {
+	let o = _("ElRadioGroup"), s = _("FormItem");
+	return m(), l(s, p(e.formItemProps, {
+		class: [
+			"form-radio-group",
+			{
+				"form-radio-group-row": n.fillRow,
+				inline: n.inline
+			},
+			n.ellipsis ? "form-radio-group-row-ellipsis" : "form-radio-group-row-break-word"
+		],
+		rules: e.computeRules,
+		disabled: e.inputDisabled
+	}), {
+		default: x(() => [f(o, p({
+			class: { "over-flow": n.overFlow },
+			value: e.value
+		}, a.inputProps, {
+			disabled: e.inputDisabled,
+			placeholder: e.computePlaceholder
+		}, b(e.listeners), { onInput: t[0] || (t[0] = (t) => e.$emit("input", t)) }), {
+			default: x(() => [n.allowCancel ? (m(!0), u(c, { key: 0 }, h(a.innerOptions, (e) => (m(), l(v(a.component), {
+				key: e[a.valueKey],
+				border: n.border,
+				label: e[a.valueKey],
+				onClick: S((t) => a.toggle(e), ["prevent", "stop"])
+			}, {
+				default: x(() => [d(y(e[a.labelKey]), 1)]),
+				_: 2
+			}, 1032, [
+				"border",
+				"label",
+				"onClick"
+			]))), 128)) : (m(!0), u(c, { key: 1 }, h(a.innerOptions, (e) => (m(), l(v(a.component), {
+				key: e[a.valueKey],
+				border: n.border,
+				label: e[a.valueKey]
+			}, {
+				default: x(() => [d(y(e[a.labelKey]), 1)]),
+				_: 2
+			}, 1032, ["border", "label"]))), 128))]),
+			_: 1
+		}, 16, [
+			"class",
+			"value",
+			"disabled",
+			"placeholder"
+		]), g(e.$slots, "append")]),
+		error: x(({ error: t }) => [g(e.$slots, "error", { error: t })]),
+		label: x(() => [g(e.$slots, "label")]),
+		below: x(() => [g(e.$slots, "below")]),
+		_: 3
+	}, 16, [
+		"class",
+		"rules",
+		"disabled"
+	]);
+}
+var E = /* @__PURE__ */ e(w, [["render", T]]);
+//#endregion
+export { E as default };

package/form-select/index.mjs

@@ -1,179 +1,2 @@
-import { f as o } from "../chunks/form-input.CvFdwlEV.mjs";
-import { f as l } from "../chunks/form-pick.BFTIVn_i.mjs";
-import { d as n } from "../chunks/dictionary.DqiP9x2m.mjs";
-import a from "element-ui/lib/select";
-import { c as p, d as u, n as h } from "../chunks/index.B2TRddqf.mjs";
-import { isString as m, isPlainObject as f, isNumber as c } from "@web-utils/core";
-import { n as d } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const b = p(a).filter((e) => !["value", "placeholder", "disabled"].includes(e)), y = {
-  name: "FormSelect",
-  mixins: [o, l, n],
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    gender: Boolean,
-    year: [Boolean, Number],
-    all: Boolean,
-    filterable: Boolean,
-    confirm: Boolean,
-    start: Number,
-    end: Number,
-    value: [String, Number, Array],
-    optionLabel: [String, Number],
-    emitLabel: Boolean,
-    english: Boolean,
-    chinese: Boolean,
-    typing: Boolean,
-    remote: Boolean,
-    allowCreate: Boolean,
-    remoteMethod: Function,
-    props: {
-      type: Object,
-      default: () => ({
-        label: "label",
-        value: "value"
-      })
-    },
-    multiple: Boolean,
-    multipleLimit: {
-      type: Number,
-      default: 0
-    },
-    multipleStringMode: Boolean,
-    multipleStringSeparator: {
-      type: String,
-      default: ","
-    }
-  },
-  data() {
-    return {
-      loading: !1,
-      remoteOptions: [],
-      innerValue: null
-    };
-  },
-  computed: {
-    prefix() {
-      return "请选择";
-    },
-    inputProps() {
-      return u({ ...h(this.$attrs), ...this.$props }, b);
-    },
-    innerOptions() {
-      if (this.dictType)
-        return this.dictItems;
-      if (this.remote)
-        return this.remoteOptions;
-      if (this.gender)
-        return [
-          {
-            [this.props.label]: "男",
-            [this.props.value]: this.chinese ? "男" : this.typing ? 1 : "1"
-          },
-          {
-            [this.props.label]: "女",
-            [this.props.value]: this.chinese ? "女" : this.typing ? 2 : "2"
-          }
-        ];
-      if (this.confirm)
-        return [
-          {
-            [this.props.label]: "是",
-            [this.props.value]: this.chinese ? "是" : this.english ? "Y" : this.typing ? 1 : "1"
-          },
-          {
-            [this.props.label]: "否",
-            [this.props.value]: this.chinese ? "否" : this.english ? "N" : this.typing ? 0 : "0"
-          }
-        ];
-      if (this.all)
-        return [{ [this.props.value]: "", [this.props.label]: "全部" }, ...this.options];
-      if (this.start && this.end)
-        return Array(this.end - this.start + 1).fill(1).map((e, t) => ({
-          [this.props.label]: this.start + t,
-          [this.props.value]: this.start + t
-        }));
-      if (this.year) {
-        const e = (/* @__PURE__ */ new Date()).getFullYear(), t = [];
-        let i = 10;
-        c(this.year) && (i = this.year);
-        for (let r = -i; r <= i; r++) {
-          const s = e + r;
-          t.push({
-            [this.props.label]: s,
-            [this.props.value]: s
-          });
-        }
-        return t;
-      }
-      return this.options ? this.options.map((e) => (e[this.props.value] = e[this.props.value] ?? e[this.props.label], e)) : [];
-    }
-  },
-  watch: {
-    value: {
-      immediate: !0,
-      handler(e) {
-        this.multiple && this.multipleStringMode ? this.innerValue = e == null ? void 0 : e.split(",").filter((t) => t) : this.innerValue = e;
-      }
-    }
-  },
-  created() {
-    this.reloadOptions();
-  },
-  methods: {
-    reloadOptions() {
-      this.remote && this.fetchOptions();
-    },
-    async fetchOptions(e) {
-      var t;
-      try {
-        this.loading = !0;
-        const i = await this.remoteMethod(e, this.prop);
-        ((t = i.data.data) == null ? void 0 : t.length) >= 0 ? m(i.data.data[0]) ? this.remoteOptions = i.data.data.map((r) => ({ [this.props.value]: r, [this.props.label]: r })) : f(i.data.data[0]) && (this.remoteOptions = i.data.data) : this.remoteOptions = [];
-      } catch {
-      }
-      this.loading = !1;
-    },
-    emitInput(e) {
-      if (this.multiple && this.multipleStringMode ? this.$emit("input", e.join(this.multipleStringSeparator)) : this.$emit("input", e), this.emitLabel) {
-        const t = this.innerOptions.find((r) => r[this.props.value] === e), i = t == null ? void 0 : t[this.props.label];
-        i !== this.optionLabel && this.$emit("update:optionLabel", i);
-      }
-    }
-  }
-};
-var _ = function() {
-  var t = this, i = t._self._c;
-  return i("FormItem", t._b({ attrs: { rules: t.computeRules, disabled: t.inputDisabled }, scopedSlots: t._u([{ key: "default", fn: function() {
-    return [i("ElSelect", t._g(t._b({ attrs: { value: t.innerValue, filterable: t.filterable || !!t.year, placeholder: t.inputDisabled ? "--" : t.computePlaceholder, "allow-create": t.allowCreate || !!t.year, disabled: t.inputDisabled, multiple: t.multiple, "multiple-limit": t.multipleLimit, loading: t.loading, remote: t.remote, "remote-method": t.fetchOptions, clearable: "" }, on: { clear: t.reloadOptions, input: t.emitInput } }, "ElSelect", t.inputProps, !1), t.listeners), [t._t("default", function() {
-      return [t._l(t.innerOptions, function(r) {
-        return [t._t("option", function() {
-          return [i("ElOption", { key: r[t.props.value], attrs: { value: r[t.props.value], label: r[t.props.label] } })];
-        }, { value: r[t.props.value], label: r[t.props.label] })];
-      })];
-    })], 2), t.$slots.warn ? i("div", { staticClass: "el-form-item__warn" }, [t._t("warn")], 2) : t._e()];
-  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
-    return [t.$scopedSlots.error && t.$scopedSlots.error(r) ? i("div", { staticClass: "el-form-item__error" }, [t._t("error", function() {
-      return [t._v(t._s(r))];
-    }, { error: r })], 2) : t._e()];
-  } }, { key: "label", fn: function() {
-    return [t._t("label")];
-  }, proxy: !0 }, { key: "below", fn: function() {
-    return [t._t("below")];
-  }, proxy: !0 }, { key: "tips", fn: function() {
-    return [t._t("tips")];
-  }, proxy: !0 }], null, !0) }, "FormItem", t.formItemProps, !1));
-}, g = [], v = /* @__PURE__ */ d(
-  y,
-  _,
-  g,
-  !1,
-  null,
-  null
-);
-const k = v.exports;
-export {
-  k as default
-};
+import { t as e } from "../chunks/FormSelect.CY0K-izg.mjs";
+export { e as default };

package/form-switch/index.mjs

@@ -1,54 +1,2 @@
-import { f as o } from "../chunks/form-input.CvFdwlEV.mjs";
-import l from "element-ui/lib/switch";
-import { c as a, d as u, n as i } from "../chunks/index.B2TRddqf.mjs";
-import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const p = a(l).filter((t) => !["value", "placeholder", "disabled"].includes(t)), c = {
-  name: "FormSwitch",
-  mixins: [o],
-  props: {
-    value: [String, Number, Boolean],
-    activeValue: {
-      type: [Boolean, String, Number],
-      default: "Y"
-    },
-    inactiveValue: {
-      type: [Boolean, String, Number],
-      default: "N"
-    }
-  },
-  computed: {
-    inputProps() {
-      return u({ ...i(this.$attrs), ...this.$props }, p);
-    }
-  },
-  methods: {
-    emitInput(t) {
-      this.$emit("input", t);
-    }
-  }
-};
-var m = function() {
-  var e = this, r = e._self._c;
-  return r("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("default", function() {
-      return [r("ElSwitch", e._g(e._b({ class: { "is-readonly": e.readonly }, attrs: { "active-value": e.activeValue, "inactive-value": e.inactiveValue, value: e.value, readonly: e.readonly, disabled: e.inputDisabled, placeholder: e.computePlaceholder }, on: { input: e.emitInput }, scopedSlots: e._u([{ key: "append", fn: function() {
-        return [e._t("append")];
-      }, proxy: !0 }], null, !0) }, "ElSwitch", e.inputProps, !1), e.listeners))];
-    })];
-  }, proxy: !0 }, { key: "error", fn: function({ error: n }) {
-    return [e._t("error", null, { error: n })];
-  } }, { key: "label", fn: function() {
-    return [e._t("label")];
-  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, d = [], f = /* @__PURE__ */ s(
-  c,
-  m,
-  d,
-  !1,
-  null,
-  null
-);
-const b = f.exports;
-export {
-  b as default
-};
+import { t as e } from "../chunks/FormSwitch.DLqFXaFF.mjs";
+export { e as default };