bkui-vue 0.0.1-beta.39 → 0.0.1-beta.390

package/lib/shared/mask-manager.d.ts

@@ -0,0 +1,80 @@
+declare type BkMaskManagerConfig = {
+    multiInstance?: boolean;
+    maskAttrTag?: string;
+    parentNode?: HTMLElement | Document;
+    maskStyle?: any;
+    onClick?: (e: MouseEvent) => void;
+};
+declare type MaskConfigStore = {
+    zIndex: number;
+    style: any;
+    uuid?: string;
+    preUID?: string;
+};
+export declare class BkMaskManager {
+    /** 遮罩容器 */
+    private readonly mask;
+    /** 遮罩备份容器，用于多个组件实例显示，遮罩只显示最后一个 **/
+    private readonly backupMask;
+    /** 是否允许多个遮罩实例 */
+    private readonly multiInstance;
+    /** 遮罩控制器唯一标识 */
+    private readonly uniqueMaskAttrTag;
+    /** 设置弹出层父级组件，默认是body */
+    private parentNode;
+    /** 遮罩当前显示组件实例 **/
+    private activeInstance;
+    /** 记录已在使用的z-index */
+    private zIndexStore;
+    /** 记录最后一个UUID */
+    private lastUUID;
+    /** 遮罩样式 **/
+    private readonly maskStyle;
+    private onClick;
+    /**
+     * 遮罩管理器
+     *
+     * @param multiInstance 是否允许多实例
+     * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
+     */
+    constructor(config?: BkMaskManagerConfig);
+    setOption(option: BkMaskManagerConfig): void;
+    /**
+     * 显示遮罩
+     * @param content 遮罩内容
+     * @param zIndex z-index
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示将内容加入遮罩下
+     */
+    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null, transfer?: boolean): void;
+    hide(transfer?: boolean, content?: HTMLElement, uuid?: string): void;
+    storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
+    /**
+     * 移除最后一次缓存数据
+     */
+    popIndexStore(uuid: string): boolean;
+    backupActiveInstance(): void;
+    backupContentElement(content?: HTMLElement): void;
+    getActiveContentInstance(): HTMLElement;
+    /**
+     * 初始化当前遮罩管理器
+     * @returns 当前遮罩容器
+     */
+    private getMask;
+    /**
+     * 创建遮罩层DOM
+     * @returns 返回DOM
+     */
+    private createMask;
+    private setMaskStyle;
+    /**
+     * 根据输入生成唯一遮罩标识
+     * @param tag 输入标识
+     * @returns string 返回唯一标识
+     */
+    private getMaskAttrTag;
+    private appendContentToMask;
+}
+export declare const bKMaskManager: BkMaskManager;
+export {};

package/lib/shared/pop-manager.d.ts

@@ -0,0 +1,38 @@
+export declare class BKPopIndexManager {
+    /** 用来缓存弹出层实例 */
+    private popInstanceList;
+    private readonly uuidAttrName;
+    private clickFn;
+    private activePopId;
+    constructor();
+    onMaskClick(callFn: (e: MouseEvent) => void, target: HTMLElement): void;
+    /**
+     * 展示弹窗
+     * @param content 弹窗内容
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @param transfer 是否显示在body内（即是否显示在div#app内，默认为false）
+     * @returns
+     */
+    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}, transfer?: boolean, zindex?: any): void;
+    /**
+     * 销毁指定实例
+     * @param content 指定实例内容
+     * @param transfer
+     */
+    destroy(content?: HTMLElement, transfer?: boolean): void;
+    /**
+     * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
+     * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑
+     */
+    popHide(removeLastContent?: boolean): void;
+    /**
+     * 关闭指定弹窗
+     * @param content { HTMLElement } 关闭弹窗内容
+     * **/
+    hide(content?: HTMLElement, transfer?: boolean): void;
+    private getActiveClickFnIndex;
+    private getActiveClickFn;
+    private onMaskClickFn;
+}
+export declare const bkPopIndexManager: BKPopIndexManager;

