@expcat/tigercat-vue 2.1.0 → 2.1.2

package/dist/{chunk-32X54QKW.mjs → chunk-RRLE7QRH.mjs}

@@ -4,19 +4,22 @@ import {
 } from "./chunk-U6OGGZBY.mjs";
 import {
   List
-} from "./chunk-6AMWX5K4.mjs";
+} from "./chunk-GQOPDD44.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Loading
-} from "./chunk-AUMTHL6N.mjs";
+} from "./chunk-ZOP7PEKY.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
 import {
   Card
 } from "./chunk-TC6ZPQFT.mjs";
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/NotificationCenter.ts
 import { defineComponent, computed, ref, watch, h } from "vue";
@@ -25,7 +28,10 @@ import {
   coerceClassValue,
   mergeStyleValues,
   buildNotificationGroups,
-  formatActivityTime
+  formatActivityTime,
+  getNotificationCenterLabels,
+  mergeTigerLocale,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 
 // ../core/src/internal/notification-center-styles.ts
@@ -100,39 +106,47 @@ var NotificationCenter = defineComponent({
     },
     loadingText: {
       type: String,
-      default: "\u52A0\u8F7D\u4E2D..."
+      default: void 0
     },
     emptyText: {
       type: String,
-      default: "\u6682\u65E0\u901A\u77E5"
+      default: void 0
     },
     title: {
       type: String,
-      default: "\u901A\u77E5\u4E2D\u5FC3"
+      default: void 0
     },
     allLabel: {
       type: String,
-      default: "\u5168\u90E8"
+      default: void 0
     },
     unreadLabel: {
       type: String,
-      default: "\u672A\u8BFB"
+      default: void 0
     },
     readLabel: {
       type: String,
-      default: "\u5DF2\u8BFB"
+      default: void 0
     },
     markAllReadText: {
       type: String,
-      default: "\u5168\u90E8\u6807\u8BB0\u5DF2\u8BFB"
+      default: void 0
     },
     markReadText: {
       type: String,
-      default: "\u6807\u8BB0\u5DF2\u8BFB"
+      default: void 0
     },
     markUnreadText: {
       type: String,
-      default: "\u6807\u8BB0\u672A\u8BFB"
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     },
     manageReadState: {
       type: Boolean,
@@ -157,6 +171,9 @@ var NotificationCenter = defineComponent({
     "item-read-change"
   ],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getNotificationCenterLabels(mergedLocale.value, props.labels));
     const resolvedGroups = computed(
       () => buildNotificationGroups(props.items, props.groups, props.groupBy, props.groupOrder)
     );
@@ -296,9 +313,9 @@ var NotificationCenter = defineComponent({
     };
     const renderReadFilterButtons = () => {
       const options = [
-        { key: "all", label: props.allLabel },
-        { key: "unread", label: props.unreadLabel },
-        { key: "read", label: props.readLabel }
+        { key: "all", label: resolveLocaleText(labels.value.allLabel, props.allLabel) },
+        { key: "unread", label: resolveLocaleText(labels.value.unreadLabel, props.unreadLabel) },
+        { key: "read", label: resolveLocaleText(labels.value.readLabel, props.readLabel) }
       ];
       return h(
         "div",
@@ -380,7 +397,9 @@ var NotificationCenter = defineComponent({
                 handleItemReadChange(item, !isRead);
               }
             },
-            { default: () => isRead ? props.markUnreadText : props.markReadText }
+            {
+              default: () => isRead ? resolveLocaleText(labels.value.markUnreadText, props.markUnreadText) : resolveLocaleText(labels.value.markReadText, props.markReadText)
+            }
           )
         ]
       );
@@ -424,7 +443,7 @@ var NotificationCenter = defineComponent({
                 color: "muted",
                 class: notificationCenterEmptyTextClasses
               },
-              { default: () => props.emptyText }
+              { default: () => resolveLocaleText(labels.value.emptyText, props.emptyText) }
             )
           ]
         );
@@ -436,7 +455,7 @@ var NotificationCenter = defineComponent({
           split: true,
           bordered: "divided",
           hoverable: true,
-          emptyText: props.emptyText,
+          emptyText: resolveLocaleText(labels.value.emptyText, props.emptyText),
           onItemClick: handleItemClick
         },
         {
@@ -484,7 +503,7 @@ var NotificationCenter = defineComponent({
                 weight: "bold",
                 class: notificationCenterTitleClasses
               },
-              { default: () => props.title }
+              { default: () => resolveLocaleText(labels.value.title, props.title) }
             ),
             totalUnread.value > 0 ? h(
               "span",
@@ -506,20 +525,22 @@ var NotificationCenter = defineComponent({
               ),
               onClick: handleMarkAllRead
             },
-            { default: () => props.markAllReadText }
+            {
+              default: () => resolveLocaleText(labels.value.markAllReadText, props.markAllReadText)
+            }
           )
         ]),
         renderReadFilterButtons()
       ]);
       const content = props.loading ? h("div", { class: "flex items-center justify-center py-16" }, [
         h(Loading, {
-          text: props.loadingText,
+          text: resolveLocaleText(labels.value.loadingText, props.loadingText),
           class: notificationCenterLoadingClasses
         })
       ]) : resolvedGroups.value.length > 0 ? h("div", { class: "-mx-4 -mb-4" }, [renderTabs()]) : h("div", { class: "-mx-4 -mb-4 max-h-[380px] overflow-y-auto" }, [
         renderList(filteredFlatItems.value)
       ]);
