@expcat/tigercat-vue 2.0.19 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "2.0.19",
+  "version": "2.1.1",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -60,6 +60,11 @@
       "import": "./dist/components/AreaChart.mjs",
       "default": "./dist/components/AreaChart.mjs"
     },
+    "./AspectRatio": {
+      "types": "./dist/components/AspectRatio.d.mts",
+      "import": "./dist/components/AspectRatio.mjs",
+      "default": "./dist/components/AspectRatio.mjs"
+    },
     "./AutoComplete": {
       "types": "./dist/components/AutoComplete.d.mts",
       "import": "./dist/components/AutoComplete.mjs",
@@ -230,6 +235,26 @@
       "import": "./dist/components/Content.mjs",
       "default": "./dist/components/Content.mjs"
     },
+    "./ContextMenu": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuItem": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuMenu": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
+    "./ContextMenuSub": {
+      "types": "./dist/components/ContextMenu.d.mts",
+      "import": "./dist/components/ContextMenu.mjs",
+      "default": "./dist/components/ContextMenu.mjs"
+    },
     "./Countdown": {
       "types": "./dist/components/Countdown.d.mts",
       "import": "./dist/components/Countdown.mjs",
@@ -360,6 +385,11 @@
       "import": "./dist/components/HeatmapChart.mjs",
       "default": "./dist/components/HeatmapChart.mjs"
     },
+    "./Highlight": {
+      "types": "./dist/components/Highlight.d.mts",
+      "import": "./dist/components/Highlight.mjs",
+      "default": "./dist/components/Highlight.mjs"
+    },
     "./Icon": {
       "types": "./dist/components/Icon.d.mts",
       "import": "./dist/components/Icon.mjs",
@@ -375,6 +405,11 @@
       "import": "./dist/components/ImageAnnotation.mjs",
       "default": "./dist/components/ImageAnnotation.mjs"
     },
+    "./ImageCompare": {
+      "types": "./dist/components/ImageCompare.d.mts",
+      "import": "./dist/components/ImageCompare.mjs",
+      "default": "./dist/components/ImageCompare.mjs"
+    },
     "./ImageCropper": {
       "types": "./dist/components/ImageCropper.d.mts",
       "import": "./dist/components/ImageCropper.mjs",
@@ -420,11 +455,21 @@
       "import": "./dist/components/InputNumber.mjs",
       "default": "./dist/components/InputNumber.mjs"
     },
+    "./InputOTP": {
+      "types": "./dist/components/InputOTP.d.mts",
+      "import": "./dist/components/InputOTP.mjs",
+      "default": "./dist/components/InputOTP.mjs"
+    },
     "./Kanban": {
       "types": "./dist/components/Kanban.d.mts",
       "import": "./dist/components/Kanban.mjs",
       "default": "./dist/components/Kanban.mjs"
     },
+    "./Kbd": {
+      "types": "./dist/components/Kbd.d.mts",
+      "import": "./dist/components/Kbd.mjs",
+      "default": "./dist/components/Kbd.mjs"
+    },
     "./Layout": {
       "types": "./dist/components/Layout.d.mts",
       "import": "./dist/components/Layout.mjs",
@@ -450,11 +495,36 @@
       "import": "./dist/components/Loading.mjs",
       "default": "./dist/components/Loading.mjs"
     },
+    "./LoadingBar": {
+      "types": "./dist/components/LoadingBar.d.mts",
+      "import": "./dist/components/LoadingBar.mjs",
+      "default": "./dist/components/LoadingBar.mjs"
+    },
+    "./LoadingBarContainer": {
+      "types": "./dist/components/LoadingBarContainer.d.mts",
+      "import": "./dist/components/LoadingBarContainer.mjs",
+      "default": "./dist/components/LoadingBarContainer.mjs"
+    },
     "./MarkdownEditor": {
       "types": "./dist/components/MarkdownEditor.d.mts",
       "import": "./dist/components/MarkdownEditor.mjs",
       "default": "./dist/components/MarkdownEditor.mjs"
     },
