@web-utils/component 4.0.16 → 5.0.0-beta02

package/form-holder/index.mjs

@@ -1,109 +1,134 @@
-import { animate as o, warning as l } from "@web-utils/core";
-import { e as a } from "../chunks/index.B2TRddqf.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "FormHolder",
-  inject: {
-    formView: {
-      default: {}
-    }
-  },
-  provide() {
-    return {
-      formHolder: this
-    };
-  },
-  props: {
-    model: Object,
-    size: {
-      type: String,
-      default: "mini"
-    },
-    disabled: Boolean,
-    labelPosition: {
-      type: String,
-      default: "right"
-    },
-    labelWidth: {
-      type: String,
-      default: "110px"
-    },
-    required: {
-      type: Boolean,
-      default: !0
-    },
-    requiredFields: Array,
-    enabledFields: Array,
-    showAdvice: {
-      type: Boolean,
-      default: !0
-    },
-    columns: [Array, Object],
-    colCount: Number,
-    notTableForm: {
-      type: Boolean,
-      default: void 0
-    },
-    commentValueColspan: Number,
-    commentLabelColspan: Number,
-    showMessage: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  computed: {
-    tableForm() {
-      var r;
-      return this.notTableForm === void 0 ? (r = this.formView) == null ? void 0 : r.tableForm : !this.notTableForm;
-    }
-  },
-  watch: {
-    required() {
-      this.clearValidate();
-    }
-  },
-  created() {
-    this.required || l.call(
-      a(this, (r) => ["FormView", "FormHolder"].includes(r.$options.name)),
-      "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊"
-    );
-  },
-  methods: {
-    clearValidate(r) {
-      var e;
-      (e = this.$refs.form) == null || e.clearValidate(r);
-    },
-    async validate() {
-      try {
-        return await this.$refs.form.validate();
-      } catch {
-        throw await this.scrollIntoRequiredField(), this.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content").forEach((e) => {
-          o(e, "breathe-animation");
-        }), Error("表单验证不通过!");
-      }
-    },
-    resetFields() {
-      return this.$refs.form.resetFields();
-    },
-    async scrollIntoRequiredField() {
-      await this.$nextTick();
-      const r = this.$el.querySelector(".el-form-item.is-error");
-      r && r.scrollIntoView({ block: "center", inline: "center", behavior: "smooth" });
-    }
-  }
-};
-var n = function() {
-  var e = this, t = e._self._c;
-  return t("ElForm", { ref: "form", class: ["clear-fix", { "red-form": e.tableForm }], attrs: { model: e.model, size: e.size, "show-message": e.showMessage, disabled: e.disabled, "label-width": e.tableForm ? "0px" : e.labelWidth, "label-position": e.labelPosition } }, [e.tableForm ? [e._t("top"), t("FormRedTable", { class: { "hide-error-message": e.tableForm }, attrs: { columns: e.columns, "col-count": e.colCount } }, [e._t("default"), e.showAdvice ? t("FormAdvice", { attrs: { "label-colspan": e.commentLabelColspan, "value-colspan": e.commentValueColspan } }) : e._e()], 2), e._t("bottom"), t("div", { staticClass: "red-form-footer" }, [e._t("footer")], 2)] : [e._t("default")]], 2);
-}, d = [], m = /* @__PURE__ */ i(
-  s,
-  n,
-  d,
-  !1,
-  null,
-  null
-);
-const h = m.exports;
-export {
-  h as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { c as t } from "../chunks/util.Ce4MHRmD.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeClass as c, openBlock as l, renderSlot as u, resolveComponent as d, withCtx as f } from "vue";
+import { animate as p, warning as m } from "@web-utils/core";
+//#region src/components/form/FormHolder.vue
+var h = {
+	name: "FormHolder",
+	inject: { formView: { default: {} } },
+	provide() {
+		return { formHolder: this };
+	},
+	props: {
+		model: Object,
+		size: { type: String },
+		disabled: Boolean,
+		labelPosition: {
+			type: String,
+			default: "right"
+		},
+		labelWidth: {
+			type: String,
+			default: "110px"
+		},
+		required: {
+			type: Boolean,
+			default: !0
+		},
+		requiredFields: Array,
+		enabledFields: Array,
+		showAdvice: {
+			type: Boolean,
+			default: !0
+		},
+		columns: [Array, Object],
+		colCount: Number,
+		notTableForm: {
+			type: Boolean,
+			default: void 0
+		},
+		commentValueColspan: Number,
+		commentLabelColspan: Number,
+		showMessage: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	computed: { tableForm() {
+		if (this.notTableForm === void 0) {
+			var e;
+			return (e = this.formView) == null ? void 0 : e.tableForm;
+		}
+		return !this.notTableForm;
+	} },
+	watch: { required() {
+		this.clearValidate();
+	} },
+	created() {
+		this.required || m.call(t(this, (e) => ["FormView", "FormHolder"].includes(e.$options.name)), "一般情况下不建议设置 required=false,因为 required 设置为 false 后必填字段要自行维护,在处理表格时会比较复杂,请自行权衡利弊");
+	},
+	methods: {
+		clearValidate(e) {
+			var t;
+			(t = this.$refs.form) == null || t.clearValidate(e);
+		},
+		async validate() {
+			try {
+				return await this.$refs.form.validate();
+			} catch {
+				throw await this.scrollIntoRequiredField(), this.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content").forEach((e) => {
+					p(e, "breathe-animation");
+				}), Error("表单验证不通过!");
+			}
+		},
+		resetFields() {
+			return this.$refs.form.resetFields();
+		},
+		async scrollIntoRequiredField() {
+			await this.$nextTick();
+			let e = this.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}
+	}
+}, g = { class: "red-form-footer" };
+function _(e, t, p, m, h, _) {
+	let v = d("FormAdvice"), y = d("FormRedTable"), b = d("ElForm");
+	return l(), r(b, {
+		ref: "form",
+		class: c(["clear-fix", { "red-form": _.tableForm }]),
+		model: p.model,
+		size: p.size,
+		"show-message": p.showMessage,
+		disabled: p.disabled,
+		"label-width": _.tableForm ? "0px" : p.labelWidth,
+		"label-position": p.labelPosition
+	}, {
+		default: f(() => [_.tableForm ? (l(), a(n, { key: 1 }, [
+			u(e.$slots, "top"),
+			s(y, {
+				class: c({ "hide-error-message": _.tableForm }),
+				columns: p.columns,
+				"col-count": p.colCount
+			}, {
+				default: f(() => [u(e.$slots, "default"), p.showAdvice ? (l(), r(v, {
+					key: 0,
+					"label-colspan": p.commentLabelColspan,
+					"value-colspan": p.commentValueColspan
+				}, null, 8, ["label-colspan", "value-colspan"])) : i("v-if", !0)]),
+				_: 3
+			}, 8, [
+				"class",
+				"columns",
+				"col-count"
+			]),
+			u(e.$slots, "bottom"),
+			o("div", g, [u(e.$slots, "footer")])
+		], 64)) : u(e.$slots, "default", { key: 0 })]),
+		_: 3
+	}, 8, [
+		"class",
+		"model",
+		"size",
+		"show-message",
+		"disabled",
+		"label-width",
+		"label-position"
+	]);
+}
+var v = /* @__PURE__ */ e(h, [["render", _]]);
+//#endregion
+export { v as default };

