@pungfe/element 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/index.d.ts

@@ -1,21 +1,40 @@
 export { default as XButton } from './basic/XButton.vue';
+export * from './basic/XButton.vue';
 export { default as XCascader } from './basic/XCascader.vue';
+export * from './basic/XCheckbox.vue';
 export { default as XCheckbox } from './basic/XCheckbox.vue';
 export { default as XColorPicker } from './basic/XColorPicker.vue';
+export * from './basic/XColorPicker.vue';
 export { default as XDialog } from './basic/XDialog.vue';
+export * from './basic/XDialog.vue';
 export { default as XDivider } from './basic/XDivider.vue';
-export { default as XForm, XFormItem } from './basic/XForm.vue';
+export * from './basic/XDivider.vue';
+export { default as XForm } from './basic/XForm.vue';
+export * from './basic/XForm.vue';
 export { default as XImage } from './basic/XImage.vue';
+export * from './basic/XImage.vue';
 export { default as XInput } from './basic/XInput.vue';
+export * from './basic/XInput.vue';
 export { default as XInputNumber } from './basic/XInputNumber.vue';
+export * from './basic/XInputNumber.vue';
 export { default as XPagination } from './basic/XPagination.vue';
+export * from './basic/XPagination.vue';
 export { default as XRate } from './basic/XRate.vue';
+export * from './basic/XRate.vue';
 export { default as XReconfirm } from './basic/XReconfirm.vue';
+export * from './basic/XReconfirm.vue';
 export { default as XScrollbar } from './basic/XScrollbar.vue';
+export * from './basic/XScrollbar.vue';
 export { default as XSelect } from './basic/XSelect.vue';
+export * from './basic/XSelect.vue';
 export { default as XSpace } from './basic/XSpace.vue';
+export * from './basic/XSpace.vue';
 export { default as XTable } from './basic/XTable.vue';
+export * from './basic/XTable.vue';
 export { default as XTabs } from './basic/XTabs.vue';
+export * from './basic/XTabs.vue';
 export { default as XText } from './basic/XText.vue';
+export * from './basic/XText.vue';
 export { default as XUpload } from './basic/XUpload.vue';
+export * from './basic/XUpload.vue';
 export * from './constants';

