@hz_yujin/vue-smart-table 0.1.2

package/dist/index.js

@@ -0,0 +1,1540 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, reactive as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, resolveDirective as S, toDisplayString as C, unref as w, useAttrs as T, vShow as E, watch as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
+import { ElMessage as j, ElMessageBox as M } from "element-plus";
+import { ArrowDown as ee, ArrowUp as N, Delete as P, Plus as F, Rank as I, RefreshLeft as L, RefreshRight as R, Search as z, Setting as te } from "@element-plus/icons-vue";
+//#region src/components/ProSmartTable/column-schema.ts
+var B = [
+	{
+		label: "输入框",
+		value: "input"
+	},
+	{
+		label: "密码",
+		value: "password"
+	},
+	{
+		label: "多行文本",
+		value: "textarea"
+	},
+	{
+		label: "数字",
+		value: "number"
+	},
+	{
+		label: "下拉选择",
+		value: "select"
+	},
+	{
+		label: "下拉多选",
+		value: "select-multiple"
+	},
+	{
+		label: "单选",
+		value: "radio"
+	},
+	{
+		label: "复选框",
+		value: "checkbox"
+	},
+	{
+		label: "复选组",
+		value: "checkbox-group"
+	},
+	{
+		label: "开关",
+		value: "switch"
+	},
+	{
+		label: "日期",
+		value: "date"
+	},
+	{
+		label: "日期时间",
+		value: "datetime"
+	},
+	{
+		label: "日期范围",
+		value: "daterange"
+	},
+	{
+		label: "日期时间范围",
+		value: "datetimerange"
+	},
+	{
+		label: "时间",
+		value: "time"
+	},
+	{
+		label: "时间范围",
+		value: "timerange"
+	},
+	{
+		label: "月份",
+		value: "month"
+	},
+	{
+		label: "年份",
+		value: "year"
+	},
+	{
+		label: "周",
+		value: "week"
+	},
+	{
+		label: "级联选择",
+		value: "cascader"
+	},
+	{
+		label: "树选择",
+		value: "tree-select"
+	},
+	{
+		label: "自动完成",
+		value: "autocomplete"
+	},
+	{
+		label: "评分",
+		value: "rate"
+	},
+	{
+		label: "滑块",
+		value: "slider"
+	},
+	{
+		label: "颜色",
+		value: "color"
+	}
+];
+function V(e = "col") {
+	return `${e}_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 7)}`;
+}
+function H(e) {
+	let t = e.source ?? "fixed";
+	return {
+		visible: !0,
+		sortable: !1,
+		searchable: !1,
+		formable: !1,
+		required: !1,
+		formType: "input",
+		fixed: !1,
+		source: t,
+		deletable: t === "custom",
+		...e,
+		id: e.id || V()
+	};
+}
+function U(e) {
+	return e.map((e) => ({
+		...H(e),
+		formOptions: e.formOptions?.map((e) => W(e)),
+		columnProps: e.columnProps ? { ...e.columnProps } : void 0,
+		formProps: e.formProps ? { ...e.formProps } : void 0
+	}));
+}
+function W(e) {
+	return {
+		...e,
+		children: e.children?.map((e) => W(e))
+	};
+}
+function G(e = {}) {
+	return H({
+		id: V("custom"),
+		prop: "",
+		label: "新列",
+		source: "custom",
+		deletable: !0,
+		visible: !0,
+		searchable: !1,
+		formable: !1,
+		required: !1,
+		formType: "input",
+		minWidth: 120,
+		...e
+	});
+}
+function K(e) {
+	switch (e) {
+		case "date-range": return "daterange";
+		case "datetime-range": return "datetimerange";
+		case "time-range": return "timerange";
+		default: return e || "input";
+	}
+}
+//#endregion
+//#region src/components/ProColumnEditor/ProColumnEditor.vue?vue&type=script&setup=true&lang.ts
+var q = { class: "pro-column-editor__table-wrap" }, J = {
+	class: "pro-column-editor__row is-head",
+	role: "row"
+}, ne = {
+	class: "is-check",
+	role: "columnheader"
+}, re = ["data-row-index"], ie = {
+	class: "is-check",
+	role: "cell"
+}, ae = {
+	class: "is-drag",
+	role: "cell"
+}, oe = ["onPointerdown"], se = { role: "cell" }, ce = { role: "cell" }, le = { role: "cell" }, ue = { role: "cell" }, de = { role: "cell" }, fe = { role: "cell" }, pe = { role: "cell" }, me = { role: "cell" }, Y = { role: "cell" }, he = { role: "cell" }, ge = {
+	class: "is-action",
+	role: "cell"
+}, _e = { class: "pro-column-editor__footer" }, ve = { class: "pro-column-editor__footer-left" }, ye = { class: "pro-column-editor__footer-right" }, be = /* @__PURE__ */ l({
+	name: "ProColumnEditor",
+	__name: "ProColumnEditor",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		columns: { default: () => [] },
+		defaultColumns: { default: () => [] }
+	},
+	emits: [
+		"update:modelValue",
+		"save",
+		"restore",
+		"cancel"
+	],
+	setup(r, { emit: o }) {
+		let l = r, u = o, d = _({ rows: [] }), p = v(null), h = v(null), b = t({
+			get: () => l.modelValue,
+			set: (e) => u("update:modelValue", e)
+		}), S = t({
+			get: () => d.rows.length > 0 && d.rows.every((e) => e.visible !== !1),
+			set: (e) => {
+				d.rows.forEach((t) => {
+					t.visible = e;
+				});
+			}
+		});
+		D(() => l.modelValue, (e) => {
+			e && (d.rows = U(l.columns), R());
+		});
+		function T() {
+			d.rows.push(G({ label: `新列${d.rows.length + 1}` }));
+		}
+		async function E() {
+			try {
+				await M.confirm("确定恢复默认列配置？将清除已保存的自定义列配置。", "恢复默认", {
+					type: "warning",
+					confirmButtonText: "确定",
+					cancelButtonText: "取消"
+				});
+			} catch {
+				return;
+			}
+			let e = l.defaultColumns.length > 0 ? l.defaultColumns : l.columns;
+			d.rows = U(e), u("restore");
+		}
+		function k(e) {
+			let t = d.rows[e];
+			!t || !W(t) || d.rows.splice(e, 1);
+		}
+		function A(e, t) {
+			e.fixed = e.fixed !== t && t;
+		}
+		function ee(e, t) {
+			e.formable = t, t || (e.required = !1);
+		}
+		function N(e, t) {
+			if (e === t || e < 0 || t < 0 || e >= d.rows.length || t >= d.rows.length) return;
+			let [n] = d.rows.splice(e, 1);
+			n && (d.rows.splice(t, 0, n), h.value = t);
+		}
+		function F(e) {
+			let t = p.value;
+			if (!t) return null;
+			let n = t.querySelectorAll(".pro-column-editor__row[data-row-index]");
+			if (!n.length) return null;
+			for (let t = 0; t < n.length; t++) {
+				let r = n[t].getBoundingClientRect();
+				if (e >= r.top && e <= r.bottom) return t;
+			}
+			return e < n[0].getBoundingClientRect().top ? 0 : n.length - 1;
+		}
+		function L(e) {
+			if (h.value == null) return;
+			let t = F(e.clientY);
+			t != null && t !== h.value && N(h.value, t);
+		}
+		function R() {
+			h.value = null, window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", R), window.removeEventListener("pointercancel", R), document.body.classList.remove("pro-column-editor--dragging");
+		}
+		function z(e, t) {
+			if (e.button !== 0) return;
+			let n = d.rows[t];
+			!n || !K(n) || (e.preventDefault(), e.stopPropagation(), h.value = t, document.body.classList.add("pro-column-editor--dragging"), window.addEventListener("pointermove", L), window.addEventListener("pointerup", R), window.addEventListener("pointercancel", R));
+		}
+		m(() => {
+			R();
+		});
+		function te() {
+			b.value = !1, u("cancel");
+		}
+		function V() {
+			let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Set();
+			for (let n of d.rows) {
+				let r = (n.prop ?? "").trim(), i = (n.label ?? "").trim();
+				if (!r) return "请填写 field";
+				if (!i) return "请填写标题";
+				if (e.has(r)) return `field「${r}」重复，请修改`;
+				if (t.has(i)) return `标题「${i}」重复，请修改`;
+				e.add(r), t.add(i);
+			}
+			return null;
+		}
+		function H() {
+			let e = V();
+			if (e) {
+				j.warning(e);
+				return;
+			}
+			u("save", U(d.rows)), b.value = !1;
+		}
+		function W(e) {
+			return e.deletable !== !1;
+		}
+		function K(e) {
+			return e.visible !== !1;
+		}
+		return (t, r) => {
+			let o = x("el-checkbox"), l = x("el-icon"), u = x("el-tag"), m = x("el-input"), _ = x("el-input-number"), v = x("el-switch"), D = x("el-option"), j = x("el-select"), M = x("el-button"), N = x("el-button-group"), F = x("el-drawer");
+			return g(), n(F, {
+				modelValue: b.value,
+				"onUpdate:modelValue": r[1] ||= (e) => b.value = e,
+				title: "列管理",
+				size: "980px",
+				"destroy-on-close": "",
+				class: "pro-column-editor"
+			}, {
+				footer: O(() => [a("div", _e, [a("div", ve, [c(M, {
+					type: "primary",
+					onClick: T
+				}, {
+					default: O(() => [...r[16] ||= [s("新增列", -1)]]),
+					_: 1
+				}), c(M, { onClick: E }, {
+					default: O(() => [...r[17] ||= [s("恢复默认", -1)]]),
+					_: 1
+				})]), a("div", ye, [c(M, { onClick: te }, {
+					default: O(() => [...r[18] ||= [s("取消", -1)]]),
+					_: 1
+				}), c(M, {
+					type: "primary",
+					onClick: H
+				}, {
+					default: O(() => [...r[19] ||= [s("保存", -1)]]),
+					_: 1
+				})])])]),
+				default: O(() => [a("div", q, [a("div", {
+					ref_key: "listRef",
+					ref: p,
+					class: "pro-column-editor__table",
+					role: "table"
+				}, [a("div", J, [
+					a("div", ne, [c(o, {
+						modelValue: S.value,
+						"onUpdate:modelValue": r[0] ||= (e) => S.value = e,
+						title: "全部显示"
+					}, null, 8, ["modelValue"])]),
+					r[2] ||= a("div", {
+						class: "is-drag",
+						role: "columnheader"
+					}, null, -1),
+					r[3] ||= a("div", { role: "columnheader" }, "类型", -1),
+					r[4] ||= a("div", { role: "columnheader" }, "field", -1),
+					r[5] ||= a("div", { role: "columnheader" }, "标题", -1),
+					r[6] ||= a("div", { role: "columnheader" }, "最小宽", -1),
+					r[7] ||= a("div", { role: "columnheader" }, "排序", -1),
+					r[8] ||= a("div", { role: "columnheader" }, "查询", -1),
+					r[9] ||= a("div", { role: "columnheader" }, "表单", -1),
+					r[10] ||= a("div", { role: "columnheader" }, "必填", -1),
+					r[11] ||= a("div", { role: "columnheader" }, "表单类型", -1),
+					r[12] ||= a("div", { role: "columnheader" }, "固定", -1),
+					r[13] ||= a("div", {
+						class: "is-action",
+						role: "columnheader"
+					}, null, -1)
+				]), (g(!0), i(e, null, y(d.rows, (t, d) => (g(), i("div", {
+					key: t.id,
+					class: f(["pro-column-editor__row", {
+						"is-dragging": h.value === d,
+						"is-inactive": !K(t)
+					}]),
+					"data-row-index": d,
+					role: "row"
+				}, [
+					a("div", ie, [c(o, {
+						"model-value": t.visible !== !1,
+						"onUpdate:modelValue": (e) => t.visible = e
+					}, null, 8, ["model-value", "onUpdate:modelValue"])]),
+					a("div", ae, [a("span", {
+						class: f(["pro-column-editor__rank", { "is-disabled": !K(t) }]),
+						title: "按住拖动排序",
+						onPointerdown: (e) => z(e, d)
+					}, [c(l, { size: 16 }, {
+						default: O(() => [c(w(I))]),
+						_: 1
+					})], 42, oe)]),
+					a("div", se, [c(u, {
+						size: "small",
+						type: t.source === "custom" ? "success" : "info"
+					}, {
+						default: O(() => [s(C(t.source === "custom" ? "自定义" : "固定"), 1)]),
+						_: 2
+					}, 1032, ["type"])]),
+					a("div", ce, [c(m, {
+						modelValue: t.prop,
+						"onUpdate:modelValue": (e) => t.prop = e,
+						size: "small",
+						placeholder: "field",
+						disabled: !K(t)
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", le, [c(m, {
+						modelValue: t.label,
+						"onUpdate:modelValue": (e) => t.label = e,
+						size: "small",
+						placeholder: "标题",
+						disabled: !K(t)
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", ue, [c(_, {
+						modelValue: t.minWidth,
+						"onUpdate:modelValue": (e) => t.minWidth = e,
+						size: "small",
+						min: 40,
+						controls: !1,
+						class: "pro-column-editor__num",
+						disabled: !K(t)
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", de, [c(v, {
+						size: "small",
+						"model-value": !!t.sortable,
+						disabled: !K(t),
+						"onUpdate:modelValue": (e) => t.sortable = e
+					}, null, 8, [
+						"model-value",
+						"disabled",
+						"onUpdate:modelValue"
+					])]),
+					a("div", fe, [c(v, {
+						modelValue: t.searchable,
+						"onUpdate:modelValue": (e) => t.searchable = e,
+						size: "small",
+						disabled: !K(t)
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", pe, [c(v, {
+						size: "small",
+						"model-value": !!t.formable,
+						disabled: !K(t),
+						"onUpdate:modelValue": (e) => ee(t, e)
+					}, null, 8, [
+						"model-value",
+						"disabled",
+						"onUpdate:modelValue"
+					])]),
+					a("div", me, [c(v, {
+						modelValue: t.required,
+						"onUpdate:modelValue": (e) => t.required = e,
+						size: "small",
+						disabled: !K(t) || !t.formable
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", Y, [c(j, {
+						modelValue: t.formType,
+						"onUpdate:modelValue": (e) => t.formType = e,
+						size: "small",
+						filterable: "",
+						disabled: !K(t) || !t.formable && !t.searchable,
+						style: { width: "100%" }
+					}, {
+						default: O(() => [(g(!0), i(e, null, y(w(B), (e) => (g(), n(D, {
+							key: e.value,
+							label: e.label,
+							value: e.value
+						}, null, 8, ["label", "value"]))), 128))]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"disabled"
+					])]),
+					a("div", he, [c(N, null, {
+						default: O(() => [c(M, {
+							size: "small",
+							type: t.fixed === "left" ? "primary" : "default",
+							disabled: !K(t),
+							onClick: (e) => A(t, "left")
+						}, {
+							default: O(() => [...r[14] ||= [s(" 左 ", -1)]]),
+							_: 1
+						}, 8, [
+							"type",
+							"disabled",
+							"onClick"
+						]), c(M, {
+							size: "small",
+							type: t.fixed === "right" ? "primary" : "default",
+							disabled: !K(t),
+							onClick: (e) => A(t, "right")
+						}, {
+							default: O(() => [...r[15] ||= [s(" 右 ", -1)]]),
+							_: 1
+						}, 8, [
+							"type",
+							"disabled",
+							"onClick"
+						])]),
+						_: 2
+					}, 1024)]),
+					a("div", ge, [c(M, {
+						text: "",
+						type: "danger",
+						disabled: !K(t) || !W(t),
+						icon: w(P),
+						onClick: (e) => k(d)
+					}, null, 8, [
+						"disabled",
+						"icon",
+						"onClick"
+					])])
+				], 10, re))), 128))], 512)])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+}), xe = /* @__PURE__ */ l({
+	name: "SmartFieldControl",
+	__name: "SmartFieldControl",
+	props: {
+		modelValue: {},
+		column: {},
+		mode: {}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: a }) {
+		let o = r, c = a, l = t(() => {
+			let e = K(o.column.formType);
+			if (o.mode === "search") {
+				if (e === "datetime") return "datetimerange";
+				if (e === "date") return "daterange";
+				if (e === "time") return "timerange";
+				if (e === "textarea" || e === "password") return "input";
+			}
+			return e;
+		}), d = t(() => o.column.searchPlaceholder || `请输入${o.column.label}`), f = t(() => o.column.searchPlaceholder || `请选择${o.column.label}`), p = t(() => h(o.column.formOptions || []));
+		function m(e) {
+			c("update:modelValue", e);
+		}
+		function h(e) {
+			return e.map((e) => ({
+				label: e.label,
+				value: e.value,
+				disabled: e.disabled,
+				children: e.children?.length ? h(e.children) : void 0
+			}));
+		}
+		function _(e, t) {
+			t((o.column.formOptions || []).map((e) => ({ value: String(e.label ?? e.value) })).filter((t) => !e || t.value.toLowerCase().includes(e.toLowerCase())));
+		}
+		return (t, a) => {
+			let o = x("el-input"), c = x("el-input-number"), h = x("el-option"), v = x("el-select"), b = x("el-radio"), S = x("el-radio-group"), w = x("el-checkbox"), T = x("el-checkbox-group"), E = x("el-switch"), D = x("el-date-picker"), k = x("el-time-picker"), A = x("el-cascader"), j = x("el-tree-select"), M = x("el-autocomplete"), ee = x("el-rate"), N = x("el-slider"), P = x("el-color-picker");
+			return l.value === "input" ? (g(), n(o, u({
+				key: 0,
+				"model-value": r.modelValue ?? "",
+				clearable: "",
+				placeholder: d.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "password" ? (g(), n(o, u({
+				key: 1,
+				"model-value": r.modelValue ?? "",
+				type: "password",
+				"show-password": "",
+				clearable: "",
+				placeholder: d.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "textarea" ? (g(), n(o, u({
+				key: 2,
+				"model-value": r.modelValue ?? "",
+				type: "textarea",
+				rows: 3,
+				placeholder: d.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "number" ? (g(), n(c, u({
+				key: 3,
+				"model-value": r.modelValue ?? void 0,
+				"controls-position": "right",
+				style: { width: "100%" }
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "select" ? (g(), n(v, u({
+				key: 4,
+				"model-value": r.modelValue,
+				clearable: "",
+				filterable: "",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), {
+				default: O(() => [(g(!0), i(e, null, y(r.column.formOptions || [], (e) => (g(), n(h, {
+					key: String(e.value),
+					label: e.label,
+					value: e.value,
+					disabled: e.disabled
+				}, null, 8, [
+					"label",
+					"value",
+					"disabled"
+				]))), 128))]),
+				_: 1
+			}, 16, ["model-value", "placeholder"])) : l.value === "select-multiple" ? (g(), n(v, u({
+				key: 5,
+				"model-value": r.modelValue ?? [],
+				multiple: "",
+				clearable: "",
+				filterable: "",
+				"collapse-tags": "",
+				"collapse-tags-tooltip": "",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), {
+				default: O(() => [(g(!0), i(e, null, y(r.column.formOptions || [], (e) => (g(), n(h, {
+					key: String(e.value),
+					label: e.label,
+					value: e.value,
+					disabled: e.disabled
+				}, null, 8, [
+					"label",
+					"value",
+					"disabled"
+				]))), 128))]),
+				_: 1
+			}, 16, ["model-value", "placeholder"])) : l.value === "radio" ? (g(), n(S, u({
+				key: 6,
+				"model-value": r.modelValue
+			}, r.column.formProps, { "onUpdate:modelValue": m }), {
+				default: O(() => [(g(!0), i(e, null, y(r.column.formOptions || [], (e) => (g(), n(b, {
+					key: String(e.value),
+					value: e.value,
+					disabled: e.disabled
+				}, {
+					default: O(() => [s(C(e.label), 1)]),
+					_: 2
+				}, 1032, ["value", "disabled"]))), 128))]),
+				_: 1
+			}, 16, ["model-value"])) : l.value === "checkbox" ? (g(), n(w, u({
+				key: 7,
+				"model-value": !!r.modelValue
+			}, r.column.formProps, { "onUpdate:modelValue": m }), {
+				default: O(() => [s(C(r.column.label), 1)]),
+				_: 1
+			}, 16, ["model-value"])) : l.value === "checkbox-group" ? (g(), n(T, u({
+				key: 8,
+				"model-value": r.modelValue ?? []
+			}, r.column.formProps, { "onUpdate:modelValue": m }), {
+				default: O(() => [(g(!0), i(e, null, y(r.column.formOptions || [], (e) => (g(), n(w, {
+					key: String(e.value),
+					value: e.value,
+					disabled: e.disabled
+				}, {
+					default: O(() => [s(C(e.label), 1)]),
+					_: 2
+				}, 1032, ["value", "disabled"]))), 128))]),
+				_: 1
+			}, 16, ["model-value"])) : l.value === "switch" ? (g(), n(E, u({
+				key: 9,
+				"model-value": !!r.modelValue
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "date" ? (g(), n(D, u({
+				key: 10,
+				"model-value": r.modelValue,
+				type: "date",
+				"value-format": "YYYY-MM-DD",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "datetime" ? (g(), n(D, u({
+				key: 11,
+				"model-value": r.modelValue,
+				type: "datetime",
+				"value-format": "YYYY-MM-DD HH:mm:ss",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "daterange" ? (g(), n(D, u({
+				key: 12,
+				"model-value": r.modelValue,
+				type: "daterange",
+				"value-format": "YYYY-MM-DD",
+				style: { width: "100%" },
+				"start-placeholder": "开始日期",
+				"end-placeholder": "结束日期"
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "datetimerange" ? (g(), n(D, u({
+				key: 13,
+				"model-value": r.modelValue,
+				type: "datetimerange",
+				"value-format": "YYYY-MM-DD HH:mm:ss",
+				style: { width: "100%" },
+				"start-placeholder": "开始时间",
+				"end-placeholder": "结束时间"
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "time" ? (g(), n(k, u({
+				key: 14,
+				"model-value": r.modelValue,
+				"value-format": "HH:mm:ss",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "timerange" ? (g(), n(k, u({
+				key: 15,
+				"model-value": r.modelValue,
+				"is-range": "",
+				"value-format": "HH:mm:ss",
+				style: { width: "100%" },
+				"start-placeholder": "开始时间",
+				"end-placeholder": "结束时间"
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "month" ? (g(), n(D, u({
+				key: 16,
+				"model-value": r.modelValue,
+				type: "month",
+				"value-format": "YYYY-MM",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "year" ? (g(), n(D, u({
+				key: 17,
+				"model-value": r.modelValue,
+				type: "year",
+				"value-format": "YYYY",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "week" ? (g(), n(D, u({
+				key: 18,
+				"model-value": r.modelValue,
+				type: "week",
+				format: "YYYY 第 ww 周",
+				"value-format": "YYYY-MM-DD",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "cascader" ? (g(), n(A, u({
+				key: 19,
+				"model-value": r.modelValue,
+				options: r.column.formOptions || [],
+				clearable: "",
+				filterable: "",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, [
+				"model-value",
+				"options",
+				"placeholder"
+			])) : l.value === "tree-select" ? (g(), n(j, u({
+				key: 20,
+				"model-value": r.modelValue,
+				data: p.value,
+				"check-strictly": "",
+				clearable: "",
+				filterable: "",
+				style: { width: "100%" },
+				placeholder: f.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, [
+				"model-value",
+				"data",
+				"placeholder"
+			])) : l.value === "autocomplete" ? (g(), n(M, u({
+				key: 21,
+				"model-value": r.modelValue ?? "",
+				"fetch-suggestions": _,
+				clearable: "",
+				style: { width: "100%" },
+				placeholder: d.value
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value", "placeholder"])) : l.value === "rate" ? (g(), n(ee, u({
+				key: 22,
+				"model-value": Number(r.modelValue) || 0
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "slider" ? (g(), n(N, u({
+				key: 23,
+				"model-value": Number(r.modelValue) || 0,
+				style: {
+					width: "100%",
+					padding: "0 8px"
+				}
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : l.value === "color" ? (g(), n(P, u({
+				key: 24,
+				"model-value": r.modelValue || void 0
+			}, r.column.formProps, { "onUpdate:modelValue": m }), null, 16, ["model-value"])) : (g(), n(o, {
+				key: 25,
+				"model-value": r.modelValue ?? "",
+				clearable: "",
+				placeholder: d.value,
+				"onUpdate:modelValue": m
+			}, null, 8, ["model-value", "placeholder"]));
+		};
+	}
+}), Se = { class: "pro-smart-search" }, X = { class: "pro-smart-search__actions" }, Ce = /* @__PURE__ */ l({
+	name: "SmartSearchForm",
+	__name: "SmartSearchForm",
+	props: {
+		columns: {},
+		modelValue: {},
+		collapsible: {
+			type: Boolean,
+			default: !0
+		},
+		collapseVisibleCount: { default: 3 },
+		defaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		searchText: { default: "查询" },
+		resetText: { default: "重置" },
+		expandText: { default: "展开" },
+		collapseText: { default: "收起" },
+		persistKey: {}
+	},
+	emits: [
+		"update:modelValue",
+		"search",
+		"reset"
+	],
+	setup(o, { emit: l }) {
+		let u = o, f = l, p = v(), _ = v(R()), b = v(!0), S = v(!1), T = null, j = !1, M = -1, P = t(() => Math.max(1, u.collapseVisibleCount)), F = t(() => u.collapsible && !b.value && u.columns.length > P.value);
+		function I() {
+			return u.persistKey ? `${u.persistKey}__searchExpanded` : null;
+		}
+		function R() {
+			let e = I();
+			if (e) try {
+				let t = localStorage.getItem(e);
+				if (t === "1") return !0;
+				if (t === "0") return !1;
+			} catch {}
+			return u.defaultExpanded;
+		}
+		function te(e) {
+			let t = I();
+			if (t) try {
+				localStorage.setItem(t, e ? "1" : "0");
+			} catch {}
+		}
+		function B(e) {
+			return S.value || !F.value ? !0 : _.value || e < P.value;
+		}
+		function V() {
+			let e = p.value;
+			if (!e || !u.collapsible) {
+				b.value = !0;
+				return;
+			}
+			let t = Array.from(e.children);
+			if (t.length <= 1) {
+				b.value = !0;
+				return;
+			}
+			let n = t[0].offsetTop;
+			b.value = t.every((e) => e.offsetTop === n);
+		}
+		async function H() {
+			if (!u.collapsible) {
+				b.value = !0;
+				return;
+			}
+			if (!j) {
+				j = !0, S.value = !0;
+				try {
+					await d(), V();
+				} finally {
+					S.value = !1, j = !1;
+				}
+			}
+		}
+		function U(e, t) {
+			f("update:modelValue", {
+				...u.modelValue,
+				[e]: t
+			});
+		}
+		function W() {
+			f("search", { ...u.modelValue });
+		}
+		function G() {
+			let e = {};
+			u.columns.forEach((t) => {
+				e[t.prop] = void 0;
+			}), f("update:modelValue", e), f("reset", e);
+		}
+		function K() {
+			_.value = !_.value, te(_.value);
+		}
+		return D(() => u.defaultExpanded, (e) => {
+			_.value = e;
+		}), D(() => [
+			u.columns.length,
+			u.collapsible,
+			u.collapseVisibleCount
+		], () => {
+			H();
+		}), h(() => {
+			H(), typeof ResizeObserver < "u" && p.value && (T = new ResizeObserver((e) => {
+				let t = e[0]?.contentRect.width ?? 0;
+				Math.abs(t - M) < 1 || (M = t, H());
+			}), T.observe(p.value));
+		}), m(() => {
+			T?.disconnect(), T = null;
+		}), (t, l) => {
+			let u = x("el-form-item"), d = x("el-button"), f = x("el-icon"), m = x("el-form");
+			return g(), i("section", Se, [c(m, {
+				"label-width": "auto",
+				inline: "",
+				class: "pro-smart-search__form",
+				onSubmit: A(W, ["prevent"])
+			}, {
+				default: O(() => [a("div", {
+					ref_key: "fieldsRef",
+					ref: p,
+					class: "pro-smart-search__fields"
+				}, [(g(!0), i(e, null, y(o.columns, (e, t) => k((g(), n(u, {
+					key: e.id,
+					label: e.label,
+					class: "pro-smart-search__item"
+				}, {
+					default: O(() => [c(xe, {
+						"model-value": o.modelValue[e.prop],
+						column: e,
+						mode: "search",
+						"onUpdate:modelValue": (t) => U(e.prop, t)
+					}, null, 8, [
+						"model-value",
+						"column",
+						"onUpdate:modelValue"
+					])]),
+					_: 2
+				}, 1032, ["label"])), [[E, B(t)]])), 128)), a("div", X, [
+					c(d, {
+						type: "primary",
+						icon: w(z),
+						onClick: W
+					}, {
+						default: O(() => [s(C(o.searchText), 1)]),
+						_: 1
+					}, 8, ["icon"]),
+					c(d, {
+						icon: w(L),
+						onClick: G
+					}, {
+						default: O(() => [s(C(o.resetText), 1)]),
+						_: 1
+					}, 8, ["icon"]),
+					F.value ? (g(), n(d, {
+						key: 0,
+						link: "",
+						type: "primary",
+						onClick: K
+					}, {
+						default: O(() => [s(C(_.value ? o.collapseText : o.expandText) + " ", 1), c(f, { class: "pro-smart-search__toggle-icon" }, {
+							default: O(() => [_.value ? (g(), n(w(N), { key: 0 })) : (g(), n(w(ee), { key: 1 }))]),
+							_: 1
+						})]),
+						_: 1
+					})) : r("", !0)
+				])], 512)]),
+				_: 1
+			})]);
+		};
+	}
+}), we = { class: "pro-smart-table-skeleton" }, Te = { class: "pro-smart-table-skeleton__header" }, Ee = /* @__PURE__ */ l({
+	name: "ProSmartTableSkeleton",
+	__name: "ProSmartTableSkeleton",
+	props: {
+		rows: { default: 5 },
+		animated: {
+			type: Boolean,
+			default: !0
+		},
+		columns: { default: 4 }
+	},
+	setup(r) {
+		let o = r, s = t(() => Math.max(2, Math.min(o.columns, 8))), l = t(() => Math.max(1, o.rows));
+		return (t, o) => {
+			let u = x("el-skeleton-item"), d = x("el-skeleton");
+			return g(), i("div", we, [b(t.$slots, "default", {}, () => [c(d, {
+				animated: r.animated,
+				rows: 0
+			}, {
+				template: O(() => [a("div", Te, [(g(!0), i(e, null, y(s.value, (e) => (g(), n(u, {
+					key: `h-${e}`,
+					variant: "text",
+					class: "pro-smart-table-skeleton__cell",
+					style: p({ width: `${Math.max(40, 90 / s.value)}%` })
+				}, null, 8, ["style"]))), 128))]), (g(!0), i(e, null, y(l.value, (t) => (g(), i("div", {
+					key: `r-${t}`,
+					class: "pro-smart-table-skeleton__row"
+				}, [(g(!0), i(e, null, y(s.value, (e) => (g(), n(u, {
+					key: `c-${t}-${e}`,
+					variant: "text",
+					class: "pro-smart-table-skeleton__cell",
+					style: p({ width: `${Math.max(36, 80 / s.value + e % 2 * 6)}%` })
+				}, null, 8, ["style"]))), 128))]))), 128))]),
+				_: 1
+			}, 8, ["animated"])])]);
+		};
+	}
+}), De = { class: "pro-smart-table" }, Oe = { class: "pro-smart-table__body" }, ke = {
+	key: 0,
+	class: "pro-smart-table__toolbar"
+}, Ae = { class: "pro-smart-table__toolbar-left" }, je = { class: "pro-smart-table__toolbar-right" }, Me = {
+	key: 1,
+	class: "pro-smart-table__skeleton"
+}, Ne = {
+	class: "pro-smart-table__table-wrap",
+	"element-loading-text": "加载中..."
+}, Pe = {
+	key: 2,
+	class: "pro-smart-table__pagination"
+}, Fe = "total, sizes, prev, pager, next, jumper", Z = /* @__PURE__ */ l({
+	name: "ProSmartTable",
+	inheritAttrs: !1,
+	__name: "ProSmartTable",
+	props: {
+		data: { default: () => [] },
+		columns: { default: () => [] },
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showColumnEditor: {
+			type: Boolean,
+			default: !0
+		},
+		showRefresh: {
+			type: Boolean,
+			default: !0
+		},
+		showCreate: {
+			type: Boolean,
+			default: !0
+		},
+		showSeq: {
+			type: Boolean,
+			default: !0
+		},
+		seqWidth: { default: 60 },
+		showSelection: {
+			type: Boolean,
+			default: !1
+		},
+		showSearch: {
+			type: Boolean,
+			default: !0
+		},
+		searchCollapsible: {
+			type: Boolean,
+			default: !0
+		},
+		searchCollapseVisibleCount: { default: 3 },
+		searchDefaultExpanded: {
+			type: Boolean,
+			default: !1
+		},
+		persistKey: {},
+		formTitle: { default: "" },
+		formWidth: { default: "45%" },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		skeleton: {
+			type: [Boolean, Object],
+			default: !0
+		},
+		pagination: {
+			type: [Boolean, Object],
+			default: () => ({})
+		}
+	},
+	emits: [
+		"update:columns",
+		"search",
+		"reset",
+		"create",
+		"update",
+		"columns-change",
+		"columns-reset",
+		"page-change",
+		"update:pagination",
+		"refresh",
+		"sort-change"
+	],
+	setup(l, { expose: p, emit: m }) {
+		let h = [
+			10,
+			20,
+			50,
+			100
+		], C = l, A = m, M = T(), ee = t(() => {
+			let e = { showOverflowTooltip: !0 };
+			for (let [t, n] of Object.entries(M)) t !== "onSortChange" && (e[t] = n);
+			return e;
+		}), N = v(), P = v(), I = v(!1), L = v(!1), z = v("create"), B = v([]), V = v([]), W = _({}), G = _({}), K = _({
+			currentPage: C.pagination === !1 ? 1 : C.pagination?.currentPage ?? 1,
+			pageSize: C.pagination === !1 ? 10 : C.pagination?.pageSize ?? 10
+		}), q = t(() => C.pagination !== !1), J = t(() => C.pagination === !1 ? {} : C.pagination ?? {}), ne = t(() => J.value.mode ? J.value.mode : typeof J.value.total == "number" ? "remote" : "local"), re = t(() => J.value.pageSizes ?? h), ie = t(() => J.value.layout ?? Fe), ae = t(() => J.value.size ? J.value.size : J.value.small === !1 ? "default" : "small"), oe = t(() => typeof J.value.total == "number" ? J.value.total : C.data.length);
+		function se(e) {
+			return e.sortable ? e.sortable === "custom" || ne.value === "remote" ? "custom" : e.sortable : !1;
+		}
+		let ce = t(() => {
+			if (!q.value || ne.value !== "local") return C.data;
+			let e = (K.currentPage - 1) * K.pageSize;
+			return C.data.slice(e, e + K.pageSize);
+		});
+		function le(e, t) {
+			if (C.pagination === !1) return;
+			e.pageSize == null ? e.currentPage != null && (K.currentPage = e.currentPage) : (K.pageSize = e.pageSize, K.currentPage = e.currentPage ?? 1);
+			let n = {
+				...J.value,
+				currentPage: K.currentPage,
+				pageSize: K.pageSize
+			};
+			A("update:pagination", n), t?.silent || A("page-change", {
+				currentPage: n.currentPage ?? 1,
+				pageSize: n.pageSize ?? 10
+			});
+		}
+		function ue(e) {
+			e !== K.currentPage && le({ currentPage: e });
+		}
+		function de(e) {
+			le({
+				pageSize: e,
+				currentPage: 1
+			});
+		}
+		function fe(e) {
+			return q.value ? (K.currentPage - 1) * K.pageSize + e + 1 : e + 1;
+		}
+		function pe(e) {
+			try {
+				let t = localStorage.getItem(e);
+				if (!t) return null;
+				let n = JSON.parse(t);
+				return Array.isArray(n) ? n.map(H) : null;
+			} catch {
+				return null;
+			}
+		}
+		function me(e, t) {
+			try {
+				localStorage.setItem(e, JSON.stringify(t));
+			} catch {}
+		}
+		function Y(e, t = !1) {
+			let n = U(e);
+			B.value = n, (t || V.value.length === 0) && (V.value = U(n)), he();
+		}
+		function he() {
+			let e = new Set(B.value.filter((e) => e.searchable && e.prop).map((e) => e.prop));
+			Object.keys(W).forEach((t) => {
+				e.has(t) || delete W[t];
+			}), e.forEach((e) => {
+				e in W || (W[e] = void 0);
+			});
+		}
+		D(() => C.columns, (e) => {
+			if (e) {
+				if (C.persistKey) {
+					let t = pe(C.persistKey);
+					if (t?.length) {
+						Y(t, V.value.length === 0), V.value = U(e);
+						return;
+					}
+				}
+				Y(e, V.value.length === 0);
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), D(() => J.value.currentPage, (e) => {
+			typeof e == "number" && (K.currentPage = e);
+		}), D(() => J.value.pageSize, (e) => {
+			typeof e == "number" && (K.pageSize = e);
+		});
+		let ge = t(() => B.value.filter((e) => e.visible !== !1 && e.prop)), _e = t(() => B.value.filter((e) => e.searchable && e.prop)), ve = t(() => B.value.filter((e) => e.formable && e.prop)), ye = t(() => {
+			let e = {};
+			for (let t of ve.value) {
+				if (!t.required || !t.prop) continue;
+				let n = `请填写${t.label || t.prop}`;
+				e[t.prop] = [{
+					required: !0,
+					whitespace: !0,
+					message: n,
+					trigger: ["blur", "change"]
+				}, {
+					validator: (e, t, r) => {
+						if (Se(t)) {
+							r(Error(n));
+							return;
+						}
+						r();
+					},
+					trigger: ["blur", "change"]
+				}];
+			}
+			return e;
+		});
+		function Se(e) {
+			return !!(e == null || typeof e == "string" && e.trim() === "" || Array.isArray(e) && e.length === 0);
+		}
+		let X = t(() => C.skeleton === !1 ? !1 : C.skeleton === !0 || C.skeleton === void 0 ? {
+			animated: !0,
+			onlyEmpty: !0
+		} : {
+			animated: C.skeleton.animated !== !1,
+			onlyEmpty: C.skeleton.onlyEmpty !== !1,
+			rows: C.skeleton.rows
+		}), we = t(() => X.value && X.value.rows ? X.value.rows : C.pagination !== !1 && J.value.pageSize ? Math.min(J.value.pageSize, 10) : Math.min(K.pageSize || 5, 10)), Te = t(() => {
+			let e = ge.value.length + +!!C.showSeq;
+			return Math.max(2, Math.min(e || 4, 8));
+		}), Z = v(!1), Q = t(() => C.loading || Z.value), $ = t(() => !X.value || !Q.value ? !1 : X.value.onlyEmpty === !1 || !(C.data && C.data.length)), Ie = t(() => Q.value && !$.value);
+		function Le() {
+			return new Promise((e) => {
+				let t = () => {
+					let t = D(() => C.loading, (n) => {
+						n || (t(), e());
+					});
+				};
+				d(() => {
+					if (C.loading) {
+						t();
+						return;
+					}
+					d(() => {
+						C.loading ? t() : e();
+					});
+				});
+			});
+		}
+		let Re = t(() => {
+			let e = C.formTitle || "记录";
+			return z.value === "create" ? `新增${e}` : `编辑${e}`;
+		});
+		function ze() {
+			I.value = !0;
+		}
+		async function Be() {
+			if (!Q.value) {
+				Z.value = !0, A("refresh");
+				try {
+					await Le();
+				} finally {
+					Z.value = !1;
+				}
+			}
+		}
+		function Ve(e) {
+			Y(e, !1), A("update:columns", U(e)), A("columns-change", U(e)), C.persistKey && me(C.persistKey, e);
+		}
+		function He() {
+			let e = U(V.value);
+			if (Y(e, !1), A("update:columns", e), A("columns-reset"), I.value = !1, C.persistKey) try {
+				localStorage.removeItem(C.persistKey);
+			} catch {}
+		}
+		function Ue(e) {
+			Object.keys(G).forEach((e) => delete G[e]), ve.value.forEach((t) => {
+				G[t.prop] = e && t.prop in e ? e[t.prop] : t.formType !== "switch" && void 0;
+			});
+		}
+		function We() {
+			z.value = "create", Ue(), L.value = !0;
+		}
+		function Ge(e) {
+			z.value = "edit", Ue(e), L.value = !0;
+		}
+		function Ke() {
+			let e = () => {
+				let e = { ...G };
+				z.value === "create" ? A("create", e) : A("update", e), L.value = !1;
+			};
+			if (!P.value) {
+				e();
+				return;
+			}
+			P.value.validate((t) => {
+				if (!t) {
+					j.warning("请完善必填项");
+					return;
+				}
+				e();
+			});
+		}
+		function qe(e = !1) {
+			q.value && K.currentPage !== 1 && le({ currentPage: 1 }, { silent: e });
+		}
+		function Je(e) {
+			Object.keys(W).forEach((t) => {
+				t in e || delete W[t];
+			}), Object.assign(W, e);
+		}
+		function Ye(e) {
+			Je(e), qe(!0), A("search", { ...e });
+		}
+		function Xe(e) {
+			Je(e), qe(!0), A("reset"), A("search", { ...e });
+		}
+		function Ze(e) {
+			A("sort-change", e);
+		}
+		return p({
+			get tableRef() {
+				return N.value ?? null;
+			},
+			openColumnEditor: ze,
+			openCreate: We,
+			openEdit: Ge,
+			getSearchModel: () => ({ ...W }),
+			getColumns: () => U(B.value)
+		}), (t, d) => {
+			let p = x("el-button"), m = x("el-icon"), h = x("el-table-column"), _ = x("el-table"), v = x("el-pagination"), C = x("el-form-item"), T = x("el-form"), D = x("el-dialog"), A = S("loading");
+			return g(), i("div", De, [
+				l.showSearch && _e.value.length ? (g(), n(Ce, {
+					key: 0,
+					columns: _e.value,
+					"model-value": W,
+					collapsible: l.searchCollapsible,
+					"collapse-visible-count": l.searchCollapseVisibleCount,
+					"default-expanded": l.searchDefaultExpanded,
+					"persist-key": l.persistKey,
+					"onUpdate:modelValue": Je,
+					onSearch: Ye,
+					onReset: Xe
+				}, null, 8, [
+					"columns",
+					"model-value",
+					"collapsible",
+					"collapse-visible-count",
+					"default-expanded",
+					"persist-key"
+				])) : r("", !0),
+				a("div", Oe, [
+					l.showToolbar ? (g(), i("div", ke, [a("div", Ae, [b(t.$slots, "toolbar-left", {}, () => [l.showCreate ? (g(), n(p, {
+						key: 0,
+						type: "primary",
+						icon: w(F),
+						onClick: We
+					}, {
+						default: O(() => [...d[3] ||= [s(" 新增 ", -1)]]),
+						_: 1
+					}, 8, ["icon"])) : r("", !0)])]), a("div", je, [
+						b(t.$slots, "toolbar-right"),
+						l.showRefresh ? (g(), n(p, {
+							key: 0,
+							class: "pro-smart-table__icon-btn",
+							circle: "",
+							size: "small",
+							title: "刷新",
+							"aria-label": "刷新",
+							disabled: Q.value,
+							onClick: Be
+						}, {
+							default: O(() => [c(m, {
+								size: 14,
+								class: f({ "pro-smart-table__refresh-spin": Q.value })
+							}, {
+								default: O(() => [c(w(R))]),
+								_: 1
+							}, 8, ["class"])]),
+							_: 1
+						}, 8, ["disabled"])) : r("", !0),
+						l.showColumnEditor ? (g(), n(p, {
+							key: 1,
+							class: "pro-smart-table__icon-btn",
+							circle: "",
+							size: "small",
+							title: "编辑列",
+							"aria-label": "编辑列",
+							onClick: ze
+						}, {
+							default: O(() => [c(m, { size: 14 }, {
+								default: O(() => [c(w(te))]),
+								_: 1
+							})]),
+							_: 1
+						})) : r("", !0)
+					])])) : r("", !0),
+					$.value ? (g(), i("div", Me, [b(t.$slots, "skeleton", {}, () => [c(Ee, {
+						rows: we.value,
+						columns: Te.value,
+						animated: X.value !== !1 && X.value.animated !== !1
+					}, null, 8, [
+						"rows",
+						"columns",
+						"animated"
+					])])])) : r("", !0),
+					k((g(), i("div", Ne, [c(_, u({
+						ref_key: "tableRef",
+						ref: N,
+						class: "pro-smart-table__table"
+					}, ee.value, {
+						data: ce.value,
+						onSortChange: Ze
+					}), {
+						default: O(() => [
+							l.showSeq ? (g(), n(h, {
+								key: 0,
+								type: "index",
+								label: "序号",
+								width: l.seqWidth,
+								index: fe,
+								fixed: "left",
+								align: "center"
+							}, null, 8, ["width"])) : r("", !0),
+							l.showSelection ? (g(), n(h, {
+								key: 1,
+								type: "selection",
+								width: "48",
+								fixed: "left",
+								align: "center"
+							})) : r("", !0),
+							(g(!0), i(e, null, y(ge.value, (e) => (g(), n(h, u({
+								key: e.id,
+								prop: e.prop,
+								label: e.label,
+								"min-width": e.minWidth,
+								width: e.width,
+								sortable: se(e),
+								fixed: e.fixed || !1
+							}, { ref_for: !0 }, e.columnProps), o({ _: 2 }, [t.$slots[`col-${e.prop}`] ? {
+								name: "default",
+								fn: O((n) => [b(t.$slots, `col-${e.prop}`, u({ ref_for: !0 }, n))]),
+								key: "0"
+							} : void 0]), 1040, [
+								"prop",
+								"label",
+								"min-width",
+								"width",
+								"sortable",
+								"fixed"
+							]))), 128)),
+							b(t.$slots, "default")
+						]),
+						_: 3
+					}, 16, ["data"])])), [[E, !$.value], [A, Ie.value]]),
+					q.value && !$.value ? (g(), i("div", Pe, [b(t.$slots, "pagination", {}, () => [c(v, {
+						background: J.value.background !== !1,
+						size: ae.value,
+						"current-page": K.currentPage,
+						"page-size": K.pageSize,
+						total: oe.value,
+						"page-sizes": re.value,
+						layout: ie.value,
+						"pager-count": J.value.pagerCount ?? 7,
+						"onUpdate:currentPage": ue,
+						"onUpdate:pageSize": de
+					}, null, 8, [
+						"background",
+						"size",
+						"current-page",
+						"page-size",
+						"total",
+						"page-sizes",
+						"layout",
+						"pager-count"
+					])])])) : r("", !0)
+				]),
+				c(w(be), {
+					modelValue: I.value,
+					"onUpdate:modelValue": d[0] ||= (e) => I.value = e,
+					columns: B.value,
+					"default-columns": V.value,
+					onSave: Ve,
+					onRestore: He
+				}, null, 8, [
+					"modelValue",
+					"columns",
+					"default-columns"
+				]),
+				c(D, {
+					modelValue: L.value,
+					"onUpdate:modelValue": d[2] ||= (e) => L.value = e,
+					title: Re.value,
+					width: l.formWidth,
+					"destroy-on-close": "",
+					class: "pro-smart-table__form-dialog"
+				}, {
+					footer: O(() => [c(p, { onClick: d[1] ||= (e) => L.value = !1 }, {
+						default: O(() => [...d[4] ||= [s("取消", -1)]]),
+						_: 1
+					}), c(p, {
+						type: "primary",
+						onClick: Ke
+					}, {
+						default: O(() => [...d[5] ||= [s("确定", -1)]]),
+						_: 1
+					})]),
+					default: O(() => [c(T, {
+						ref_key: "formRef",
+						ref: P,
+						model: G,
+						rules: ye.value,
+						"label-width": "96px"
+					}, {
+						default: O(() => [(g(!0), i(e, null, y(ve.value, (e) => (g(), n(C, {
+							key: e.id,
+							label: e.label,
+							prop: e.prop,
+							required: !!e.required
+						}, {
+							default: O(() => [t.$slots[`form-${e.prop}`] ? b(t.$slots, `form-${e.prop}`, {
+								model: G,
+								column: e,
+								value: G[e.prop],
+								mode: z.value
+							}, void 0, void 0, 0) : (g(), n(xe, {
+								key: 1,
+								modelValue: G[e.prop],
+								"onUpdate:modelValue": (t) => G[e.prop] = t,
+								column: e,
+								mode: "form"
+							}, null, 8, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"column"
+							]))]),
+							_: 2
+						}, 1032, [
+							"label",
+							"prop",
+							"required"
+						]))), 128))]),
+						_: 3
+					}, 8, ["model", "rules"]), b(t.$slots, "form-extra", {
+						model: G,
+						mode: z.value,
+						visible: L.value
+					})]),
+					_: 3
+				}, 8, [
+					"modelValue",
+					"title",
+					"width"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/plugin.ts
+function Q(e, t) {
+	return e ? `${e}${t}` : t;
+}
+var $ = { install(e, t = {}) {
+	let { prefix: n } = t;
+	e.component(Q(n, "ProSmartTable"), Z), e.component(Q(n, "ProColumnEditor"), be);
+} };
+//#endregion
+export { be as ProColumnEditor, Z as ProSmartTable, B as SMART_FORM_CONTROL_OPTIONS, $ as VueSmartTable, $ as default, U as cloneColumns, V as createColumnId, G as createEmptyColumn, H as normalizeColumn, K as resolveFormControlType };