bkui-vue 0.0.1-beta.6 → 0.0.1-beta.60

package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts}

@@ -1,3 +1,15 @@
+declare type BkMaskManagerConfig = {
+    multiInstance?: boolean;
+    maskAttrTag?: string;
+    parentNode?: HTMLElement | Document;
+    maskStyle?: any;
+};
+declare type MaskConfigStore = {
+    zIndex: number;
+    style: any;
+    uuid?: string;
+    preUID?: string;
+};
 export declare class BkMaskManager {
     /** 遮罩容器 */
     private readonly mask;
@@ -11,6 +23,10 @@ export declare class BkMaskManager {
     private parentNode;
     /** 遮罩当前显示组件实例 **/
     private activeInstance;
+    /** 记录已在使用的z-index */
+    private zIndexStore;
+    /** 记录最后一个UUID */
+    private lastUUID;
     /** 遮罩样式 **/
     private readonly maskStyle;
     /**
@@ -19,9 +35,21 @@ export declare class BkMaskManager {
      * @param multiInstance 是否允许多实例
      * @param maskAttrTag 遮罩DOM唯一标志，支持自定义和 auto
      */
-    constructor(config?: any);
-    show(content?: HTMLElement, zIndex?: number): void;
-    hide(content?: HTMLElement): void;
+    constructor(config?: BkMaskManagerConfig);
+    /**
+     * 显示遮罩
+     * @param content 遮罩内容
+     * @param zIndex z-index
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     */
+    show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null): void;
+    hide(content?: HTMLElement, uuid?: string): void;
+    storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
+    /**
+     * 移除最后一次缓存数据
+     */
+    popIndexStore(uuid: string): boolean;
     backupActiveInstance(): void;
     backupContentElement(content?: HTMLElement): void;
     getActiveContentInstance(): HTMLElement;
@@ -45,3 +73,4 @@ export declare class BkMaskManager {
     private appendContentToMask;
 }
 export declare const bKMaskManager: BkMaskManager;
+export {};

package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts}

@@ -3,7 +3,14 @@ declare class BKPopIndexManager {
     private popInstanceList;
     private readonly uuidAttrName;
     constructor();
-    show(content?: HTMLElement): void;
+    /**
+     * 展示弹窗
+     * @param content 弹窗内容
+     * @param showMask 是否显示遮罩
+     * @param appendStyle 追加样式
+     * @returns
+     */
+    show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}): void;
     /**
      * 关闭最后一个弹窗 如果当前还有父级弹窗，则激活父级弹窗
      * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑

package/lib/shared/{bk-popover.d.ts → popover.d.ts}

@@ -1,16 +1,28 @@
-import { Instance, Placement, Modifier, PositioningStrategy, State } from '@popperjs/core';
+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?: (arg0: Partial<State>) => void;
+    onFirstUpdate?: OnFirstUpdateFnType;
     isShow?: 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 {
@@ -27,28 +39,67 @@ export declare class BKPopover {
     /** Popover Content 外层容器，目标元素：实际弹出内容 */
     private popperRefer?;
     /** 默认初始化配置项 */
-    private initOptions;
+    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 触发事件
+     * @param _event 触发事件
      */
-    show(event: any): void;
+    show(_event: any): void;
     /**
      * 隐藏
      * @param event 触发事件
      */
-    hide(event: any): void;
+    hide(): void;
+    /**
+     * 还原PopContent到初试位置
+     */
+    private restorePopContent;
+    /**
+     * 挂载PopContent到目标位置
+     */
+    private appendToTarget;
+    /**
+     * 获取目标位置元素
+     * @returns
+     */
+    private getAppendToTarget;
     /**
      * 初始化默认配置
      * @param opts
      * @returns
      */
     private initDefaultOptions;
+    /**
+   * 判定是否需要将PopContent挂载到目标元素
+   */
+    private handleFirstUpdate;
     /**
      * 剔除 Pop 外层容器，获取目标元素
      * @returns

package/lib/shared/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 生成n位长度的字符串
+ * @param {Number} n
+ * @param str,默认26位字母及数字
+ */
+export declare const random: (n: number, str?: string) => string;

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

@@ -1,12 +1,10 @@
-import { VNodeChild, CSSProperties } from 'vue';
+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: {
-        silent: boolean;
-    };
+    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;
@@ -45,9 +43,7 @@ declare const propTypesNS: {
         new (): {};
         defaults: Partial<import("vue-types/dist/types").VueTypesDefaults>;
         sensibleDefaults: boolean | Partial<import("vue-types/dist/types").VueTypesDefaults>;
-        config: {
-            silent: boolean;
-        };
+        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;
@@ -94,6 +90,10 @@ declare const propTypesNS: {
     };
 };
 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;
