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

package/dist/{chunk-MF7BKYGN.mjs → chunk-2QWGVJW6.mjs}

@@ -73,10 +73,18 @@ var Transfer = defineComponent({
       type: Boolean,
       default: false
     },
-    showSearch: {
+    searchable: {
       type: Boolean,
       default: false
     },
+    searchValue: {
+      type: Object,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: Object,
+      default: () => ({})
+    },
     sourceTitle: {
       type: String,
       default: "Source"
@@ -85,7 +93,7 @@ var Transfer = defineComponent({
       type: String,
       default: "Target"
     },
-    notFoundText: {
+    emptyText: {
       type: String,
       default: void 0
     },
@@ -101,14 +109,24 @@ var Transfer = defineComponent({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "change"],
+  emits: ["update:modelValue", "update:searchValue", "change", "search-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 uncontrolledSearchValue = ref({ ...props.defaultSearchValue });
+    const resolvedSearchValue = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
+    const sourceSearch = computed(() => resolvedSearchValue.value.source ?? "");
+    const targetSearch = computed(() => resolvedSearchValue.value.target ?? "");
+    function updateSearchValue(panel, value) {
+      const next = { ...resolvedSearchValue.value, [panel]: value };
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = next;
+      }
+      emit("update:searchValue", next);
+      emit("search-change", next);
+    }
     const resolvedTargetKeys = computed(() => props.modelValue ?? props.targetKeys ?? []);
     const computedData = computed(
       () => splitTransferData(props.dataSource, resolvedTargetKeys.value)
@@ -177,7 +195,7 @@ var Transfer = defineComponent({
       emit("update:modelValue", newTargetKeys);
       emit("change", newTargetKeys, "left", movedKeys);
     }
-    function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
+    function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearchInput) {
       return h("div", { class: transferPanelClasses, role: "group", "aria-label": title }, [
         // Header
         h("div", { class: transferPanelHeaderClasses }, [
@@ -188,7 +206,7 @@ var Transfer = defineComponent({
           )
         ]),
         // Search
-        props.showSearch ? h("input", {
+        props.searchable ? h("input", {
           type: "text",
           class: transferSearchClasses,
           placeholder: resolveLocaleText(
@@ -197,7 +215,7 @@ var Transfer = defineComponent({
           ),
           value: searchValue,
           "aria-label": `Search ${title}`,
-          onInput: (e) => onSearch(e.target.value)
+          onInput: (e) => onSearchInput(e.target.value)
         }) : null,
         // Body
         h(
@@ -235,7 +253,7 @@ var Transfer = defineComponent({
               { class: transferEmptyClasses },
               resolveLocaleText(
                 "No data",
-                props.notFoundText,
+                props.emptyText,
                 mergedLocale.value?.common?.emptyText
               )
             )
@@ -253,9 +271,7 @@ var Transfer = defineComponent({
           sourceSelectedKeys.value,
           toggleSourceItem,
           sourceSearch.value,
-          (val) => {
-            sourceSearch.value = val;
-          }
+          (value) => updateSearchValue("source", value)
         ),
         // Operation buttons
         h("div", { class: transferOperationClasses }, [
@@ -289,9 +305,7 @@ var Transfer = defineComponent({
           targetSelectedKeys.value,
           toggleTargetItem,
           targetSearch.value,
-          (val) => {
-            targetSearch.value = val;
-          }
+          (value) => updateSearchValue("target", value)
         )
       ]);
     };

package/dist/{chunk-WWB7VKKH.mjs → chunk-36WSYHJU.mjs}

@@ -73,6 +73,8 @@ var ImagePreview = defineComponent({
     scaleStep: { type: Number, default: 0.5 },
     minScale: { type: Number, default: 0.25 },
     maxScale: { type: Number, default: 5 },
+    touchSwipeable: { type: Boolean, default: true },
+    touchSwipeThreshold: { type: Number, default: 48 },
     locale: {
       type: Object,
       default: void 0
@@ -92,6 +94,13 @@ var ImagePreview = defineComponent({
     const dragStart = ref({ x: 0, y: 0, ox: 0, oy: 0 });
     let panState = createPanState();
     let pinchState = createPinchState();
+    let touchSwipeState = {
+      isTracking: false,
+      startX: 0,
+      startY: 0,
+      currentX: 0,
+      currentY: 0
+    };
     const resetTransform = () => {
       scale.value = 1;
       rotation.value = 0;
@@ -99,6 +108,7 @@ var ImagePreview = defineComponent({
       offsetY.value = 0;
       panState = createPanState();
       pinchState = createPinchState();
+      touchSwipeState.isTracking = false;
     };
     watch(
       () => props.currentIndex,
@@ -184,16 +194,25 @@ var ImagePreview = defineComponent({
     const handleTouchStart = (e) => {
       if (e.touches.length === 2) {
         e.preventDefault();
+        touchSwipeState.isTracking = false;
         pinchState = startPinch(e.touches[0], e.touches[1], scale.value);
         return;
       }
       if (e.touches.length === 1) {
-        panState = startPan(
-          e.touches[0].clientX,
-          e.touches[0].clientY,
-          offsetX.value,
-          offsetY.value
-        );
+        const touch = e.touches[0];
+        if (props.touchSwipeable && props.images.length > 1 && scale.value === 1) {
+          touchSwipeState = {
+            isTracking: true,
+            startX: touch.clientX,
+            startY: touch.clientY,
+            currentX: touch.clientX,
+            currentY: touch.clientY
+          };
+          panState = createPanState();
+          return;
+        }
+        touchSwipeState.isTracking = false;
+        panState = startPan(touch.clientX, touch.clientY, offsetX.value, offsetY.value);
       }
     };
     const handleTouchMove = (e) => {
@@ -213,9 +232,36 @@ var ImagePreview = defineComponent({
         const next = movePan(panState, e.touches[0].clientX, e.touches[0].clientY);
         offsetX.value = next.translateX;
         offsetY.value = next.translateY;
+        return;
+      }
+      if (e.touches.length === 1 && touchSwipeState.isTracking) {
+        const touch = e.touches[0];
+        touchSwipeState.currentX = touch.clientX;
+        touchSwipeState.currentY = touch.clientY;
+        const deltaX = touch.clientX - touchSwipeState.startX;
+        const deltaY = touch.clientY - touchSwipeState.startY;
+        if (Math.abs(deltaX) > 8 && Math.abs(deltaX) > Math.abs(deltaY)) {
+          e.preventDefault();
+        }
       }
     };
-    const handleTouchEnd = () => {
+    const handleTouchEnd = (e) => {
+      if (touchSwipeState.isTracking) {
+        const endedTouch = e?.changedTouches?.[0];
+        const currentX = endedTouch?.clientX ?? touchSwipeState.currentX;
+        const currentY = endedTouch?.clientY ?? touchSwipeState.currentY;
+        const deltaX = currentX - touchSwipeState.startX;
+        const deltaY = currentY - touchSwipeState.startY;
+        const threshold = Math.max(0, props.touchSwipeThreshold);
+        if (Math.abs(deltaX) >= threshold && Math.abs(deltaX) > Math.abs(deltaY) * 1.2) {
+          if (deltaX < 0) {
+            handleNext();
+          } else {
+            handlePrev();
+          }
+        }
+      }
+      touchSwipeState.isTracking = false;
       panState = createPanState();
       pinchState = createPinchState();
     };

package/dist/chunk-4RKBXGHQ.mjs

@@ -0,0 +1,52 @@
+// src/components/MessageRoot.ts
+var messageModulePromise = null;
+function loadMessageModule() {
+  messageModulePromise ??= import("./components/Message.mjs");
+  return messageModulePromise;
+}
+function forwardMessage(method, options) {
+  let closeMessage = null;
+  let requestedClose = false;
+  void loadMessageModule().then(({ Message: Message2 }) => {
+    const close = Message2[method](options);
+    if (requestedClose) {
+      close();
+    } else {
+      closeMessage = close;
+    }
+  });
+  return () => {
+    if (closeMessage) {
+      closeMessage();
+      closeMessage = null;
+    } else {
+      requestedClose = true;
+    }
+  };
+}
+var Message = {
+  success(options) {
+    return forwardMessage("success", options);
+  },
+  warning(options) {
+    return forwardMessage("warning", options);
+  },
+  error(options) {
+    return forwardMessage("error", options);
+  },
+  info(options) {
+    return forwardMessage("info", options);
+  },
+  loading(options) {
+    return forwardMessage("loading", options);
+  },
+  clear() {
+    void loadMessageModule().then(({ Message: Message2 }) => {
+      Message2.clear();
+    });
+  }
+};
+
+export {
+  Message
+};

package/dist/{chunk-ALFEFDVG.mjs → chunk-4ZKSTL5P.mjs}

@@ -18,6 +18,7 @@ import {
   getTableFixedCellClasses,
   getTableFixedHeaderCellClasses,
   getTableColgroup,
+  getNextTableSelectAllKeys,
   tableBaseClasses,
   virtualTableHeaderClasses,
   virtualTableHeaderCellClasses,
@@ -33,7 +34,7 @@ var VirtualTable = defineComponent({
   name: "TigerVirtualTable",
   inheritAttrs: false,
   props: {
-    data: {
+    dataSource: {
       type: Array,
       default: () => []
     },
@@ -41,8 +42,8 @@ var VirtualTable = defineComponent({
       type: Array,
       default: () => []
     },
-    rowHeight: { type: Number, default: 48 },
-    height: { type: Number, default: 400 },
+    virtualItemHeight: { type: Number, default: 48 },
+    virtualHeight: { type: Number, default: 400 },
     width: { type: [Number, String], default: "auto" },
     overscan: { type: Number, default: 5 },
     stickyHeader: { type: Boolean, default: true },
@@ -57,33 +58,58 @@ var VirtualTable = defineComponent({
     },
     loading: { type: Boolean, default: false },
     emptyText: { type: String, default: void 0 },
-    selectable: { type: Boolean, default: false },
-    selectedKeys: {
-      type: Array,
-      default: () => []
+    rowSelection: {
+      type: Object,
+      default: void 0
     },
     striped: { type: Boolean, default: false },
     bordered: { type: Boolean, default: false },
     className: { type: String, default: void 0 },
     locale: { type: Object, default: void 0 }
   },
-  emits: ["row-click", "select"],
+  emits: ["row-click", "selection-change", "update:rowSelection"],
   setup(props, { emit, attrs }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
     const containerRef = ref(null);
     const scrollTop = ref(0);
     const scrollLeft = ref(0);
+    const resolvedData = computed(() => props.dataSource ?? []);
+    const uncontrolledSelectedKeys = ref(
+      props.rowSelection?.defaultSelectedRowKeys ?? props.rowSelection?.selectedRowKeys ?? []
+    );
+    const isSelectionControlled = computed(() => props.rowSelection?.selectedRowKeys !== void 0);
+    const selectedKeys = computed(
+      () => isSelectionControlled.value ? props.rowSelection?.selectedRowKeys ?? [] : uncontrolledSelectedKeys.value
+    );
+    const hasSelection = computed(() => !!props.rowSelection);
+    function commitSelection(nextKeys) {
+      if (!isSelectionControlled.value) {
+        uncontrolledSelectedKeys.value = nextKeys;
+      }
+      emit("selection-change", nextKeys);
+      emit("update:rowSelection", { ...props.rowSelection, selectedRowKeys: nextKeys });
+    }
+    function toggleRowSelection(key, row) {
+      if (!props.rowSelection || props.rowSelection.getCheckboxProps?.(row)?.disabled) return;
+      if (props.rowSelection.type === "radio") {
+        commitSelection([key]);
+        return;
+      }
+      commitSelection(
+        getNextTableSelectAllKeys(selectedKeys.value, [key], !selectedSet.value.has(key))
+      );
+    }
     const range = computed(
       () => calculateVirtualRange(
         scrollTop.value,
-        props.height,
-        props.data.length,
-        props.rowHeight,
+        props.virtualHeight,
+        resolvedData.value.length,
+        props.virtualItemHeight,
         props.overscan
       )
     );
-    const visibleData = computed(() => props.data.slice(range.value.start, range.value.end));
+    const visibleData = computed(() => resolvedData.value.slice(range.value.start, range.value.end));
     function onScroll() {
       if (containerRef.value) {
         scrollTop.value = containerRef.value.scrollTop;
@@ -102,7 +128,7 @@ var VirtualTable = defineComponent({
         coerceClassValue(attrs.class)
       )
     );
-    const selectedSet = computed(() => new Set(props.selectedKeys));
+    const selectedSet = computed(() => new Set(selectedKeys.value));
     const fixedInfo = computed(() => getVirtualTableFixedInfo(props.columns));
     return () => {
       const fi = fixedInfo.value;
@@ -158,16 +184,16 @@ var VirtualTable = defineComponent({
       );
       const rows = visibleData.value.map((row, localIdx) => {
         const globalIdx = range.value.start + localIdx;
-        const key = getVirtualRowKey(
+        const key = props.rowSelection?.getRowKey ? props.rowSelection.getRowKey(row) : getVirtualRowKey(
           row,
           globalIdx,
           props.rowKey
         );
         const isSelected = selectedSet.value.has(key);
-        const isInteractive = props.selectable || typeof attrs.onRowClick === "function";
+        const isInteractive = hasSelection.value || typeof attrs.onRowClick === "function";
         const activate = () => {
           emit("row-click", row, globalIdx);
-          if (props.selectable) emit("select", key, row, globalIdx);
+          if (hasSelection.value) toggleRowSelection(key, row);
         };
         const cells = visibleColumns.map(
           (col, colIdx) => h(
@@ -218,7 +244,7 @@ var VirtualTable = defineComponent({
             ),
             // header occupies aria-rowindex 1
             "aria-rowindex": globalIdx + 2,
-            "aria-selected": props.selectable ? isSelected : void 0,
+            "aria-selected": hasSelection.value ? isSelected : void 0,
             tabindex: isInteractive ? 0 : void 0,
             // onClick stays attached so `row-click` always fires for consumers
             // that listen for it; keyboard activation is added when interactive.
@@ -238,7 +264,7 @@ var VirtualTable = defineComponent({
         style: { height: `${range.value.offsetTop}px` },
         "aria-hidden": true
       });
-      const bottomHeight = range.value.totalHeight - range.value.end * props.rowHeight;
+      const bottomHeight = range.value.totalHeight - range.value.end * props.virtualItemHeight;
       const bottomSpacer = bottomHeight > 0 ? h("tr", {
         key: "__bottom-spacer",
         style: { height: `${bottomHeight}px` },
@@ -261,7 +287,7 @@ var VirtualTable = defineComponent({
         thead,
         tbody
       ]);
-      const emptyEl = props.data.length === 0 && !props.loading ? h(
+      const emptyEl = resolvedData.value.length === 0 && !props.loading ? h(
         "div",
         { class: virtualTableEmptyClasses },
         resolveLocaleText("No data", props.emptyText, mergedLocale.value?.common?.emptyText)
@@ -277,12 +303,12 @@ var VirtualTable = defineComponent({
           ref: containerRef,
           class: containerClasses.value,
           style: {
-            height: `${props.height}px`,
+            height: `${props.virtualHeight}px`,
             ...props.width !== "auto" ? { width: `${props.width}px` } : {}
           },
           onScroll,
           role: "grid",
-          "aria-rowcount": props.data.length
+          "aria-rowcount": resolvedData.value.length
         },
         [table, emptyEl, loadingEl]
       );

package/dist/{chunk-YZP4K6KI.mjs → chunk-6BDDX2R4.mjs}

@@ -1,6 +1,6 @@
 import {
   RadioGroupKey
-} from "./chunk-Y4V7BOVR.mjs";
+} from "./chunk-6TTICJR4.mjs";
 
 // src/components/Radio.ts
 import {
@@ -54,14 +54,14 @@ var Radio = defineComponent({
     /**
      * Whether the radio is checked (controlled mode)
      */
-    checked: {
+    modelValue: {
       type: Boolean
     },
     /**
      * Default checked state (uncontrolled mode)
      * @default false
      */
-    defaultChecked: {
+    defaultValue: {
       type: Boolean,
       default: false
     },
@@ -84,18 +84,18 @@ var Radio = defineComponent({
      */
     change: (value) => typeof value === "string" || typeof value === "number",
     /**
-     * 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"
   },
   setup(props, { slots, emit, attrs }) {
     const instance = getCurrentInstance();
     const groupContextRef = inject(RadioGroupKey, null);
     const groupContext = computed(() => groupContextRef?.value);
-    const internalChecked = ref(props.defaultChecked);
+    const internalChecked = ref(props.defaultValue);
     const isCheckedControlled = computed(() => {
       const rawProps = instance?.vnode.props;
-      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "checked");
+      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "modelValue");
     });
     const isInGroup = computed(() => !!groupContext.value);
     const actualSize = computed(() => props.size || groupContext.value?.size || "md");
@@ -105,7 +105,7 @@ var Radio = defineComponent({
     });
     const actualName = computed(() => props.name || groupContext.value?.name);
     const isChecked = computed(() => {
-      if (isCheckedControlled.value) return props.checked;
+      if (isCheckedControlled.value) return props.modelValue;
       if (isInGroup.value) return groupContext.value?.value === props.value;
       return internalChecked.value;
     });
@@ -141,7 +141,7 @@ var Radio = defineComponent({
       if (!isCheckedControlled.value && !isInGroup.value && newChecked) {
         internalChecked.value = true;
       }
-      emit("update:checked", newChecked);
+      emit("update:modelValue", newChecked);
       emit("change", props.value);
       if (newChecked && groupContext.value) groupContext.value.onChange(props.value);
     };

package/dist/{chunk-Y4V7BOVR.mjs → chunk-6TTICJR4.mjs}

@@ -18,9 +18,9 @@ var RadioGroup = defineComponent({
   inheritAttrs: false,
   props: {
     /**
-     * Selected value (for v-model:value)
+     * Selected value (for v-model)
      */
-    value: {
+    modelValue: {
       type: [String, Number]
     },
     /**
@@ -66,9 +66,9 @@ var RadioGroup = defineComponent({
   },
   emits: {
     /**
-     * Emitted when value changes (for v-model:value)
+     * Emitted when value changes (for v-model)
      */
-    "update:value": (value) => typeof value === "string" || typeof value === "number",
+    "update:modelValue": (value) => typeof value === "string" || typeof value === "number",
     /**
      * Emitted when value changes
      */
@@ -79,15 +79,17 @@ var RadioGroup = defineComponent({
     const internalValue = ref(props.defaultValue);
     const isControlled = computed(() => {
       const rawProps = instance?.vnode.props;
-      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "value");
+      return !!rawProps && Object.prototype.hasOwnProperty.call(rawProps, "modelValue");
     });
-    const currentValue = computed(() => isControlled.value ? props.value : internalValue.value);
+    const currentValue = computed(
+      () => isControlled.value ? props.modelValue : internalValue.value
+    );
     const handleChange = (value) => {
       if (props.disabled) return;
       if (!isControlled.value) {
         internalValue.value = value;
       }
-      emit("update:value", value);
+      emit("update:modelValue", value);
       emit("change", value);
     };
     const generatedName = `tiger-radio-group-${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;

package/dist/{chunk-S4Z77VIB.mjs → chunk-AZXS4QWC.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/PieChart.ts
 import { defineComponent, computed, h, useId } from "vue";
@@ -394,7 +394,7 @@ var PieChart = 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-RD2NFAB6.mjs → chunk-BGO2ILHM.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/ScatterChart.ts
 import { defineComponent, computed, h, onMounted, ref, useId } from "vue";
@@ -332,7 +332,7 @@ var ScatterChart = 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;