@web-utils/form-ui 1.0.0-beta10 → 1.0.0-beta101

package/table-view/index.mjs

@@ -1,9 +1,471 @@
+import { f as e, i as t } from "../chunks/ClVh1Lek.mjs";
+import { processButtons as n, reloadTable as r } from "../api/index.mjs";
+import { t as i } from "../chunks/B1MSrc6f.mjs";
+import { cellClickHandlerContextKey as a, tableViewContextKey as o } from "../constants/index.mjs";
+import { t as s } from "../chunks/DTeHffqJ.mjs";
+import { t as c } from "../chunks/sl7eKGeX.mjs";
+import l from "../editable-tree/index.mjs";
+import { s as u } from "../chunks/_7MDfW_y.mjs";
+import d from "../form-item-config-provider/index.mjs";
+import { t as f } from "../chunks/3Zmtl1F82.mjs";
+import { ElCollapseTransition as p, ElForm as m, ElFormItem as h, ElMessage as g, ElMessageBox as _, ElRow as v } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Transition as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, mergeProps as D, normalizeClass as O, normalizeStyle as k, openBlock as A, renderList as j, renderSlot as M, toDisplayString as N, toHandlers as P, vShow as F, withCtx as I, withDirectives as L, withModifiers as R } from "vue";
+import { hasOwn as z, isArray as B, isFunction as V, isString as H, toStringArray as U, trace as W, warning as G } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import { merge as K } from "@web-utils/integrations/lodash";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/collapse-transition/style/css";
+import "./style.css";
 //#region src/components/form/TableView.vue