+};
 export declare enum Size {
     Small = "small",
     Large = "large"
@@ -110,5 +110,6 @@ export declare class PropTypes extends propTypesNS {
     static placement(placements?: string[]): VueTypeDef<string>;
     static commonType(types?: string[], name?: string): VueTypeDef<string>;
     static style(): VueTypeDef<CSSProperties>;
+    static position(positions?: string[]): VueTypeDef<string>;
 }
 export {};

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

@@ -40,7 +40,9 @@ export declare enum BKLAYERTYPE {
     /** 各类弹窗或抽屉（非模态弹窗不考虑） */
     MODAL = "modal",
     /** 各类消息提示 */
-    MESSAGE = "message"
+    MESSAGE = "message",
+    /** 各类popper提示 */
+    POPPER = "popper"
 }
 /** 定义不同分层默认值 */
 export declare const BKLAYERD_INDEX_EFAULT_VALUE: {
@@ -51,6 +53,7 @@ export declare const BKLAYERD_INDEX_EFAULT_VALUE: {
     modal: number;
     plugins: number;
     message: number;
+    popper: number;
 };
 declare class BKZIndexManager {
     storageLayerIndexValue: any;
@@ -69,6 +72,8 @@ declare class BKZIndexManager {
     getFullScreenNextIndex(): number;
     /** 获取导航类型最新zIndex的值 */
     getNaviNextIndex(): number;
+    /** 获取导航类型最新zIndex的值 */
+    getPopperIndex(): number;
     /**
      * 更新自定义默认zIndex配置
      * @param config 配置项

package/lib/sideslider/index.d.ts

@@ -0,0 +1,337 @@
+declare const BkSideslider: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            draggable: boolean;
+            showMask: boolean;
+            size: string;
+            direction: string;
+            dialogType: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            customClass: (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "draggable" | "showMask" | "size" | "direction" | "dialogType" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "closed" | "update:isShow", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            customClass: (import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            });
+            scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            size: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            dialogType: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        }, unknown, unknown, {}, {
+            handleClose(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], string, {
+            draggable: boolean;
+            showMask: boolean;
+            size: string;
+            direction: string;
+            dialogType: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        direction: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        width: import("vue-types").VueTypeDef<string | number>;
+        height: import("vue-types").VueTypeDef<string | number>;
+        customClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
+        scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        size: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        dialogType: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+    }>> & {
+        onClosed?: (...args: any[]) => any;
+        "onUpdate:isShow"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
+        handleClose(): void;
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    width: import("vue-types").VueTypeDef<string | number>;
+    height: import("vue-types").VueTypeDef<string | number>;
+    customClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+}>> & {
+    onClosed?: (...args: any[]) => any;
+    "onUpdate:isShow"?: (...args: any[]) => any;
+}, unknown, unknown, {}, {
+    handleClose(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", {
+    draggable: boolean;
+    showMask: boolean;
+    size: string;
+    direction: string;
+    dialogType: string;
+    isShow: boolean;
+    customClass: string | unknown[];
+    scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkSideslider;

package/lib/sideslider/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../modal"),require("../button")):"function"==typeof define&&define.amd?define(["exports","vue","../modal","../button"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Modal,e.Button)}(this,(function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(o),l=i(n);var d=Object.assign({},o.propsMixin);d.width.default="400",d.height.default="100%";var s=t.defineComponent({name:"BkSideslider",components:{BkModal:r.default,BkButton:l.default},props:Object.assign(Object.assign({},o.propsMixin),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0)||(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),!1)}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,n={header:function(){var e,n,i;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"bk-sideslider-header"},[t.createVNode("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),t.createVNode("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(i=null===(n=(e=o.$slots).header)||void 0===n?void 0:n.call(e))&&void 0!==i?i:"Header"])])])},default:function(){var e,t,n;return null!==(n=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:"Content"},footer:function(){return t.createVNode("div",{class:"bk-sideslider-footer"},null)}},i="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return t.createVNode(r.default,t.mergeProps(this.$props,{class:i,style:"".concat(this.direction,": 0")}),"function"==typeof(e=n)||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)?n:{default:function(){return[n]}})}});s.install=function(e){e.component(s.name,s)},e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../button"),require("../modal")):t(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var i={4976:e=>{e.exports=o},8014:e=>{e.exports=r},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return i[e](o,o.exports,s),o.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{s.r(d),s.d(d,{default:()=>u});var e=s(4212),t=s(748),o=s(4976),r=s.n(o),i=s(8014),n=s.n(i),l=n().propsMixin,a=Object.assign({},l);a.width.default="400",a.height.default="100%";const c=(0,t.defineComponent)({name:"Sideslider",components:{BkModal:n(),BkButton:r()},props:Object.assign(Object.assign({},a),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0&&(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),1))}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,r={header:function(){var e,r,i;return[(0,t.createVNode)("div",{class:"bk-sideslider-header"},[(0,t.createVNode)("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),(0,t.createVNode)("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(i=null===(r=(e=o.$slots).header)||void 0===r?void 0:r.call(e))&&void 0!==i?i:"Header"])])]},default:function(){var e,t,r;return null!==(r=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==r?r:"Content"},footer:function(){return(0,t.createVNode)("div",{class:"bk-sideslider-footer"},null)}},i="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return(0,t.createVNode)(n(),(0,t.mergeProps)(this.$props,{class:i,style:"".concat(this.direction,": 0")}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)?r:{default:function(){return[r]}})}}),u=(0,e.withInstall)(c)})(),d})()));