@web-utils/form-ui 1.0.0-beta75 → 1.0.0-beta76

package/x-input-tag/index.mjs

@@ -1,13 +1,12 @@
 import { t as e } from "../chunks/B1MSrc6f.mjs";
 import { t } from "../chunks/mnqSaATq.mjs";
-import { ElInput as n, ElMessage as r, ElPopover as i, ElTag as a } from "element-plus/es";
+import { ElInput as n, ElMessage as r, ElPopover as i, ElTag as a, formContextKey as o, formItemContextKey as s } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/input/style/css";
-import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, nextTick as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, vShow as _, withCtx as v, withDirectives as y, withKeys as b } from "vue";
-import { isArray as x, isDef as S, isPlainObject as C, scrollIntoView as w } from "@web-utils/core";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, nextTick as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, vShow as y, withCtx as b, withDirectives as x, withKeys as S } from "vue";
+import { isArray as C, isDef as w, isPlainObject as T, scrollIntoView as E } from "@web-utils/core";
 import "element-plus/es/components/message/style/css";
-import { debounce as T } from "lodash-es";
-import { formContextKey as E, formItemContextKey as D } from "element-plus";
+import { debounce as D } from "lodash-es";
 import "element-plus/es/components/popover/style/css";
 import "element-plus/es/components/tag/style/css";
 //#region src/components/form/XInputTag.vue