-      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : props.title);
+      const ariaLabel = attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : resolveLocaleText(labels.value.title, props.title));
       return h(
         "div",
         {

package/dist/{chunk-RID7A5V7.mjs → chunk-RRNQL6MJ.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-3MO7A4GU.mjs";
 import {
   Loading
-} from "./chunk-AUMTHL6N.mjs";
+} from "./chunk-ZOP7PEKY.mjs";
 import {
   Tag
 } from "./chunk-342DH5CF.mjs";
@@ -19,6 +19,9 @@ import {
 import {
   Avatar
 } from "./chunk-ZFTRR3KW.mjs";
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/ActivityFeed.ts
 import { defineComponent, computed, h } from "vue";
@@ -28,6 +31,9 @@ import {
   coerceClassValue,
   formatActivityTime,
   mergeStyleValues,
+  getActivityFeedLabels,
+  mergeTigerLocale,
+  resolveLocaleText,
   toActivityTimelineItems,
   activityItemClasses,
   activityItemLayoutClasses,
@@ -120,11 +126,19 @@ var ActivityFeed = defineComponent({
     },
     loadingText: {
       type: String,
-      default: "\u52A0\u8F7D\u4E2D..."
+      default: void 0
     },
     emptyText: {
       type: String,
-      default: "\u6682\u65E0\u52A8\u6001"
+      default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     },
     showAvatar: {
       type: Boolean,
@@ -148,6 +162,9 @@ var ActivityFeed = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getActivityFeedLabels(mergedLocale.value, props.labels));
     const resolvedGroups = computed(
       () => buildActivityGroups(props.items, props.groups, props.groupBy, props.groupOrder)
     );
@@ -246,13 +263,13 @@ var ActivityFeed = defineComponent({
     };
     const feedRole = computed(() => attrs.role ?? "feed");
     const feedAriaLabel = computed(
-      () => attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "\u52A8\u6001")
+      () => attrs["aria-label"] ?? (attrs["aria-labelledby"] ? void 0 : "Activity")
     );
     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,
+          text: resolveLocaleText(labels.value.loadingText, props.loadingText),
           class: activityFeedLoadingClasses
         });
         return h(
@@ -303,7 +320,7 @@ var ActivityFeed = defineComponent({
           h(
             Text,
             { tag: "div", size: "sm", color: "muted", class: "font-medium" },
-            { default: () => props.emptyText }
+            { default: () => resolveLocaleText(labels.value.emptyText, props.emptyText) }
           )
         ]);
         return h(

package/dist/{chunk-VJ6YM2EW.mjs → chunk-S4BKVFQ7.mjs}

@@ -1,6 +1,6 @@
 import {
   ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
+} from "./chunk-SNNT64HK.mjs";
 
 // src/components/OrgChart.ts
 import { computed, defineComponent, h, ref } from "vue";

package/dist/{chunk-LPZBXTJ6.mjs → chunk-SAC4PAG3.mjs}

@@ -265,8 +265,8 @@ var ImagePreview = defineComponent({
       panState = createPanState();
       pinchState = createPinchState();
     };
-    const handleMaskClick = (e) => {
-      if (props.maskClosable && e.target === e.currentTarget) {
+    const handleMaskClick = () => {
+      if (props.maskClosable) {
         handleClose();
       }
     };
@@ -299,7 +299,8 @@ var ImagePreview = defineComponent({
       const currentSrc = props.images[index.value] || props.images[0];
       const mask = h("div", {
         class: imagePreviewMaskClasses,
-        "aria-hidden": "true"
+        "aria-hidden": "true",
+        onClick: handleMaskClick
       });
       const img = h("img", {
         src: currentSrc,
@@ -409,7 +410,6 @@ var ImagePreview = defineComponent({
           role: "dialog",
           "aria-modal": "true",
           "aria-label": labels.value.previewDialogAriaLabel,
-          onClick: handleMaskClick,
           onWheel: handleWheel
         },
         [mask, img, closeBtn, prevBtn, nextBtn, toolbar]

package/dist/{chunk-W5RZPTFD.mjs → chunk-SNNT64HK.mjs}

@@ -11,6 +11,9 @@ import {
 var ChartCanvas = defineComponent({
   name: "TigerChartCanvas",
   inheritAttrs: false,
+  emits: {
+    "resolved-size-change": (_size) => true
+  },
   props: {
     width: {
       type: Number,
@@ -38,7 +41,7 @@ var ChartCanvas = defineComponent({
       type: String
     }
   },
-  setup(props, { slots, attrs }) {
+  setup(props, { slots, attrs, emit }) {
     const svgRef = ref(null);
     const observedSize = ref(null);
     const resizeController = createChartResizeObserverController({
@@ -74,6 +77,14 @@ var ChartCanvas = defineComponent({
     };
     onMounted(syncResponsiveObserver);
     watch(() => props.responsive, syncResponsiveObserver);
+    watch(
+      [() => resolvedSize.value.width, () => resolvedSize.value.height],
+      ([nextWidth, nextHeight], prev) => {
+        if (prev && prev[0] === nextWidth && prev[1] === nextHeight) return;
+        emit("resolved-size-change", { width: nextWidth, height: nextHeight });
+      },
+      { immediate: true }
+    );
     onBeforeUnmount(() => resizeController.disconnect());
     return () => {
       const rect = innerRect.value;
@@ -97,7 +108,7 @@ var ChartCanvas = defineComponent({
             {
               transform: `translate(${rect.x}, ${rect.y})`
             },
-            slots.default?.({ innerRect: rect })
+            slots.default?.({ innerRect: rect, width: size.width, height: size.height })
           )
         ].filter(Boolean)
       );

package/dist/{chunk-N3C6YI7I.mjs → chunk-SWMYIORV.mjs}

@@ -1,5 +1,5 @@
 // src/components/Switch.ts
-import { defineComponent, computed, h } from "vue";
+import { defineComponent, computed, h, ref } from "vue";
 import {
   getSwitchClasses,
   getSwitchThumbClasses,
@@ -10,10 +10,17 @@ var Switch = defineComponent({
   inheritAttrs: false,
   props: {
     /**
-     * Whether the switch is checked
-     * @default false
+     * Whether the switch is checked (controlled mode)
      */
     modelValue: {
+      type: [Boolean, null],
+      default: null
+    },
+    /**
+     * Default checked state (uncontrolled mode)
+     * @default false
+     */
+    defaultValue: {
       type: Boolean,
       default: false
     },
@@ -51,13 +58,21 @@ var Switch = defineComponent({
     change: (value) => typeof value === "boolean"
   },
   setup(props, { emit, attrs }) {
+    const internalChecked = ref(props.defaultValue);
+    const isControlled = computed(() => props.modelValue !== null);
+    const checked = computed(
+      () => isControlled.value ? props.modelValue === true : internalChecked.value
+    );
     const switchClasses = computed(
-      () => getSwitchClasses(props.size, props.modelValue, props.disabled, props.className, attrs.class)
+      () => getSwitchClasses(props.size, checked.value, props.disabled, props.className, attrs.class)
     );
-    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, props.modelValue));
+    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, checked.value));
     const emitChange = () => {
       if (props.disabled) return;
-      const newValue = !props.modelValue;
+      const newValue = !checked.value;
+      if (!isControlled.value) {
+        internalChecked.value = newValue;
+      }
       emit("update:modelValue", newValue);
       emit("change", newValue);
     };
@@ -74,7 +89,7 @@ var Switch = defineComponent({
         ...attrs,
         type: "button",
         role: "switch",
-        "aria-checked": props.modelValue,
+        "aria-checked": checked.value,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
         style: mergeStyleValues(attrs.style, props.style),

package/dist/{chunk-U4B5QT72.mjs → chunk-SX3NAN4M.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-CHEXI7MO.mjs";
+} from "./chunk-7TJE7OYH.mjs";
 
 // src/components/DonutChart.ts
 import { defineComponent, computed, h, onMounted, ref } from "vue";

package/dist/{chunk-JL3CN4UK.mjs → chunk-TDBMAKTJ.mjs}

@@ -13,6 +13,7 @@ import {
   calendarWeekdayClasses,
   getCalendarDayClasses,
   getCalendarMonthClasses,
+  isCalendarMonthDisabled,
   isSameDay,
   getMonthDays,
   getShortDayNames,
@@ -79,8 +80,12 @@ var Calendar = defineComponent({
       emit("change", date);
     }
     function selectMonth(monthIdx) {
+      if (isCalendarMonthDisabled(viewYear.value, monthIdx, props.disabledDate)) return;
       viewMonth.value = monthIdx;
-      emit("panel-change", new Date(viewYear.value, monthIdx, 1), props.mode);
+      const date = new Date(viewYear.value, monthIdx, 1);
+      emit("update:modelValue", date);
+      emit("change", date);
+      emit("panel-change", date, "month");
     }
     const dayGridEl = ref(null);
     const monthGridEl = ref(null);
@@ -261,6 +266,7 @@ var Calendar = defineComponent({
               { key: ri, class: "grid grid-cols-3 gap-2", role: "row" },
               row.map((m, ci) => {
                 const i = ri * 3 + ci;
+                const isDisabled = isCalendarMonthDisabled(viewYear.value, i, props.disabledDate);
                 return h(
                   "button",
                   {
@@ -268,8 +274,9 @@ var Calendar = defineComponent({
                     type: "button",
                     role: "gridcell",
                     "aria-selected": viewMonth.value === i,
-                    tabindex: rovingMonthIdx === i ? 0 : -1,
-                    class: getCalendarMonthClasses(viewMonth.value === i),
+                    disabled: isDisabled,
+                    tabindex: rovingMonthIdx === i && !isDisabled ? 0 : -1,
+                    class: getCalendarMonthClasses(viewMonth.value === i, isDisabled),
                     onClick: () => selectMonth(i),
                     onFocus: () => activeMonthIdx.value = i,
                     onKeydown: (e) => handleMonthKeyDown(e, i)

package/dist/chunk-UEGNXN5B.mjs

@@ -0,0 +1,28 @@
+// src/composables/useResponsiveChartSize.ts
+import { computed, ref } from "vue";
+import {
+  getChartInnerRect,
+  resolveResponsiveChartSize
+} from "@expcat/tigercat-core";
+function useResponsiveChartSize(width, height, padding, responsive) {
+  const observedSize = ref(null);
+  const plotSize = computed(
+    () => resolveResponsiveChartSize(
+      { width: width(), height: height() },
+      responsive() ? observedSize.value : null
+    )
+  );
+  const innerRect = computed(
+    () => getChartInnerRect(plotSize.value.width, plotSize.value.height, padding())
+  );
+  function onResolvedSizeChange(size) {
+    const prev = observedSize.value;
+    if (prev && prev.width === size.width && prev.height === size.height) return;
+    observedSize.value = size;
+  }
+  return { plotSize, innerRect, onResolvedSizeChange };
+}
+
+export {
+  useResponsiveChartSize
+};

package/dist/{chunk-NEEGXKJW.mjs → chunk-UGHLEKEZ.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-UOJOJBEU.mjs";
 
 // src/components/FileManager.ts
-import { defineComponent, h, ref, computed, nextTick } from "vue";
+import { defineComponent, h, ref, computed, nextTick, watch } from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -41,6 +41,9 @@ var FileManager = defineComponent({
       default: "list"
     },
     selectedKeys: {
+      type: Array
+    },
+    defaultSelectedKeys: {
       type: Array,
       default: () => []
     },
@@ -88,6 +91,19 @@ var FileManager = defineComponent({
     const focusedIndex = ref(0);
     const contentRef = ref(null);
     let dragFromIndex = null;
+    const innerSelectedKeys = ref([...props.defaultSelectedKeys ?? []]);
+    const isControlled = computed(() => props.selectedKeys !== void 0);
+    const resolvedKeys = computed(
+      () => isControlled.value ? props.selectedKeys ?? [] : innerSelectedKeys.value
+    );
+    watch(
+      () => props.selectedKeys,
+      (value) => {
+        if (value !== void 0) {
+          innerSelectedKeys.value = [...value];
+        }
+      }
+    );
     function handleDragStart(event, item, index) {
       if (!props.draggable || item.disabled) return;
       dragFromIndex = index;
@@ -122,7 +138,7 @@ var FileManager = defineComponent({
       () => deriveFileManagerModel({
         files: props.files,
         currentPath: props.currentPath,
-        selectedKeys: props.selectedKeys,
+        selectedKeys: resolvedKeys.value,
         sortField: props.sortField,
         sortOrder: props.sortOrder,
         showHidden: props.showHidden,
@@ -135,7 +151,10 @@ var FileManager = defineComponent({
     function handleSelect(item) {
       if (item.disabled) return;
       emit("select", item);
-      const keys = toggleFileSelection(props.selectedKeys, item.key, props.multiple);
+      const keys = toggleFileSelection(resolvedKeys.value, item.key, props.multiple);
+      if (!isControlled.value) {
+        innerSelectedKeys.value = keys;
+      }
       emit("update:selectedKeys", keys);
     }
     function handleOpen(item) {

package/dist/{chunk-HKYRRQS7.mjs → chunk-UNQO7EVG.mjs}

@@ -1,6 +1,6 @@
 import {
   useFloatingPopup
-} from "./chunk-26OI3TEA.mjs";
+} from "./chunk-PMQSXEMT.mjs";
 import {
   renderVueOverlayTeleport
 } from "./chunk-Q7Y22OFX.mjs";