@expcat/tigercat-vue 2.0.4 → 2.1.0

package/dist/components/TagsInput.d.mts

@@ -0,0 +1,214 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+import { ComponentSize, InputStatus } from '@expcat/tigercat-core';
+
+type VueTagsInputProps = InstanceType<typeof TagsInput>['$props'];
+declare const TagsInput: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Tags (for v-model)
+     */
+    modelValue: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /**
+     * Default tags (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /** Error message to display */
+    errorMessage: StringConstructor;
+    /** Placeholder for the inner text input */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the same tag may be added more than once */
+    allowDuplicates: BooleanConstructor;
+    /** Maximum number of tags */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Characters that commit input while typing and split pasted text
+     * @default [',']
+     */
+    delimiters: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    /** Commit the pending input as a tag on blur */
+    addOnBlur: BooleanConstructor;
+    /** Validate/transform a candidate tag before it is added */
+    beforeAdd: {
+        type: PropType<(tag: string) => boolean | string>;
+        default: undefined;
+    };
+    /** Whether to show a clear-all button */
+    clearable: BooleanConstructor;
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Name for the hidden input carrying the joined value */
+    name: StringConstructor;
+    /** Id attribute applied to the inner text input */
+    id: StringConstructor;
+    /** Aria-label template for tag remove buttons; supports {tag} */
+    removeTagAriaLabel: StringConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': null;
+    add: null;
+    remove: null;
+    clear: null;
+    focus: null;
+    blur: null;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Tags (for v-model)
+     */
+    modelValue: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    /**
+     * Default tags (for uncontrolled mode)
+     */
+    defaultValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    /**
+     * Input size
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ComponentSize>;
+        default: string;
+    };
+    /**
+     * Validation status
+     * @default 'default'
+     */
+    status: {
+        type: PropType<InputStatus>;
+        default: string;
+    };
+    /** Error message to display */
+    errorMessage: StringConstructor;
+    /** Placeholder for the inner text input */
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Whether the same tag may be added more than once */
+    allowDuplicates: BooleanConstructor;
+    /** Maximum number of tags */
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * Characters that commit input while typing and split pasted text
+     * @default [',']
+     */
+    delimiters: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    /** Commit the pending input as a tag on blur */
+    addOnBlur: BooleanConstructor;
+    /** Validate/transform a candidate tag before it is added */
+    beforeAdd: {
+        type: PropType<(tag: string) => boolean | string>;
+        default: undefined;
+    };
+    /** Whether to show a clear-all button */
+    clearable: BooleanConstructor;
+    /** Whether the input is disabled */
+    disabled: BooleanConstructor;
+    /** Whether the input is readonly */
+    readonly: BooleanConstructor;
+    /** Name for the hidden input carrying the joined value */
+    name: StringConstructor;
+    /** Id attribute applied to the inner text input */
+    id: StringConstructor;
+    /** Aria-label template for tag remove buttons; supports {tag} */
+    removeTagAriaLabel: StringConstructor;
+    /**
+     * Internal shake trigger counter (used by FormItem)
+     * @internal
+     */
+    _shakeTrigger: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /** Additional CSS classes */
+    className: StringConstructor;
+    /** Inline styles */
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+}>, {
+    status: InputStatus;
+    placeholder: string;
+    size: ComponentSize;
+    style: Record<string, string | number>;
+    disabled: boolean;
+    delimiters: string[];
+    defaultValue: string[];
+    max: number;
+    modelValue: string[];
+    clearable: boolean;
+    readonly: boolean;
+    _shakeTrigger: number;
+    allowDuplicates: boolean;
+    addOnBlur: boolean;
+    beforeAdd: (tag: string) => boolean | string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { TagsInput, type VueTagsInputProps, TagsInput as default };

package/dist/components/TagsInput.mjs

@@ -0,0 +1,12 @@
+import {
+  TagsInput,
+  TagsInput_default
+} from "../chunk-AOLRZG4E.mjs";
+import "../chunk-P2LZ2MR5.mjs";
+import "../chunk-342DH5CF.mjs";
+import "../chunk-UOJOJBEU.mjs";
+import "../chunk-TGXBCKOU.mjs";
+export {
+  TagsInput,
+  TagsInput_default as default
+};

package/dist/components/Timeline.d.mts

@@ -116,8 +116,8 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
     className: string;
     mode: TimelineMode;
     style: Record<string, unknown>;
-    items: TimelineItem[];
     pending: boolean;
+    items: TimelineItem[];
     pendingDot: null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Tooltip.d.mts

@@ -107,10 +107,10 @@ declare const Tooltip: vue.DefineComponent<vue.ExtractPropTypes<{
     disabled: boolean;
     placement: FloatingPlacement;
     offset: number;
-    open: boolean;
-    content: string;
     trigger: TooltipTrigger;
+    open: boolean;
     defaultOpen: boolean;
+    content: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Tooltip, type VueTooltipProps, Tooltip as default };

package/dist/components/Tour.d.mts

@@ -60,7 +60,7 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
-}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "close" | "update:current" | "update:open" | "finish")[], "change" | "close" | "update:current" | "update:open" | "finish", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => vue.VNodeChild, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "close" | "update:open" | "update:current" | "finish")[], "change" | "close" | "update:open" | "update:current" | "finish", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     steps: {
         type: PropType<TourStep[]>;
         required: true;
@@ -108,8 +108,8 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
@@ -118,8 +118,8 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
     finishText: string;
     className: string;
     open: boolean;
-    current: number;
     closable: boolean;
+    current: number;
     loadSteps: TourStepLoader;
     showIndicators: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Tree.d.mts

@@ -464,10 +464,10 @@ declare const Tree: vue.DefineComponent<vue.ExtractPropTypes<{
     multiple: boolean;
     virtual: boolean;
     height: number;
+    itemHeight: number;
     treeData: TreeNode[];
     defaultExpandAll: boolean;
     draggable: boolean;
-    itemHeight: number;
     checkable: boolean;
     showIcon: boolean;
     showLine: boolean;

package/dist/components/TreeMapChart.d.mts

@@ -202,10 +202,10 @@ declare const TreeMapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     height: number;
     padding: ChartPadding;
     gradient: boolean;
+    gap: number;
     hoverable: boolean;
     showLabels: boolean;
     selectable: boolean;
-    gap: number;
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;

package/dist/components/TreeMapChart.mjs

@@ -1,12 +1,12 @@
 import {
   TreeMapChart,
   TreeMapChart_default
-} from "../chunk-KFJIZED5.mjs";
+} from "../chunk-EHGFW5GX.mjs";
 import "../chunk-PE5OA4YG.mjs";
+import "../chunk-2ZUEXCVJ.mjs";
 import "../chunk-SPFL55TF.mjs";
 import "../chunk-W5RZPTFD.mjs";
 import "../chunk-V443QIJM.mjs";
-import "../chunk-2ZUEXCVJ.mjs";
 export {
   TreeMapChart,
   TreeMapChart_default as default

package/dist/components/TreeSelect.d.mts

@@ -52,6 +52,30 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable virtualized rendering of the dropdown tree.
+     * Visible flattened rows are rendered through VirtualList with fixed item height.
+     */
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Pixel height of the virtualized dropdown viewport.
+     * @default 400
+     */
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Pixel height of each virtualized tree row.
+     * @default 32
+     */
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Locale overrides merged on top of ConfigProvider locale
      */
@@ -110,6 +134,30 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Enable virtualized rendering of the dropdown tree.
+     * Visible flattened rows are rendered through VirtualList with fixed item height.
+     */
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Pixel height of the virtualized dropdown viewport.
+     * @default 400
+     */
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Pixel height of each virtualized tree row.
+     * @default 32
+     */
+    itemHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
     /**
      * Locale overrides merged on top of ConfigProvider locale
      */
@@ -131,9 +179,12 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
     modelValue: TreeSelectValue;
     searchable: boolean;
     multiple: boolean;
+    virtual: boolean;
     searchValue: string;
     defaultSearchValue: string;
     clearable: boolean;
+    height: number;
+    itemHeight: number;
     treeData: TreeNode[];
     defaultExpandAll: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/TreeSelect.mjs

@@ -1,7 +1,8 @@
 import {
   TreeSelect,
   TreeSelect_default
-} from "../chunk-WC5MKASU.mjs";
+} from "../chunk-VN2TWPRC.mjs";
+import "../chunk-HS4YQGZQ.mjs";
 import "../chunk-Q7Y22OFX.mjs";
 import "../chunk-UOJOJBEU.mjs";
 import "../chunk-TGXBCKOU.mjs";

package/dist/components/Upload.d.mts

@@ -328,8 +328,8 @@ declare const Upload: vue.DefineComponent<vue.ExtractPropTypes<{
     onProgress?: ((progress: number, _file: UploadFile) => any) | undefined;
     onChange?: ((_file: UploadFile, _fileList: UploadFile[]) => any) | undefined;
     onSuccess?: ((_response: unknown, _file: UploadFile) => any) | undefined;
-    "onUpdate:file-list"?: ((files: UploadFile[]) => any) | undefined;
     onRemove?: ((_file: UploadFile, _fileList: UploadFile[]) => any) | undefined;
+    "onUpdate:file-list"?: ((files: UploadFile[]) => any) | undefined;
     onPreview?: ((_file: UploadFile) => any) | undefined;
     "onChunk-progress"?: ((_chunk: UploadChunk, progress: number, _file: UploadFile) => any) | undefined;
     "onQueue-change"?: ((queue: unknown[]) => any) | undefined;

package/dist/components/VirtualTable.d.mts

@@ -171,6 +171,7 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
     loading: boolean;
     width: number | "auto";
     dataSource: Record<string, unknown>[];
+    overscan: number;
     columns: TableColumn<Record<string, unknown>>[];
     bordered: boolean;
     striped: boolean;
@@ -180,7 +181,6 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
     stickyHeader: boolean;
     virtualHeight: number;
     virtualItemHeight: number;
-    overscan: number;
     virtualizeColumns: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/Watermark.d.mts

@@ -128,9 +128,9 @@ declare const Watermark: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     className: string;
     style: Record<string, string | number>;
+    image: string;
     offsetX: number;
     offsetY: number;
-    image: string;
     font: WatermarkFont;
     width: number;
     height: number;

package/dist/index.d.mts

@@ -3,6 +3,7 @@ export { DrawerPlacement, DrawerSize, ListItem, TableColumn, TreeNode, UploadFil
 export { ConfigProvider, TigerConfig, VueConfigProviderProps, useTigerConfig } from './components/ConfigProvider.mjs';
 export { Button, VueButtonProps } from './components/Button.mjs';
 export { ButtonGroup, VueButtonGroupProps } from './components/ButtonGroup.mjs';
+export { SplitButton, VueSplitButtonProps } from './components/SplitButton.mjs';
 export { Slider, VueSliderProps } from './components/Slider.mjs';
 export { Switch, VueSwitchProps } from './components/Switch.mjs';
 export { Select, VueSelectProps } from './components/Select.mjs';
@@ -10,6 +11,9 @@ export { Cascader, VueCascaderProps } from './components/Cascader.mjs';
 export { AutoComplete, VueAutoCompleteProps } from './components/AutoComplete.mjs';
 export { Signature, VueSignatureProps } from './components/Signature.mjs';
 export { NumberKeyboard, VueNumberKeyboardProps } from './components/NumberKeyboard.mjs';
+export { InputOTP, VueInputOTPProps } from './components/InputOTP.mjs';
+export { TagsInput, VueTagsInputProps } from './components/TagsInput.mjs';
+export { MaskInput, VueMaskInputProps } from './components/MaskInput.mjs';
 export { Transfer, VueTransferProps } from './components/Transfer.mjs';
 export { TreeSelect, VueTreeSelectProps } from './components/TreeSelect.mjs';
 export { Checkbox, VueCheckboxProps } from './components/Checkbox.mjs';
@@ -35,6 +39,9 @@ export { Container, VueContainerProps } from './components/Container.mjs';
 export { Link, VueLinkProps } from './components/Link.mjs';
 export { Text, VueTextProps } from './components/Text.mjs';
 export { Code, VueCodeProps } from './components/Code.mjs';
+export { Kbd, VueKbdProps } from './components/Kbd.mjs';
+export { Highlight, VueHighlightProps } from './components/Highlight.mjs';
+export { Marquee, VueMarqueeProps } from './components/Marquee.mjs';
 export { Icon, VueIconProps } from './components/Icon.mjs';
 export { DatePicker, VueDatePickerModelValue, VueDatePickerProps } from './components/DatePicker.mjs';
 export { TimePicker, VueTimePickerModelValue, VueTimePickerProps } from './components/TimePicker.mjs';
@@ -47,6 +54,7 @@ export { Card, VueCardProps } from './components/Card.mjs';
 export { Avatar, VueAvatarProps } from './components/Avatar.mjs';
 export { AvatarGroup, VueAvatarGroupProps } from './components/AvatarGroup.mjs';
 export { Image, VueImageProps } from './components/Image.mjs';
+export { ImageCompare, VueImageCompareProps } from './components/ImageCompare.mjs';
 export { ImagePreview, VueImagePreviewProps } from './components/ImagePreview.mjs';
 export { ImageGroup, VueImageGroupProps } from './components/ImageGroup.mjs';
 export { ImageCropper, VueImageCropperProps } from './components/ImageCropper.mjs';
@@ -66,6 +74,9 @@ export { Breadcrumb, BreadcrumbItem, VueBreadcrumbItemProps, VueBreadcrumbProps
 export { Steps, StepsItem, VueStepsItemProps, VueStepsProps } from './components/Steps.mjs';
 export { Pagination, VuePaginationProps } from './components/Pagination.mjs';
 export { Dropdown, DropdownItem, DropdownMenu, VueDropdownItemProps, VueDropdownMenuProps, VueDropdownProps } from './components/Dropdown.mjs';
+export { ContextMenu, ContextMenuItem, ContextMenuMenu, ContextMenuSub, VueContextMenuItemProps, VueContextMenuMenuProps, VueContextMenuProps, VueContextMenuSubProps } from './components/ContextMenu.mjs';
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, VueNavigationMenuContentProps, VueNavigationMenuItemProps, VueNavigationMenuLinkProps, VueNavigationMenuProps, VueNavigationMenuTriggerProps } from './components/NavigationMenu.mjs';
+export { PageHeader, VuePageHeaderProps } from './components/PageHeader.mjs';
 export { Spotlight, VueSpotlightProps } from './components/Spotlight.mjs';
 export { ScrollSpy, VueScrollSpyProps } from './components/ScrollSpy.mjs';
 export { Drawer, VueDrawerProps } from './components/Drawer.mjs';
@@ -76,6 +87,8 @@ export { MessageContainer, VueMessageContainerProps } from './components/Message
 export { VueNotificationProps, notification } from './components/NotificationRoot.mjs';
 export { NotificationContainer, VueNotificationContainerProps } from './components/NotificationContainer.mjs';
 export { Loading, VueLoadingProps } from './components/Loading.mjs';
+export { LoadingBar, VueLoadingBarProps } from './components/LoadingBarRoot.mjs';
+export { LoadingBarContainer, VueLoadingBarContainerProps } from './components/LoadingBarContainer.mjs';
 export { Popconfirm, VuePopconfirmProps } from './components/Popconfirm.mjs';
 export { Popover, VuePopoverProps } from './components/Popover.mjs';
 export { Tooltip, VueTooltipProps } from './components/Tooltip.mjs';
@@ -129,6 +142,8 @@ export { UseChartInteractionOptions, UseChartInteractionReturn, useChartInteract
 export { UseDragOptions, UseDragReturn, useDrag } from './composables/useDrag.mjs';
 export { Splitter, VueSplitterProps } from './components/Splitter.mjs';
 export { Resizable, VueResizableProps } from './components/Resizable.mjs';
+export { ScrollArea, VueScrollAreaProps } from './components/ScrollArea.mjs';
+export { Masonry, VueMasonryProps } from './components/Masonry.mjs';
 export { CodeEditor, VueCodeEditorProps } from './components/CodeEditor.mjs';
 export { RichTextEditor, VueRichTextEditorProps } from './components/RichTextEditor.mjs';
 export { MarkdownEditor, VueMarkdownEditorProps } from './components/MarkdownEditor.mjs';
@@ -141,6 +156,7 @@ export { Gantt, VueGanttProps } from './components/Gantt.mjs';
 export { InputGroup, InputGroupAddon, VueInputGroupAddonProps, VueInputGroupProps } from './components/InputGroup.mjs';
 export { PrintLayout, PrintPageBreak, VuePrintLayoutProps } from './components/PrintLayout.mjs';
 export { ImageViewer, VueImageViewerProps } from './components/ImageViewer.mjs';
+export { AspectRatio, VueAspectRatioProps } from './components/AspectRatio.mjs';
 import 'vue';
 
 /**
@@ -149,6 +165,6 @@ import 'vue';
  * Vue 3 components for Tigercat UI library
  */
 
-declare const version = "2.0.0";
+declare const version = "2.1.0";
 
 export { version };