@expcat/tigercat-vue 1.3.4 → 1.4.0

package/dist/{chunk-CPV7INZ4.mjs → chunk-P3VAY2IQ.mjs}

@@ -66,7 +66,7 @@ var CheckboxGroup = defineComponent({
     const internalValue = ref(props.defaultValue);
     const isControlled = computed(() => props.modelValue !== void 0);
     const value = computed(() => {
-      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-2YFXJUBT.js → chunk-PFWRFHSB.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 _chunkQ4MH333Pjs = require('./chunk-Q4MH333P.js');
+var _chunkJCPTFBLYjs = require('./chunk-JCPTFBLY.js');
 
 // src/components/Checkbox.ts
 
@@ -86,7 +86,7 @@ var Checkbox = _vue.defineComponent.call(void 0, {
     change: (value, event) => typeof value === "boolean" && event instanceof Event
   },
   setup(props, { slots, emit, attrs }) {
-    const groupContextRef = _vue.inject.call(void 0, _chunkQ4MH333Pjs.CheckboxGroupKey, null);
+    const groupContextRef = _vue.inject.call(void 0, _chunkJCPTFBLYjs.CheckboxGroupKey, null);
     const groupContext = _vue.computed.call(void 0, () => _optionalChain([groupContextRef, 'optionalAccess', _ => _.value]));
     const internalChecked = _vue.ref.call(void 0, props.defaultChecked);
     const isControlled = _vue.computed.call(void 0, () => props.modelValue !== null);

package/dist/{chunk-XJXGVNNF.js → chunk-PGOTPYRG.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/InfiniteScroll.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/InfiniteScroll.ts
 var _vue = require('vue');
 
 
@@ -9,6 +13,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var InfiniteScroll = _vue.defineComponent.call(void 0, {
   name: "TigerInfiniteScroll",
@@ -17,8 +23,9 @@ var InfiniteScroll = _vue.defineComponent.call(void 0, {
     hasMore: { type: Boolean, default: true },
     loading: { type: Boolean, default: false },
     threshold: { type: Number, default: 100 },
-    loadingText: { type: String, default: "Loading..." },
-    endText: { type: String, default: "No more data" },
+    loadingText: { type: String, default: void 0 },
+    endText: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
     direction: {
       type: String,
       default: "vertical"
@@ -29,6 +36,8 @@ var InfiniteScroll = _vue.defineComponent.call(void 0, {
   },
   emits: ["load-more"],
   setup(props, { emit, slots, 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 containerRef = _vue.ref.call(void 0, null);
     const sentinelRef = _vue.ref.call(void 0, null);
     let cleanupObserver = null;
@@ -97,9 +106,21 @@ var InfiniteScroll = _vue.defineComponent.call(void 0, {
           role: "status",
           "aria-live": "polite"
         },
-        _nullishCoalesce(_optionalChain([slots, 'access', _11 => _11.loader, 'optionalCall', _12 => _12()]), () => ( props.loadingText))
+        _nullishCoalesce(_optionalChain([slots, 'access', _11 => _11.loader, 'optionalCall', _12 => _12()]), () => ( _tigercatcore.resolveLocaleText.call(void 0, 
+          "Loading...",
+          props.loadingText,
+          _optionalChain([mergedLocale, 'access', _13 => _13.value, 'optionalAccess', _14 => _14.common, 'optionalAccess', _15 => _15.loadingText])
+        )))
+      ) : null;
+      const end = !props.hasMore && !props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.infiniteScrollEndClasses },
+        _nullishCoalesce(_optionalChain([slots, 'access', _16 => _16.end, 'optionalCall', _17 => _17()]), () => ( _tigercatcore.resolveLocaleText.call(void 0, 
+          "No more data",
+          props.endText,
+          _optionalChain([mergedLocale, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.common, 'optionalAccess', _20 => _20.noMoreText])
+        )))
       ) : null;
-      const end = !props.hasMore && !props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.infiniteScrollEndClasses }, _nullishCoalesce(_optionalChain([slots, 'access', _13 => _13.end, 'optionalCall', _14 => _14()]), () => ( props.endText))) : null;
       const children = props.inverse ? [sentinel, loader, content, end] : [content, sentinel, loader, end];
       return _vue.h.call(void 0, 
         "div",

package/dist/{chunk-7QX4QWWN.js → chunk-PJ66WE62.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/FileManager.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/FileManager.ts
 var _vue = require('vue');
 
 
@@ -19,6 +23,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -52,10 +58,11 @@ var FileManager = _vue.defineComponent.call(void 0, {
     showHidden: { type: Boolean, default: false },
     draggable: { type: Boolean, default: false },
     loading: { type: Boolean, default: false },
-    emptyText: { type: String, default: "Empty folder" },
+    emptyText: { type: String, default: void 0 },
     searchable: { type: Boolean, default: false },
     searchText: { type: String, default: "" },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
   },
   emits: [
     "select",
@@ -66,6 +73,8 @@ var FileManager = _vue.defineComponent.call(void 0, {
     "update:selectedKeys"
   ],
   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 localSearch = _vue.ref.call(void 0, props.searchText);
     const model = _vue.computed.call(void 0, 
       () => _tigercatcore.deriveFileManagerModel.call(void 0, {
@@ -132,7 +141,10 @@ var FileManager = _vue.defineComponent.call(void 0, {
       const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
         type: "text",
         class: _tigercatcore.fileManagerSearchClasses,
-        placeholder: "Search...",
+        placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+          "Search...",
+          _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.searchPlaceholder])
+        ),
         value: localSearch.value,
         onInput: (e) => {
           const val = e.target.value;
@@ -170,7 +182,7 @@ var FileManager = _vue.defineComponent.call(void 0, {
             onClick: () => handleSelect(item),
             onDblclick: () => handleOpen(item),
             draggable: props.draggable && !item.disabled,
-            "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _ => _.id])
+            "data-drag-id": _optionalChain([dragItem, 'optionalAccess', _4 => _4.id])
           },
           [fileIcon(item), nameEl, ...metaEls]
         );
@@ -180,8 +192,20 @@ var FileManager = _vue.defineComponent.call(void 0, {
         "div",
         { class: contentClass, role: "listbox", "aria-multiselectable": props.multiple },
         model.value.processedItems.map(renderItem)
-      ) : _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerEmptyClasses }, props.emptyText);
-      const loadingEl = props.loading ? _vue.h.call(void 0, "div", { class: _tigercatcore.fileManagerLoadingClasses }, "Loading...") : null;
+      ) : _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.fileManagerEmptyClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, 
+          "Empty folder",
+          props.emptyText,
+          _optionalChain([mergedLocale, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.common, 'optionalAccess', _7 => _7.emptyText])
+        )
+      );
+      const loadingEl = props.loading ? _vue.h.call(void 0, 
+        "div",
+        { class: _tigercatcore.fileManagerLoadingClasses },
+        _tigercatcore.resolveLocaleText.call(void 0, "Loading...", _optionalChain([mergedLocale, 'access', _8 => _8.value, 'optionalAccess', _9 => _9.common, 'optionalAccess', _10 => _10.loadingText]))
+      ) : null;
       return _vue.h.call(void 0, "div", { class: containerClasses.value }, [toolbar, content, loadingEl]);
     };
   }

package/dist/{chunk-7WQN5BYE.mjs → chunk-PPEAQDD5.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Form.ts
 import {
   defineComponent,
@@ -25,7 +29,9 @@ import {
   undoFormHistory,
   redoFormHistory,
   canUndo,
-  canRedo
+  canRedo,
+  mergeTigerLocale,
+  getFormValidationLabels
 } from "@expcat/tigercat-core";
 var FormContextKey = /* @__PURE__ */ Symbol("FormContext");
 var Form = defineComponent({
@@ -127,6 +133,14 @@ var Form = defineComponent({
     maxHistorySize: {
       type: Number,
       default: 50
+    },
+    /**
+     * Locale override for built-in validation messages. Merged on top of the
+     * ConfigProvider locale; a per-rule `message` still takes precedence.
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: {
@@ -144,6 +158,10 @@ var Form = defineComponent({
     const fieldRules = reactive({});
     const fieldConditions = reactive({});
     const errorsByField = computed(() => createFormErrorMap(errors));
+    const config = useTigerConfig();
+    const validationMessages = computed(
+      () => getFormValidationLabels(mergeTigerLocale(config.value.locale, props.locale))
+    );
     let validationDebouncer = createFormValidationDebouncer({
       delay: props.validateDebounce
     });
@@ -222,7 +240,14 @@ var Form = defineComponent({
         return null;
       }
       const value = getValueByPath(props.model, fieldName);
-      return validateFieldUtil(fieldName, value, effectiveFieldRules, props.model, trigger);
+      return validateFieldUtil(
+        fieldName,
+        value,
+        effectiveFieldRules,
+        props.model,
+        trigger,
+        validationMessages.value
+      );
     };
     const validateFieldNow = async (fieldName, rulesOverride, trigger) => {
       const conditionState = getFieldConditionState(fieldName);
@@ -276,7 +301,7 @@ var Form = defineComponent({
       if (!effectiveRules) {
         return true;
       }
-      const result = await validateForm(props.model, effectiveRules);
+      const result = await validateForm(props.model, effectiveRules, validationMessages.value);
       errors.push(...result.errors);
       return result.valid;
     };

package/dist/{chunk-IORFQMZH.mjs → chunk-PTAWLJCV.mjs}

@@ -1,13 +1,13 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-RE7K3KNW.mjs";
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
+} from "./chunk-6Y4NWO4I.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/FormWizard.ts
 import { defineComponent, computed, ref, watch, h } from "vue";

package/dist/{chunk-IZQ7BRHC.mjs → chunk-QAMXVTNN.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Select.ts
 import { defineComponent, computed, ref, h, watch, nextTick, onBeforeUnmount } from "vue";
 import {
@@ -21,7 +25,9 @@ import {
   icon20ViewBox,
   chevronDownSolidIcon20PathD,
   closeSolidIcon20PathD,
-  checkSolidIcon20PathD
+  checkSolidIcon20PathD,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var selectInstanceId = 0;
 var ChevronDownIcon = h(
@@ -131,7 +137,7 @@ var Select = defineComponent({
      */
     noOptionsText: {
       type: String,
-      default: "No options found"
+      default: void 0
     },
     /**
      * Text shown when no data available
@@ -139,7 +145,7 @@ var Select = defineComponent({
      */
     noDataText: {
       type: String,
-      default: "No options available"
+      default: void 0
     },
     /**
      * Maximum number of tags in multi-select display
@@ -186,10 +192,19 @@ var Select = defineComponent({
     listHeight: {
       type: Number,
       default: 256
+    },
+    /**
+     * Locale overrides merged on top of ConfigProvider locale
+     */
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change", "search", "create"],
   setup(props, { emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const instanceId = ++selectInstanceId;
     const listboxId = `tiger-select-listbox-${instanceId}`;
     const getOptionId = (index) => `tiger-select-option-${instanceId}-${index}`;
@@ -602,7 +617,10 @@ var Select = defineComponent({
               ref: searchInputRef,
               type: "text",
               class: selectSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: resolveLocaleText(
+                "Search...",
+                mergedLocale.value?.common?.searchPlaceholder
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               onKeydown: handleSearchKeyDown
@@ -694,7 +712,15 @@ var Select = defineComponent({
             })() : h(
               "div",
               { class: selectEmptyStateClasses },
-              props.options.length === 0 ? props.noDataText : props.noOptionsText
+              props.options.length === 0 ? resolveLocaleText(
+                "No options available",
+                props.noDataText,
+                mergedLocale.value?.common?.emptyText
+              ) : resolveLocaleText(
+                "No options found",
+                props.noOptionsText,
+                mergedLocale.value?.common?.emptyText
+              )
             )
           ]
         )

package/dist/{chunk-LILAZ4UJ.mjs → chunk-QKP5C26H.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/Upload.ts
 import { defineComponent, ref, computed, watch, h } from "vue";

package/dist/{chunk-JZJEZKGN.js → chunk-QZQYKC2N.js}

@@ -28,20 +28,18 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var MESSAGE_CONTAINER_ROOT_ID = `${MESSAGE_CONTAINER_ID}-root`;
 var messageInstances = _vue.ref.call(void 0, []);
-var instanceIdCounter = 0;
 var IS_TEST_ENV = (() => {
   const proc = globalThis.process;
   return typeof proc !== "undefined" && _optionalChain([proc, 'access', _ => _.env, 'optionalAccess', _2 => _2.NODE_ENV]) === "test";
 })();
 var containerApp = null;
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = _tigercatcore.createInstanceCounter.call(void 0, );
 var MessageContainer = _vue.defineComponent.call(void 0, {
   name: "TigerMessageContainer",
   props: {

package/dist/{chunk-VG6E4NX6.mjs → chunk-R6WFL6NI.mjs}

@@ -14,6 +14,7 @@ import {
   getImmediateTigerLocale,
   resolveTigerLocale,
   getLocaleDirection,
+  isBrowser,
   ThemeManager
 } from "@expcat/tigercat-core";
 var TigerConfigKey = /* @__PURE__ */ Symbol("TigerConfig");
@@ -105,7 +106,7 @@ var ConfigProvider = defineComponent({
     watch(
       () => merged.value.direction,
       (direction) => {
-        if (!direction || typeof document === "undefined") return;
+        if (!direction || !isBrowser()) return;
         const root = document.documentElement;
         if (previousDir === null && previousDataDir === null) {
           previousDir = root.getAttribute("dir");
@@ -117,7 +118,7 @@ var ConfigProvider = defineComponent({
       { immediate: true }
     );
     onBeforeUnmount(() => {
-      if (typeof document === "undefined") return;
+      if (!isBrowser()) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");
       else root.setAttribute("dir", previousDir);

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

@@ -1,8 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"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 _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
 
+
+var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
+
 // src/components/Loading.ts
 var _vue = require('vue');
 
@@ -21,6 +24,8 @@ var _vue = require('vue');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Loading = _vue.defineComponent.call(void 0, {
   name: "TigerLoading",
@@ -73,10 +78,16 @@ var Loading = _vue.defineComponent.call(void 0, {
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
     }
   },
   setup(props, { attrs }) {
     _tigercatcore.injectLoadingAnimationStyles.call(void 0, );
+    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 visible = _vue.ref.call(void 0, false);
     let timer = null;
     const shouldLockBodyScroll = _vue.computed.call(void 0, 
@@ -198,7 +209,7 @@ var Loading = _vue.defineComponent.call(void 0, {
         "div",
         {
           role: "status",
-          "aria-label": props.text || "Loading",
+          "aria-label": props.text || _tigercatcore.resolveLocaleText.call(void 0, "Loading", _optionalChain([mergedLocale, 'access', _ => _.value, 'optionalAccess', _2 => _2.common, 'optionalAccess', _3 => _3.loadingText])),
           "aria-live": "polite",
           "aria-busy": true,
           ...attrs,

package/dist/{chunk-WNKF2OD5.mjs → chunk-RHLP2ED5.mjs}

@@ -1,6 +1,16 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/QRCode.ts
 import { defineComponent, h, computed } from "vue";
-import { classNames, coerceClassValue, mergeStyleValues } from "@expcat/tigercat-core";
+import {
+  classNames,
+  coerceClassValue,
+  mergeStyleValues,
+  resolveLocaleText,
+  mergeTigerLocale
+} from "@expcat/tigercat-core";
 import {
   qrcodeContainerClasses,
   qrcodeOverlayClasses,
@@ -18,14 +28,17 @@ var QRCode = defineComponent({
     bgColor: { type: String, default: "#ffffff" },
     level: { type: String, default: "M" },
     status: { type: String, default: "active" },
-    className: { type: String, default: void 0 }
+    className: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 }
   },
   emits: ["refresh"],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const matrix = computed(() => generateQRMatrix(props.value));
     const moduleSize = computed(() => {
       const mLen = matrix.value.length;
-      return props.size / mLen;
+      return (props.size ?? 128) / mLen;
     });
     return () => {
       const attrsRecord = attrs;
@@ -79,7 +92,11 @@ var QRCode = defineComponent({
       if (props.status === "loading") {
         children.push(
           h("div", { class: qrcodeOverlayClasses }, [
-            h("span", { class: "text-sm text-gray-500" }, "Loading...")
+            h(
+              "span",
+              { class: "text-sm text-gray-500" },
+              resolveLocaleText("Loading...", mergedLocale.value?.common?.loadingText)
+            )
           ])
         );
       }

package/dist/{chunk-WUHW7AIM.mjs → chunk-RHV6DWY6.mjs}

@@ -41,6 +41,7 @@ import {
   moveFocusInMenu,
   focusMenuEdge,
   focusFirstChildItem,
+  getMenuNavigationKeys,
   submenuContentHorizontalClasses,
   submenuContentHorizontalNestedClasses,
   submenuContentPopupClasses,
@@ -264,6 +265,7 @@ var Menu = defineComponent({
     return () => {
       const renderDataItem = (item) => {
         if (item.children && item.children.length > 0) {
+          const children = item.children;
           return h(
             SubMenu,
             {
@@ -273,7 +275,7 @@ var Menu = defineComponent({
               icon: item.icon,
               disabled: item.disabled
             },
-            () => item.children.map(renderDataItem)
+            () => children.map(renderDataItem)
           );
         }
         return h(
@@ -413,9 +415,7 @@ var MenuItem = defineComponent({
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = getMenuNavigationKeys(menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         moveFocusInMenu(current, 1);
@@ -772,9 +772,7 @@ var SubMenu = defineComponent({
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
       const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      const { nextKey, prevKey } = getMenuNavigationKeys(menuContext.mode.value, isRoot);
       if (event.key === nextKey) {
         event.preventDefault();
         moveFocusInMenu(current, 1);

package/dist/{chunk-TAA6DDJ2.mjs → chunk-RKL4Y7CW.mjs}

@@ -1,24 +1,24 @@
 import {
   Table
-} from "./chunk-C4HYZH7H.mjs";
+} from "./chunk-KH2CF6JU.mjs";
 import {
   Select
-} from "./chunk-IZQ7BRHC.mjs";
+} from "./chunk-QAMXVTNN.mjs";
 import {
   Popover
 } from "./chunk-6OQLZCQK.mjs";
-import {
-  useTigerConfig
-} from "./chunk-VG6E4NX6.mjs";
 import {
   Input
 } from "./chunk-2WJADO6O.mjs";
 import {
   Checkbox
-} from "./chunk-2BNQGU7E.mjs";
+} from "./chunk-UKMOWUYH.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
 
 // src/components/DataTableWithToolbar.ts
 import {
@@ -181,7 +181,7 @@ var DataTableWithToolbar = defineComponent({
     "page-change": (_current, _pageSize) => true,
     "page-size-change": (_current, _pageSize) => true,
     "update:hiddenColumnKeys": (_hiddenKeys) => true,
-    "hidden-columns-change": (_hiddenKeys) => true
+    "hidden-column-keys-change": (_hiddenKeys) => true
   },
   setup(props, { attrs, emit, slots }) {
     const config = useTigerConfig();
@@ -288,7 +288,7 @@ var DataTableWithToolbar = defineComponent({
         internalHiddenKeys.value = nextHiddenKeys;
       }
       emit("update:hiddenColumnKeys", nextHiddenKeys);
-      emit("hidden-columns-change", nextHiddenKeys);
+      emit("hidden-column-keys-change", nextHiddenKeys);
     };
     const handleToggleColumnVisibility = (columnKey, visible) => {
       const nextHiddenKeys = visible ? resolvedHiddenKeys.value.filter((key) => key !== columnKey) : [...resolvedHiddenKeys.value, columnKey];