@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/tabs/TabBar.vue.d.ts

@@ -0,0 +1,38 @@
+import { CSSProperties, VNodeChild } from 'vue';
+import { PlainTab, TabArrowPosition, TabPosition, TabSize, TabsDropdownProps, TabsMoreOptions, TabsSlots, TabType } from './types';
+interface TabBarProps {
+    activeKey: string;
+    arrowPosition: TabArrowPosition;
+    className?: string | undefined;
+    collapsible: boolean | 'auto';
+    dropdownProps?: TabsDropdownProps | undefined;
+    list: PlainTab[];
+    more?: number | TabsMoreOptions | undefined;
+    showRestInDropdown: boolean;
+    size: TabSize;
+    style?: CSSProperties | undefined;
+    tabBarExtraContent?: VNodeChild | undefined;
+    tabPosition: TabPosition;
+    type: TabType;
+    visibleTabsStyle?: CSSProperties | undefined;
+}
+type __VLS_Slots = Pick<TabsSlots, 'arrow' | 'more' | 'tabBarExtraContent'>;
+declare const __VLS_base: import('vue').DefineComponent<TabBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (itemKey: string, event: MouseEvent | KeyboardEvent) => any;
+    close: (itemKey: string, event: MouseEvent) => any;
+    visibleChange: (state: Map<string, boolean>) => any;
+    keyDown: (event: KeyboardEvent, itemKey: string, closable: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<TabBarProps> & Readonly<{
+    onSelect?: (itemKey: string, event: MouseEvent | KeyboardEvent) => any;
+    onClose?: (itemKey: string, event: MouseEvent) => any;
+    onVisibleChange?: (state: Map<string, boolean>) => any;
+    onKeyDown?: (event: KeyboardEvent, itemKey: string, closable: boolean) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tabs/TabItem.vue.d.ts

@@ -0,0 +1,26 @@
+import { TabItemProps, TabItemSlots } from './types';
+type __VLS_Slots = TabItemSlots;
+declare const __VLS_base: import('vue').DefineComponent<TabItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (itemKey: string, event: MouseEvent) => any;
+    close: (itemKey: string, event: MouseEvent) => any;
+    keyDown: (event: KeyboardEvent, itemKey: string, closable: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<TabItemProps> & Readonly<{
+    onClick?: (itemKey: string, event: MouseEvent) => any;
+    onClose?: (itemKey: string, event: MouseEvent) => any;
+    onKeyDown?: (event: KeyboardEvent, itemKey: string, closable: boolean) => any;
+}>, {
+    disabled: boolean;
+    size: import('./types').TabSize;
+    type: import('./types').TabType;
+    selected: boolean;
+    closable: boolean;
+    tabPosition: import('./types').TabPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tabs/TabPane.vue.d.ts

@@ -0,0 +1,13 @@
+import { TabPaneProps, TabPaneSlots } from './types';
+type __VLS_Slots = TabPaneSlots;
+declare const __VLS_base: import('vue').DefineComponent<TabPaneProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
+    tabIndex: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tabs/Tabs.vue.d.ts

@@ -0,0 +1,36 @@
+import { TabsProps, TabsSlots } from './types';
+type __VLS_Slots = TabsSlots;
+declare const __VLS_base: import('vue').DefineComponent<TabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (activeKey: string) => any;
+    "update:modelValue": (activeKey: string) => any;
+    "update:activeKey": (activeKey: string) => any;
+    tabClick: (activeKey: string, event: MouseEvent | KeyboardEvent) => any;
+    tabClose: (tabKey: string) => any;
+    visibleTabsChange: (visibleState: Map<string, boolean>) => any;
+}, string, import('vue').PublicProps, Readonly<TabsProps> & Readonly<{
+    onChange?: (activeKey: string) => any;
+    "onUpdate:modelValue"?: (activeKey: string) => any;
+    "onUpdate:activeKey"?: (activeKey: string) => any;
+    onTabClick?: (activeKey: string, event: MouseEvent | KeyboardEvent) => any;
+    onTabClose?: (tabKey: string) => any;
+    onVisibleTabsChange?: (visibleState: Map<string, boolean>) => any;
+}>, {
+    size: import('./types').TabSize;
+    type: import('./types').TabType;
+    preventScroll: boolean;
+    keepDOM: boolean;
+    lazyRender: boolean;
+    tabPosition: import('./types').TabPosition;
+    arrowPosition: import('./types').TabArrowPosition;
+    collapsible: boolean | "auto";
+    showRestInDropdown: boolean;
+    tabPaneMotion: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tabs/TabsDropdown.vue.d.ts

@@ -0,0 +1,27 @@
+import { PlainTab, TabsDropdownOptions } from './types';
+type __VLS_Props = {
+    activeKey: string;
+    className?: string | undefined;
+    items: PlainTab[];
+    options?: TabsDropdownOptions | undefined;
+};
+declare var __VLS_24: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (itemKey: string, event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (itemKey: string, event: MouseEvent) => any;
+}>, {
+    className: string | undefined;
+    options: TabsDropdownOptions | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tabs/TabsNodeRenderer.d.ts

@@ -0,0 +1,15 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tabs/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Tabs } from './Tabs.vue';
+export { default as TabItem } from './TabItem.vue';
+export { default as TabPane } from './TabPane.vue';
+export { default as Tabs } from './Tabs.vue';
+export default Tabs;
+export type { PlainTab, TabArrowPosition, TabItemEmits, TabItemProps, TabItemSlots, TabPaneProps, TabPaneSlots, TabPosition, TabSize, TabsArrowSlotProps, TabsDropdownOptions, TabsDropdownProps, TabsEmits, TabsMoreOptions, TabsProps, TabsSlots, TabsTabBarSlotProps, TabType, } from './types';

package/dist/tabs/index.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../tabs-CezuYzIu.js";
+export { e as TabItem, n as TabPane, t as Tabs, r as default };

package/dist/tabs/tabs-context.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { PlainTab, TabPosition } from './types';
+export interface TabsContextValue {
+    activeKey: ComputedRef<string>;
+    forceDisableMotion: ComputedRef<boolean>;
+    lazyRender: ComputedRef<boolean>;
+    panes: ComputedRef<PlainTab[]>;
+    prevActiveKey: ComputedRef<string | null>;
+    tabPaneMotion: ComputedRef<boolean>;
+    tabPosition: ComputedRef<TabPosition>;
+}
+export declare const tabsContextKey: InjectionKey<TabsContextValue>;

package/dist/tabs/types.d.ts

@@ -0,0 +1,110 @@
+import { CSSProperties, HTMLAttributes, VNodeChild } from 'vue';
+export type TabType = 'line' | 'card' | 'button' | 'slash';
+export type TabSize = 'small' | 'medium' | 'large';
+export type TabPosition = 'top' | 'left';
+export type TabArrowPosition = 'start' | 'end' | 'both';
+export interface PlainTab {
+    disabled?: boolean;
+    icon?: VNodeChild;
+    itemKey: string;
+    tab?: VNodeChild;
+    closable?: boolean;
+}
+export interface TabsDropdownOptions {
+    className?: string;
+    style?: CSSProperties;
+    trigger?: 'hover' | 'click';
+    position?: 'bottomLeft' | 'bottomRight';
+}
+export interface TabsMoreOptions {
+    count: number;
+    render?: () => VNodeChild;
+    dropdownProps?: TabsDropdownOptions;
+}
+export interface TabsDropdownProps {
+    start?: TabsDropdownOptions;
+    end?: TabsDropdownOptions;
+}
+export interface TabsProps {
+    activeKey?: string;
+    modelValue?: string;
+    class?: HTMLAttributes['class'];
+    className?: string;
+    collapsible?: boolean | 'auto';
+    contentStyle?: CSSProperties;
+    defaultActiveKey?: string;
+    keepDOM?: boolean;
+    lazyRender?: boolean;
+    showRestInDropdown?: boolean;
+    size?: TabSize;
+    style?: CSSProperties;
+    tabBarClassName?: string;
+    tabBarExtraContent?: VNodeChild;
+    tabBarStyle?: CSSProperties;
+    tabList?: PlainTab[];
+    tabPaneMotion?: boolean;
+    tabPosition?: TabPosition;
+    type?: TabType;
+    preventScroll?: boolean;
+    more?: number | TabsMoreOptions;
+    visibleTabsStyle?: CSSProperties;
+    arrowPosition?: TabArrowPosition;
+    dropdownProps?: TabsDropdownProps;
+}
+export interface TabsEmits {
+    change: [activeKey: string];
+    tabClick: [activeKey: string, event: MouseEvent | KeyboardEvent];
+    tabClose: [tabKey: string];
+    visibleTabsChange: [visibleState: Map<string, boolean>];
+    'update:activeKey': [activeKey: string];
+    'update:modelValue': [activeKey: string];
+}
+export interface TabsSlots {
+    default?: () => VNodeChild;
+    tabBarExtraContent?: () => VNodeChild;
+    tabBar?: (props: TabsTabBarSlotProps) => VNodeChild;
+    more?: (props: {
+        hiddenTabs: PlainTab[];
+    }) => VNodeChild;
+    arrow?: (props: TabsArrowSlotProps) => VNodeChild;
+}
+export interface TabsTabBarSlotProps {
+    activeKey: string;
+    list: PlainTab[];
+    onTabClick: (activeKey: string, event: MouseEvent | KeyboardEvent) => void;
+}
+export interface TabsArrowSlotProps {
+    items: PlainTab[];
+    position: 'start' | 'end';
+    click: () => void;
+    defaultNode: VNodeChild;
+}
+export interface TabPaneProps extends PlainTab {
+    class?: HTMLAttributes['class'];
+    className?: string;
+    style?: CSSProperties;
+    tabIndex?: number;
+}
+export interface TabPaneSlots {
+    default?: () => VNodeChild;
+    icon?: () => VNodeChild;
+    tab?: () => VNodeChild;
+}
+export interface TabItemProps extends PlainTab {
+    class?: HTMLAttributes['class'];
+    className?: string;
+    selected?: boolean;
+    size?: TabSize;
+    style?: CSSProperties;
+    tabPosition?: TabPosition;
+    type?: TabType;
+}
+export interface TabItemEmits {
+    click: [itemKey: string, event: MouseEvent];
+    keyDown: [event: KeyboardEvent, itemKey: string, closable: boolean];
+    close: [itemKey: string, event: MouseEvent];
+}
+export interface TabItemSlots {
+    icon?: () => VNodeChild;
+    tab?: () => VNodeChild;
+}