@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-IKEZDGRO.mjs → chunk-LHZ5MRFQ.mjs}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-R2HO74FE.mjs";
 import {
   ChartLegend
-} from "./chunk-VVS2CQS4.mjs";
+} from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
 import {
   ChartTooltip
-} from "./chunk-OK4PVFQG.mjs";
+} from "./chunk-G2LB4QCL.mjs";
 import {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";

package/dist/{chunk-5F6P5Y4K.js → chunk-LKRT27JW.js}

@@ -1,4 +1,4 @@
-"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/VirtualList.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; }// src/components/VirtualList.ts
 var _vue = require('vue');
 
 
@@ -24,12 +24,19 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       default: void 0
     },
     height: { type: Number, default: 400 },
-    overscan: { type: Number, default: 5 }
+    overscan: { type: Number, default: 5 },
+    /** Custom class name (merged with the `class` attribute) */
+    className: { type: String, default: void 0 }
   },
   emits: ["scroll"],
   setup(props, { emit, attrs, slots }) {
     const scrollTop = _vue.ref.call(void 0, 0);
+    const measureVersion = _vue.ref.call(void 0, 0);
     const containerRef = _vue.ref.call(void 0, null);
+    const itemEls = /* @__PURE__ */ new Map();
+    const isDynamic = _vue.computed.call(void 0, 
+      () => !props.sizeStrategy && !props.getItemHeight && props.estimatedItemHeight !== void 0
+    );
     const strategy = _vue.computed.call(void 0, () => {
       if (props.sizeStrategy) return props.sizeStrategy;
       if (props.getItemHeight) {
@@ -40,9 +47,26 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       }
       return _tigercatcore.fixedSizeStrategy.call(void 0, props.itemHeight);
     });
-    const range = _vue.computed.call(void 0, 
-      () => strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan)
-    );
+    const range = _vue.computed.call(void 0, () => {
+      void measureVersion.value;
+      return strategy.value.getRange(scrollTop.value, props.height, props.itemCount, props.overscan);
+    });
+    function measureDynamic() {
+      if (!isDynamic.value) return;
+      const strat = strategy.value;
+      if (!strat.updateItemHeight) return;
+      let changed = false;
+      itemEls.forEach((el, i) => {
+        const measured = el.offsetHeight;
+        if (measured > 0 && measured !== strat.getItemHeight(i)) {
+          strat.updateItemHeight(i, measured);
+          changed = true;
+        }
+      });
+      if (changed) measureVersion.value += 1;
+    }
+    _vue.onMounted.call(void 0, measureDynamic);
+    _vue.onUpdated.call(void 0, measureDynamic);
     function handleScroll() {
       if (containerRef.value) {
         scrollTop.value = containerRef.value.scrollTop;
@@ -53,18 +77,24 @@ var VirtualList = _vue.defineComponent.call(void 0, {
       const { startIndex, endIndex, totalHeight } = range.value;
       const currentStrategy = strategy.value;
       const items = [];
+      const dynamic = isDynamic.value;
+      if (dynamic) itemEls.clear();
       for (let i = startIndex; i <= endIndex; i++) {
         const itemH = currentStrategy.getItemHeight(i);
         const slotContent = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2({ index: i })]);
+        const index = i;
         items.push(
           _vue.h.call(void 0, 
             "div",
             {
-              key: i,
-              style: {
-                height: `${itemH}px`,
-                width: "100%"
-              }
+              key: index,
+              // Auto height in dynamic mode so real content height is measurable.
+              style: dynamic ? { width: "100%" } : { height: `${itemH}px`, width: "100%" },
+              ref: dynamic ? (el) => {
+                if (el)
+                  itemEls.set(index, _nullishCoalesce(el.$el, () => ( el)));
+                else itemEls.delete(index);
+              } : void 0
             },
             slotContent
           )
@@ -75,7 +105,11 @@ var VirtualList = _vue.defineComponent.call(void 0, {
         "div",
         {
           ref: containerRef,
-          class: _tigercatcore.classNames.call(void 0, _tigercatcore.virtualListContainerClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class)),
+          class: _tigercatcore.classNames.call(void 0, 
+            _tigercatcore.virtualListContainerClasses,
+            props.className,
+            _tigercatcore.coerceClassValue.call(void 0, attrs.class)
+          ),
           style: { height: `${props.height}px` },
           onScroll: handleScroll
         },

package/dist/{chunk-FP7SBCPO.js → chunk-LODEICSN.js}

@@ -3,13 +3,13 @@
 var _chunk2VOZFFW6js = require('./chunk-2VOZFFW6.js');
 
 
-var _chunkACYYQJ6Mjs = require('./chunk-ACYYQJ6M.js');
+var _chunkKLOUOXNAjs = require('./chunk-KLOUOXNA.js');
 
 
 var _chunkHBFFINAIjs = require('./chunk-HBFFINAI.js');
 
 
-var _chunkZOUJFFG4js = require('./chunk-ZOUJFFG4.js');
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
 
 
 var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
@@ -219,7 +219,7 @@ var TreeMapChart = _vue.defineComponent.call(void 0, {
           }
         }
       );
-      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkZOUJFFG4js.ChartTooltip, {
+      const tooltip = props.showTooltip && props.hoverable ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
         content: tooltipContent.value,
         visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
@@ -230,7 +230,7 @@ var TreeMapChart = _vue.defineComponent.call(void 0, {
       }
       return _vue.h.call(void 0, "div", { class: wrapperClasses.value }, [
         chart,
-        _vue.h.call(void 0, _chunkACYYQJ6Mjs.ChartLegend, {
+        _vue.h.call(void 0, _chunkKLOUOXNAjs.ChartLegend, {
           items: legendItems.value,
           position: props.legendPosition,
           markerSize: props.legendMarkerSize,

package/dist/{chunk-35NT2WJR.mjs → chunk-LOX2KCML.mjs}

@@ -1,21 +1,21 @@
 import {
   VirtualList
-} from "./chunk-PENI3H3I.mjs";
+} from "./chunk-HS4YQGZQ.mjs";
 import {
   Input
-} from "./chunk-2WJADO6O.mjs";
+} from "./chunk-DZFM7H3M.mjs";
 import {
   Empty
-} from "./chunk-WFISP42H.mjs";
+} from "./chunk-WLHOWOAY.mjs";
 import {
   Textarea
-} from "./chunk-MKBIVETW.mjs";
+} from "./chunk-2OI6GWOT.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Avatar
-} from "./chunk-ZCT56WB7.mjs";
+} from "./chunk-XZYFVOOS.mjs";
 
 // src/components/ChatWindow.ts
 import { defineComponent, h, computed, ref, watch, onMounted, onUpdated } from "vue";
@@ -23,6 +23,7 @@ import {
   classNames,
   coerceClassValue,
   getChatMessageStatusInfo,
+  getChatStatusBarClasses,
   formatChatTime,
   mergeStyleValues
 } from "@expcat/tigercat-core";
@@ -332,16 +333,14 @@ var ChatWindow = defineComponent({
               {
                 class: "h-full flex items-center justify-center py-8"
               },
-              [
-                h(Empty, { description: props.emptyText })
-              ]
+              [h(Empty, { description: props.emptyText })]
             )
           ] : props.messages.map((message, index) => renderMessageItem(message, index))
         ),
         props.statusText ? h(
           "div",
           {
-            class: "px-5 py-2 border-t border-[var(--tiger-border,#e5e7eb)] text-xs italic text-[var(--tiger-text-muted,#6b7280)] bg-[var(--tiger-surface-muted,#f9fafb)]"
+            class: getChatStatusBarClasses(props.statusVariant)
           },
           props.statusText
         ) : null,

package/dist/{chunk-XZMU7B54.js → chunk-LPHDX3UU.js}

@@ -1,5 +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; }
 
+var _chunkAYQER5UDjs = require('./chunk-AYQER5UD.js');
+
+
 var _chunkUHVUKLHFjs = require('./chunk-UHVUKLHF.js');
 
 // src/components/GaugeChart.ts
@@ -30,6 +33,8 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
     showTicks: { type: Boolean, default: true },
     tickCount: { type: Number, default: 5 },
     valueFormatter: { type: Function },
+    tooltipFormatter: { type: Function },
+    showTooltip: { type: Boolean, default: true },
     label: { type: String },
     segments: {
       type: Array
@@ -67,6 +72,26 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
     _vue.onBeforeUnmount.call(void 0, () => {
       _optionalChain([animCtrl, 'optionalAccess', _3 => _3.stop, 'call', _4 => _4()]);
     });
+    const wrapperRef = _vue.ref.call(void 0, null);
+    const tooltipState = _vue.ref.call(void 0, { visible: false, x: 0, y: 0 });
+    const handleTooltipMove = (e) => {
+      if (!props.showTooltip) return;
+      tooltipState.value = { visible: true, x: e.clientX, y: e.clientY };
+    };
+    const handleTooltipLeave = () => {
+      tooltipState.value = { ...tooltipState.value, visible: false };
+    };
+    const handleTooltipFocus = () => {
+      if (!props.showTooltip) return;
+      const rect = _optionalChain([wrapperRef, 'access', _5 => _5.value, 'optionalAccess', _6 => _6.getBoundingClientRect, 'call', _7 => _7()]);
+      if (rect) {
+        tooltipState.value = {
+          visible: true,
+          x: rect.left + rect.width / 2,
+          y: rect.top + rect.height / 2
+        };
+      }
+    };
     const ticks = _vue.computed.call(void 0, 
       () => props.showTicks ? _tigercatcore.computeGaugeTicks.call(void 0, 
         cx.value,
@@ -86,7 +111,7 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
       const aw = props.arcWidth;
       const trackPath = _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, props.endAngle, aw);
       const valuePath = animatedAngle.value > props.startAngle ? _tigercatcore.createGaugeArcPath.call(void 0, c, cY, r, props.startAngle, animatedAngle.value, aw) : null;
-      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _5 => _5.segments, 'optionalAccess', _6 => _6.map, 'call', _7 => _7((seg, i) => {
+      const segmentArcs = _nullishCoalesce(_optionalChain([props, 'access', _8 => _8.segments, 'optionalAccess', _9 => _9.map, 'call', _10 => _10((seg, i) => {
         const sStart = _tigercatcore.valueToGaugeAngle.call(void 0, 
           seg.range[0],
           props.min,
@@ -110,7 +135,8 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
       })]), () => ( []));
       const needlePath = _tigercatcore.createGaugeNeedlePath.call(void 0, c, cY, r - aw - 6, animatedAngle.value);
       const formattedValue = props.valueFormatter ? props.valueFormatter(props.value) : `${props.value}`;
-      return _vue.h.call(void 0, 
+      const tooltipContent = props.tooltipFormatter ? props.tooltipFormatter(props.value) : props.label ? `${props.label}: ${formattedValue}` : formattedValue;
+      const canvas = _vue.h.call(void 0, 
         _chunkUHVUKLHFjs.ChartCanvas,
         {
           width: props.width,
@@ -219,6 +245,29 @@ var GaugeChart = _vue.defineComponent.call(void 0, {
           ]
         }
       );
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          ref: wrapperRef,
+          class: "inline-block relative",
+          tabindex: props.showTooltip ? 0 : void 0,
+          role: "img",
+          "aria-label": props.label ? `${props.label}: ${formattedValue}` : formattedValue,
+          onMousemove: handleTooltipMove,
+          onMouseleave: handleTooltipLeave,
+          onFocus: handleTooltipFocus,
+          onBlur: handleTooltipLeave
+        },
+        [
+          canvas,
+          props.showTooltip ? _vue.h.call(void 0, _chunkAYQER5UDjs.ChartTooltip, {
+            content: tooltipContent,
+            visible: tooltipState.value.visible && tooltipContent !== "",
+            x: tooltipState.value.x,
+            y: tooltipState.value.y
+          }) : null
+        ]
+      );
     };
   }
 });

package/dist/{chunk-PXRF4IJO.mjs → chunk-LSWTZHBV.mjs}

@@ -1,5 +1,13 @@
 // src/components/FloatButton.ts
-import { defineComponent, computed, h, ref, Teleport } from "vue";
+import {
+  defineComponent,
+  computed,
+  h,
+  ref,
+  provide,
+  inject,
+  Teleport
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -11,13 +19,14 @@ import {
   floatButtonDisabledClasses,
   floatButtonGroupClasses
 } from "@expcat/tigercat-core";
+var FloatButtonGroupShapeKey = /* @__PURE__ */ Symbol("FloatButtonGroupShape");
 var FloatButton = defineComponent({
   name: "TigerFloatButton",
   inheritAttrs: false,
   props: {
     shape: {
       type: String,
-      default: "circle"
+      default: void 0
     },
     size: {
       type: String,
@@ -50,10 +59,17 @@ var FloatButton = defineComponent({
   },
   emits: ["click"],
   setup(props, { slots, emit, attrs }) {
+    const groupShape = inject(
+      FloatButtonGroupShapeKey,
+      void 0
+    );
+    const resolvedShape = computed(
+      () => props.shape ?? groupShape?.value ?? "circle"
+    );
     const classes = computed(
       () => classNames(
         floatButtonBaseClasses,
-        floatButtonShapeClasses[props.shape],
+        floatButtonShapeClasses[resolvedShape.value],
         floatButtonSizeClasses[props.size],
         floatButtonTypeClasses[props.type],
         props.disabled && floatButtonDisabledClasses,
@@ -115,6 +131,10 @@ var FloatButtonGroup = defineComponent({
   setup(props, { slots, emit, attrs }) {
     const internalOpen = ref(false);
     const isOpen = computed(() => props.open ?? internalOpen.value);
+    provide(
+      FloatButtonGroupShapeKey,
+      computed(() => props.shape)
+    );
     const toggle = () => {
       const next = !isOpen.value;
       internalOpen.value = next;

package/dist/{chunk-Z7ETXBOL.mjs → chunk-MF7BKYGN.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/Transfer.ts
 import { defineComponent, h, ref, computed } from "vue";
 import {
@@ -13,13 +17,16 @@ import {
   getTransferButtonClasses,
   splitTransferData,
   filterTransferItems,
+  moveTransferItems,
   getPickerListboxAria,
   getPickerOptionAria,
   coerceClassValue,
   classNames,
   icon20ViewBox,
   chevronLeftSolidIcon20PathD,
-  chevronRightSolidIcon20PathD
+  chevronRightSolidIcon20PathD,
+  resolveLocaleText,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 function ArrowIcon(pathD) {
   return h(
@@ -44,7 +51,15 @@ var Transfer = defineComponent({
   props: {
     modelValue: {
       type: Array,
-      default: () => []
+      default: void 0
+    },
+    /**
+     * Target keys alias (core/shared name). Used when `modelValue` /
+     * `v-model` is not bound; `modelValue` takes priority.
+     */
+    targetKeys: {
+      type: Array,
+      default: void 0
     },
     dataSource: {
       type: Array,
@@ -72,23 +87,32 @@ var Transfer = defineComponent({
     },
     notFoundText: {
       type: String,
-      default: "No data"
+      default: void 0
     },
     filterOption: {
       type: Function,
       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 config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const sourceSelectedKeys = ref(/* @__PURE__ */ new Set());
     const targetSelectedKeys = ref(/* @__PURE__ */ new Set());
     const sourceSearch = ref("");
     const targetSearch = ref("");
-    const { sourceItems: _sourceItems, targetItems: _targetItems } = computed(
-      () => splitTransferData(props.dataSource, props.modelValue)
-    ).value;
-    const computedData = computed(() => splitTransferData(props.dataSource, props.modelValue));
+    const resolvedTargetKeys = computed(() => props.modelValue ?? props.targetKeys ?? []);
+    const computedData = computed(
+      () => splitTransferData(props.dataSource, resolvedTargetKeys.value)
+    );
     const filteredSourceItems = computed(
       () => filterTransferItems(computedData.value.sourceItems, sourceSearch.value, props.filterOption)
     );
@@ -131,27 +155,27 @@ var Transfer = defineComponent({
     }
     function moveRight() {
       if (!canMoveRight.value) return;
-      const keysToMove = [...sourceSelectedKeys.value].filter((key) => {
-        const item = props.dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      });
-      const newTargetKeys = [...props.modelValue, ...keysToMove];
+      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+        "right",
+        resolvedTargetKeys.value,
+        sourceSelectedKeys.value,
+        props.dataSource
+      );
       sourceSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "right", keysToMove);
+      emit("change", newTargetKeys, "right", movedKeys);
     }
     function moveLeft() {
       if (!canMoveLeft.value) return;
-      const keysToRemove = new Set(
-        [...targetSelectedKeys.value].filter((key) => {
-          const item = props.dataSource.find((d) => d.key === key);
-          return item && !item.disabled;
-        })
+      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+        "left",
+        resolvedTargetKeys.value,
+        targetSelectedKeys.value,
+        props.dataSource
       );
-      const newTargetKeys = props.modelValue.filter((k) => !keysToRemove.has(k));
       targetSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "left", [...keysToRemove]);
+      emit("change", newTargetKeys, "left", movedKeys);
     }
     function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
       return h("div", { class: transferPanelClasses, role: "group", "aria-label": title }, [
@@ -167,7 +191,10 @@ var Transfer = defineComponent({
         props.showSearch ? h("input", {
           type: "text",
           class: transferSearchClasses,
-          placeholder: "Search...",
+          placeholder: resolveLocaleText(
+            "Search...",
+            mergedLocale.value?.common?.searchPlaceholder
+          ),
           value: searchValue,
           "aria-label": `Search ${title}`,
           onInput: (e) => onSearch(e.target.value)
@@ -202,7 +229,17 @@ var Transfer = defineComponent({
                 h("span", { class: "flex-1 truncate" }, item.label)
               ]
             );
-          }) : [h("div", { class: transferEmptyClasses }, props.notFoundText)]
+          }) : [
+            h(
+              "div",
+              { class: transferEmptyClasses },
+              resolveLocaleText(
+                "No data",
+                props.notFoundText,
+                mergedLocale.value?.common?.emptyText
+              )
+            )
+          ]
         )
       ]);
     }