@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

package/table-view/index.mjs

@@ -1,17 +1,20 @@
-import { i as e, l as t } from "../chunks/DuOxL6xh.mjs";
-import { processButtons as n, reloadTable as r } from "../api/index.mjs";
-import { cellClickHandlerContextKey as i, tableViewContextKey as a } from "../constants/index.mjs";
-import { t as o } from "../chunks/usyXQe35.mjs";
-import { t as s } from "../chunks/B1MSrc6f.mjs";
-import c from "../editable-tree/index.mjs";
-import { s as l } from "../chunks/DEC2O0q-.mjs";
-import u from "../form-item-config-provider/index.mjs";
-import { t as d } from "../chunks/33G2_TH8.mjs";
-import { t as f } from "../chunks/BXrA0SYn2.mjs";
-import { hasOwn as p, isArray as m, isFunction as h, isString as g, toStringArray as _, trace as v, warning as y } from "@web-utils/core";
-import { Transition as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createTextVNode as E, createVNode as D, mergeProps as O, normalizeClass as k, normalizeStyle as A, openBlock as j, renderList as M, renderSlot as N, toDisplayString as P, toHandlers as F, vShow as I, withCtx as L, withDirectives as R, withModifiers as z } from "vue";
-import { merge as B } from "@web-utils/integrations/lodash";
-import { ElCollapseTransition as V, ElForm as H, ElFormItem as U, ElRow as W } from "element-plus/es";
+import "../chunks/CjjJimnU.mjs";
+import { n as e, t } from "../chunks/CQxz8uUc.mjs";
+import { f as n, i as r } from "../chunks/D-hj62se2.mjs";
+import { t as i } from "../chunks/DLgn1tQG2.mjs";
+import { t as a } from "../chunks/7JVbVOff2.mjs";
+import { t as o } from "../chunks/BCVhSMZN.mjs";
+import { t as s } from "../chunks/D8r81QxD.mjs";
+import { t as c } from "../chunks/BwYEpK-u.mjs";
+import { processButtons as l, reloadTable as u } from "../api/index.mjs";
+import { cellClickHandlerContextKey as d, tableViewContextKey as f } from "../constants/index.mjs";
+import { t as p } from "../chunks/DhQF2ZlD.mjs";
+import { s as m } from "../chunks/BsM0L7CS.mjs";
+import h from "../form-item-config-provider/index.mjs";
+import { t as g } from "../chunks/3gUkQF12.mjs";
+import { Transition as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, mergeProps as T, normalizeClass as E, normalizeStyle as D, openBlock as O, renderList as k, renderSlot as A, toDisplayString as j, toHandlers as M, vShow as N, withCtx as P, withDirectives as F, withModifiers as I } from "vue";
+import { hasOwn as L, isArray as R, isFunction as z, isString as B, toStringArray as V, trace as H, warning as U } from "@web-utils/core";
+import { merge as W } from "@web-utils/integrations/lodash";
 //#region src/components/form/TableView.vue
 var G = [
 	"back",
@@ -37,22 +40,22 @@ var G = [
 	name: "TableView",
 	bus: {
 		reloadTableView(e) {
-			if (this._viewIds) if (g(e) || m(e)) {
+			if (this._viewIds) if (B(e) || R(e)) {
 				let t = e;
-				g(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && (v.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
-			} else y.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+				B(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && (H.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
+			} else U.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
 		},
 		reloadTreeView(e) {
-			if (this._viewIds) if (g(e) || m(e)) {
+			if (this._viewIds) if (B(e) || R(e)) {
 				let t = e;
-				g(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && this.$refs.tree && (v.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
-			} else y.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+				B(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && this.$refs.tree && (H.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
+			} else U.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
 		}
 	},
 	provide() {
 		return {
-			[a]: this,
-			[i]: this.rowDbClick
+			[f]: this,
+			[d]: this.rowDbClick
 		};
 	},
 	props: {
@@ -123,15 +126,15 @@ var G = [
 		},
 		toolbarProps() {
 			var e, t;
-			let r = B({}, this.toolbarAttrs, {}), i = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
-			return i = i || [], r.buttons = i, r.buttons = n(r.buttons), r.buttons = _(r.buttons), r.searchable = !!((e = (t = this.$slots)["search-form"]) != null && e.call(t)), r;
+			let n = W({}, this.toolbarAttrs, {}), r = (n == null ? void 0 : n.buttons) || this.$parent.buttons;
+			return r = r || [], n.buttons = r, n.buttons = l(n.buttons), n.buttons = V(n.buttons), n.searchable = !!((e = (t = this.$slots)["search-form"]) != null && e.call(t)), n;
 		},
 		treeProps() {
-			return t(B({}, this.treeAttrs, {
+			return n(W({}, this.treeAttrs, {
 				treeProps: {
 					children: "children",
 					label: "label",
-					isLeaf: (e) => p(e, "hasChildren") ? !e.hasChildren : p(e, "hasChild") ? !e.hasChild : !0
+					isLeaf: (e) => L(e, "hasChildren") ? !e.hasChildren : L(e, "hasChild") ? !e.hasChild : !0
 				},
 				show: !1,
 				lazy: !0,
@@ -142,20 +145,20 @@ var G = [
 			}));
 		},
 		tableProps() {
-			let e = this.tableAttrs.api || this.$parent.getPage, n = {
+			let e = this.tableAttrs.api || this.$parent.getPage, t = {
 				model: this.searchModel || {},
 				height: "auto",
 				highlightCurrentRow: !0,
 				api: e
 			};
-			return t(B({}, this.tableAttrs, n));
+			return n(W({}, this.tableAttrs, t));
 		},
 		searchPanelProps() {
 			let e = {
 				width: 350,
 				model: this.searchModel || {}
 			};
-			return t(B({}, this.searchPanelAttrs, e));
+			return n(W({}, this.searchPanelAttrs, e));
 		},
 		toolbarEventHandlers() {
 			if (this.toolbarListeners) {
@@ -182,7 +185,7 @@ var G = [
 		this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
 	},
 	methods: {
-		toHyphenateKey: t,
+		toHyphenateKey: n,
 		onTreeScroll() {
 			this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
 		},
@@ -195,8 +198,8 @@ var G = [
 		onClearClick() {
 			this.$emit("reset"), this.$refs.form.resetFields(), this.reloadTable();
 		},
-		openFrom(t) {
-			this.$router.push(e(this.formPath, t));
+		openFrom(e) {
+			this.$router.push(r(this.formPath, e));
 		},
 		rowDbClick(e) {
 			var t, n;
@@ -212,7 +215,7 @@ var G = [
 		async del() {
 			var e;
 			let t = this.deleteApi || this.$parent.del;
-			if (!((e = this.toolbarListeners) != null && e.del) && h(t)) {
+			if (!((e = this.toolbarListeners) != null && e.del) && z(t)) {
 				if (!this.selectedRows.length) {
 					this.$message.warning(this.selectTips || "请选择要删除的记录！");
 					return;
@@ -222,13 +225,13 @@ var G = [
 					modal: !0,
 					dangerouslyUseHTMLString: !0,
 					closeOnClickModal: !1,
-					beforeClose: async (e, n, i) => {
+					beforeClose: async (e, n, r) => {
 						if (e === "confirm") try {
 							n.confirmButtonLoading = !0, n.confirmButtonText = "删除...";
 							let e = await t.call(this, this.selectedRows.map((e) => e[this.rowKey]));
-							this.$message.success(e.data.msg || "删除成功"), this.reloadTableAndTree(), r();
+							this.$message.success(e.data.msg || "删除成功"), this.reloadTableAndTree(), u();
 						} catch {}
-						i();
+						r();
 					}
 				}).catch((e) => e);
 			}
@@ -266,39 +269,39 @@ var G = [
 	key: 0,
 	class: "search-form-top"
 }, Y = { class: "table-view-content-wrapper" }, X = { class: "table-view-content" }, Z = { class: "table-view-table" }, Q = { class: "slide-panel-content" }, $ = { class: "slide-panel-actions" };
-function ee(e, t, n, r, i, a) {
-	let s = o, p = l, m = W, h = u, g = H, _ = V, v = f, y = c, B = d, G = U;
-	return j(), C("div", { class: k(["table-view", {
-		embed: n.embed,
-		"has-tree": a.treeProps.show
-	}]) }, [w("div", q, [
-		S("搜索条件"),
-		n.searchFormPosition === "top" ? (j(), x(_, { key: 0 }, {
-			default: L(() => [a.toolbarProps.searchable ? R((j(), C("div", J, [D(g, {
+function ee(n, r, c, l, u, d) {
+	let f = p, L = m, R = i, z = h, B = t, V = a, H = g, U = s, W = o, G = e;
+	return O(), b("div", { class: E(["table-view", {
+		embed: c.embed,
+		"has-tree": d.treeProps.show
+	}]) }, [x("div", q, [
+		y("搜索条件"),
+		c.searchFormPosition === "top" ? (O(), v(V, { key: 0 }, {
+			default: P(() => [d.toolbarProps.searchable ? F((O(), b("div", J, [w(B, {
 				ref: "form",
 				"label-position": "right",
-				model: n.searchModel || a.searchPanelProps.model,
-				"label-width": n.labelWidth,
-				onSubmitCapture: z(a.onSearchClick, ["prevent"])
+				model: c.searchModel || d.searchPanelProps.model,
+				"label-width": c.labelWidth,
+				onSubmitCapture: I(d.onSearchClick, ["prevent"])
 			}, {
-				default: L(() => [D(h, { reactive: "" }, {
-					default: L(() => [D(m, { gutter: 0 }, {
-						default: L(() => [N(e.$slots, "search-form", {}, () => [t[3] || (t[3] = w("p", null, "请添加搜索条件！", -1))]), D(p, {
+				default: P(() => [w(z, { reactive: "" }, {
+					default: P(() => [w(R, { gutter: 0 }, {
+						default: P(() => [A(n.$slots, "search-form", {}, () => [r[3] || (r[3] = x("p", null, "请添加搜索条件！", -1))]), w(L, {
 							class: "search-actions",
 							"hide-label": "",
 							"fixed-span": 24
 						}, {
-							default: L(() => [D(s, {
+							default: P(() => [w(f, {
 								type: "primary",
 								"native-type": "submit"
 							}, {
-								default: L(() => [...t[4] || (t[4] = [E("开始搜索", -1)])]),
+								default: P(() => [...r[4] || (r[4] = [C("开始搜索", -1)])]),
 								_: 1
-							}), D(s, {
+							}), w(f, {
 								style: { "margin-left": "10px" },
-								onClick: a.onClearClick
+								onClick: d.onClearClick
 							}, {
-								default: L(() => [...t[5] || (t[5] = [E("清除条件", -1)])]),
+								default: P(() => [...r[5] || (r[5] = [C("清除条件", -1)])]),
 								_: 1
 							}, 8, ["onClick"])]),
 							_: 1
@@ -312,48 +315,48 @@ function ee(e, t, n, r, i, a) {
 				"model",
 				"label-width",
 				"onSubmitCapture"
-			])], 512)), [[I, i.isSearchVisible]]) : S("v-if", !0)]),
+			])], 512)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
 			_: 3
-		})) : S("v-if", !0),
-		S("顶部工具条"),
-		n.showToolbar ? (j(), x(v, O({ key: 1 }, a.toolbarProps, {
+		})) : y("v-if", !0),
+		y("顶部工具条"),
+		c.showToolbar ? (O(), v(H, T({ key: 1 }, d.toolbarProps, {
 			refreshable: "",
-			onSearch: a.toggleSearch,
-			onSettings: t[0] || (t[0] = () => e.$refs.table.toggleSettings()),
-			onDel: a.del,
-			onCreate: a.create,
-			onReload: a.reloadTableAndTree,
-			onExp: a.exp,
-			onImp: t[1] || (t[1] = (e) => i.importDialogVisible = !0)
-		}, F(a.toolbarEventHandlers)), T({ _: 2 }, [
-			e.$slots["toolbar-button"] ? {
+			onSearch: d.toggleSearch,
+			onSettings: r[0] || (r[0] = () => n.$refs.table.toggleSettings()),
+			onDel: d.del,
+			onCreate: d.create,
+			onReload: d.reloadTableAndTree,
+			onExp: d.exp,
+			onImp: r[1] || (r[1] = (e) => u.importDialogVisible = !0)
+		}, M(d.toolbarEventHandlers)), S({ _: 2 }, [
+			n.$slots["toolbar-button"] ? {
 				name: "default",
-				fn: L(() => [N(e.$slots, "toolbar-button", { selectedRows: i.selectedRows })]),
+				fn: P(() => [A(n.$slots, "toolbar-button", { selectedRows: u.selectedRows })]),
 				key: "0"
 			} : void 0,
-			e.$slots["toolbar-left"] ? {
+			n.$slots["toolbar-left"] ? {
 				name: "toolbar-left",
-				fn: L(() => [N(e.$slots, "toolbar-left", { selectedRows: i.selectedRows })]),
+				fn: P(() => [A(n.$slots, "toolbar-left", { selectedRows: u.selectedRows })]),
 				key: "1"
 			} : void 0,
-			e.$slots["toolbar-right"] ? {
+			n.$slots["toolbar-right"] ? {
 				name: "toolbar-right",
-				fn: L(() => [N(e.$slots, "toolbar-right", {
-					del: a.del,
-					create: a.create,
-					reload: a.reloadTableAndTree,
-					selectedRows: i.selectedRows
+				fn: P(() => [A(n.$slots, "toolbar-right", {
+					del: d.del,
+					create: d.create,
+					reload: d.reloadTableAndTree,
+					selectedRows: u.selectedRows
 				})]),
 				key: "2"
 			} : void 0,
-			e.$slots["toolbar-right-button"] ? {
+			n.$slots["toolbar-right-button"] ? {
 				name: "toolbar-right-button",
-				fn: L(() => [N(e.$slots, "toolbar-right-button")]),
+				fn: P(() => [A(n.$slots, "toolbar-right-button")]),
 				key: "3"
 			} : void 0,
-			M(a.buttonSlots, (t) => ({
-				name: t,
-				fn: L(() => [N(e.$slots, t, { selectedRows: i.selectedRows })])
+			k(d.buttonSlots, (e) => ({
+				name: e,
+				fn: P(() => [A(n.$slots, e, { selectedRows: u.selectedRows })])
 			}))
 		]), 1040, [
 			"onSearch",
@@ -361,48 +364,48 @@ function ee(e, t, n, r, i, a) {
 			"onCreate",
 			"onReload",
 			"onExp"
-		])) : S("v-if", !0),
-		w("div", Y, [
-			w("div", X, [
-				S("侧栏"),
-				a.treeProps.show ? (j(), C("div", {
+		])) : y("v-if", !0),
+		x("div", Y, [
+			x("div", X, [
+				y("侧栏"),
+				d.treeProps.show ? (O(), b("div", {
 					key: 0,
 					ref: "treeScroller",
 					class: "table-view-sidebar",
-					onScroll: t[2] || (t[2] = (...e) => a.onTreeScroll && a.onTreeScroll(...e))
-				}, [S("<div style=\"font-size: 16px\">视图导航</div>"), D(y, O({ ref: "tree" }, a.treeProps, { readonly: "" }, F(a.toHyphenateKey(n.treeListeners))), {
-					default: L(({ node: t, data: n }) => [N(e.$slots, "tree-node", {
-						node: t,
-						data: n
-					}, () => [w("span", null, [w("i", { class: k([t.childNodes.length > 0 ? t.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets", "node-icon"]) }, null, 2), N(e.$slots, "tree-label", {
-						node: t,
-						data: n
-					}, () => [E(P(t.label), 1)])])])]),
+					onScroll: r[2] || (r[2] = (...e) => d.onTreeScroll && d.onTreeScroll(...e))
+				}, [y("<div style=\"font-size: 16px\">视图导航</div>"), w(U, T({ ref: "tree" }, d.treeProps, { readonly: "" }, M(d.toHyphenateKey(c.treeListeners))), {
+					default: P(({ node: e, data: t }) => [A(n.$slots, "tree-node", {
+						node: e,
+						data: t
+					}, () => [x("span", null, [x("i", { class: E([e.childNodes.length > 0 ? e.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets", "node-icon"]) }, null, 2), A(n.$slots, "tree-label", {
+						node: e,
+						data: t
+					}, () => [C(j(e.label), 1)])])])]),
 					_: 3
-				}, 16)], 544)) : S("v-if", !0),
-				S("表格"),
-				w("div", Z, [D(B, O({
+				}, 16)], 544)) : y("v-if", !0),
+				y("表格"),
+				x("div", Z, [w(W, T({
 					ref: "table",
-					border: n.border,
+					border: c.border,
 					class: [{
-						"border-top": n.borderTop,
-						"border-bottom": n.borderBottom,
-						"border-left": n.borderLeft || n.treeAttrs && n.treeAttrs.show,
-						"border-right": n.borderRight
+						"border-top": c.borderTop,
+						"border-bottom": c.borderBottom,
+						"border-left": c.borderLeft || c.treeAttrs && c.treeAttrs.show,
+						"border-right": c.borderRight
 					}]
-				}, a.tableProps, {
-					"row-key": n.rowKey,
-					"row-db-click": a.rowDbClick,
-					data: n.data
-				}, F(a.toHyphenateKey(n.tableListeners)), {
-					onRowDblclick: a.rowDbClick,
-					onSelectionChange: a.onSelectionChange
-				}), T({
-					default: L(() => [N(e.$slots, "columns")]),
+				}, d.tableProps, {
+					"row-key": c.rowKey,
+					"row-db-click": d.rowDbClick,
+					data: c.data
+				}, M(d.toHyphenateKey(c.tableListeners)), {
+					onRowDblclick: d.rowDbClick,
+					onSelectionChange: d.onSelectionChange
+				}), S({
+					default: P(() => [A(n.$slots, "columns")]),
 					_: 2
-				}, [M(a.tableScopeSlotNames, (t) => ({
-					name: t,
-					fn: L(({ row: n }) => [N(e.$slots, t, { row: n })])
+				}, [k(d.tableScopeSlotNames, (e) => ({
+					name: e,
+					fn: P(({ row: t }) => [A(n.$slots, e, { row: t })])
 				}))]), 1040, [
 					"border",
 					"class",
@@ -413,40 +416,40 @@ function ee(e, t, n, r, i, a) {
 					"onSelectionChange"
 				])])
 			]),
-			S("搜索条件"),
-			n.searchFormPosition === "right" ? (j(), x(b, {
+			y("搜索条件"),
+			c.searchFormPosition === "right" ? (O(), v(_, {
 				key: 0,
 				name: "slide"
 			}, {
-				default: L(() => [a.toolbarProps.searchable ? R((j(), C("div", {
+				default: P(() => [d.toolbarProps.searchable ? F((O(), b("div", {
 					key: 0,
-					style: A({ width: `${a.searchPanelProps.width}px` }),
+					style: D({ width: `${d.searchPanelProps.width}px` }),
 					class: "slide-panel"
-				}, [S("<div class=\"slide-panel-line\">\n                <div class=\"slide-panel-line-indicator\"></div>\n              </div>"), w("div", Q, [D(g, {
+				}, [y("<div class=\"slide-panel-line\">\r\n                <div class=\"slide-panel-line-indicator\"></div>\r\n              </div>"), x("div", Q, [w(B, {
 					ref: "form",
 					"label-position": "right",
-					model: n.searchModel || a.searchPanelProps.model,
-					"label-width": n.labelWidth,
-					onSubmitCapture: z(a.onSearchClick, ["prevent"])
+					model: c.searchModel || d.searchPanelProps.model,
+					"label-width": c.labelWidth,
+					onSubmitCapture: I(d.onSearchClick, ["prevent"])
 				}, {
-					default: L(() => [D(h, {
+					default: P(() => [w(z, {
 						block: "",
 						"wrap-col": !1
 					}, {
-						default: L(() => [D(m, { gutter: 0 }, {
-							default: L(() => [N(e.$slots, "search-form", {}, () => [t[6] || (t[6] = w("p", null, "请添加搜索条件！", -1))])]),
+						default: P(() => [w(R, { gutter: 0 }, {
+							default: P(() => [A(n.$slots, "search-form", {}, () => [r[6] || (r[6] = x("p", null, "请添加搜索条件！", -1))])]),
 							_: 3
 						})]),
 						_: 3
-					}), D(G, { "label-width": "0" }, {
-						default: L(() => [w("div", $, [D(s, {
+					}), w(G, { "label-width": "0" }, {
+						default: P(() => [x("div", $, [w(f, {
 							type: "primary",
 							"native-type": "submit"
 						}, {
-							default: L(() => [...t[7] || (t[7] = [E("开始搜索", -1)])]),
+							default: P(() => [...r[7] || (r[7] = [C("开始搜索", -1)])]),
 							_: 1
-						}), D(s, { onClick: a.onClearClick }, {
-							default: L(() => [...t[8] || (t[8] = [E("清除条件", -1)])]),
+						}), w(f, { onClick: d.onClearClick }, {
+							default: P(() => [...r[8] || (r[8] = [C("清除条件", -1)])]),
 							_: 1
 						}, 8, ["onClick"])])]),
 						_: 1
@@ -456,13 +459,13 @@ function ee(e, t, n, r, i, a) {
 					"model",
 					"label-width",
 					"onSubmitCapture"
-				])])], 4)), [[I, i.isSearchVisible]]) : S("v-if", !0)]),
+				])])], 4)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
 				_: 3
-			})) : S("v-if", !0)
+			})) : y("v-if", !0)
 		]),
-		N(e.$slots, "default")
+		A(n.$slots, "default")
 	])], 2);
 }
-var te = /* @__PURE__ */ s(K, [["render", ee]]);
+var te = /* @__PURE__ */ c(K, [["render", ee]]);
 //#endregion
 export { te as default };

package/tag-render/index.d.ts

@@ -0,0 +1,48 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    enable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    count: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    transfer: {
+        type: FunctionConstructor;
+        default: null;
+    };
+}>, {}, {}, {
+    internalTags(): any[];
+}, {
+    getTagName(tag: any): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add" | "close")[], "add" | "close", import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    enable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    count: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tags: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    transfer: {
+        type: FunctionConstructor;
+        default: null;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}>, {
+    enable: boolean;
+    count: boolean;
+    tags: unknown[];
+    transfer: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/tag-render/index.mjs

@@ -0,0 +1,86 @@
+import "../chunks/CjjJimnU.mjs";
+import { n as e } from "../chunks/BBPczt0U.mjs";
+import { t } from "../chunks/49634Q2N2.mjs";
+import { t as n } from "../chunks/CbsGuLZz2.mjs";
+import { t as r } from "../chunks/BwYEpK-u.mjs";
+import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, openBlock as l, renderList as u, toDisplayString as d, withCtx as f } from "vue";
+import { hasOwn as p } from "@web-utils/core";
+//#region src/components/TagRender.vue
+var m = {
+	name: "TagRender",
+	inject: { elFormItem: {
+		from: e,
+		default: {}
+	} },
+	props: {
+		enable: {
+			type: Boolean,
+			default: !0
+		},
+		count: {
+			type: Boolean,
+			default: !0
+		},
+		tags: {
+			type: Array,
+			default: () => []
+		},
+		transfer: {
+			type: Function,
+			default: null
+		}
+	},
+	emits: ["close", "add"],
+	computed: { internalTags() {
+		return this.transfer ? this.tags.map((e) => {
+			let t = { ...e };
+			return this.transfer(t);
+		}) : this.tags;
+	} },
+	watch: { tags(e) {
+		if (this.elFormItem && e && e.length > 0) {
+			var t, n;
+			(t = (n = this.elFormItem).clearValidate) == null || t.call(n);
+		}
+	} },
+	methods: { getTagName(e) {
+		return p(e, "name") ? e.name : p(e, "label") ? e.label : e;
+	} }
+}, h = { class: "tag-render" }, g = {
+	key: 1,
+	style: {
+		"margin-left": "4px",
+		color: "#b5b5b5",
+		"line-height": "16px"
+	}
+}, _ = {
+	key: 3,
+	class: "tags-count"
+};
+function v(e, r, p, m, v, y) {
+	let b = n, x = t;
+	return l(), s("div", h, [
+		p.tags && p.tags.length && p.tags[0] ? (l(!0), s(i, { key: 0 }, u(y.internalTags, (t, n) => (l(), a(b, {
+			key: n,
+			closable: p.enable,
+			"disable-transitions": "",
+			onClose: (t) => e.$emit("close", p.tags[n], n)
+		}, {
+			default: f(() => [c(d(y.getTagName(t)), 1)]),
+			_: 2
+		}, 1032, ["closable", "onClose"]))), 128)) : p.enable ? o("v-if", !0) : (l(), s("span", g, "无")),
+		p.enable ? (l(), a(x, {
+			key: 2,
+			class: "add-tag",
+			size: "small",
+			onClick: r[0] || (r[0] = (t) => e.$emit("add"))
+		}, {
+			default: f(() => [...r[1] || (r[1] = [c("+ 添加", -1)])]),
+			_: 1
+		})) : o("v-if", !0),
+		p.count ? (l(), s("span", _, d(p.tags.length && p.tags[0] ? p.tags.length : ""), 1)) : o("v-if", !0)
+	]);
+}
+var y = /* @__PURE__ */ r(m, [["render", v]]);
+//#endregion
+export { y as default };

package/tag-render/style.css

@@ -0,0 +1 @@
+.tag-render{background-color:#fff;border:1px solid #d7dae0;border-radius:4px;min-height:80px;padding-top:4px;padding-right:4px;line-height:0;position:relative;overflow:hidden}.tag-render .el-tag{margin-bottom:4px;margin-left:4px}.tag-render .add-tag{margin-left:4px}.tag-render .el-tag .el-tag__close:hover{background-color:#ee8677}.tag-render .tags-count{color:#b7b7b7;font-size:.9em;position:absolute;bottom:10px;right:6px}