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

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]]);