@vtable-guild/vtable-guild 2.7.1 → 2.8.0

package/dist/index.mjs

@@ -1,92 +1,102 @@
 import { tv as r } from "./core/src/utils/tv.mjs";
-import { DEFAULT_VTG_CLASS_PREFIX as a, cnByCssMode as m, normalizeVtgClassPrefix as l, prefixThemeConfig as s, prefixVtgClassNames as T } from "./core/src/utils/classPrefix.mjs";
-import { optionalBoolProp as f, optionalProp as x, optionalStringProp as n, requiredProp as u } from "./core/src/utils/props.mjs";
-import { devWarn as i } from "./core/src/utils/devWarn.mjs";
-import { mergeThemeConfigs as v, useTheme as C } from "./core/src/composables/useTheme.mjs";
-import { mergeDeep as L } from "./core/src/utils/mergeDeep.mjs";
-import { default as E } from "./core/src/components/Tooltip.mjs";
-import { default as c } from "./core/src/components/Checkbox.mjs";
+import { DEFAULT_VTG_CLASS_PREFIX as a, cnByCssMode as m, normalizeVtgClassPrefix as l, prefixThemeConfig as s, prefixVtgClassNames as n } from "./core/src/utils/classPrefix.mjs";
+import { optionalBoolProp as T, optionalProp as f, optionalStringProp as i, requiredProp as x } from "./core/src/utils/props.mjs";
+import { devWarn as u } from "./core/src/utils/devWarn.mjs";
+import { mergeThemeConfigs as P, useTheme as C } from "./core/src/composables/useTheme.mjs";
+import { mergeDeep as b } from "./core/src/utils/mergeDeep.mjs";
+import { default as S } from "./core/src/components/Tooltip.mjs";
+import { default as g } from "./core/src/components/Checkbox.mjs";
 import { default as N } from "./core/src/components/Radio.mjs";
-import { default as V } from "./core/src/components/Button.mjs";
+import { default as _ } from "./core/src/components/Button.mjs";
 import { default as B } from "./core/src/components/Input.mjs";
 import { default as O } from "./core/src/components/Scrollbar.mjs";
 import { default as R } from "./core/src/components/VTableGuildConfigProvider.mjs";
