@web-utils/form-ui 1.0.0-beta49 → 1.0.0-beta50

package/chunks/{DyHLMash.mjs → cqIZWDHo.mjs}

@@ -7,11 +7,11 @@ import { t as s } from "./B-zqRAXo.mjs";
 import { useVisibilityChange as c } from "../hook/useVisibilityChange.mjs";
 import "@web-utils/core";
 import { Fragment as l, computed as u, createBlock as d, createTextVNode as f, createVNode as p, inject as m, isVNode as h, mergeModels as g, mergeProps as _, nextTick as v, onUpdated as ee, openBlock as y, provide as te, reactive as b, ref as x, toDisplayString as S, useModel as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
-import { ElMessage as D } from "element-plus";
-import { ElCheckbox as O, ElDrawer as k, ElEmpty as ne, ElPagination as re, ElRadio as A, ElTable as j, ElTableColumn as M } from "element-plus/es";
-import { useEventBus as N } from "@web-utils/vue/hooks/useEventBus";
+import { ElMessage as ne } from "element-plus";
+import { ElCheckbox as D, ElDrawer as O, ElEmpty as re, ElPagination as ie, ElRadio as k, ElTable as A, ElTableColumn as j } from "element-plus/es";
+import { useEventBus as ae } from "@web-utils/vue/hooks/useEventBus";
 //#region src/components/table/components/TableColumnFilter.vue
-var ie = /* @__PURE__ */ Object.assign({ name: "TableColumnFilter" }, {
+var oe = /* @__PURE__ */ Object.assign({ name: "TableColumnFilter" }, {
 	__name: "TableColumnFilter",
 	props: /* @__PURE__ */ g({ columns: {
 		type: Array,
@@ -34,7 +34,7 @@ var ie = /* @__PURE__ */ Object.assign({ name: "TableColumnFilter" }, {
 			filterableProps: a,
 			sortableProps: o
 		}), (t, r) => {
-			let i = M, a = O, o = j, c = k;
+			let i = j, a = D, o = A, c = O;
 			return y(), d(c, {
 				modelValue: n.value,
 				"onUpdate:modelValue": r[0] || (r[0] = (e) => n.value = e),
@@ -97,12 +97,12 @@ var ie = /* @__PURE__ */ Object.assign({ name: "TableColumnFilter" }, {
 });
 //#endregion
 //#region src/components/table/components/TableColumnFilterable.vue?vue&type=script&lang.jsx
-function P(e) {
+function M(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
 }
 //#endregion
 //#region src/components/table/components/TableColumnFilterable.vue
-var ae = {
+var N = {
 	name: "TableColumnFilterable",
 	props: {
 		filterable: Boolean,
@@ -122,9 +122,9 @@ var ae = {
 			filterable: e.filterable,
 			filterMethod: a.value,
 			filters: o.value
-		}), P(n) ? n : { default: () => [n] });
+		}), M(n) ? n : { default: () => [n] });
 	}
-}, F = {
+}, P = {
 	data: {
 		type: Array,
 		default: () => []
@@ -299,107 +299,107 @@ var ae = {
 	disabledRowKeys: Array,
 	selectExport: Boolean,
 	useVisibilityChange: Boolean
-}, I = { data: !0 }, oe = (e) => I[e] !== !0;
+}, F = { data: !0 }, se = (e) => F[e] !== !0;
 //#endregion
 //#region src/components/table/PageableTable.vue?vue&type=script&lang.jsx
-function se(e) {
+function ce(e) {
 	let t = "";
 	for (let n in e) t += `<TableColumnDef prop="${n}" label="${n}"/>\n`;
 	return t;
 }
-var L = {
+var I = {
 	loading: 1,
 	error: -1,
 	empty: 2,
 	success: 0
-}, R = {
+}, L = {
 	name: "PageableTable",
 	emits: { "page-loaded": null },
 	inheritAttrs: !1,
-	props: { ...F },
+	props: { ...P },
 	setup(s, { emit: d, attrs: m, slots: h, expose: g }) {
-		let y = w("table"), b = w("settingPanel"), S = x(L.empty), C = x([]), E = x(null), O = x(!1), k = x([]), P = x({
+		let y = w("table"), b = w("settingPanel"), S = x(I.empty), C = x([]), E = x(null), D = x(!1), O = x([]), M = x({
 			total: 0,
 			page: 1,
 			limit: s.pageSize,
 			ascs: s.ascs,
 			descs: s.descs
-		}), F = x(0), I = x(0), R = u(() => s.reloadOnModelChange ? {
-			asc: P.value.ascs,
-			desc: P.value.descs,
-			page: P.value.page,
-			limit: P.value.limit,
+		}), P = x(0), F = x(0), L = u(() => s.reloadOnModelChange ? {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit,
 			model: s.model
 		} : {
-			asc: P.value.ascs,
-			desc: P.value.descs,
-			page: P.value.page,
-			limit: P.value.limit
-		}), z = u(() => {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit
+		}), R = u(() => {
 			var e;
-			let t = `${(P.value.page - 1) * P.value.limit + (((e = C.value) == null ? void 0 : e.length) ?? 0)}`;
+			let t = `${(M.value.page - 1) * M.value.limit + (((e = C.value) == null ? void 0 : e.length) ?? 0)}`;
 			return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
-		}), B = () => {
-			H();
-		}, V = (e, t, n) => {
+		}), z = () => {
+			V();
+		}, B = (e, t, n) => {
 			if (s.clickRowSelect && $(e)) {
 				var r;
-				if (k.value.find((t) => t[s.rowKey] === e[s.rowKey])) {
+				if (O.value.find((t) => t[s.rowKey] === e[s.rowKey])) {
 					var i;
 					(i = y.value) == null || i.toggleRowSelection(e, !1);
 					return;
 				}
 				(r = y.value) == null || r.toggleRowSelection(e);
 			}
-		}, H = () => {
+		}, V = () => {
 			var e, t;
 			let n = (e = y.value) == null || (e = e.$children) == null ? void 0 : e.find((e) => {
 				var t;
 				return ((t = e.$options) == null ? void 0 : t.name) === "ElTableBody";
 			});
 			n == null || (t = n.$refs) == null || (t = t.tooltip) == null || t.hide();
-		}, U = ({ scrollLeft: e, scrollTop: t }) => {
-			F.value = t, I.value = e;
-		}, W = () => {
-			fe(F.value, I.value);
-		}, G = (e) => t(se(e)), ce = ({ prop: e, order: t }) => {
-			s.payloadStyle === "body" ? (P.value.ascs = t === "ascending" ? [e] : s.ascs, P.value.descs = t === "descending" ? [e] : s.descs) : (P.value.ascs = t === "ascending" ? e : "", P.value.descs = t === "descending" ? e : "");
-		}, le = (e) => {
-			$(e) && (E.value = e);
+		}, H = ({ scrollLeft: e, scrollTop: t }) => {
+			P.value = t, F.value = e;
+		}, U = () => {
+			X(P.value, F.value);
+		}, W = (e) => t(ce(e)), le = ({ prop: e, order: t }) => {
+			s.payloadStyle === "body" ? (M.value.ascs = t === "ascending" ? [e] : s.ascs, M.value.descs = t === "descending" ? [e] : s.descs) : (M.value.ascs = t === "ascending" ? e : "", M.value.descs = t === "descending" ? e : "");
 		}, ue = (e) => {
-			k.value = e;
-		}, K = () => {
+			$(e) && (E.value = e);
+		}, de = (e) => {
+			O.value = e;
+		}, G = () => {
 			var e;
 			(e = y.value) == null || e.clearSelection();
-		}, de = () => {
+		}, fe = () => {
 			let e;
 			return e = s.payloadStyle === "body" ? {
 				page: {
-					...P.value,
-					current: P.value.page,
-					size: P.value.limit
+					...M.value,
+					current: M.value.page,
+					size: M.value.limit
 				},
 				example: s.model || {}
 			} : {
-				...P.value,
-				current: P.value.page,
-				size: P.value.limit,
+				...M.value,
+				current: M.value.page,
+				size: M.value.limit,
 				...s.model || {}
-			}, s.selectExport && (s.rowKey ? e.exportKeys = k.value.map((e) => e[s.rowKey]) : e.exportKeys = k.value.map((e) => C.value.indexOf(e))), e;
-		}, q = async (e = !0) => {
+			}, s.selectExport && (s.rowKey ? e.exportKeys = O.value.map((e) => e[s.rowKey]) : e.exportKeys = O.value.map((e) => C.value.indexOf(e))), e;
+		}, K = async (e = !0) => {
 			if (!s.api && s.data !== !1) {
 				var t;
-				C.value = s.data, P.value.page = 1, P.value.total = (t = C.value) == null ? void 0 : t.length, P.value.limit = P.value.total;
+				C.value = s.data, M.value.page = 1, M.value.total = (t = C.value) == null ? void 0 : t.length, M.value.limit = M.value.total;
 				return;
 			}
 			e !== !1 && (C.value = []);
-			let n, r = de();
+			let n, r = fe();
 			if (s.api) {
-				e !== !1 && (S.value = L.loading);
+				e !== !1 && (S.value = I.loading);
 				try {
 					s.api && (n = await s.api(r));
 				} catch {
-					S.value = L.error;
+					S.value = I.error;
 					return;
 				}
 			} else if (s.data) n = { data: { data: {
@@ -407,30 +407,30 @@ var L = {
 				records: s.data
 			} } };
 			else {
-				D.warning({
+				ne.warning({
 					title: "开发提示！",
 					message: "PageableTable api(Function) 属性"
 				});
 				return;
 			}
 			let { data: { data: i } = {} } = n || {}, { total: a, records: o } = i || {};
-			P.value.total = Number(a), C.value = await pe(o), !o || !o.length ? S.value = L.empty : S.value = L.success, J(), d("page-loaded", i);
-		}, J = () => {
+			M.value.total = Number(a), C.value = await pe(o), !o || !o.length ? S.value = I.empty : S.value = I.success, q(), d("page-loaded", i);
+		}, q = () => {
 			v(() => {
 				var e;
 				(e = y.value) == null || e.doLayout();
 			});
-		}, Y = async (e) => {
-			await q(e);
-		}, X = () => {
-			P.value = {
+		}, J = async (e) => {
+			await K(e);
+		}, Y = () => {
+			M.value = {
 				total: 0,
 				page: 1,
 				limit: s.pageSize,
 				ascs: s.ascs,
 				descs: s.descs
 			};
-		}, fe = (e, t) => {
+		}, X = (e, t) => {
 			y.value.setScrollTop(e), y.value.setScrollLeft(t);
 		}, Z = (e, t) => {
 			var n;
@@ -444,40 +444,40 @@ var L = {
 			} else e[t.prop] = await r(t.dicType, e[t.prop]);
 			return t;
 		}, Q = () => {
-			O.value = !O.value;
+			D.value = !D.value;
 		}, $ = (e) => {
 			var t;
 			return !(e != null && e.disabled) && !((t = s.disabledRowKeys) != null && t.includes(e == null ? void 0 : e[s.rowKey]));
 		};
 		s.useVisibilityChange && c({ onPageVisible: () => {
-			Y(!1);
-		} }), N("reloadTableView", (e) => {
-			e === s.viewId && q();
-		}), T(() => s.url, X), T(() => s.api, X), T(() => m.data, q), T(() => R.value, q, {
+			J(!1);
+		} }), ae("reloadTableView", (e) => {
+			e === s.viewId && K();
+		}), T(() => s.url, Y), T(() => s.api, Y), T(() => s.data, K), T(() => L.value, K, {
 			deep: !0,
 			immediate: s.immediate
 		}), ee(() => {
-			W();
+			U();
 		}), g({
 			records: C,
-			getPage: q,
-			refresh: Y,
-			reload: X,
-			doLayout: J,
-			clearSelection: K,
+			getPage: K,
+			refresh: J,
+			reload: Y,
+			doLayout: q,
+			clearSelection: G,
 			toggleRowSelection: Z,
 			toggleSettings: Q
 		}), te(i, {
 			records: C,
-			getPage: q,
-			refresh: Y,
-			reload: X,
-			doLayout: J,
-			clearSelection: K,
+			getPage: K,
+			refresh: J,
+			reload: Y,
+			doLayout: q,
+			clearSelection: G,
 			toggleRowSelection: Z,
 			toggleSettings: Q
 		});
-		let { autoBindProps: me, listeners: he } = e(s, { predicate: oe });
+		let { autoBindProps: me, listeners: he } = e(s, { predicate: se });
 		return () => {
 			var e;
 			let t = E.value && E.value[m["row-key"] || s.rowKey || "id"] === (E.value && s.rowKey ? E.value[s.rowKey] : (e = E.value) == null ? void 0 : e.id), r = [];
@@ -503,8 +503,8 @@ var L = {
 				b.value && (o.hide = b.value.hideProps[t], o.filterable = b.value.filterableProps[t], o.sortable = b.value.sortableProps[t] === !0, o.fixed = i || b.value.fixedProps[t]), r.push(o);
 			}
 			return p("div", { class: ["pageable-table", { "auto-height": s.autoHeight }] }, [p("div", { class: "pageable-table-wrapper" }, [
-				h.toolbar && h.toolbar({ selectedRows: k.value }),
-				p(j, _(he.value, me.value, {
+				h.toolbar && h.toolbar({ selectedRows: O.value }),
+				p(A, _(he.value, me.value, {
 					ref: "table",
 					data: C.value,
 					class: ["flex-item", { "header-bold": s.headerBold }],
@@ -512,81 +512,81 @@ var L = {
 					stripe: !0,
 					size: "default",
 					height: s.autoHeight ? null : "auto",
-					onScroll: U,
-					onSortChange: ce,
-					onRowDblclick: B,
-					onRowClick: V,
-					onCellClick: H,
-					onCurrentChange: le,
-					onSelectionChange: ue
+					onScroll: H,
+					onSortChange: le,
+					onRowDblclick: z,
+					onRowClick: B,
+					onCellClick: V,
+					onCurrentChange: ue,
+					onSelectionChange: de
 				}), {
 					default: () => {
 						let e = [];
-						if (s.multiple && s.selection && e.push(p(M, {
+						if (s.multiple && s.selection && e.push(p(j, {
 							key: "selection",
 							type: "selection",
 							selectable: $,
 							width: s.selectionWidth,
 							align: "center"
-						}, null)), !s.multiple && s.selection && e.push(p(M, {
+						}, null)), !s.multiple && s.selection && e.push(p(j, {
 							key: "single-selection",
 							type: "single-selection",
 							"class-name": "single-select-column",
 							width: s.selectionWidth,
 							align: "center"
 						}, {
-							header: () => p(A, {
+							header: () => p(k, {
 								modelValue: !!E.value,
 								label: !0
 							}, { default: () => [p("span", null, null)] }),
-							default: ({ row: e }) => p(A, {
+							default: ({ row: e }) => p(k, {
 								label: !0,
 								disabled: !$(e),
 								modelValue: t
 							}, { default: () => [p("span", null, null)] })
-						})), s.index && e.push(p(M, {
+						})), s.index && e.push(p(j, {
 							key: "index",
 							type: "index",
 							label: "序号",
-							width: z.value,
+							width: R.value,
 							align: "center"
-						}, { default: ({ $index: e }) => (P.value.page - 1) * P.value.limit + e + 1 || e + 1 })), r.length > 0) for (let t = 0; t < r.length; t++) {
+						}, { default: ({ $index: e }) => (M.value.page - 1) * M.value.limit + e + 1 || e + 1 })), r.length > 0) for (let t = 0; t < r.length; t++) {
 							let n = r[t];
 							if (n.hide) continue;
 							let { prop: i, headerSlot: a, defaultSlot: o, expandSlot: s, iconSlot: c, ...l } = n;
-							e.push(p(ae, _(l, { prop: i }), {
+							e.push(p(N, _(l, { prop: i }), {
 								default: h[i] ? ({ row: e }) => h[i]({ row: e }) : o,
 								header: a,
 								expand: s,
 								"filter-icon": c
 							}));
 						}
-						else e.push(p(M, {
+						else e.push(p(j, {
 							key: "default",
 							label: "点击表格行复制模板"
 						}, { default: ({ row: e }) => p("pre", {
 							class: "pointer",
-							onClick: () => G(e)
+							onClick: () => W(e)
 						}, [JSON.stringify(e, null, "	")]) }));
 						return e;
 					},
 					empty: () => h.empty ? h.empty() : p(l, null, [
-						S.value === L.loading && p("span", { class: "pageable-table-loading" }, [p("i", { class: "table-status-icon el-icon-loading" }, null), f("加载中...")]),
-						S.value === L.error && p(a, {
+						S.value === I.loading && p("span", { class: "pageable-table-loading" }, [p("i", { class: "table-status-icon el-icon-loading" }, null), f("加载中...")]),
+						S.value === I.error && p(a, {
 							class: "pageable-table-error",
-							onClick: Y
+							onClick: J
 						}, { default: () => [p("i", { class: "table-status-icon el-icon-error" }, null), f("加载失败，点击重试！")] }),
-						S.value !== L.loading && S.value !== L.error && p(ne, null, null)
+						S.value !== I.loading && S.value !== I.error && p(re, null, null)
 					]),
 					append: h.append
 				}),
-				s.paging && p(re, {
-					"current-page": P.value.page,
-					"onUpdate:current-page": (e) => P.value.page = e,
+				s.paging && p(ie, {
+					"current-page": M.value.page,
+					"onUpdate:current-page": (e) => M.value.page = e,
 					"hide-on-single-page": s.hideOnSinglePage,
-					"page-size": P.value.limit,
-					"onUpdate:page-size": (e) => P.value.limit = e,
-					total: P.value.total,
+					"page-size": M.value.limit,
+					"onUpdate:page-size": (e) => M.value.limit = e,
+					total: M.value.total,
 					"page-sizes": [
 						10,
 						25,
@@ -600,15 +600,15 @@ var L = {
 					background: !0,
 					layout: "total, sizes, prev, pager, next, jumper"
 				}, null),
-				p(ie, {
+				p(oe, {
 					ref: "settingPanel",
-					modelValue: O.value,
-					"onUpdate:modelValue": (e) => O.value = e,
+					modelValue: D.value,
+					"onUpdate:modelValue": (e) => D.value = e,
 					columns: r
 				}, null)
-			]), p(o, { onNotify: J }, null)]);
+			]), p(o, { onNotify: q }, null)]);
 		};
 	}
 };
 //#endregion
-export { R as t };
+export { L as t };

package/chunks/{BTlLPtSk2.mjs → kflKDW4T2.mjs}

@@ -3,7 +3,7 @@ import { i as t, n } from "./D_qiRmiE.mjs";
 import { n as r, t as i } from "./CJdkjadi.mjs";
 import { r as a } from "./CabldOLo.mjs";
 import { n as o } from "./gCeDFHo1.mjs";
-import { n as s, t as c } from "./BtOr-3u02.mjs";
+import { n as s, t as c } from "./zwXzk9ff2.mjs";
 import { isArray as l, isString as u, trace as d, warning as f } from "@web-utils/core";
 import { computed as p, createVNode as m, getCurrentInstance as h, mergeProps as g, useModel as _, useTemplateRef as v } from "vue";
 import { useEventBus as y } from "@web-utils/vue/hooks/useEventBus";

package/chunks/{BtOr-3u02.mjs → zwXzk9ff2.mjs}

@@ -13,7 +13,7 @@ import { t as d } from "./B1IPSTA6.mjs";
 import { t as f } from "./BbSPWDDZ.mjs";
 import { t as p } from "./bFbPPcdq.mjs";
 import { t as ee } from "./BtcjAHE6.mjs";
-import { t as m } from "./DyHLMash.mjs";
+import { t as m } from "./cqIZWDHo.mjs";
 import h from "../table-column-def/index.mjs";
 import { findTreeChildren as g, isFunction as _ } from "@web-utils/core";
 import { Fragment as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as C, createTextVNode as w, createVNode as T, mergeProps as E, normalizeClass as D, openBlock as O, renderList as k, renderSlot as A, toDisplayString as j, toHandlers as M, withCtx as N, withModifiers as P } from "vue";

package/form-table-plus/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BTlLPtSk2.mjs";
+import { t as e } from "../chunks/kflKDW4T2.mjs";
 export { e as default };

package/index.mjs

@@ -38,14 +38,14 @@ import { t as P } from "./chunks/DOP3aBxf.mjs";
 import { t as F } from "./chunks/BtcjAHE6.mjs";
 import { t as I } from "./chunks/pIzhYsBe.mjs";
 import { t as L } from "./chunks/BfxDxIg0.mjs";
-import { t as R } from "./chunks/DyHLMash.mjs";
+import { t as R } from "./chunks/cqIZWDHo.mjs";
 import { t as z } from "./chunks/B-zqRAXo.mjs";
 import B from "./table-column-def/index.mjs";
 import { t as V } from "./chunks/CuAoMR3n.mjs";
 import H from "./sub-table/index.mjs";
 import { t as U } from "./chunks/BsZgAJX_2.mjs";
-import { t as W } from "./chunks/BtOr-3u02.mjs";
-import { t as G } from "./chunks/BTlLPtSk2.mjs";
+import { t as W } from "./chunks/zwXzk9ff2.mjs";
+import { t as G } from "./chunks/kflKDW4T2.mjs";
 import { t as K } from "./chunks/B9gA65rt2.mjs";
 import { t as q } from "./chunks/CqoVAnxC2.mjs";
 import J from "./form-view/index.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta49",
+  "version": "1.0.0-beta50",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/pageable-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/DyHLMash.mjs";
+import { t as e } from "../chunks/cqIZWDHo.mjs";
 export { e as default };

package/sub-table/index.mjs

@@ -11,7 +11,7 @@ import { t as l } from "../chunks/B1IPSTA6.mjs";
 import { t as u } from "../chunks/BbSPWDDZ.mjs";
 import { t as d } from "../chunks/bFbPPcdq.mjs";
 import { t as f } from "../chunks/BtcjAHE6.mjs";
-import { t as p } from "../chunks/DyHLMash.mjs";
+import { t as p } from "../chunks/cqIZWDHo.mjs";
 import m from "../table-column-def/index.mjs";
 import { t as h } from "../chunks/CuAoMR3n.mjs";
 import { findTreeChildren as g, isFunction as _ } from "@web-utils/core";

package/sub-table-plus/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BtOr-3u02.mjs";
+import { t as e } from "../chunks/zwXzk9ff2.mjs";
 export { e as default };

package/table-view/index.mjs

@@ -6,7 +6,7 @@ import { t as o } from "../chunks/Cln3RBAD.mjs";
 import { t as s } from "../chunks/CkOD-_VV.mjs";
 import { a as c } from "../chunks/D_qiRmiE.mjs";
 import l from "../form-item-config-provider/index.mjs";
-import { t as u } from "../chunks/DyHLMash.mjs";
+import { t as u } from "../chunks/cqIZWDHo.mjs";
 import { t as d } from "../chunks/hzaYr6Ud2.mjs";
 import { hasOwn as f, isArray as p, isFunction as m, isString as h, toStringArray as g, trace as _, warning as v } from "@web-utils/core";
 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";