package/lib/shared/popover.d.ts

@@ -0,0 +1,131 @@
+import { Instance, Modifier, Placement, PositioningStrategy, State } from '@popperjs/core';
+export declare type OnFirstUpdateFnType = (instance: Partial<State>) => void;
+export declare type IOptions = {
+    placement?: Placement;
+    modifiers?: Array<Partial<Modifier<any, any>>>;
+    strategy?: PositioningStrategy;
+    onFirstUpdate?: OnFirstUpdateFnType;
+    isShow?: boolean;
+    always?: boolean;
+    theme?: string;
+    trigger?: string;
+    disabled?: boolean;
+    appendTo?: string | HTMLElement;
+    afterShow?: () => void;
+    afterHidden?: () => void;
+    /**
+     * 如果设置了appendTo为指定DOM，此配置项生效
+     * 是否将弹出内容固定到目标元素位置
+     * 例如：appendTo = document.body, fixOnBoundary = true，则弹出内容会一直固定到body
+     */
+    fixOnBoundary?: Boolean;
+};
+export declare type IBKPopover = Instance & {
+    show: () => void;
+    hide: () => void;
+    updateDisabled: (val: boolean) => void;
+    isShow: boolean;
+};
+export declare class BKPopover {
+    /** 当前提内容是否弹出 */
+    isShow: boolean;
+    /** 触发条件 */
+    trigger?: string;
+    /** 当前popperjs实例 */
+    private instance?;
+    /** 是否总是可见 */
+    private always?;
+    /** Popover 外层容器，触发Pop的元素 */
+    private reference?;
+    /** Popover 弹出内容外层占位容器 */
+    private referenceTarget?;
+    /** Popover Content 外层容器，目标元素：实际弹出内容 */
+    private popperRefer?;
+    /** 默认初始化配置项 */
+    private instanceOptions;
+    /** hide延时 */
+    private delay;
+    /** 是否进入popperRefer */
+    private isInnerPopper;
+    /** 是否为禁用状态 */
+    private disabled;
+    /** 执行显示函数 */
+    private afterShow;
+    /** 执行隐藏函数 */
+    private afterHidden;
+    /** 弹出内容AppendTo */
+    private appendTo;
+    /** 父级容器 */
+    private container?;
+    /**
+     * 如果设置了appendTo为指定DOM，此配置项生效
+     * 是否将弹出内容固定到目标元素位置
+     * 例如：appendTo = document.body, fixOnBoundary = true，则弹出内容会一直固定到body
+     */
+    private fixOnBoundary;
+    constructor(reference?: string | HTMLElement, popperRefer?: string | HTMLElement, options?: IOptions);
+    forceUpdate(): void;
+    update(): void;
+    updateOptions(options: IOptions): void;
+    setOptions(options: IOptions): void;
+    destroy(): void;
+    updateDisabled(disabled?: boolean): void;
+    /**
+     * 展示Pop
+     * @param _event 触发事件
+     */
+    show(_event: any): void;
+    /**
+     * 隐藏
+     * @param event 触发事件
+     */
+    hide(): void;
+    /**
+     * 还原PopContent到初试位置
+     */
+    private restorePopContent;
+    /**
+     * 挂载PopContent到目标位置
+     */
+    private appendToTarget;
+    /**
+     * 获取目标位置元素
+     * @returns
+     */
+    private getAppendToTarget;
+    /**
+     * 初始化默认配置
+     * @param opts
+     * @returns
+     */
+    private initDefaultOptions;
+    /**
+   * 判定是否需要将PopContent挂载到目标元素
+   */
+    private handleFirstUpdate;
+    /**
+     * 剔除 Pop 外层容器，获取目标元素
+     * @returns
+     */
+    private getTargetReferenceElement;
+    /**
+     * 初始化Pop Instance
+     */
+    private initInstance;
+    /**
+     * 解析当前参数为对应的Html Element
+     * @param refer Html Element Selector Or Html Element
+     * @param checkVirtualDom 是否检查虚拟DOM
+     * @returns Html Element Or Null
+     */
+    private resolveInputSelectorToHtmlElement;
+    /**
+     * 检查当前元素是否为Html元素
+     * @param obj
+     * @returns
+     */
+    private isElement;
+    private registerEvents;
+    private isSameElement;
+}
+export declare const getPopContainerId: (prefix?: string) => string;

