bkui-vue 2.0.1-beta.29 → 2.0.1-beta.30

package/lib/pagination/pagination.variable.css

@@ -392,11 +392,11 @@
   display: flex;
   align-items: center;
   font-size: 12px;
-  letter-spacing: normal;
   color: #63656e;
+  letter-spacing: normal;
   user-select: none;
 }
-.bk-pagination.is-disabled {
+.bk-pagination.is-disabled * {
   cursor: not-allowed;
 }
 .bk-pagination.is-align-left {
@@ -436,16 +436,16 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 32px;
   min-width: 32px;
+  height: 32px;
   padding: 0 4px;
   margin-right: 2px;
   margin-left: 2px;
   color: #63656e;
   cursor: pointer;
+  user-select: none;
   background: #fff;
   border-radius: 2px;
-  user-select: none;
 }
 .bk-pagination-list-pre-batch.is-active,
 .bk-pagination-list-next-batch.is-active,
@@ -520,13 +520,13 @@
 }
 .bk-pagination-small-list .bk-pagination-picker {
   display: flex;
+  align-items: center;
   height: 26px;
   margin: 0 4px;
   cursor: pointer;
   background-color: #f0f1f5;
   border: 1px solid #f0f1f5;
   border-radius: 2px;
-  align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker:hover {
   background-color: #eaebf0;
@@ -538,8 +538,8 @@
   box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
 }
 .bk-pagination-editor {
-  height: 16px;
   min-width: 23px;
+  height: 16px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -557,13 +557,13 @@
 .bk-pagination-btn-pre,
 .bk-pagination-btn-next {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 26px;
   height: 26px;
   font-size: 20px;
   color: #979ba5;
   cursor: pointer;
-  justify-content: center;
-  align-items: center;
 }
 .bk-pagination-btn-pre:hover,
 .bk-pagination-btn-next:hover {

package/lib/pop-confirm/index.d.ts

@@ -31,11 +31,6 @@ declare const BKPopConfirm: {
         } & {
             default: string;
         };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -49,9 +44,6 @@ declare const BKPopConfirm: {
             ok: string;
             cancel: string;
         }>;
-        icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
         resolveClassName: (cls: string) => string;
         ensure: (e: Event) => void;
         cancel: (e: Event) => void;
@@ -87,11 +79,6 @@ declare const BKPopConfirm: {
         } & {
             default: string;
         };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -105,7 +92,6 @@ declare const BKPopConfirm: {
         placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         theme: string;
         trigger: "click" | "hover";
-        icon: string;
         confirmText: string;
         cancelText: string;
     }, true, {}, {}, {
@@ -147,11 +133,6 @@ declare const BKPopConfirm: {
         } & {
             default: string;
         };
-        icon: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -165,9 +146,6 @@ declare const BKPopConfirm: {
             ok: string;
             cancel: string;
         }>;
-        icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[];
         resolveClassName: (cls: string) => string;
         ensure: (e: Event) => void;
         cancel: (e: Event) => void;
@@ -178,7 +156,6 @@ declare const BKPopConfirm: {
         placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         theme: string;
         trigger: "click" | "hover";
-        icon: string;
         confirmText: string;
         cancelText: string;
     }>;
@@ -217,11 +194,6 @@ declare const BKPopConfirm: {
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -235,9 +207,6 @@ declare const BKPopConfirm: {
         ok: string;
         cancel: string;
     }>;
-    icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
     resolveClassName: (cls: string) => string;
     ensure: (e: Event) => void;
     cancel: (e: Event) => void;
@@ -248,7 +217,6 @@ declare const BKPopConfirm: {
     placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;
     trigger: "click" | "hover";
-    icon: string;
     confirmText: string;
     cancelText: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/pop-confirm/index.js

@@ -123,8 +123,7 @@ var PopConfirmEvent = {
 var PopConfirmProps = {
   /**
    * 触发方式
-   * 支持 click hover manual
-   * manual： 通过isShow控制显示、隐藏
+   * 支持 click hover
    */
   trigger: triggerType(),
   title: shared_namespaceObject.PropTypes.string.def(''),
@@ -132,11 +131,11 @@ var PopConfirmProps = {
   confirmText: shared_namespaceObject.PropTypes.string.def(''),
   cancelText: shared_namespaceObject.PropTypes.string.def(''),
   placement: (0,shared_namespaceObject.placementType)().def(shared_namespaceObject.PlacementEnum.TOP_START),
-  theme: shared_namespaceObject.PropTypes.string.def('light '),
+  theme: shared_namespaceObject.PropTypes.string.def('light'),
   /**
    * 自定义icon：根据确认框中提示文字的语境来选择 icon的样式，当确认操作存在风险时，可选择带警示的icon来引起用户的注意。
    */
-  icon: shared_namespaceObject.PropTypes.string.def(''),
+  // icon: PropTypes.string.def(''),
   width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def('auto')
 };
 /* harmony default export */ const props = (PopConfirmProps);
@@ -178,9 +177,8 @@ var PopConfirmProps = {
   name: 'PopConfirm',
   props: props,
   emits: ['confirm', 'cancel'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-      slots = _ref.slots;
+  setup: function setup(_props, _ref) {
+    var emit = _ref.emit;
     var visible = (0,external_vue_namespaceObject.ref)(false);
     var t = (0,config_provider_namespaceObject.useLocale)('popConfirm');
     function ensure(e) {
@@ -193,13 +191,13 @@ var PopConfirmProps = {
       emit('cancel');
       e.stopPropagation();
     }
-    function renderIcon() {
-      if (typeof slots.icon === 'function') {
-        return slots.icon();
-      }
-      return props.icon;
-    }
-    var icon = renderIcon();
+    // function renderIcon() {
+    //   if (typeof slots.icon === 'function') {
+    //     return slots.icon();
+    //   }
+    //   return props.icon;
+    // }
+    // const icon = renderIcon();
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     var popoverRef = (0,external_vue_namespaceObject.ref)(null);
@@ -207,7 +205,7 @@ var PopConfirmProps = {
       popoverRef: popoverRef,
       visible: visible,
       t: t,
-      icon: icon,
+      // icon,
       resolveClassName: resolveClassName,
       ensure: ensure,
       cancel: cancel
@@ -218,9 +216,9 @@ var PopConfirmProps = {
     var titleRender = function titleRender() {
       return _this.title ? (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('pop-confirm-title'))
-      }, [_this.icon ? (0,external_vue_namespaceObject.createVNode)("span", {
+      }, [typeof _this.$slots.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "".concat(_this.resolveClassName('pop-confirm-icon'))
-      }, [_this.icon]) : '', (0,external_vue_namespaceObject.createVNode)("span", null, [_this.title])]) : '';
+      }, [_this.$slots.icon()]) : null, (0,external_vue_namespaceObject.createVNode)("span", null, [_this.title])]) : '';
     };
     return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
       "ref": "popoverRef",
@@ -242,7 +240,7 @@ var PopConfirmProps = {
           "class": "".concat(_this.resolveClassName('pop-confirm'))
         }, [typeof _this.$slots.content === 'function' ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [titleRender(), _this.$slots.content()]) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [titleRender(), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('pop-confirm-content'))
-        }, [!_this.title ? _this.icon : '', _this.content])]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [_this.content])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('pop-confirm-footer'))
         }, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
           "size": "small",

package/lib/pop-confirm/pop-confirm.css

@@ -137,8 +137,10 @@
   padding-bottom: 16px;
 }
 .bk-pop-confirm-icon {
-  color: #FF5656;
+  color: #ff5656;
   margin-right: 4px;
+  vertical-align: middle;
+  line-height: 1;
 }
 .bk-pop-confirm-content {
   font-size: 12px;

package/lib/pop-confirm/pop-confirm.d.ts

@@ -30,11 +30,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -45,9 +40,6 @@ declare const _default: import("vue").DefineComponent<{
         ok: string;
         cancel: string;
     }>;
-    icon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[];
     resolveClassName: (cls: string) => string;
     ensure: (e: Event) => void;
     cancel: (e: Event) => void;
@@ -83,11 +75,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -101,7 +88,6 @@ declare const _default: import("vue").DefineComponent<{
     placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;
     trigger: "click" | "hover";
-    icon: string;
     confirmText: string;
     cancelText: string;
 }, {}>;

package/lib/pop-confirm/pop-confirm.less

@@ -12,8 +12,10 @@
     padding-bottom: 16px;
   }
   &-icon {
-    color: #FF5656;
+    color: #ff5656;
     margin-right: 4px;
+    vertical-align: middle;
+    line-height: 1;
   }
   &-content {
     font-size: 12px;

package/lib/pop-confirm/pop-confirm.variable.css

@@ -397,8 +397,10 @@
   padding-bottom: 16px;
 }
 .bk-pop-confirm-icon {
-  color: #FF5656;
+  color: #ff5656;
   margin-right: 4px;
+  vertical-align: middle;
+  line-height: 1;
 }
 .bk-pop-confirm-content {
   font-size: 12px;

package/lib/pop-confirm/props.d.ts

@@ -18,8 +18,7 @@ export declare const PopConfirmEvent: {
 export declare const PopConfirmProps: {
     /**
      * 触发方式
-     * 支持 click hover manual
-     * manual： 通过isShow控制显示、隐藏
+     * 支持 click hover
      */
     trigger: import("vue-types").VueTypeDef<"click" | "hover"> & {
         default: "click" | "hover";
@@ -55,11 +54,6 @@ export declare const PopConfirmProps: {
     /**
      * 自定义icon：根据确认框中提示文字的语境来选择 icon的样式，当确认操作存在风险时，可选择带警示的icon来引起用户的注意。
      */
-    icon: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };

package/lib/radio/radio-button.d.ts

@@ -22,8 +22,8 @@ declare const radioButtonProps: {
         default: boolean;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
-    beforeChange: import("vue-types").VueTypeValidableDef<(event: boolean | string | number) => Promise<boolean> | boolean> & {
-        default: (event: boolean | string | number) => Promise<boolean> | boolean;
+    beforeChange: import("vue-types").VueTypeValidableDef<(event: boolean | number | string) => Promise<boolean> | boolean> & {
+        default: (event: boolean | number | string) => Promise<boolean> | boolean;
     };
 };
 export type RadioButtonProps = Readonly<ExtractPropTypes<typeof radioButtonProps>>;

package/lib/radio/radio-group.d.ts

@@ -18,8 +18,8 @@ declare const radioGroupProps: {
         default: string;
     };
     size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
-    beforeChange: import("vue-types").VueTypeValidableDef<(event: boolean | string | number) => Promise<boolean> | boolean> & {
-        default: (event: boolean | string | number) => Promise<boolean> | boolean;
+    beforeChange: import("vue-types").VueTypeValidableDef<(event: boolean | number | string) => Promise<boolean> | boolean> & {
+        default: (event: boolean | number | string) => Promise<boolean> | boolean;
     };
 };
 export type RadioGroupProps = Readonly<ExtractPropTypes<typeof radioGroupProps>>;

package/lib/scrollbar/index.js

@@ -18156,7 +18156,7 @@ var BkScrollbarCore = /*#__PURE__*/function () {
     this.onWindowResize = (0,lodash.debounce)(this.mOnWindowResize, 64);
     this.onStopScrolling = (0,lodash.debounce)(this.mOnStopScrolling, 64);
     this.onMouseEntered = (0,lodash.debounce)(this.mOnMouseEntered, 64);
-    this.mouseWheelInstance = mouse_wheel((0,lodash.throttle)(this.mOnMouseWheel, 16));
+    this.mouseWheelInstance = mouse_wheel(this.mOnMouseWheel);
     this.init();
   }
   _createClass(BkScrollbarCore, [{

package/lib/select/index.js

@@ -3249,7 +3249,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           };
         }));
       } else {
-        if (modelValue.value !== undefined || allowEmptyValues.value.includes(modelValue.value)) {
+        if (modelValue.value || allowEmptyValues.value.includes(modelValue.value)) {
           selected.value = [{
             value: modelValue.value,
             label: handleGetLabelByValue(modelValue.value)

package/lib/sideslider/index.d.ts

@@ -65,6 +65,11 @@ declare const BkSideslider: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: (...args: any[]) => any;
         onShown?: (...args: any[]) => any;
@@ -137,6 +142,11 @@ declare const BkSideslider: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: (...args: any[]) => any;
         onShown?: (...args: any[]) => any;
@@ -151,6 +161,7 @@ declare const BkSideslider: {
         isShow: boolean;
         transfer: string | boolean | HTMLElement;
         direction: string;
+        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -232,6 +243,11 @@ declare const BkSideslider: {
         extCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
     }>> & {
         onHidden?: (...args: any[]) => any;
         onShown?: (...args: any[]) => any;
@@ -246,6 +262,7 @@ declare const BkSideslider: {
         isShow: boolean;
         transfer: string | boolean | HTMLElement;
         direction: string;
+        backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
         showMask: boolean;
@@ -324,6 +341,11 @@ declare const BkSideslider: {
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onHidden?: (...args: any[]) => any;
     onShown?: (...args: any[]) => any;
@@ -338,6 +360,7 @@ declare const BkSideslider: {
     isShow: boolean;
     transfer: string | boolean | HTMLElement;
     direction: string;
+    backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;

package/lib/sideslider/index.js

@@ -676,6 +676,7 @@ sliderProps.width["default"] = '400';
         "class": _defineProperty(_defineProperty({}, resolveClassName('sideslider'), true), "is-position-".concat(props.direction), props.direction),
         "extCls": props.extCls,
         "animateType": props.direction,
+        "backgroundColor": props.backgroundColor,
         "closeIcon": false,
         "escClose": props.escClose,
         "isShow": props.isShow,

package/lib/sideslider/sideslider.css

@@ -143,10 +143,10 @@
   bottom: 0;
 }
 .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
+  height: 48px;
   margin: 0;
   background: #fafbfd;
-  box-shadow: 0 -1px 0 0 #dcdee5;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+  border-top: 1px solid #dcdee5;
 }
 .bk-sideslider-header {
   display: flex;
@@ -166,18 +166,17 @@
 }
 .bk-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 .bk-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }

package/lib/sideslider/sideslider.d.ts

@@ -64,6 +64,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -130,6 +135,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onHidden?: (...args: any[]) => any;
     onShown?: (...args: any[]) => any;
@@ -144,6 +154,7 @@ declare const _default: import("vue").DefineComponent<{
     isShow: boolean;
     transfer: string | boolean | HTMLElement;
     direction: string;
+    backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;

package/lib/sideslider/sideslider.less

@@ -26,10 +26,10 @@
   .@{bk-prefix}-modal-footer {
     &.is-fixed {
       .@{bk-prefix}-sideslider-footer {
+        height: 48px;
         margin: 0;
         background: #fafbfd;
-        box-shadow: 0 -1px 0 0 #dcdee5;
-        box-shadow: rgb(0 0 0 / 6%) 0 -2px 4px 0;
+        border-top: 1px solid #dcdee5;
       }
     }
   }
@@ -55,19 +55,18 @@
 
 .@{bk-prefix}-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 
 .@{bk-prefix}-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }

package/lib/sideslider/sideslider.variable.css

@@ -403,10 +403,10 @@
   bottom: 0;
 }
 .bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
+  height: 48px;
   margin: 0;
   background: #fafbfd;
-  box-shadow: 0 -1px 0 0 #dcdee5;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+  border-top: 1px solid #dcdee5;
 }
 .bk-sideslider-header {
   display: flex;
@@ -426,18 +426,17 @@
 }
 .bk-sideslider-title {
   display: flex;
+  flex: 1;
+  align-items: center;
   padding-left: 16px;
   font-size: 16px;
   color: #313238;
-  align-items: center;
-  flex: 1;
 }
 .bk-sideslider-footer {
   display: flex;
+  align-items: center;
   width: 100%;
-  height: 48px;
-  padding: 0 24px;
+  padding-right: 24px;
+  padding-left: 24px;
   margin-top: 24px;
-  background: #fff;
-  align-items: center;
 }