@web-utils/component 4.0.16 → 5.0.0-beta01

package/dialog-form/index.mjs

@@ -1,89 +1,141 @@
-import { isEmpty as a } from "@web-utils/core";
-import { d as l } from "../chunks/util.DqFv_pWg.mjs";
-import n from "vue";
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "DialogForm",
-  data() {
-    return {
-      opt: {},
-      disabled: !1,
-      callback: null,
-      visible: !1,
-      dialog: {
-        closeOnClickModal: !1
-      },
-      isDrawer: !1,
-      option: {
-        submitText: "提交",
-        emptyText: "关闭",
-        submitIcon: "el-icon-check",
-        emptyIcon: "el-icon-close",
-        column: []
-      },
-      data: {}
-    };
-  },
-  computed: {
-    dialogType() {
-      return this.isDrawer ? "ElDrawer" : "ElementDialog";
-    },
-    menuPosition() {
-      return this.opt.menuPosition || "center";
-    }
-  },
-  methods: {
-    isEmpty: a,
-    deepClone: l,
-    submit() {
-      this.$refs.form.submit();
-    },
-    reset() {
-      this.$refs.form.resetForm();
-    },
-    beforeClose(t) {
-      t(), this.close();
-    },
-    show(t) {
-      this.opt = t, this.callback = t.callback;
-      const e = this.deepClone(t);
-      ["callback", "option", "data"].forEach((o) => delete e[o]), this.dialog = Object.assign(this.dialog, e), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, t.option), this.data = t.data, this.visible = !0;
-    },
-    close() {
-      const t = () => {
-        this.visible = !1, this.$destroy(), this.$el.remove();
-      };
-      typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(t) : t();
-    },
-    handleSubmit(t, e) {
-      var o;
-      (o = this.callback) == null || o.call(this, { data: t, close: this.close, done: e });
-    }
-  }
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { a as t } from "../chunks/util.g-WQEec9.mjs";
+import n, { createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, mergeProps as c, normalizeClass as l, openBlock as u, resolveComponent as d, resolveDynamicComponent as f, toDisplayString as p, withCtx as m } from "vue";
+import { isEmpty as h } from "@web-utils/core";
+//#region src/components/dialog-form/DialogForm.vue
+var g = {
+	name: "DialogForm",
+	data() {
+		return {
+			opt: {},
+			disabled: !1,
+			callback: null,
+			visible: !1,
+			dialog: { closeOnClickModal: !1 },
+			isDrawer: !1,
+			option: {
+				submitText: "提交",
+				emptyText: "关闭",
+				submitIcon: "el-icon-check",
+				emptyIcon: "el-icon-close",
+				column: []
+			},
+			data: {}
+		};
+	},
+	computed: {
+		dialogType() {
+			return this.isDrawer ? "ElDrawer" : "ElementDialog";
+		},
+		menuPosition() {
+			return this.opt.menuPosition || "center";
+		}
+	},
+	methods: {
+		isEmpty: h,
+		deepClone: t,
+		submit() {
+			this.$refs.form.submit();
+		},
+		reset() {
+			this.$refs.form.resetForm();
+		},
+		beforeClose(e) {
+			e(), this.close();
+		},
+		show(e) {
+			this.opt = e, this.callback = e.callback;
+			let t = this.deepClone(e);
+			[
+				"callback",
+				"option",
+				"data"
+			].forEach((e) => delete t[e]), this.dialog = Object.assign(this.dialog, t), this.dialog.size = this.dialog.width, this.isDrawer = this.dialog.type === "drawer", this.option = Object.assign(this.option, e.option), this.data = e.data, this.visible = !0;
+		},
+		close() {
+			let e = () => {
+				this.visible = !1, this.$destroy(), this.$el.remove();
+			};
+			typeof this.dialog.beforeClose == "function" ? this.dialog.beforeClose(e) : e();
+		},
+		handleSubmit(e, t) {
+			var n;
+			(n = this.callback) == null || n.call(this, {
+				data: e,
+				close: this.close,
+				done: t
+			});
+		}
+	}
 };
