bkui-vue 0.0.1-beta.43 → 0.0.1-beta.46

package/lib/modal/index.d.ts

@@ -9,9 +9,15 @@ declare const BkModal: {
             width: string | number;
             height: string | number;
             showMask: boolean;
+            size: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            renderDirective: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             isShow: {
                 type: BooleanConstructor;
@@ -37,7 +43,33 @@ declare const BkModal: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "isShow" | "customClass" | "scrollable">;
+            closeIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maskClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            renderDirective: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "size" | "isShow" | "customClass" | "scrollable" | "closeIcon" | "escClose" | "maskClose" | "fullscreen" | "renderDirective">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -76,6 +108,32 @@ declare const BkModal: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            closeIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            escClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maskClose: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            fullscreen: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            renderDirective: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
         }>>, unknown, {
             visible: boolean;
         }, {
@@ -86,9 +144,15 @@ declare const BkModal: {
             width: string | number;
             height: string | number;
             showMask: boolean;
+            size: string;
             isShow: boolean;
             customClass: string | unknown[];
             scrollable: boolean;
+            closeIcon: boolean;
+            escClose: boolean;
+            maskClose: boolean;
+            fullscreen: boolean;
+            renderDirective: string;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -134,6 +198,32 @@ declare const BkModal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        closeIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        renderDirective: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {
         visible: boolean;
     } & {
@@ -169,6 +259,32 @@ declare const BkModal: {
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>>, unknown, {
     visible: boolean;
 }, {
@@ -179,9 +295,15 @@ declare const BkModal: {
     width: string | number;
     height: string | number;
     showMask: boolean;
+    size: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+    renderDirective: string;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     propsMixin: {
         isShow: {
@@ -208,6 +330,32 @@ declare const BkModal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        closeIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        renderDirective: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
     };
 }>;
 export default BkModal;

package/lib/modal/modal.css

@@ -9,3 +9,23 @@
   height: 100%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
+.normal {
+  width: 480px;
+  height: 240px;
+}
+.small {
+  width: 400px;
+  height: 200px;
+}
+.medium {
+  width: 640px;
+  height: 400px;
+}
+.large {
+  width: 960px;
+  height: 720px;
+}
+.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}

package/lib/modal/modal.d.ts

@@ -23,6 +23,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }, unknown, {
     visible: boolean;
 }, {
@@ -54,12 +80,44 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 }>>, {
     width: string | number;
     height: string | number;
     showMask: boolean;
+    size: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
+    closeIcon: boolean;
+    escClose: boolean;
+    maskClose: boolean;
+    fullscreen: boolean;
+    renderDirective: string;
 }>;
 export default _default;

package/lib/modal/modal.less

@@ -10,3 +10,28 @@
     box-shadow: 0 4px 12px rgba(0,0,0,.15);
   }
 }
+
+.normal {
+  width: 480px;
+  height: 240px;
+}
+
+.small {
+  width: 400px;
+  height: 200px;
+}
+
+.medium {
+  width: 640px;
+  height: 400px;
+}
+
+.large {
+  width: 960px;
+  height: 720px;
+}
+
+.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}

package/lib/modal/modal.variable.css

@@ -9,3 +9,23 @@
   height: 100%;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
+.normal {
+  width: 480px;
+  height: 240px;
+}
+.small {
+  width: 400px;
+  height: 200px;
+}
+.medium {
+  width: 640px;
+  height: 400px;
+}
+.large {
+  width: 960px;
+  height: 720px;
+}
+.bk-model-fullscreen {
+  width: 100%;
+  height: 100%;
+}

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

@@ -23,4 +23,30 @@ export declare const propsMixin: {
         type: BooleanConstructor;
         default: boolean;
     };
+    closeIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    renderDirective: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
 };

package/lib/navigation/navigation.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-navigation {
   display: flex;

package/lib/notify/notify.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-notify {
   position: fixed;

package/lib/pagination/pagination.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-pagination {
   display: flex;

package/lib/popover/index.d.ts

@@ -13,11 +13,16 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
+            stopBehaviors: string | string[];
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
+            } & {
+                default: boolean;
             };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
@@ -66,7 +71,10 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "handleFirstUpdate" | "fixOnBoundary">;
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "placement" | "modifiers" | "content" | "theme" | "transition" | "trigger" | "arrow" | "isShow" | "stopBehaviors" | "handleFirstUpdate" | "fixOnBoundary">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -81,8 +89,12 @@ declare const BkPopover: {
         $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            onAfterHidden: FunctionConstructor;
+            onAfterShow: FunctionConstructor;
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
+            } & {
+                default: boolean;
             };
             width: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
@@ -131,6 +143,9 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
+            stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+                default: string | (() => string[]);
+            };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
             width: string | number;
             height: string | number;
@@ -142,6 +157,7 @@ declare const BkPopover: {
             trigger: string;
             arrow: boolean;
             isShow: boolean;
+            stopBehaviors: string | string[];
             handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
             fixOnBoundary: boolean;
         }> & {
@@ -165,8 +181,12 @@ declare const BkPopover: {
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
+        onAfterHidden: FunctionConstructor;
+        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
+        } & {
+            default: boolean;
         };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
@@ -215,13 +235,20 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+            default: string | (() => string[]);
+        };
     }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
+    } & {
+        default: boolean;
     };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -270,7 +297,10 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", {
     width: string | number;
     height: string | number;
     placement: string;
@@ -281,6 +311,7 @@ declare const BkPopover: {
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    stopBehaviors: string | 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

@@ -1,6 +1,10 @@
 declare const _default: import("vue").DefineComponent<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
+    } & {
+        default: boolean;
     };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -49,9 +53,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "update:isShow" | "afterHidden" | "afterShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
+    } & {
+        default: boolean;
     };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -100,6 +111,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
 }>>, {
     width: string | number;
     height: string | number;
@@ -111,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     trigger: string;
     arrow: boolean;
     isShow: boolean;
+    stopBehaviors: string | string[];
     handleFirstUpdate: import("@bkui-vue/shared").OnFirstUpdateFnType;
     fixOnBoundary: boolean;
 }>;

package/lib/popover/popover.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-popover .bk-popover-reference {
   display: inline-block;

package/lib/popover/props.d.ts

@@ -1,8 +1,12 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { OnFirstUpdateFnType } from '@bkui-vue/shared';
 export declare const PopoverProps: {
+    onAfterHidden: FunctionConstructor;
+    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
+    } & {
+        default: boolean;
     };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
@@ -73,5 +77,13 @@ export declare const PopoverProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 弹出框鼠标点击事件是否阻止的点击事件行为
+     * 支持 stopPropagation stopImmediatePropagation preventDefault
+     * 用于在嵌套弹出或者元素定位导致的点击触发关闭问题
+     */
+    stopBehaviors: import("vue-types").VueTypeDef<string | string[]> & {
+        default: string | (() => string[]);
+    };
 };
 export declare type PopoverPropTypes = Readonly<ExtractPropTypes<typeof PopoverProps>>;

package/lib/process/process.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 * {
   box-sizing: border-box;

package/lib/progress/progress.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/radio/radio.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-radio {
   display: inline-block;

package/lib/resize-layout/resize-layout.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 .bk-resize-layout {
   display: flex;

package/lib/select/select.variable.css

@@ -90,6 +90,7 @@
   --table-head-font-color: #313238;
   --table-body-font-color: #575961;
   --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
 }
 @keyframes loading-scale-animate {
   0% {