vft 0.0.11 → 0.0.14

package/lib/components/menu/menu.vue.d.ts

@@ -0,0 +1,109 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    mode: {
+        type: __PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    uniqueOpened: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    router: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    menuTrigger: {
+        type: __PropType<"hover" | "click" | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    backgroundColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeTextColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    collapseTransition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    open: (index: string) => void;
+    close: (index: string, indexPath: string[]) => void;
+    handleResize: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: __PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    uniqueOpened: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    router: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    menuTrigger: {
+        type: __PropType<"hover" | "click" | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    backgroundColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    activeTextColor: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    collapseTransition: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/menu/sub-menu.vue.d.ts

@@ -0,0 +1,112 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps, type ToolTipProps } from 'vft/es/components';
+declare const _sfc_main: import("vue").DefineComponent<{
+    index: {
+        type: __PropType<string>;
+        required: true;
+    };
+    showTimeout: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideTimeout: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperAppendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    expandIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    collapseIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    toolTipCfg: {
+        type: __PropType<ToolTipProps | undefined>;
+        required: false;
+    };
+}, {
+    opened: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: __PropType<string>;
+        required: true;
+    };
+    showTimeout: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideTimeout: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperAppendToBody: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    popperOffset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    expandIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    collapseIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<string | IconProps | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    toolTipCfg: {
+        type: __PropType<ToolTipProps | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,59 @@
+import type { Ref } from 'vue';
+import type { RouteLocationRaw } from 'vue-router';
+export interface MenuItemRegistered {
+    index: string;
+    indexPath: string[];
+    active: boolean;
+}
+export interface MenuItemClicked {
+    index: string;
+    indexPath: string[];
+    route?: RouteLocationRaw;
+}
+export interface MenuProps {
+    /** 菜单展示模式 */
+    mode?: 'horizontal' | 'vertical';
+    /** 页面加载时默认激活菜单的 index（menu-item 的index） */
+    defaultActive?: string;
+    /** 默认打开的 sub-menu 的 index 的数组 */
+    defaultOpeneds?: string[];
+    /** 是否只保持一个子菜单的展开 */
+    uniqueOpened?: boolean;
+    /** 是否启用 vue-router 模式。 启用该模式会在激活导航时以 index 作为 path 进行路由跳转 使用 default-active 来设置加载时的激活项 */
+    router?: boolean;
+    /** 子菜单打开的触发方式，只在 mode 为 horizontal 时有效 */
+    menuTrigger?: 'hover' | 'click';
+    collapse?: boolean;
+    /** 是否水平折叠收起菜单（仅在 mode 为 vertical 时可用) */
+    backgroundColor?: string;
+    textColor?: string;
+    activeTextColor?: string;
+    /** 是否开启折叠动画 */
+    collapseTransition?: boolean;
+    /** 是否省略多余的子项（仅在横向模式生效） */
+    ellipsis?: boolean;
+}
+export interface MenuProvider {
+    openedMenus: string[];
+    items: Record<string, MenuItemRegistered>;
+    subMenus: Record<string, MenuItemRegistered>;
+    activeIndex?: string;
+    /** 是否需要 tooltip 1.水平模式的菜单需要 2.竖直类型的菜单在收缩时需要 */
+    isMenuPopup: boolean;
+    props: MenuProps;
+    addMenuItem: (item: MenuItemRegistered) => void;
+    removeMenuItem: (item: MenuItemRegistered) => void;
+    addSubMenu: (item: MenuItemRegistered) => void;
+    removeSubMenu: (item: MenuItemRegistered) => void;
+    openMenu: (index: string, indexPath: string[]) => void;
+    closeMenu: (index: string, indexPath: string[]) => void;
+    handleMenuItemClick: (item: MenuItemClicked) => void;
+    handleSubMenuClick: (subMenu: MenuItemRegistered) => void;
+}
+export interface SubMenuProvider {
+    addSubMenu: (item: MenuItemRegistered) => void;
+    removeSubMenu: (item: MenuItemRegistered) => void;
+    handleMouseleave?: (deepDispatch: boolean) => void;
+    mouseInChild: Ref<boolean>;
+    level: number;
+}

package/lib/components/menu/use-menu-css-var.d.ts

@@ -0,0 +1 @@
+export declare const useMenuCssVar: (props: any, level: number) => import("vue").ComputedRef<Record<string, string>>;

package/lib/components/menu/use-menu.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentInternalInstance, Ref } from 'vue';
+/**
+ * @description menu-item 与 sub-menu 都会调用此方法
+ * @author wfd
+ * @date 2022/11/8 14:02
+ * @example
+ * @param {ComponentInternalInstance} instance
+ * @param {Ref<string>} currentIndex
+ * @returns {{indexPath: ComputedRef<string[]>, parentMenu: ComputedRef<ComponentInternalInstance>}}
+ */
+export default function useMenu(instance: ComponentInternalInstance, currentIndex: Ref<string>): {
+    parentMenu: import("vue").ComputedRef<ComponentInternalInstance>;
+    indexPath: import("vue").ComputedRef<string[]>;
+};

package/lib/components/menu/utils/menu-bar.d.ts

@@ -0,0 +1,7 @@
+import type { RendererNode } from 'vue';
+declare class Menu {
+    domNode: RendererNode;
+    constructor(domNode: RendererNode, namespace: string);
+    init(namespace: string): void;
+}
+export default Menu;

package/lib/components/menu/utils/menu-item.d.ts

@@ -0,0 +1,9 @@
+import SubMenu from './submenu';
+declare class MenuItem {
+    domNode: HTMLElement;
+    submenu: SubMenu | null;
+    constructor(domNode: HTMLElement, namespace: string);
+    init(namespace: string): void;
+    addListeners(): void;
+}
+export default MenuItem;

package/lib/components/menu/utils/submenu.d.ts

@@ -0,0 +1,12 @@
+import type MenuItem from './menu-item';
+declare class SubMenu {
+    parent: MenuItem;
+    domNode: ParentNode;
+    subMenuItems: NodeList;
+    subIndex: number;
+    constructor(parent: MenuItem, domNode: ParentNode);
+    init(): void;
+    gotoSubIndex(idx: number): void;
+    addListeners(): void;
+}
+export default SubMenu;

package/lib/components/multiple-tabs/index.d.ts

@@ -0,0 +1,30 @@
+export declare const VftMultipleTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    tabsStyle: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    contextMenuStyle: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    canDrag: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabsStyle: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    contextMenuStyle: {
+        type: import("vue").PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    canDrag: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>> & Record<string, any>;
+export default VftMultipleTabs;
+export * from './use';
+export * from './types';

package/lib/components/multiple-tabs/multiple-tabs.vue.d.ts

@@ -0,0 +1,29 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    tabsStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    contextMenuStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    canDrag: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabsStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    contextMenuStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+    canDrag: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/multiple-tabs/tab-content.vue.d.ts

@@ -0,0 +1,32 @@
+import type { PropType as __PropType } from 'vue';
+import { type RouteLocationNormalized } from 'vue-router';
+declare const _sfc_main: import("vue").DefineComponent<{
+    tabItem: {
+        type: __PropType<RouteLocationNormalized>;
+        required: true;
+    };
+    affixNum: {
+        type: __PropType<number>;
+        required: true;
+    };
+    contextMenuStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+}, {
+    handleContext: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabItem: {
+        type: __PropType<RouteLocationNormalized>;
+        required: true;
+    };
+    affixNum: {
+        type: __PropType<number>;
+        required: true;
+    };
+    contextMenuStyle: {
+        type: __PropType<Record<string, Numberish> | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

package/lib/components/multiple-tabs/types.d.ts

@@ -0,0 +1,3 @@
+export type TabContentExpose = {
+    handleContext: (e: MouseEvent) => void;
+};

package/lib/components/multiple-tabs/use/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-tab-dropdown';
+export * from './use-multiple-tabs';

package/lib/components/multiple-tabs/use/use-multiple-tabs.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description 初始化需要固定的 tab 标签
+ * @author wfd
+ * @date 2022/10/15 19:03
+ * @example
+ * @returns {string[]}
+ */
+export declare function initAffixTabs(): string[];
+export declare function useTabsDrag(affixTextList: string[]): void;

package/lib/components/multiple-tabs/use/use-tab-dropdown.d.ts

@@ -0,0 +1,6 @@
+import { type RouteLocationNormalized } from 'vue-router';
+import { type ContextMenuItem } from 'vft/es/components/context-menu';
+export declare function useTabDropdown(tabItem: RouteLocationNormalized, affixNum: number): {
+    getDropMenuList: import("vue").ComputedRef<ContextMenuItem[] | undefined>;
+    handleContextMenu: (tabItem: RouteLocationNormalized) => (e: Event) => void;
+};

package/lib/components/popover/directive.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectDirective } from 'vue';
+declare const _default: ObjectDirective<any, any>;
+export default _default;
+export declare const VPopover = "popover";

package/lib/components/popover/index.d.ts

@@ -0,0 +1,181 @@
+export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    trigger: {
+        type: import("vue").PropType<import("..").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    popperRef: import("vue").ComputedRef<any>;
+    hide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave")[], "update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: import("vue").PropType<import("..").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+    "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftPopover;