@expcat/tigercat-vue 1.3.4 → 1.4.0

package/dist/{chunk-ZSCOAOJJ.js → chunk-HMYVPBWI.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Cascader.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/Cascader.ts
 var _vue = require('vue');
 
 
@@ -20,6 +24,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -86,12 +92,21 @@ var Cascader = _vue.defineComponent.call(void 0, {
     },
     notFoundText: {
       type: String,
-      default: "No results found"
+      default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
     const instanceId = ++cascaderInstanceId;
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const isOpen = _vue.ref.call(void 0, false);
     const searchQuery = _vue.ref.call(void 0, "");
     const activePath = _vue.ref.call(void 0, []);
@@ -282,7 +297,10 @@ var Cascader = _vue.defineComponent.call(void 0, {
               ref: searchInputRef,
               type: "text",
               class: _tigercatcore.cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+                "Search...",
+                _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder])
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               "aria-label": "Search options"
@@ -291,7 +309,17 @@ var Cascader = _vue.defineComponent.call(void 0, {
         }
         if (isSearchMode.value) {
           if (searchResults.value.length === 0) {
-            children.push(_vue.h.call(void 0, "div", { class: _tigercatcore.cascaderEmptyStateClasses }, props.notFoundText));
+            children.push(
+              _vue.h.call(void 0, 
+                "div",
+                { class: _tigercatcore.cascaderEmptyStateClasses },
+                _tigercatcore.resolveLocaleText.call(void 0, 
+                  "No results found",
+                  props.notFoundText,
+                  _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.emptyText])
+                )
+              )
+            );
           } else {
             const searchList = _vue.h.call(void 0, 
               "div",
@@ -305,7 +333,7 @@ var Cascader = _vue.defineComponent.call(void 0, {
                       item.disabled && "opacity-50 cursor-not-allowed"
                     ),
                     ..._tigercatcore.getPickerOptionAria.call(void 0, {
-                      selected: _optionalChain([props, 'access', _ => _.modelValue, 'optionalAccess', _2 => _2.join, 'call', _3 => _3(",")]) === item.valuePath.join(","),
+                      selected: _optionalChain([props, 'access', _7 => _7.modelValue, 'optionalAccess', _8 => _8.join, 'call', _9 => _9(",")]) === item.valuePath.join(","),
                       disabled: item.disabled
                     }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)

package/dist/{chunk-P7RXZVLT.js → chunk-HZBE2RY4.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/AutoComplete.ts
+"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 _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
+// src/components/AutoComplete.ts
 
 
 
@@ -25,6 +29,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var autoCompleteInstanceId = 0;
 var ClearIcon = _vue.h.call(void 0, 
@@ -85,10 +91,16 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
     allowFreeInput: {
       type: Boolean,
       default: true
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "select", "search", "change"],
   setup(props, { emit, attrs }) {
+    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
     const instanceId = ++autoCompleteInstanceId;
     const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
     const isOpen = _vue.ref.call(void 0, false);
@@ -224,7 +236,7 @@ var AutoComplete = _vue.defineComponent.call(void 0, {
             {
               type: "button",
               class: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-autocomplete-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-autocomplete-clear-hover,var(--tiger-text,#111827))] transition-colors",
-              "aria-label": "Clear",
+              "aria-label": _tigercatcore.resolveLocaleText.call(void 0, "Clear", _optionalChain([mergedLocale, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.common, 'optionalAccess', _6 => _6.clearText])),
               onClick: handleClear
             },
             [ClearIcon]

package/dist/{chunk-25EYT2CB.js → chunk-IXTYS3EK.js}

@@ -15,6 +15,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
 function useTigerConfig() {
@@ -105,7 +106,7 @@ var ConfigProvider = _vue.defineComponent.call(void 0, {
     _vue.watch.call(void 0, 
       () => merged.value.direction,
       (direction) => {
-        if (!direction || typeof document === "undefined") return;
+        if (!direction || !_tigercatcore.isBrowser.call(void 0, )) return;
         const root = document.documentElement;
         if (previousDir === null && previousDataDir === null) {
           previousDir = root.getAttribute("dir");
@@ -117,7 +118,7 @@ var ConfigProvider = _vue.defineComponent.call(void 0, {
       { immediate: true }
     );
     _vue.onBeforeUnmount.call(void 0, () => {
-      if (typeof document === "undefined") return;
+      if (!_tigercatcore.isBrowser.call(void 0, )) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");
       else root.setAttribute("dir", previousDir);

package/dist/{chunk-W6VKVYWZ.mjs → chunk-J6YCXMVY.mjs}

@@ -166,7 +166,7 @@ var Image = defineComponent({
       if (ht) base.height = ht;
       return mergeStyleValues(attrs.style, props.style, base);
     });
-    const imgClasses = computed(() => getImageImgClasses(props.fit));
+    const imgClasses = computed(() => getImageImgClasses(props.fit ?? "cover"));
     return () => {
       const forwardedAttrs = Object.fromEntries(
         Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")

package/dist/{chunk-Q4MH333P.js → chunk-JCPTFBLY.js}

@@ -66,7 +66,7 @@ var CheckboxGroup = _vue.defineComponent.call(void 0, {
     const internalValue = _vue.ref.call(void 0, props.defaultValue);
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
     const value = _vue.computed.call(void 0, () => {
-      return isControlled.value ? props.modelValue : internalValue.value;
+      return props.modelValue !== void 0 ? props.modelValue : internalValue.value;
     });
     const updateValue = (val, checked) => {
       if (props.disabled) return;

package/dist/{chunk-C4HYZH7H.mjs → chunk-KH2CF6JU.mjs}

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-IZQ7BRHC.mjs";
+} from "./chunk-QAMXVTNN.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";
+} from "./chunk-UKMOWUYH.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Table.ts
 import {
@@ -211,7 +211,7 @@ var tableEmits = [
   "sort-change",
   "filter-change",
   "update:hiddenColumnKeys",
-  "hidden-columns-change",
+  "hidden-column-keys-change",
   "page-change",
   "expand-change",
   "cell-change",
@@ -373,7 +373,7 @@ function useTableState(props, emit, measuredColumnWidths) {
       uncontrolledHiddenColumnKeys.value = hiddenKeys;
     }
     emit("update:hiddenColumnKeys", hiddenKeys);
-    emit("hidden-columns-change", hiddenKeys);
+    emit("hidden-column-keys-change", hiddenKeys);
   }
   function toggleColumnLock(columnKey) {
     const original = props.columns.find((c) => c.key === columnKey)?.fixed;
@@ -1219,13 +1219,14 @@ function renderPagination(ctx, props, view) {
   );
   const finalPrevAriaLabel = view?.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
   const finalNextAriaLabel = view?.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return h5("div", { class: getSimplePaginationContainerClasses() }, [
-    paginationConfig.showTotal !== false && h5(
-      "div",
-      { class: getSimplePaginationTotalClasses() },
-      finalTotalText
-    ),
+    paginationConfig.showTotal !== false && h5("div", { class: getSimplePaginationTotalClasses() }, finalTotalText),
     h5("div", { class: getSimplePaginationControlsClasses() }, [
       paginationConfig.showSizeChanger !== false && h5(
         "select",

package/dist/{chunk-Q47OK3FR.js → chunk-KN64NDJS.js}

@@ -332,9 +332,7 @@ var ChatWindow = _vue.defineComponent.call(void 0, {
               {
                 class: "h-full flex items-center justify-center py-8"
               },
-              [
-                _vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { description: props.emptyText })
-              ]
+              [_vue.h.call(void 0, _chunkNOZ65AMOjs.Empty, { description: props.emptyText })]
             )
           ] : props.messages.map((message, index) => renderMessageItem(message, index))
         ),

package/dist/{chunk-MJP2SNLK.mjs → chunk-KY6AJRGT.mjs}

@@ -1,9 +1,9 @@
 import {
   Timeline
-} from "./chunk-VCBBWDOV.mjs";
+} from "./chunk-DOJPPVAN.mjs";
 import {
   Loading
-} from "./chunk-XQRKFOXS.mjs";
+} from "./chunk-6WF3336O.mjs";
 import {
   Link
 } from "./chunk-3MO7A4GU.mjs";
@@ -140,7 +140,10 @@ var ActivityFeed = defineComponent({
       return h(
         "div",
         {
-          class: classNames(activityItemClasses, "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full")
+          class: classNames(
+            activityItemClasses,
+            "p-4 rounded-2xl border border-gray-100/70 dark:border-gray-800/40 bg-white/40 dark:bg-gray-900/15 backdrop-blur-sm shadow-sm transition-all duration-300 hover:shadow-md hover:shadow-gray-100/30 dark:hover:shadow-none hover:bg-white dark:hover:bg-gray-900/30 hover:-translate-y-0.5 w-full"
+          )
         },
         [
           h("div", { class: activityItemLayoutClasses }, [
@@ -155,7 +158,12 @@ var ActivityFeed = defineComponent({
                 h("div", { class: activityItemTitleGroupClasses }, [
                   titleText ? h(
                     Text,
-                    { tag: "div", size: "sm", weight: "semibold", class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate" },
+                    {
+                      tag: "div",
+                      size: "sm",
+                      weight: "semibold",
+                      class: "text-gray-900 dark:text-gray-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors cursor-pointer truncate"
+                    },
                     { default: () => titleText }
                   ) : null,
                   item.status ? h(
@@ -185,11 +193,18 @@ var ActivityFeed = defineComponent({
                   tag: "div",
                   size: "sm",
                   color: "muted",
-                  class: classNames(activityItemDescriptionClasses, "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1")
+                  class: classNames(
+                    activityItemDescriptionClasses,
+                    "text-gray-600 dark:text-gray-300 leading-relaxed pl-0.5 mt-1"
+                  )
                 },
                 { default: () => descriptionText }
               ) : null,
-              actionNodes?.length ? h("div", { class: classNames(activityItemActionsClasses, "mt-2.5") }, actionNodes) : null
+              actionNodes?.length ? h(
+                "div",
+                { class: classNames(activityItemActionsClasses, "mt-2.5") },
+                actionNodes
+              ) : null
             ])
           ])
         ]
@@ -202,7 +217,10 @@ var ActivityFeed = defineComponent({
     const feedAriaBusy = computed(() => attrs["aria-busy"] ?? (props.loading ? "true" : void 0));
     return () => {
       if (props.loading) {
-        const loadingNode = slots.loading ? slots.loading() : h(Loading, { text: props.loadingText, class: "text-blue-500 dark:text-blue-400 font-medium" });
+        const loadingNode = slots.loading ? slots.loading() : h(Loading, {
+          text: props.loadingText,
+          class: "text-blue-500 dark:text-blue-400 font-medium"
+        });
         return h(
           "div",
           {
@@ -231,20 +249,28 @@ var ActivityFeed = defineComponent({
       }
       if (resolvedGroups.value.length === 0) {
         const emptyNode = slots.empty ? slots.empty() : h("div", { class: "flex flex-col items-center justify-center py-12 px-4" }, [
-          h("svg", {
-            class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: "1.5"
-          }, [
-            h("path", {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
-            })
-          ]),
-          h(Text, { tag: "div", size: "sm", color: "muted", class: "font-medium" }, { default: () => props.emptyText })
+          h(
+            "svg",
+            {
+              class: "w-12 h-12 text-gray-300 dark:text-gray-600 mb-3 animate-pulse",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              strokeWidth: "1.5"
+            },
+            [
+              h("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M12 7.5h1.5m-1.5 3h1.5m-7.5 3h10.5m-10.5 3h10.5m-13.5-9h16.5M3 5.25h18M3 18.75h18"
+              })
+            ]
+          ),
+          h(
+            Text,
+            { tag: "div", size: "sm", color: "muted", class: "font-medium" },
+            { default: () => props.emptyText }
+          )
         ]);
         return h(
           "div",
@@ -287,10 +313,17 @@ var ActivityFeed = defineComponent({
           const timelineItems = toActivityTimelineItems(group.items);
           return h("div", { key: group.key ?? groupIndex, class: "space-y-3" }, [
             props.showGroupTitle && groupTitle ? headerNode ?? h("div", { class: "flex items-center gap-2 mb-2" }, [
-              h("span", { class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20" }),
+              h("span", {
+                class: "w-1.5 h-3.5 bg-blue-500 rounded-full dark:bg-blue-400 shadow-sm shadow-blue-500/20"
+              }),
               h(
                 Text,
-                { tag: "span", size: "sm", weight: "bold", class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider" },
+                {
+                  tag: "span",
+                  size: "sm",
+                  weight: "bold",
+                  class: "text-gray-900 dark:text-gray-100 uppercase tracking-wider"
+                },
                 { default: () => groupTitle }
               )
             ]) : null,
@@ -321,7 +354,9 @@ var ActivityFeed = defineComponent({
                     pulseClass = "bg-blue-500/30";
                   }
                   return h("div", { class: "relative flex items-center justify-center w-4 h-4" }, [
-                    pulseClass ? h("span", { class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}` }) : null,
+                    pulseClass ? h("span", {
+                      class: `absolute inline-flex h-full w-full rounded-full animate-ping opacity-75 ${pulseClass}`
+                    }) : null,
                     h("span", { class: `${baseDotClass} ${colorClass} relative z-10` })
                   ]);
                 }

package/dist/{chunk-IPZVGA6Y.mjs → chunk-L6ZD3ZCO.mjs}

@@ -1,6 +1,9 @@
 import {
   VirtualList
 } from "./chunk-PENI3H3I.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Tree.ts
 import { defineComponent, computed, ref, h, watch, nextTick } from "vue";
@@ -22,6 +25,8 @@ import {
   getSpinnerSVG,
   normalizeSvgAttrs,
   getVisibleTreeItems,
+  getFirstVisibleChildKey,
+  getTreeKeyboardAction,
   getParentKeys,
   getAllKeys,
   findNode,
@@ -30,7 +35,9 @@ import {
   getCheckedKeysByStrategy,
   filterTreeNodes,
   getAutoExpandKeys,
-  checkedSetsFromState
+  checkedSetsFromState,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var spinnerSvg = getSpinnerSVG("spinner");
 var ExpandIcon = (expanded, hasChildren) => {
@@ -218,7 +225,7 @@ var Tree = defineComponent({
      */
     emptyText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     /**
      * Accessible label for the tree container
@@ -263,6 +270,13 @@ var Tree = defineComponent({
     className: {
       type: String,
       default: void 0
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: [
@@ -279,6 +293,8 @@ var Tree = defineComponent({
   ],
   setup(props, { emit, attrs }) {
     const rootEl = ref(null);
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const effectiveSelectable = computed(() => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode !== "none";
@@ -496,21 +512,6 @@ var Tree = defineComponent({
     function getCurrentKey(fallbackKey) {
       return activeKey.value ?? defaultActiveKey.value ?? fallbackKey;
     }
-    function getNavigationIndex(key) {
-      return focusableKeys.value.findIndex((k) => k === key);
-    }
-    function getFirstChildKey(key) {
-      const list = visibleItems.value;
-      const index = list.findIndex((i) => i.key === key);
-      if (index < 0) return void 0;
-      const base = list[index];
-      for (let i = index + 1; i < list.length; i++) {
-        const item = list[i];
-        if (item.level <= base.level) break;
-        if (item.parentKey === key && !item.node.disabled) return item.key;
-      }
-      return void 0;
-    }
     function renderTreeRow(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
@@ -602,83 +603,41 @@ var Tree = defineComponent({
           onKeydown: (e) => {
             if (node.disabled) return;
             const currentKey = getCurrentKey(node.key);
-            const currentIndex = getNavigationIndex(currentKey);
             const parents = getParentKeys(props.treeData, node.key);
             const parentKey = parents[parents.length - 1];
-            if (e.key === "ArrowDown") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex + 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "ArrowUp") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[currentIndex - 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "Home") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[0] ?? currentKey);
-              return;
-            }
-            if (e.key === "End") {
-              e.preventDefault();
-              focusKey(focusableKeys.value[focusableKeys.value.length - 1] ?? currentKey);
-              return;
-            }
-            if (e.key === "ArrowRight") {
-              e.preventDefault();
-              if (isExpandable && !isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (isExpandable && isExpanded) {
-                focusKey(getFirstChildKey(node.key) ?? currentKey);
-              }
-              return;
-            }
-            if (e.key === "ArrowLeft") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              focusKey(parentKey ?? currentKey);
-              return;
-            }
-            if (e.key === "Escape") {
-              e.preventDefault();
-              if (isExpandable && isExpanded) {
-                handleExpand(node.key);
-                return;
-              }
-              if (parentKey !== void 0) {
-                if (computedExpandedKeys.value.has(parentKey)) {
-                  handleExpand(parentKey);
-                }
-                focusKey(parentKey);
-              }
-              return;
-            }
-            if (e.key === "Enter") {
-              e.preventDefault();
-              if (effectiveSelectable.value) {
-                handleSelect(node.key, e);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
-              return;
-            }
-            if (e.key === " ") {
-              e.preventDefault();
-              if (props.checkable) {
-                handleCheck(node.key, !isChecked);
-                return;
-              }
-              if (isExpandable) {
-                handleExpand(node.key);
-              }
+            const action = getTreeKeyboardAction({
+              key: e.key,
+              nodeKey: node.key,
+              currentKey,
+              focusableKeys: focusableKeys.value,
+              parentKey,
+              firstChildKey: getFirstVisibleChildKey(visibleItems.value, node.key),
+              isExpandable,
+              isExpanded,
+              isParentExpanded: parentKey !== void 0 && computedExpandedKeys.value.has(parentKey),
+              isChecked,
+              selectable: effectiveSelectable.value,
+              checkable: !!props.checkable
+            });
+            if (!action) return;
+            e.preventDefault();
+            switch (action.type) {
+              case "focus":
+                focusKey(action.key);
+                break;
+              case "toggleExpand":
+                handleExpand(action.key);
+                break;
+              case "select":
+                handleSelect(action.key, e);
+                break;
+              case "check":
+                handleCheck(action.key, action.checked);
+                break;
+              case "collapseAndFocus":
+                if (action.collapseKey !== void 0) handleExpand(action.collapseKey);
+                focusKey(action.focusKey);
+                break;
             }
           },
           onClick: (e) => {
@@ -693,7 +652,8 @@ var Tree = defineComponent({
       );
     }
     function renderTreeNode(node, level) {
-      const hasChildren = !!(node.children && node.children.length > 0);
+      const children = node.children ?? [];
+      const hasChildren = children.length > 0;
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isFiltered = filteredNodeKeys.value.size > 0;
       const isMatched = filteredNodeKeys.value.has(node.key);
@@ -714,7 +674,7 @@ var Tree = defineComponent({
             {
               class: classNames(treeNodeChildrenClasses, props.showLine && treeLineClasses)
             },
-            node.children.map((child) => renderTreeNode(child, level + 1))
+            children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
@@ -734,13 +694,22 @@ var Tree = defineComponent({
             role: "tree",
             "aria-label": props.ariaLabel
           },
-          [h("div", { class: treeEmptyStateClasses }, props.emptyText)]
+          [
+            h(
+              "div",
+              { class: treeEmptyStateClasses },
+              resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
+            )
+          ]
         );
       }
       const searchInput = props.searchable ? h("input", {
         type: "text",
         class: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
-        placeholder: "Search...",
+        placeholder: resolveLocaleText(
+          "Search...",
+          mergedLocale.value?.common?.searchPlaceholder
+        ),
         value: internalSearchValue.value,
         onInput: (e) => {
           internalSearchValue.value = e.target.value;