package/form-input/index.mjs

@@ -1,87 +1,114 @@
-import { f as i } from "../chunks/form-input.CvFdwlEV.mjs";
-import o from "element-ui/lib/input";
-import { c as a, v as s, d as l, n as u } from "../chunks/index.B2TRddqf.mjs";
-import { n as p } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = a(o).filter((t) => !["value", "placeholder", "disabled", "suffixIcon"].includes(t)), d = {
-  name: "FormInput",
-  mixins: [i],
-  props: {
-    value: [String, Number],
-    readonlyGrey: {
-      type: Boolean,
-      default: !0
-    },
-    maxLength: {
-      type: String,
-      default: "255"
-    },
-    picker: Boolean,
-    suffixIcon: String,
-    prepend: String,
-    append: String,
-    showPassword: Boolean
-  },
-  data() {
-    return {
-      isValidValue: !1
-    };
-  },
-  computed: {
-    inputProps() {
-      return l({ ...u(this.$attrs), ...this.$props }, c);
-    }
-  },
-  watch: {
-    async value(t) {
-      this.isValidValue = await s(this.prop, t, this.computeRules);
-    }
-  },
-  methods: {
-    onInputClick(t) {
-      this.inputDisabled || this.$emit("click", t);
-    },
-    emitInput(t) {
-      this.$emit("input", t);
-    },
-    clear() {
-      this.$emit("clear");
-    }
-  }
-};
-var f = function() {
-  var e = this, n = e._self._c;
-  return n("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("default", function() {
-      return [n("ElInput", e._g(e._b({ ref: "input", class: { "is-readonly": e.readonlyGrey && e.readonly && !e.picker, "el-input-cursor-pointer": e.picker && !e.inputDisabled }, attrs: { value: e.value, readonly: e.readonly || e.picker, maxlength: e.maxLength, disabled: e.inputDisabled, "suffix-icon": e.picker ? "el-icon-search" : e.suffixIcon, clearable: "", placeholder: e.inputDisabled ? "" : e.computePlaceholder }, on: { clear: e.clear, input: e.emitInput }, nativeOn: { click: function(r) {
-        return r.preventDefault(), e.onInputClick.apply(null, arguments);
-      } }, scopedSlots: e._u([{ key: "prepend", fn: function() {
-        return [e._t("prepend", function() {
-          return [e.prepend ? [e._v(" " + e._s(e.prepend) + " ")] : e._e()];
-        })];
-      }, proxy: !0 }, { key: "append", fn: function() {
-        return [e._t("append", function() {
-          return [e.append ? [e._v(" " + e._s(e.append) + " ")] : e._e()];
-        })];
-      }, proxy: !0 }], null, !0) }, "ElInput", e.inputProps, !1), e.listeners)), e.isValidValue && e.$slots.warn ? n("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
-    })];
-  }, proxy: !0 }, { key: "error", fn: function({ error: r }) {
-    return [e.$scopedSlots.error && e.$scopedSlots.error(r) ? n("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
-      return [e._v(e._s(r))];
-    }, { error: r })], 2) : e._e()];
-  } }, { key: "label", fn: function() {
-    return [e._t("label")];
-  }, proxy: !0 }, { key: "tips", fn: function() {
-    return [e._t("tips")];
-  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, m = [], _ = /* @__PURE__ */ p(
-  d,
-  f,
-  m,
-  !1,
-  null,
-  null
-);
-const k = _.exports;
-export {
-  k as default
+import "../chunks/install.yLcn5MLL.mjs";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { t } from "../chunks/input.C2GWsuXE.mjs";
+import { d as n, f as r, n as i, u as a } from "../chunks/util.Ce4MHRmD.mjs";
+import { t as o } from "../chunks/form-input.BUGZmAI1.mjs";
+import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createTextVNode as d, createVNode as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toHandlers as v, withCtx as y, withModifiers as b } from "vue";
+//#region src/components/form/FormInput.vue
+var x = a(t).filter((e) => ![
+	"modelValue",
+	"placeholder",
+	"disabled",
+	"suffixIcon"
+].includes(e)), S = {
+	name: "FormInput",
+	mixins: [o],
+	props: {
+		modelValue: [String, Number],
+		readonlyGrey: {
+			type: Boolean,
+			default: !0
+		},
+		maxLength: {
+			type: String,
+			default: "255"
+		},
+		picker: Boolean,
+		suffixIcon: String,
+		prepend: String,
+		append: String,
+		showPassword: Boolean
+	},
+	emits: [
+		"click",
+		"clear",
+		"update:modelValue"
+	],
+	data() {
+		return { isValidValue: !1 };
+	},
+	computed: { inputProps() {
+		return i({
+			...n(this.$attrs),
+			...this.$props
+		}, x);
+	} },
+	watch: { async modelValue(e) {
+		this.isValidValue = await r(this.prop, e, this.computeRules);
+	} },
+	methods: {
+		onInputClick(e) {
+			this.inputDisabled || this.$emit("click", e);
+		},
+		emitInput(e) {
+			this.$emit("update:modelValue", e);
+		},
+		clear() {
+			this.$emit("clear");
+		}
+	}
+}, C = {
+	key: 0,
+	class: "el-form-item__warn"
+}, w = {
+	key: 0,
+	class: "el-form-item__error"
 };
+function T(e, t, n, r, i, a) {
+	let o = g("ElInput"), x = g("FormItem");
+	return m(), c(x, p(e.formItemProps, {
+		rules: e.computeRules,
+		disabled: e.inputDisabled
+	}), {
+		default: y(() => [h(e.$slots, "default", {}, () => [f(o, p({
+			ref: "input",
+			class: {
+				"is-readonly": n.readonlyGrey && e.readonly && !n.picker,
+				"el-input-cursor-pointer": n.picker && !e.inputDisabled
+			},
+			"model-value": n.modelValue,
+			readonly: e.readonly || n.picker,
+			maxlength: n.maxLength,
+			disabled: e.inputDisabled,
+			"suffix-icon": n.picker ? "el-icon-search" : n.suffixIcon,
+			clearable: "",
+			placeholder: e.inputDisabled ? "" : e.computePlaceholder
+		}, a.inputProps, v(e.listeners), {
+			onClick: b(a.onInputClick, ["prevent"]),
+			onClear: a.clear,
+			onInput: a.emitInput
+		}), {
+			prepend: y(() => [h(e.$slots, "prepend", {}, () => [n.prepend ? (m(), u(s, { key: 0 }, [d(_(n.prepend), 1)], 64)) : l("v-if", !0)])]),
+			append: y(() => [h(e.$slots, "append", {}, () => [n.append ? (m(), u(s, { key: 0 }, [d(_(n.append), 1)], 64)) : l("v-if", !0)])]),
+			_: 3
+		}, 16, [
+			"class",
+			"model-value",
+			"readonly",
+			"maxlength",
+			"disabled",
+			"suffix-icon",
+			"placeholder",
+			"onClick",
+			"onClear",
+			"onInput"
+		]), i.isValidValue && e.$slots.warn ? (m(), u("div", C, [h(e.$slots, "warn")])) : l("v-if", !0)])]),
+		error: y(({ error: t }) => [e.$slots.error && e.$slots.error(t) ? (m(), u("div", w, [h(e.$slots, "error", { error: t }, () => [d(_(t), 1)])])) : l("v-if", !0)]),
+		label: y(() => [h(e.$slots, "label")]),
+		tips: y(() => [h(e.$slots, "tips")]),
+		_: 3
+	}, 16, ["rules", "disabled"]);
+}
+var E = /* @__PURE__ */ e(S, [["render", T]]);
+//#endregion
+export { E as default };

package/form-input-cron-expression/index.mjs

@@ -1,77 +1,98 @@
-import { f as n } from "../chunks/form-input.CvFdwlEV.mjs";
-import s from "element-ui/lib/input";
-import { c as a, v as l, d as u, n as i } from "../chunks/index.B2TRddqf.mjs";
-import { n as p } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = a(s).filter((o) => !["value", "placeholder", "disabled"].includes(o)), d = {
-  name: "FormInputCronExpression",
-  mixins: [n],
-  props: {
-    value: [String, Number],
-    readonlyGrey: {
-      type: Boolean,
-      default: !0
-    },
-    maxLength: {
-      type: String,
-      default: "255"
-    }
-  },
-  data() {
-    return {
-      cronPopover: !1,
-      isValidValue: !1
-    };
-  },
-  computed: {
-    inputProps() {
-      return u({ ...i(this.$attrs), ...this.$props }, c);
-    }
-  },
-  watch: {
-    async value(o) {
-      this.isValidValue = await l(this.prop, o, this.computeRules);
-    }
-  },
-  methods: {
-    emitInput(o) {
-      this.$emit("input", o);
-    }
-  }
-};
-var f = function() {
-  var e = this, r = e._self._c;
-  return r("FormItem", e._b({ attrs: { rules: e.computeRules, disabled: e.inputDisabled, "validate-status": "" }, scopedSlots: e._u([{ key: "default", fn: function() {
-    return [e._t("default", function() {
-      return [r("div", { staticClass: "cron" }, [r("ElPopover", { attrs: { "popper-class": "cron-popover" }, scopedSlots: e._u([{ key: "reference", fn: function() {
-        return [r("ElInput", e._g(e._b({ class: { "is-readonly": e.readonlyGrey && e.readonly }, attrs: { value: e.value, readonly: e.readonly, maxlength: e.maxLength, disabled: e.inputDisabled, placeholder: e.inputDisabled ? "" : e.computePlaceholder }, on: { click: function(t) {
-          e.cronPopover = !0;
-        } }, scopedSlots: e._u([{ key: "append", fn: function() {
-          return [e._t("append")];
-        }, proxy: !0 }], null, !0) }, "ElInput", e.inputProps, !1), e.listeners))];
-      }, proxy: !0 }]), model: { value: e.cronPopover, callback: function(t) {
-        e.cronPopover = t;
-      }, expression: "cronPopover" } }, [e.cronPopover ? r("VueCron", { attrs: { i18n: "cn", expression: e.value }, on: { change: e.emitInput, close: function(t) {
-        e.cronPopover = !1;
-      } } }) : e._e()], 1)], 1), e.isValidValue && e.$slots.warn ? r("div", { staticClass: "el-form-item__warn" }, [e._t("warn")], 2) : e._e()];
-    })];
-  }, proxy: !0 }, { key: "error", fn: function({ error: t }) {
-    return [e.$scopedSlots.error && e.$scopedSlots.error(t) ? r("div", { staticClass: "el-form-item__error" }, [e._t("error", function() {
-      return [e._v(e._s(t))];
-    }, { error: t })], 2) : e._e()];
-  } }, { key: "label", fn: function() {
-    return [e._t("label")];
-  }, proxy: !0 }, { key: "tips", fn: function() {
-    return [e._t("tips")];
-  }, proxy: !0 }], null, !0) }, "FormItem", e.formItemProps, !1));
-}, m = [], _ = /* @__PURE__ */ p(
-  d,
-  f,
-  m,
-  !1,
-  null,
-  null
-);
-const x = _.exports;
-export {
-  x as default
+import "../chunks/install.yLcn5MLL.mjs";
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { t } from "../chunks/input.C2GWsuXE.mjs";
+import { d as n, f as r, n as i, u as a } from "../chunks/util.Ce4MHRmD.mjs";
+import { t as o } from "../chunks/form-input.BUGZmAI1.mjs";
+import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, toHandlers as v, withCtx as y } from "vue";
+//#region src/components/form/FormInputCronExpression.vue
+var b = a(t).filter((e) => ![
+	"modelValue",
+	"placeholder",
+	"disabled"
+].includes(e)), x = {
+	name: "FormInputCronExpression",
+	mixins: [o],
+	props: {
+		value: [String, Number],
+		readonlyGrey: {
+			type: Boolean,
+			default: !0
+		},
+		maxLength: {
+			type: String,
+			default: "255"
+		}
+	},
+	data() {
+		return {
+			cronPopover: !1,
+			isValidValue: !1
+		};
+	},
+	computed: { inputProps() {
+		return i({
+			...n(this.$attrs),
+			...this.$props
+		}, b);
+	} },
+	watch: { async value(e) {
+		this.isValidValue = await r(this.prop, e, this.computeRules);
+	} },
+	methods: { emitInput(e) {
+		this.$emit("input", e);
+	} }
+}, S = { class: "cron" }, C = {
+	key: 0,
+	class: "el-form-item__warn"
+}, w = {
+	key: 0,
+	class: "el-form-item__error"
 };
+function T(e, t, n, r, i, a) {
+	let o = g("VueCron"), b = g("ElInput"), x = g("ElPopover"), T = g("FormItem");
+	return m(), s(T, p(e.formItemProps, {
+		rules: e.computeRules,
+		disabled: e.inputDisabled,
+		"validate-status": ""
+	}), {
+		default: y(() => [h(e.$slots, "default", {}, () => [u("div", S, [f(x, {
+			modelValue: i.cronPopover,
+			"onUpdate:modelValue": t[2] || (t[2] = (e) => i.cronPopover = e),
+			"popper-class": "cron-popover"
+		}, {
+			reference: y(() => [f(b, p({
+				class: { "is-readonly": n.readonlyGrey && e.readonly },
+				value: n.value,
+				readonly: e.readonly,
+				maxlength: n.maxLength,
+				disabled: e.inputDisabled,
+				placeholder: e.inputDisabled ? "" : e.computePlaceholder
+			}, a.inputProps, v(e.listeners), { onClick: t[1] || (t[1] = (e) => i.cronPopover = !0) }), {
+				append: y(() => [h(e.$slots, "append")]),
+				_: 3
+			}, 16, [
+				"class",
+				"value",
+				"readonly",
+				"maxlength",
+				"disabled",
+				"placeholder"
+			])]),
+			default: y(() => [i.cronPopover ? (m(), s(o, {
+				key: 0,
+				i18n: "cn",
+				expression: n.value,
+				onChange: a.emitInput,
+				onClose: t[0] || (t[0] = (e) => i.cronPopover = !1)
+			}, null, 8, ["expression", "onChange"])) : c("v-if", !0)]),
+			_: 3
+		}, 8, ["modelValue"])]), i.isValidValue && e.$slots.warn ? (m(), l("div", C, [h(e.$slots, "warn")])) : c("v-if", !0)])]),
+		error: y(({ error: t }) => [e.$slots.error && e.$slots.error(t) ? (m(), l("div", w, [h(e.$slots, "error", { error: t }, () => [d(_(t), 1)])])) : c("v-if", !0)]),
+		label: y(() => [h(e.$slots, "label")]),
+		tips: y(() => [h(e.$slots, "tips")]),
+		_: 3
+	}, 16, ["rules", "disabled"]);
+}
+var E = /* @__PURE__ */ e(x, [["render", T]]);
+//#endregion
+export { E as default };