@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta71

package/table-view/index.mjs

@@ -1,9 +1,471 @@
+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 e = /* @__PURE__ */ Object.assign({ name: "TableView" }, {
-	__name: "TableView",
-	setup(e) {
-		return (e, t) => null;
+var G = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], K = {
+	name: "TableView",
+	bus: {
+		reloadTableView(e) {
+			if (this._viewIds) if (B(e) || R(e)) {
+				let t = e;
+				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 (B(e) || R(e)) {
+				let t = e;
+				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 {
+			[f]: this,
+			[d]: this.rowDbClick
+		};
+	},
+	props: {
+		data: Array,
+		viewId: [String, Array],
+		searchPanelAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: Object,
+		treeAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		treeListeners: Object,
+		tableAttrs: Object,
+		searchModel: Object,
+		tableListeners: {
+			type: Object,
+			default: () => {}
+		},
+		deleteApi: Function,
+		borderTop: Boolean,
+		borderBottom: Boolean,
+		borderLeft: Boolean,
+		borderRight: Boolean,
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		labelWidth: {
+			type: String,
+			default: "120px"
+		},
+		formPath: [String, Function],
+		searchFormPosition: {
+			type: String,
+			default: "top"
+		},
+		embed: Boolean,
+		deleteTips: String,
+		selectTips: String,
+		rowKey: {
+			type: String,
+			default: "id"
+		},
+		expandSearch: Boolean,
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["reset"],
+	data() {
+		return {
+			importDialogVisible: !1,
+			selectedRows: [],
+			isSearchVisible: !1
+		};
+	},
+	computed: {
+		buttonSlots() {
+			return G.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, t;
+			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 n(W({}, this.treeAttrs, {
+				treeProps: {
+					children: "children",
+					label: "label",
+					isLeaf: (e) => L(e, "hasChildren") ? !e.hasChildren : L(e, "hasChild") ? !e.hasChild : !0
+				},
+				show: !1,
+				lazy: !0,
+				readonly: !0,
+				data: [],
+				expandFirstNode: !0,
+				defaultExpandAll: !1
+			}));
+		},
+		tableProps() {
+			let e = this.tableAttrs.api || this.$parent.getPage, t = {
+				model: this.searchModel || {},
+				height: "auto",
+				highlightCurrentRow: !0,
+				api: e
+			};
+			return n(W({}, this.tableAttrs, t));
+		},
+		searchPanelProps() {
+			let e = {
+				width: 350,
+				model: this.searchModel || {}
+			};
+			return n(W({}, this.searchPanelAttrs, e));
+		},
+		toolbarEventHandlers() {
+			if (this.toolbarListeners) {
+				let { exp: e, ...t } = this.toolbarListeners;
+				return t;
+			}
+			return {};
+		},
+		tableScopeSlotNames() {
+			var e;
+			return ((e = this.tableAttrs) == null || (e = e.columns) == null ? void 0 : e.map((e) => e.prop).filter((e) => this.$slots[e])) ?? [];
+		}
+	},
+	watch: { expandSearch: {
+		immediate: !0,
+		handler(e) {
+			this.isSearchVisible = e;
+		}
+	} },
+	created() {
+		this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
+	},
+	activated() {
+		this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+	},
+	methods: {
+		toHyphenateKey: n,
+		onTreeScroll() {
+			this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
+		},
+		toggleSearch() {
+			this.isSearchVisible = !this.isSearchVisible;
+		},
+		onSearchClick() {
+			this.reloadTable();
+		},
+		onClearClick() {
+			this.$emit("reset"), this.$refs.form.resetFields(), this.reloadTable();
+		},
+		openFrom(e) {
+			this.$router.push(r(this.formPath, e));
+		},
+		rowDbClick(e) {
+			var t, n;
+			!((t = this.tableListeners) != null && t["row-dblclick"]) && !((n = this.tableListeners) != null && n.rowDblclick) && this.formPath && this.openFrom(e);
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		create() {
+			var e;
+			!((e = this.toolbarListeners) != null && e.create) && this.formPath && this.openFrom();
+		},
+		async del() {
+			var e;
+			let t = this.deleteApi || this.$parent.del;
+			if (!((e = this.toolbarListeners) != null && e.del) && z(t)) {
+				if (!this.selectedRows.length) {
+					this.$message.warning(this.selectTips || "请选择要删除的记录！");
+					return;
+				}
+				await this.$confirm(this.deleteTips || `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`, "系统提示", {
+					type: "warning",
+					modal: !0,
+					dangerouslyUseHTMLString: !0,
+					closeOnClickModal: !1,
+					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(), u();
+						} catch {}
+						r();
+					}
+				}).catch((e) => e);
+			}
+		},
+		reloadTable() {
+			var e;
+			(e = this.$refs.table) == null || e.reload();
+		},
+		async refreshTable(e) {
+			var t;
+			await ((t = this.$refs.table) == null ? void 0 : t.getPage(e));
+		},
+		reloadTree() {
+			var e;
+			(e = this.$refs.tree) == null || e.reloadTree();
+		},
+		reloadTableAndTree() {
+			this.reloadTable(), this.reloadTree();
+		},
+		currentRow() {
+			return this.$refs.table.currentRow;
+		},
+		getPageQuery() {
+			return this.$refs.table.getPageQuery();
+		},
+		exp() {
+			var e, t;
+			(e = (t = this.toolbarListeners).exp) == null || e.call(t, this.selectedRows);
+		},
+		getTableColumns() {
+			return this.$refs.table.tableColumns;
+		}
 	}
-});
+}, q = { class: "table-view-wrapper" }, J = {
+	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(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: c.searchModel || d.searchPanelProps.model,
+				"label-width": c.labelWidth,
+				onSubmitCapture: I(d.onSearchClick, ["prevent"])
+			}, {
+				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: P(() => [w(f, {
+								type: "primary",
+								"native-type": "submit"
+							}, {
+								default: P(() => [...r[4] || (r[4] = [C("开始搜索", -1)])]),
+								_: 1
+							}), w(f, {
+								style: { "margin-left": "10px" },
+								onClick: d.onClearClick
+							}, {
+								default: P(() => [...r[5] || (r[5] = [C("清除条件", -1)])]),
+								_: 1
+							}, 8, ["onClick"])]),
+							_: 1
+						})]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, [
+				"model",
+				"label-width",
+				"onSubmitCapture"
+			])], 512)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
+			_: 3
+		})) : y("v-if", !0),
+		y("顶部工具条"),
+		c.showToolbar ? (O(), v(H, T({ key: 1 }, d.toolbarProps, {
+			refreshable: "",
+			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: P(() => [A(n.$slots, "toolbar-button", { selectedRows: u.selectedRows })]),
+				key: "0"
+			} : void 0,
+			n.$slots["toolbar-left"] ? {
+				name: "toolbar-left",
+				fn: P(() => [A(n.$slots, "toolbar-left", { selectedRows: u.selectedRows })]),
+				key: "1"
+			} : void 0,
+			n.$slots["toolbar-right"] ? {
+				name: "toolbar-right",
+				fn: P(() => [A(n.$slots, "toolbar-right", {
+					del: d.del,
+					create: d.create,
+					reload: d.reloadTableAndTree,
+					selectedRows: u.selectedRows
+				})]),
+				key: "2"
+			} : void 0,
+			n.$slots["toolbar-right-button"] ? {
+				name: "toolbar-right-button",
+				fn: P(() => [A(n.$slots, "toolbar-right-button")]),
+				key: "3"
+			} : void 0,
+			k(d.buttonSlots, (e) => ({
+				name: e,
+				fn: P(() => [A(n.$slots, e, { selectedRows: u.selectedRows })])
+			}))
+		]), 1040, [
+			"onSearch",
+			"onDel",
+			"onCreate",
+			"onReload",
+			"onExp"
+		])) : 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: 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)) : y("v-if", !0),
+				y("表格"),
+				x("div", Z, [w(W, T({
+					ref: "table",
+					border: c.border,
+					class: [{
+						"border-top": c.borderTop,
+						"border-bottom": c.borderBottom,
+						"border-left": c.borderLeft || c.treeAttrs && c.treeAttrs.show,
+						"border-right": c.borderRight
+					}]
+				}, 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
+				}, [k(d.tableScopeSlotNames, (e) => ({
+					name: e,
+					fn: P(({ row: t }) => [A(n.$slots, e, { row: t })])
+				}))]), 1040, [
+					"border",
+					"class",
+					"row-key",
+					"row-db-click",
+					"data",
+					"onRowDblclick",
+					"onSelectionChange"
+				])])
+			]),
+			y("搜索条件"),
+			c.searchFormPosition === "right" ? (O(), v(_, {
+				key: 0,
+				name: "slide"
+			}, {
+				default: P(() => [d.toolbarProps.searchable ? F((O(), b("div", {
+					key: 0,
+					style: D({ width: `${d.searchPanelProps.width}px` }),
+					class: "slide-panel"
+				}, [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: c.searchModel || d.searchPanelProps.model,
+					"label-width": c.labelWidth,
+					onSubmitCapture: I(d.onSearchClick, ["prevent"])
+				}, {
+					default: P(() => [w(z, {
+						block: "",
+						"wrap-col": !1
+					}, {
+						default: P(() => [w(R, { gutter: 0 }, {
+							default: P(() => [A(n.$slots, "search-form", {}, () => [r[6] || (r[6] = x("p", null, "请添加搜索条件！", -1))])]),
+							_: 3
+						})]),
+						_: 3
+					}), w(G, { "label-width": "0" }, {
+						default: P(() => [x("div", $, [w(f, {
+							type: "primary",
+							"native-type": "submit"
+						}, {
+							default: P(() => [...r[7] || (r[7] = [C("开始搜索", -1)])]),
+							_: 1
+						}), w(f, { onClick: d.onClearClick }, {
+							default: P(() => [...r[8] || (r[8] = [C("清除条件", -1)])]),
+							_: 1
+						}, 8, ["onClick"])])]),
+						_: 1
+					})]),
+					_: 3
+				}, 8, [
+					"model",
+					"label-width",
+					"onSubmitCapture"
+				])])], 4)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
+				_: 3
+			})) : y("v-if", !0)
+		]),
+		A(n.$slots, "default")
+	])], 2);
+}
+var te = /* @__PURE__ */ c(K, [["render", ee]]);
 //#endregion