-i.showForm = (t) => {
-  const e = n.extend(i), o = new e().$mount();
-  return document.body.appendChild(o.$el), o.show(t), o;
-};
-const c = i;
-var d = function() {
-  var e = this, o = e._self._c;
-  return e._self._setupProxy, o(e.dialogType, e._b({ tag: "Component", staticClass: "dialog-form", attrs: { visible: e.visible, "destroy-on-close": "", "before-close": e.beforeClose }, on: { "update:visible": function(s) {
-    e.visible = s;
-  } } }, "Component", e.dialog, !1), [o("FyForm", { ref: "form", attrs: { option: { ...e.deepClone(e.option), menuBtn: !1 }, status: e.disabled }, on: { "update:status": function(s) {
-    e.disabled = s;
-  }, submit: e.handleSubmit, "reset-change": e.close }, model: { value: e.data, callback: function(s) {
-    e.data = s;
-  }, expression: "data" } }), e.isEmpty(e.option.menuBtn, !0) ? o("span", { staticClass: "avue-dialog__footer", class: `avue-dialog__footer--${e.menuPosition}` }, [e.isEmpty(e.option.submitBtn, !0) ? o("ElButton", { attrs: { size: e.$AVUE.size, icon: e.option.submitIcon, loading: e.disabled, type: "primary" }, on: { click: e.submit } }, [e._v(e._s(e.option.submitText))]) : e._e(), e.isEmpty(e.option.emptyBtn, !0) ? o("ElButton", { attrs: { disabled: e.disabled, size: e.$AVUE.size, icon: e.option.emptyIcon }, on: { click: e.reset } }, [e._v(e._s(e.option.emptyText))]) : e._e()], 1) : e._e()], 1);
-}, m = [], u = /* @__PURE__ */ r(
-  c,
-  d,
-  m,
-  !1,
-  null,
-  null
-);
-const _ = u.exports;
-export {
-  _ as default
+g.showForm = (e) => {
+	let t = new (n.extend(g))().$mount();
+	return document.body.appendChild(t.$el), t.show(e), t;
 };
+var _ = g;
+function v(e, t, n, h, g, _) {
+	let v = d("FyForm"), y = d("ElButton");
+	return u(), r(f(e.dialogType), c({
+		visible: e.visible,
+		"onUpdate:visible": t[2] || (t[2] = (t) => e.visible = t),
+		"destroy-on-close": "",
+		class: "dialog-form",
+		"before-close": e.beforeClose
+	}, e.dialog), {
+		default: m(() => [s(v, {
+			ref: "form",
+			modelValue: e.data,
+			"onUpdate:modelValue": t[0] || (t[0] = (t) => e.data = t),
+			status: e.disabled,
+			"onUpdate:status": t[1] || (t[1] = (t) => e.disabled = t),
+			option: {
+				...e.deepClone(e.option),
+				menuBtn: !1
+			},
+			onSubmit: e.handleSubmit,
+			onResetChange: e.close
+		}, null, 8, [
+			"modelValue",
+			"status",
+			"option",
+			"onSubmit",
+			"onResetChange"
+		]), e.isEmpty(e.option.menuBtn, !0) ? (u(), a("span", {
+			key: 0,
+			class: l(["avue-dialog__footer", `avue-dialog__footer--${e.menuPosition}`])
+		}, [e.isEmpty(e.option.submitBtn, !0) ? (u(), r(y, {
+			key: 0,
+			size: e.$AVUE.size,
+			icon: e.option.submitIcon,
+			loading: e.disabled,
+			type: "primary",
+			onClick: e.submit
+		}, {
+			default: m(() => [o(p(e.option.submitText), 1)]),
+			_: 1
+		}, 8, [
+			"size",
+			"icon",
+			"loading",
+			"onClick"
+		])) : i("v-if", !0), e.isEmpty(e.option.emptyBtn, !0) ? (u(), r(y, {
+			key: 1,
+			disabled: e.disabled,
+			size: e.$AVUE.size,
+			icon: e.option.emptyIcon,
+			onClick: e.reset
+		}, {
+			default: m(() => [o(p(e.option.emptyText), 1)]),
+			_: 1
+		}, 8, [
+			"disabled",
+			"size",
+			"icon",
+			"onClick"
+		])) : i("v-if", !0)], 2)) : i("v-if", !0)]),
+		_: 1
+	}, 16, ["visible", "before-close"]);
+}
+var y = /* @__PURE__ */ e(_, [["render", v]]);
+//#endregion
+export { y as default };

package/dynamic-table/index.mjs

@@ -1,109 +1,166 @@
-import { fastClone as o, validateNumber as p, validateIdCard as u, validatePhoneNum as d } from "@web-utils/core";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  number: "fa fa-superscript",
-  email: "el-icon-lx-mail",
-  phone: "fa fa-phone",
-  idCard: "el-icon-lx-news"
-}, m = {
-  name: "DynamicTable",
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    prop: {
-      type: String,
-      default: "rows"
-    },
-    value: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      default: () => []
-    },
-    disabled: Boolean
-  },
-  data() {
-    return {
-      key: 1
-    };
-  },
-  computed: {
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-  watch: {
-    value: {
-      deep: !0,
-      handler(t) {
-        this.$emit("input", t);
-      }
-    },
-    columns: {
-      deep: !0,
-      handler() {
-        this.key++;
-      }
-    }
-  },
-  methods: {
-    getIcon(t) {
-      return n[t.type] ? n[t.type] : "";
-    },
-    addRow() {
-      const t = this.value;
-      t.push(this.newRow()), this.$emit("input", t);
-    },
-    removeRow(t, e) {
-      const a = this.value;
-      a.splice(e, 1), this.$emit("input", a);
-    },
-    newRow() {
-      const t = {};
-      return this.columns.forEach((e) => {
-        t[e.prop] = void 0;
-      }), t;
-    },
-    getRules(t) {
-      const e = t.rules;
-      if (["email", "idCard", "phone", "number"].includes(t.type)) {
-        const a = o(e || []);
-        return t.type === "number" && a.push({ validator: p, message: "请输入数字！" }), t.type === "email" && a.push({ type: "email", message: "请输入正确的邮箱地址！" }), t.type === "idCard" && a.push({ validator: u, message: "请输入正确的身份证号码！" }), t.type === "phone" && a.push({ validator: d, message: "请输入正确的手机号码！" }), a;
-      } else
-        return e;
-    }
-  }
-};
-var f = function() {
-  var e = this, a = e._self._c;
-  return a("div", { staticClass: "dynamic-table" }, [a("ElTable", { key: e.key, staticStyle: { width: "100%" }, attrs: { data: e.value } }, [e._l(e.columns, function(i) {
-    return a("TableColumn", { key: i.prop, attrs: { prop: i.prop, label: i.label, "min-width": "150" }, scopedSlots: e._u([{ key: "default", fn: function({ row: l, $index: s }) {
-      return [a("ElFormItem", { style: { marginBottom: e.inputDisabled ? "0px" : "16px" }, attrs: { prop: `${e.prop}.${s}.${i.prop}`, size: "mini", rules: e.getRules(i) } }, [a("ElInput", { attrs: { "prefix-icon": e.getIcon(i), disabled: e.inputDisabled, placeholder: e.inputDisabled ? "" : `请输入${i.label}！` }, model: { value: l[i.prop], callback: function(r) {
-        e.$set(l, i.prop, r);
-      }, expression: "row[column.prop]" } })], 1)];
-    } }], null, !0) });
-  }), e.inputDisabled ? e._e() : a("TableColumn", { attrs: { label: "操作", width: "60", fixed: "right" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, column: l, $index: s }) {
-    return [a("i", { staticClass: "el-icon-minus dynamic-table-action-icon", staticStyle: { position: "relative", top: "-8px", color: "#f00" }, attrs: { title: "删除" }, on: { click: function(r) {
-      return r.stopPropagation(), e.removeRow(i, s, l);
-    } } })];
-  } }], null, !1, 410881950) })], 2), e.inputDisabled ? e._e() : a("ElButton", { staticStyle: { color: "#08c108" }, attrs: { type: "text", icon: "el-icon-plus" }, on: { click: e.addRow } }, [e._v(" 添加 ")])], 1);
-}, h = [], y = /* @__PURE__ */ c(
-  m,
-  f,
-  h,
-  !1,
-  null,
-  null
-);
-const _ = y.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, normalizeStyle as c, openBlock as l, renderList as u, resolveComponent as d, withCtx as f, withModifiers as p } from "vue";
+import { fastClone as m, validateIdCard as h, validateNumber as g, validatePhoneNum as _ } from "@web-utils/core";
+//#region src/components/dynamic-table/DynamicTable.vue
+var v = {
+	number: "fa fa-superscript",
+	email: "el-icon-lx-mail",
+	phone: "fa fa-phone",
+	idCard: "el-icon-lx-news"
+}, y = {
+	name: "DynamicTable",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		prop: {
+			type: String,
+			default: "rows"
+		},
+		value: {
+			type: Array,
+			default: () => []
+		},
+		columns: {
+			type: Array,
+			default: () => []
+		},
+		disabled: Boolean
+	},
+	data() {
+		return { key: 1 };
+	},
+	computed: { inputDisabled() {
+		return this.disabled || (this.elForm || {}).disabled;
+	} },
+	watch: {
+		value: {
+			deep: !0,
+			handler(e) {
+				this.$emit("input", e);
+			}
+		},
+		columns: {
+			deep: !0,
+			handler() {
+				this.key++;
+			}
+		}
+	},
+	methods: {
+		getIcon(e) {
+			return v[e.type] ? v[e.type] : "";
+		},
+		addRow() {
+			let e = this.value;
+			e.push(this.newRow()), this.$emit("input", e);
+		},
+		removeRow(e, t) {
+			let n = this.value;
+			n.splice(t, 1), this.$emit("input", n);
+		},
+		newRow() {
+			let e = {};
+			return this.columns.forEach((t) => {
+				e[t.prop] = void 0;
+			}), e;
+		},
+		getRules(e) {
+			let t = e.rules;
+			if ([
+				"email",
+				"idCard",
+				"phone",
+				"number"
+			].includes(e.type)) {
+				let n = m(t || []);
+				return e.type === "number" && n.push({
+					validator: g,
+					message: "请输入数字！"
+				}), e.type === "email" && n.push({
+					type: "email",
+					message: "请输入正确的邮箱地址！"
+				}), e.type === "idCard" && n.push({
+					validator: h,
+					message: "请输入正确的身份证号码！"
+				}), e.type === "phone" && n.push({
+					validator: _,
+					message: "请输入正确的手机号码！"
+				}), n;
+			} else return t;
+		}
+	}
+}, b = { class: "dynamic-table" }, x = ["onClick"];
+function S(e, m, h, g, _, v) {
+	let y = d("ElInput"), S = d("ElFormItem"), C = d("TableColumn"), w = d("ElTable"), T = d("ElButton");
+	return l(), i("div", b, [(l(), n(w, {
+		key: _.key,
+		data: h.value,
+		style: { width: "100%" }
+	}, {
+		default: f(() => [(l(!0), i(t, null, u(h.columns, (e) => (l(), n(C, {
+			key: e.prop,
+			prop: e.prop,
+			label: e.label,
+			"min-width": "150"
+		}, {
+			default: f(({ row: t, $index: n }) => [s(S, {
+				prop: `${h.prop}.${n}.${e.prop}`,
+				size: "mini",
+				rules: v.getRules(e),
+				style: c({ marginBottom: v.inputDisabled ? "0px" : "16px" })
+			}, {
+				default: f(() => [s(y, {
+					modelValue: t[e.prop],
+					"onUpdate:modelValue": (n) => t[e.prop] = n,
+					"prefix-icon": v.getIcon(e),
+					disabled: v.inputDisabled,
+					placeholder: v.inputDisabled ? "" : `请输入${e.label}！`
+				}, null, 8, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"prefix-icon",
+					"disabled",
+					"placeholder"
+				])]),
+				_: 2
+			}, 1032, [
+				"prop",
+				"rules",
+				"style"
+			])]),
+			_: 2
+		}, 1032, ["prop", "label"]))), 128)), v.inputDisabled ? r("v-if", !0) : (l(), n(C, {
+			key: 0,
+			label: "操作",
+			width: "60",
+			fixed: "right"
+		}, {
+			default: f(({ row: e, column: t, $index: n }) => [a("i", {
+				class: "el-icon-minus dynamic-table-action-icon",
+				style: {
+					position: "relative",
+					top: "-8px",
+					color: "#f00"
+				},
+				title: "删除",
+				onClick: p((r) => v.removeRow(e, n, t), ["stop"])
+			}, null, 8, x)]),
+			_: 1
+		}))]),
+		_: 1
+	}, 8, ["data"])), v.inputDisabled ? r("v-if", !0) : (l(), n(T, {
+		key: 0,
+		type: "text",
+		icon: "el-icon-plus",
+		style: { color: "#08c108" },
+		onClick: v.addRow
+	}, {
+		default: f(() => [...m[0] || (m[0] = [o(" 添加 ", -1)])]),
+		_: 1
+	}, 8, ["onClick"]))]);
+}
+var C = /* @__PURE__ */ e(y, [["render", S]]);
+//#endregion
+export { C as default };