@expcat/tigercat-vue 1.2.34 → 1.2.39

package/dist/{chunk-U5RXZ2IL.mjs → chunk-JKJ7HMFO.mjs}

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk-5HUZ33NC.mjs";
+} from "./chunk-V2IDOR7Y.mjs";
 import {
   ImageCropper
 } from "./chunk-DEJKRMMU.mjs";

package/dist/{chunk-CWQOEU6G.js → chunk-JNIKT6AL.js}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Spotlight.ts
 
@@ -205,11 +205,11 @@ var Spotlight = _vue.defineComponent.call(void 0, {
         closeSpotlight();
       }
     };
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, resolvedOpen);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, resolvedOpen);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: resolvedOpen, containerRef: dialogRef });
     let cleanupEscape;
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, { enabled: resolvedOpen, onEscape: closeSpotlight });
       if (resolvedOpen.value) {
         _vue.nextTick.call(void 0, () => _tigercatcore.focusFirst.call(void 0, [inputRef.value, dialogRef.value]));
       }
@@ -361,7 +361,7 @@ var Spotlight = _vue.defineComponent.call(void 0, {
           )
         ]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, content, props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, content, props.disableTeleport);
     };
   }
 });

package/dist/{chunk-DBTS5QBX.mjs → chunk-JPZJZFC4.mjs}

@@ -2,13 +2,14 @@ import {
   useVueClickOutside,
   useVueEscapeKey,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/utils/use-floating-popup.ts
 import { computed, ref, watch, onBeforeUnmount } from "vue";
 import {
   getTransformOrigin,
-  buildTriggerHandlerMap
+  buildTriggerHandlerMap,
+  restoreFocus
 } from "@expcat/tigercat-core";
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -32,6 +33,19 @@ function useFloatingPopup(options) {
   const containerRef = ref(null);
   const triggerRef = ref(null);
   const floatingRef = ref(null);
+  const restoreTriggerFocus = () => {
+    const trigger = triggerRef.value;
+    const target = trigger?.querySelector(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    ) ?? trigger;
+    window.setTimeout(() => {
+      restoreFocus(target, { preventScroll: true });
+    }, 0);
+  };
+  const closeAndRestoreFocus = () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  };
   const {
     x,
     y,
@@ -59,14 +73,14 @@ function useFloatingPopup(options) {
         outsideClickCleanup = useVueClickOutside({
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
-          onOutsideClick: () => setVisible(false),
+          onOutsideClick: closeAndRestoreFocus,
           defer: true
         });
       }
       if (visible && trigger !== "manual") {
         escapeKeyCleanup = useVueEscapeKey({
           enabled: currentVisible,
-          onEscape: () => setVisible(false)
+          onEscape: closeAndRestoreFocus
         });
       }
     },

package/dist/{chunk-TOE2XSEO.js → chunk-JT2ANXUR.js}

@@ -1,9 +1,9 @@
 "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 _chunkLWDA7ABQjs = require('./chunk-LWDA7ABQ.js');
+var _chunkNNFDOVVAjs = require('./chunk-NNFDOVVA.js');
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Tooltip.ts
 var _vue = require('vue');
@@ -48,7 +48,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
       floatingRef,
       floatingStyles,
       triggerHandlers
-    } = _chunkLWDA7ABQjs.useFloatingPopup.call(void 0, { props, emit });
+    } = _chunkNNFDOVVAjs.useFloatingPopup.call(void 0, { props, emit });
     const tooltipId = createTooltipId();
     const containerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), props.className, _tigercatcore.coerceClassValue.call(void 0, attrsRecord.class))
