@expcat/tigercat-vue 2.0.0-preview.1 → 2.0.0-preview.3

package/dist/{chunk-EYR27UIE.mjs → chunk-U6OGGZBY.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/Tabs.ts
 import {
   defineComponent,
@@ -26,6 +30,8 @@ import {
   resolveSwipeGesture,
   isKeyActive,
   getNextActiveKey,
+  mergeTigerLocale,
+  getTabsLabels,
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses
@@ -216,7 +222,10 @@ var TabPane = defineComponent({
               {
                 type: "button",
                 class: tabCloseButtonClasses,
-                "aria-label": `Close ${String(props.label)}`,
+                "aria-label": tabsContext.labels.closeTabAriaLabel.replace(
+                  "{label}",
+                  String(props.label)
+                ),
                 tabindex: -1,
                 onClick: handleClose
               },
@@ -353,12 +362,23 @@ var Tabs = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:activeKey", "change", "edit", "tab-click"],
   setup(props, { slots, emit }) {
+    const config = useTigerConfig();
     const instance = getCurrentInstance();
     const idBase = `tiger-tabs-${instance?.uid ?? "0"}`;
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getTabsLabels(mergedLocale.value, props.labels));
     const internalActiveKey = ref(props.defaultActiveKey);
     const swipeStart = ref(null);
     let lastTabKeys = [];
@@ -439,6 +459,9 @@ var Tabs = defineComponent({
         return props.swipeable;
       },
       idBase,
+      get labels() {
+        return labels.value;
+      },
       handleTabClick,
       handleTabClose
     });
@@ -533,7 +556,7 @@ var Tabs = defineComponent({
                   type: "button",
                   class: tabAddButtonClasses,
                   onClick: () => emit("edit", { targetKey: void 0, action: "add" }),
-                  "aria-label": "Add tab"
+                  "aria-label": labels.value.addTabAriaLabel
                 },
                 "+"
               ) : null

package/dist/{chunk-DMQLA35L.mjs → chunk-U75YXWSA.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-2YPPXZ4I.mjs";
+} from "./chunk-EGIMTTZA.mjs";
 
 // src/components/Kanban.ts
 import { defineComponent, h } from "vue";

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

@@ -1,3 +1,7 @@
+import {
+  createGlobalTigerLocaleHandle
+} from "./chunk-TGXBCKOU.mjs";
+
 // src/components/ConfigProvider.ts
 import {
   defineComponent,
@@ -47,6 +51,7 @@ var ConfigProvider = defineComponent({
   props: configProviderProps,
   setup(props, { slots }) {
     const parent = useTigerConfig();
+    let globalLocaleHandle = null;
     const resolvedLocale = ref(
       isLazyTigerLocale(props.locale) ? void 0 : getImmediateTigerLocale(props.locale)
     );
@@ -101,6 +106,17 @@ var ConfigProvider = defineComponent({
       },
       { immediate: true }
     );
+    watch(
+      () => merged.value.locale,
+      (locale) => {
+        if (!globalLocaleHandle) {
+          globalLocaleHandle = createGlobalTigerLocaleHandle(locale);
+        } else {
+          globalLocaleHandle.update(locale);
+        }
+      },
+      { immediate: true }
+    );
     let previousDir = null;
     let previousDataDir = null;
     watch(
@@ -118,6 +134,8 @@ var ConfigProvider = defineComponent({
       { immediate: true }
     );
     onBeforeUnmount(() => {
+      globalLocaleHandle?.dispose();
+      globalLocaleHandle = null;
       if (!isBrowser()) return;
       const root = document.documentElement;
       if (previousDir === null) root.removeAttribute("dir");

package/dist/{chunk-IGT4QB7O.mjs → chunk-UUWTKCMY.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-36WSYHJU.mjs";
+} from "./chunk-LPZBXTJ6.mjs";
 
 // src/components/ImageGroup.ts
 import { defineComponent, h, ref, provide, onBeforeUnmount } from "vue";

package/dist/{chunk-HLPSHCXO.mjs → chunk-V443QIJM.mjs}

@@ -24,6 +24,10 @@ var ChartLegend = defineComponent({
       type: Boolean,
       default: false
     },
+    ariaLabel: {
+      type: String,
+      default: "Chart legend"
+    },
     className: {
       type: String
     }
@@ -60,7 +64,7 @@ var ChartLegend = defineComponent({
         // A group of toggle buttons is not a "list"; only use list semantics
         // for the static (non-interactive) legend.
         role: props.interactive ? "group" : "list",
-        "aria-label": "Chart legend",
+        "aria-label": props.ariaLabel,
         "data-chart-legend": "true"
       },
       props.items.map(

package/dist/{chunk-TM73IWEY.mjs → chunk-XH63C62K.mjs}

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

package/dist/{chunk-DZFM7H3M.mjs → chunk-XLNK3Z2P.mjs}

@@ -1,3 +1,6 @@
+import {
+  FORM_ITEM_CONTROL_INJECTION_KEY
+} from "./chunk-P2LZ2MR5.mjs";
 import {
   INPUT_GROUP_INJECTION_KEY
 } from "./chunk-VIIGYWUY.mjs";
@@ -139,10 +142,26 @@ var Input = defineComponent({
     injectShakeStyle();
     const instance = getCurrentInstance();
     const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
+    const formItemControl = inject(
+      FORM_ITEM_CONTROL_INJECTION_KEY,
+      null
+    );
     const effectiveSize = computed(() => {
       const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
       return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
     });
+    const hasOwnStatus = computed(
+      () => Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "status")
+    );
+    const effectiveStatus = computed(
+      () => hasOwnStatus.value ? props.status : formItemControl?.status.value ?? props.status
+    );
+    const effectiveErrorMessage = computed(
+      () => props.errorMessage ?? formItemControl?.errorMessage.value
+    );
+    const effectiveShakeTrigger = computed(
+      () => props._shakeTrigger ?? formItemControl?.shakeTrigger.value
+    );
     const inputRef = ref(null);
     const wrapperRef = ref(null);
     const localValue = ref(props.modelValue ?? "");
@@ -158,7 +177,7 @@ var Input = defineComponent({
         }
       }
     );
-    watch([() => props.status, () => props._shakeTrigger], ([newStatus]) => {
+    watch([effectiveStatus, effectiveShakeTrigger], ([newStatus]) => {
       if (newStatus === "error" && wrapperRef.value) {
         const el = wrapperRef.value;
         el.classList.remove(SHAKE_CLASS);
@@ -173,11 +192,13 @@ var Input = defineComponent({
     const hasSuffix = computed(
       () => !!slots.suffix || !!props.suffix || props.clearable || props.showPassword
     );
-    const activeError = computed(() => props.status === "error" && !!props.errorMessage);
+    const activeError = computed(
+      () => effectiveStatus.value === "error" && !!effectiveErrorMessage.value
+    );
     const inputClasses = computed(
       () => getInputClasses({
         size: effectiveSize.value,
-        status: props.status,
+        status: effectiveStatus.value,
         hasPrefix: hasPrefix.value,
         hasSuffix: hasSuffix.value
       })
@@ -218,7 +239,7 @@ var Input = defineComponent({
           h(
             "div",
             { id: errorMsgId, class: getInputErrorClasses(effectiveSize.value) },
-            props.errorMessage
+            effectiveErrorMessage.value
           )
         );
       } else {
@@ -284,7 +305,7 @@ var Input = defineComponent({
           id: props.id,
           autocomplete: props.autoComplete,
           autofocus: props.autoFocus,
-          ...props.status === "error" ? { "aria-invalid": true } : {},
+          ...effectiveStatus.value === "error" ? { "aria-invalid": true } : {},
           ...activeError.value ? { "aria-describedby": errorMsgId } : {},
           onInput: handleInput,
           onChange: handleChange,

package/dist/{chunk-4QCJUILG.mjs → chunk-ZFJNCAZX.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HS4YQGZQ.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Tree.ts
 import { defineComponent, computed, ref, h, watch, nextTick } from "vue";
@@ -553,7 +553,10 @@ var Tree = defineComponent({
           checked: isChecked,
           indeterminate: isHalfChecked,
           disabled: node.disabled,
-          "aria-label": `Select ${node.label}`,
+          "aria-label": resolveLocaleText(
+            `Select ${node.label}`,
+            mergedLocale.value?.locale?.toLowerCase().startsWith("zh") ? `\u9009\u62E9${node.label}` : void 0
+          ),
           onClick: (e) => e.stopPropagation(),
           onChange: (e) => {
             const target = e.target;

package/dist/{chunk-XZYFVOOS.mjs → chunk-ZFTRR3KW.mjs}

@@ -1,6 +1,6 @@
 import {
   AVATAR_GROUP_INJECTION_KEY
-} from "./chunk-GZWZP5AL.mjs";
+} from "./chunk-JHFM6IFO.mjs";
 
 // src/components/Avatar.ts
 import { defineComponent, computed, h, ref, inject } from "vue";

package/dist/components/ActivityFeed.mjs

@@ -1,17 +1,18 @@
 import {
   ActivityFeed,
   ActivityFeed_default
-} from "../chunk-B47QLHVW.mjs";
-import "../chunk-RTZUIWCN.mjs";
+} from "../chunk-3NQUEQJT.mjs";
+import "../chunk-JQSIWPNM.mjs";
 import "../chunk-3MO7A4GU.mjs";
-import "../chunk-6WF3336O.mjs";
+import "../chunk-O6BN5R6J.mjs";
 import "../chunk-BDTPFPSB.mjs";
-import "../chunk-KRWKO2JQ.mjs";
+import "../chunk-342DH5CF.mjs";
 import "../chunk-NN6AINLG.mjs";
 import "../chunk-TC6ZPQFT.mjs";
-import "../chunk-R6WFL6NI.mjs";
-import "../chunk-XZYFVOOS.mjs";
-import "../chunk-GZWZP5AL.mjs";
+import "../chunk-ZFTRR3KW.mjs";
+import "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   ActivityFeed,
   ActivityFeed_default as default

package/dist/components/AreaChart.d.mts

@@ -20,7 +20,16 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<LineChartDatum[]>;
@@ -214,7 +223,16 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<LineChartDatum[]>;
@@ -411,6 +429,7 @@ declare const AreaChart: vue.DefineComponent<vue.ExtractPropTypes<{
     strokeWidth: number;
     fillOpacity: number;
     selectable: boolean;
+    responsive: boolean;
     xTicks: number;
     yTicks: number;
     showGrid: boolean;

package/dist/components/AreaChart.mjs

@@ -1,13 +1,13 @@
 import {
   AreaChart,
   AreaChart_default
-} from "../chunk-RAO7ZJWR.mjs";
+} from "../chunk-JVQPU4M2.mjs";
 import "../chunk-PE5OA4YG.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
-import "../chunk-HLPSHCXO.mjs";
+import "../chunk-V443QIJM.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
 export {
   AreaChart,

package/dist/components/AutoComplete.d.mts

@@ -120,11 +120,11 @@ declare const AutoComplete: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     locale: Partial<TigerLocale>;
     emptyText: string;
+    placeholder: string;
     size: ComponentSize;
     disabled: boolean;
     modelValue: string | number;
     options: AutoCompleteOption[];
-    placeholder: string;
     searchValue: string;
     defaultSearchValue: string;
     clearable: boolean;

package/dist/components/AutoComplete.mjs

@@ -1,8 +1,9 @@
 import {
   AutoComplete,
   AutoComplete_default
-} from "../chunk-ODDPVS27.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-IDUEWMWN.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   AutoComplete,
   AutoComplete_default as default

package/dist/components/Avatar.mjs

@@ -1,8 +1,10 @@
 import {
   Avatar,
   Avatar_default
-} from "../chunk-XZYFVOOS.mjs";
-import "../chunk-GZWZP5AL.mjs";
+} from "../chunk-ZFTRR3KW.mjs";
+import "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Avatar,
   Avatar_default as default

package/dist/components/AvatarGroup.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { AvatarSize } from '@expcat/tigercat-core';
+import { AvatarSize, TigerLocale, TigerLocaleAvatarGroup } from '@expcat/tigercat-core';
 
 declare const AVATAR_GROUP_INJECTION_KEY: unique symbol;
 interface AvatarGroupContext {
@@ -11,6 +11,8 @@ interface VueAvatarGroupProps {
     max?: number;
     size?: AvatarSize;
     className?: string;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleAvatarGroup>;
 }
 declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     max: {
@@ -25,6 +27,16 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** Text/aria label overrides */
+    labels: {
+        type: PropType<Partial<TigerLocaleAvatarGroup>>;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -40,7 +52,19 @@ declare const AvatarGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
+    /** Locale overrides merged on top of ConfigProvider locale */
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    /** Text/aria label overrides */
+    labels: {
+        type: PropType<Partial<TigerLocaleAvatarGroup>>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleAvatarGroup>;
     size: AvatarSize;
     className: string;
     max: number;

package/dist/components/AvatarGroup.mjs

@@ -2,7 +2,9 @@ import {
   AVATAR_GROUP_INJECTION_KEY,
   AvatarGroup,
   AvatarGroup_default
-} from "../chunk-GZWZP5AL.mjs";
+} from "../chunk-JHFM6IFO.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   AVATAR_GROUP_INJECTION_KEY,
   AvatarGroup,

package/dist/components/Badge.mjs

@@ -1,8 +1,9 @@
 import {
   Badge,
   Badge_default
-} from "../chunk-PLUABMUD.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-SWCK7TM7.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Badge,
   Badge_default as default

package/dist/components/BarChart.d.mts

@@ -19,7 +19,16 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<BarChartDatum[]>;
@@ -195,7 +204,16 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     padding: {
         type: PropType<ChartPadding>;
-        default: number;
+        default: () => {
+            top: number;
+            right: number;
+            bottom: number;
+            left: number;
+        };
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     data: {
         type: PropType<BarChartDatum[]>;
@@ -370,6 +388,7 @@ declare const BarChart: vue.DefineComponent<vue.ExtractPropTypes<{
     gradient: boolean;
     hoverable: boolean;
     selectable: boolean;
+    responsive: boolean;
     xTicks: number;
     yTicks: number;
     barColor: string;

package/dist/components/BarChart.mjs

@@ -1,13 +1,13 @@
 import {
   BarChart,
   BarChart_default
-} from "../chunk-FHJ3R57L.mjs";
+} from "../chunk-5KPO3EDM.mjs";
 import "../chunk-PE5OA4YG.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-ZWVA7HT3.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-MI6TL3CQ.mjs";
-import "../chunk-HLPSHCXO.mjs";
+import "../chunk-V443QIJM.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
 export {
   BarChart,

package/dist/components/Calendar.mjs

@@ -1,8 +1,9 @@
 import {
   Calendar,
   Calendar_default
-} from "../chunk-V5ANPH5R.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-JL3CN4UK.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Calendar,
   Calendar_default as default

package/dist/components/Carousel.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType, VNode } from 'vue';
-import { CarouselDotPosition, CarouselEffect } from '@expcat/tigercat-core';
+import { CarouselDotPosition, CarouselEffect, TigerLocale, TigerLocaleCarousel } from '@expcat/tigercat-core';
 
 interface VueCarouselProps {
     autoplay?: boolean;
@@ -17,6 +17,8 @@ interface VueCarouselProps {
     pauseOnFocus?: boolean;
     className?: string;
     style?: Record<string, string | number>;
+    locale?: Partial<TigerLocale>;
+    labels?: Partial<TigerLocaleCarousel>;
 }
 declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
@@ -128,6 +130,14 @@ declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleCarousel>>;
+        default: undefined;
+    };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:currentIndex" | "before-change")[], "change" | "update:currentIndex" | "before-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -240,11 +250,21 @@ declare const Carousel: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
+    locale: {
+        type: PropType<Partial<TigerLocale>>;
+        default: undefined;
+    };
+    labels: {
+        type: PropType<Partial<TigerLocaleCarousel>>;
+        default: undefined;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentIndex"?: ((...args: any[]) => any) | undefined;
     "onBefore-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    locale: Partial<TigerLocale>;
+    labels: Partial<TigerLocaleCarousel>;
     className: string;
     style: Record<string, string | number>;
     dots: boolean;

package/dist/components/Carousel.mjs

@@ -1,7 +1,9 @@
 import {
   Carousel,
   Carousel_default
-} from "../chunk-UD4FNMJN.mjs";
+} from "../chunk-RANRYFUI.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Carousel,
   Carousel_default as default

package/dist/components/Cascader.d.mts

@@ -148,12 +148,12 @@ declare const Cascader: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     locale: Partial<TigerLocale>;
     emptyText: string;
+    placeholder: string;
     size: ComponentSize;
     disabled: boolean;
     modelValue: CascaderValue;
     searchable: boolean | CascaderSearchConfig;
     options: CascaderOption[];
-    placeholder: string;
     searchValue: string;
     defaultSearchValue: string;
     clearable: boolean;

package/dist/components/Cascader.mjs

@@ -1,8 +1,9 @@
 import {
   Cascader,
   Cascader_default
-} from "../chunk-WYJ5WOT2.mjs";
-import "../chunk-R6WFL6NI.mjs";
+} from "../chunk-DWK5GUMB.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
 export {
   Cascader,
   Cascader_default as default