@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/props-QAuP2pUi.d.mts

@@ -0,0 +1,61 @@
+import { TableColumn, SortState, TableSize, TigerLocaleInput, TigerLocaleTable, PaginationConfig, RowSelectionConfig, ExpandableConfig, TableResponsiveMode, TableCardBreakpoint, TableCardRenderContext, TableCardSelectionPosition, FilterRule, TableCardLayoutItem } from '@expcat/tigercat-core';
+
+/**
+ * Public TS prop interface for Vue Table — surfaces in IDE / docs.
+ */
+interface VueTableProps {
+    columns: TableColumn[];
+    columnLockable?: boolean;
+    dataSource?: Record<string, unknown>[];
+    hiddenColumnKeys?: string[];
+    defaultHiddenColumnKeys?: string[];
+    sort?: SortState;
+    defaultSort?: SortState;
+    filters?: Record<string, unknown>;
+    defaultFilters?: Record<string, unknown>;
+    size?: TableSize;
+    bordered?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    loading?: boolean;
+    locale?: TigerLocaleInput;
+    labels?: Partial<TigerLocaleTable>;
+    emptyText?: string;
+    pagination?: PaginationConfig | false;
+    rowSelection?: RowSelectionConfig;
+    expandable?: ExpandableConfig;
+    rowKey?: string | ((record: Record<string, unknown>) => string | number);
+    rowClassName?: string | ((record: Record<string, unknown>, index: number) => string);
+    stickyHeader?: boolean;
+    maxHeight?: string | number;
+    tableLayout?: 'auto' | 'fixed';
+    responsiveMode?: TableResponsiveMode;
+    cardBreakpoint?: TableCardBreakpoint;
+    cardClassName?: string | ((record: Record<string, unknown>, index: number) => string | undefined);
+    renderCard?: (context: TableCardRenderContext<Record<string, unknown>>) => unknown;
+    cardSelectionPosition?: TableCardSelectionPosition;
+    cardPadding?: string | false;
+    cardFieldGap?: string;
+    virtual?: boolean;
+    virtualHeight?: number;
+    virtualItemHeight?: number;
+    autoVirtual?: boolean;
+    virtualThreshold?: number;
+    editable?: boolean;
+    editableCells?: Record<string, number[]>;
+    filterMode?: 'basic' | 'advanced';
+    advancedFilterRules?: FilterRule[];
+    columnDraggable?: boolean;
+    rowDraggable?: boolean;
+    summaryRow?: {
+        show: boolean;
+        data: Record<string, unknown>;
+    };
+    groupBy?: string;
+    exportable?: boolean;
+    exportFormat?: 'csv';
+    exportFilename?: string;
+    cardLayout?: TableCardLayoutItem[];
+}
+
+export type { VueTableProps as V };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -496,9 +496,9 @@
       "default": "./dist/components/Loading.mjs"
     },
     "./LoadingBar": {
-      "types": "./dist/components/LoadingBar.d.mts",
-      "import": "./dist/components/LoadingBar.mjs",
-      "default": "./dist/components/LoadingBar.mjs"
+      "types": "./dist/components/LoadingBarRoot.d.mts",
+      "import": "./dist/components/LoadingBarRoot.mjs",
+      "default": "./dist/components/LoadingBarRoot.mjs"
     },
     "./LoadingBarContainer": {
       "types": "./dist/components/LoadingBarContainer.d.mts",
@@ -546,9 +546,9 @@
       "default": "./dist/components/Menu.mjs"
     },
     "./Message": {
-      "types": "./dist/components/Message.d.mts",
-      "import": "./dist/components/Message.mjs",
-      "default": "./dist/components/Message.mjs"
+      "types": "./dist/components/MessageRoot.d.mts",
+      "import": "./dist/components/MessageRoot.mjs",
+      "default": "./dist/components/MessageRoot.mjs"
     },
     "./MessageContainer": {
       "types": "./dist/components/MessageContainer.d.mts",
@@ -580,6 +580,11 @@
       "import": "./dist/components/NavigationMenu.mjs",
       "default": "./dist/components/NavigationMenu.mjs"
     },