-export { e as default };
+export { te as default };

package/table-view/style.css

@@ -0,0 +1 @@
+.table-view{flex-direction:column;height:100%;padding:10px;display:flex}.table-view.has-tree .table-view-wrapper .pageable-table-wrapper,.table-view.embed{padding:0}.table-view.embed .toolbar{border:1px solid #ebeef5;border-bottom:none}.table-view.embed .table-view-wrapper{box-shadow:none;border-radius:0}.table-view.embed .table-view-wrapper .pageable-table-wrapper{padding:0}.table-view .toolbar{border-bottom:none;height:46px;line-height:46px}.table-view .table-view-wrapper{border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001a}.table-view .table-view-wrapper .pageable-table-wrapper{padding-left:10px;padding-right:10px}.table-view .table-view-wrapper .el-pagination{color:#303133;white-space:nowrap;text-align:left;padding:6px 10px;font-weight:700}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .node-icon{margin-right:4px}.table-view .table-view-content-wrapper{flex:1;position:relative;overflow:hidden}.table-view .table-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.table-view .table-view-sidebar{background-color:#fafafa;border-top:1px solid #ebeef5;flex-shrink:0;width:240px;height:100%;padding:4px 10px 10px 4px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-sidebar .et-tree-wrapper .el-tree{background-color:#0000}.table-view .table-view-table{flex:auto;height:100%}.table-view .search-form-top{background-color:#fff;padding:10px 10px 0}.table-view .search-form-top .el-form-item__content{align-items:center;display:flex}.table-view .search-actions{float:right}.table-view .search-actions .el-form-item__content{text-align:right;justify-content:right}.table-view .slide-panel{z-index:5;background-color:#fff;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 10px 5px #0000001a}.table-view .slide-panel .slide-panel-line{background-color:#ddd;flex-shrink:0;width:3px;height:100%;position:relative}.table-view .slide-panel .slide-panel-line-indicator{background-color:#aaa;width:100%;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{justify-content:center;align-items:center;margin-top:10px;display:flex}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}

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}