@vtj/ui 0.5.2 → 0.6.0

package/types/components/mask/components/SwitchBar.d.ts

@@ -0,0 +1,39 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+export interface Props {
+    collasped?: boolean;
+    favorite?: boolean;
+    keyword?: string;
+}
+declare const _default: DefineComponent<{
+    collasped: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    favorite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    keyword: {
+        type: PropType<string>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:collasped" | "update:keyword" | "update:favorite")[], "update:collasped" | "update:keyword" | "update:favorite", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    collasped: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    favorite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    keyword: {
+        type: PropType<string>;
+    };
+}>> & {
+    "onUpdate:collasped"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:keyword"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:favorite"?: ((...args: any[]) => any) | undefined;
+}, {
+    collasped: boolean;
+    favorite: boolean;
+}, {}>;
+export default _default;

package/types/components/mask/components/Tabs.d.ts

@@ -0,0 +1,62 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { MenuDataItem } from '../../';
+import { MaskTab } from '../types';
+export interface Props {
+    tabs: MaskTab[];
+    home: MaskTab;
+    isActiveTab?: (tab: MaskTab) => boolean;
+    value?: string | number;
+    favorites: MenuDataItem[];
+}
+declare const _default: DefineComponent<{
+    tabs: {
+        type: PropType<MaskTab[]>;
+        required: true;
+    };
+    home: {
+        type: PropType<MaskTab>;
+        required: true;
+    };
+    isActiveTab: {
+        type: PropType<(tab: MaskTab) => boolean>;
+    };
+    value: {
+        type: PropType<string | number>;
+    };
+    favorites: {
+        type: PropType<MenuDataItem[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    click: (tab: MaskTab) => void;
+    remove: (tab: MaskTab) => void;
+    refresh: (tab: MaskTab) => void;
+    toggleFavorite: (item: MenuDataItem) => void;
+    dialog: (tab: MaskTab) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tabs: {
+        type: PropType<MaskTab[]>;
+        required: true;
+    };
+    home: {
+        type: PropType<MaskTab>;
+        required: true;
+    };
+    isActiveTab: {
+        type: PropType<(tab: MaskTab) => boolean>;
+    };
+    value: {
+        type: PropType<string | number>;
+    };
+    favorites: {
+        type: PropType<MenuDataItem[]>;
+        required: true;
+    };
+}>> & {
+    onClick?: ((tab: MaskTab) => any) | undefined;
+    onDialog?: ((tab: MaskTab) => any) | undefined;
+    onRemove?: ((tab: MaskTab) => any) | undefined;
+    onRefresh?: ((tab: MaskTab) => any) | undefined;
+    onToggleFavorite?: ((item: MenuDataItem) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/types/components/mask/components/ThemeSwitch.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/types/components/mask/components/Toolbar.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { ActionBarItems } from '../../';
+import { MaskTab } from '../types';
+export interface Props {
+    tabs: MaskTab[];
+    actions?: ActionBarItems;
+    theme?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    tabs: {
+        type: PropType<MaskTab[]>;
+        required: true;
+        default: () => never[];
+    };
+    theme: {
+        type: PropType<boolean>;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("actionClick" | "actionCommand" | "closeOtherTabs" | "closeAllTabs" | "closeTab" | "clickTab")[], "actionClick" | "actionCommand" | "closeOtherTabs" | "closeAllTabs" | "closeTab" | "clickTab", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    tabs: {
+        type: PropType<MaskTab[]>;
+        required: true;
+        default: () => never[];
+    };
+    theme: {
+        type: PropType<boolean>;
+    };
+}>> & {
+    onActionClick?: ((...args: any[]) => any) | undefined;
+    onActionCommand?: ((...args: any[]) => any) | undefined;
+    onCloseOtherTabs?: ((...args: any[]) => any) | undefined;
+    onCloseAllTabs?: ((...args: any[]) => any) | undefined;
+    onCloseTab?: ((...args: any[]) => any) | undefined;
+    onClickTab?: ((...args: any[]) => any) | undefined;
+}, {
+    tabs: MaskTab[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/components/mask/defineTab.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef } from 'vue';
+import { MaskTab, TabCreator } from './types';
+export declare function defineTab(options?: Partial<MaskTab> | TabCreator): {
+    tab: ComputedRef<MaskTab | null>;
+    mask: any;
+};

package/types/components/mask/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useSidebar';
+export * from './useHome';
+export * from './useMenus';
+export * from './useTabs';
+export * from './useContent';

package/types/components/mask/hooks/useContent.d.ts

@@ -0,0 +1,20 @@
+import { VNode, RendererNode, RendererElement, Ref } from 'vue';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
+import { MaskTab } from '../types';
+import { useTabs } from './useTabs';
+export type UseContentOptions = ReturnType<typeof useTabs>;
+export declare function useContent(options: Partial<UseContentOptions>): {
+    createView: (module: any, route: RouteLocationNormalizedLoaded) => any;
+    openDialog: (tab: MaskTab) => Promise<{
+        vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>;
+        destroy: () => void;
+    }>;
+    refresh: (tab: MaskTab) => Promise<void>;
+    exclude: Ref<string[]>;
+    cleanCache: (tabs: MaskTab[]) => Promise<void>;
+    hasDialog: (url: string) => boolean;
+    closeDialog: (tab: MaskTab) => void;
+    closeDialogs: (tabs?: MaskTab[]) => void;
+};

package/types/components/mask/hooks/useHome.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef } from 'vue';
+import { MaskProps, MaskTab } from '../types';
+export declare function useHome(props: MaskProps): ComputedRef<MaskTab>;

package/types/components/mask/hooks/useMenus.d.ts

@@ -0,0 +1,28 @@
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { ShallowRef, ComputedRef, Ref, DefineComponent } from 'vue';
+import { MaskProps, MaskEmitsFn } from '../types';
+import { MenuDataItem } from '../../';
+export declare function useMenus(props: MaskProps, emit: MaskEmitsFn): {
+    menus: ShallowRef<MenuDataItem[]>;
+    favorites: ShallowRef<MenuDataItem[]>;
+    flatMenus: ComputedRef<MenuDataItem[]>;
+    active: Ref<{
+        id: string | number;
+        title?: string | undefined;
+        icon?: string | Record<string, any> | DefineComponent<any, any, any, any> | undefined;
+        disabled?: boolean | undefined;
+        hidden?: boolean | undefined;
+        children?: any[] | undefined;
+        type?: "route" | "dialog" | "window" | undefined;
+        url?: string | undefined;
+        badge?: string | number | {
+            readonly value?: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+            readonly max?: number | undefined;
+            readonly isDot?: boolean | undefined;
+            readonly hidden?: boolean | undefined;
+            readonly type?: EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
+        } | undefined;
+    } | null>;
+    select: (id: string | number | MenuDataItem) => void;
+    toggleFavorite: (item: MenuDataItem) => void;
+};

package/types/components/mask/hooks/useSidebar.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { MaskProps } from '../types';
+export declare function useSidebar(props: MaskProps): {
+    collapsed: Ref<boolean>;
+    keyword: Ref<string>;
+    favorite: Ref<boolean>;
+};

package/types/components/mask/hooks/useTabs.d.ts

@@ -0,0 +1,22 @@
+import { ComputedRef, Ref } from 'vue';
+import { MaskProps, MaskEmitsFn, MaskTab } from '../types';
+import { MenuDataItem } from '../../';
+export declare function useTabs(props: MaskProps, emit: MaskEmitsFn, menus: ComputedRef<MenuDataItem[]>, active: Ref<MenuDataItem | null>, home: ComputedRef<MaskTab>): {
+    tabRef: Ref<any>;
+    tabs: Ref<MaskTab[]>;
+    showTabs: ComputedRef<MaskTab[]>;
+    currentTab: ComputedRef<MaskTab | undefined>;
+    changeTab: (tab: MaskTab) => void;
+    removeTab: (tab: MaskTab) => Promise<MaskTab | undefined>;
+    updateTab: (tab: MaskTab) => void;
+    addTab: (tab: MaskTab) => void;
+    home: ComputedRef<MaskTab>;
+    tabValue: Ref<string>;
+    isCurrentTab: (tab: MaskTab) => boolean;
+    activeHome: () => void;
+    activeTab: (tab: MaskTab) => void;
+    dropdownTabs: ComputedRef<MaskTab[]>;
+    removeAllTabs: () => Promise<MaskTab[] | undefined>;
+    removeOtherTabs: () => Promise<MaskTab[] | undefined>;
+    moveToShow: (tab: MaskTab) => void;
+};

package/types/components/mask/index.d.ts

@@ -0,0 +1,4 @@
+import XMask from "./Mask";
+export { XMask };
+export * from './types';
+export * from './defineTab';

package/types/components/mask/types.d.ts

@@ -0,0 +1,112 @@
+import { PropType, InjectionKey, DefineComponent } from 'vue';
+import { MenuDataItem, ActionBarItems, ActionProps, ActionMenuItem, ComponentPropsType, DialogProps } from '../';
+import { Emits } from '../shared';
+import type Mask from "./Mask";
+export declare const TAB_ITEM_WIDTH = 140;
+export declare const maskProps: {
+    /**
+     * 系统logo
+     */
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 系统标题
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 菜单项数据
+     */
+    menus: {
+        type: PropType<MenuDataItem[] | (() => Promise<MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    /**
+     * 收藏菜单项
+     */
+    favorites: {
+        type: PropType<MenuDataItem[] | (() => Promise<MenuDataItem[]> | MenuDataItem[])>;
+        default(): never[];
+    };
+    /**
+     * 菜单项数据适配函数，用作转换菜单项数据
+     */
+    menuAdapter: {
+        type: PropType<(menu: MenuDataItem) => MenuDataItem>;
+    };
+    /**
+     * 主页Tab配置
+     */
+    home: {
+        type: PropType<string | MaskTab>;
+        default: string;
+    };
+    /**
+     * 最大tabs数量
+     */
+    tabs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * 右上角工具条配置
+     */
+    actions: {
+        type: PropType<ActionBarItems>;
+    };
+    /**
+     * 用户头像图片url
+     */
+    avatar: {
+        type: StringConstructor;
+    };
+    /**
+     * 开启主题切换
+     */
+    theme: {
+        type: BooleanConstructor;
+    };
+    /**
+     * 禁用框架容器
+     */
+    disabled: {
+        type: BooleanConstructor;
+    };
+    addFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+    removeFavorite: {
+        type: PropType<(menu: MenuDataItem) => void>;
+    };
+};
+export type MaskProps = ComponentPropsType<typeof maskProps>;
+export type MaskInstance = InstanceType<typeof Mask>;
+export type MaskEmits = {
+    select: [menu: MenuDataItem];
+    actionClick: [action: ActionProps];
+    actionCommand: [action: ActionProps, item: ActionMenuItem];
+};
+export type MaskEmitsFn = Emits<MaskEmits>;
+export type MaskSlots = {
+    default(): any;
+    user(): any;
+};
+export interface MaskTab {
+    id: string;
+    name: string;
+    url: string;
+    title?: string;
+    icon?: string | Record<string, any> | DefineComponent<any, any, any, any>;
+    closable?: boolean;
+    dialog?: DialogProps & {
+        [index: string]: any;
+    };
+    menu?: MenuDataItem;
+}
+export type TabCreator = () => Promise<Partial<MaskTab>> | Partial<MaskTab>;
+export declare const TAB_CREATORS_KEY: InjectionKey<Record<string, TabCreator>>;
+export declare const MASK_KEY: unique symbol;

package/types/components/menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { EpPropMergeType } from 'element-plus/es/utils';
+import { SubMenuProps } from 'element-plus';
 import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
 import { MenuDataItem } from './types';
 declare const _default: DefineComponent<{
@@ -6,44 +6,11 @@ declare const _default: DefineComponent<{
         type: PropType<MenuDataItem[]>;
         default: () => never[];
     };
-    mode: {
-        type: PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
+    subMenu: {
+        type: PropType<Partial<SubMenuProps>>;
     };
-    defaultActive: {
-        type: PropType<string>;
-    };
-    defaultOpeneds: {
-        type: PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: PropType<boolean>;
-    };
-    router: {
-        type: PropType<boolean>;
-    };
-    menuTrigger: {
-        type: PropType<EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
-    };
-    collapse: {
-        type: PropType<boolean>;
-    };
-    backgroundColor: {
-        type: PropType<string>;
-    };
-    textColor: {
-        type: PropType<string>;
-    };
-    activeTextColor: {
-        type: PropType<string>;
-    };
-    collapseTransition: {
-        type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-    };
-    ellipsis: {
-        type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-    };
-    popperEffect: {
-        type: PropType<EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    defaultIcon: {
+        type: PropType<DefineComponent<any, any, any, any>>;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     select: (item: MenuDataItem) => void;
@@ -52,44 +19,11 @@ declare const _default: DefineComponent<{
         type: PropType<MenuDataItem[]>;
         default: () => never[];
     };
-    mode: {
-        type: PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
-    };
-    defaultActive: {
-        type: PropType<string>;
-    };
-    defaultOpeneds: {
-        type: PropType<string[]>;
-    };
-    uniqueOpened: {
-        type: PropType<boolean>;
-    };
-    router: {
-        type: PropType<boolean>;
-    };
-    menuTrigger: {
-        type: PropType<EpPropMergeType<StringConstructor, "hover" | "click", unknown>>;
-    };
-    collapse: {
-        type: PropType<boolean>;
-    };
-    backgroundColor: {
-        type: PropType<string>;
-    };
-    textColor: {
-        type: PropType<string>;
-    };
-    activeTextColor: {
-        type: PropType<string>;
-    };
-    collapseTransition: {
-        type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-    };
-    ellipsis: {
-        type: PropType<EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+    subMenu: {
+        type: PropType<Partial<SubMenuProps>>;
     };
-    popperEffect: {
-        type: PropType<EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    defaultIcon: {
+        type: PropType<DefineComponent<any, any, any, any>>;
     };
 }>> & {
     onSelect?: ((item: MenuDataItem) => any) | undefined;

package/types/components/menu/MenuItem.d.ts

@@ -1,17 +1,32 @@
-import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
-import { MenuDataItem } from './types';
+import { SubMenuProps } from 'element-plus';
+import { MenuDataItem, SubMenuProps } from './types';
+import { PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, DefineComponent } from 'vue';
 export interface Props {
     item: MenuDataItem;
+    subMenu?: SubMenuProps;
+    defaultIcon?: DefineComponent<any, any, any, any>;
 }
 declare const _default: DefineComponent<{
     item: {
         type: PropType<MenuDataItem>;
         required: true;
     };
+    subMenu: {
+        type: PropType<Partial<SubMenuProps>>;
+    };
+    defaultIcon: {
+        type: PropType<DefineComponent<any, any, any, any>>;
+    };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     item: {
         type: PropType<MenuDataItem>;
         required: true;
     };
+    subMenu: {
+        type: PropType<Partial<SubMenuProps>>;
+    };
+    defaultIcon: {
+        type: PropType<DefineComponent<any, any, any, any>>;
+    };
 }>>, {}, {}>;
 export default _default;

package/types/components/menu/types.d.ts

@@ -1,12 +1,23 @@
-import { MenuProps as ElMenuProps } from 'element-plus';
+import { SubMenuProps as ElSubMenuProps, BadgeProps } from 'element-plus';
+import { DefineComponent } from 'vue';
 export interface MenuDataItem {
-    id: string;
-    title: string;
-    icon?: string;
+    id: string | number;
+    title?: string;
+    icon?: string | Record<string, any> | DefineComponent<any, any, any, any>;
     disabled?: boolean;
     hidden?: boolean;
     children?: MenuDataItem[];
+    type?: 'route' | 'dialog' | 'window';
+    url?: string;
+    badge?: MenuBadge;
 }
-export interface MenuProps extends Partial<ElMenuProps> {
+export type SubMenuProps = Partial<ElSubMenuProps>;
+export type MenuBadge = number | string | Partial<BadgeProps>;
+export interface MenuProps {
     data?: MenuDataItem[];
+    subMenu?: SubMenuProps;
+    defaultIcon?: DefineComponent<any, any, any, any>;
 }
+export type MenuEmits = {
+    select: [item: MenuDataItem];
+};