bkui-vue 0.0.1-beta.18 → 0.0.1-beta.20

package/lib/modal/index.d.ts

@@ -6,6 +6,7 @@ declare const BkModal: {
             visible: boolean;
         };
         $props: Partial<{
+            showMask: boolean;
             width: string | number;
             height: string | number;
             isShow: boolean;
@@ -32,7 +33,11 @@ declare const BkModal: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "isShow" | "customClass" | "scrollable">;
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showMask" | "width" | "height" | "isShow" | "customClass" | "scrollable">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -67,6 +72,10 @@ declare const BkModal: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>>, unknown, {
             visible: boolean;
         }, {
@@ -74,6 +83,7 @@ declare const BkModal: {
             dialogHeight(): String | Number;
             compStyle(): any;
         }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            showMask: boolean;
             width: string | number;
             height: string | number;
             isShow: boolean;
@@ -120,6 +130,10 @@ declare const BkModal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {
         visible: boolean;
     } & {
@@ -151,6 +165,10 @@ declare const BkModal: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, unknown, {
     visible: boolean;
 }, {
@@ -158,6 +176,7 @@ declare const BkModal: {
     dialogHeight(): String | Number;
     compStyle(): any;
 }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    showMask: boolean;
     width: string | number;
     height: string | number;
     isShow: boolean;
@@ -185,6 +204,10 @@ declare const BkModal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     };
 }>;
 export default BkModal;

package/lib/modal/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(i);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var l={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var d={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports}(d),function(e){var t=i.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Array,String],default:""},scrollable:{type:Boolean,default:!0}},c=t.defineComponent({name:"Modal",props:Object.assign({},p),data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,display:this.visible?"inherit":"none"}}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){o.bkPopIndexManager.show(t.$el)})):o.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,i,s,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(s=null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n))&&void 0!==s?s:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}}),f=o.withInstallProps(c,{propsMixin:p},!0);e.BkModal=f,e.default=f,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},s={exports:{}},i={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(i),function(e){var t=i.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var l={exports:{}};!function(e){var t=i.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var d={exports:{}};!function(e){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports}(d),function(e){var t=s.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Array,String],default:""},scrollable:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0}},c=t.defineComponent({name:"Modal",props:Object.assign({},p),data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,display:this.visible?"inherit":"none"}}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};o.bkPopIndexManager.show(t.$el,t.showMask,e)})):o.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,s,i,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(i=null===(s=(n=this.$slots).default)||void 0===s?void 0:s.call(n))&&void 0!==i?i:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}}),f=o.withInstallProps(c,{propsMixin:p},!0);e.BkModal=f,e.default=f,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/modal/modal.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, {
     visible: boolean;
 }, {
@@ -46,7 +50,12 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    showMask: boolean;
     width: string | number;
     height: string | number;
     isShow: boolean;

package/lib/modal/props.mixin.d.ts

@@ -19,4 +19,8 @@ export declare const propsMixin: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/lib/pagination/index.d.ts

@@ -4,12 +4,12 @@ declare const BkPagination: {
         $data: {};
         $props: Partial<{
             small: boolean;
+            type: string;
             location: string;
             layout: string[];
             disabled: boolean;
             count: number;
             modelValue: number;
-            type: string;
             align: string;
             limit: number;
             limitList: number[];
@@ -82,7 +82,7 @@ declare const BkPagination: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             "onUpdate:limit"?: (...args: any[]) => any;
             "onLimit-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "small" | "location" | "layout" | "disabled" | "count" | "modelValue" | "type" | "align" | "limit" | "limitList" | "showLimit" | "showTotalCount" | "prevText" | "nextText">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "small" | "type" | "location" | "layout" | "disabled" | "count" | "modelValue" | "align" | "limit" | "limitList" | "showLimit" | "showTotalCount" | "prevText" | "nextText">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -178,12 +178,12 @@ declare const BkPagination: {
             renderSmallList: () => JSX.Element;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limit-change")[], string, {
             small: boolean;
+            type: string;
             location: string;
             layout: string[];
             disabled: boolean;
             count: number;
             modelValue: number;
-            type: string;
             align: string;
             limit: number;
             limitList: number[];
@@ -377,12 +377,12 @@ declare const BkPagination: {
     renderSmallList: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:limit" | "limit-change")[], "change" | "update:modelValue" | "update:limit" | "limit-change", {
     small: boolean;
+    type: string;
     location: string;
     layout: string[];
     disabled: boolean;
     count: number;
     modelValue: number;
-    type: string;
     align: string;
     limit: number;
     limitList: number[];

package/lib/pagination/pagination.d.ts

@@ -203,12 +203,12 @@ declare const _default: import("vue").DefineComponent<{
     "onLimit-change"?: (...args: any[]) => any;
 }, {
     small: boolean;
+    type: string;
     location: string;
     layout: string[];
     disabled: boolean;
     count: number;
     modelValue: number;
-    type: string;
     align: string;
     limit: number;
     limitList: number[];

package/lib/popover/index.d.ts

@@ -5,14 +5,14 @@ declare const BkPopover: {
         $props: Partial<{
             placement: string;
             modifiers: unknown[];
+            content: string | number;
             width: string | number;
             height: string | number;
             theme: string;
-            content: string | number;
+            transition: string;
             trigger: string;
             arrow: boolean;
             isShow: boolean;
-            transition: string;
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -66,7 +66,7 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "width" | "height" | "theme" | "content" | "trigger" | "arrow" | "isShow" | "transition" | "handleFirstUpdate" | "fixOnBoundary">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "modifiers" | "content" | "width" | "height" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -134,14 +134,14 @@ declare const BkPopover: {
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
             placement: string;
             modifiers: unknown[];
+            content: string | number;
             width: string | number;
             height: string | number;
             theme: string;
-            content: string | number;
+            transition: string;
             trigger: string;
             arrow: boolean;
             isShow: boolean;
-            transition: string;
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & {
@@ -273,14 +273,14 @@ declare const BkPopover: {
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
     placement: string;
     modifiers: unknown[];
+    content: string | number;
     width: string | number;
     height: string | number;
     theme: string;
-    content: string | number;
+    transition: string;
     trigger: string;
     arrow: boolean;
     isShow: boolean;
-    transition: string;
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;

package/lib/popover/popover.d.ts

@@ -103,14 +103,14 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     placement: string;
     modifiers: unknown[];
+    content: string | number;
     width: string | number;
     height: string | number;
     theme: string;
-    content: string | number;
+    transition: string;
     trigger: string;
     arrow: boolean;
     isShow: boolean;
-    transition: string;
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }>;

package/lib/progress/index.d.ts

@@ -5,14 +5,14 @@ declare const BkProgress: {
         $props: Partial<{
             fixed: number;
             width: number;
+            type: string;
             color: string;
             theme: string;
             extCls: string;
-            type: string;
+            strokeLinecap: string;
+            strokeWidth: number;
             format: (...args: any[]) => any;
             percent: number;
-            strokeWidth: number;
-            strokeLinecap: string;
             bgColor: string;
             titleStyle: {
                 [key: string]: any;
@@ -91,7 +91,7 @@ declare const BkProgress: {
                     [key: string]: any;
                 };
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "width" | "color" | "theme" | "extCls" | "type" | "format" | "percent" | "strokeWidth" | "strokeLinecap" | "bgColor" | "titleStyle" | "showText" | "textInside">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "width" | "type" | "color" | "theme" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -185,14 +185,14 @@ declare const BkProgress: {
         }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             fixed: number;
             width: number;
+            type: string;
             color: string;
             theme: string;
             extCls: string;
-            type: string;
+            strokeLinecap: string;
+            strokeWidth: number;
             format: (...args: any[]) => any;
             percent: number;
-            strokeWidth: number;
-            strokeLinecap: string;
             bgColor: string;
             titleStyle: {
                 [key: string]: any;
@@ -380,14 +380,14 @@ declare const BkProgress: {
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     fixed: number;
     width: number;
+    type: string;
     color: string;
     theme: string;
     extCls: string;
-    type: string;
+    strokeLinecap: string;
+    strokeWidth: number;
     format: (...args: any[]) => any;
     percent: number;
-    strokeWidth: number;
-    strokeLinecap: string;
     bgColor: string;
     titleStyle: {
         [key: string]: any;

package/lib/progress/progress.d.ts

@@ -153,14 +153,14 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     fixed: number;
     width: number;
+    type: string;
     color: string;
     theme: string;
     extCls: string;
-    type: string;
+    strokeLinecap: string;
+    strokeWidth: number;
     format: (...args: any[]) => any;
     percent: number;
-    strokeWidth: number;
-    strokeLinecap: string;
     bgColor: string;
     titleStyle: {
         [key: string]: any;

package/lib/shared/bk-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

@@ -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 是否自动关闭最后一个弹窗实例 某些场景下，已经主动关闭最后一个弹窗，此处只需要处理其他逻辑