-var e = /* @__PURE__ */ Object.assign({ name: "TableView" }, {
-	__name: "TableView",
-	setup(e) {
-		return (e, t) => null;
+var q = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], J = {
+	name: "TableView",
+	bus: { reloadTreeView(e) {
+		if (this.viewIds) if (H(e) || B(e)) {
+			let t = e;
+			H(t) && (t = t.split(",")), this.viewIds.some((e) => t.includes(e)) && this.$refs.tree && (W.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
+		} else G.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+	} },
+	provide() {
+		return {
+			[o]: this,
+			[a]: 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: [Function, String],
+			default: "id"
+		},
+		expandSearch: Boolean,
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["reset"],
+	data() {
+		return {
+			importDialogVisible: !1,
+			selectedRows: [],
+			isSearchVisible: !1
+		};
+	},
+	computed: {
+		viewIds() {
+			let e = [];
+			return this.viewId && e.push(this.viewId), e.includes(this.$parent.$options.name) || e.push(this.$parent.$options.name), e;
+		},
+		buttonSlots() {
+			return q.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, t;
+			let r = K({}, 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 = U(r.buttons), r.searchable = !!((e = (t = this.$slots)["search-form"]) != null && e.call(t)), r;
+		},
+		treeProps() {
+			return e(K({}, this.treeAttrs, {
+				treeProps: {
+					children: "children",
+					label: "label",
+					isLeaf: (e) => z(e, "hasChildren") ? !e.hasChildren : z(e, "hasChild") ? !e.hasChild : !0
+				},
+				show: !1,
+				lazy: !0,
+				readonly: !0,
+				data: [],
+				expandFirstNode: !0,
+				defaultExpandAll: !1
+			}));
+		},
+		tableProps() {
+			let t = this.tableAttrs.api || this.$parent.getPage, n = {
+				model: this.searchModel || {},
+				height: "auto",
+				highlightCurrentRow: !0,
+				api: t
+			};
+			return e(K({}, this.tableAttrs, n));
+		},
+		searchPanelProps() {
+			let t = {
+				width: 350,
+				model: this.searchModel || {}
+			};
+			return e(K({}, this.searchPanelAttrs, t));
+		},
+		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;
+		}
+	} },
+	activated() {
+		this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+	},
+	methods: {
+		toHyphenateKey: e,
+		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(t(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) && V(t)) {
+				if (!this.selectedRows.length) {
+					g.warning(this.selectTips || "请选择要删除的记录！");
+					return;
+				}
+				await _.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, i) => {
+						if (e === "confirm") try {
+							n.confirmButtonLoading = !0, n.confirmButtonText = "删除...";
+							let e = await t.call(this, this.selectedRows.map((e) => e[this.rowKey]));
+							g.success(e.data.msg || "删除成功"), this.reloadTableAndTree(), r();
+						} catch {}
+						i();
+					}
+				}).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;
+		}
 	}
-});
+}, Y = { class: "table-view-wrapper" }, X = {
+	key: 0,
+	class: "search-form-top"
+}, Z = { class: "table-view-content-wrapper" }, Q = { class: "table-view-content" }, $ = { class: "table-view-table" }, ee = { class: "slide-panel-content" }, te = { class: "slide-panel-actions" };
+function ne(e, t, n, r, i, a) {
+	let o = s, g = u, _ = v, z = d, B = m, V = p, H = f, U = l, W = c, G = h;
+	return A(), S("div", { class: O(["table-view", {
+		embed: n.embed,
+		"has-tree": a.treeProps.show
+	}]) }, [C("div", Y, [
+		x("搜索条件"),
+		n.searchFormPosition === "top" ? (A(), b(V, { key: 0 }, {
+			default: I(() => [a.toolbarProps.searchable ? L((A(), S("div", X, [E(B, {
+				ref: "form",
+				"label-position": "right",
+				model: n.searchModel || a.searchPanelProps.model,
+				"label-width": n.labelWidth,
+				onSubmitCapture: R(a.onSearchClick, ["prevent"])
+			}, {
+				default: I(() => [E(z, { reactive: "" }, {
+					default: I(() => [E(_, { gutter: 0 }, {
+						default: I(() => [M(e.$slots, "search-form", {}, () => [t[3] || (t[3] = C("p", null, "请添加搜索条件！", -1))]), E(g, {
+							class: "search-actions",
+							"hide-label": "",
+							"fixed-span": 24
+						}, {
+							default: I(() => [E(o, {
+								type: "primary",
+								"native-type": "submit"
+							}, {
+								default: I(() => [...t[4] || (t[4] = [T("开始搜索", -1)])]),
+								_: 1
+							}), E(o, {
+								style: { "margin-left": "10px" },
+								onClick: a.onClearClick
+							}, {
+								default: I(() => [...t[5] || (t[5] = [T("清除条件", -1)])]),
+								_: 1
+							}, 8, ["onClick"])]),
+							_: 1
+						})]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, [
+				"model",
+				"label-width",
+				"onSubmitCapture"
+			])], 512)), [[F, i.isSearchVisible]]) : x("v-if", !0)]),
+			_: 3
+		})) : x("v-if", !0),
+		x("顶部工具条"),
+		n.showToolbar ? (A(), b(H, D({ key: 1 }, a.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)
+		}, P(a.toolbarEventHandlers)), w({ _: 2 }, [
+			e.$slots["toolbar-button"] ? {
+				name: "default",
+				fn: I(() => [M(e.$slots, "toolbar-button", { selectedRows: i.selectedRows })]),
+				key: "0"
+			} : void 0,
+			e.$slots["toolbar-left"] ? {
+				name: "toolbar-left",
+				fn: I(() => [M(e.$slots, "toolbar-left", { selectedRows: i.selectedRows })]),
+				key: "1"
+			} : void 0,
+			e.$slots["toolbar-right"] ? {
+				name: "toolbar-right",
+				fn: I(() => [M(e.$slots, "toolbar-right", {
+					del: a.del,
+					create: a.create,
+					reload: a.reloadTableAndTree,
+					selectedRows: i.selectedRows
+				})]),
+				key: "2"
+			} : void 0,
+			e.$slots["toolbar-right-button"] ? {
+				name: "toolbar-right-button",
+				fn: I(() => [M(e.$slots, "toolbar-right-button")]),
+				key: "3"
+			} : void 0,
+			j(a.buttonSlots, (t) => ({
+				name: t,
+				fn: I(() => [M(e.$slots, t, { selectedRows: i.selectedRows })])
+			}))
+		]), 1040, [
+			"onSearch",
+			"onDel",
+			"onCreate",
+			"onReload",
+			"onExp"
+		])) : x("v-if", !0),
+		C("div", Z, [
+			C("div", Q, [
+				x("侧栏"),
+				a.treeProps.show ? (A(), S("div", {
+					key: 0,
+					ref: "treeScroller",
+					class: "table-view-sidebar",
+					onScroll: t[2] || (t[2] = (...e) => a.onTreeScroll && a.onTreeScroll(...e))
+				}, [x("<div style=\"font-size: 16px\">视图导航</div>"), E(U, D({ ref: "tree" }, a.treeProps, { readonly: "" }, P(a.toHyphenateKey(n.treeListeners))), {
+					default: I(({ node: t, data: n }) => [M(e.$slots, "tree-node", {
+						node: t,
+						data: n
+					}, () => [C("span", null, [C("i", { class: O([t.childNodes.length > 0 ? t.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets", "node-icon"]) }, null, 2), M(e.$slots, "tree-label", {
+						node: t,
+						data: n
+					}, () => [T(N(t.label), 1)])])])]),
+					_: 3
+				}, 16)], 544)) : x("v-if", !0),
+				x("表格"),
+				C("div", $, [E(W, D({
+					ref: "table",
+					border: n.border,
+					"view-id": a.viewIds,
+					class: [{
+						"border-top": n.borderTop,
+						"border-bottom": n.borderBottom,
+						"border-left": n.borderLeft || n.treeAttrs && n.treeAttrs.show,
+						"border-right": n.borderRight
+					}]
+				}, a.tableProps, {
+					"row-key": n.rowKey,
+					"row-db-click": a.rowDbClick,
+					data: n.data
+				}, P(a.toHyphenateKey(n.tableListeners)), {
+					onRowDblclick: a.rowDbClick,
+					onSelectionChange: a.onSelectionChange
+				}), w({
+					default: I(() => [M(e.$slots, "columns")]),
+					_: 2
+				}, [j(a.tableScopeSlotNames, (t) => ({
+					name: t,
+					fn: I(({ row: n }) => [M(e.$slots, t, { row: n })])
+				}))]), 1040, [
+					"border",
+					"view-id",
+					"class",
+					"row-key",
+					"row-db-click",
+					"data",
+					"onRowDblclick",
+					"onSelectionChange"
+				])])
+			]),
+			x("搜索条件"),
+			n.searchFormPosition === "right" ? (A(), b(y, {
+				key: 0,
+				name: "slide"
+			}, {
+				default: I(() => [a.toolbarProps.searchable ? L((A(), S("div", {
+					key: 0,
+					style: k({ width: `${a.searchPanelProps.width}px` }),
+					class: "slide-panel"
+				}, [x("<div class=\"slide-panel-line\">\n                <div class=\"slide-panel-line-indicator\"></div>\n              </div>"), C("div", ee, [E(B, {
+					ref: "form",
+					"label-position": "right",
+					model: n.searchModel || a.searchPanelProps.model,
+					"label-width": n.labelWidth,
+					onSubmitCapture: R(a.onSearchClick, ["prevent"])
+				}, {
+					default: I(() => [E(z, {
+						block: "",
+						"wrap-col": !1
+					}, {
+						default: I(() => [E(_, { gutter: 0 }, {
+							default: I(() => [M(e.$slots, "search-form", {}, () => [t[6] || (t[6] = C("p", null, "请添加搜索条件！", -1))])]),
+							_: 3
+						})]),
+						_: 3
+					}), E(G, { "label-width": "0" }, {
+						default: I(() => [C("div", te, [E(o, {
+							type: "primary",
+							"native-type": "submit"
+						}, {
+							default: I(() => [...t[7] || (t[7] = [T("开始搜索", -1)])]),
+							_: 1
+						}), E(o, { onClick: a.onClearClick }, {
+							default: I(() => [...t[8] || (t[8] = [T("清除条件", -1)])]),
+							_: 1
+						}, 8, ["onClick"])])]),
+						_: 1
+					})]),
+					_: 3
+				}, 8, [
+					"model",
+					"label-width",
+					"onSubmitCapture"
+				])])], 4)), [[F, i.isSearchVisible]]) : x("v-if", !0)]),
+				_: 3
+			})) : x("v-if", !0)
+		]),
+		M(e.$slots, "default")
+	])], 2);
+}
+var re = /* @__PURE__ */ i(J, [["render", ne]]);
 //#endregion
-export { e as default };
+export { re 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,49 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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;
+    tags: unknown[];
+    count: boolean;
+    transfer: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/tag-render/index.mjs

@@ -0,0 +1,87 @@
+import { t as e } from "../chunks/B1MSrc6f.mjs";
+import { t } from "../chunks/DTeHffqJ.mjs";
+import { ElTag as n, formItemContextKey as r } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+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";
+import "element-plus/es/components/tag/style/css";
+import "./style.css";
+//#region src/components/TagRender.vue
+var m = {
+	name: "TagRender",
+	inject: { elFormItem: {
+		from: r,
+		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__ */ e(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}