@expcat/tigercat-vue 2.0.19 → 2.1.0

package/dist/components/SplitButton.d.mts

@@ -0,0 +1,286 @@
+import * as vue from 'vue';
+import { PropType, VNode } from 'vue';
+import { ButtonVariant, ButtonSize, ButtonHtmlType, ButtonIconPosition, FloatingPlacement } from '@expcat/tigercat-core';
+
+interface VueSplitButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    danger?: boolean;
+    block?: boolean;
+    htmlType?: ButtonHtmlType;
+    iconPosition?: ButtonIconPosition;
+    open?: boolean;
+    defaultOpen?: boolean;
+    closeOnClick?: boolean;
+    portal?: boolean;
+    triggerAriaLabel?: string;
+    placement?: FloatingPlacement;
+    offset?: number;
+    className?: string;
+    style?: Record<string, unknown>;
+}
+declare const SplitButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * Visual variant applied to the primary action and the menu trigger
+     * @default 'primary'
+     */
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    /**
+     * Size applied to the primary action and the menu trigger
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    /**
+     * Whether both the primary action and the menu trigger are disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Whether the primary action is in a loading state. Also disables the menu trigger.
+     */
+    loading: BooleanConstructor;
+    /**
+     * Whether to apply danger/destructive styling to both buttons
+     */
+    danger: BooleanConstructor;
+    /**
+     * Whether the split control should take the full width of its parent
+     */
+    block: BooleanConstructor;
+    /**
+     * HTML button type for the primary action
+     * @default 'button'
+     */
+    htmlType: {
+        type: PropType<ButtonHtmlType>;
+        default: string;
+    };
+    /**
+     * Position of the icon relative to the primary action text
+     * @default 'left'
+     */
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: string;
+    };
+    /**
+     * Whether the menu is open (controlled mode)
+     */
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Default open state (uncontrolled mode)
+     * @default false
+     */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to close the menu when a menu item is clicked
+     * @default true
+     */
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Render the menu into document.body (Teleport)
+     * @default true
+     */
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Accessible name for the chevron menu trigger
+     * @default 'More options'
+     */
+    triggerAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Dropdown placement relative to the chevron trigger
+     * @default 'bottom-end'
+     */
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: FloatingPlacement;
+    };
+    /**
+     * Offset distance from the chevron trigger
+     * @default 4
+     */
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("click" | "update:open" | "open-change")[], "click" | "update:open" | "open-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * Visual variant applied to the primary action and the menu trigger
+     * @default 'primary'
+     */
+    variant: {
+        type: PropType<ButtonVariant>;
+        default: string;
+    };
+    /**
+     * Size applied to the primary action and the menu trigger
+     * @default 'md'
+     */
+    size: {
+        type: PropType<ButtonSize>;
+        default: string;
+    };
+    /**
+     * Whether both the primary action and the menu trigger are disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Whether the primary action is in a loading state. Also disables the menu trigger.
+     */
+    loading: BooleanConstructor;
+    /**
+     * Whether to apply danger/destructive styling to both buttons
+     */
+    danger: BooleanConstructor;
+    /**
+     * Whether the split control should take the full width of its parent
+     */
+    block: BooleanConstructor;
+    /**
+     * HTML button type for the primary action
+     * @default 'button'
+     */
+    htmlType: {
+        type: PropType<ButtonHtmlType>;
+        default: string;
+    };
+    /**
+     * Position of the icon relative to the primary action text
+     * @default 'left'
+     */
+    iconPosition: {
+        type: PropType<ButtonIconPosition>;
+        default: string;
+    };
+    /**
+     * Whether the menu is open (controlled mode)
+     */
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Default open state (uncontrolled mode)
+     * @default false
+     */
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to close the menu when a menu item is clicked
+     * @default true
+     */
+    closeOnClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Render the menu into document.body (Teleport)
+     * @default true
+     */
+    portal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Accessible name for the chevron menu trigger
+     * @default 'More options'
+     */
+    triggerAriaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Dropdown placement relative to the chevron trigger
+     * @default 'bottom-end'
+     */
+    placement: {
+        type: PropType<FloatingPlacement>;
+        default: FloatingPlacement;
+    };
+    /**
+     * Offset distance from the chevron trigger
+     * @default 4
+     */
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Additional CSS classes
+     */
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Inline styles
+     */
+    style: {
+        type: PropType<Record<string, unknown>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+    "onOpen-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    triggerAriaLabel: string;
+    size: ButtonSize;
+    className: string;
+    style: Record<string, unknown>;
+    disabled: boolean;
+    loading: boolean;
+    block: boolean;
+    danger: boolean;
+    variant: ButtonVariant;
+    iconPosition: ButtonIconPosition;
+    htmlType: ButtonHtmlType;
+    placement: FloatingPlacement;
+    offset: number;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    closeOnClick: boolean;
+    portal: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { SplitButton, type VueSplitButtonProps, SplitButton as default };

package/dist/components/SplitButton.mjs

@@ -0,0 +1,12 @@
+import {
+  SplitButton,
+  SplitButton_default
+} from "../chunk-7DWWNFRP.mjs";
+import "../chunk-KROVW4AW.mjs";
+import "../chunk-YZBQ6IR7.mjs";
+import "../chunk-Z2ZECCGD.mjs";
+import "../chunk-Q7Y22OFX.mjs";
+export {
+  SplitButton,
+  SplitButton_default as default
+};

package/dist/components/Splitter.d.mts

@@ -86,9 +86,9 @@ declare const Splitter: vue.DefineComponent<vue.ExtractPropTypes<{
     "onResize-start"?: ((...args: any[]) => any) | undefined;
     "onResize-end"?: ((...args: any[]) => any) | undefined;
 }>, {
+    direction: SplitDirection;
     className: string;
     style: Record<string, string | number>;
-    direction: SplitDirection;
     disabled: boolean;
     min: number;
     max: number;

package/dist/components/Spotlight.d.mts

@@ -180,17 +180,17 @@ declare const Spotlight: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
     "onQuery-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-    zIndex: number;
-    className: string;
-    style: Record<string, unknown>;
-    title: string;
     locale: Partial<TigerLocale>;
     emptyText: string;
     placeholder: string;
+    className: string;
+    style: Record<string, unknown>;
+    title: string;
     mask: boolean;
     open: boolean | undefined;
-    limit: number;
     defaultOpen: boolean;
+    limit: number;
+    zIndex: number;
     maskClosable: boolean;
     items: SpotlightItem[];
     query: string | undefined;

package/dist/components/Statistic.d.mts

@@ -88,10 +88,10 @@ declare const Statistic: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
+    size: ComponentSize;
     className: string;
     title: string;
     value: string | number;
-    size: ComponentSize;
     precision: number;
     prefix: string;
     suffix: string;

package/dist/components/Steps.d.mts

@@ -150,9 +150,9 @@ declare const StepsItem: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    status: StepStatus;
     className: string;
     style: Record<string, unknown>;
-    status: StepStatus;
     disabled: boolean;
     icon: undefined;
     description: string;
@@ -285,11 +285,11 @@ declare const Steps: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
-    style: Record<string, unknown>;
     direction: StepsDirection;
     status: StepStatus;
     size: StepSize;
+    className: string;
+    style: Record<string, unknown>;
     simple: boolean;
     current: number;
     clickable: boolean;

package/dist/components/SunburstChart.mjs

@@ -1,12 +1,12 @@
 import {
   SunburstChart,
   SunburstChart_default
-} from "../chunk-3KITFMBJ.mjs";
+} from "../chunk-ZOYHZF4N.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 {
   SunburstChart,
   SunburstChart_default as default

package/dist/components/Tabs.d.mts

@@ -410,12 +410,12 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     onEdit?: ((...args: any[]) => any) | undefined;
     "onTab-click"?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: TabType;
-    className: string;
-    style: Record<string, string | number>;
     locale: Partial<TigerLocale>;
+    type: TabType;
     labels: Partial<TigerLocaleTabs>;
     size: TabSize;
+    className: string;
+    style: Record<string, string | number>;
     closable: boolean;
     lazy: boolean;
     activeKey: string | number;

package/dist/components/Tag.d.mts

@@ -118,11 +118,11 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
-    style: Record<string, string | number>;
     locale: Partial<TigerLocale>;
     closeAriaLabel: string;
     size: TagSize;
+    className: string;
+    style: Record<string, string | number>;
     variant: TagVariant;
     closable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

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/TaskBoard.d.mts

@@ -186,10 +186,10 @@ declare const TaskBoard: vue.DefineComponent<vue.ExtractPropTypes<{
     "onColumn-add"?: ((...args: any[]) => any) | undefined;
     "onUpdate:columns"?: ((...args: any[]) => any) | undefined;
 }>, {
-    className: string;
-    style: Record<string, string | number>;
     locale: Partial<TigerLocale>;
     labels: Partial<TigerLocaleTaskBoard>;
+    className: string;
+    style: Record<string, string | number>;
     columns: TaskBoardColumn[];
     columnDraggable: boolean;
     draggable: boolean;

package/dist/components/Textarea.d.mts

@@ -288,9 +288,9 @@ declare const Textarea: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<Record<string, string | number>>;
     };
 }>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {

package/dist/components/TimePicker.d.mts

@@ -344,17 +344,17 @@ declare const TimePicker: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onChange?: ((value: TimePickerModelValue) => any) | undefined;
     onClear?: (() => any) | undefined;
+    onChange?: ((value: TimePickerModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: TimePickerModelValue) => any) | undefined;
 }>, {
-    className: string;
-    style: Record<string, string | number>;
     locale: string | Partial<TigerLocale>;
     labels: Partial<TimePickerLabels>;
     placeholder: string;
     required: boolean;
     size: ComponentSize;
+    className: string;
+    style: Record<string, string | number>;
     disabled: boolean;
     range: boolean;
     modelValue: string | [string | null, string | null] | null;