package/lib/shared/scrollbar-width.d.ts

@@ -0,0 +1 @@
+export declare function scrollbarWidth(): number;

package/lib/shared/token.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey } from 'vue';
+import { IFormContext, IFormItemContext } from '../form';
+export declare const formKey: InjectionKey<IFormContext>;
+export declare const formItemKey: InjectionKey<IFormItemContext>;

package/lib/shared/utils.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 生成n位长度的字符串
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */
+export declare const random: (n: number, str?: string) => string;
+/**
+ * 监听目标元素的Resize事件
+ * @param root 目标元素
+ * @param callbackFn 执行函数
+ * @param delay 延迟执行时间，默认 60
+ * @param immediate 是否立即执行回调函数
+ * @returns "{ start: () => void, stop: () => void }"
+ */
+export declare const observerResize: (root: HTMLElement, callbackFn: () => void, delay?: number, immediate?: boolean) => {
+    start: () => void;
+    stop: () => void;
+};
+export declare const capitalize: (str: any) => any;
+/**
+ * 判断元素是否溢出容器
+ * @param {*} el
+ * @returns
+ */
+export declare function checkOverflow(el: any): boolean;

package/lib/shared/vue-types.d.ts

@@ -0,0 +1,213 @@
+import { CSSProperties, VNodeChild } from 'vue';
+import { VueTypeDef } from 'vue-types';
+declare const propTypesNS: {
+    new (): {};
+    defaults: Partial<import("vue-types/dist/types").VueTypesDefaults>;
+    sensibleDefaults: boolean | Partial<import("vue-types/dist/types").VueTypesDefaults>;
+    config: import("vue-types/dist/types").VueTypesConfig;
+    readonly any: import("vue-types").VueTypeValidableDef<any>;
+    readonly func: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
+    readonly bool: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    readonly string: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    readonly number: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    readonly array: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    };
+    readonly object: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+    readonly integer: VueTypeDef<number> & {
+        default: number;
+    };
+    readonly symbol: VueTypeDef<symbol>;
+    readonly custom: typeof import("vue-types").custom;
+    readonly oneOf: typeof import("vue-types").oneOf;
+    readonly instanceOf: typeof import("vue-types").instanceOf;
+    readonly oneOfType: typeof import("vue-types").oneOfType;
+    readonly arrayOf: typeof import("vue-types").arrayOf;
+    readonly objectOf: typeof import("vue-types").objectOf;
+    readonly shape: typeof import("vue-types").shape;
+    extend<T_3 extends {
+        new (): {};
+        defaults: Partial<import("vue-types/dist/types").VueTypesDefaults>;
+        sensibleDefaults: boolean | Partial<import("vue-types/dist/types").VueTypesDefaults>;
+        config: import("vue-types/dist/types").VueTypesConfig;
+        readonly any: import("vue-types").VueTypeValidableDef<any>;
+        readonly func: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        };
+        readonly bool: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        readonly string: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        readonly number: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+        readonly array: import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        };
+        readonly object: import("vue-types").VueTypeValidableDef<{
+            [key: string]: any;
+        }> & {
+            default: () => {
+                [key: string]: any;
+            };
+        };
+        readonly integer: VueTypeDef<number> & {
+            default: number;
+        };
+        readonly symbol: VueTypeDef<symbol>;
+        readonly custom: typeof import("vue-types").custom;
+        readonly oneOf: typeof import("vue-types").oneOf;
+        readonly instanceOf: typeof import("vue-types").instanceOf; /** 弹层出现位置选项 */
+        readonly oneOfType: typeof import("vue-types").oneOfType;
+        readonly arrayOf: typeof import("vue-types").arrayOf;
+        readonly objectOf: typeof import("vue-types").objectOf;
+        readonly shape: typeof import("vue-types").shape;
+        extend<T extends unknown>(props: import("vue-types/dist/types").ExtendProps<any> | import("vue-types/dist/types").ExtendProps<any>[]): T;
+        utils: {
+            validate<T_1, U>(value: T_1, type: U): boolean;
+            toType<T_2 = unknown>(name: string, obj: import("vue-types/dist/types").PropOptions<T_2, T_2>, validable?: boolean): VueTypeDef<T_2> | import("vue-types").VueTypeValidableDef<T_2>;
+        };
+    }>(props: import("vue-types/dist/types").ExtendProps<any> | import("vue-types/dist/types").ExtendProps<any>[]): T_3;
+    utils: {
+        validate<T_1_1, U_1>(value: T_1_1, type: U_1): boolean;
+        toType<T_2_1 = unknown>(name: string, obj: import("vue-types/dist/types").PropOptions<T_2_1, T_2_1>, validable?: boolean): VueTypeDef<T_2_1> | import("vue-types").VueTypeValidableDef<T_2_1>;
+    };
+};
+export declare type VueNode = VNodeChild | JSX.Element;
+export declare type ElementType<T extends ReadonlyArray<unknown>> = T extends ReadonlyArray<infer ElementType> ? ElementType : never;
+export declare function stringEnum<T extends string>(o: Array<T>): {
+    [K in T]: K;
+};
+declare type UnionToIntersection<T> = (T extends any ? (v: T) => void : never) extends (v: infer V) => void ? V : never;
+declare type LastOf<T> = UnionToIntersection<T extends any ? () => T : never> extends () => infer R ? R : never;
+declare type Push<T extends any[], V> = [...T, V];
+export declare type UnionToArrayType<T, L = LastOf<T>, N = [T] extends [never] ? true : false> = N extends true ? [] : Push<UnionToArrayType<Exclude<T, L>>, L>;
+export declare enum SizeEnum {
+    SMALL = "small",
+    LARGE = "large",
+    DEFAULT = "default"
+}
+export declare enum Placements {
+    Top = "top",
+    Left = "left",
+    Right = "right",
+    Bottom = "bottom"
+}
+export declare enum RenderDirectiveEnum {
+    IF = "if",
+    SHOW = "show"
+}
+export declare function renderDirectiveType(): VueTypeDef<"if" | "show">;
+export declare enum AlignEnum {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
+export declare function alignType(): VueTypeDef<"right" | "left" | "center"> & {
+    default: "right" | "left" | "center";
+};
+export declare enum ThemeEnum {
+    PRIMARY = "primary",
+    WARNING = "warning",
+    SUCCESS = "success",
+    DANGER = "danger"
+}
+/** 弹层出现位置选项 */
+export declare enum PlacementEnum {
+    AUTO = "auto",
+    AUTO_START = "auto-start",
+    AUTO_END = "auto-end",
+    TOP = "top",
+    RIGHT = "right",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    TOP_START = "top-start",
+    TOP_END = "top-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM_END = "bottom-end",
+    RIGHT_START = "right-start",
+    RIGHT_END = "right-end",
+    LEFT_START = "left-start",
+    LEFT_END = "left-end"
+}
+export declare function placementType(): VueTypeDef<"auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
+    default: "auto" | "auto-start" | "auto-end" | "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+};
+/** 弹层触发选项  */
+export declare enum TriggerEnum {
+    HOVER = "hover",
+    CLICK = "click",
+    MANUAL = "manual"
+}
+export declare function triggerType(): VueTypeDef<"hover" | "click" | "manual"> & {
+    default: "hover" | "click" | "manual";
+};
+/** 内容渲染类型：目前是在popover内容渲染时使用 */
+export declare enum RenderType {
+    AUTO = "auto",
+    SHOWN = "shown"
+}
+export declare function renderType(): VueTypeDef<"auto" | "shown"> & {
+    default: "auto" | "shown";
+};
+export declare enum DialogTypeEnum {
+    SHOW = "show",
+    OPERATION = "operation",
+    CONFIRM = "confirm",
+    PROCESS = "process"
+}
+export declare function dialogTypeUnion(): VueTypeDef<"show" | "operation" | "confirm" | "process">;
+export declare enum DirectionEnum {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
+export declare function directionType(): VueTypeDef<"horizontal" | "vertical"> & {
+    default: "horizontal" | "vertical";
+};
+export declare enum LineStyleEnum {
+    DASHED = "dashed",
+    SOLID = "solid"
+}
+export declare function lineStyleType(): VueTypeDef<"dashed" | "solid"> & {
+    default: "dashed" | "solid";
+};
+export declare enum TagThemeEnum {
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    DANGER = "danger"
+}
+export declare function TagThemeType(): VueTypeDef<"success" | "info" | "warning" | "danger"> & {
+    default: "success" | "info" | "warning" | "danger";
+};
+export declare enum InputBehaviorEnum {
+    SIMPLICITY = "simplicity",
+    NORMAL = "normal"
+}
+export declare function InputBehaviorType(): VueTypeDef<"simplicity" | "normal"> & {
+    default: "simplicity" | "normal";
+};
+export declare class PropTypes extends propTypesNS {
+    static size(): VueTypeDef<"small" | "default" | "large">;
+    static theme(): VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    static placement(): VueTypeDef<"top" | "bottom" | "right" | "left">;
+    static style(): VueTypeDef<CSSProperties>;
+    static position(positions?: string[]): VueTypeDef<string>;
+}
+export {};

package/lib/shared/z-index-manager.d.ts

@@ -0,0 +1,93 @@
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+/**
+ * 页面框架层级
+ */
+export declare enum BKLAYERTYPE {
+    /** 网站内容的背景、拓扑的画布等 */
+    BOTTOM = "bottom",
+    /** 页面呈现的各类内容 */
+    CONTENT = "content",
+    /** 顶部导航、侧边导航以及用户信息等 */
+    NAVI = "navi",
+    /** 页面需全屏操作的部分功能或编辑器的全屏模式 */
+    FULLSCREEN = "fullScreen",
+    /** 各类功能插件 */
+    PLUGINS = "plugins",
+    /** 各类弹窗或抽屉（非模态弹窗不考虑） */
+    MODAL = "modal",
+    /** 各类消息提示 */
+    MESSAGE = "message",
+    /** 各类popper提示 */
+    POPPER = "popper"
+}
+/** 定义不同分层默认值 */
+export declare const BKLAYERD_INDEX_EFAULT_VALUE: {
+    bottom: number;
+    content: number;
+    navi: number;
+    fullScreen: number;
+    modal: number;
+    plugins: number;
+    message: number;
+    popper: number;
+};
+declare class BKZIndexManager {
+    storageLayerIndexValue: any;
+    constructor();
+    /**
+     *
+     * @param type
+     * @returns
+     */
+    getNextIndex(type: BKLAYERTYPE): number;
+    /** 获取弹窗类型最新zIndex的值 */
+    getModalNextIndex(): number;
+    /** 获取Message类型最新zIndex的值 */
+    getMessageNextIndex(): number;
+    /** 获取全屏类型最新zIndex的值 */
+    getFullScreenNextIndex(): number;
+    /** 获取导航类型最新zIndex的值 */
+    getNaviNextIndex(): number;
+    /** 获取导航类型最新zIndex的值 */
+    getPopperIndex(): number;
+    /**
+     * 更新自定义默认zIndex配置
+     * @param config 配置项
+     */
+    setDefaultZIndex(config: any): void;
+    /**
+     * 重置zIndex
+     * @param config 配置项
+     */
+    resetZIndex(config: any): void;
+    /**
+     * 根据默认设置创建副本
+     */
+    private copyDefaultValue;
+}
+export declare const bkZIndexManager: BKZIndexManager;
+export {};