@@ -15,11 +14,11 @@ var O = {
 	name: "XInputTag",
 	inject: {
 		elForm: {
-			from: E,
+			from: o,
 			default: ""
 		},
 		elFormItem: {
-			from: D,
+			from: s,
 			default: ""
 		}
 	},
@@ -74,7 +73,7 @@ var O = {
 				}) : this.modelValue : [];
 			} else {
 				var t;
-				let e = this.arrayMode ? this.modelValue || [] : x(this.modelValue) ? this.modelValue : ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
+				let e = this.arrayMode ? this.modelValue || [] : C(this.modelValue) ? this.modelValue : ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
 				return e.length && e[0] ? e.map((e) => this.objectMode ? {
 					name: e,
 					id: null
@@ -83,25 +82,25 @@ var O = {
 		} }
 	},
 	created() {
-		this.query && (this.debounceQuery = T(async () => {
+		this.query && (this.debounceQuery = D(async () => {
 			this.query ? (this.items = await this.query(this.inputValue), this.currentIndex = 0) : this.currentIndex = null;
 		}, 200));
 	},
 	methods: {
 		async showInput() {
 			var e;
-			this.inputVisible = !0, await f(), this.$refs.saveTagInput.$refs.input.focus(), (e = this.items) != null && e.length && (this.currentIndex = 0);
+			this.inputVisible = !0, await m(), this.$refs.saveTagInput.$refs.input.focus(), (e = this.items) != null && e.length && (this.currentIndex = 0);
 		},
 		handleClose(e) {
 			let t = this.tags.filter((t) => t !== e);
 			this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
 		},
 		async handleInputConfirm() {
-			await f(), S(this.currentIndex) && this.items[this.currentIndex] ? await this.addTag(this.items[this.currentIndex]) : this.inputValue ? await this.addTag(this.inputValue) : await this.reset();
+			await m(), w(this.currentIndex) && this.items[this.currentIndex] ? await this.addTag(this.items[this.currentIndex]) : this.inputValue ? await this.addTag(this.inputValue) : await this.reset();
 		},
 		async reset() {
 			var e;
-			(e = this.$refs.popover) == null || e.hide(), await f(), this.inputVisible = !1, this.inputValue = "", this.currentIndex = null;
+			(e = this.$refs.popover) == null || e.hide(), await m(), this.inputVisible = !1, this.inputValue = "", this.currentIndex = null;
 		},
 		async addTag(e) {
 			if (this.tags.length >= this.maxTag) {
@@ -113,7 +112,7 @@ var O = {
 			}
 			if (e) {
 				var t;
-				let n = C(e);
+				let n = T(e);
 				if (this.tags.some((t) => (this.objectMode && t.name || t) === (n && e.name || e))) {
 					this.inputVisible = !1, this.inputValue = "", r.warning({
 						message: `${this.type}已存在！`,
@@ -147,7 +146,7 @@ var O = {
 		},
 		select(e) {
 			var t;
-			(t = this.items) != null && t.length && (e === 1 ? this.currentIndex > 0 ? this.currentIndex-- : this.currentIndex = this.items.length - 1 : e === 2 && (this.currentIndex < this.items.length - 1 ? this.currentIndex++ : this.currentIndex = 0), w(this.$refs.list, this.$refs.items[this.currentIndex]));
+			(t = this.items) != null && t.length && (e === 1 ? this.currentIndex > 0 ? this.currentIndex-- : this.currentIndex = this.items.length - 1 : e === 2 && (this.currentIndex < this.items.length - 1 ? this.currentIndex++ : this.currentIndex = 0), E(this.$refs.list, this.$refs.items[this.currentIndex]));
 		}
 	}
 }, k = { class: "x-input-tag" }, A = {
@@ -164,31 +163,31 @@ var O = {
 	ref: "list",
 	class: "dropdown-item-list"
 }, N = ["onMouseenter", "onClick"];
-function P(e, r, f, x, S, C) {
+function P(e, r, o, s, m, C) {
 	let w = a, T = n, E = t, D = i;
-	return m(), l("div", k, [
-		C.tags && C.tags.length && C.tags[0] ? (m(!0), l(o, { key: 0 }, h(C.tags, (e, t) => (m(), s(w, {
+	return g(), d("div", k, [
+		C.tags && C.tags.length && C.tags[0] ? (g(!0), d(c, { key: 0 }, _(C.tags, (e, t) => (g(), l(w, {
 			key: e.id || e.name || e,
 			size: "small",
 			"disable-transitions": "",
 			closable: !C.inputDisabled,
 			onClose: (n) => C.handleClose(e, t)
 		}, {
-			default: v(() => [d(g(e.name || e), 1)]),
+			default: b(() => [p(v(e.name || e), 1)]),
 			_: 2
-		}, 1032, ["closable", "onClose"]))), 128)) : C.inputDisabled ? (m(), l("span", A, "无")) : c("v-if", !0),
-		C.inputDisabled ? c("v-if", !0) : y((m(), s(T, {
+		}, 1032, ["closable", "onClose"]))), 128)) : C.inputDisabled ? (g(), d("span", A, "无")) : u("v-if", !0),
+		C.inputDisabled ? u("v-if", !0) : x((g(), l(T, {
 			key: 2,
 			ref: "saveTagInput",
-			modelValue: S.inputValue,
-			"onUpdate:modelValue": [r[0] || (r[0] = (e) => S.inputValue = e), C.tryQuery],
+			modelValue: m.inputValue,
+			"onUpdate:modelValue": [r[0] || (r[0] = (e) => m.inputValue = e), C.tryQuery],
 			class: "input-new-tag",
 			size: "small",
 			onKeyup: [
-				r[1] || (r[1] = b((e) => C.select(1), ["up"])),
-				r[2] || (r[2] = b((e) => C.select(2), ["down"])),
-				b(C.onInputBlur, ["esc"]),
-				b(C.handleInputConfirm, ["enter"])
+				r[1] || (r[1] = S((e) => C.select(1), ["up"])),
+				r[2] || (r[2] = S((e) => C.select(2), ["down"])),
+				S(C.onInputBlur, ["esc"]),
+				S(C.handleInputConfirm, ["enter"])
 			],
 			onBlur: C.onInputBlur
 		}, null, 8, [
@@ -196,18 +195,18 @@ function P(e, r, f, x, S, C) {
 			"onUpdate:modelValue",
 			"onKeyup",
 			"onBlur"
-		])), [[_, S.inputVisible]]),
-		!C.inputDisabled && !S.inputVisible ? y((m(), s(E, {
+		])), [[y, m.inputVisible]]),
+		!C.inputDisabled && !m.inputVisible ? x((g(), l(E, {
 			key: 3,
 			class: "button-new-tag",
 			size: "small",
 			onClick: C.showInput
 		}, {
-			default: v(() => [...r[3] || (r[3] = [d(" + 添加 ", -1)])]),
+			default: b(() => [...r[3] || (r[3] = [p(" + 添加 ", -1)])]),
 			_: 1
-		}, 8, ["onClick"])), [[_, C.tags.length < S.maxTag]]) : c("v-if", !0),
-		f.count ? (m(), l("span", j, g(C.tags.length && C.tags[0] ? C.tags.length : ""), 1)) : c("v-if", !0),
-		f.query ? (m(), s(D, {
+		}, 8, ["onClick"])), [[y, C.tags.length < m.maxTag]]) : u("v-if", !0),
+		o.count ? (g(), d("span", j, v(C.tags.length && C.tags[0] ? C.tags.length : ""), 1)) : u("v-if", !0),
+		o.query ? (g(), l(D, {
 			key: 5,
 			ref: "popover",
 			"virtual-ref": e.$refs.saveTagInput,
@@ -216,16 +215,16 @@ function P(e, r, f, x, S, C) {
 			"popper-class": "dropdown-popup",
 			trigger: "manual"
 		}, {
-			default: v(() => [u("ul", M, [(m(!0), l(o, null, h(S.items, (e, t) => (m(), l("li", {
+			default: b(() => [f("ul", M, [(g(!0), d(c, null, _(m.items, (e, t) => (g(), d("li", {
 				ref_for: !0,
 				ref: "items",
 				key: e.id || e.name || e,
-				class: p(["dropdown-item", { active: S.currentIndex === t }]),
-				onMouseenter: (e) => S.currentIndex = t,
+				class: h(["dropdown-item", { active: m.currentIndex === t }]),
+				onMouseenter: (e) => m.currentIndex = t,
 				onClick: (t) => C.onDropdownItemClick(e)
-			}, g(e.name || e), 43, N))), 128))], 512)]),
+			}, v(e.name || e), 43, N))), 128))], 512)]),
 			_: 1
-		}, 8, ["virtual-ref"])) : c("v-if", !0)
+		}, 8, ["virtual-ref"])) : u("v-if", !0)
 	]);
 }
 var F = /* @__PURE__ */ e(O, [["render", P]]);

package/chunks/UCeucUsB.mjs

@@ -1,68 +0,0 @@
-import { n as e, o as t, t as n } from "./Cfz-cav7.mjs";
-import { allProps as r, predicate as i } from "../props/input.mjs";
-import { ElInput as a } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/input/style/css";
-import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
-import { validatePhoneNum as u } from "@web-utils/core";
-//#region src/utils/form-validate.ts
-var d = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
-function f(e, t, n) {
-	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
-}
-function p(e, t, n) {
-	if (this.$refs.table.$refs.table.records.length === 0) {
-		n(Error(e.message || `请添加${e.label}`));
-		return;
-	}
-	n();
-}
-//#endregion
-//#region src/components/form/FormInput.vue
-var m = {
-	name: "FormInput",
-	inheritAttrs: !1,
-	props: { ...r },
-	emits: { ...e },
-	setup(e, { emit: r, slots: p, attrs: m }) {
-		let h = l(e, "modelValue"), g = `请输入正确的${e.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x, printing: S } = t(e, {
-			emit: r,
-			slots: p,
-			attrs: m,
-			rules: o(() => {
-				if (!e.type || e.type === "textarea") return null;
-				let t = {
-					message: g,
-					trigger: "blur"
-				};
-				if (e.type === "email") t.validator = d;
-				else if (e.type === "idcard") t.validator = f;
-				else if (e.type === "phone") t.validator = u;
-				else return null;
-				return [t];
-			}),
-			predicate: i
-		});
-		return () => _({ vNodes: S.value ? e.modelValue : s(a, c(b.value, x.value, {
-			class: ["form-input", {
-				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
-				"el-input-cursor-pointer": e.picker && !y.value
-			}],
-			modelValue: h.value,
-			"onUpdate:modelValue": (e) => h.value = e,
-			disabled: y.value,
-			placeholder: v.value,
-			readonly: e.readonly || e.picker,
-			"prefix-icon": n({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
-			"suffix-icon": n({ icon: e.suffixIcon })
-		}), {
-			prefix: p.prefix || e.prefix ? () => e.prefix : null,
-			suffix: p.suffix || e.suffix ? () => e.suffix : null,
-			"password-icon": p["password-icon"],
-			prepend: p.prepend || e.prepend ? () => e.prepend : null,
-			append: p.append || e.append ? () => e.append : null
-		}) });
-	}
-};
-//#endregion
-export { p as n, m as t };