@mobileaction/action-kit 1.39.35 → 1.40.0

package/dist/src/components/tabs-2/stories/tab-button.stories.d.ts

@@ -0,0 +1,306 @@
+import type { Meta } from '@storybook/vue3';
+import { MaTabButtonProps } from '../types';
+import { MaTabButton2 as MaTabButton } from '@/index';
+declare const meta: Meta<typeof MaTabButton>;
+export default meta;
+export declare const Rounded: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const RoundedDark: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const Line: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const LineWithAppIcon: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const LineWithIcon: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const LineWithIconRight: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;
+export declare const LineWithBadge: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        selectTab: (...args: any[]) => void;
+    }, import("vue").PublicProps, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLButtonElement, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabButtonProps> & Readonly<{
+        onSelectTab?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {
+        size: import("@/index").MaTabsSize;
+        type: import("@/index").MaTabsType;
+        isActive: boolean;
+        iconPlacement: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabButtonProps> & Readonly<{
+    onSelectTab?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    selectTab: (...args: any[]) => void;
+}, string, {
+    size: import("@/index").MaTabsSize;
+    type: import("@/index").MaTabsType;
+    isActive: boolean;
+    iconPlacement: string;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+})>>;

package/dist/src/components/tabs-2/stories/tab-pane.stories.d.ts

@@ -0,0 +1,32 @@
+import type { Meta } from '@storybook/vue3';
+import { MaTabPaneProps } from '../types';
+import { MaTabPane2 as MaTabPane } from '@/index';
+declare const meta: Meta<typeof MaTabPane>;
+export default meta;
+export declare const Default: import("@storybook/csf").StoryAnnotations<import("@storybook/vue3").VueRenderer, import("@storybook/vue3").ComponentPropsAndSlots<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<MaTabPaneProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        disabled: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<MaTabPaneProps> & Readonly<{}>, {}, {}, {}, {}, {
+        disabled: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<MaTabPaneProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        default(): unknown;
+        title(): unknown;
+    }> & {
+        default(): unknown;
+        title(): unknown;
+    };
+})>>;

package/dist/src/components/tabs-2/tabButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/tabs-2/tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/tabs-2/types.d.ts

@@ -0,0 +1,76 @@
+import { VNode } from 'vue';
+export declare const MaTabsTypes: readonly ["rounded", "rounded-dark", "line"];
+export declare const MaTabsSizes: readonly ["small", "medium"];
+export declare const MaTabPanePlacements: readonly ["left", "right"];
+export type MaTabsType = (typeof MaTabsTypes)[number];
+export type MaTabsSize = (typeof MaTabsSizes)[number];
+export type MaTabPanePlacement = (typeof MaTabPanePlacements)[number];
+export interface MaTabsProps {
+    /**
+    * Basic style of tabs
+    */
+    type?: MaTabsType;
+    /**
+    * Current Tab's key
+    */
+    activeKey: string;
+    /**
+    * Preset tab button size
+    */
+    size?: MaTabsSize;
+    /**
+    * The status of the left and right buttons of the content scroller being always visible
+    * @default false
+    */
+    alwaysShowScrollerButtons?: boolean;
+}
+export interface MaTabPaneProps {
+    /**
+    * TabPane's key
+    */
+    tabKey?: string;
+    /**
+    * title of the tab button
+    */
+    title?: string;
+    /**
+    * badge text of the tab button
+    */
+    badgeText?: string;
+    /**
+    * app icon of the tab button
+    */
+    appIcon?: string;
+    /**
+    * regular icon of the tab
+    */
+    icon?: string;
+    /**
+    * Disabled a tab.
+    */
+    disabled?: boolean;
+    /**
+    * regular icon placement
+    */
+    iconPlacement?: string;
+}
+export interface MaTabButtonProps extends MaTabPaneProps {
+    /**
+    * Preset tab button size
+    */
+    size?: MaTabsSize;
+    /**
+    * active state
+    */
+    isActive?: boolean;
+    /**
+    * Basic style of tabs
+    */
+    type?: MaTabsType;
+}
+export interface ChildTabComponent {
+    props: MaTabPaneProps;
+    slots: {
+        [name: string]: (() => VNode[]) | undefined;
+    };
+}

package/dist/src/index.d.ts

@@ -66,6 +66,10 @@ export { default as MaAutoComplete } from './components/autocomplete/index.vue';
 export { default as MaTabs } from './components/tabs/index.vue';
 export * from './components/tabs/types';
 export { default as MaTabPane } from './components/tabs/components/tabPane.vue';
+export { default as MaTabs2 } from './components/tabs-2/index.vue';
+export { default as MaTabPane2 } from './components/tabs-2/components/tabPane.vue';
+export { default as MaTabButton2 } from './components/tabs-2/components/tabButton.vue';
+export * from './components/tabs-2/types';
 export { default as MaCountrySelect } from './components/country-select/index.vue';
 export { default as MaCard } from './components/card/index.vue';
 export * from './components/card/types';
@@ -77,7 +81,6 @@ export { default as MaSlider } from './components/slider/index.vue';
 export { default as MaCountryRadio } from './components/country-radio/index.vue';
 export { default as MaPopover } from './components/popover/index.vue';
 export { default as MaPopover2 } from './components/popover-2/index.vue';
-export { default as MaAppCheckbox } from './components/app-checkbox/index.vue';
 export { default as MaAvatar } from './components/avatar/index.vue';
 export { default as MaTagInput } from './components/tag-input/index.vue';
 export { default as MaWatchlistButton } from './components/watchlist-button/index.vue';