@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.2

package/dist/{chunk-UKMOWUYH.mjs → chunk-MYKKKVGK.mjs}

@@ -58,7 +58,7 @@ var Checkbox = defineComponent({
      * Default checked state (uncontrolled mode)
      * @default false
      */
-    defaultChecked: {
+    defaultValue: {
       type: Boolean,
       default: false
     },
@@ -88,7 +88,7 @@ var Checkbox = defineComponent({
   setup(props, { slots, emit, attrs }) {
     const groupContextRef = inject(CheckboxGroupKey, null);
     const groupContext = computed(() => groupContextRef?.value);
-    const internalChecked = ref(props.defaultChecked);
+    const internalChecked = ref(props.defaultValue);
     const isControlled = computed(() => props.modelValue !== null);
     const effectiveSize = computed(() => props.size || groupContext.value?.size || "md");
     const effectiveDisabled = computed(

package/dist/{chunk-3AF4VRCD.mjs → chunk-N3C6YI7I.mjs}

@@ -13,7 +13,7 @@ var Switch = defineComponent({
      * Whether the switch is checked
      * @default false
      */
-    checked: {
+    modelValue: {
       type: Boolean,
       default: false
     },
@@ -42,9 +42,9 @@ var Switch = defineComponent({
   },
   emits: {
     /**
-     * Emitted when checked state changes (for v-model:checked)
+     * Emitted when checked state changes (for v-model)
      */
-    "update:checked": (value) => typeof value === "boolean",
+    "update:modelValue": (value) => typeof value === "boolean",
     /**
      * Emitted when checked state changes
      */
@@ -52,13 +52,13 @@ var Switch = defineComponent({
   },
   setup(props, { emit, attrs }) {
     const switchClasses = computed(
-      () => getSwitchClasses(props.size, props.checked, props.disabled, props.className, attrs.class)
+      () => getSwitchClasses(props.size, props.modelValue, props.disabled, props.className, attrs.class)
     );
-    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, props.checked));
+    const thumbClasses = computed(() => getSwitchThumbClasses(props.size, props.modelValue));
     const emitChange = () => {
       if (props.disabled) return;
-      const newValue = !props.checked;
-      emit("update:checked", newValue);
+      const newValue = !props.modelValue;
+      emit("update:modelValue", newValue);
       emit("change", newValue);
     };
     const handleKeyDown = (event) => {
@@ -74,7 +74,7 @@ var Switch = defineComponent({
         ...attrs,
         type: "button",
         role: "switch",
-        "aria-checked": props.checked,
+        "aria-checked": props.modelValue,
         "aria-disabled": props.disabled ? "true" : void 0,
         class: switchClasses.value,
         style: mergeStyleValues(attrs.style, props.style),

package/dist/{chunk-57VPT3MN.mjs → chunk-NYWIBDO6.mjs}

@@ -1,18 +1,18 @@
 import {
   useChartInteraction
-} from "./chunk-R2HO74FE.mjs";
+} from "./chunk-PE5OA4YG.mjs";
+import {
+  ChartTooltip
+} from "./chunk-SPFL55TF.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 import {
   ChartLegend
 } from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
-import {
-  ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
-import {
-  ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
 
 // src/components/SunburstChart.ts
 import { defineComponent, computed, h, useId } from "vue";
@@ -206,7 +206,7 @@ var SunburstChart = defineComponent({
       );
       const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
         content: tooltipContent.value,
-        visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
+        open: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;

package/dist/{chunk-PJX2DHO5.mjs → chunk-O4F75KHL.mjs}

@@ -1,18 +1,18 @@
 import {
   useChartInteraction
-} from "./chunk-R2HO74FE.mjs";
+} from "./chunk-PE5OA4YG.mjs";
+import {
+  ChartTooltip
+} from "./chunk-SPFL55TF.mjs";
+import {
+  ChartCanvas
+} from "./chunk-W5RZPTFD.mjs";
 import {
   ChartLegend
 } from "./chunk-HLPSHCXO.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
-import {
-  ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
-import {
-  ChartCanvas
-} from "./chunk-W5RZPTFD.mjs";
 
 // src/components/FunnelChart.ts
 import { defineComponent, computed, h, useId } from "vue";
@@ -211,7 +211,7 @@ var FunnelChart = defineComponent({
       );
       const tooltip = props.showTooltip && props.hoverable ? h(ChartTooltip, {
         content: tooltipContent.value,
-        visible: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
+        open: resolvedHoveredIndex.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;

package/dist/{chunk-CIDINFA2.mjs → chunk-ODDPVS27.mjs}

@@ -64,6 +64,14 @@ var AutoComplete = defineComponent({
       type: String,
       default: ""
     },
+    searchValue: {
+      type: String,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: String,
+      default: ""
+    },
     size: {
       type: String,
       default: "md"
@@ -76,7 +84,7 @@ var AutoComplete = defineComponent({
       type: Boolean,
       default: false
     },
-    notFoundText: {
+    emptyText: {
       type: String,
       default: void 0
     },
@@ -97,14 +105,17 @@ var AutoComplete = defineComponent({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "select", "search", "change"],
+  emits: ["update:modelValue", "update:searchValue", "select", "search-change", "change"],
   setup(props, { emit, attrs }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const instanceId = ++autoCompleteInstanceId;
     const listboxId = `tiger-autocomplete-listbox-${instanceId}`;
     const isOpen = ref(false);
-    const inputValue = ref(String(props.modelValue ?? ""));
+    const uncontrolledSearchValue = ref(
+      String(props.searchValue ?? props.modelValue ?? props.defaultSearchValue ?? "")
+    );
+    const inputValue = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
     const activeIndex = ref(-1);
     const containerRef = ref(null);
     const inputRef = ref(null);
@@ -117,7 +128,9 @@ var AutoComplete = defineComponent({
     watch(
       () => props.modelValue,
       (val) => {
-        inputValue.value = String(val ?? "");
+        if (props.searchValue === void 0) {
+          uncontrolledSearchValue.value = String(val ?? props.defaultSearchValue ?? "");
+        }
       }
     );
     function openDropdown() {
@@ -146,16 +159,21 @@ var AutoComplete = defineComponent({
       const current = props.options.find((o) => String(o.value) === String(props.modelValue));
       const revertLabel = current ? current.label : "";
       if (revertLabel !== inputValue.value) {
-        inputValue.value = revertLabel;
+        uncontrolledSearchValue.value = revertLabel;
+        emit("update:searchValue", revertLabel);
+        emit("search-change", revertLabel);
         emit("update:modelValue", current ? current.value : "");
         emit("change", current ? current.value : "");
       }
     }
     function handleInput(e) {
       const val = e.target.value;
-      inputValue.value = val;
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = val;
+      }
       emit("update:modelValue", val);
-      emit("search", val);
+      emit("update:searchValue", val);
+      emit("search-change", val);
       emit("change", val);
       if (!isOpen.value) openDropdown();
       if (props.defaultActiveFirstOption) {
@@ -164,16 +182,23 @@ var AutoComplete = defineComponent({
     }
     function handleSelect(option) {
       if (option.disabled) return;
-      inputValue.value = option.label;
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = option.label;
+      }
       emit("update:modelValue", option.value);
+      emit("update:searchValue", option.label);
       emit("select", option.value, option);
+      emit("search-change", option.label);
       emit("change", option.value);
       closeDropdown();
     }
     function handleClear(e) {
       e.stopPropagation();
-      inputValue.value = "";
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = "";
+      }
       emit("update:modelValue", "");
+      emit("update:searchValue", "");
       emit("change", "");
       nextTick(() => inputRef.value?.focus());
     }
@@ -301,7 +326,7 @@ var AutoComplete = defineComponent({
             },
             resolveLocaleText(
               "No matches found",
-              props.notFoundText,
+              props.emptyText,
               mergedLocale.value?.common?.emptyText
             )
           ) : null

package/dist/{chunk-64EZRIJL.mjs → chunk-QD5ZCKPR.mjs}

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

package/dist/{chunk-4RK5BDGR.mjs → chunk-RAO7ZJWR.mjs}

@@ -1,15 +1,9 @@
 import {
   useChartInteraction
-} from "./chunk-R2HO74FE.mjs";
-import {
-  ChartLegend
-} from "./chunk-HLPSHCXO.mjs";
-import {
-  ChartSeries
-} from "./chunk-2ZUEXCVJ.mjs";
+} from "./chunk-PE5OA4YG.mjs";
 import {
   ChartTooltip
-} from "./chunk-G2LB4QCL.mjs";
+} from "./chunk-SPFL55TF.mjs";
 import {
   ChartAxis
 } from "./chunk-ZWVA7HT3.mjs";
@@ -19,6 +13,12 @@ import {
 import {
   ChartGrid
 } from "./chunk-MI6TL3CQ.mjs";
+import {
+  ChartLegend
+} from "./chunk-HLPSHCXO.mjs";
+import {
+  ChartSeries
+} from "./chunk-2ZUEXCVJ.mjs";
 
 // src/components/AreaChart.ts
 import { defineComponent, computed, getCurrentInstance, h, ref, useId } from "vue";
@@ -709,7 +709,7 @@ var AreaChart = defineComponent({
       );
       const tooltip = props.showTooltip ? h(ChartTooltip, {
         content: tooltipContent.value,
-        visible: hoveredPointInfo.value !== null && tooltipContent.value !== "",
+        open: hoveredPointInfo.value !== null && tooltipContent.value !== "",
         x: tooltipPosition.value.x,
         y: tooltipPosition.value.y
       }) : null;

package/dist/{chunk-G2LB4QCL.mjs → chunk-SPFL55TF.mjs}

@@ -12,7 +12,7 @@ var ChartTooltip = defineComponent({
       type: String,
       required: true
     },
-    visible: {
+    open: {
       type: Boolean,
       default: false
     },
@@ -32,9 +32,9 @@ var ChartTooltip = defineComponent({
     const tooltipRef = ref(null);
     const adjustedPosition = ref({ x: props.x, y: props.y });
     watch(
-      () => [props.x, props.y, props.visible],
+      () => [props.x, props.y, props.open],
       (_value, _oldValue, onCleanup) => {
-        if (!props.visible) return;
+        if (!props.open) return;
         const initialPosition = resolveChartTooltipPosition({
           x: props.x,
           y: props.y,
@@ -64,7 +64,7 @@ var ChartTooltip = defineComponent({
         "text-[color:var(--tiger-text-inverse,#f9fafb)]",
         "text-sm whitespace-nowrap",
         "transition-opacity duration-150",
-        props.visible ? "opacity-100" : "opacity-0",
+        props.open ? "opacity-100" : "opacity-0",
         props.className
       )
     );

package/dist/{chunk-6OQLZCQK.mjs → chunk-SYRRMZT2.mjs}

@@ -1,6 +1,6 @@
 import {
   useFloatingPopup
-} from "./chunk-M4EP4OVR.mjs";
+} from "./chunk-KE6RGD4Y.mjs";
 import {
   renderVueBodyTeleport
 } from "./chunk-BDTPFPSB.mjs";

package/dist/{chunk-IJL7YYT7.mjs → chunk-TQDN67YN.mjs}

@@ -14,12 +14,16 @@ import {
   createBackTopVisibilityController,
   mergeStyleValues,
   scrollToTop,
+  backTopBaseClasses,
   backTopButtonClasses,
   backTopContainerClasses,
   backTopHiddenClasses,
   backTopVisibleClasses,
   backTopIconPath,
-  isBrowser
+  getViewportOffsetStyle,
+  isBrowser,
+  viewportFloatingBaseClasses,
+  viewportPlacementClasses
 } from "@expcat/tigercat-core";
 var DefaultIcon = h(
   "svg",
@@ -62,6 +66,18 @@ var BackTop = defineComponent({
       type: Number,
       default: 450
     },
+    position: {
+      type: String,
+      default: "auto"
+    },
+    placement: {
+      type: String,
+      default: "bottom-right"
+    },
+    offset: {
+      type: [Number, String, Object],
+      default: void 0
+    },
     className: {
       type: String,
       default: void 0
@@ -105,7 +121,11 @@ var BackTop = defineComponent({
     const buttonClasses = computed(() => {
       const target = targetElement.value ?? (isBrowser() ? props.target() : null);
       const isWindowTarget = !target || target === window;
-      const positionClasses = isWindowTarget ? backTopButtonClasses : backTopContainerClasses;
+      const positionClasses = props.position === "fixed" ? classNames(
+        viewportFloatingBaseClasses,
+        viewportPlacementClasses[props.placement],
+        backTopBaseClasses
+      ) : props.position === "sticky" ? backTopContainerClasses : isWindowTarget ? backTopButtonClasses : backTopContainerClasses;
       return classNames(
         positionClasses,
         visible.value ? backTopVisibleClasses : backTopHiddenClasses,
@@ -113,7 +133,13 @@ var BackTop = defineComponent({
         coerceClassValue(attrs.class)
       );
     });
-    const mergedStyle = computed(() => mergeStyleValues(attrs.style, props.style));
+    const mergedStyle = computed(
+      () => mergeStyleValues(
+        props.position === "fixed" ? getViewportOffsetStyle(props.placement, props.offset) : void 0,
+        attrs.style,
+        props.style
+      )
+    );
     return () => {
       const content = slots.default ? slots.default() : DefaultIcon;
       return h(

package/dist/{chunk-SC3WTLKG.mjs → chunk-UD4FNMJN.mjs}

@@ -100,10 +100,17 @@ var Carousel = defineComponent({
       default: 500
     },
     /**
-     * Initial slide index (0-based)
+     * Controlled current slide index (0-based)
+     */
+    currentIndex: {
+      type: Number,
+      default: void 0
+    },
+    /**
+     * Initial current slide index for uncontrolled usage
      * @default 0
      */
-    initialSlide: {
+    defaultCurrentIndex: {
       type: Number,
       default: 0
     },
@@ -138,15 +145,22 @@ var Carousel = defineComponent({
       default: void 0
     }
   },
-  emits: ["change", "before-change"],
+  emits: ["change", "before-change", "update:currentIndex"],
   setup(props, { slots, emit, attrs, expose }) {
-    const currentIndex = ref(props.initialSlide);
+    const internalCurrentIndex = ref(props.defaultCurrentIndex);
     const isPaused = ref(false);
     const slideCount = ref(0);
     const containerRef = ref(null);
     let autoplayController = null;
     let touchStartPoint = null;
     let touchCurrentPoint = null;
+    const isControlled = computed(() => props.currentIndex !== void 0);
+    const currentIndex = computed(
+      () => clampSlideIndex(
+        isControlled.value ? props.currentIndex : internalCurrentIndex.value,
+        slideCount.value
+      )
+    );
     const containerClasses = computed(() => {
       return classNames(getCarouselContainerClasses(props.className), coerceClassValue(attrs.class));
     });
@@ -202,7 +216,10 @@ var Carousel = defineComponent({
       }
       emit("before-change", currentIndex.value, clampedIndex);
       const prevIndex = currentIndex.value;
-      currentIndex.value = clampedIndex;
+      if (!isControlled.value) {
+        internalCurrentIndex.value = clampedIndex;
+      }
+      emit("update:currentIndex", clampedIndex);
       emit("change", clampedIndex, prevIndex);
     };
     const startAutoplay = () => {

package/dist/{chunk-CVFXUYH2.mjs → chunk-VFUBOKGT.mjs}

@@ -54,11 +54,11 @@ import {
   timePickerFooterClasses,
   timePickerFooterButtonClasses,
   focusTimePickerOption,
-  ClockIconPath,
-  TimePickerCloseIconPath
+  clockSolidIcon20PathD,
+  closeSolidIcon20PathD
 } from "@expcat/tigercat-core";
-var ClockIcon = createFilledIcon(ClockIconPath, "w-5 h-5");
-var CloseIcon = createFilledIcon(TimePickerCloseIconPath, "w-4 h-4");
+var ClockIcon = createFilledIcon(clockSolidIcon20PathD, "w-5 h-5");
+var CloseIcon = createFilledIcon(closeSolidIcon20PathD, "w-4 h-4");
 var TimePicker = defineComponent({
   name: "TigerTimePicker",
   inheritAttrs: false,

package/dist/{chunk-XMGNMKWW.mjs → chunk-VMYV5EWI.mjs}

@@ -1,6 +1,6 @@
 import {
   useFloatingPopup
-} from "./chunk-M4EP4OVR.mjs";
+} from "./chunk-KE6RGD4Y.mjs";
 import {
   renderVueBodyTeleport
 } from "./chunk-BDTPFPSB.mjs";
@@ -91,6 +91,7 @@ var Popconfirm = defineComponent({
       containerRef,
       triggerRef,
       floatingRef,
+      closeAndRestoreFocus,
       floatingStyles,
       actualPlacement
     } = useFloatingPopup({ props, emit, multiTrigger: false });
@@ -99,11 +100,11 @@ var Popconfirm = defineComponent({
     const descriptionId = `${popconfirmId}-description`;
     const handleConfirm = () => {
       emit("confirm");
-      setVisible(false);
+      closeAndRestoreFocus();
     };
     const handleCancel = () => {
       emit("cancel");
-      setVisible(false);
+      closeAndRestoreFocus();
     };
     const handleTriggerClick = () => {
       if (props.disabled) return;

package/dist/{chunk-TRN5PL5D.mjs → chunk-WYJ5WOT2.mjs}

@@ -74,10 +74,18 @@ var Cascader = defineComponent({
       type: Boolean,
       default: true
     },
-    showSearch: {
+    searchable: {
       type: [Boolean, Object],
       default: false
     },
+    searchValue: {
+      type: String,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: String,
+      default: ""
+    },
     expandTrigger: {
       type: String,
       default: "click"
@@ -90,7 +98,7 @@ var Cascader = defineComponent({
       type: String,
       default: " / "
     },
-    notFoundText: {
+    emptyText: {
       type: String,
       default: void 0
     },
@@ -102,13 +110,14 @@ var Cascader = defineComponent({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "update:searchValue", "change", "search-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 uncontrolledSearchValue = ref(props.defaultSearchValue);
+    const searchQuery = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
     const activePath = ref([]);
     const triggerRef = ref(null);
     const dropdownRef = ref(null);
@@ -121,15 +130,15 @@ var Cascader = defineComponent({
       return getCascaderColumns(props.options, activePath.value);
     });
     const isSearchMode = computed(() => {
-      return props.showSearch && searchQuery.value.length > 0;
+      return props.searchable && searchQuery.value.length > 0;
     });
     const flattenedOptions = computed(() => {
-      if (!props.showSearch) return [];
+      if (!props.searchable) return [];
       return flattenCascaderOptions(props.options, [], [], props.changeOnSelect);
     });
     const searchResults = computed(() => {
       if (!isSearchMode.value) return [];
-      return filterCascaderOptions(flattenedOptions.value, searchQuery.value, props.showSearch);
+      return filterCascaderOptions(flattenedOptions.value, searchQuery.value, props.searchable);
     });
     const triggerClasses = computed(
       () => classNames(
@@ -140,9 +149,16 @@ var Cascader = defineComponent({
     watch(isOpen, (open) => {
       if (open) {
         activePath.value = props.modelValue ? [...props.modelValue] : [];
-        searchQuery.value = "";
+        updateSearchValue("");
       }
     });
+    function updateSearchValue(value) {
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = value;
+      }
+      emit("update:searchValue", value);
+      emit("search-change", value);
+    }
     function toggleOpen() {
       if (props.disabled) return;
       isOpen.value = !isOpen.value;
@@ -183,7 +199,7 @@ var Cascader = defineComponent({
       emit("change", []);
     }
     function handleSearchInput(e) {
-      searchQuery.value = e.target.value;
+      updateSearchValue(e.target.value);
     }
     function handleTriggerKeyDown(e) {
       const action = getPickerTriggerKeyAction(e.key, isOpen.value);
@@ -291,7 +307,7 @@ var Cascader = defineComponent({
       let dropdownContent = null;
       if (isOpen.value) {
         const children = [];
-        if (props.showSearch) {
+        if (props.searchable) {
           children.push(
             h("input", {
               ref: searchInputRef,
@@ -315,7 +331,7 @@ var Cascader = defineComponent({
                 { class: cascaderEmptyStateClasses },
                 resolveLocaleText(
                   "No results found",
-                  props.notFoundText,
+                  props.emptyText,
                   mergedLocale.value?.common?.emptyText
                 )
               )
@@ -338,7 +354,7 @@ var Cascader = defineComponent({
                     }),
                     onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
                   },
-                  typeof props.showSearch === "object" && props.showSearch.render ? props.showSearch.render(searchQuery.value, item.path) : item.label
+                  typeof props.searchable === "object" && props.searchable.render ? props.searchable.render(searchQuery.value, item.path) : item.label
                 )
               )
             );