-import { VTABLE_GUILD_INJECTION_KEY as G, createVTableGuild as k, syncDocumentPresetAttr as U } from "./core/src/plugin/index.mjs";
-import { resolveBuiltInLocale as w, resolveBuiltInTableLocale as F, resolveButtonThemePreset as X, resolveCheckboxThemePreset as q, resolveInputThemePreset as z, resolveRadioThemePreset as J, resolveScrollbarThemePreset as K, resolveTableLocalePreset as W, resolveTableThemePreset as Y, resolveThemePreset as j, resolveTooltipThemePreset as H } from "./theme/src/presets/index.mjs";
-import { antdvTableCompatClasses as Z } from "./theme/src/compat/antdv-table.mjs";
-import { VTable as ee, VTableSummary as oe, VTableSummaryCell as re, VTableSummaryRow as te } from "./table/src/index.mjs";
-import { cn as me } from "tailwind-variants";
-import { default as se } from "./core/src/components/VirtualList/VirtualList.mjs";
-import { PrefixSums as pe } from "./core/src/components/VirtualList/utils/PrefixSums.mjs";
-import { TABLE_ALIGN_CLASSES as xe, antdvTableTheme as ne } from "./theme/src/presets/antdv/table.mjs";
-import { antdvButtonTheme as he } from "./theme/src/presets/antdv/button.mjs";
-import { antdvCheckboxTheme as de } from "./theme/src/presets/antdv/checkbox.mjs";
-import { antdvRadioTheme as Ce } from "./theme/src/presets/antdv/radio.mjs";
-import { antdvInputTheme as Le } from "./theme/src/presets/antdv/input.mjs";
-import { antdvTooltipTheme as Ee } from "./theme/src/presets/antdv/tooltip.mjs";
-import { antdvScrollbarTheme as ce } from "./theme/src/presets/antdv/scrollbar.mjs";
-import { getByDataIndex as Ne, useColumns as _e } from "./table/src/composables/useColumns.mjs";
-import { moveTreeNode as ge, useRowDragSort as Be } from "./table/src/composables/useRowDragSort.mjs";
-import { EXPAND_COLUMN as Oe, SELECTION_ALL as De, SELECTION_COLUMN as Re, SELECTION_INVERT as ye, SELECTION_NONE as Ge } from "./table/src/constants.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as U, createVTableGuild as G, syncDocumentPresetAttr as k } from "./core/src/plugin/index.mjs";
+import { elementPlusPaginationEnUS as w, elementPlusPaginationTheme as F, elementPlusPaginationZhCN as X, paginationEnUS as Z, paginationTheme as q, paginationZhCN as z, resolvePaginationThemePreset as J } from "./theme/src/pagination.mjs";
+import { resolveBuiltInLocale as W, resolveBuiltInTableLocale as Y, resolveButtonThemePreset as j, resolveCheckboxThemePreset as H, resolveInputThemePreset as Q, resolveRadioThemePreset as $, resolveScrollbarThemePreset as ee, resolveTableLocalePreset as oe, resolveTableThemePreset as re, resolveThemePreset as te, resolveTooltipThemePreset as ae } from "./theme/src/presets/index.mjs";
+import { antdvTableCompatClasses as le } from "./theme/src/compat/antdv-table.mjs";
+import { antdvPaginationCompatClasses as ne } from "./theme/src/compat/antdv-pagination.mjs";
+import { VTable as Te, VTableSummary as fe, VTableSummaryCell as ie, VTableSummaryRow as xe } from "./table/src/index.mjs";
+import { cn as ue } from "tailwind-variants";
+import { default as Pe } from "./core/src/components/VirtualList/VirtualList.mjs";
+import { PrefixSums as ve } from "./core/src/components/VirtualList/utils/PrefixSums.mjs";
+import { TABLE_ALIGN_CLASSES as Ee, antdvTableTheme as Se } from "./theme/src/presets/antdv/table.mjs";
+import { antdvButtonTheme as ge } from "./theme/src/presets/antdv/button.mjs";
+import { antdvCheckboxTheme as Ne } from "./theme/src/presets/antdv/checkbox.mjs";
+import { antdvRadioTheme as _e } from "./theme/src/presets/antdv/radio.mjs";
+import { antdvInputTheme as Be } from "./theme/src/presets/antdv/input.mjs";
+import { antdvTooltipTheme as Oe } from "./theme/src/presets/antdv/tooltip.mjs";
+import { antdvScrollbarTheme as Re } from "./theme/src/presets/antdv/scrollbar.mjs";
+import { getByDataIndex as Ue, useColumns as Ge } from "./table/src/composables/useColumns.mjs";
+import { moveTreeNode as Me, useRowDragSort as we } from "./table/src/composables/useRowDragSort.mjs";
+import { EXPAND_COLUMN as Xe, SELECTION_ALL as Ze, SELECTION_COLUMN as qe, SELECTION_INVERT as ze, SELECTION_NONE as Je } from "./table/src/constants.mjs";
 export {
-  V as Button,
-  c as Checkbox,
+  _ as Button,
+  g as Checkbox,
   a as DEFAULT_VTG_CLASS_PREFIX,
-  Oe as EXPAND_COLUMN,
+  Xe as EXPAND_COLUMN,
   B as Input,
-  pe as PrefixSums,
+  ve as PrefixSums,
   N as Radio,
-  De as SELECTION_ALL,
-  Re as SELECTION_COLUMN,
-  ye as SELECTION_INVERT,
-  Ge as SELECTION_NONE,
+  Ze as SELECTION_ALL,
+  qe as SELECTION_COLUMN,
+  ze as SELECTION_INVERT,
+  Je as SELECTION_NONE,
   O as Scrollbar,
-  xe as TABLE_ALIGN_CLASSES,
-  E as Tooltip,
-  G as VTABLE_GUILD_INJECTION_KEY,
-  ee as VTable,
+  Ee as TABLE_ALIGN_CLASSES,
+  S as Tooltip,
+  U as VTABLE_GUILD_INJECTION_KEY,
+  Te as VTable,
   R as VTableGuildConfigProvider,
-  oe as VTableSummary,
-  re as VTableSummaryCell,
-  te as VTableSummaryRow,
-  se as VirtualList,
-  Z as antdvTableCompatClasses,
-  he as buttonTheme,
-  de as checkboxTheme,
-  me as cn,
+  fe as VTableSummary,
+  ie as VTableSummaryCell,
+  xe as VTableSummaryRow,
+  Pe as VirtualList,
+  ne as antdvPaginationCompatClasses,
+  le as antdvTableCompatClasses,
+  ge as buttonTheme,
+  Ne as checkboxTheme,
+  ue as cn,
   m as cnByCssMode,
-  k as createVTableGuild,
-  i as devWarn,
-  Ne as getByDataIndex,
-  Le as inputTheme,
-  L as mergeDeep,
-  v as mergeThemeConfigs,
-  ge as moveTreeNode,
+  G as createVTableGuild,
+  u as devWarn,
+  w as elementPlusPaginationEnUS,
+  F as elementPlusPaginationTheme,
+  X as elementPlusPaginationZhCN,
+  Ue as getByDataIndex,
+  Be as inputTheme,
+  b as mergeDeep,
+  P as mergeThemeConfigs,
+  Me as moveTreeNode,
   l as normalizeVtgClassPrefix,
-  f as optionalBoolProp,
-  x as optionalProp,
-  n as optionalStringProp,
+  T as optionalBoolProp,
+  f as optionalProp,
+  i as optionalStringProp,
+  Z as paginationEnUS,
+  q as paginationTheme,
+  z as paginationZhCN,
   s as prefixThemeConfig,
-  T as prefixVtgClassNames,
-  Ce as radioTheme,
-  u as requiredProp,
-  w as resolveBuiltInLocale,
-  F as resolveBuiltInTableLocale,
-  X as resolveButtonThemePreset,
-  q as resolveCheckboxThemePreset,
-  z as resolveInputThemePreset,
-  J as resolveRadioThemePreset,
-  K as resolveScrollbarThemePreset,
-  W as resolveTableLocalePreset,
-  Y as resolveTableThemePreset,
-  j as resolveThemePreset,
-  H as resolveTooltipThemePreset,
-  ce as scrollbarTheme,
-  U as syncDocumentPresetAttr,
-  ne as tableTheme,
-  Ee as tooltipTheme,
+  n as prefixVtgClassNames,
+  _e as radioTheme,
+  x as requiredProp,
+  W as resolveBuiltInLocale,
+  Y as resolveBuiltInTableLocale,
+  j as resolveButtonThemePreset,
+  H as resolveCheckboxThemePreset,
+  Q as resolveInputThemePreset,
+  J as resolvePaginationThemePreset,
+  $ as resolveRadioThemePreset,
+  ee as resolveScrollbarThemePreset,
+  oe as resolveTableLocalePreset,
+  re as resolveTableThemePreset,
+  te as resolveThemePreset,
+  ae as resolveTooltipThemePreset,
+  Re as scrollbarTheme,
+  k as syncDocumentPresetAttr,
+  Se as tableTheme,
+  Oe as tooltipTheme,
   r as tv,
-  _e as useColumns,
-  Be as useRowDragSort,
+  Ge as useColumns,
+  we as useRowDragSort,
   C as useTheme
 };

