@pungfe/element 0.0.1-alpha.15 → 0.0.1-alpha.16

package/README.md

@@ -1,2 +1,3 @@
 # @pungfe/element
-npm publish --access public --tag alpha
+
+npm publish --access public --tag alpha

package/dist/basic/XTable.vue.d.ts

@@ -42,7 +42,9 @@ declare const _default: <D>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         readonly onSelectionChange?: ((rows: D[]) => any) | undefined;
         readonly onHeaderDragend?: ((newWidth: number, oldWidth: number, column: TableColumnCtx) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onRowClick" | "onSelectionChange" | "onHeaderDragend"> & XTableProps<D> & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        toggleRowSelection: (row: D, selected?: boolean, ignoreSelectable?: boolean) => void | undefined;
+    }>): void;
     attrs: any;
     slots: {};
     emit: ((evt: "rowClick", row: D) => void) & ((evt: "selectionChange", rows: D[]) => void) & ((evt: "headerDragend", newWidth: number, oldWidth: number, column: TableColumnCtx) => void);

package/dist/index.js

@@ -23,9 +23,9 @@ const Fe = /* @__PURE__ */ v({
     tag: {}
   },
   emits: ["click"],
-  setup(e, { emit: a }) {
-    const t = e, i = a;
-    return (l, o) => (p(), h(B(me), x(t, {
+  setup(e, { emit: t }) {
+    const a = e, i = t;
+    return (l, o) => (p(), h(B(me), x(a, {
       onClick: o[0] || (o[0] = (n) => i("click", n))
     }), {
       default: g(() => [
@@ -62,30 +62,30 @@ const Fe = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = e, i = a, l = E(e, "modelValue"), o = m(I, void 0);
+    const a = e, i = t, l = E(e, "modelValue"), o = m(I, void 0);
     if (o?.required) {
       const {
-        validator: c,
+        validator: s,
         label: d
       } = o;
-      o.validator = () => l.value ? c?.() : `请输入${d}`;
+      o.validator = () => l.value ? s?.() : `请输入${d}`;
     }
-    const n = m(z, void 0), r = m(R, void 0), u = m(D, void 0);
-    r?.on(([c, d]) => n === c && d === void 0 && (l.value = void 0)), u?.on(() => n && r?.trigger([n, l.value]));
-    const s = () => {
+    const n = m(z, void 0), r = m(R, void 0), c = m(D, void 0);
+    r?.on(([s, d]) => n === s && d === void 0 && (l.value = void 0)), c?.on(() => n && r?.trigger([n, l.value]));
+    const u = () => {
       o?.validate(), i("blur");
     };
-    return (c, d) => (p(), h(B(pe), x(t, {
+    return (s, d) => (p(), h(B(pe), x(a, {
       modelValue: l.value,
       "onUpdate:modelValue": d[0] || (d[0] = (T) => l.value = T),
-      onBlur: s
+      onBlur: u
     }), null, 16, ["modelValue"]));
   }
 });
-function qe(e, a) {
-  return re() ? (de(e, a), !0) : !1;
+function qe(e, t) {
+  return re() ? (de(e, t), !0) : !1;
 }
 const Qe = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
@@ -95,63 +95,63 @@ function je(e) {
 function We(e) {
   return K();
 }
-function Ke(e, a = !0, t) {
-  We() ? W(e, t) : a ? e() : ie(e);
+function Ke(e, t = !0, a) {
+  We() ? W(e, a) : t ? e() : ie(e);
 }
 // @__NO_SIDE_EFFECTS__
-function q(e, a) {
-  return C(() => U(e).map((t) => U(t)).map(a));
+function q(e, t) {
+  return C(() => U(e).map((a) => U(a)).map(t));
 }
 const ae = Qe ? window : void 0;
 function P(e) {
-  var a;
-  const t = U(e);
-  return (a = t?.$el) !== null && a !== void 0 ? a : t;
+  var t;
+  const a = U(e);
+  return (t = a?.$el) !== null && t !== void 0 ? t : a;
 }
 // @__NO_SIDE_EFFECTS__
 function Ge() {
-  const e = H(!1), a = K();
-  return a && W(() => {
+  const e = H(!1), t = K();
+  return t && W(() => {
     e.value = !0;
-  }, a), e;
+  }, t), e;
 }
 // @__NO_SIDE_EFFECTS__
 function Ye(e) {
-  const a = /* @__PURE__ */ Ge();
-  return C(() => (a.value, !!e()));
+  const t = /* @__PURE__ */ Ge();
+  return C(() => (t.value, !!e()));
 }
-function _e(e, a, t = {}) {
-  const { window: i = ae, ...l } = t;
+function _e(e, t, a = {}) {
+  const { window: i = ae, ...l } = a;
   let o;
   const n = /* @__PURE__ */ Ye(() => i && "ResizeObserver" in i), r = () => {
     o && (o.disconnect(), o = void 0);
-  }, u = Q(C(() => {
-    const c = U(e);
-    return Array.isArray(c) ? c.map((d) => P(d)) : [P(c)];
-  }), (c) => {
+  }, c = Q(C(() => {
+    const s = U(e);
+    return Array.isArray(s) ? s.map((d) => P(d)) : [P(s)];
+  }), (s) => {
     if (r(), n.value && i) {
-      o = new ResizeObserver(a);
-      for (const d of c) d && o.observe(d, l);
+      o = new ResizeObserver(t);
+      for (const d of s) d && o.observe(d, l);
     }
   }, {
     immediate: !0,
     flush: "post"
-  }), s = () => {
-    r(), u();
+  }), u = () => {
+    r(), c();
   };
-  return qe(s), {
+  return qe(u), {
     isSupported: n,
-    stop: s
+    stop: u
   };
 }
-function Je(e, a = {
+function Je(e, t = {
   width: 0,
   height: 0
-}, t = {}) {
-  const { window: i = ae, box: l = "content-box" } = t, o = C(() => {
+}, a = {}) {
+  const { window: i = ae, box: l = "content-box" } = a, o = C(() => {
     var d;
     return (d = P(e)) === null || d === void 0 || (d = d.namespaceURI) === null || d === void 0 ? void 0 : d.includes("svg");
-  }), n = H(a.width), r = H(a.height), { stop: u } = _e(e, ([d]) => {
+  }), n = H(t.width), r = H(t.height), { stop: c } = _e(e, ([d]) => {
     const T = l === "border-box" ? d.borderBoxSize : l === "content-box" ? d.contentBoxSize : d.devicePixelContentBoxSize;
     if (i && o.value) {
       const k = P(e);
@@ -164,21 +164,21 @@ function Je(e, a = {
       n.value = k.reduce((f, { inlineSize: b }) => f + b, 0), r.value = k.reduce((f, { blockSize: b }) => f + b, 0);
     } else
       n.value = d.contentRect.width, r.value = d.contentRect.height;
-  }, t);
+  }, a);
   Ke(() => {
     const d = P(e);
-    d && (n.value = "offsetWidth" in d ? d.offsetWidth : a.width, r.value = "offsetHeight" in d ? d.offsetHeight : a.height);
+    d && (n.value = "offsetWidth" in d ? d.offsetWidth : t.width, r.value = "offsetHeight" in d ? d.offsetHeight : t.height);
   });
-  const s = Q(() => P(e), (d) => {
-    n.value = d ? a.width : 0, r.value = d ? a.height : 0;
+  const u = Q(() => P(e), (d) => {
+    n.value = d ? t.width : 0, r.value = d ? t.height : 0;
   });
-  function c() {
-    u(), s();
+  function s() {
+    c(), u();
   }
   return {
     width: n,
     height: r,
-    stop: c
+    stop: s
   };
 }
 const Ze = /* @__PURE__ */ v({
@@ -224,34 +224,34 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = E(e, "modelValue"), t = /* @__PURE__ */ q(() => e.data, e.factory), i = C(() => [...t.value]), l = (s) => {
-      if (typeof s == "object") {
+    const t = E(e, "modelValue"), a = /* @__PURE__ */ q(() => e.data, e.factory), i = C(() => [...a.value]), l = (u) => {
+      if (typeof u == "object") {
         if (e.identify)
-          return e.identify(s);
+          return e.identify(u);
         throw new Error("`identify` is required when value's type extends `object` or `object[]`");
       } else
-        return s;
-    }, o = (s) => i.value.map((c) => c.value).find((c) => l(c) === s), n = C(() => i.value.map((s) => {
-      const c = l(s.value);
+        return u;
+    }, o = (u) => i.value.map((s) => s.value).find((s) => l(s) === u), n = C(() => i.value.map((u) => {
+      const s = l(u.value);
       return {
-        ...s,
-        key: c,
-        value: c
+        ...u,
+        key: s,
+        value: s
       };
     })), r = C({
-      get: () => a.value && a.value.map(l),
-      set: (s) => a.value = Array.isArray(s) ? s.map((c) => o(c)) : []
-    }), u = m(I, void 0);
-    if (u?.required) {
+      get: () => t.value && t.value.map(l),
+      set: (u) => t.value = Array.isArray(u) ? u.map((s) => o(s)) : []
+    }), c = m(I, void 0);
+    if (c?.required) {
       const {
-        validator: s,
-        label: c
-      } = u;
-      u.validator = () => !a.value || Array.isArray(a.value) && a.value.length === 0 ? `请选择${c}` : s?.();
+        validator: u,
+        label: s
+      } = c;
+      c.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请选择${s}` : u?.();
     }
-    return (s, c) => (p(), h(B(ye), x({
+    return (u, s) => (p(), h(B(ye), x({
       modelValue: r.value,
-      "onUpdate:modelValue": c[0] || (c[0] = (d) => r.value = d)
+      "onUpdate:modelValue": s[0] || (s[0] = (d) => r.value = d)
     }, {
       disabled: e.disabled,
       size: e.size
@@ -281,18 +281,18 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = E(e, "modelValue"), i = m(I, void 0);
+    const t = e, a = E(e, "modelValue"), i = m(I, void 0);
     if (i?.required) {
       const {
         validator: r,
-        label: u
+        label: c
       } = i;
-      i.validator = () => t.value ? r?.() : `请输入${u}`;
+      i.validator = () => a.value ? r?.() : `请输入${c}`;
     }
     const l = m(z, void 0), o = m(R, void 0), n = m(D, void 0);
-    return o?.on(([r, u]) => l === r && u === void 0 && (t.value = void 0)), n?.on(() => l && o?.trigger([l, t.value])), (r, u) => (p(), h(B(ve), x(a, {
-      modelValue: t.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (s) => t.value = s)
+    return o?.on(([r, c]) => l === r && c === void 0 && (a.value = void 0)), n?.on(() => l && o?.trigger([l, a.value])), (r, c) => (p(), h(B(ve), x(t, {
+      modelValue: a.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (u) => a.value = u)
     }), null, 16, ["modelValue"]));
   }
 }), tt = /* @__PURE__ */ v({
@@ -387,9 +387,9 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue", "update:start", "update:end"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = a, i = E(e, "modelValue"), l = E(e, "start"), o = E(e, "end"), n = C({
+    const a = t, i = E(e, "modelValue"), l = E(e, "start"), o = E(e, "end"), n = C({
       get: () => {
         if (e.type.includes("range") && l.value && o.value)
           return [l.value, o.value];
@@ -432,18 +432,18 @@ const Ze = /* @__PURE__ */ v({
         const f = /* @__PURE__ */ new Date();
         return f.setTime(f.getTime() - 3600 * 1e3 * 24 * 30), f;
       }
-    }]), u = m(I, void 0);
-    if (u?.required) {
+    }]), c = m(I, void 0);
+    if (c?.required) {
       const {
         validator: f,
         label: b
-      } = u;
-      u.validator = () => !n.value || e.type.includes("range") && !n.value?.length ? `请选择${b}` : f?.();
+      } = c;
+      c.validator = () => !n.value || e.type.includes("range") && !n.value?.length ? `请选择${b}` : f?.();
     }
-    const s = m(z, void 0), c = m(R, void 0), d = m(D, void 0);
-    c?.on(([f, b]) => s === f && b === void 0 && (n.value = void 0)), d?.on(() => s && c?.trigger([s, n.value === void 0 ? void 0 : Array.isArray(n.value) ? `${n.value[0]} 至 ${n.value[1]}` : n.value]));
-    const T = (f) => t("change", f), k = () => {
-      u?.validate?.(), t("blur");
+    const u = m(z, void 0), s = m(R, void 0), d = m(D, void 0);
+    s?.on(([f, b]) => u === f && b === void 0 && (n.value = void 0)), d?.on(() => u && s?.trigger([u, n.value === void 0 ? void 0 : Array.isArray(n.value) ? `${n.value[0]} 至 ${n.value[1]}` : n.value]));
+    const T = (f) => a("change", f), k = () => {
+      c?.validate?.(), a("blur");
     };
     return (f, b) => (p(), h(B(ge), x({
       type: e.type,
@@ -473,8 +473,8 @@ const Ze = /* @__PURE__ */ v({
   emits: ["update:modelValue"],
   setup(e) {
     const {
-      header: a,
-      footer: t
+      header: t,
+      footer: a
     } = ue(), i = E(e, "modelValue");
     return (l, o) => (p(), h(B(he), {
       modelValue: i.value,
@@ -484,11 +484,11 @@ const Ze = /* @__PURE__ */ v({
     }, _({
       default: g(() => [X(l.$slots, "default")]),
       _: 2
-    }, [a ? {
+    }, [t ? {
       name: "header",
       fn: g(() => [X(l.$slots, "header")]),
       key: "0"
-    } : void 0, t ? {
+    } : void 0, a ? {
       name: "footer",
       fn: g(() => [X(l.$slots, "footer")]),
       key: "1"
@@ -502,32 +502,32 @@ const Ze = /* @__PURE__ */ v({
     borderStyle: {}
   },
   setup(e) {
-    const a = e;
-    return (t, i) => (p(), h(B(Be), M(O(a)), {
+    const t = e;
+    return (a, i) => (p(), h(B(Be), M(O(t)), {
       default: g(() => [
-        X(t.$slots, "default")
+        X(a.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
 }), ot = /* @__PURE__ */ v((e, {
-  expose: a
+  expose: t
 }) => {
-  const t = m(te, void 0), i = m(He, void 0), l = L(), o = {
+  const a = m(te, void 0), i = m(He, void 0), l = L(), o = {
     label: e.label,
     required: e.required,
     clearValidate() {
       l.value = void 0;
     },
     validate() {
-      return l.value = o.validator?.() ?? void 0, l.value && t?.name && (Te({
+      return l.value = o.validator?.() ?? void 0, l.value && a?.name && (Te({
         plain: !0,
         type: "warning",
         message: l.value
-      }), i?.trigger(t.name)), !l.value;
+      }), i?.trigger(a.name)), !l.value;
     }
   };
-  return m(Z, void 0)?.push(o), A(I, o), a({
+  return m(Z, void 0)?.push(o), A(I, o), t({
     ...o
   }), A(z, e.label), () => $(Ve, x({
     label: e.label,
@@ -566,14 +566,14 @@ const Ze = /* @__PURE__ */ v({
     }
   },
   setup(e, {
-    expose: a
+    expose: t
   }) {
-    const t = L(), i = [];
+    const a = L(), i = [];
     A(Z, i);
     const l = () => i.every((r) => r.validate()), o = () => {
-      t.value?.resetFields(), i.forEach((r) => r.clearValidate());
+      a.value?.resetFields(), i.forEach((r) => r.clearValidate());
     };
-    a({
+    t({
       data: e.data,
       validate: l,
       resetFields: o
@@ -581,9 +581,9 @@ const Ze = /* @__PURE__ */ v({
     const n = () => e.content?.({
       data: e.data
     });
-    return (r, u) => (p(), h(B(we), x({
+    return (r, c) => (p(), h(B(we), x({
       ref_key: "form",
-      ref: t
+      ref: a
     }, {
       inline: e.inline,
       disabled: e.disabled,
@@ -619,8 +619,8 @@ const Ze = /* @__PURE__ */ v({
     crossorigin: {}
   },
   setup(e) {
-    const a = e;
-    return (t, i) => (p(), h(B(Xe), M(O(a)), null, 16));
+    const t = e;
+    return (a, i) => (p(), h(B(Xe), M(O(t)), null, 16));
   }
 }), rt = /* @__PURE__ */ v({
   __name: "XInput",
@@ -648,9 +648,9 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = e, i = a, l = E(e, "modelValue"), o = m(I, void 0);
+    const a = e, i = t, l = E(e, "modelValue"), o = m(I, void 0);
     if (o?.required) {
       const {
         validator: d,
@@ -658,16 +658,16 @@ const Ze = /* @__PURE__ */ v({
       } = o;
       o.validator = () => l.value ? d?.() : `请输入${T}`;
     }
-    const n = m(z, void 0), r = m(R, void 0), u = m(D, void 0);
-    r?.on(([d, T]) => n === d && T === void 0 && (l.value = void 0)), u?.on(() => n && r?.trigger([n, l.value]));
-    const s = (d) => i("change", d), c = () => {
+    const n = m(z, void 0), r = m(R, void 0), c = m(D, void 0);
+    r?.on(([d, T]) => n === d && T === void 0 && (l.value = void 0)), c?.on(() => n && r?.trigger([n, l.value]));
+    const u = (d) => i("change", d), s = () => {
       o?.validate(), i("blur");
     };
-    return (d, T) => (p(), h(B(Ce), x(t, {
+    return (d, T) => (p(), h(B(Ce), x(a, {
       modelValue: l.value,
       "onUpdate:modelValue": T[0] || (T[0] = (k) => l.value = k),
-      onBlur: c,
-      onChange: s
+      onBlur: s,
+      onChange: u
     }), null, 16, ["modelValue"]));
   }
 }), dt = /* @__PURE__ */ v({
@@ -700,22 +700,22 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["blur"], ["update:modelValue"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = e, i = a, l = E(e, "modelValue"), o = m(I, void 0);
+    const a = e, i = t, l = E(e, "modelValue"), o = m(I, void 0);
     if (o?.required) {
       const {
         validator: r,
-        label: u
+        label: c
       } = o;
-      o.validator = () => l.value === void 0 ? `请输入${u}` : r?.();
+      o.validator = () => l.value === void 0 ? `请输入${c}` : r?.();
     }
     const n = () => {
       o?.validate(), i("blur");
     };
-    return (r, u) => (p(), h(B(xe), x(t, {
+    return (r, c) => (p(), h(B(xe), x(a, {
       modelValue: l.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (s) => l.value = s),
+      "onUpdate:modelValue": c[0] || (c[0] = (u) => l.value = u),
       onBlur: n
     }), _({
       _: 2
@@ -761,15 +761,15 @@ const Ze = /* @__PURE__ */ v({
     currentModifiers: {}
   }),
   emits: /* @__PURE__ */ V(["sizeChange", "currentChange"], ["update:size", "update:current"]),
-  setup(e, { emit: a }) {
-    const t = a, i = E(e, "size"), l = E(e, "current");
+  setup(e, { emit: t }) {
+    const a = t, i = E(e, "size"), l = E(e, "current");
     return (o, n) => (p(), h(B(Ee), x({ background: e.background, pageSizes: e.sizes, layout: e.layout, total: e.total }, {
       "current-page": l.value,
       "onUpdate:currentPage": n[0] || (n[0] = (r) => l.value = r),
       "page-size": i.value,
       "onUpdate:pageSize": n[1] || (n[1] = (r) => i.value = r),
-      onSizeChange: n[2] || (n[2] = (r) => t("sizeChange", r)),
-      onCurrentChange: n[3] || (n[3] = (r) => t("currentChange", r))
+      onSizeChange: n[2] || (n[2] = (r) => a("sizeChange", r)),
+      onCurrentChange: n[3] || (n[3] = (r) => a("currentChange", r))
     }), null, 16, ["current-page", "page-size"]));
   }
 }), st = /* @__PURE__ */ v({
@@ -812,10 +812,10 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = E(e, "modelValue");
-    return (i, l) => (p(), h(B(ke), x(a, {
-      modelValue: t.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (o) => t.value = o)
+    const t = e, a = E(e, "modelValue");
+    return (i, l) => (p(), h(B(ke), x(t, {
+      modelValue: a.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => a.value = o)
     }), null, 16, ["modelValue"]));
   }
 }), ct = /* @__PURE__ */ v({
@@ -824,14 +824,14 @@ const Ze = /* @__PURE__ */ v({
     title: { default: "是否执行?" }
   },
   emits: ["cancel", "confirm"],
-  setup(e, { emit: a }) {
-    const t = a;
+  setup(e, { emit: t }) {
+    const a = t;
     return (i, l) => {
       const o = se("XButton");
       return p(), h(B(Se), {
         title: e.title,
-        onCancel: l[0] || (l[0] = () => t("cancel")),
-        onConfirm: l[1] || (l[1] = () => t("confirm"))
+        onCancel: l[0] || (l[0] = () => a("cancel")),
+        onConfirm: l[1] || (l[1] = () => a("confirm"))
       }, {
         reference: g(() => [
           X(i.$slots, "default")
@@ -889,15 +889,15 @@ const Ze = /* @__PURE__ */ v({
     role: {}
   },
   setup(e, {
-    expose: a
+    expose: t
   }) {
-    const t = e, i = J("scrollbar"), l = C(() => i.value?.wrapRef), o = C(() => l.value?.firstElementChild);
-    return a({
+    const a = e, i = J("scrollbar"), l = C(() => i.value?.wrapRef), o = C(() => l.value?.firstElementChild);
+    return t({
       wrapRef: l,
       viewRef: o
     }), (n, r) => (p(), h(B(Ie), x({
       ref: "scrollbar"
-    }, t), {
+    }, a), {
       default: g(() => [X(n.$slots, "default")]),
       _: 3
     }, 16));
@@ -1011,27 +1011,27 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["blur", "change"], ["update:modelValue"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = a, i = E(e, "modelValue"), l = L([]), o = /* @__PURE__ */ q(() => e.data, e.factory), n = C(() => [...(/* @__PURE__ */ q(l, e.factory)).value, ...o.value]), r = (y) => {
+    const a = t, i = E(e, "modelValue"), l = L([]), o = /* @__PURE__ */ q(() => e.data, e.factory), n = C(() => [...(/* @__PURE__ */ q(l, e.factory)).value, ...o.value]), r = (y) => {
       if (typeof y == "object") {
         if (e.identify)
           return e.identify(y);
         throw new Error("`identify` is required when value's type extends `object` or `object[]`");
       } else
         return y;
-    }, u = (y) => n.value.map((w) => w.value).find((w) => r(w) === y);
-    let s = 0;
+    }, c = (y) => n.value.map((w) => w.value).find((w) => r(w) === y);
+    let u = 0;
     Q([i, o], async () => {
-      if (s++, i.value) {
-        const y = [].concat(i.value).filter((oe) => !o.value.map((ne) => r(ne.value)).includes(r(oe))), w = s, S = await e.supplement?.(y);
-        w === s && S && (l.value = S);
+      if (u++, i.value) {
+        const y = [].concat(i.value).filter((oe) => !o.value.map((ne) => r(ne.value)).includes(r(oe))), w = u, S = await e.supplement?.(y);
+        w === u && S && (l.value = S);
       } else
         l.value = [];
     }, {
       immediate: !0
     });
-    const c = C(() => n.value.map((y) => {
+    const s = C(() => n.value.map((y) => {
       const w = r(y.value);
       return {
         ...y,
@@ -1041,7 +1041,7 @@ const Ze = /* @__PURE__ */ v({
     })), d = C({
       get: () => i.value && (Array.isArray(i.value) ? i.value.map(r) : r(i.value)),
       set: (y) => {
-        Array.isArray(y) ? i.value = y.map((w) => u(w)) : i.value = y === void 0 ? void 0 : u(y) || (e.allowCreate ? y : void 0);
+        Array.isArray(y) ? i.value = y.map((w) => c(w)) : i.value = y === void 0 ? void 0 : c(y) || (e.allowCreate ? y : void 0);
       }
     }), T = m(I, void 0);
     if (T?.required) {
@@ -1052,9 +1052,9 @@ const Ze = /* @__PURE__ */ v({
       T.validator = () => !i.value || Array.isArray(i.value) && i.value.length === 0 ? `请选择${w}` : y?.();
     }
     const k = m(z, void 0), f = m(R, void 0), b = m(D, void 0);
-    f?.on(([y, w]) => k === y && w === void 0 && (d.value = void 0)), b?.on(() => k && f?.trigger([k, d.value === void 0 ? void 0 : [].concat(d.value).map((y) => c.value.find((w) => w.value === y).label).join(",")]));
-    const F = (y) => t("change", y), le = () => {
-      T?.validate(), t("blur");
+    f?.on(([y, w]) => k === y && w === void 0 && (d.value = void 0)), b?.on(() => k && f?.trigger([k, d.value === void 0 ? void 0 : [].concat(d.value).map((y) => s.value.find((w) => w.value === y).label).join(",")]));
+    const F = (y) => a("change", y), le = () => {
+      T?.validate(), a("blur");
     };
     return (y, w) => (p(), h(B($e), x({
       allowCreate: e.allowCreate,
@@ -1075,7 +1075,7 @@ const Ze = /* @__PURE__ */ v({
       onBlur: le,
       onChange: F
     }), {
-      default: g(() => [(p(!0), j(G, null, Y(c.value, (S) => (p(), h(B(Pe), {
+      default: g(() => [(p(!0), j(G, null, Y(s.value, (S) => (p(), h(B(Pe), {
         key: S.key,
         label: S.label,
         value: S.value
@@ -1105,9 +1105,9 @@ const Ze = /* @__PURE__ */ v({
     size: {}
   },
   setup(e) {
-    const a = e;
-    return (t, i) => (p(), h(B(ze), M(O(a)), {
-      default: g(() => [X(t.$slots, "default")]),
+    const t = e;
+    return (a, i) => (p(), h(B(ze), M(O(t)), {
+      default: g(() => [X(a.$slots, "default")]),
       _: 3
     }, 16));
   }
@@ -1132,49 +1132,52 @@ const Ze = /* @__PURE__ */ v({
   },
   emits: ["rowClick", "selectionChange", "headerDragend"],
   setup(e, {
+    expose: t,
     emit: a
   }) {
-    const t = a, i = J("container"), l = L(), o = Je(i), n = C(() => e.height ?? o.height.value), r = () => $(Ae, x({
-      ref: l
+    const i = a, l = J("container"), o = L(), n = Je(l), r = C(() => e.height ?? n.height.value), c = () => $(Ae, x({
+      ref: o
     }, {
       data: e.data,
-      height: n.value,
+      height: r.value,
       showOverflowTooltip: e.showOverflowTooltip,
       border: e.border,
       highlightCurrentRow: e.highlightCurrentRow,
       spanMethod: e.spanMethod
     }, {
-      "onRow-click": (u) => t("rowClick", u),
-      "onSelection-change": (u) => t("selectionChange", u),
-      "onHeader-dragend": (u, s, c) => t("headerDragend", u, s, c)
+      "onRow-click": (u) => i("rowClick", u),
+      "onSelection-change": (u) => i("selectionChange", u),
+      "onHeader-dragend": (u, s, d) => i("headerDragend", u, s, d)
     }), {
       default: () => e.columns.map((u) => $(Me, u, {
         default: ({
           $index: s,
-          row: c
+          row: d
         }) => u.content?.({
           index: s,
-          row: c
+          row: d
         }),
         header: () => u.header?.({
           column: u
         }) ?? u.label
       }))
     });
-    return (u, s) => (p(), j("div", {
+    return t({
+      toggleRowSelection: (u, s, d) => o.value?.toggleRowSelection(u, s, d)
+    }), (u, s) => (p(), j("div", {
       ref_key: "container",
-      ref: i,
+      ref: l,
       class: fe([e.height === void 0 && "h-full"])
-    }, [$(r)], 2));
+    }, [$(c)], 2));
   }
 }), bt = /* @__PURE__ */ v((e, {
-  slots: a
+  slots: t
 }) => {
-  const t = {
+  const a = {
     ...e
   };
-  return m(ee, void 0)?.push(t), A(te, t), () => $(Re, e, {
-    ...a
+  return m(ee, void 0)?.push(a), A(te, a), () => $(Re, e, {
+    ...t
   });
 }, {
   props: ["label", "name", "closable", "lazy", "disabled"]
@@ -1200,9 +1203,9 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: /* @__PURE__ */ V(["tabChange", "tabRemove"], ["update:modelValue"]),
   setup(e, {
-    emit: a
+    emit: t
   }) {
-    const t = a, i = E(e, "modelValue");
+    const a = t, i = E(e, "modelValue");
     return A(ee, []), (o, n) => (p(), h(B(Oe), x({
       addable: e.addable,
       editable: e.editable,
@@ -1212,8 +1215,8 @@ const Ze = /* @__PURE__ */ v({
     }, {
       modelValue: i.value,
       "onUpdate:modelValue": n[0] || (n[0] = (r) => i.value = r),
-      onTabChange: n[1] || (n[1] = (r) => t("tabChange", r)),
-      onTabRemove: n[2] || (n[2] = (r) => t("tabRemove", r))
+      onTabChange: n[1] || (n[1] = (r) => a("tabChange", r)),
+      onTabRemove: n[2] || (n[2] = (r) => a("tabRemove", r))
     }), {
       default: g(() => [X(o.$slots, "default")]),
       _: 3
@@ -1231,11 +1234,11 @@ const Ze = /* @__PURE__ */ v({
   },
   emits: ["close"],
   setup(e) {
-    return (a, t) => (p(), h(B(De), x({ type: e.type, color: e.color, closable: e.closable, round: e.round }, {
-      onClose: t[0] || (t[0] = (i) => a.$emit("close"))
+    return (t, a) => (p(), h(B(De), x({ type: e.type, color: e.color, closable: e.closable, round: e.round }, {
+      onClose: a[0] || (a[0] = (i) => t.$emit("close"))
     }), {
       default: g(() => [
-        X(a.$slots, "default")
+        X(t.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -1249,9 +1252,9 @@ const Ze = /* @__PURE__ */ v({
     } }
   },
   setup(e) {
-    return (a, t) => (p(), h(B(Ue), M(O({ type: e.type, size: e.size, truncated: e.truncated })), {
+    return (t, a) => (p(), h(B(Ue), M(O({ type: e.type, size: e.size, truncated: e.truncated })), {
       default: g(() => [
-        X(a.$slots, "default")
+        X(t.$slots, "default")
       ]),
       _: 3
     }, 16));
@@ -1287,7 +1290,7 @@ const Ze = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const a = e, t = E(e, "modelValue"), i = C(() => [].concat(t.value ?? []).reverse().map((o) => ({
+    const t = e, a = E(e, "modelValue"), i = C(() => [].concat(a.value ?? []).reverse().map((o) => ({
       name: o.split("/").findLast(() => !0),
       url: o,
       uid: Number(o.slice(0, o.lastIndexOf("/")).split("/").findLast(() => !0))
@@ -1297,10 +1300,10 @@ const Ze = /* @__PURE__ */ v({
         validator: o,
         label: n
       } = l;
-      l.validator = () => !t.value || Array.isArray(t.value) && t.value.length === 0 ? `请上传${n}` : o?.();
+      l.validator = () => !a.value || Array.isArray(a.value) && a.value.length === 0 ? `请上传${n}` : o?.();
     }
     return (o, n) => (p(), h(B(Le), M(O({
-      ...a,
+      ...t,
       fileList: i.value
     })), {
       file: g(({
@@ -1341,7 +1344,7 @@ const Ze = /* @__PURE__ */ v({
   XUpload: Bt
 }, Symbol.toStringTag, { value: "Module" })), Xt = {
   install(e) {
-    Object.entries(wt).forEach(([a, t]) => e.component(a, t));
+    Object.entries(wt).forEach(([t, a]) => e.component(t, a));
   }
 };
 export {

package/package.json

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