@expcat/tigercat-vue 1.3.4 → 1.5.0

package/dist/{chunk-OKR3GRG5.mjs → chunk-BRGQXIKA.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";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-MI6TL3CQ.mjs";
 
 // src/components/LineChart.ts
-import { defineComponent, computed, h, ref, useId } from "vue";
+import { defineComponent, computed, getCurrentInstance, h, ref, useId } from "vue";
 import {
   classNames,
   createAreaPath,
@@ -249,12 +249,16 @@ var LineChart = defineComponent({
     "point-hover"
   ],
   setup(props, { emit }) {
+    const instance = getCurrentInstance();
     const hoveredPointInfo = ref(null);
     const tooltipPosition = ref({ x: 0, y: 0 });
     const gradientPrefix = getStableChartGradientPrefix("line", useId());
     const innerRect = computed(() => getChartInnerRect(props.width, props.height, props.padding));
     const resolvedSeries = computed(
-      () => resolveSeriesData(props.series, props.data)
+      () => resolveSeriesData(props.series, props.data, {
+        color: props.lineColor,
+        pointColor: props.pointColor
+      })
     );
     const {
       activeIndex,
@@ -376,6 +380,18 @@ var LineChart = defineComponent({
       hoveredPointInfo.value = null;
       emit("point-hover", null, null, null);
     };
+    const showPointTooltipFromElement = (el, seriesIndex, pointIndex) => {
+      if (!props.hoverable) return;
+      const rect = el.getBoundingClientRect();
+      hoveredPointInfo.value = { seriesIndex, pointIndex };
+      tooltipPosition.value = { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 };
+      emit(
+        "point-hover",
+        seriesIndex,
+        pointIndex,
+        resolvedSeries.value[seriesIndex]?.data[pointIndex]
+      );
+    };
     const handlePointClick = (seriesIndex, pointIndex) => {
       emit(
         "point-click",
@@ -392,6 +408,7 @@ var LineChart = defineComponent({
       handleSeriesSelect(seriesIndex);
     };
     return () => {
+      const pointClickable = props.selectable || typeof instance?.vnode.props?.onPointClick === "function";
       const chart = h(
         ChartCanvas,
         {
@@ -587,6 +604,8 @@ var LineChart = defineComponent({
                     sd.showPoints ? sd.points.map((point) => {
                       const isHovered = hoveredPointInfo.value?.seriesIndex === sd.seriesIndex && hoveredPointInfo.value?.pointIndex === point.pointIndex;
                       const hoverSize = sd.pointSize + 2;
+                      const datum = resolvedSeries.value[sd.seriesIndex]?.data?.[point.pointIndex];
+                      const pointInteractive = props.hoverable || pointClickable;
                       return h("circle", {
                         key: `point-${sd.seriesKey}-${point.pointIndex}`,
                         cx: point.x,
@@ -595,17 +614,46 @@ var LineChart = defineComponent({
                         fill: sd.pointHollow ? "white" : props.pointGradient ? `url(#${gradientPrefix}-point-${sd.seriesKey})` : sd.pointColor,
                         stroke: sd.pointHollow ? sd.pointColor : "none",
                         "stroke-width": sd.pointHollow ? 2 : 0,
-                        class: linePointTransitionClasses,
+                        class: classNames(
+                          linePointTransitionClasses,
+                          pointInteractive && "cursor-pointer"
+                        ),
                         style: isHovered ? `filter: drop-shadow(0 0 4px ${sd.color})` : void 0,
+                        role: pointInteractive ? "button" : "img",
+                        "aria-label": datum?.label ?? String(datum?.y ?? ""),
+                        tabindex: pointInteractive ? 0 : void 0,
                         "data-point-index": point.pointIndex,
                         "data-series-key": sd.seriesKey,
-                        onMouseenter: (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e),
-                        onMousemove: handlePointMouseMove,
-                        onMouseleave: handlePointMouseLeave,
-                        onClick: (e) => {
+                        onMouseenter: props.hoverable ? (e) => handlePointMouseEnter(sd.seriesIndex, point.pointIndex, e) : void 0,
+                        onMousemove: props.hoverable ? handlePointMouseMove : void 0,
+                        onMouseleave: props.hoverable ? handlePointMouseLeave : void 0,
+                        onClick: pointClickable ? (e) => {
                           e.stopPropagation();
                           handlePointClick(sd.seriesIndex, point.pointIndex);
-                        }
+                        } : void 0,
+                        onFocus: props.hoverable ? (e) => showPointTooltipFromElement(
+                          e.currentTarget,
+                          sd.seriesIndex,
+                          point.pointIndex
+                        ) : void 0,
+                        onBlur: props.hoverable ? handlePointMouseLeave : void 0,
+                        onKeydown: pointInteractive ? (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            if (pointClickable) {
+                              handlePointClick(sd.seriesIndex, point.pointIndex);
+                            } else {
+                              showPointTooltipFromElement(
+                                e.currentTarget,
+                                sd.seriesIndex,
+                                point.pointIndex
+                              );
+                            }
+                          } else if (e.key === "Escape" && props.hoverable) {
+                            handlePointMouseLeave();
+                          }
+                        } : void 0
                       });
                     }) : null
                   ]

package/dist/{chunk-QYSFZA5V.js → chunk-BV6XWFRF.js}

@@ -60,22 +60,29 @@ var AnchorLink = _vue.defineComponent.call(void 0, {
     _vue.onMounted.call(void 0, () => {
       _optionalChain([anchorContext, 'optionalAccess', _ => _.registerLink, 'call', _2 => _2(props.href)]);
     });
+    _vue.watch.call(void 0, 
+      () => props.href,
+      (next, prev) => {
+        _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(prev)]);
+        _optionalChain([anchorContext, 'optionalAccess', _5 => _5.registerLink, 'call', _6 => _6(next)]);
+      }
+    );
     _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([anchorContext, 'optionalAccess', _3 => _3.unregisterLink, 'call', _4 => _4(props.href)]);
+      _optionalChain([anchorContext, 'optionalAccess', _7 => _7.unregisterLink, 'call', _8 => _8(props.href)]);
     });
     const handleClick = (event) => {
       event.preventDefault();
-      _optionalChain([anchorContext, 'optionalAccess', _5 => _5.handleLinkClick, 'call', _6 => _6(props.href, event)]);
+      _optionalChain([anchorContext, 'optionalAccess', _9 => _9.handleLinkClick, 'call', _10 => _10(props.href, event)]);
     };
     const linkClasses = _vue.computed.call(void 0, () => {
-      const isActive = _optionalChain([anchorContext, 'optionalAccess', _7 => _7.activeLink]) === props.href;
+      const isActive = _optionalChain([anchorContext, 'optionalAccess', _11 => _11.activeLink]) === props.href;
       return _tigercatcore.classNames.call(void 0, 
         _tigercatcore.getAnchorLinkClasses.call(void 0, isActive, props.className),
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
     return () => {
-      const slotContent = _optionalChain([slots, 'access', _8 => _8.default, 'optionalCall', _9 => _9()]);
+      const slotContent = _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()]);
       const hasNestedLinks = slotContent && Array.isArray(slotContent) && slotContent.some(
         (vnode) => vnode.type && vnode.type.name === "TigerAnchorLink"
       );
@@ -207,7 +214,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
     };
     let stopObserver = null;
     const setupObserver = () => {
-      _optionalChain([stopObserver, 'optionalCall', _10 => _10()]);
+      _optionalChain([stopObserver, 'optionalCall', _14 => _14()]);
       const container = getContainer();
       const root = container === window ? null : container;
       stopObserver = _tigercatcore.createAnchorObserver.call(void 0, links.value, {
@@ -271,7 +278,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
       _vue.nextTick.call(void 0, () => setupObserver());
     });
     _vue.onBeforeUnmount.call(void 0, () => {
-      _optionalChain([stopObserver, 'optionalCall', _11 => _11()]);
+      _optionalChain([stopObserver, 'optionalCall', _15 => _15()]);
       if (scrollTimeoutId !== null) {
         clearTimeout(scrollTimeoutId);
       }
@@ -336,7 +343,7 @@ var Anchor = _vue.defineComponent.call(void 0, {
             {
               class: linkListClasses.value
             },
-            _optionalChain([slots, 'access', _12 => _12.default, 'optionalCall', _13 => _13()])
+            _optionalChain([slots, 'access', _16 => _16.default, 'optionalCall', _17 => _17()])
           )
         ]
       );

package/dist/{chunk-ODQOYMUQ.js → chunk-BYNTPLGC.js}

@@ -28,10 +28,17 @@ var AvatarGroup = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots, attrs }) {
-    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, {
+    const groupContext = _vue.reactive.call(void 0, {
       size: props.size,
       itemClass: _tigercatcore.getAvatarGroupItemClasses.call(void 0, )
     });
+    _vue.watch.call(void 0, 
+      () => props.size,
+      (size) => {
+        groupContext.size = size;
+      }
+    );
+    _vue.provide.call(void 0, AVATAR_GROUP_INJECTION_KEY, groupContext);
     return () => {
       const children = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
       const flatChildren = children.flatMap(

package/dist/{chunk-SVWZOIBI.js → chunk-BZ56UKUK.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 _chunk5PXTMXXSjs = require('./chunk-5PXTMXXS.js');
@@ -449,7 +449,7 @@ var BarChart = _vue.defineComponent.call(void 0, {
           ].filter(Boolean)
         }
       );
-      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,
@@ -460,7 +460,7 @@ var BarChart = _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-5X3GXNGM.mjs → chunk-CF4GX6BD.mjs}

@@ -1,5 +1,19 @@
+import {
+  INPUT_GROUP_INJECTION_KEY
+} from "./chunk-VIIGYWUY.mjs";
+
 // src/components/InputNumber.ts
-import { defineComponent, computed, ref, watch, h, onMounted, onBeforeUnmount } from "vue";
+import {
+  defineComponent,
+  computed,
+  ref,
+  watch,
+  h,
+  onMounted,
+  onBeforeUnmount,
+  inject,
+  getCurrentInstance
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -20,6 +34,8 @@ import {
   formatPrecision,
   isAtMin,
   isAtMax,
+  formatInputNumberDisplay,
+  parseInputNumberValue,
   createRafRepeatActionController
 } from "@expcat/tigercat-core";
 var InputNumber = defineComponent({
@@ -29,6 +45,10 @@ var InputNumber = defineComponent({
     modelValue: {
       type: [Number, null]
     },
+    defaultValue: {
+      type: [Number, null],
+      default: void 0
+    },
     size: {
       type: String,
       default: "md"
@@ -85,10 +105,20 @@ var InputNumber = defineComponent({
     autoFocus: {
       type: Boolean,
       default: false
+    },
+    className: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
+    const instance = getCurrentInstance();
+    const inputGroup = inject(INPUT_GROUP_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 inputRef = ref(null);
     const focused = ref(false);
     const repeatController = createRafRepeatActionController();
@@ -96,16 +126,13 @@ var InputNumber = defineComponent({
     let suppressNextClick = false;
     const displayValue = ref("");
     function toDisplayValue(val) {
-      if (val === null || val === void 0) return "";
-      if (props.formatter) return props.formatter(val);
-      if (props.precision !== void 0) return val.toFixed(props.precision);
-      return String(val);
+      return formatInputNumberDisplay(val, {
+        formatter: props.formatter,
+        precision: props.precision
+      });
     }
     function parseValue(str) {
-      if (str === "" || str === "-") return null;
-      if (props.parser) return props.parser(str);
-      const num = Number(str);
-      return Number.isNaN(num) ? null : num;
+      return parseInputNumberValue(str, { parser: props.parser });
     }
     watch(
       () => props.modelValue,
@@ -117,10 +144,13 @@ var InputNumber = defineComponent({
       { immediate: true }
     );
     const isControlled = computed(() => props.modelValue !== void 0);
-    const internalValue = ref(props.modelValue ?? null);
+    const internalValue = ref(props.modelValue ?? props.defaultValue ?? null);
     const currentValue = computed(
       () => isControlled.value ? props.modelValue ?? null : internalValue.value
     );
+    if (!isControlled.value && internalValue.value !== null) {
+      displayValue.value = toDisplayValue(internalValue.value);
+    }
     function commitValue(val) {
       let finalVal = val;
       if (finalVal !== null) {
@@ -213,14 +243,15 @@ var InputNumber = defineComponent({
       () => classNames(
         getInputNumberWrapperClasses(props.disabled),
         getInputNumberStatusClasses(props.status),
-        getInputNumberSizeClasses(props.size),
+        getInputNumberSizeClasses(effectiveSize.value),
         focused.value && `ring-2 ${getInputNumberFocusRingColor(props.status)}`,
+        props.className,
         coerceClassValue(attrs.class)
       )
     );
     const inputClasses = computed(
       () => getInputNumberInputClasses(
-        props.size,
+        effectiveSize.value,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )

package/dist/{chunk-AEOREYSJ.js → chunk-CFJST2X2.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');
 
 
@@ -16,6 +20,11 @@ var _vue = require('vue');
 
 
 
+
+
+
+
+
 
 
 
@@ -131,7 +140,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 +148,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 +195,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}`;
@@ -200,6 +218,18 @@ var Select = _vue.defineComponent.call(void 0, {
     const dropdownRef = _vue.ref.call(void 0, null);
     const triggerRef = _vue.ref.call(void 0, null);
     const searchInputRef = _vue.ref.call(void 0, null);
+    const virtualScrollTop = _vue.ref.call(void 0, 0);
+    const virtualScrollRef = _vue.ref.call(void 0, null);
+    _vue.watch.call(void 0, activeIndex, (idx) => {
+      if (!props.virtual || idx < 0) return;
+      const el = virtualScrollRef.value;
+      if (!el) return;
+      const itemH = _tigercatcore.getSelectVirtualItemHeight.call(void 0, props.size);
+      const top = idx * itemH;
+      if (top < el.scrollTop) el.scrollTop = top;
+      else if (top + itemH > el.scrollTop + props.listHeight)
+        el.scrollTop = top + itemH - props.listHeight;
+    });
     let searchDebouncer = _tigercatcore.createSelectSearchDebouncer.call(void 0, {
       delay: props.searchDebounce,
       onSearch: (query) => emit("search", query)
@@ -543,7 +573,7 @@ var Select = _vue.defineComponent.call(void 0, {
           {
             ref: triggerRef,
             type: "button",
-            class: triggerClasses,
+            class: _tigercatcore.classNames.call(void 0, triggerClasses, "pr-16"),
             disabled: props.disabled,
             onClick: toggleDropdown,
             onKeydown: handleTriggerKeyDown,
@@ -563,26 +593,35 @@ var Select = _vue.defineComponent.call(void 0, {
                 )
               },
               displayText.value
+            )
+          ]
+        ),
+        _vue.h.call(void 0, 
+          "span",
+          { class: "pointer-events-none absolute inset-y-0 right-3 flex items-center gap-1" },
+          [
+            showClearButton.value && _vue.h.call(void 0, 
+              "button",
+              {
+                type: "button",
+                class: "pointer-events-auto inline-flex rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--tiger-select-ring,var(--tiger-primary,#2563eb))]",
+                "data-tiger-select-clear": "",
+                "aria-label": _tigercatcore.resolveLocaleText.call(void 0, 
+                  "Clear selection",
+                  _optionalChain([mergedLocale, 'access', _20 => _20.value, 'optionalAccess', _21 => _21.common, 'optionalAccess', _22 => _22.clearText])
+                ),
+                onClick: clearSelection
+              },
+              CloseIcon
             ),
-            _vue.h.call(void 0, "span", { class: "flex items-center gap-1" }, [
-              showClearButton.value && _vue.h.call(void 0, 
-                "span",
-                {
-                  class: "inline-flex",
-                  "data-tiger-select-clear": "",
-                  "aria-label": "Clear selection",
-                  onClick: clearSelection
-                },
-                CloseIcon
-              ),
-              _vue.h.call(void 0, 
-                "span",
-                {
-                  class: _tigercatcore.classNames.call(void 0, "inline-flex", isOpen.value && "rotate-180")
-                },
-                ChevronDownIcon
-              )
-            ])
+            _vue.h.call(void 0, 
+              "span",
+              {
+                class: _tigercatcore.classNames.call(void 0, "inline-flex", isOpen.value && "rotate-180"),
+                "aria-hidden": "true"
+              },
+              ChevronDownIcon
+            )
           ]
         ),
         // Dropdown
@@ -602,7 +641,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', _23 => _23.value, 'optionalAccess', _24 => _24.common, 'optionalAccess', _25 => _25.searchPlaceholder])
+              ),
               value: searchQuery.value,
               onInput: handleSearchInput,
               onKeydown: handleSearchKeyDown
@@ -613,15 +655,17 @@ var Select = _vue.defineComponent.call(void 0, {
               const renderOptionItem = (option, idx, displayLabel = option.label) => {
                 const selected = isSelected(option);
                 const active = idx === activeIndex.value;
+                const optionAria = _tigercatcore.getPickerOptionAria.call(void 0, {
+                  selected,
+                  disabled: !!option.disabled
+                });
                 return _vue.h.call(void 0, 
                   "div",
                   {
                     key: option.value,
                     id: getOptionId(idx),
                     "data-option-index": idx,
-                    role: "option",
-                    "aria-selected": selected,
-                    "aria-disabled": option.disabled ? true : void 0,
+                    ...optionAria,
                     tabindex: active ? 0 : -1,
                     class: _tigercatcore.getSelectOptionClasses.call(void 0, selected, !!option.disabled, props.size),
                     onMouseenter: () => {
@@ -639,6 +683,52 @@ var Select = _vue.defineComponent.call(void 0, {
                   ]
                 );
               };
+              const hasGroups = filteredOptions.value.some(_tigercatcore.isOptionGroup);
+              if (props.virtual && !hasGroups) {
+                const flat = filteredOptions.value.filter(
+                  (o) => !_tigercatcore.isOptionGroup.call(void 0, o)
+                );
+                const all = creatableOption.value ? [...flat, creatableOption.value] : flat;
+                const itemH = _tigercatcore.getSelectVirtualItemHeight.call(void 0, props.size);
+                const { startIndex, endIndex, totalHeight } = _tigercatcore.fixedSizeStrategy.call(void 0, 
+                  itemH
+                ).getRange(virtualScrollTop.value, props.listHeight, all.length, 5);
+                const visible = [];
+                for (let i = startIndex; i <= endIndex; i++) {
+                  const isCreate = creatableOption.value && i === all.length - 1;
+                  visible.push(
+                    renderOptionItem(
+                      all[i],
+                      i,
+                      isCreate ? _tigercatcore.getCreateSelectOptionLabel.call(void 0, all[i], props.createOptionText) : all[i].label
+                    )
+                  );
+                }
+                return _vue.h.call(void 0, 
+                  "div",
+                  {
+                    ref: virtualScrollRef,
+                    "data-tiger-select-virtual": "",
+                    style: { maxHeight: `${props.listHeight}px`, overflowY: "auto" },
+                    onScroll: (e) => {
+                      virtualScrollTop.value = e.target.scrollTop;
+                    }
+                  },
+                  [
+                    _vue.h.call(void 0, 
+                      "div",
+                      { style: { height: `${totalHeight}px`, position: "relative" } },
+                      [
+                        _vue.h.call(void 0, 
+                          "div",
+                          { style: { transform: `translateY(${startIndex * itemH}px)` } },
+                          visible
+                        )
+                      ]
+                    )
+                  ]
+                );
+              }
               const optionNodes = filteredOptions.value.map((item) => {
                 if (_tigercatcore.isOptionGroup.call(void 0, item)) {
                   return _vue.h.call(void 0, "div", { key: item.label }, [
@@ -694,7 +784,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', _26 => _26.value, 'optionalAccess', _27 => _27.common, 'optionalAccess', _28 => _28.emptyText])
+              ) : _tigercatcore.resolveLocaleText.call(void 0, 
+                "No options found",
+                props.noOptionsText,
+                _optionalChain([mergedLocale, 'access', _29 => _29.value, 'optionalAccess', _30 => _30.common, 'optionalAccess', _31 => _31.emptyText])
+              )
             )
           ]
         )

package/dist/{chunk-NUABW6IB.mjs → chunk-CGZFRSI5.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownContextKey
-} from "./chunk-FSGD24HV.mjs";
+} from "./chunk-6CS3EEQU.mjs";
 
 // src/components/DropdownItem.ts
 import { defineComponent, inject, computed, h } from "vue";