package/dist/table/src/components/ColGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColGroup.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/ColGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;;;cAOZ,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;cAA/C,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;AAH7E,wBA0CE"}
+{"version":3,"file":"ColGroup.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/ColGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;;;cAOZ,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;cAA/C,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC;;;;AAH7E,wBA4CE"}

package/dist/table/src/components/ColGroup.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as l, inject as m, createVNode as s } from "vue";
-import { TABLE_CONTEXT_KEY as c } from "../context.mjs";
-import { getColumnKey as i } from "../composables/useColumns.mjs";
-const C = /* @__PURE__ */ l({
+import { defineComponent as u, inject as m, createVNode as s } from "vue";
+import { TABLE_CONTEXT_KEY as p } from "../context.mjs";
+import { getColumnKey as c } from "../composables/useColumns.mjs";
+const C = /* @__PURE__ */ u({
   name: "ColGroup",
   props: {
     columns: {
@@ -10,16 +10,16 @@ const C = /* @__PURE__ */ l({
     }
   },
   setup(r) {
-    const o = m(c, {});
-    return () => s("colgroup", null, [r.columns.map((t, n) => {
-      const e = o.columnWidths?.[String(i(t) ?? n)] ?? t.width, p = e ? {
+    const t = m(p, {});
+    return () => s("colgroup", null, [r.columns.map((o, n) => {
+      const e = t.columnWidths?.[String(c(o) ?? n)] ?? o.width, l = t.columnLayout?.enabled.value ? t.columnLayout.columnStyle(n) : e ? {
         width: typeof e == "number" ? `${e}px` : e,
         minWidth: typeof e == "number" ? `${e}px` : e
-      } : void 0, a = o.compatClass ? t.key === "__vtg_selection__" ? o.compatClass("selection-col") : t.key === "__vtg_expand__" ? o.compatClass("expand-icon-col") : "" : "";
+      } : void 0, a = t.compatClass ? o.key === "__vtg_selection__" ? t.compatClass("selection-col") : o.key === "__vtg_expand__" ? t.compatClass("expand-icon-col") : "" : "";
       return s("col", {
-        key: t.key ?? String(t.dataIndex ?? n),
+        key: o.key ?? String(o.dataIndex ?? n),
         class: a,
-        style: p
+        style: l
       }, null);
     })]);
   }

package/dist/table/src/components/ColumnWidthRow.d.ts

@@ -0,0 +1,4 @@
+/** Zero-height intrinsic tracks also cover empty, headless and merged tables. */
+declare const _default: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ColumnWidthRow.d.ts.map

package/dist/table/src/components/ColumnWidthRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnWidthRow.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/ColumnWidthRow.tsx"],"names":[],"mappings":"AAGA,iFAAiF;;AACjF,wBAoBE"}

package/dist/table/src/components/ColumnWidthRow.mjs

@@ -0,0 +1,23 @@
+import { defineComponent as e, inject as l, createVNode as n } from "vue";
+import { TABLE_CONTEXT_KEY as a } from "../context.mjs";
+const s = /* @__PURE__ */ e({
+  name: "ColumnWidthRow",
+  setup() {
+    const t = l(a);
+    return () => t?.columnLayout?.enabled.value ? n("tbody", {
+      "aria-hidden": "true",
+      "data-vtg-width-row": ""
+    }, [n("tr", null, [t.displayColumns?.value.map((u, o) => n("td", {
+      class: t.subThemeSlots?.widthConstraintCell(),
+      "data-vtg-track": o
+    }, [n("div", {
+      class: t.subThemeSlots?.widthConstraintInner(),
+      style: {
+        minWidth: `${t.columnLayout?.minimums.value[o] ?? 0}px`
+      }
+    }, null)]))])]) : null;
+  }
+});
+export {
+  s as default
+};

package/dist/table/src/components/PaginationSizeSelect.d.ts

@@ -0,0 +1,57 @@
+import { PropType, VNodeChild } from 'vue';
+import { PaginationSlots } from '../../../theme/src/index.ts';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    renderText: {
+        type: PropType<(value: string | number) => VNodeChild>;
+        required: true;
+    };
+    theme: {
+        type: PropType<Record<PaginationSlots, () => string>>;
+        required: true;
+    };
+    getPopupContainer: PropType<(trigger: HTMLElement) => HTMLElement>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_value: number) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    options: {
+        type: PropType<(string | number)[]>;
+        required: true;
+    };
+    disabled: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    renderText: {
+        type: PropType<(value: string | number) => VNodeChild>;
+        required: true;
+    };
+    theme: {
+        type: PropType<Record<PaginationSlots, () => string>>;
+        required: true;
+    };
+    getPopupContainer: PropType<(trigger: HTMLElement) => HTMLElement>;
+}>> & Readonly<{
+    onChange?: ((_value: number) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=PaginationSizeSelect.d.ts.map

package/dist/table/src/components/PaginationSizeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSizeSelect.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/PaginationSizeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,KAAK,CAAA;AAGZ,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;;;;;;;cAO5B,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;;;;;;;;;cAInC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,UAAU,CAAC;;;;cAG3C,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,MAAM,CAAC,CAAC;;;uBACzC,QAAQ,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,WAAW,CAAC;;qBAEtD,MAAM;;;;;;;cAVJ,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;;;;;;;;;cAInC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,UAAU,CAAC;;;;cAG3C,QAAQ,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,MAAM,CAAC,CAAC;;;uBACzC,QAAQ,CAAC,CAAC,OAAO,EAAE,WAAW,KAAK,WAAW,CAAC;;;;;;AAZlF,wBAuME"}

package/dist/table/src/components/PaginationSizeSelect.mjs

@@ -0,0 +1,138 @@
+import { defineComponent as T, inject as I, useId as L, ref as s, computed as A, watch as k, onBeforeUnmount as D, createVNode as u, Fragment as O, Teleport as q, Transition as B, nextTick as z } from "vue";
+import { cnByCssMode as C } from "../../../core/src/utils/classPrefix.mjs";
+import { VTABLE_GUILD_INJECTION_KEY as M } from "../../../core/src/plugin/index.mjs";
+import K from "../../../icons/src/DownOutlinedIcon.mjs";
+import { getPopupPositionStyle as _, getPopupVerticalBoundary as F } from "../utils/popupPosition.mjs";
+const G = /* @__PURE__ */ T({
+  name: "PaginationSizeSelect",
+  props: {
+    value: {
+      type: Number,
+      required: !0
+    },
+    options: {
+      type: Array,
+      required: !0
+    },
+    disabled: Boolean,
+    label: {
+      type: String,
+      required: !0
+    },
+    renderText: {
+      type: Function,
+      required: !0
+    },
+    theme: {
+      type: Object,
+      required: !0
+    },
+    getPopupContainer: Function
+  },
+  emits: {
+    change: (t) => !0
+  },
+  setup(t, {
+    emit: P
+  }) {
+    const l = I(M, null), S = l?.compatClass === !0, p = L(), i = s(null), r = s(null), a = s(!1), c = s(0), g = s({}), b = s("body");
+    let v;
+    const f = A(() => {
+      const e = t.options.filter((n) => Number.isSafeInteger(Number(n)) && Number(n) > 0);
+      return e.some((n) => Number(n) === t.value) || e.push(t.value), [...new Map(e.map((n) => [Number(n), n])).values()].sort((n, m) => Number(n) - Number(m));
+    });
+    function d(e = !1) {
+      a.value = !1, e && i.value?.focus();
+    }
+    function o() {
+      if (!i.value || !a.value) return;
+      const e = i.value.getBoundingClientRect();
+      g.value = {
+        ..._(e, b.value, e.width, r.value?.scrollHeight, F(i.value)),
+        minWidth: `${e.width}px`,
+        zIndex: "var(--vtg-pagination-popup-z)"
+      };
+    }
+    function y(e) {
+      const n = e.target;
+      !i.value?.contains(n) && !r.value?.contains(n) && d();
+    }
+    function w() {
+      z(() => r.value?.querySelectorAll('[role="option"]')[c.value]?.focus({
+        preventScroll: !0
+      }));
+    }
+    function h() {
+      t.disabled || !i.value || (b.value = t.getPopupContainer?.(i.value) ?? document.body, c.value = Math.max(0, f.value.findIndex((e) => Number(e) === t.value)), a.value = !0, o(), z(() => {
+        a.value && (o(), typeof ResizeObserver < "u" && (v = new ResizeObserver(o), i.value && v.observe(i.value), r.value && v.observe(r.value)));
+      }), w());
+    }
+    function N(e) {
+      t.disabled || P("change", Number(e)), d(!0);
+    }
+    function x(e) {
+      if (e.key === "Escape")
+        e.preventDefault(), d(!0);
+      else if (e.key === "Tab") d();
+      else if (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key)) {
+        if (e.preventDefault(), !a.value) {
+          h();
+          return;
+        }
+        const n = f.value.length - 1;
+        c.value = e.key === "Home" ? 0 : e.key === "End" ? n : (c.value + (e.key === "ArrowDown" ? 1 : n)) % f.value.length, w();
+      }
+    }
+    k(a, (e) => {
+      e ? (document.addEventListener("mousedown", y), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0)) : E();
+    }), k(() => t.disabled, (e) => {
+      e && d();
+    });
+    function E() {
+      v?.disconnect(), v = void 0, !(typeof document > "u") && (document.removeEventListener("mousedown", y), window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0));
+    }
+    return D(E), () => u(O, null, [u("button", {
+      ref: i,
+      type: "button",
+      class: [C(l?.cssMode ?? "prebuilt", l?.classPrefix ?? "vtg", t.theme.item(), t.theme.select()), S && "ant-pagination-options ant-pagination-options-size-changer"],
+      disabled: t.disabled,
+      "aria-label": t.label,
+      "aria-haspopup": "listbox",
+      "aria-expanded": a.value,
+      "aria-disabled": t.disabled,
+      "aria-controls": a.value ? p : void 0,
+      onClick: () => a.value ? d() : h(),
+      onKeydown: x
+    }, [t.renderText(f.value.find((e) => Number(e) === t.value) ?? t.value), u(K, null, null)]), u(q, {
+      to: b.value
+    }, {
+      default: () => [u(B, {
+        name: "vtg-pagination-popup"
+      }, {
+        default: () => [a.value && u("ul", {
+          ref: r,
+          id: p,
+          role: "listbox",
+          "aria-label": t.label,
+          class: t.theme.popup(),
+          "data-vtg-preset": l?.themePreset ?? "antdv",
+          style: g.value,
+          onKeydown: x
+        }, [f.value.map((e, n) => u("li", {
+          key: Number(e),
+          role: "option",
+          tabindex: n === c.value ? 0 : -1,
+          "aria-selected": Number(e) === t.value,
+          class: C(l?.cssMode ?? "prebuilt", l?.classPrefix ?? "vtg", t.theme.option(), Number(e) === t.value && t.theme.optionActive()),
+          onClick: () => N(e),
+          onKeydown: (m) => {
+            (m.key === "Enter" || m.key === " ") && (m.preventDefault(), N(e));
+          }
+        }, [t.renderText(e)]))])]
+      })]
+    })]);
+  }
+});
+export {
+  G as default
+};

package/dist/table/src/components/SelectionDropdown.d.ts

@@ -19,6 +19,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>;
         required: true;
     };
+    anchorElement: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
     popupContainer: {
         type: PropType<string | HTMLElement>;
         default: string;
@@ -41,6 +45,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>;
         required: true;
     };
+    anchorElement: {
+        type: PropType<HTMLElement | null>;
+        default: null;
+    };
     popupContainer: {
         type: PropType<string | HTMLElement>;
         default: string;
@@ -57,6 +65,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     visible: boolean;
     popupContainer: string | HTMLElement;
+    anchorElement: HTMLElement | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=SelectionDropdown.d.ts.map

package/dist/table/src/components/SelectionDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionDropdown.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/SelectionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,KAAK,CAAA;AAIZ,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;CAC9C;;;cAMoB,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;cAInC,QAAQ,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAI5D,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC;;;;;;;;;cARzC,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;cAInC,QAAQ,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAI5D,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;AAZ9D,wBAqFE"}
+{"version":3,"file":"SelectionDropdown.d.ts","sourceRoot":"","sources":["../../../../../table/src/components/SelectionDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,QAAQ,EACb,KAAK,UAAU,EAChB,MAAM,KAAK,CAAA;AAIZ,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,WAAW,wBAAwB;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,UAAU,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;CAC9C;;;cAMoB,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;cAInC,QAAQ,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAItE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;;;;cAIlB,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC;;;;;;;;;cAZzC,QAAQ,CAAC,wBAAwB,EAAE,CAAC;;;;cAInC,QAAQ,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;;;;cAItE,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;;;;cAIlB,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;AAhB9D,wBA+FE"}

package/dist/table/src/components/SelectionDropdown.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as p, inject as m, ref as f, onMounted as v, nextTick as y, onBeforeUnmount as b, createVNode as n, Teleport as w, Transition as C } from "vue";
-import { TABLE_CONTEXT_KEY as h } from "../context.mjs";
+import { defineComponent as m, inject as p, ref as f, onMounted as v, nextTick as y, onBeforeUnmount as h, createVNode as o, Teleport as b, Transition as w } from "vue";
+import { TABLE_CONTEXT_KEY as C } from "../context.mjs";
 import { getPopupPositionStyle as g } from "../utils/popupPosition.mjs";
-const D = /* @__PURE__ */ p({
+const k = /* @__PURE__ */ m({
   name: "SelectionDropdown",
   props: {
     items: {
@@ -12,6 +12,10 @@ const D = /* @__PURE__ */ p({
       type: Object,
       required: !0
     },
+    anchorElement: {
+      type: Object,
+      default: null
+    },
     popupContainer: {
       type: [String, Object],
       default: "body"
@@ -22,52 +26,54 @@ const D = /* @__PURE__ */ p({
     }
   },
   emits: ["close", "select", "mouseenter", "mouseleave"],
-  setup(o, {
-    emit: t
+  setup(t, {
+    emit: n
   }) {
-    const s = m(h, {}), l = f(null);
-    function c(e) {
-      o.visible && l.value && !l.value.contains(e.target) && t("close");
+    const s = p(C, {}), l = f(null);
+    function r(e) {
+      t.visible && l.value && !l.value.contains(e.target) && !t.anchorElement?.contains(e.target) && n("close");
     }
     v(() => {
       y(() => {
-        document.addEventListener("mousedown", c);
+        document.addEventListener("mousedown", r), document.addEventListener("touchstart", r, {
+          passive: !0
+        });
       });
-    }), b(() => {
-      document.removeEventListener("mousedown", c);
+    }), h(() => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", r);
     });
     function i(e) {
-      const r = s.getChangeableRowKeys?.() ?? [];
-      e.onSelect?.(r), t("select", e.key), t("close");
+      const a = s.getChangeableRowKeys?.() ?? [];
+      e.onSelect?.(a), n("select", e.key), n("close");
     }
     return () => {
       const {
         anchorRect: e
-      } = o, r = 120, a = o.popupContainer, d = g(e, a, r);
-      return n(w, {
-        to: a
+      } = t, a = 120, u = t.popupContainer, d = g(e, u, a);
+      return o(b, {
+        to: u
       }, {
-        default: () => [n(C, {
+        default: () => [o(w, {
           name: "vtg-dropdown"
         }, {
-          default: () => [o.visible && n("div", {
+          default: () => [t.visible && o("div", {
             ref: l,
             class: s.subThemeSlots?.selectionDropdown(),
             style: d,
-            onMouseenter: () => t("mouseenter"),
-            onMouseleave: () => t("mouseleave")
-          }, [n("ul", {
+            onMouseenter: () => n("mouseenter"),
+            onMouseleave: () => n("mouseleave")
+          }, [o("ul", {
             class: s.vtgClass?.("m-0 list-none p-0")
-          }, [o.items.map((u) => n("li", {
-            key: u.key,
+          }, [t.items.map((c) => o("li", {
+            key: c.key,
             class: s.subThemeSlots?.selectionDropdownItem(),
-            onClick: () => i(u)
-          }, [u.text]))])])]
+            onClick: () => i(c)
+          }, [c.text]))])])]
         })]
       });
     };
   }
 });
 export {
-  D as default
+  k as default
 };