+    "./Marquee": {
+      "types": "./dist/components/Marquee.d.mts",
+      "import": "./dist/components/Marquee.mjs",
+      "default": "./dist/components/Marquee.mjs"
+    },
+    "./MaskInput": {
+      "types": "./dist/components/MaskInput.d.mts",
+      "import": "./dist/components/MaskInput.mjs",
+      "default": "./dist/components/MaskInput.mjs"
+    },
+    "./Masonry": {
+      "types": "./dist/components/Masonry.d.mts",
+      "import": "./dist/components/Masonry.mjs",
+      "default": "./dist/components/Masonry.mjs"
+    },
     "./Mentions": {
       "types": "./dist/components/Mentions.d.mts",
       "import": "./dist/components/Mentions.mjs",
@@ -490,6 +560,31 @@
       "import": "./dist/components/Modal.mjs",
       "default": "./dist/components/Modal.mjs"
     },
+    "./NavigationMenu": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuContent": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuItem": {
+      "types": "./dist/components/NavigationMenu.d.mts",
+      "import": "./dist/components/NavigationMenu.mjs",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
+    "./NavigationMenuLink": {
+      "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",
+      "default": "./dist/components/NavigationMenu.mjs"
+    },
     "./NotificationCenter": {
       "types": "./dist/components/NotificationCenter.d.mts",
       "import": "./dist/components/NotificationCenter.mjs",
@@ -510,6 +605,11 @@
       "import": "./dist/components/OrgChart.mjs",
       "default": "./dist/components/OrgChart.mjs"
     },
+    "./PageHeader": {
+      "types": "./dist/components/PageHeader.d.mts",
+      "import": "./dist/components/PageHeader.mjs",
+      "default": "./dist/components/PageHeader.mjs"
+    },
     "./Pagination": {
       "types": "./dist/components/Pagination.d.mts",
       "import": "./dist/components/Pagination.mjs",
@@ -595,6 +695,11 @@
       "import": "./dist/components/ScatterChart.mjs",
       "default": "./dist/components/ScatterChart.mjs"
     },
+    "./ScrollArea": {
+      "types": "./dist/components/ScrollArea.d.mts",
+      "import": "./dist/components/ScrollArea.mjs",
+      "default": "./dist/components/ScrollArea.mjs"
+    },
     "./ScrollSpy": {
       "types": "./dist/components/ScrollSpy.d.mts",
       "import": "./dist/components/ScrollSpy.mjs",
@@ -635,6 +740,11 @@
       "import": "./dist/components/Space.mjs",
       "default": "./dist/components/Space.mjs"
     },
+    "./SplitButton": {
+      "types": "./dist/components/SplitButton.d.mts",
+      "import": "./dist/components/SplitButton.mjs",
+      "default": "./dist/components/SplitButton.mjs"
+    },
     "./Splitter": {
       "types": "./dist/components/Splitter.d.mts",
       "import": "./dist/components/Splitter.mjs",
@@ -700,6 +810,11 @@
       "import": "./dist/components/Tag.mjs",
       "default": "./dist/components/Tag.mjs"
     },
+    "./TagsInput": {
+      "types": "./dist/components/TagsInput.d.mts",
+      "import": "./dist/components/TagsInput.mjs",
+      "default": "./dist/components/TagsInput.mjs"
+    },
     "./TaskBoard": {
       "types": "./dist/components/TaskBoard.d.mts",
       "import": "./dist/components/TaskBoard.mjs",
@@ -783,7 +898,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "2.0.19"
+    "@expcat/tigercat-core": "2.1.1"
   },
   "devDependencies": {
     "@types/node": "^26.1.1",

package/dist/chunk-OTGGPXDT.mjs

@@ -1,433 +0,0 @@
-import {
-  renderVueOverlayTeleport,
-  useVueAnchoredOverlay
-} from "./chunk-Q7Y22OFX.mjs";
-import {
-  useTigerConfig
-} from "./chunk-UOJOJBEU.mjs";
-
-// src/components/Cascader.ts
-import { defineComponent, computed, ref, h, watch } from "vue";
-import {
-  classNames,
-  cascaderBaseClasses,
-  cascaderDropdownClasses,
-  cascaderColumnClasses,
-  cascaderSearchInputClasses,
-  cascaderEmptyStateClasses,
-  cascaderSearchResultClasses,
-  getCascaderTriggerClasses,
-  getCascaderOptionClasses,
-  getCascaderColumns,
-  getCascaderDisplayLabel,
-  flattenCascaderOptions,
-  filterCascaderOptions,
-  isCascaderOptionExpandable,
-  getPickerComboboxAria,
-  getPickerListboxAria,
-  getPickerOptionAria,
-  getPickerTriggerKeyAction,
-  icon20ViewBox,
-  chevronDownSolidIcon20PathD,
-  closeSolidIcon20PathD,
-  coerceClassValue,
-  resolveLocaleText,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-var cascaderInstanceId = 0;
-var ChevronRightIcon = h(
-  "svg",
-  {
-    class: "w-4 h-4 text-[var(--tiger-text-muted,#9ca3af)]",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 20",
-    fill: "currentColor"
-  },
-  [
-    h("path", {
-      "fill-rule": "evenodd",
-      d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
-      "clip-rule": "evenodd"
-    })
-  ]
-);
-var Cascader = defineComponent({
-  name: "TigerCascader",
-  props: {
-    modelValue: {
-      type: Array,
-      default: () => []
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    placeholder: {
-      type: String,
-      default: "Please select"
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    clearable: {
-      type: Boolean,
-      default: true
-    },
-    searchable: {
-      type: [Boolean, Object],
-      default: false
-    },
-    searchValue: {
-      type: String,
-      default: void 0
-    },
-    defaultSearchValue: {
-      type: String,
-      default: ""
-    },
-    expandTrigger: {
-      type: String,
-      default: "click"
-    },
-    changeOnSelect: {
-      type: Boolean,
-      default: false
-    },
-    separator: {
-      type: String,
-      default: " / "
-    },
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Locale overrides merged on top of ConfigProvider locale
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  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 uncontrolledSearchValue = ref(props.defaultSearchValue);
-    const searchQuery = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
-    const activePath = ref([]);
-    const triggerRef = ref(null);
-    const dropdownRef = ref(null);
-    const searchInputRef = ref(null);
-    const overlay = useVueAnchoredOverlay({
-      enabled: isOpen,
-      referenceRef: triggerRef,
-      floatingRef: dropdownRef,
-      placement: "bottom-start",
-      offset: 4,
-      layout: "fullscreen-sm",
-      matchReferenceWidth: true,
-      dismissOnOutside: true,
-      dismissOnEscape: true,
-      restoreFocusOnDismiss: true,
-      onDismiss: closeDropdown
-    });
-    const displayLabel = computed(() => {
-      if (!props.modelValue || props.modelValue.length === 0) return "";
-      return getCascaderDisplayLabel(props.options, props.modelValue, props.separator);
-    });
-    const columns = computed(() => {
-      return getCascaderColumns(props.options, activePath.value);
-    });
-    const isSearchMode = computed(() => {
-      return props.searchable && searchQuery.value.length > 0;
-    });
-    const flattenedOptions = computed(() => {
-      if (!props.searchable) return [];
-      return flattenCascaderOptions(props.options, [], [], props.changeOnSelect);
-    });
-    const searchResults = computed(() => {
-      if (!isSearchMode.value) return [];
-      return filterCascaderOptions(flattenedOptions.value, searchQuery.value, props.searchable);
-    });
-    const triggerClasses = computed(
-      () => classNames(
-        getCascaderTriggerClasses(props.size, props.disabled, isOpen.value),
-        coerceClassValue(attrs.class)
-      )
-    );
-    watch(isOpen, (open) => {
-      if (open) {
-        activePath.value = props.modelValue ? [...props.modelValue] : [];
-        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;
-    }
-    function closeDropdown() {
-      isOpen.value = false;
-    }
-    function handleOptionClick(option, level) {
-      if (option.disabled) return;
-      const newPath = activePath.value.slice(0, level);
-      newPath.push(option.value);
-      activePath.value = newPath;
-      const hasChildren = isCascaderOptionExpandable(option);
-      if (!hasChildren) {
-        emit("update:modelValue", newPath);
-        emit("change", newPath);
-        closeDropdown();
-      } else if (props.changeOnSelect) {
-        emit("update:modelValue", newPath);
-        emit("change", newPath);
-      }
-    }
-    function handleOptionHover(option, level) {
-      if (props.expandTrigger !== "hover" || option.disabled) return;
-      const newPath = activePath.value.slice(0, level);
-      newPath.push(option.value);
-      activePath.value = newPath;
-    }
-    function handleSearchResultClick(valuePath, disabled) {
-      if (disabled) return;
-      emit("update:modelValue", valuePath);
-      emit("change", valuePath);
-      closeDropdown();
-    }
-    function handleClear(e) {
-      e.stopPropagation();
-      emit("update:modelValue", []);
-      emit("change", []);
-    }
-    function handleSearchInput(e) {
-      updateSearchValue(e.target.value);
-    }
-    function handleTriggerKeyDown(e) {
-      const action = getPickerTriggerKeyAction(e.key, isOpen.value);
-      if (action === "none") return;
-      e.preventDefault();
-      if (action === "toggle") {
-        toggleOpen();
-      } else if (action === "open") {
-        isOpen.value = true;
-      } else if (action === "close") {
-        closeDropdown();
-      }
-    }
-    return () => {
-      const hasValue = props.modelValue && props.modelValue.length > 0;
-      const showClear = props.clearable && hasValue && !props.disabled;
-      const listboxId = `tiger-cascader-listbox-${instanceId}`;
-      const chevronIcon = h(
-        "svg",
-        {
-          class: classNames(
-            "w-5 h-5 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] transition-transform",
-            isOpen.value && "rotate-180"
-          ),
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: icon20ViewBox,
-          fill: "currentColor"
-        },
-        [
-          h("path", {
-            "fill-rule": "evenodd",
-            d: chevronDownSolidIcon20PathD,
-            "clip-rule": "evenodd"
-          })
-        ]
-      );
-      const clearIcon = showClear ? h(
-        "span",
-        {
-          class: "flex items-center",
-          role: "button",
-          "aria-label": resolveLocaleText(
-            "Clear selection",
-            mergedLocale.value?.common?.clearText
-          ),
-          onClick: handleClear
-        },
-        [
-          h(
-            "svg",
-            {
-              class: "w-4 h-4 text-[var(--tiger-cascader-icon,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-cascader-icon-hover,var(--tiger-text-muted,#6b7280))]",
-              xmlns: "http://www.w3.org/2000/svg",
-              viewBox: icon20ViewBox,
-              fill: "currentColor"
-            },
-            [
-              h("path", {
-                "fill-rule": "evenodd",
-                d: closeSolidIcon20PathD,
-                "clip-rule": "evenodd"
-              })
-            ]
-          )
-        ]
-      ) : null;
-      const trigger = h(
-        "button",
-        {
-          ref: triggerRef,
-          type: "button",
-          class: triggerClasses.value,
-          disabled: props.disabled,
-          ...getPickerComboboxAria({ expanded: isOpen.value, listboxId }),
-          onClick: toggleOpen,
-          onKeydown: handleTriggerKeyDown
-        },
-        [
-          h(
-            "span",
-            {
-              class: classNames(
-                "flex-1 text-left truncate",
-                !hasValue && "text-[var(--tiger-cascader-placeholder,var(--tiger-text-muted,#9ca3af))]"
-              )
-            },
-            hasValue ? displayLabel.value : props.placeholder
-          ),
-          h("span", { class: "flex items-center gap-1" }, [clearIcon, chevronIcon])
-        ]
-      );
-      let dropdownContent = null;
-      if (isOpen.value) {
-        const children = [];
-        if (props.searchable) {
-          children.push(
-            h("input", {
-              ref: searchInputRef,
-              type: "text",
-              class: cascaderSearchInputClasses,
-              placeholder: resolveLocaleText(
-                "Search...",
-                mergedLocale.value?.common?.searchPlaceholder
-              ),
-              value: searchQuery.value,
-              onInput: handleSearchInput,
-              "aria-label": resolveLocaleText(
-                "Search options",
-                mergedLocale.value?.common?.searchPlaceholder
-              )
-            })
-          );
-        }
-        if (isSearchMode.value) {
-          if (searchResults.value.length === 0) {
-            children.push(
-              h(
-                "div",
-                { class: cascaderEmptyStateClasses },
-                resolveLocaleText(
-                  "No results found",
-                  props.emptyText,
-                  mergedLocale.value?.common?.emptyText
-                )
-              )
-            );
-          } else {
-            const searchList = h(
-              "div",
-              { class: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }) },
-              searchResults.value.map(
-                (item) => h(
-                  "div",
-                  {
-                    class: classNames(
-                      cascaderSearchResultClasses,
-                      item.disabled && "opacity-50 cursor-not-allowed"
-                    ),
-                    ...getPickerOptionAria({
-                      selected: props.modelValue?.join(",") === item.valuePath.join(","),
-                      disabled: item.disabled
-                    }),
-                    onClick: () => handleSearchResultClick(item.valuePath, item.disabled)
-                  },
-                  typeof props.searchable === "object" && props.searchable.render ? props.searchable.render(searchQuery.value, item.path) : item.label
-                )
-              )
-            );
-            children.push(searchList);
-          }
-        } else {
-          const columnElements = columns.value.map(
-            (col, colIndex) => h(
-              "div",
-              {
-                class: cascaderColumnClasses,
-                ...getPickerListboxAria({
-                  id: colIndex === 0 ? listboxId : void 0,
-                  label: `Level ${colIndex + 1}`
-                })
-              },
-              col.options.map((option) => {
-                const isSelected = col.selectedValue === option.value;
-                const hasChildren = isCascaderOptionExpandable(option);
-                return h(
-                  "div",
-                  {
-                    class: getCascaderOptionClasses(isSelected, !!option.disabled, props.size),
-                    ...getPickerOptionAria({ selected: isSelected, disabled: !!option.disabled }),
-                    onClick: () => handleOptionClick(option, colIndex),
-                    onMouseenter: () => handleOptionHover(option, colIndex)
-                  },
-                  [
-                    h("span", { class: "flex-1 truncate" }, option.label),
-                    hasChildren ? ChevronRightIcon : null
-                  ]
-                );
-              })
-            )
-          );
-          children.push(h("div", { class: "flex" }, columnElements));
-        }
-        dropdownContent = h(
-          "div",
-          {
-            ref: dropdownRef,
-            class: classNames(
-              cascaderDropdownClasses,
-              isSearchMode.value && "flex-col",
-              overlay.floatingClasses.value
-            ),
-            style: overlay.floatingStyles.value,
-            "data-positioned": overlay.positioned.value
-          },
-          children
-        );
-      }
-      return h(
-        "div",
-        {
-          class: cascaderBaseClasses,
-          "data-testid": "cascader"
-        },
-        [trigger, renderVueOverlayTeleport(dropdownContent, overlay.target.value)]
-      );
-    };
-  }
-});
-var Cascader_default = Cascader;
-
-export {
-  Cascader,
-  Cascader_default
-};