@expcat/tigercat-vue 2.1.2 → 2.1.3

package/dist/components/Tabs.d.mts

@@ -17,6 +17,7 @@ interface TabsContext {
     handleTabClick: (key: string | number) => void;
     handleTabClose: (key: string | number, event: Event) => void;
 }
+declare function useTabsContext(): TabsContext | undefined;
 interface VueTabsProps {
     activeKey?: string | number;
     defaultActiveKey?: string | number;
@@ -26,12 +27,12 @@ interface VueTabsProps {
     closable?: boolean;
     centered?: boolean;
     destroyInactiveTabPane?: boolean;
-    /** Whether inactive tab panes are mounted lazily (on first activation) */
     lazy?: boolean;
     swipeable?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
+type TabsProps = VueTabsProps;
 interface VueTabPaneProps {
     tabKey: string | number;
     label: string;
@@ -41,61 +42,36 @@ interface VueTabPaneProps {
     className?: string;
     style?: Record<string, string | number>;
 }
+type TabPaneProps = VueTabPaneProps;
 declare const TabPane: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Unique key for the tab pane (required)
-     */
     tabKey: {
         type: PropType<string | number>;
         required: true;
     };
-    /**
-     * Tab label/title
-     */
     label: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Whether the tab is disabled
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether the tab can be closed (overrides parent closable)
-     */
     closable: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /**
-     * Icon for the tab
-     */
     icon: {
         type: PropType<string | VNode>;
         default: undefined;
     };
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
-    /**
-     * Render mode - 'tab' for tab item, 'pane' for content pane
-     * @internal
-     */
     renderMode: {
         type: PropType<"tab" | "pane">;
         default: string;
@@ -115,60 +91,34 @@ declare const TabPane: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Unique key for the tab pane (required)
-     */
     tabKey: {
         type: PropType<string | number>;
         required: true;
     };
-    /**
-     * Tab label/title
-     */
     label: {
         type: StringConstructor;
         required: true;
     };
-    /**
-     * Whether the tab is disabled
-     * @default false
-     */
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether the tab can be closed (overrides parent closable)
-     */
     closable: {
         type: BooleanConstructor;
         default: undefined;
     };
-    /**
-     * Icon for the tab
-     */
     icon: {
         type: PropType<string | VNode>;
         default: undefined;
     };
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
     };
-    /**
-     * Render mode - 'tab' for tab item, 'pane' for content pane
-     * @internal
-     */
     renderMode: {
         type: PropType<"tab" | "pane">;
         default: string;
@@ -186,108 +136,63 @@ declare const TabPane: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     disabled: boolean;
     icon: string | VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
     closable: boolean;
-    tabIndex: number;
     renderMode: "tab" | "pane";
     tabId: string;
     panelId: string;
+    tabIndex: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
-    /**
-     * Currently active tab key
-     */
     activeKey: {
         type: PropType<string | number>;
         default: undefined;
     };
-    /**
-     * Default active tab key (for uncontrolled mode)
-     */
     defaultActiveKey: {
         type: PropType<string | number>;
         default: undefined;
     };
-    /**
-     * Tab type - line, card, or editable-card
-     * @default 'line'
-     */
     type: {
         type: PropType<TabType>;
         default: TabType;
     };
-    /**
-     * Tab position - top, bottom, left, or right
-     * @default 'top'
-     */
     tabPosition: {
         type: PropType<TabPosition>;
         default: TabPosition;
     };
-    /**
-     * Tab size - small, medium, or large
-     * @default 'medium'
-     */
     size: {
         type: PropType<TabSize>;
         default: TabSize;
     };
-    /**
-     * Whether tabs can be closed (only works with editable-card type)
-     * @default false
-     */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether tabs are centered
-     * @default false
-     */
     centered: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether to destroy inactive tab panes
-     * @default false
-     */
     destroyInactiveTabPane: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether to lazily render tab panes (only render when first activated)
-     * @default false
-     * @since 0.6.0
-     */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether horizontal touch swipes switch tabs.
-     * @default true
-     */
     swipeable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -303,95 +208,50 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "edit" | "update:activeKey" | "tab-click")[], "change" | "edit" | "update:activeKey" | "tab-click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    /**
-     * Currently active tab key
-     */
     activeKey: {
         type: PropType<string | number>;
         default: undefined;
     };
-    /**
-     * Default active tab key (for uncontrolled mode)
-     */
     defaultActiveKey: {
         type: PropType<string | number>;
         default: undefined;
     };
-    /**
-     * Tab type - line, card, or editable-card
-     * @default 'line'
-     */
     type: {
         type: PropType<TabType>;
         default: TabType;
     };
-    /**
-     * Tab position - top, bottom, left, or right
-     * @default 'top'
-     */
     tabPosition: {
         type: PropType<TabPosition>;
         default: TabPosition;
     };
-    /**
-     * Tab size - small, medium, or large
-     * @default 'medium'
-     */
     size: {
         type: PropType<TabSize>;
         default: TabSize;
     };
-    /**
-     * Whether tabs can be closed (only works with editable-card type)
-     * @default false
-     */
     closable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether tabs are centered
-     * @default false
-     */
     centered: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether to destroy inactive tab panes
-     * @default false
-     */
     destroyInactiveTabPane: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether to lazily render tab panes (only render when first activated)
-     * @default false
-     * @since 0.6.0
-     */
     lazy: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Whether horizontal touch swipes switch tabs.
-     * @default true
-     */
     swipeable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /**
-     * Additional CSS classes
-     */
     className: {
         type: StringConstructor;
         default: undefined;
     };
-    /**
-     * Custom styles
-     */
     style: {
         type: PropType<Record<string, string | number>>;
         default: undefined;
@@ -411,11 +271,11 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     "onTab-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    style: Record<string, string | number>;
     type: TabType;
     labels: Partial<TigerLocaleTabs>;
     size: TabSize;
     className: string;
-    style: Record<string, string | number>;
     closable: boolean;
     lazy: boolean;
     activeKey: string | number;
@@ -426,4 +286,4 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     swipeable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { TabPane, Tabs, type TabsContext, TabsContextKey, type VueTabPaneProps, type VueTabsProps, Tabs as default };
+export { TabPane, type TabPaneProps, Tabs, type TabsContext, TabsContextKey, type TabsProps, type VueTabPaneProps, type VueTabsProps, Tabs as default, useTabsContext };

package/dist/components/Tabs.mjs

@@ -2,13 +2,15 @@ import {
   TabPane,
   Tabs,
   TabsContextKey,
-  Tabs_default
-} from "../chunk-U6OGGZBY.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+  Tabs_default,
+  useTabsContext
+} from "../chunk-B4RZHDOU.mjs";
+import "../chunk-FEVDV3I6.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   TabPane,
   Tabs,
   TabsContextKey,
-  Tabs_default as default
+  Tabs_default as default,
+  useTabsContext
 };

package/dist/components/Tag.d.mts

@@ -8,6 +8,9 @@ interface VueTagProps {
     size?: TagSize;
     closable?: boolean;
     closeAriaLabel?: string;
+    closeTabIndex?: number;
+    open?: boolean;
+    pill?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -41,13 +44,32 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     /**
-     * Accessible label for the close button (when `closable` is true)
-     * @default 'Close tag'
+     * Accessible label for the close button (when `closable` is true).
+     * Defaults to ConfigProvider locale `status.tagCloseAriaLabel`.
      */
     closeAriaLabel: {
         type: StringConstructor;
         default: undefined;
     };
+    closeTabIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * When `false`, the tag is not rendered. Closing never hides internally.
+     */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Fully rounded pill shape
+     * @default false
+     */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -64,7 +86,7 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "close"[], "close", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("close" | "update:open")[], "close" | "update:open", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -94,13 +116,32 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     /**
-     * Accessible label for the close button (when `closable` is true)
-     * @default 'Close tag'
+     * Accessible label for the close button (when `closable` is true).
+     * Defaults to ConfigProvider locale `status.tagCloseAriaLabel`.
      */
     closeAriaLabel: {
         type: StringConstructor;
         default: undefined;
     };
+    closeTabIndex: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    /**
+     * When `false`, the tag is not rendered. Closing never hides internally.
+     */
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * Fully rounded pill shape
+     * @default false
+     */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Additional CSS classes
      */
@@ -117,14 +158,18 @@ declare const Tag: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
+    style: Record<string, string | number>;
     closeAriaLabel: string;
     size: TagSize;
     className: string;
-    style: Record<string, string | number>;
     variant: TagVariant;
+    open: boolean;
     closable: boolean;
+    closeTabIndex: number;
+    pill: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Tag, type VueTagProps, Tag as default };

package/dist/components/Tag.mjs

@@ -1,9 +1,8 @@
 import {
   Tag,
   Tag_default
-} from "../chunk-342DH5CF.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-7PLYHGMY.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   Tag,
   Tag_default as default