package/dist/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as y, openBlock as m, createBlock as b, unref as h, mergeProps as C, withCtx as g, renderSlot as E, useModel as x, inject as p, mergeModels as B, computed as V, toValue as P, onMounted as K, nextTick as ne, getCurrentScope as ie, onScopeDispose as re, getCurrentInstance as G, shallowRef as N, watch as W, createElementBlock as j, Fragment as Y, renderList as J, useSlots as de, createSlots as ue, normalizeProps as $, guardReactiveProps as O, ref as F, provide as L, createVNode as k, resolveComponent as U, createTextVNode as q, useTemplateRef as Z, toDisplayString as se, normalizeClass as ce } from "vue";
-import { ElButton as fe, ElCascader as me, ElCheckboxGroup as pe, ElCheckbox as be, ElColorPicker as ye, ElDialog as ve, ElDivider as ge, ElForm as he, ElFormItem as Be, ElMessage as ee, ElImage as we, ElInput as Ve, ElPagination as Ce, ElRate as Ee, ElPopconfirm as xe, ElScrollbar as Te, ElSpace as Se, ElTable as Xe, ElTableColumn as ze, ElTabs as ke, ElText as Ie, ElUpload as Ae } from "element-plus";
-const We = /* @__PURE__ */ y({
+import { defineComponent as b, openBlock as m, createBlock as y, unref as h, mergeProps as C, withCtx as g, renderSlot as E, useModel as x, inject as p, mergeModels as B, computed as V, toValue as L, onMounted as K, nextTick as re, getCurrentScope as de, onScopeDispose as ue, getCurrentInstance as G, shallowRef as N, watch as W, createElementBlock as j, Fragment as Y, renderList as J, useSlots as se, createSlots as ce, normalizeProps as O, guardReactiveProps as M, ref as F, provide as $, createVNode as z, resolveComponent as U, createTextVNode as q, useTemplateRef as Z, toDisplayString as fe, normalizeClass as me } from "vue";
+import { ElButton as pe, ElCascader as be, ElCheckboxGroup as ye, ElCheckbox as ve, ElColorPicker as ge, ElDialog as he, ElDivider as Be, ElForm as we, ElFormItem as Ve, ElMessage as ee, ElImage as Ce, ElInput as Ee, ElPagination as xe, ElRate as Te, ElPopconfirm as Xe, ElScrollbar as Se, ElSpace as ze, ElTable as ke, ElTableColumn as Ie, ElTabs as Ae, ElTabPane as $e, ElText as Oe, ElUpload as Me } from "element-plus";
+const je = /* @__PURE__ */ b({
   __name: "XButton",
   props: {
     size: {},
@@ -25,7 +25,7 @@ const We = /* @__PURE__ */ y({
   emits: ["click"],
   setup(e, { emit: t }) {
     const o = e, n = t;
-    return (l, i) => (m(), b(h(fe), C(o, {
+    return (l, i) => (m(), y(h(pe), C(o, {
       onClick: i[0] || (i[0] = (r) => n("click", r))
     }), {
       default: g(() => [
@@ -34,15 +34,15 @@ const We = /* @__PURE__ */ y({
       _: 3
     }, 16));
   }
-}), M = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL"), te = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS"), z = /* @__PURE__ */ Symbol(
+}), P = /* @__PURE__ */ Symbol("X_FORM_ITEM_LABEL"), te = /* @__PURE__ */ Symbol("X_FORM_VALIDATIONS"), k = /* @__PURE__ */ Symbol(
   "X_FORM_ITEM_VALIDATION"
-), $e = /* @__PURE__ */ Symbol(
+), Pe = /* @__PURE__ */ Symbol(
   "X_FORM_TAB_UPDATE_HOOK"
-), Oe = /* @__PURE__ */ Symbol("X_TAB_PANES"), Me = /* @__PURE__ */ Symbol("X_TAB_PANE"), D = /* @__PURE__ */ Symbol(
+), ae = /* @__PURE__ */ Symbol("X_TAB_PANES"), le = /* @__PURE__ */ Symbol("X_TAB_PANE"), D = /* @__PURE__ */ Symbol(
   "X_TABLE_QUERY_UPDATE_HOOK"
 ), H = /* @__PURE__ */ Symbol(
   "X_TABLE_QUERY_EXECUTE_HOOK"
-), je = /* @__PURE__ */ y({
+), Ke = /* @__PURE__ */ b({
   __name: "XCascader",
   props: /* @__PURE__ */ B({
     clearable: {
@@ -64,7 +64,7 @@ const We = /* @__PURE__ */ y({
   setup(e, {
     emit: t
   }) {
-    const o = e, n = t, l = x(e, "modelValue"), i = p(z, void 0);
+    const o = e, n = t, l = x(e, "modelValue"), i = p(k, void 0);
     if (i?.required) {
       const {
         validator: c,
@@ -72,12 +72,12 @@ const We = /* @__PURE__ */ y({
       } = i;
       i.validator = () => l.value ? c?.() : `请输入${d}`;
     }
-    const r = p(M, void 0), a = p(D, void 0), u = p(H, void 0);
+    const r = p(P, void 0), a = p(D, void 0), u = p(H, void 0);
     a?.on(([c, d]) => r === c && d === void 0 && (l.value = void 0)), u?.on(() => r && a?.trigger([r, l.value]));
     const s = () => {
       i?.validate(), n("blur");
     };
-    return (c, d) => (m(), b(h(me), C(o, {
+    return (c, d) => (m(), y(h(be), C(o, {
       modelValue: l.value,
       "onUpdate:modelValue": d[0] || (d[0] = (w) => l.value = w),
       onBlur: s
@@ -85,48 +85,48 @@ const We = /* @__PURE__ */ y({
   }
 });
 function Re(e, t) {
-  return ie() ? (re(e, t), !0) : !1;
+  return de() ? (ue(e, t), !0) : !1;
 }
-const Pe = typeof window < "u" && typeof document < "u";
+const Le = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function Le(e) {
+function Ue(e) {
   return Array.isArray(e) ? e : [e];
 }
-function Ue(e) {
+function Fe(e) {
   return G();
 }
-function Fe(e, t = !0, o) {
-  Ue() ? K(e, o) : t ? e() : ne(e);
+function De(e, t = !0, o) {
+  Fe() ? K(e, o) : t ? e() : re(e);
 }
 // @__NO_SIDE_EFFECTS__
 function Q(e, t) {
-  return V(() => P(e).map((o) => P(o)).map(t));
+  return V(() => L(e).map((o) => L(o)).map(t));
 }
-const ae = Pe ? window : void 0;
+const oe = Le ? window : void 0;
 function I(e) {
   var t;
-  const o = P(e);
+  const o = L(e);
   return (t = o?.$el) !== null && t !== void 0 ? t : o;
 }
 // @__NO_SIDE_EFFECTS__
-function De() {
+function He() {
   const e = N(!1), t = G();
   return t && K(() => {
     e.value = !0;
   }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
-function He(e) {
-  const t = /* @__PURE__ */ De();
+function _e(e) {
+  const t = /* @__PURE__ */ He();
   return V(() => (t.value, !!e()));
 }
-function _e(e, t, o = {}) {
-  const { window: n = ae, ...l } = o;
+function Ne(e, t, o = {}) {
+  const { window: n = oe, ...l } = o;
   let i;
-  const r = /* @__PURE__ */ He(() => n && "ResizeObserver" in n), a = () => {
+  const r = /* @__PURE__ */ _e(() => n && "ResizeObserver" in n), a = () => {
     i && (i.disconnect(), i = void 0);
   }, u = W(V(() => {
-    const c = P(e);
+    const c = L(e);
     return Array.isArray(c) ? c.map((d) => I(d)) : [I(c)];
   }), (c) => {
     if (a(), r.value && n) {
@@ -144,28 +144,28 @@ function _e(e, t, o = {}) {
     stop: s
   };
 }
-function Ne(e, t = {
+function qe(e, t = {
   width: 0,
   height: 0
 }, o = {}) {
-  const { window: n = ae, box: l = "content-box" } = o, i = V(() => {
+  const { window: n = oe, box: l = "content-box" } = o, i = V(() => {
     var d;
     return (d = I(e)) === null || d === void 0 || (d = d.namespaceURI) === null || d === void 0 ? void 0 : d.includes("svg");
-  }), r = N(t.width), a = N(t.height), { stop: u } = _e(e, ([d]) => {
+  }), r = N(t.width), a = N(t.height), { stop: u } = Ne(e, ([d]) => {
     const w = l === "border-box" ? d.borderBoxSize : l === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
     if (n && i.value) {
       const T = I(e);
       if (T) {
-        const S = T.getBoundingClientRect();
-        r.value = S.width, a.value = S.height;
+        const X = T.getBoundingClientRect();
+        r.value = X.width, a.value = X.height;
       }
     } else if (w) {
-      const T = Le(w);
-      r.value = T.reduce((S, { inlineSize: A }) => S + A, 0), a.value = T.reduce((S, { blockSize: A }) => S + A, 0);
+      const T = Ue(w);
+      r.value = T.reduce((X, { inlineSize: A }) => X + A, 0), a.value = T.reduce((X, { blockSize: A }) => X + A, 0);
     } else
       r.value = d.contentRect.width, a.value = d.contentRect.height;
   }, o);
-  Fe(() => {
+  De(() => {
     const d = I(e);
     d && (r.value = "offsetWidth" in d ? d.offsetWidth : t.width, a.value = "offsetHeight" in d ? d.offsetHeight : t.height);
   });
@@ -181,7 +181,7 @@ function Ne(e, t = {
     stop: c
   };
 }
-const Ke = /* @__PURE__ */ y({
+const Ge = /* @__PURE__ */ b({
   __name: "XCheckbox",
   props: /* @__PURE__ */ B({
     data: {},
@@ -241,7 +241,7 @@ const Ke = /* @__PURE__ */ y({
     })), a = V({
       get: () => t.value && t.value.map(l),
       set: (s) => t.value = Array.isArray(s) ? s.map((c) => i(c)) : []
-    }), u = p(z, void 0);
+    }), u = p(k, void 0);
     if (u?.required) {
       const {
         validator: s,
@@ -249,14 +249,14 @@ const Ke = /* @__PURE__ */ y({
       } = u;
       u.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请选择${c}` : s?.();
     }
-    return (s, c) => (m(), b(h(pe), C({
+    return (s, c) => (m(), y(h(ye), C({
       modelValue: a.value,
       "onUpdate:modelValue": c[0] || (c[0] = (d) => a.value = d)
     }, {
       disabled: e.disabled,
       size: e.size
     }), {
-      default: g(() => [(m(!0), j(Y, null, J(r.value, (d) => (m(), b(h(be), {
+      default: g(() => [(m(!0), j(Y, null, J(r.value, (d) => (m(), y(h(ve), {
         key: d.key,
         disabled: d.disabled,
         label: d.label,
@@ -265,7 +265,7 @@ const Ke = /* @__PURE__ */ y({
       _: 1
     }, 16, ["modelValue"]));
   }
-}), Ge = /* @__PURE__ */ y({
+}), Ye = /* @__PURE__ */ b({
   __name: "XColorPicker",
   props: /* @__PURE__ */ B({
     clearable: {
@@ -281,7 +281,7 @@ const Ke = /* @__PURE__ */ y({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = x(e, "modelValue"), n = p(z, void 0);
+    const t = e, o = x(e, "modelValue"), n = p(k, void 0);
     if (n?.required) {
       const {
         validator: a,
@@ -289,13 +289,13 @@ const Ke = /* @__PURE__ */ y({
       } = n;
       n.validator = () => o.value ? a?.() : `请输入${u}`;
     }
-    const l = p(M, void 0), i = p(D, void 0), r = p(H, void 0);
-    return i?.on(([a, u]) => l === a && u === void 0 && (o.value = void 0)), r?.on(() => l && i?.trigger([l, o.value])), (a, u) => (m(), b(h(ye), C(t, {
+    const l = p(P, void 0), i = p(D, void 0), r = p(H, void 0);
+    return i?.on(([a, u]) => l === a && u === void 0 && (o.value = void 0)), r?.on(() => l && i?.trigger([l, o.value])), (a, u) => (m(), y(h(ge), C(t, {
       modelValue: o.value,
       "onUpdate:modelValue": u[0] || (u[0] = (s) => o.value = s)
     }), null, 16, ["modelValue"]));
   }
-}), Ye = /* @__PURE__ */ y({
+}), Je = /* @__PURE__ */ b({
   __name: "XDialog",
   props: /* @__PURE__ */ B({
     title: {},
@@ -311,13 +311,13 @@ const Ke = /* @__PURE__ */ y({
     const {
       header: t,
       footer: o
-    } = de(), n = x(e, "modelValue");
-    return (l, i) => (m(), b(h(ve), {
+    } = se(), n = x(e, "modelValue");
+    return (l, i) => (m(), y(h(he), {
       modelValue: n.value,
       "onUpdate:modelValue": i[0] || (i[0] = (r) => n.value = r),
       title: e.title,
       "body-class": `flex flex-col ${e.bodyClass}`
-    }, ue({
+    }, ce({
       default: g(() => [E(l.$slots, "default")]),
       _: 2
     }, [t ? {
@@ -330,7 +330,7 @@ const Ke = /* @__PURE__ */ y({
       key: "1"
     } : void 0]), 1032, ["modelValue", "title", "body-class"]));
   }
-}), Je = /* @__PURE__ */ y({
+}), Ze = /* @__PURE__ */ b({
   __name: "XDivider",
   props: {
     direction: {},
@@ -339,17 +339,17 @@ const Ke = /* @__PURE__ */ y({
   },
   setup(e) {
     const t = e;
-    return (o, n) => (m(), b(h(ge), $(O(t)), {
+    return (o, n) => (m(), y(h(Be), O(M(t)), {
       default: g(() => [
         E(o.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), Ze = /* @__PURE__ */ y((e, {
+}), et = /* @__PURE__ */ b((e, {
   expose: t
 }) => {
-  const o = p(Me, void 0), n = p($e, void 0), l = F(), i = {
+  const o = p(le, void 0), n = p(Pe, void 0), l = F(), i = {
     label: e.label,
     required: e.required,
     clearValidate() {
@@ -363,9 +363,9 @@ const Ke = /* @__PURE__ */ y({
       }), n?.trigger(o.name)), !l.value;
     }
   };
-  return p(te, void 0)?.push(i), L(z, i), t({
+  return p(te, void 0)?.push(i), $(k, i), t({
     ...i
-  }), L(M, e.label), () => k(Be, C({
+  }), $(P, e.label), () => z(Ve, C({
     label: e.label,
     labelPosition: e.labelPosition,
     labelWidth: e.labelWidth,
@@ -378,7 +378,7 @@ const Ke = /* @__PURE__ */ y({
   });
 }, {
   props: ["label", "required", "content", "tooltip"]
-}), et = /* @__PURE__ */ y({
+}), tt = /* @__PURE__ */ b({
   __name: "XForm",
   props: {
     content: {
@@ -405,7 +405,7 @@ const Ke = /* @__PURE__ */ y({
     expose: t
   }) {
     const o = F(), n = [];
-    L(te, n);
+    $(te, n);
     const l = () => n.every((a) => a.validate()), i = () => {
       o.value?.resetFields(), n.forEach((a) => a.clearValidate());
     };
@@ -417,7 +417,7 @@ const Ke = /* @__PURE__ */ y({
     const r = () => e.content?.({
       data: e.data
     });
-    return (a, u) => (m(), b(h(he), C({
+    return (a, u) => (m(), y(h(we), C({
       ref_key: "form",
       ref: o
     }, {
@@ -428,11 +428,11 @@ const Ke = /* @__PURE__ */ y({
       labelPosition: e.labelPosition,
       statusIcon: e.statusIcon
     }), {
-      default: g(() => [k(r)]),
+      default: g(() => [z(r)]),
       _: 1
     }, 16));
   }
-}), tt = /* @__PURE__ */ y({
+}), at = /* @__PURE__ */ b({
   __name: "XImage",
   props: {
     hideOnClickModal: { type: Boolean },
@@ -456,9 +456,9 @@ const Ke = /* @__PURE__ */ y({
   },
   setup(e) {
     const t = e;
-    return (o, n) => (m(), b(h(we), $(O(t)), null, 16));
+    return (o, n) => (m(), y(h(Ce), O(M(t)), null, 16));
   }
-}), at = /* @__PURE__ */ y({
+}), lt = /* @__PURE__ */ b({
   __name: "XInput",
   props: /* @__PURE__ */ B({
     clearable: {
@@ -485,7 +485,7 @@ const Ke = /* @__PURE__ */ y({
   setup(e, {
     emit: t
   }) {
-    const o = e, n = t, l = x(e, "modelValue"), i = p(z, void 0);
+    const o = e, n = t, l = x(e, "modelValue"), i = p(k, void 0);
     if (i?.required) {
       const {
         validator: d,
@@ -493,19 +493,19 @@ const Ke = /* @__PURE__ */ y({
       } = i;
       i.validator = () => l.value ? d?.() : `请输入${w}`;
     }
-    const r = p(M, void 0), a = p(D, void 0), u = p(H, void 0);
+    const r = p(P, void 0), a = p(D, void 0), u = p(H, void 0);
     a?.on(([d, w]) => r === d && w === void 0 && (l.value = void 0)), u?.on(() => r && a?.trigger([r, l.value]));
     const s = (d) => n("change", d), c = () => {
       i?.validate(), n("blur");
     };
-    return (d, w) => (m(), b(h(Ve), C(o, {
+    return (d, w) => (m(), y(h(Ee), C(o, {
       modelValue: l.value,
       "onUpdate:modelValue": w[0] || (w[0] = (T) => l.value = T),
       onBlur: c,
       onChange: s
     }), null, 16, ["modelValue"]));
   }
-}), lt = /* @__PURE__ */ y({
+}), ot = /* @__PURE__ */ b({
   __name: "XInputNumber",
   props: /* @__PURE__ */ B({
     placeholder: {
@@ -537,7 +537,7 @@ const Ke = /* @__PURE__ */ y({
   setup(e, {
     emit: t
   }) {
-    const o = e, n = t, l = x(e, "modelValue"), i = p(z, void 0);
+    const o = e, n = t, l = x(e, "modelValue"), i = p(k, void 0);
     if (i?.required) {
       const {
         validator: a,
@@ -550,14 +550,14 @@ const Ke = /* @__PURE__ */ y({
     };
     return (a, u) => {
       const s = U("ElInputNumber");
-      return m(), b(s, C(o, {
+      return m(), y(s, C(o, {
         modelValue: l.value,
         "onUpdate:modelValue": u[0] || (u[0] = (c) => l.value = c),
         onBlur: r
       }), null, 16, ["modelValue"]);
     };
   }
-}), ot = /* @__PURE__ */ y({
+}), nt = /* @__PURE__ */ b({
   __name: "XPagination",
   props: /* @__PURE__ */ B({
     sizes: { default: () => [20, 50, 100] },
@@ -591,7 +591,7 @@ const Ke = /* @__PURE__ */ y({
   emits: /* @__PURE__ */ B(["sizeChange", "currentChange"], ["update:size", "update:current"]),
   setup(e, { emit: t }) {
     const o = t, n = x(e, "size"), l = x(e, "current");
-    return (i, r) => (m(), b(h(Ce), C({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
+    return (i, r) => (m(), y(h(xe), C({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
       "current-page": l.value,
       "onUpdate:currentPage": r[0] || (r[0] = (a) => l.value = a),
       "page-size": n.value,
@@ -600,7 +600,7 @@ const Ke = /* @__PURE__ */ y({
       onCurrentChange: r[3] || (r[3] = (a) => o("currentChange", a))
     }), null, 16, ["current-page", "page-size"]));
   }
-}), nt = /* @__PURE__ */ y({
+}), it = /* @__PURE__ */ b({
   __name: "XRate",
   props: /* @__PURE__ */ B({
     ariaLabel: {},
@@ -641,12 +641,12 @@ const Ke = /* @__PURE__ */ y({
   emits: ["update:modelValue"],
   setup(e) {
     const t = e, o = x(e, "modelValue");
-    return (n, l) => (m(), b(h(Ee), C(t, {
+    return (n, l) => (m(), y(h(Te), C(t, {
       modelValue: o.value,
       "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i)
     }), null, 16, ["modelValue"]));
   }
-}), it = /* @__PURE__ */ y({
+}), rt = /* @__PURE__ */ b({
   __name: "XReconfirm",
   props: {
     title: { default: "是否执行?" }
@@ -656,7 +656,7 @@ const Ke = /* @__PURE__ */ y({
     const o = t;
     return (n, l) => {
       const i = U("XButton");
-      return m(), b(h(xe), {
+      return m(), y(h(Xe), {
         title: e.title,
         onCancel: l[0] || (l[0] = () => o("cancel")),
         onConfirm: l[1] || (l[1] = () => o("confirm"))
@@ -665,7 +665,7 @@ const Ke = /* @__PURE__ */ y({
           E(n.$slots, "default")
         ]),
         actions: g(({ confirm: r, cancel: a }) => [
-          k(i, {
+          z(i, {
             size: "small",
             onClick: a
           }, {
@@ -674,7 +674,7 @@ const Ke = /* @__PURE__ */ y({
             ])]),
             _: 1
           }, 8, ["onClick"]),
-          k(i, {
+          z(i, {
             type: "danger",
             size: "small",
             onClick: r
@@ -689,7 +689,7 @@ const Ke = /* @__PURE__ */ y({
       }, 8, ["title"]);
     };
   }
-}), rt = /* @__PURE__ */ y({
+}), dt = /* @__PURE__ */ b({
   __name: "XScrollbar",
   props: {
     ariaLabel: {},
@@ -723,14 +723,14 @@ const Ke = /* @__PURE__ */ y({
     return t({
       wrapRef: l,
       viewRef: i
-    }), (r, a) => (m(), b(h(Te), C({
+    }), (r, a) => (m(), y(h(Se), C({
       ref: "scrollbar"
     }, o), {
       default: g(() => [E(r.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), dt = /* @__PURE__ */ y({
+}), ut = /* @__PURE__ */ b({
   __name: "XSelect",
   props: /* @__PURE__ */ B({
     data: {},
@@ -852,7 +852,7 @@ const Ke = /* @__PURE__ */ y({
     let s = 0;
     W([n, i], async () => {
       if (s++, n.value) {
-        const f = [].concat(n.value).filter((_) => !i.value.map((X) => a(X.value)).includes(a(_))), v = s, R = await e.supplement?.(f);
+        const f = [].concat(n.value).filter((_) => !i.value.map((S) => a(S.value)).includes(a(_))), v = s, R = await e.supplement?.(f);
         v === s && R && (l.value = R);
       } else
         l.value = [];
@@ -871,7 +871,7 @@ const Ke = /* @__PURE__ */ y({
       set: (f) => {
         Array.isArray(f) ? n.value = f.map((v) => u(v)) : n.value = f === void 0 ? void 0 : u(f) || (e.allowCreate ? f : void 0);
       }
-    }), w = p(z, void 0);
+    }), w = p(k, void 0);
     if (w?.required) {
       const {
         validator: f,
@@ -879,14 +879,14 @@ const Ke = /* @__PURE__ */ y({
       } = w;
       w.validator = () => !n.value || Array.isArray(n.value) && n.value.length === 0 ? `请选择${v}` : f?.();
     }
-    const T = p(M, void 0), S = p(D, void 0), A = p(H, void 0);
-    S?.on(([f, v]) => T === f && v === void 0 && (d.value = void 0)), A?.on(() => T && S?.trigger([T, d.value === void 0 ? void 0 : [].concat(d.value).map((f) => c.value.find((v) => v.value === f).label).join(",")]));
-    const le = (f) => o("change", f), oe = () => {
+    const T = p(P, void 0), X = p(D, void 0), A = p(H, void 0);
+    X?.on(([f, v]) => T === f && v === void 0 && (d.value = void 0)), A?.on(() => T && X?.trigger([T, d.value === void 0 ? void 0 : [].concat(d.value).map((f) => c.value.find((v) => v.value === f).label).join(",")]));
+    const ne = (f) => o("change", f), ie = () => {
       w?.validate(), o("blur");
     };
     return (f, v) => {
       const R = U("ElOption"), _ = U("ElSelect");
-      return m(), b(_, C({
+      return m(), y(_, C({
         allowCreate: e.allowCreate,
         clearable: e.clearable,
         filterable: e.filterable,
@@ -901,23 +901,23 @@ const Ke = /* @__PURE__ */ y({
         collapseTagsTooltip: e.collapseTags
       }, {
         modelValue: d.value,
-        "onUpdate:modelValue": v[0] || (v[0] = (X) => d.value = X),
-        onBlur: oe,
-        onChange: le
+        "onUpdate:modelValue": v[0] || (v[0] = (S) => d.value = S),
+        onBlur: ie,
+        onChange: ne
       }), {
-        default: g(() => [(m(!0), j(Y, null, J(c.value, (X) => (m(), b(R, {
-          key: X.key,
-          label: X.label,
-          value: X.value
+        default: g(() => [(m(!0), j(Y, null, J(c.value, (S) => (m(), y(R, {
+          key: S.key,
+          label: S.label,
+          value: S.value
         }, {
-          default: g(() => [q(se(X.label), 1)]),
+          default: g(() => [q(fe(S.label), 1)]),
           _: 2
         }, 1032, ["label", "value"]))), 128))]),
         _: 1
       }, 16, ["modelValue"]);
     };
   }
-}), ut = /* @__PURE__ */ y({
+}), st = /* @__PURE__ */ b({
   __name: "XSpace",
   props: {
     direction: {},
@@ -937,12 +937,12 @@ const Ke = /* @__PURE__ */ y({
   },
   setup(e) {
     const t = e;
-    return (o, n) => (m(), b(h(Se), $(O(t)), {
+    return (o, n) => (m(), y(h(ze), O(M(t)), {
       default: g(() => [E(o.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), st = /* @__PURE__ */ y({
+}), ct = /* @__PURE__ */ b({
   __name: "XTable",
   props: {
     data: {},
@@ -965,7 +965,7 @@ const Ke = /* @__PURE__ */ y({
   setup(e, {
     emit: t
   }) {
-    const o = t, n = Z("container"), l = F(), i = Ne(n), r = V(() => e.height ?? i.height.value), a = () => k(Xe, C({
+    const o = t, n = Z("container"), l = F(), i = qe(n), r = V(() => e.height ?? i.height.value), a = () => z(ke, C({
       ref: l
     }, {
       data: e.data,
@@ -979,7 +979,7 @@ const Ke = /* @__PURE__ */ y({
       "onSelection-change": (u) => o("selectionChange", u),
       "onHeader-dragend": (u, s, c) => o("headerDragend", u, s, c)
     }), {
-      default: () => e.columns.map((u) => k(ze, u, {
+      default: () => e.columns.map((u) => z(Ie, u, {
         default: ({
           $index: s,
           row: c
@@ -995,10 +995,21 @@ const Ke = /* @__PURE__ */ y({
     return (u, s) => (m(), j("div", {
       ref_key: "container",
       ref: n,
-      class: ce([e.height === void 0 && "h-full"])
-    }, [k(a)], 2));
+      class: me([e.height === void 0 && "h-full"])
+    }, [z(a)], 2));
   }
-}), ct = /* @__PURE__ */ y({
+}), ft = /* @__PURE__ */ b((e, {
+  slots: t
+}) => {
+  const o = {
+    ...e
+  };
+  return p(ae, void 0)?.push(o), $(le, o), () => z($e, e, {
+    ...t
+  });
+}, {
+  props: ["label", "name", "closable", "lazy", "disabled"]
+}), mt = /* @__PURE__ */ b({
   __name: "XTabs",
   props: /* @__PURE__ */ B({
     type: {},
@@ -1023,7 +1034,7 @@ const Ke = /* @__PURE__ */ y({
     emit: t
   }) {
     const o = t, n = x(e, "modelValue");
-    return L(Oe, []), (i, r) => (m(), b(h(ke), C({
+    return $(ae, []), (i, r) => (m(), y(h(Ae), C({
       addable: e.addable,
       editable: e.editable,
       type: e.type,
@@ -1039,7 +1050,7 @@ const Ke = /* @__PURE__ */ y({
       _: 3
     }, 16, ["modelValue"]));
   }
-}), ft = /* @__PURE__ */ y({
+}), pt = /* @__PURE__ */ b({
   __name: "XText",
   props: {
     type: {},
@@ -1048,14 +1059,14 @@ const Ke = /* @__PURE__ */ y({
     } }
   },
   setup(e) {
-    return (t, o) => (m(), b(h(Ie), $(O({ type: e.type, size: e.size, truncated: e.truncated })), {
+    return (t, o) => (m(), y(h(Oe), O(M({ type: e.type, size: e.size, truncated: e.truncated })), {
       default: g(() => [
         E(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), mt = /* @__PURE__ */ y({
+}), bt = /* @__PURE__ */ b({
   __name: "XUpload",
   props: /* @__PURE__ */ B({
     action: {},
@@ -1093,7 +1104,7 @@ const Ke = /* @__PURE__ */ y({
       name: a.split("/").findLast(() => !0),
       url: a,
       uid: Number(a.slice(0, a.lastIndexOf("/")).split("/").findLast(() => !0))
-    }))), n = p(z, void 0);
+    }))), n = p(k, void 0);
     if (n?.required) {
       const {
         validator: a,
@@ -1104,7 +1115,7 @@ const Ke = /* @__PURE__ */ y({
     const l = (a) => (a.size > e.maxSize && ee.warning("文件过大,请重新选择"), a.size < e.maxSize), i = (a) => window.open(a.url), r = (a, u) => {
       t.value = Array.isArray(t.value) ? u.map((s) => s.url) : void 0;
     };
-    return (a, u) => (m(), b(h(Ae), $(O({
+    return (a, u) => (m(), y(h(Me), O(M({
       limit: e.limit,
       disabled: e.disabled,
       data: e.data,
@@ -1126,33 +1137,34 @@ const Ke = /* @__PURE__ */ y({
   }
 });
 export {
-  We as XButton,
-  je as XCascader,
-  Ke as XCheckbox,
-  Ge as XColorPicker,
-  Ye as XDialog,
-  Je as XDivider,
-  et as XForm,
-  Ze as XFormItem,
-  tt as XImage,
-  at as XInput,
-  lt as XInputNumber,
-  ot as XPagination,
-  nt as XRate,
-  it as XReconfirm,
-  rt as XScrollbar,
-  dt as XSelect,
-  ut as XSpace,
-  st as XTable,
-  ct as XTabs,
-  ft as XText,
-  mt as XUpload,
-  M as X_FORM_ITEM_LABEL,
-  z as X_FORM_ITEM_VALIDATION,
-  $e as X_FORM_TAB_UPDATE_HOOK,
+  je as XButton,
+  Ke as XCascader,
+  Ge as XCheckbox,
+  Ye as XColorPicker,
+  Je as XDialog,
+  Ze as XDivider,
+  tt as XForm,
+  et as XFormItem,
+  at as XImage,
+  lt as XInput,
+  ot as XInputNumber,
+  nt as XPagination,
+  it as XRate,
+  rt as XReconfirm,
+  dt as XScrollbar,
+  ut as XSelect,
+  st as XSpace,
+  ft as XTabPane,
+  ct as XTable,
+  mt as XTabs,
+  pt as XText,
+  bt as XUpload,
+  P as X_FORM_ITEM_LABEL,
+  k as X_FORM_ITEM_VALIDATION,
+  Pe as X_FORM_TAB_UPDATE_HOOK,
   te as X_FORM_VALIDATIONS,
   H as X_TABLE_QUERY_EXECUTE_HOOK,
   D as X_TABLE_QUERY_UPDATE_HOOK,
-  Me as X_TAB_PANE,
-  Oe as X_TAB_PANES
+  le as X_TAB_PANE,
+  ae as X_TAB_PANES
 };

package/dist/resolver.d.ts

@@ -1,2 +1,3 @@
 import { ComponentResolver } from 'unplugin-vue-components';
-export declare const resolver: () => ComponentResolver;
+declare const _default: () => ComponentResolver;
+export default _default;

package/dist/resolver.js

@@ -30,5 +30,5 @@ const X = [
   }
 });
 export {
-  r as resolver
+  r as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pungfe/element",
   "type": "module",
-  "version": "0.0.1-alpha.5",
+  "version": "0.0.1-alpha.7",
   "description": "Element Plus Components",
   "author": "pungfen <fp94214@gmail.com> (https://github.com/pungfen/)",
   "license": "MIT",