+    "./NavigationMenuList": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
     "./NavigationMenuTrigger": {
       "types": "./dist/components/NavigationMenu.d.mts",
       "import": "./dist/components/NavigationMenu.mjs",
@@ -889,6 +894,11 @@
       "types": "./dist/components/Watermark.d.mts",
       "import": "./dist/components/Watermark.mjs",
       "default": "./dist/components/Watermark.mjs"
+    },
+    "./useDrag": {
+      "types": "./dist/composables/useDrag.d.mts",
+      "import": "./dist/composables/useDrag.mjs",
+      "default": "./dist/composables/useDrag.mjs"
     }
   },
   "files": [
@@ -898,7 +908,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.1.2"
+    "@expcat/tigercat-core": "2.1.3"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-22NIOTDQ.mjs

@@ -1,145 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/NumberKeyboard.ts
-import { computed, defineComponent, h, ref } from "vue";
-import {
-  applyNumberKeyboardInput,
-  classNames,
-  coerceClassValue,
-  deleteNumberKeyboardValue,
-  getNumberKeyboardAction,
-  getNumberKeyboardKeyClasses,
-  getNumberKeyboardKeys,
-  mergeStyleValues,
-  mergeTigerLocale,
-  normalizeNumberKeyboardValue,
-  numberKeyboardGridClasses,
-  numberKeyboardRootClasses,
-  resolveLocaleText
-} from "@expcat/tigercat-core";
-var NumberKeyboard = defineComponent({
-  name: "TigerNumberKeyboard",
-  inheritAttrs: false,
-  props: {
-    modelValue: { type: String, default: void 0 },
-    defaultValue: { type: String, default: "" },
-    mode: { type: String, default: "number" },
-    maxLength: { type: Number, default: void 0 },
-    precision: { type: Number, default: void 0 },
-    decimalSeparator: { type: String, default: "." },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    confirmText: { type: String, default: void 0 },
-    deleteText: { type: String, default: "Delete" },
-    ariaLabel: { type: String, default: "Number keyboard" },
-    showConfirm: { type: Boolean, default: true },
-    locale: { type: Object, default: void 0 },
-    className: { type: String, default: void 0 },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["update:modelValue", "change", "key-press", "delete", "confirm"],
-  setup(props, { attrs, emit }) {
-    const config = useTigerConfig();
-    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
-    const confirmLabel = computed(
-      () => resolveLocaleText("Done", props.confirmText, mergedLocale.value?.common?.okText)
-    );
-    const innerValue = ref(normalizeNumberKeyboardValue(props.defaultValue));
-    const isControlled = computed(() => props.modelValue !== void 0);
-    const currentValue = computed(
-      () => isControlled.value ? normalizeNumberKeyboardValue(props.modelValue) : innerValue.value
-    );
-    const isDisabled = computed(() => props.disabled || props.readonly);
-    const keys = computed(
-      () => getNumberKeyboardKeys({
-        mode: props.mode,
-        decimalSeparator: props.decimalSeparator,
-        deleteText: props.deleteText,
-        confirmText: confirmLabel.value,
-        showConfirm: props.showConfirm
-      })
-    );
-    function emitChange(nextValue, payload) {
-      if (!isControlled.value) innerValue.value = nextValue;
-      emit("update:modelValue", nextValue);
-      emit("change", nextValue, payload);
-    }
-    function handleKeyClick(key) {
-      if (isDisabled.value || key.type === "empty") return;
-      const action = getNumberKeyboardAction(key);
-      const nextValue = action === "delete" ? deleteNumberKeyboardValue(currentValue.value) : action === "input" ? applyNumberKeyboardInput(currentValue.value, key.value, {
-        mode: props.mode,
-        maxLength: props.maxLength,
-        precision: props.precision,
-        decimalSeparator: props.decimalSeparator
-      }) : currentValue.value;
-      const payload = {
-        value: nextValue,
-        key: key.value,
-        action,
-        mode: props.mode
-      };
-      emit("key-press", key, payload);
-      if (action === "confirm") {
-        emit("confirm", currentValue.value, { ...payload, value: currentValue.value });
-        return;
-      }
-      if (action === "delete") emit("delete", nextValue, payload);
-      if (nextValue !== currentValue.value) emitChange(nextValue, payload);
-    }
-    const rootClasses = computed(
-      () => classNames(numberKeyboardRootClasses, props.className, coerceClassValue(attrs.class))
-    );
-    const rootStyle = computed(
-      () => mergeStyleValues(props.style, attrs.style)
-    );
-    return () => {
-      const forwardedAttrs = Object.fromEntries(
-        Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")
-      );
-      return h(
-        "div",
-        {
-          ...forwardedAttrs,
-          class: rootClasses.value,
-          style: rootStyle.value,
-          role: "group",
-          "aria-label": props.ariaLabel,
-          "aria-disabled": isDisabled.value || void 0
-        },
-        [
-          h(
-            "div",
-            { class: numberKeyboardGridClasses },
-            keys.value.map(
-              (key, index) => h(
-                "button",
-                {
-                  key: `${key.type}-${key.value}-${index}`,
-                  type: "button",
-                  class: getNumberKeyboardKeyClasses(key, isDisabled.value),
-                  disabled: isDisabled.value || key.disabled,
-                  "aria-label": key.ariaLabel,
-                  "data-key": key.value,
-                  onClick: () => handleKeyClick(key)
-                },
-                key.label
-              )
-            )
-          )
-        ]
-      );
-    };
-  }
-});
-var NumberKeyboard_default = NumberKeyboard;
-
-export {
-  NumberKeyboard,
-  NumberKeyboard_default
-};

package/dist/chunk-26QCTL2E.mjs

@@ -1,180 +0,0 @@
-// src/components/Masonry.ts
-import {
-  computed,
-  defineComponent,
-  h,
-  nextTick,
-  onBeforeUnmount,
-  onMounted,
-  ref,
-  shallowRef,
-  watch
-} from "vue";
-import {
-  classNames,
-  coerceClassValue,
-  computeMasonryColumnHeights,
-  distributeMasonryItems,
-  getMasonryColumnClasses,
-  getMasonryColumnStyle,
-  getMasonryGapStyle,
-  getMasonryItemClasses,
-  getMasonryRootClasses,
-  isBrowser,
-  moduloDistributeMasonryItems,
-  observeScrollAreaSize,
-  readMasonryItemHeight,
-  resolveMasonryColumnCount,
-  resolveMasonryGap,
-  mergeStyleValues,
-  MASONRY_DEFAULT_COLUMNS,
-  MASONRY_DEFAULT_GAP
-} from "@expcat/tigercat-core";
-function vnodeSignature(vnodes) {
-  return vnodes.map((vnode, index) => `${index}:${String(vnode.key ?? "")}`).join("\0");
-}
-function sameHeights(previous, next) {
-  return previous.length === next.length && previous.every((height, index) => height === next[index]);
-}
-var Masonry = defineComponent({
-  name: "TigerMasonry",
-  inheritAttrs: false,
-  props: {
-    columns: {
-      type: [Number, Object],
-      default: MASONRY_DEFAULT_COLUMNS
-    },
-    gap: {
-      type: [Number, Object],
-      default: MASONRY_DEFAULT_GAP
-    },
-    className: { type: String, default: void 0 },
-    columnClassName: { type: String, default: void 0 },
-    itemClassName: { type: String, default: void 0 }
-  },
-  emits: ["layout"],
-  setup(props, { slots, emit, attrs, expose }) {
-    const itemElements = /* @__PURE__ */ new Map();
-    const heights = shallowRef([]);
-    const distribution = shallowRef([]);
-    const childrenSignature = shallowRef("");
-    const windowWidth = ref(isBrowser() ? window.innerWidth : 1024);
-    let lastSignature = "";
-    let stopObserving = null;
-    let disposed = false;
-    const columnCount = computed(() => resolveMasonryColumnCount(props.columns, windowWidth.value));
-    const gap = computed(() => resolveMasonryGap(props.gap, windowWidth.value));
-    function setItemRef(index, el) {
-      if (el instanceof HTMLElement) {
-        itemElements.set(index, el);
-        return;
-      }
-      const current = itemElements.get(index);
-      if (!current || !current.isConnected) {
-        itemElements.delete(index);
-      }
-    }
-    function emitLayout(nextDistribution) {
-      const detail = {
-        columnCount: columnCount.value,
-        columnHeights: computeMasonryColumnHeights(heights.value, nextDistribution, gap.value)
-      };
-      emit("layout", detail);
-    }
-    function redistribute() {
-      const next = distributeMasonryItems(heights.value, columnCount.value);
-      distribution.value = next;
-      emitLayout(next);
-    }
-    function relayout() {
-      const indices = Array.from(itemElements.keys());
-      const maxIndex = indices.length > 0 ? Math.max(...indices) : -1;
-      const nextHeights = [];
-      for (let index = 0; index <= maxIndex; index++) {
-        const element = itemElements.get(index);
-        nextHeights.push(element ? readMasonryItemHeight(element) : 0);
-      }
-      const countChanged = nextHeights.length !== heights.value.length;
-      if (!countChanged && sameHeights(heights.value, nextHeights)) return;
-      heights.value = nextHeights;
-      redistribute();
-    }
-    function handleResize() {
-      windowWidth.value = window.innerWidth;
-    }
-    const isResponsive = () => typeof props.columns === "object" || typeof props.gap === "object";
-    onMounted(() => {
-      if (isResponsive()) window.addEventListener("resize", handleResize);
-      relayout();
-    });
-    onBeforeUnmount(() => {
-      disposed = true;
-      window.removeEventListener("resize", handleResize);
-      stopObserving?.();
-      stopObserving = null;
-      itemElements.clear();
-    });
-    watch(childrenSignature, () => {
-      void nextTick(relayout);
-    });
-    watch([columnCount, gap], redistribute);
-    watch([distribution, childrenSignature], () => {
-      void nextTick(() => {
-        if (disposed) return;
-        stopObserving?.();
-        stopObserving = observeScrollAreaSize(Array.from(itemElements.values()), relayout);
-      });
-    });
-    expose({
-      relayout,
-      getColumnCount: () => columnCount.value
-    });
-    return () => {
-      const vnodes = (slots.default?.() ?? []).filter((vnode) => vnode);
-      const signature = vnodeSignature(vnodes);
-      if (signature !== lastSignature) {
-        lastSignature = signature;
-        childrenSignature.value = signature;
-      }
-      const activeDistribution = distribution.value.length > 0 && heights.value.length === vnodes.length ? distribution.value : moduloDistributeMasonryItems(vnodes.length, columnCount.value);
-      return h(
-        "div",
-        {
-          ...attrs,
-          class: classNames(getMasonryRootClasses(props.className), coerceClassValue(attrs.class)),
-          style: mergeStyleValues(getMasonryGapStyle(gap.value), attrs.style),
-          "data-masonry": ""
-        },
-        activeDistribution.map(
-          (indices, columnIndex) => h(
-            "div",
-            {
-              key: `column-${columnIndex}`,
-              class: getMasonryColumnClasses(props.columnClassName),
-              style: getMasonryColumnStyle(gap.value),
-              "data-masonry-column": columnIndex
-            },
-            indices.map(
-              (index) => h(
-                "div",
-                {
-                  key: `item-${index}`,
-                  class: getMasonryItemClasses(props.itemClassName),
-                  "data-masonry-item": index,
-                  ref: (el) => setItemRef(index, el)
-                },
-                vnodes[index]
-              )
-            )
-          )
-        )
-      );
-    };
-  }
-});
-var Masonry_default = Masonry;
-
-export {
-  Masonry,
-  Masonry_default
-};

package/dist/chunk-2ZUEXCVJ.mjs

@@ -1,58 +0,0 @@
-// src/components/ChartSeries.ts
-import { defineComponent, h } from "vue";
-import {
-  classNames,
-  coerceClassValue
-} from "@expcat/tigercat-core";
-var ChartSeries = defineComponent({
-  name: "TigerChartSeries",
-  inheritAttrs: false,
-  props: {
-    data: {
-      type: Array,
-      required: true
-    },
-    name: {
-      type: String
-    },
-    color: {
-      type: String
-    },
-    opacity: {
-      type: Number
-    },
-    type: {
-      type: String
-    },
-    className: {
-      type: String
-    }
-  },
-  setup(props, { slots, attrs }) {
-    return () => h(
-      "g",
-      {
-        ...attrs,
-        class: classNames(coerceClassValue(attrs.class), props.className),
-        "data-series-name": props.name,
-        "data-series-type": props.type,
-        fill: props.color,
-        stroke: props.color,
-        opacity: props.opacity
-      },
-      slots.default?.({
-        data: props.data,
-        name: props.name,
-        color: props.color,
-        opacity: props.opacity,
-        type: props.type
-      })
-    );
-  }
-});
-var ChartSeries_default = ChartSeries;
-
-export {
-  ChartSeries,
-  ChartSeries_default
-};