@expcat/tigercat-vue 1.2.34 → 1.2.39

package/dist/{chunk-7M4UUCJF.mjs → chunk-5Z2OCSVJ.mjs}

@@ -1,6 +1,18 @@
+import {
+  Select
+} from "./chunk-PYT5DTQQ.mjs";
+import {
+  Radio
+} from "./chunk-YZP4K6KI.mjs";
 import {
   useTigerConfig
 } from "./chunk-VG6E4NX6.mjs";
+import {
+  Empty
+} from "./chunk-WFISP42H.mjs";
+import {
+  Checkbox
+} from "./chunk-2BNQGU7E.mjs";
 
 // src/components/Table.ts
 import {
@@ -15,8 +27,13 @@ import {
 import {
   classNames as classNames3,
   createTableResizeObserverController,
+  formatTableSelectRowAriaLabel,
+  formatTableSortByText,
+  getCardColumns,
   getImmediateTigerLocale,
+  getTableLabels,
   getTableWrapperClasses,
+  getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
   isLazyTigerLocale,
@@ -25,8 +42,8 @@ import {
   tableBaseClasses,
   tableResponsiveCardClasses,
   tableResponsiveCardLabelClasses,
-  tableResponsiveCardListClasses,
   tableResponsiveCardRowClasses,
+  tableResponsiveCardTitleClasses,
   tableResponsiveCardValueClasses,
   tableLoadingOverlayClasses
 } from "@expcat/tigercat-core";
@@ -83,9 +100,15 @@ var tableProps = {
     type: Boolean,
     default: false
   },
+  locale: {
+    type: [Object, Function]
+  },
+  labels: {
+    type: Object
+  },
   emptyText: {
     type: String,
-    default: "No data"
+    default: void 0
   },
   pagination: {
     type: [Object, Boolean],
@@ -126,6 +149,16 @@ var tableProps = {
     type: String,
     default: "scroll"
   },
+  cardBreakpoint: {
+    type: String,
+    default: "sm"
+  },
+  cardClassName: {
+    type: [String, Function]
+  },
+  renderCard: {
+    type: Function
+  },
   // --- v0.6.0 props ---
   virtual: { type: Boolean, default: false },
   autoVirtual: { type: Boolean, default: true },
@@ -327,6 +360,20 @@ function useTableState(props, emit, measuredColumnWidths) {
     const total = paginationConfig.value?.total !== void 0 && paginationConfig.value.total > 0 ? paginationConfig.value.total : processedData.value.length;
     return calculatePagination(total, currentPage.value, currentPageSize.value);
   });
+  function handleSetSort(nextSortState) {
+    if (!isSortControlled.value) {
+      uncontrolledSortState.value = nextSortState;
+    }
+    emit("sort-change", nextSortState);
+    emit("change", {
+      sort: nextSortState,
+      filters: filterState.value,
+      pagination: props.pagination !== false ? {
+        current: currentPage.value,
+        pageSize: currentPageSize.value
+      } : null
+    });
+  }
   function handleSort(columnKey) {
     const column = displayColumns.value.find((col) => col.key === columnKey);
     if (!column || !column.sortable) {
@@ -340,21 +387,9 @@ function useTableState(props, emit, measuredColumnWidths) {
         newDirection = null;
       }
     }
-    const nextSortState = {
+    handleSetSort({
       key: newDirection ? columnKey : null,
       direction: newDirection
-    };
-    if (!isSortControlled.value) {
-      uncontrolledSortState.value = nextSortState;
-    }
-    emit("sort-change", nextSortState);
-    emit("change", {
-      sort: nextSortState,
-      filters: filterState.value,
-      pagination: props.pagination !== false ? {
-        current: currentPage.value,
-        pageSize: currentPageSize.value
-      } : null
     });
   }
   function handleFilter(columnKey, value) {
@@ -550,6 +585,7 @@ function useTableState(props, emit, measuredColumnWidths) {
     editingValue,
     virtualScrollTop,
     toggleColumnLock,
+    handleSetSort,
     handleSort,
     handleFilter,
     handlePageChange,
@@ -1185,11 +1221,14 @@ var Table = defineComponent({
     const measuredRowHeights = ref2([]);
     const ctx = useTableState(props, emit, measuredColumnWidths);
     const resolvedPaginationLocale = ref2();
+    const resolvedTableLocale = ref2();
     let paginationLocaleResolveId = 0;
+    let tableLocaleResolveId = 0;
     const paginationLocaleInput = computed2(
       () => props.pagination !== false && typeof props.pagination === "object" ? props.pagination.locale : void 0
     );
     const isPaginationI18nDisabled = computed2(() => paginationLocaleInput.value === false);
+    const tableLocaleInput = computed2(() => props.locale);
     watch2(
       paginationLocaleInput,
       (locale) => {
@@ -1216,6 +1255,36 @@ var Table = defineComponent({
     const paginationLocale = computed2(
       () => isPaginationI18nDisabled.value ? void 0 : mergeTigerLocale(config.value.locale, resolvedPaginationLocale.value)
     );
+    watch2(
+      tableLocaleInput,
+      (locale) => {
+        const resolveId = ++tableLocaleResolveId;
+        if (!locale) {
+          resolvedTableLocale.value = void 0;
+          return;
+        }
+        const immediateLocale = getImmediateTigerLocale(locale);
+        resolvedTableLocale.value = immediateLocale;
+        if (!isLazyTigerLocale(locale)) return;
+        resolveTigerLocale(locale).then((nextLocale) => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const tableLocale = computed2(
+      () => mergeTigerLocale(config.value.locale, resolvedTableLocale.value)
+    );
+    const tableLabels = computed2(() => {
+      const overrides = props.emptyText === void 0 ? props.labels : { ...props.labels, emptyText: props.emptyText };
+      return getTableLabels(tableLocale.value, overrides);
+    });
     const resizeController = createTableResizeObserverController({
       onResize: (snapshot) => {
         if (!areNumberRecordsEqual(measuredColumnWidths.value, snapshot.columnWidths)) {
@@ -1245,10 +1314,14 @@ var Table = defineComponent({
       const wrapperStyle = resolvedProps.maxHeight ? {
         maxHeight: typeof resolvedProps.maxHeight === "number" ? `${resolvedProps.maxHeight}px` : resolvedProps.maxHeight
       } : void 0;
+      const renderProps = {
+        ...resolvedProps,
+        emptyText: tableLabels.value.emptyText
+      };
       const tableChildren = [
-        renderTableHeader(ctx, resolvedProps, slots),
-        renderTableBody(ctx, resolvedProps, slots),
-        renderSummaryRow(ctx, resolvedProps)
+        renderTableHeader(ctx, renderProps, slots),
+        renderTableBody(ctx, renderProps, slots),
+        renderSummaryRow(ctx, renderProps)
       ];
       const tableInner = h6(
         "table",
@@ -1256,7 +1329,10 @@ var Table = defineComponent({
           ref: tableRef,
           class: classNames3(
             tableBaseClasses,
-            getTableResponsiveTableClasses(resolvedProps.responsiveMode),
+            getTableResponsiveTableClasses(
+              resolvedProps.responsiveMode,
+              resolvedProps.cardBreakpoint
+            ),
             resolvedProps.tableLayout === "fixed" ? "table-fixed" : "table-auto"
           ),
           style: ctx.fixedColumnsInfo.value.hasFixedColumns && ctx.fixedColumnsInfo.value.minTableWidth ? { minWidth: `${ctx.fixedColumnsInfo.value.minTableWidth}px` } : void 0
@@ -1273,72 +1349,192 @@ var Table = defineComponent({
         },
         [tableInner]
       ) : tableInner;
-      const cardContent = resolvedProps.responsiveMode === "card" ? h6(
-        "div",
-        { class: tableResponsiveCardListClasses, "data-tiger-table-mobile": "card" },
-        ctx.paginatedData.value.length === 0 ? [h6("div", { class: tableResponsiveCardClasses }, resolvedProps.emptyText)] : ctx.paginatedData.value.map((record, index) => {
-          const key = ctx.paginatedRowKeys.value[index];
-          const isExpanded = ctx.expandedRowKeySet.value.has(key);
-          const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
-          const rows = ctx.displayColumns.value.map((column) => {
-            const dataKey = column.dataKey || column.key;
-            const cellValue = record[dataKey];
-            const cellContent = slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : cellValue);
-            return h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
-              h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
-              h6("div", { class: tableResponsiveCardValueClasses }, [cellContent])
-            ]);
-          });
-          const controls = [];
-          if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
-            const checkboxProps = resolvedProps.rowSelection.getCheckboxProps?.(record) || {};
-            controls.push(
-              h6("input", {
-                type: resolvedProps.rowSelection.type === "radio" ? "radio" : "checkbox",
-                checked: ctx.selectedRowKeySet.value.has(key),
-                disabled: checkboxProps.disabled,
-                onClick: (event) => event.stopPropagation(),
-                onChange: (event) => ctx.handleSelectRow(key, event.target.checked)
+      const cardContent = (() => {
+        if (resolvedProps.responsiveMode !== "card") return null;
+        const cardChildren = [];
+        const sortableColumns = ctx.displayColumns.value.filter((column) => column.sortable);
+        if (resolvedProps.rowSelection && resolvedProps.rowSelection.type !== "radio" && resolvedProps.rowSelection.showCheckbox !== false && ctx.paginatedData.value.length > 0) {
+          cardChildren.push(
+            h6(
+              "div",
+              {
+                class: "flex items-center justify-between rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+              },
+              [
+                h6(
+                  Checkbox,
+                  {
+                    size: "sm",
+                    modelValue: ctx.allSelected.value,
+                    indeterminate: ctx.someSelected.value,
+                    onChange: (checked) => ctx.handleSelectAll(checked)
+                  },
+                  { default: () => tableLabels.value.selectAllText }
+                )
+              ]
+            )
+          );
+        }
+        if (sortableColumns.length > 0) {
+          cardChildren.push(
+            h6("div", {
+              class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2"
+            }, [
+              h6(Select, {
+                size: "sm",
+                modelValue: ctx.sortState.value.key && ctx.sortState.value.direction ? `${ctx.sortState.value.key}:${ctx.sortState.value.direction}` : "",
+                options: [
+                  { label: tableLabels.value.clearSortText, value: "" },
+                  ...sortableColumns.flatMap((column) => [
+                    {
+                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2191`,
+                      value: `${column.key}:asc`
+                    },
+                    {
+                      label: `${formatTableSortByText(tableLabels.value.sortByText, column.title)} \u2193`,
+                      value: `${column.key}:desc`
+                    }
+                  ])
+                ],
+                clearable: false,
+                "onUpdate:modelValue": (value) => {
+                  const nextValue = String(value ?? "");
+                  if (!nextValue) {
+                    ctx.handleSetSort({ key: null, direction: null });
+                    return;
+                  }
+                  const separatorIndex = nextValue.lastIndexOf(":");
+                  const key = nextValue.slice(0, separatorIndex);
+                  const direction = nextValue.slice(separatorIndex + 1);
+                  ctx.handleSetSort({ key, direction });
+                }
               })
-            );
-          }
-          if (resolvedProps.expandable && isRowExpandable) {
-            controls.push(
-              h6(
-                "button",
+            ])
+          );
+        }
+        if (ctx.paginatedData.value.length === 0) {
+          cardChildren.push(
+            h6("div", { class: tableResponsiveCardClasses }, [
+              h6(Empty, { showImage: false, description: tableLabels.value.emptyText })
+            ])
+          );
+        } else {
+          cardChildren.push(
+            ...ctx.paginatedData.value.map((record, index) => {
+              const key = ctx.paginatedRowKeys.value[index];
+              const isExpanded = ctx.expandedRowKeySet.value.has(key);
+              const isSelected = ctx.selectedRowKeySet.value.has(key);
+              const isRowExpandable = resolvedProps.expandable ? resolvedProps.expandable.rowExpandable ? resolvedProps.expandable.rowExpandable(record) : true : false;
+              const { titleColumn, bodyColumns } = getCardColumns(ctx.displayColumns.value);
+              const renderCardCellContent = (column) => {
+                const dataKey = column.dataKey || column.key;
+                return slots[`cell-${column.key}`]?.({ record, index }) ?? (column.render ? column.render(record, index) : record[dataKey]);
+              };
+              const titleNode = titleColumn ? h6("div", { class: tableResponsiveCardTitleClasses }, [
+                renderCardCellContent(titleColumn)
+              ]) : null;
+              const rows = bodyColumns.map(
+                (column) => h6("div", { key: column.key, class: tableResponsiveCardRowClasses }, [
+                  h6("div", { class: tableResponsiveCardLabelClasses }, column.title),
+                  h6("div", { class: tableResponsiveCardValueClasses }, [
+                    renderCardCellContent(column)
+                  ])
+                ])
+              );
+              const controls = [];
+              if (resolvedProps.rowSelection && resolvedProps.rowSelection.showCheckbox !== false) {
+                const checkboxProps = resolvedProps.rowSelection.getCheckboxProps?.(record) || {};
+                controls.push(
+                  h6(
+                    "span",
+                    { onClick: (event) => event.stopPropagation() },
+                    [
+                      resolvedProps.rowSelection.type === "radio" ? h6(Radio, {
+                        value: key,
+                        checked: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": formatTableSelectRowAriaLabel(
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          tableLocale.value?.locale
+                        ),
+                        onChange: () => ctx.handleSelectRow(key, true)
+                      }) : h6(Checkbox, {
+                        size: "sm",
+                        modelValue: isSelected,
+                        disabled: checkboxProps.disabled,
+                        "aria-label": formatTableSelectRowAriaLabel(
+                          tableLabels.value.selectRowAriaLabel,
+                          index + 1,
+                          tableLocale.value?.locale
+                        ),
+                        onChange: (checked) => ctx.handleSelectRow(key, checked)
+                      })
+                    ]
+                  )
+                );
+              }
+              if (resolvedProps.expandable && isRowExpandable) {
+                controls.push(
+                  h6(
+                    "button",
+                    {
+                      type: "button",
+                      class: "text-sm text-[var(--tiger-primary,#2563eb)]",
+                      "aria-expanded": isExpanded,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        ctx.handleToggleExpand(key, record);
+                      }
+                    },
+                    isExpanded ? tableLabels.value.collapseText : tableLabels.value.expandText
+                  )
+                );
+              }
+              const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? slots["expanded-row"]?.({ record, index }) ?? resolvedProps.expandable.expandedRowRender?.(record, index) : null;
+              const cardContext = {
+                record,
+                index,
+                columns: ctx.displayColumns.value,
+                selected: isSelected,
+                expanded: isExpanded,
+                toggleExpand: () => ctx.handleToggleExpand(key, record),
+                selectRow: (checked) => ctx.handleSelectRow(key, checked)
+              };
+              const customCard = slots.card?.(cardContext) ?? resolvedProps.renderCard?.(cardContext);
+              const resolvedCardClassName = typeof resolvedProps.cardClassName === "function" ? resolvedProps.cardClassName(record, index) : resolvedProps.cardClassName;
+              return h6(
+                "div",
                 {
-                  type: "button",
-                  class: "text-sm text-[var(--tiger-primary,#2563eb)]",
-                  "aria-expanded": isExpanded,
-                  onClick: (event) => {
-                    event.stopPropagation();
-                    ctx.handleToggleExpand(key, record);
-                  }
+                  key,
+                  class: classNames3(tableResponsiveCardClasses, resolvedCardClassName),
+                  onClick: () => ctx.handleRowClick(record, index, key)
                 },
-                isExpanded ? "Collapse" : "Expand"
-              )
-            );
-          }
-          const expandedContent = resolvedProps.expandable && isExpanded && isRowExpandable ? slots["expanded-row"]?.({ record, index }) ?? resolvedProps.expandable.expandedRowRender?.(record, index) : null;
-          return h6(
-            "div",
-            {
-              key,
-              class: tableResponsiveCardClasses,
-              onClick: () => ctx.handleRowClick(record, index, key)
-            },
-            [
-              controls.length ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
-              ...rows,
-              expandedContent ? h6(
-                "div",
-                { class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3" },
-                [expandedContent]
-              ) : null
-            ]
+                customCard !== void 0 && customCard !== null ? [customCard] : [
+                  controls.length ? h6("div", { class: "mb-2 flex items-center gap-3" }, controls) : null,
+                  titleNode,
+                  ...rows,
+                  expandedContent ? h6(
+                    "div",
+                    {
+                      class: "mt-3 border-t border-[var(--tiger-border,#e5e7eb)] pt-3"
+                    },
+                    [expandedContent]
+                  ) : null
+                ]
+              );
+            })
           );
-        })
-      ) : null;
+        }
+        return h6(
+          "div",
+          {
+            class: getTableResponsiveCardListClasses(resolvedProps.cardBreakpoint),
+            "data-tiger-table-mobile": "card"
+          },
+          cardChildren
+        );
+      })();
       return h6(
         "div",
         {
@@ -1373,11 +1569,11 @@ var Table = defineComponent({
               class: tableLoadingOverlayClasses,
               role: "status",
               "aria-live": "polite",
-              "aria-label": "Loading"
+              "aria-label": tableLabels.value.loadingText
             },
-            [LoadingSpinner(), h6("span", { class: "sr-only" }, "Loading")]
+            [LoadingSpinner(), h6("span", { class: "sr-only" }, tableLabels.value.loadingText)]
           ),
-          renderPagination(ctx, resolvedProps, {
+          renderPagination(ctx, renderProps, {
             locale: paginationLocale.value,
             disableI18n: isPaginationI18nDisabled.value
           })

package/dist/{chunk-2LNNB55E.js → chunk-6XI4VDU4.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Loading.ts
 var _vue = require('vue');
@@ -82,7 +82,7 @@ var Loading = _vue.defineComponent.call(void 0, {
     const shouldLockBodyScroll = _vue.computed.call(void 0, 
       () => props.fullscreen && visible.value && props.lockScroll
     );
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, shouldLockBodyScroll);
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, shouldLockBodyScroll);
     const clearTimer = () => {
       if (timer) {
         clearTimeout(timer);
@@ -208,7 +208,7 @@ var Loading = _vue.defineComponent.call(void 0, {
         children
       );
       if (props.fullscreen) {
-        return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [loadingNode], props.disableTeleport);
+        return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [loadingNode], props.disableTeleport);
       }
       return loadingNode;
     };

package/dist/{chunk-7RIWAO2A.mjs → chunk-BDTPFPSB.mjs}

@@ -59,7 +59,8 @@ function useVueBodyScrollLock(enabled) {
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return h(Teleport, { to: "body", disabled }, children);
+  const normalizedChildren = children == null ? [] : Array.isArray(children) ? children : [children];
+  return h(Teleport, { to: "body", disabled }, normalizedChildren);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
   watch(

package/dist/{chunk-PACAXQQ4.js → chunk-DMNOK6OP.js}

@@ -9,7 +9,7 @@ var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Modal.ts
 
@@ -295,10 +295,10 @@ var Modal = _vue.defineComponent.call(void 0, {
     };
     const overlayOpen = _vue.computed.call(void 0, () => props.open);
     let cleanupEscape;
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, overlayOpen);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: overlayOpen, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, overlayOpen);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: overlayOpen, containerRef: dialogRef });
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, { enabled: overlayOpen, onEscape: handleClose });
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: overlayOpen, onEscape: handleClose });
     });
     _vue.onBeforeUnmount.call(void 0, () => {
       _optionalChain([cleanupEscape, 'optionalCall', _ => _()]);
@@ -474,7 +474,7 @@ var Modal = _vue.defineComponent.call(void 0, {
           )
         ]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [renderedWrapper], props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [renderedWrapper], props.disableTeleport);
     };
   }
 });

package/dist/{chunk-JDCVS4SJ.js → chunk-EQW6IUHG.js}

@@ -59,7 +59,8 @@ function useVueBodyScrollLock(enabled) {
   );
 }
 function renderVueBodyTeleport(children, disabled = false) {
-  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, children);
+  const normalizedChildren = children == null ? [] : Array.isArray(children) ? children : [children];
+  return _vue.h.call(void 0, _vue.Teleport, { to: "body", disabled }, normalizedChildren);
 }
 function useVueFocusTrap({ enabled, containerRef }) {
   _vue.watch.call(void 0, 

package/dist/{chunk-YR75F34D.mjs → chunk-FATIMV7O.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-RHAIJVMW.mjs";
+} from "./chunk-NYH6GSP7.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";

package/dist/{chunk-FAYSOSR7.js → chunk-FKCZSBM6.js}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Dropdown.ts
 
@@ -222,7 +222,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
       x,
       y,
       placement: currentPlacement
-    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+    } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
       referenceRef: triggerRef,
       floatingRef,
       enabled: currentVisible,
@@ -237,7 +237,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
         _optionalChain([cleanupClickOutside, 'optionalCall', _3 => _3()]);
         cleanupClickOutside = null;
         if (enabled) {
-          cleanupClickOutside = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
+          cleanupClickOutside = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
             enabled: currentVisible,
             containerRef,
             onOutsideClick: () => setVisible(false),
@@ -254,7 +254,7 @@ var Dropdown = _vue.defineComponent.call(void 0, {
         _optionalChain([cleanupEscapeKey, 'optionalCall', _4 => _4()]);
         cleanupEscapeKey = null;
         if (visible) {
-          cleanupEscapeKey = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+          cleanupEscapeKey = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
             enabled: currentVisible,
             onEscape: () => setVisible(false)
           });

package/dist/{chunk-4CWRNKPE.mjs → chunk-G7O3G2LI.mjs}

@@ -1,9 +1,9 @@
 import {
   useFloatingPopup
-} from "./chunk-DBTS5QBX.mjs";
+} from "./chunk-JPZJZFC4.mjs";
 import {
   renderVueBodyTeleport
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Popconfirm.ts
 import { defineComponent, computed, h, cloneVNode, isVNode } from "vue";

package/dist/{chunk-IBB54GHF.js → chunk-ICECZVMX.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkPACAXQQ4js = require('./chunk-PACAXQQ4.js');
+var _chunkDMNOK6OPjs = require('./chunk-DMNOK6OP.js');
 
 
 var _chunkWUEP3PFNjs = require('./chunk-WUEP3PFN.js');
@@ -171,7 +171,7 @@ var CropUpload = _vue.defineComponent.call(void 0, {
         ]
       );
       const modal = _vue.h.call(void 0, 
-        _chunkPACAXQQ4js.Modal,
+        _chunkDMNOK6OPjs.Modal,
         {
           open: modalVisible.value,
           size: "lg",

package/dist/{chunk-ZNGRSXFK.js → chunk-JE7AWY34.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Menu.ts
 
@@ -672,7 +672,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
       x: popupX,
       y: popupY,
       placement: currentPopupPlacement
-    } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+    } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
       referenceRef: titleEl,
       floatingRef: popupEl,
       enabled: _vue.computed.call(void 0, () => popupPortal.value && isExpanded.value),
@@ -940,7 +940,7 @@ var SubMenu = _vue.defineComponent.call(void 0, {
           },
           withChildLevel(_optionalChain([slots, 'access', _21 => _21.default, 'optionalCall', _22 => _22()]))
         );
-        return popupPortal.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, node) : node;
+        return popupPortal.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, node) : node;
       };
       const contentNode = isPopup.value ? popupContentNode() : hasRenderedInline.value ? _vue.h.call(void 0, 
         "div",