@expcat/tigercat-vue 1.3.3 → 1.4.0

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-43EMBXIF.mjs → chunk-RKL4Y7CW.mjs}

@@ -1,24 +1,24 @@
 import {
   Table
-} from "./chunk-CFWGZ4QP.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];
@@ -527,25 +527,29 @@ var DataTableWithToolbar = defineComponent({
             return;
           }
           leftNodes.push(
-            h("div", {
-              key: filter.key,
-              class: filter.itemClass ?? "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
-              style: filter.itemStyle
-            }, [
-              h(Select, {
-                size: "sm",
-                options: (filter.options ?? []).map((opt) => ({
-                  label: opt.label,
-                  value: opt.value
-                })),
-                modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
-                placeholder: filter.placeholder ?? filter.label,
-                clearable,
-                "onUpdate:modelValue": (value) => {
-                  handleFilterSelect(filter, value ?? null);
-                }
-              })
-            ])
+            h(
+              "div",
+              {
+                key: filter.key,
+                class: filter.itemClass ?? "w-full sm:w-auto sm:min-w-[120px] sm:max-w-[180px]",
+                style: filter.itemStyle
+              },
+              [
+                h(Select, {
+                  size: "sm",
+                  options: (filter.options ?? []).map((opt) => ({
+                    label: opt.label,
+                    value: opt.value
+                  })),
+                  modelValue: typeof currentValue === "string" || typeof currentValue === "number" ? currentValue : void 0,
+                  placeholder: filter.placeholder ?? filter.label,
+                  clearable,
+                  "onUpdate:modelValue": (value) => {
+                    handleFilterSelect(filter, value ?? null);
+                  }
+                })
+              ]
+            )
           );
         });
       }
@@ -656,11 +660,7 @@ var DataTableWithToolbar = defineComponent({
         onSelectionChange: (keys) => emit("selection-change", keys),
         onPageChange: handleTablePageChange
       };
-      const {
-        toolbar: _toolbarSlot,
-        "filters-extra": _filtersExtraSlot,
-        ...tableSlots
-      } = slots;
+      const { toolbar: _toolbarSlot, "filters-extra": _filtersExtraSlot, ...tableSlots } = slots;
       return h(
         "div",
         {

package/dist/{chunk-AEOREYSJ.js → chunk-RLPSCEBP.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/Select.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/Select.ts
 var _vue = require('vue');
 
 
@@ -19,6 +23,8 @@ var _vue = require('vue');
 
 
 
+
+
 
 
 
@@ -131,7 +137,7 @@ var Select = _vue.defineComponent.call(void 0, {
      */
     noOptionsText: {
       type: String,
-      default: "No options found"
+      default: void 0
     },
     /**
      * Text shown when no data available
@@ -139,7 +145,7 @@ var Select = _vue.defineComponent.call(void 0, {
      */
     noDataText: {
       type: String,
-      default: "No options available"
+      default: void 0
     },
     /**
      * Maximum number of tags in multi-select display
@@ -186,10 +192,19 @@ var Select = _vue.defineComponent.call(void 0, {
     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 = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
+    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, 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 = _vue.defineComponent.call(void 0, {
               ref: searchInputRef,
               type: "text",
               class: _tigercatcore.selectSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: _tigercatcore.resolveLocaleText.call(void 0, 
+                "Search...",
+                _optionalChain([mergedLocale, 'access', _20 => _20.value, 'optionalAccess', _21 => _21.common, 'optionalAccess', _22 => _22.searchPlaceholder])
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               onKeydown: handleSearchKeyDown
@@ -694,7 +712,15 @@ var Select = _vue.defineComponent.call(void 0, {
             })() : _vue.h.call(void 0, 
               "div",
               { class: _tigercatcore.selectEmptyStateClasses },
-              props.options.length === 0 ? props.noDataText : props.noOptionsText
+              props.options.length === 0 ? _tigercatcore.resolveLocaleText.call(void 0, 
+                "No options available",
+                props.noDataText,
+                _optionalChain([mergedLocale, 'access', _23 => _23.value, 'optionalAccess', _24 => _24.common, 'optionalAccess', _25 => _25.emptyText])
+              ) : _tigercatcore.resolveLocaleText.call(void 0, 
+                "No options found",
+                props.noOptionsText,
+                _optionalChain([mergedLocale, 'access', _26 => _26.value, 'optionalAccess', _27 => _27.common, 'optionalAccess', _28 => _28.emptyText])
+              )
             )
           ]
         )

package/dist/{chunk-OCL22D5E.mjs → chunk-RPWKAGN5.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Cascader.ts
 import { defineComponent, computed, ref, h, watch, onBeforeUnmount } from "vue";
 import {
@@ -22,7 +26,9 @@ import {
   icon20ViewBox,
   chevronDownSolidIcon20PathD,
   closeSolidIcon20PathD,
-  coerceClassValue
+  coerceClassValue,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var cascaderInstanceId = 0;
 var ChevronRightIcon = h(
@@ -86,12 +92,21 @@ var Cascader = defineComponent({
     },
     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 = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const isOpen = ref(false);
     const searchQuery = ref("");
     const activePath = ref([]);
@@ -282,7 +297,10 @@ var Cascader = defineComponent({
               ref: searchInputRef,
               type: "text",
               class: cascaderSearchInputClasses,
-              placeholder: "Search...",
+              placeholder: resolveLocaleText(
+                "Search...",
+                mergedLocale.value?.common?.searchPlaceholder
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               "aria-label": "Search options"
@@ -291,7 +309,17 @@ var Cascader = defineComponent({
         }
         if (isSearchMode.value) {
           if (searchResults.value.length === 0) {
-            children.push(h("div", { class: cascaderEmptyStateClasses }, props.notFoundText));
+            children.push(
+              h(
+                "div",
+                { class: cascaderEmptyStateClasses },
+                resolveLocaleText(
+                  "No results found",
+                  props.notFoundText,
+                  mergedLocale.value?.common?.emptyText
+                )
+              )
+            );
           } else {
             const searchList = h(
               "div",