@pungfe/element 0.5.9 → 0.6.1

package/dist/{basic-C9hScn7S.js → basic-DxvTjPBA.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./locales-C0-S9TeD.js";
-import { ElButton as t, ElCascader as n, ElCheckbox as r, ElConfigProvider as i, ElDatePicker as a, ElDialog as o, ElForm as s, ElFormItem as c, ElInput as l, ElInputNumber as u, ElOption as ee, ElPagination as te, ElSelect as ne, ElTabPane as d, ElTable as f, ElTableColumn as re, ElTabs as p, ElUpload as m, useLocale as h } from "element-plus";
-import { Fragment as g, computed as _, createBlock as v, createElementBlock as ie, createSlots as y, createVNode as b, defineComponent as x, getCurrentInstance as S, getCurrentScope as ae, guardReactiveProps as C, inject as w, mergeModels as T, mergeProps as E, nextTick as oe, normalizeProps as D, onMounted as O, onScopeDispose as se, onUnmounted as ce, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, shallowRef as P, toValue as F, unref as I, useId as le, useModel as L, useTemplateRef as R, watch as z, withCtx as B, withModifiers as ue } from "vue";
+import { ElButton as t, ElCascader as n, ElCheckbox as r, ElConfigProvider as i, ElDatePicker as a, ElDialog as o, ElForm as s, ElFormItem as c, ElInput as l, ElInputNumber as u, ElOption as d, ElPagination as ee, ElSelect as te, ElTabPane as f, ElTable as p, ElTableColumn as ne, ElTabs as m, ElUpload as h, useLocale as g } from "element-plus";
+import { Fragment as _, computed as v, createBlock as y, createElementBlock as re, createSlots as b, createVNode as x, defineComponent as S, getCurrentInstance as ie, getCurrentScope as ae, guardReactiveProps as C, inject as w, mergeModels as T, mergeProps as E, nextTick as oe, normalizeProps as D, onMounted as O, onScopeDispose as se, onUnmounted as ce, openBlock as k, provide as A, ref as j, renderList as M, renderSlot as N, shallowRef as P, toValue as F, unref as I, useId as le, useModel as L, useTemplateRef as R, watch as z, withCtx as B, withModifiers as ue } from "vue";
 //#region \0rolldown/runtime.js
 var V = Object.defineProperty, H = (e, t) => {
 	let n = {};
@@ -66,7 +66,7 @@ function me(e) {
 	return Array.isArray(e) ? e : [e];
 }
 function he(e) {
-	return e || S();
+	return e || ie();
 }
 function ge(e, t = 200, n = {}) {
 	return fe(pe(t, n), e);
@@ -75,34 +75,41 @@ function K(e, t = !0, n) {
 	he(n) ? O(e, n) : t ? e() : oe(e);
 }
 function _e(e, t) {
-	return _(() => F(e).map((e) => F(e)).filter(t));
+	return v(() => F(e).map((e) => F(e)).filter(t));
 }
 function q(e, t) {
-	return _(() => F(e).map((e) => F(e)).map(t));
+	return v(() => F(e).map((e) => F(e)).map(t));
 }
 //#endregion
 //#region node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.38_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
-var J = W ? window : void 0, ve = W ? window.document : void 0;
+function ve(e, t, n, r) {
+	let i = w(e);
+	return n && (i = w(e, n)), r && (i = w(e, n, r)), v(typeof t == "function" ? (e) => t(i, e) : {
+		get: (e) => t.get(i, e),
+		set: t.set
+	});
+}
+var J = W ? window : void 0, ye = W ? window.document : void 0;
 W && window.navigator, W && window.location;
 function Y(e) {
 	let t = F(e);
 	return t?.$el ?? t;
 }
-function ye() {
-	let e = P(!1), t = S();
+function be() {
+	let e = P(!1), t = ie();
 	return t && O(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function be(e) {
-	let t = ye();
-	return _(() => (t.value, !!e()));
+function xe(e) {
+	let t = be();
+	return v(() => (t.value, !!e()));
 }
-function xe(e, t, n = {}) {
-	let { window: r = J, ...i } = n, a, o = /* @__PURE__ */ be(() => r && "ResizeObserver" in r), s = () => {
+function Se(e, t, n = {}) {
+	let { window: r = J, ...i } = n, a, o = /* @__PURE__ */ xe(() => r && "ResizeObserver" in r), s = () => {
 		a &&= (a.disconnect(), void 0);
-	}, c = z(_(() => {
+	}, c = z(v(() => {
 		let t = F(e);
 		return Array.isArray(t) ? t.map((e) => Y(e)) : [Y(t)];
 	}), (e) => {
@@ -121,14 +128,14 @@ function xe(e, t, n = {}) {
 		stop: l
 	};
 }
-function Se(e, t = {
+function Ce(e, t = {
 	width: 0,
 	height: 0
 }, n = {}) {
-	let { window: r = J, box: i = "content-box" } = n, a = _(() => {
+	let { window: r = J, box: i = "content-box" } = n, a = v(() => {
 		var t;
 		return (t = Y(e)) == null || (t = t.namespaceURI) == null ? void 0 : t.includes("svg");
-	}), o = P(t.width), s = P(t.height), { stop: c } = xe(e, ([t]) => {
+	}), o = P(t.width), s = P(t.height), { stop: c } = Se(e, ([t]) => {
 		let n = i === "border-box" ? t.borderBoxSize : i === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
 		if (r && a.value) {
 			let t = Y(e);
@@ -159,7 +166,7 @@ function Se(e, t = {
 }
 //#endregion
 //#region src/components/basic/Button.vue
-var Ce = /* @__PURE__ */ x({
+var we = /* @__PURE__ */ S({
 	__name: "Button",
 	props: {
 		disabled: {
@@ -176,21 +183,20 @@ var Ce = /* @__PURE__ */ x({
 		type: {}
 	},
 	emits: ["click"],
-	setup(e, { emit: n }) {
-		let r = n;
-		return (n, i) => (k(), v(I(t), E({
+	setup(e) {
+		return (n, r) => (k(), y(I(t), E({
 			type: e.type,
 			text: e.text,
 			link: e.link,
 			disabled: e.disabled,
 			size: e.size,
 			icon: e.icon
-		}, { onClick: i[0] ||= (e) => r("click", e) }), {
+		}, { onClick: r[0] ||= (e) => n.$emit("click", e) }), {
 			default: B(() => [N(n.$slots, "default")]),
 			_: 3
 		}, 16));
 	}
-}), X = Symbol("X_LOCALE_CONFIG"), Z = Symbol("X_ELEMENT_CONFIG"), we = Symbol("X_ELEMENT_INSTALLED"), Te = Symbol("X_ELEMENT_IN_TABLE"), Ee = Symbol("X_ELEMENT_IN_FORM"), De = Symbol("X_ELEMENT_IN_TABS"), Oe = Symbol("X_ELEMENT_IN_TAB_PANE"), ke = Symbol("X_FORM_VALIDATIONS"), Q = Symbol("X_FORM_ITEM_VALIDATION"), Ae = Symbol("X_TAB_PANE"), je = Symbol("X_TABS_MODEL_UPDATE_HOOK"), Me = /* @__PURE__ */ x({
+}), X = Symbol("X_LOCALE_CONFIG"), Te = Symbol("X_ELEMENT_CONFIG"), Ee = Symbol("X_ELEMENT_INSTALLED"), De = Symbol("X_ELEMENT_IN_TABLE"), Oe = Symbol("X_ELEMENT_IN_FORM"), ke = Symbol("X_ELEMENT_IN_TABS"), Ae = Symbol("X_ELEMENT_IN_TAB_PANE"), je = Symbol("X_FORM_VALIDATIONS"), Z = Symbol("X_FORM_ITEM_VALIDATION"), Me = Symbol("X_TAB_PANE"), Ne = Symbol("X_TABS_MODEL_UPDATE_HOOK"), Pe = /* @__PURE__ */ S({
 	__name: "Cascader",
 	props: /*@__PURE__*/ T({
 		clearable: { type: Boolean },
@@ -210,17 +216,15 @@ var Ce = /* @__PURE__ */ x({
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let { t } = h(w(X)), r = L(e, "modelValue"), i = _(() => e.data ?? []), a = _({
-			get: () => r.value,
-			set: (e) => {
-				r.value = e;
-			}
-		}), o = w(Q, void 0);
+		let t = L(e, "modelValue"), { t: r } = g(w(X)), i = v(() => e.data ?? []), a = v({
+			get: () => t.value,
+			set: (e) => t.value = e
+		}), o = w(Z, void 0);
 		if (o?.required) {
 			let { label: e, validator: n } = o;
-			o.validator = () => e && (!r.value || Array.isArray(r.value) && r.value.length === 0) ? t("el.validation.cascader", { label: e }) : n?.();
+			o.validator = () => e && (!t.value || Array.isArray(t.value) && t.value.length === 0) ? r("el.validation.cascader", { label: e }) : n?.();
 		}
-		return (r, o) => (k(), v(I(n), E({
+		return (t, o) => (k(), y(I(n), E({
 			modelValue: a.value,
 			"onUpdate:modelValue": o[0] ||= (e) => a.value = e
 		}, {
@@ -230,10 +234,10 @@ var Ce = /* @__PURE__ */ x({
 			size: e.size,
 			options: i.value,
 			props: e.props,
-			placeholder: e.placeholder ?? I(t)("el.select.placeholder")
+			placeholder: e.placeholder ?? I(r)("el.select.placeholder")
 		}), null, 16, ["modelValue"]));
 	}
-}), Ne = /* @__PURE__ */ x({
+}), Fe = /* @__PURE__ */ S({
 	__name: "Checkbox",
 	props: /*@__PURE__*/ T({
 		disabled: {
@@ -259,27 +263,35 @@ var Ce = /* @__PURE__ */ x({
 	}),
 	emits: /*@__PURE__*/ T(["blur", "focus"], ["update:modelValue"]),
 	setup(e) {
-		let t = L(e, "modelValue"), { t: n } = h(w(X)), i = w(Q, void 0);
+		let t = L(e, "modelValue"), { t: n } = g(w(X)), i = w(Z, void 0);
 		if (i?.required) {
 			let { label: e, validator: r } = i;
 			i.validator = () => e && !t.value ? n("el.validation.input", { label: e }) : r?.();
 		}
-		return (n, i) => (k(), v(I(r), E({ disabled: e.disabled }, {
+		return (n, i) => (k(), y(I(r), E({ disabled: e.disabled }, {
 			modelValue: t.value,
 			"onUpdate:modelValue": i[0] ||= (e) => t.value = e
 		}), null, 16, ["modelValue"]));
 	}
-}), Pe = /* @__PURE__ */ x({
+}), Ie = /* @__PURE__ */ S({
 	__name: "ConfigProvider",
 	props: { locale: {} },
 	setup(t) {
-		let n = _(() => t.locale ?? e);
-		return A(X, n), (e, t) => (k(), v(I(i), { locale: n.value }, {
+		let n = v(() => t.locale ?? e);
+		return A(X, n), (e, t) => (k(), y(I(i), { locale: n.value }, {
 			default: B(() => [N(e.$slots, "default")]),
 			_: 3
 		}, 8, ["locale"]));
 	}
-}), $ = /* @__PURE__ */ x({
+}), Le = {
+	button: { autoInsertSpace: !1 },
+	datePicker: { valueFormat: "YYYY-MM-DD" },
+	pagination: {
+		defaultPageSize: 20,
+		layout: "prev, pager, next, sizes, jumper, ->, total"
+	},
+	table: { showOverflowTooltip: !1 }
+}, Q = (e) => ve(Te, (t) => t[e], Le), Re = /* @__PURE__ */ S({
 	__name: "DatePicker",
 	props: /*@__PURE__*/ T({
 		disabled: {
@@ -312,37 +324,38 @@ var Ce = /* @__PURE__ */ x({
 		"update:end"
 	]),
 	setup(e) {
-		let t = L(e, "modelValue"), n = L(e, "start"), r = L(e, "end"), i = w(Z), { t: o } = h(w(X)), s = _({
+		let t = L(e, "modelValue"), n = L(e, "start"), r = L(e, "end"), { t: i } = g(w(X, void 0)), o = v({
 			get() {
 				return e.type.includes("range") && n.value && r.value ? [n.value, r.value] : e.type.includes("range") ? null : t.value;
 			},
 			set(i) {
-				e.type.includes("range") && Array.isArray(i) ? (n.value = i?.[0], r.value = i?.[1]) : t.value = i;
+				e.type.includes("range") && Array.isArray(i) ? (n.value = i[0], r.value = i[1]) : t.value = i;
 			}
-		}), c = w(Q, void 0);
-		if (c?.required) {
-			let { label: i, validator: a } = c;
-			c.validator = () => i && e.type.includes("range") && (!n.value || !r.value) || i && !e.type.includes("range") && !t.value ? o("el.validation.datepicker", { label: i }) : a?.();
+		}), s = w(Z, void 0);
+		if (s?.required) {
+			let { label: a, validator: o } = s;
+			s.validator = () => a && e.type.includes("range") && (!n.value || !r.value) || a && !e.type.includes("range") && !t.value ? i("el.validation.datepicker", { label: a }) : o?.();
 		}
-		return (t, n) => (k(), v(I(a), E({
+		let c = Q("datePicker"), l = v(() => e.valueFormat ?? c.value?.valueFormat);
+		return (t, n) => (k(), y(I(a), E({
 			disabled: e.disabled,
 			disabledDate: e.disabledDate,
 			type: e.type,
-			valueFormat: e.valueFormat ?? I(i)?.datePicker?.valueFormat,
-			placeholder: e.placeholder ?? I(o)("el.datepicker.placeholder"),
-			startPlaceholder: e.startPlaceholder ?? e.placeholder ?? I(o)("el.datepicker.startPlaceholder"),
-			endPlaceholder: e.endPlaceholder ?? e.placeholder ?? I(o)("el.datepicker.endPlaceholder"),
+			valueFormat: l.value,
+			placeholder: e.placeholder ?? I(i)("el.datepicker.placeholder"),
+			startPlaceholder: e.startPlaceholder ?? e.placeholder ?? I(i)("el.datepicker.startPlaceholder"),
+			endPlaceholder: e.endPlaceholder ?? e.placeholder ?? I(i)("el.datepicker.endPlaceholder"),
 			shortcuts: e.shortcuts,
 			size: e.size,
 			teleported: e.teleported
 		}, {
-			modelValue: s.value,
-			"onUpdate:modelValue": n[0] ||= (e) => s.value = e,
+			modelValue: o.value,
+			"onUpdate:modelValue": n[0] ||= (e) => o.value = e,
 			onBlur: n[1] ||= (e) => t.$emit("blur", e),
 			onFocus: n[2] ||= (e) => t.$emit("focus", e)
 		}), null, 16, ["modelValue"]));
 	}
-}), Fe = /* @__PURE__ */ x({
+}), ze = /* @__PURE__ */ S({
 	__name: "Dialog",
 	props: /*@__PURE__*/ T({
 		alignCenter: { type: Boolean },
@@ -370,7 +383,7 @@ var Ce = /* @__PURE__ */ x({
 	emits: ["update:modelValue"],
 	setup(e) {
 		let t = L(e, "modelValue");
-		return (n, r) => (k(), v(I(o), E({
+		return (n, r) => (k(), y(I(o), E({
 			modelValue: t.value,
 			"onUpdate:modelValue": r[0] ||= (e) => t.value = e
 		}, {
@@ -383,7 +396,7 @@ var Ce = /* @__PURE__ */ x({
 			draggable: e.draggable,
 			closeOnClickModal: e.closeOnClickModal,
 			closeOnPressEscape: e.closeOnPressEscape
-		}), y({
+		}), b({
 			default: B(() => [N(n.$slots, "default")]),
 			_: 2
 		}, ["header" in n.$slots ? {
@@ -396,7 +409,7 @@ var Ce = /* @__PURE__ */ x({
 			key: "1"
 		} : void 0]), 1040, ["modelValue"]));
 	}
-}), Ie = /* @__PURE__ */ x({
+}), Be = /* @__PURE__ */ S({
 	__name: "Form",
 	props: {
 		content: { type: Function },
@@ -413,9 +426,9 @@ var Ce = /* @__PURE__ */ x({
 	},
 	setup(e, { expose: t }) {
 		let n = R("form"), r = () => e.content?.({ data: e.data ?? {} });
-		A(Ee, !0);
+		A(Oe, !0);
 		let i = [];
-		A(ke, i);
+		A(je, i);
 		let a = () => i.every((e) => e.validate()), o = () => i.forEach((e) => e.clearValidate());
 		return t({
 			clearValidate: o,
@@ -424,7 +437,7 @@ var Ce = /* @__PURE__ */ x({
 				o(), n.value?.resetFields();
 			},
 			validate: a
-		}), (t, i) => (k(), v(I(s), E({
+		}), (t, i) => (k(), y(I(s), E({
 			ref_key: "form",
 			ref: n
 		}, {
@@ -436,11 +449,11 @@ var Ce = /* @__PURE__ */ x({
 			labelSuffix: e.labelSuffix,
 			size: e.size
 		}, { onSubmit: i[0] ||= ue(() => {}, ["prevent"]) }), {
-			default: B(() => [b(r)]),
+			default: B(() => [x(r)]),
 			_: 1
 		}, 16));
 	}
-}), Le = /* @__PURE__ */ x({
+}), Ve = /* @__PURE__ */ S({
 	__name: "FormItem",
 	props: {
 		content: { type: Function },
@@ -449,7 +462,7 @@ var Ce = /* @__PURE__ */ x({
 		validator: { type: Function }
 	},
 	setup(e) {
-		let t = w(ke, void 0), n = w(De, void 0), r = w(Oe, void 0), i = w(Ae, void 0), a = w(je, void 0), o = j(), s = le(), l = {
+		let t = w(je, void 0), n = w(ke, void 0), r = w(Ae, void 0), i = w(Me, void 0), a = w(Ne, void 0), o = j(), s = le(), l = {
 			clearValidate: () => o.value = void 0,
 			id: s,
 			label: e.label,
@@ -457,19 +470,19 @@ var Ce = /* @__PURE__ */ x({
 			validate: () => (o.value = l.validator?.() ?? void 0, o.value && n && r && i && a?.trigger(i), !o.value),
 			validator: e.validator
 		};
-		A(Q, l), O(() => {
+		A(Z, l), O(() => {
 			t?.some((e) => e.id === s) || t?.push(l);
 		}), ce(() => {
 			let e = t?.findIndex((e) => e.id === s);
 			e && e > -1 && t?.splice(e, 1);
 		});
 		let u = () => e.content?.();
-		return (t, n) => (k(), v(I(c), {
+		return (t, n) => (k(), y(I(c), {
 			label: e.label,
 			required: e.required,
 			error: o.value
-		}, y({
-			default: B(() => [N(t.$slots, "default", {}, () => [b(u)])]),
+		}, b({
+			default: B(() => [N(t.$slots, "default", {}, () => [x(u)])]),
 			_: 2
 		}, ["label" in t.$slots ? {
 			name: "label",
@@ -481,7 +494,7 @@ var Ce = /* @__PURE__ */ x({
 			"error"
 		]));
 	}
-}), Re = /* @__PURE__ */ x({
+}), $ = /* @__PURE__ */ S({
 	__name: "Input",
 	props: /*@__PURE__*/ T({
 		autocomplete: {},
@@ -507,7 +520,7 @@ var Ce = /* @__PURE__ */ x({
 		"focus"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = L(e, "modelValue"), { t: i } = h(w(X)), a = w(Q, void 0);
+		let n = t, r = L(e, "modelValue"), { t: i } = g(w(X, void 0)), a = w(Z, void 0);
 		if (a?.required) {
 			let { label: e, validator: t } = a;
 			a.validator = () => e && !r.value ? i("el.validation.input", { label: e }) : t?.();
@@ -519,7 +532,7 @@ var Ce = /* @__PURE__ */ x({
 		}, c = (e) => {
 			n("change", e);
 		};
-		return (t, n) => (k(), v(I(l), E({
+		return (t, n) => (k(), y(I(l), E({
 			disabled: e.disabled,
 			type: e.type,
 			size: e.size,
@@ -534,7 +547,7 @@ var Ce = /* @__PURE__ */ x({
 			onBlur: o,
 			onFocus: s,
 			onChange: c
-		}), y({ _: 2 }, [
+		}), b({ _: 2 }, [
 			"append" in t.$slots ? {
 				name: "append",
 				fn: B(() => [N(t.$slots, "append")]),
@@ -557,7 +570,7 @@ var Ce = /* @__PURE__ */ x({
 			} : void 0
 		]), 1040, ["modelValue"]));
 	}
-}), ze = /* @__PURE__ */ x({
+}), He = /* @__PURE__ */ S({
 	__name: "InputNumber",
 	props: /*@__PURE__*/ T({
 		align: {},
@@ -580,7 +593,7 @@ var Ce = /* @__PURE__ */ x({
 	}),
 	emits: /*@__PURE__*/ T(["blur", "focus"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = L(e, "modelValue"), { t: i } = h(w(X)), a = w(Q, void 0);
+		let n = t, r = L(e, "modelValue"), { t: i } = g(w(X)), a = w(Z, void 0);
 		if (a?.required) {
 			let { label: e, validator: t } = a;
 			a.validator = () => e && !r.value ? i("el.validation.inputNumber", { label: e }) : t?.();
@@ -590,7 +603,7 @@ var Ce = /* @__PURE__ */ x({
 		}, s = (e) => {
 			n("blur", e);
 		};
-		return (t, n) => (k(), v(I(u), E({
+		return (t, n) => (k(), y(I(u), E({
 			align: e.align,
 			controls: e.controls,
 			disabled: e.disabled,
@@ -607,7 +620,7 @@ var Ce = /* @__PURE__ */ x({
 			"onUpdate:modelValue": n[0] ||= (e) => r.value = e,
 			onBlur: s,
 			onFocus: o
-		}), y({ _: 2 }, ["prefix" in t.$slots ? {
+		}), b({ _: 2 }, ["prefix" in t.$slots ? {
 			name: "prefix",
 			fn: B(() => [N(t.$slots, "prefix")]),
 			key: "0"
@@ -617,15 +630,15 @@ var Ce = /* @__PURE__ */ x({
 			key: "1"
 		} : void 0]), 1040, ["modelValue"]));
 	}
-}), Be = /* @__PURE__ */ x({
+}), Ue = /* @__PURE__ */ S({
 	__name: "Pagination",
 	props: /*@__PURE__*/ T({
 		background: { type: Boolean },
-		defaultPageSize: { default: 20 },
 		layout: {},
 		pageSizes: {},
 		size: {},
-		total: {}
+		total: {},
+		defaultPageSize: {}
 	}, {
 		currentPage: {},
 		currentPageModifiers: {},
@@ -634,21 +647,21 @@ var Ce = /* @__PURE__ */ x({
 	}),
 	emits: /*@__PURE__*/ T(["currentChange", "sizeChange"], ["update:currentPage", "update:pageSize"]),
 	setup(e, { emit: t }) {
-		let n = w(Z), r = t, i = L(e, "currentPage"), a = L(e, "pageSize"), o = n?.pagination;
-		return h(w(X)), (t, n) => (k(), v(I(te), E({
+		let n = t, r = L(e, "currentPage"), i = L(e, "pageSize"), a = Q("pagination"), o = v(() => e.layout ?? a.value?.layout), s = v(() => e.defaultPageSize ?? a.value?.defaultPageSize);
+		return g(w(X)), (t, a) => (k(), y(I(ee), E({
 			size: e.size,
 			total: e.total,
 			pageSizes: e.pageSizes,
 			background: e.background,
-			layout: e.layout ?? I(o)?.layout
+			layout: o.value
 		}, {
-			"current-page": i.value,
-			"onUpdate:currentPage": n[0] ||= (e) => i.value = e,
-			"page-size": a.value,
-			"onUpdate:pageSize": n[1] ||= (e) => a.value = e,
-			"default-page-size": e.defaultPageSize,
-			onSizeChange: n[2] ||= (e) => r("sizeChange", e),
-			onCurrentChange: n[3] ||= (e) => r("currentChange", e)
+			"current-page": r.value,
+			"onUpdate:currentPage": a[0] ||= (e) => r.value = e,
+			"page-size": i.value,
+			"onUpdate:pageSize": a[1] ||= (e) => i.value = e,
+			"default-page-size": s.value,
+			onSizeChange: a[2] ||= (e) => n("sizeChange", e),
+			onCurrentChange: a[3] ||= (e) => n("currentChange", e)
 		}), {
 			default: B(() => [N(t.$slots, "default")]),
 			_: 3
@@ -658,7 +671,7 @@ var Ce = /* @__PURE__ */ x({
 			"default-page-size"
 		]));
 	}
-}), Ve = /* @__PURE__ */ x({
+}), We = /* @__PURE__ */ S({
 	__name: "Select",
 	props: /*@__PURE__*/ T({
 		allowCreate: { type: Boolean },
@@ -691,7 +704,7 @@ var Ce = /* @__PURE__ */ x({
 		"focus"
 	], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = t, r = L(e, "modelValue"), { t: i } = h(w(X)), a = j([]), o = q(() => e.data ?? [], e.factory), s = _(() => [...q(a, e.factory).value, ...o.value]), c = (t) => {
+		let n = t, r = L(e, "modelValue"), { t: i } = g(w(X)), a = j([]), o = q(() => e.data ?? [], e.factory), s = v(() => [...q(a, e.factory).value, ...o.value]), c = (t) => {
 			if (typeof t == "object") {
 				if (e.identify) return e.identify(t);
 				throw Error("`identify` is required when value's type extends `object` or `object[]`");
@@ -703,7 +716,7 @@ var Ce = /* @__PURE__ */ x({
 				n === u && i && (a.value = i);
 			} else a.value = [];
 		}, { immediate: !0 });
-		let te = _(() => s.value.map((e) => {
+		let ee = v(() => s.value.map((e) => {
 			let t = c(e.value);
 			return {
 				disabled: e.disabled,
@@ -712,28 +725,28 @@ var Ce = /* @__PURE__ */ x({
 				render: e.render,
 				value: t
 			};
-		})), d = _({
+		})), f = v({
 			get: () => r.value && (Array.isArray(r.value) ? r.value.map(c) : c(r.value)),
 			set: (t) => {
 				Array.isArray(t) ? r.value = t.map((e) => l(e)) : r.value = t === void 0 ? void 0 : l(t) ?? (e.allowCreate ? t : void 0);
 			}
-		}), f = w(Q, void 0);
-		if (f?.required) {
-			let { label: e, validator: t } = f;
-			f.validator = () => e && (!r.value || Array.isArray(r.value) && r.value.length === 0) ? i("el.validation.select", { label: e }) : t?.();
+		}), p = w(Z, void 0);
+		if (p?.required) {
+			let { label: e, validator: t } = p;
+			p.validator = () => e && (!r.value || Array.isArray(r.value) && r.value.length === 0) ? i("el.validation.select", { label: e }) : t?.();
 		}
-		let re = (e) => {
-			n("blur", e), f?.validate?.();
-		}, p = (e) => {
-			n("focus", e);
+		let ne = (e) => {
+			n("blur", e), p?.validate?.();
 		}, m = (e) => {
+			n("focus", e);
+		}, h = (e) => {
 			n("change", e);
-		}, y = (e) => b(ee, {
+		}, b = (e) => x(d, {
 			disabled: e.disabled,
 			label: e.label,
 			value: e.value
 		}, { default: () => e.render?.() ?? e.label });
-		return (t, n) => (k(), v(I(ne), E({
+		return (t, n) => (k(), y(I(te), E({
 			placeholder: e.placeholder ?? I(i)("el.select.placeholder"),
 			disabled: e.disabled,
 			allowCreate: e.allowCreate,
@@ -748,13 +761,13 @@ var Ce = /* @__PURE__ */ x({
 			collapseTagsTooltip: e.collapseTagsTooltip,
 			defaultFirstOption: e.defaultFirstOption || e.allowCreate
 		}, {
-			modelValue: d.value,
-			"onUpdate:modelValue": n[0] ||= (e) => d.value = e,
-			onBlur: re,
-			onFocus: p,
-			onChange: m
+			modelValue: f.value,
+			"onUpdate:modelValue": n[0] ||= (e) => f.value = e,
+			onBlur: ne,
+			onFocus: m,
+			onChange: h
 		}), {
-			default: B(() => [(k(!0), ie(g, null, M(te.value, (e) => (k(), v(y, {
+			default: B(() => [(k(!0), re(_, null, M(ee.value, (e) => (k(), y(b, {
 				key: e.key,
 				label: e.label,
 				value: e.value,
@@ -769,7 +782,7 @@ var Ce = /* @__PURE__ */ x({
 			_: 1
 		}, 16, ["modelValue"]));
 	}
-}), He = /* @__PURE__ */ x({
+}), Ge = /* @__PURE__ */ S({
 	__name: "Table",
 	props: {
 		cellClassName: { type: [Function, String] },
@@ -807,19 +820,19 @@ var Ce = /* @__PURE__ */ x({
 		"selectionChange"
 	],
 	setup(e, { expose: t, emit: n }) {
-		let r = n, i = w(Z)?.table, a = R("table");
+		let r = n, i = R("table");
 		t({
-			clearSelection: () => a.value?.clearSelection(),
-			doLayout: () => a.value?.doLayout(),
-			getSelectionRows: () => a.value?.getSelectionRows(),
-			scrollTo: (e, t) => a.value?.scrollTo(e, t),
-			setCurrentRow: (e) => a.value?.setCurrentRow(e),
-			setScrollLeft: (e) => a.value?.setScrollLeft(e),
-			setScrollTop: (e) => a.value?.setScrollTop(e),
-			toggleAllSelection: () => a.value?.toggleAllSelection(),
-			toggleRowSelection: (e, t, n) => a.value?.toggleRowSelection(e, t, n)
-		}), A(Te, !0);
-		let o = /* @__PURE__ */ x((e) => () => b(re, {
+			clearSelection: () => i.value?.clearSelection(),
+			doLayout: () => i.value?.doLayout(),
+			getSelectionRows: () => i.value?.getSelectionRows(),
+			scrollTo: (e, t) => i.value?.scrollTo(e, t),
+			setCurrentRow: (e) => i.value?.setCurrentRow(e),
+			setScrollLeft: (e) => i.value?.setScrollLeft(e),
+			setScrollTop: (e) => i.value?.setScrollTop(e),
+			toggleAllSelection: () => i.value?.toggleAllSelection(),
+			toggleRowSelection: (e, t, n) => i.value?.toggleRowSelection(e, t, n)
+		}), A(De, !0);
+		let a = /* @__PURE__ */ S((e) => () => x(ne, {
 			align: e.align,
 			columnKey: e.columnKey,
 			fixed: e.fixed,
@@ -845,10 +858,10 @@ var Ce = /* @__PURE__ */ x({
 			"selectable",
 			"type",
 			"width"
-		] });
-		return (t, n) => (k(), v(I(f), E({
+		] }), o = Q("table"), s = v(() => e.align ?? o.value?.align), c = v(() => e.border ?? o.value?.border), l = v(() => e.showOverflowTooltip ?? o.value?.showOverflowTooltip), u = v(() => e.fit ?? o.value?.fit), d = v(() => e.headerAlign ?? o.value?.headerAlign);
+		return (t, n) => (k(), y(I(p), E({
 			ref_key: "table",
-			ref: a,
+			ref: i,
 			data: e.data
 		}, {
 			height: e.height,
@@ -861,24 +874,24 @@ var Ce = /* @__PURE__ */ x({
 			summaryMethod: e.summaryMethod,
 			size: e.size,
 			rowKey: e.rowKey,
-			showOverflowTooltip: e.showOverflowTooltip ?? I(i)?.showOverflowTooltip,
-			fit: e.fit ?? I(i)?.fit,
-			border: e.border ?? I(i)?.border
+			showOverflowTooltip: l.value,
+			fit: u.value,
+			border: c.value
 		}, {
 			onRowClick: n[0] ||= (e) => r("rowClick", e),
 			onRowDblclick: n[1] ||= (e) => r("rowDblclick", e),
 			onSelectionChange: n[2] ||= (e) => r("selectionChange", e),
 			onHeaderDragend: n[3] ||= (e, t, n) => r("headerDragend", e, t, n)
 		}), {
-			default: B(() => [(k(!0), ie(g, null, M(e.columns, (t) => (k(), v(I(o), E({ ref_for: !0 }, {
-				align: e.align ?? I(i)?.align,
-				headerAlign: e.headerAlign ?? I(i)?.headerAlign,
-				...t
+			default: B(() => [(k(!0), re(_, null, M(e.columns, (e) => (k(), y(I(a), E({ ref_for: !0 }, {
+				align: s.value,
+				headerAlign: d.value,
+				...e
 			}), null, 16))), 256))]),
 			_: 1
 		}, 16, ["data"]));
 	}
-}), Ue = /* @__PURE__ */ x({
+}), Ke = /* @__PURE__ */ S({
 	__name: "TabPane",
 	props: {
 		closable: { type: Boolean },
@@ -891,7 +904,7 @@ var Ce = /* @__PURE__ */ x({
 		return t({
 			label: e.label,
 			name: e.name
-		}), A(Oe, !0), A(Ae, e.name), (t, n) => (k(), v(I(d), D(C({
+		}), A(Ae, !0), A(Me, e.name), (t, n) => (k(), y(I(f), D(C({
 			label: e.label,
 			name: e.name,
 			disabled: e.disabled,
@@ -902,7 +915,7 @@ var Ce = /* @__PURE__ */ x({
 			_: 3
 		}, 16));
 	}
-}), We = /* @__PURE__ */ x({
+}), qe = /* @__PURE__ */ S({
 	__name: "Tabs",
 	props: /*@__PURE__*/ T({
 		addable: { type: Boolean },
@@ -920,9 +933,9 @@ var Ce = /* @__PURE__ */ x({
 	], ["update:modelValue"]),
 	setup(e) {
 		let t = L(e, "modelValue");
-		A(De, !0);
+		A(ke, !0);
 		let n = de();
-		return A(je, n), n.on((e) => t.value = e), (n, r) => (k(), v(I(p), E({
+		return A(Ne, n), n.on((e) => t.value = e), (n, r) => (k(), y(I(m), E({
 			addable: e.addable,
 			editable: e.editable,
 			tabPosition: e.tabPosition,
@@ -933,7 +946,7 @@ var Ce = /* @__PURE__ */ x({
 			onTabChange: r[1] ||= (e) => n.$emit("change", e),
 			onTabRemove: r[2] ||= (e) => n.$emit("remove", e),
 			onEdit: r[3] ||= (e, t) => n.$emit("edit", e, t)
-		}), y({
+		}), b({
 			default: B(() => [N(n.$slots, "default")]),
 			_: 2
 		}, ["addIcon" in n.$slots ? {
@@ -942,7 +955,7 @@ var Ce = /* @__PURE__ */ x({
 			key: "0"
 		} : void 0]), 1040, ["modelValue"]));
 	}
-}), Ge = /* @__PURE__ */ x({
+}), Je = /* @__PURE__ */ S({
 	__name: "Upload",
 	props: {
 		accept: {},
@@ -962,7 +975,7 @@ var Ce = /* @__PURE__ */ x({
 		}
 	},
 	setup(e) {
-		let t = w(Q, void 0);
+		let t = w(Z, void 0);
 		if (t?.required) {
 			let { validator: e } = t;
 			t.validator = () => e?.();
@@ -974,7 +987,7 @@ var Ce = /* @__PURE__ */ x({
 		}, i = (t) => {
 			e.onPreview?.(t);
 		};
-		return (t, a) => (k(), v(I(m), D(C({
+		return (t, a) => (k(), y(I(h), D(C({
 			action: e.action,
 			disabled: e.disabled,
 			accept: e.accept,
@@ -987,7 +1000,7 @@ var Ce = /* @__PURE__ */ x({
 			onPreview: i,
 			onSuccess: n,
 			onRemove: r
-		})), y({
+		})), b({
 			default: B(() => [N(t.$slots, "default")]),
 			_: 2
 		}, [
@@ -1011,23 +1024,23 @@ var Ce = /* @__PURE__ */ x({
 			} : void 0
 		]), 1040));
 	}
-}), Ke = /* @__PURE__ */ H({
-	XButton: () => Ce,
-	XCascader: () => Me,
-	XCheckbox: () => Ne,
-	XConfigProvider: () => Pe,
-	XDatePicker: () => $,
-	XDialog: () => Fe,
-	XForm: () => Ie,
-	XFormItem: () => Le,
-	XInput: () => Re,
-	XInputNumber: () => ze,
-	XPagination: () => Be,
-	XSelect: () => Ve,
-	XTabPane: () => Ue,
-	XTable: () => He,
-	XTabs: () => We,
-	XUpload: () => Ge
+}), Ye = /* @__PURE__ */ H({
+	XButton: () => we,
+	XCascader: () => Pe,
+	XCheckbox: () => Fe,
+	XConfigProvider: () => Ie,
+	XDatePicker: () => Re,
+	XDialog: () => ze,
+	XForm: () => Be,
+	XFormItem: () => Ve,
+	XInput: () => $,
+	XInputNumber: () => He,
+	XPagination: () => Ue,
+	XSelect: () => We,
+	XTabPane: () => Ke,
+	XTable: () => Ge,
+	XTabs: () => qe,
+	XUpload: () => Je
 });
 //#endregion
-export { H as A, Y as C, _e as D, U as E, q as O, ve as S, K as T, Z as _, He as a, X as b, ze as c, Ie as d, Fe as f, Me as g, Ne as h, Ue as i, ge as k, Re as l, Pe as m, Ge as n, Ve as o, $ as p, We as r, Be as s, Ke as t, Le as u, we as v, Se as w, Ce as x, Te as y };
+export { H as A, Y as C, _e as D, U as E, q as O, ye as S, K as T, Te as _, Ge as a, X as b, He as c, Be as d, ze as f, Pe as g, Fe as h, Ke as i, ge as k, $ as l, Ie as m, Je as n, We as o, Re as p, qe as r, Ue as s, Ye as t, Ve as u, Ee as v, Ce as w, we as x, De as y };