@@ -85,7 +85,7 @@ var Tooltip = _vue.defineComponent.call(void 0, {
             defaultSlot
           ),
           // Tooltip content (positioned with Floating UI)
-          currentVisible.value ? _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, 
+          currentVisible.value ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
             _vue.h.call(void 0, 
               "div",
               {

package/dist/{chunk-MVZGR3ZB.js → chunk-MD7S2A55.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 _chunkFAYSOSR7js = require('./chunk-FAYSOSR7.js');
+var _chunkFKCZSBM6js = require('./chunk-FKCZSBM6.js');
 
 // src/components/DropdownItem.ts
 var _vue = require('vue');
@@ -47,7 +47,7 @@ var DropdownItem = _vue.defineComponent.call(void 0, {
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const context = _vue.inject.call(void 0, _chunkFAYSOSR7js.DropdownContextKey, null);
+    const context = _vue.inject.call(void 0, _chunkFKCZSBM6js.DropdownContextKey, null);
     const handleClick = (event) => {
       if (props.disabled) {
         event.preventDefault();

package/dist/{chunk-LWDA7ABQ.js → chunk-NNFDOVVA.js}

@@ -2,13 +2,14 @@
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/utils/use-floating-popup.ts
 var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 function useFloatingPopup(options) {
   const { props, emit, multiTrigger = true } = options;
@@ -32,11 +33,24 @@ function useFloatingPopup(options) {
   const containerRef = _vue.ref.call(void 0, null);
   const triggerRef = _vue.ref.call(void 0, null);
   const floatingRef = _vue.ref.call(void 0, null);
+  const restoreTriggerFocus = () => {
+    const trigger = triggerRef.value;
+    const target = _nullishCoalesce(_optionalChain([trigger, 'optionalAccess', _ => _.querySelector, 'call', _2 => _2(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    )]), () => ( trigger));
+    window.setTimeout(() => {
+      _tigercatcore.restoreFocus.call(void 0, target, { preventScroll: true });
+    }, 0);
+  };
+  const closeAndRestoreFocus = () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  };
   const {
     x,
     y,
     placement: actualPlacement
-  } = _chunkJDCVS4SJjs.useVueFloating.call(void 0, {
+  } = _chunkEQW6IUHGjs.useVueFloating.call(void 0, {
     referenceRef: triggerRef,
     floatingRef,
     enabled: currentVisible,
@@ -51,30 +65,30 @@ function useFloatingPopup(options) {
   _vue.watch.call(void 0, 
     [currentVisible, effectiveTrigger],
     ([visible, trigger]) => {
-      _optionalChain([outsideClickCleanup, 'optionalCall', _ => _()]);
-      _optionalChain([escapeKeyCleanup, 'optionalCall', _2 => _2()]);
+      _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
+      _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
       outsideClickCleanup = void 0;
       escapeKeyCleanup = void 0;
       if (visible && trigger === "click") {
-        outsideClickCleanup = _chunkJDCVS4SJjs.useVueClickOutside.call(void 0, {
+        outsideClickCleanup = _chunkEQW6IUHGjs.useVueClickOutside.call(void 0, {
           enabled: currentVisible,
           refs: [containerRef, floatingRef],
-          onOutsideClick: () => setVisible(false),
+          onOutsideClick: closeAndRestoreFocus,
           defer: true
         });
       }
       if (visible && trigger !== "manual") {
-        escapeKeyCleanup = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+        escapeKeyCleanup = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
           enabled: currentVisible,
-          onEscape: () => setVisible(false)
+          onEscape: closeAndRestoreFocus
         });
       }
     },
     { immediate: true }
   );
   _vue.onBeforeUnmount.call(void 0, () => {
-    _optionalChain([outsideClickCleanup, 'optionalCall', _3 => _3()]);
-    _optionalChain([escapeKeyCleanup, 'optionalCall', _4 => _4()]);
+    _optionalChain([outsideClickCleanup, 'optionalCall', _5 => _5()]);
+    _optionalChain([escapeKeyCleanup, 'optionalCall', _6 => _6()]);
   });
   const floatingStyles = _vue.computed.call(void 0, () => ({
     position: "absolute",

package/dist/{chunk-IXJSZIAE.mjs → chunk-NP6KUJ4X.mjs}

@@ -1,7 +1,7 @@
 import {
   renderVueBodyTeleport,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Menu.ts
 import {

package/dist/{chunk-RHAIJVMW.mjs → chunk-NYH6GSP7.mjs}

@@ -2,7 +2,7 @@ import {
   useVueClickOutside,
   useVueEscapeKey,
   useVueFloating
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Dropdown.ts
 import {

package/dist/{chunk-MCRT64VS.js → chunk-O23S65U3.js}

@@ -1,11 +1,14 @@
 "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 _chunkOA3HAUBTjs = require('./chunk-OA3HAUBT.js');
+var _chunk5BILS3SGjs = require('./chunk-5BILS3SG.js');
 
 
 var _chunkBGMAWKWVjs = require('./chunk-BGMAWKWV.js');
 
 
+var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
+
+
 var _chunkBYNMOQBBjs = require('./chunk-BYNMOQBB.js');
 
 
@@ -24,6 +27,11 @@ var _vue = require('vue');
 
 
 
+
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
   name: "TigerDataTableWithToolbar",
@@ -77,9 +85,17 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: Boolean,
       default: false
     },
+    locale: {
+      type: [Object, Function],
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
+    },
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     rowSelection: {
       type: Object,
@@ -101,6 +117,14 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
       type: [String, Number],
       default: void 0
     },
+    responsiveMode: {
+      type: String,
+      default: "scroll"
+    },
+    cardBreakpoint: {
+      type: String,
+      default: "sm"
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -132,6 +156,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     "page-size-change": (_current, _pageSize) => true
   },
   setup(props, { attrs, emit }) {
+    const config = _chunk25EYT2CBjs.useTigerConfig.call(void 0, );
     const internalSearch = _vue.ref.call(void 0, _nullishCoalesce(_optionalChain([props, 'access', _ => _.toolbar, 'optionalAccess', _2 => _2.defaultSearchValue]), () => ( "")));
     const internalFilters = _vue.ref.call(void 0, {});
     const previousPageSize = _vue.ref.call(void 0, 
@@ -139,6 +164,35 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     );
     const vnodeProps = _nullishCoalesce(_optionalChain([_vue.getCurrentInstance.call(void 0, ), 'optionalAccess', _3 => _3.vnode, 'access', _4 => _4.props]), () => ( {}));
     const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
+    const resolvedTableLocale = _vue.ref.call(void 0, );
+    let tableLocaleResolveId = 0;
+    _vue.watch.call(void 0, 
+      () => props.locale,
+      (locale) => {
+        const resolveId = ++tableLocaleResolveId;
+        if (!locale) {
+          resolvedTableLocale.value = void 0;
+          return;
+        }
+        const immediateLocale = _tigercatcore.getImmediateTigerLocale.call(void 0, locale);
+        resolvedTableLocale.value = immediateLocale;
+        if (!_tigercatcore.isLazyTigerLocale.call(void 0, locale)) return;
+        _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = nextLocale;
+          }
+        }).catch(() => {
+          if (resolveId === tableLocaleResolveId) {
+            resolvedTableLocale.value = immediateLocale;
+          }
+        });
+      },
+      { immediate: true }
+    );
+    const tableLocale = _vue.computed.call(void 0, 
+      () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, resolvedTableLocale.value)
+    );
+    const tableLabels = _vue.computed.call(void 0, () => _tigercatcore.getTableLabels.call(void 0, tableLocale.value, props.labels));
     _vue.watch.call(void 0, 
       () => _optionalChain([props, 'access', _5 => _5.toolbar, 'optionalAccess', _6 => _6.searchValue]),
       (nextValue) => {
@@ -194,7 +248,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
     const selectedCount = _vue.computed.call(void 0, 
       () => _optionalChain([props, 'access', _25 => _25.toolbar, 'optionalAccess', _26 => _26.selectedCount]) !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
     );
-    const bulkLabel = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([props, 'access', _27 => _27.toolbar, 'optionalAccess', _28 => _28.bulkActionsLabel]), () => ( "\u5DF2\u9009\u62E9")));
+    const bulkLabel = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([props, 'access', _27 => _27.toolbar, 'optionalAccess', _28 => _28.bulkActionsLabel]), () => ( tableLabels.value.selectedText)));
     const wrapperClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         "tiger-data-table-with-toolbar flex flex-col",
@@ -257,7 +311,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                   type: "search",
                   size: "sm",
                   modelValue: searchValue.value,
-                  placeholder: _nullishCoalesce(_optionalChain([props, 'access', _35 => _35.toolbar, 'optionalAccess', _36 => _36.searchPlaceholder]), () => ( "\u641C\u7D22")),
+                  placeholder: _nullishCoalesce(_optionalChain([props, 'access', _35 => _35.toolbar, 'optionalAccess', _36 => _36.searchPlaceholder]), () => ( tableLabels.value.searchPlaceholder)),
                   "onUpdate:modelValue": (value) => handleSearchChange(String(_nullishCoalesce(value, () => ( "")))),
                   onKeydown: (event) => {
                     if (event.key === "Enter") {
@@ -295,7 +349,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                   onClick: handleSearchSubmit,
                   disabled: !canSearch.value
                 },
-                { default: () => _nullishCoalesce(_optionalChain([props, 'access', _37 => _37.toolbar, 'optionalAccess', _38 => _38.searchButtonText]), () => ( "\u641C\u7D22")) }
+                { default: () => _nullishCoalesce(_optionalChain([props, 'access', _37 => _37.toolbar, 'optionalAccess', _38 => _38.searchButtonText]), () => ( tableLabels.value.searchButtonText)) }
               ) : null
             ]
           )
@@ -337,7 +391,11 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
                 _vue.h.call(void 0, "span", {
                   class: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse"
                 }),
-                _vue.h.call(void 0, "span", null, `${bulkLabel.value} ${selectedCount.value} \u9879`)
+                _vue.h.call(void 0, 
+                  "span",
+                  null,
+                  `${bulkLabel.value} ${selectedCount.value} ${tableLabels.value.selectedItemsText}`
+                )
               ]
             )
           );
@@ -367,7 +425,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
             props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
           ),
           role: "toolbar",
-          "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F"
+          "aria-label": tableLabels.value.toolbarAriaLabel
         },
         [
           _vue.h.call(void 0, "div", { class: "flex items-center gap-3 flex-wrap flex-1 min-w-0" }, leftNodes),
@@ -395,6 +453,8 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         striped: props.striped,
         hoverable: props.hoverable,
         loading: props.loading,
+        locale: props.locale,
+        labels: props.labels,
         emptyText: props.emptyText,
         pagination: props.pagination,
         rowSelection: props.rowSelection,
@@ -403,6 +463,8 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
         stickyHeader: props.stickyHeader,
         maxHeight: props.maxHeight,
         tableLayout: props.tableLayout,
+        responsiveMode: props.responsiveMode,
+        cardBreakpoint: props.cardBreakpoint,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
@@ -414,7 +476,7 @@ var DataTableWithToolbar = _vue.defineComponent.call(void 0, {
           style: wrapperStyle.value,
           "data-tiger-data-table-with-toolbar": ""
         },
-        [renderToolbar(), _vue.h.call(void 0, _chunkOA3HAUBTjs.Table, tableProps)]
+        [renderToolbar(), _vue.h.call(void 0, _chunk5BILS3SGjs.Table, tableProps)]
       );
     };
   }

package/dist/{chunk-CBECE4ZO.mjs → chunk-OGDZTDZ6.mjs}

@@ -3,7 +3,7 @@ import {
   useVueBodyScrollLock,
   useVueEscapeKey,
   useVueFocusTrap
-} from "./chunk-7RIWAO2A.mjs";
+} from "./chunk-BDTPFPSB.mjs";
 
 // src/components/Spotlight.ts
 import {

package/dist/{chunk-PHWAXBFG.mjs → chunk-OKBZKBFP.mjs}

@@ -1,9 +1,12 @@
 import {
   Table
-} from "./chunk-7M4UUCJF.mjs";
+} from "./chunk-5Z2OCSVJ.mjs";
 import {
   Select
 } from "./chunk-PYT5DTQQ.mjs";
+import {
+  useTigerConfig
+} from "./chunk-VG6E4NX6.mjs";
 import {
   Input
 } from "./chunk-2WJADO6O.mjs";
@@ -23,7 +26,12 @@ import {
 import {
   classNames,
   coerceClassValue,
-  mergeStyleValues
+  getImmediateTigerLocale,
+  getTableLabels,
+  isLazyTigerLocale,
+  mergeStyleValues,
+  mergeTigerLocale,
+  resolveTigerLocale
 } from "@expcat/tigercat-core";
 var DataTableWithToolbar = defineComponent({
   name: "TigerDataTableWithToolbar",
@@ -77,9 +85,17 @@ var DataTableWithToolbar = defineComponent({
       type: Boolean,
       default: false
     },
+    locale: {
+      type: [Object, Function],
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
+    },
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     rowSelection: {
       type: Object,
@@ -101,6 +117,14 @@ var DataTableWithToolbar = defineComponent({
       type: [String, Number],
       default: void 0
     },
+    responsiveMode: {
+      type: String,
+      default: "scroll"
+    },
+    cardBreakpoint: {
+      type: String,
+      default: "sm"
+    },
     toolbar: {
       type: Object,
       default: void 0
@@ -132,6 +156,7 @@ var DataTableWithToolbar = defineComponent({
     "page-size-change": (_current, _pageSize) => true
   },
   setup(props, { attrs, emit }) {
+    const config = useTigerConfig();
     const internalSearch = ref(props.toolbar?.defaultSearchValue ?? "");
     const internalFilters = ref({});
     const previousPageSize = ref(
@@ -139,6 +164,35 @@ var DataTableWithToolbar = defineComponent({
     );
     const vnodeProps = getCurrentInstance()?.vnode.props ?? {};
     const hasSearchListener = Boolean(vnodeProps.onSearch || vnodeProps.onSearchChange);
+    const resolvedTableLocale = ref();
+    let tableLocaleResolveId = 0;
+    watch(
+      () => props.locale,
+      (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 = computed(
+      () => mergeTigerLocale(config.value.locale, resolvedTableLocale.value)
+    );
+    const tableLabels = computed(() => getTableLabels(tableLocale.value, props.labels));
     watch(
       () => props.toolbar?.searchValue,
       (nextValue) => {
@@ -194,7 +248,7 @@ var DataTableWithToolbar = defineComponent({
     const selectedCount = computed(
       () => props.toolbar?.selectedCount !== void 0 ? props.toolbar.selectedCount : selectedKeys.value.length
     );
-    const bulkLabel = computed(() => props.toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9");
+    const bulkLabel = computed(() => props.toolbar?.bulkActionsLabel ?? tableLabels.value.selectedText);
     const wrapperClasses = computed(
       () => classNames(
         "tiger-data-table-with-toolbar flex flex-col",
@@ -257,7 +311,7 @@ var DataTableWithToolbar = defineComponent({
                   type: "search",
                   size: "sm",
                   modelValue: searchValue.value,
-                  placeholder: props.toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                  placeholder: props.toolbar?.searchPlaceholder ?? tableLabels.value.searchPlaceholder,
                   "onUpdate:modelValue": (value) => handleSearchChange(String(value ?? "")),
                   onKeydown: (event) => {
                     if (event.key === "Enter") {
@@ -295,7 +349,7 @@ var DataTableWithToolbar = defineComponent({
                   onClick: handleSearchSubmit,
                   disabled: !canSearch.value
                 },
-                { default: () => props.toolbar?.searchButtonText ?? "\u641C\u7D22" }
+                { default: () => props.toolbar?.searchButtonText ?? tableLabels.value.searchButtonText }
               ) : null
             ]
           )
@@ -337,7 +391,11 @@ var DataTableWithToolbar = defineComponent({
                 h("span", {
                   class: "w-1.5 h-1.5 rounded-full bg-[var(--tiger-primary,#2563eb)] animate-pulse"
                 }),
-                h("span", null, `${bulkLabel.value} ${selectedCount.value} \u9879`)
+                h(
+                  "span",
+                  null,
+                  `${bulkLabel.value} ${selectedCount.value} ${tableLabels.value.selectedItemsText}`
+                )
               ]
             )
           );
@@ -367,7 +425,7 @@ var DataTableWithToolbar = defineComponent({
             props.bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
           ),
           role: "toolbar",
-          "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F"
+          "aria-label": tableLabels.value.toolbarAriaLabel
         },
         [
           h("div", { class: "flex items-center gap-3 flex-wrap flex-1 min-w-0" }, leftNodes),
@@ -395,6 +453,8 @@ var DataTableWithToolbar = defineComponent({
         striped: props.striped,
         hoverable: props.hoverable,
         loading: props.loading,
+        locale: props.locale,
+        labels: props.labels,
         emptyText: props.emptyText,
         pagination: props.pagination,
         rowSelection: props.rowSelection,
@@ -403,6 +463,8 @@ var DataTableWithToolbar = defineComponent({
         stickyHeader: props.stickyHeader,
         maxHeight: props.maxHeight,
         tableLayout: props.tableLayout,
+        responsiveMode: props.responsiveMode,
+        cardBreakpoint: props.cardBreakpoint,
         class: props.bordered ? "border-none rounded-none shadow-none" : void 0,
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange

package/dist/{chunk-4GYBJBFJ.mjs → chunk-QIXG7OIN.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LBGTABIU.mjs";
 import {
   Loading
-} from "./chunk-PCUUTKQZ.mjs";
+} from "./chunk-XQRKFOXS.mjs";
 import {
   Link
 } from "./chunk-3MO7A4GU.mjs";

package/dist/{chunk-UC3UXUVN.js → chunk-QJLFHHI2.js}

@@ -6,7 +6,7 @@ var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
 
-var _chunkJDCVS4SJjs = require('./chunk-JDCVS4SJ.js');
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
 // src/components/Drawer.ts
 
@@ -276,10 +276,10 @@ var Drawer = _vue.defineComponent.call(void 0, {
     };
     const escapeEnabled = _vue.computed.call(void 0, () => props.open);
     let cleanupEscape;
-    _chunkJDCVS4SJjs.useVueBodyScrollLock.call(void 0, escapeEnabled);
-    _chunkJDCVS4SJjs.useVueFocusTrap.call(void 0, { enabled: escapeEnabled, containerRef: dialogRef });
+    _chunkEQW6IUHGjs.useVueBodyScrollLock.call(void 0, escapeEnabled);
+    _chunkEQW6IUHGjs.useVueFocusTrap.call(void 0, { enabled: escapeEnabled, containerRef: dialogRef });
     _vue.onMounted.call(void 0, () => {
-      cleanupEscape = _chunkJDCVS4SJjs.useVueEscapeKey.call(void 0, {
+      cleanupEscape = _chunkEQW6IUHGjs.useVueEscapeKey.call(void 0, {
         enabled: escapeEnabled,
         onEscape: handleClose
       });
@@ -431,7 +431,7 @@ var Drawer = _vue.defineComponent.call(void 0, {
         },
         [mask, panel]
       );
-      return _chunkJDCVS4SJjs.renderVueBodyTeleport.call(void 0, [root], props.disableTeleport);
+      return _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, [root], props.disableTeleport);
     };
   }
 });