bkui-vue 1.0.3-beta.4 → 1.0.3-beta.41

package/lib/dialog/dialog.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
@@ -136,27 +139,22 @@
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 24px 24px 0;
-}
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+  margin-top: 16px;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
+  height: initial;
+  max-height: initial;
+  min-height: initial;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
 .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
+  height: initial;
+  margin-top: 24px;
   background-color: #fff;
   border-top: none;
 }
@@ -164,11 +162,11 @@
   min-width: 88px;
 }
 .bk-modal-ctx {
-  pointer-events: auto;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
+  pointer-events: auto;
 }
 .bk-modal-ctx.--show {
   position: fixed;
@@ -177,9 +175,9 @@
   display: none;
 }
 .bk-modal-ctx .bk-modal-ctx-mask {
-  display: none;
-  left: 0;
   top: 0;
+  left: 0;
+  display: none;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.6);
@@ -221,7 +219,7 @@
 }
 .bk-modal-wrapper .bk-modal-body {
   height: 100%;
-  width: 100%;
+  overflow: hidden;
   background: #fff;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
@@ -252,15 +250,15 @@
   user-select: none;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 16px 24px 12px;
+  padding: 16px 24px 0;
   font-size: 20px;
   line-height: 1;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
-  text-align: center;
+  display: flex;
+  justify-content: center;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
-  display: inline-block;
   font-size: 48px;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
@@ -285,6 +283,8 @@
   max-height: calc(100vh - 300px);
   min-height: 141px;
   padding: 0 24px;
+  margin-top: 16px;
+  margin-bottom: 24px;
   font-size: 14px;
   line-height: 1.5;
   color: #63656e;
@@ -295,19 +295,12 @@
 .bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
   max-height: calc(100vh - 79px);
 }
-.bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
-  padding-bottom: 48px;
-}
 .bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
   padding-bottom: 0;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 48px;
-  padding: 8px 24px;
+  padding: 0 24px;
+  margin: 24px 0 ;
   background-color: #fafbfd;
   border-top: 1px solid #dcdee5;
   border-radius: 2px;
@@ -324,12 +317,19 @@
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: 6px;
+  right: 6px;
+  display: flex;
+  width: 32px;
+  height: 32px;
   font-size: 18px;
-  color: #c4c6cc;
+  color: #979ba5;
   cursor: pointer;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  transition: 0.15s;
 }
 .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
-  color: #979ba5;
+  background: #f0f1f5;
 }

package/lib/dialog/index.d.ts

@@ -117,6 +117,11 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -270,6 +275,11 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -305,6 +315,7 @@ declare const BkDialog: {
         fullscreen: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
         confirmText: string;
         cancelText: string;
         prevText: string;
@@ -439,6 +450,11 @@ declare const BkDialog: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -496,6 +512,7 @@ declare const BkDialog: {
         fullscreen: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
         confirmText: string;
         cancelText: string;
         prevText: string;
@@ -627,6 +644,11 @@ declare const BkDialog: {
         default: boolean;
     };
     infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -684,6 +706,7 @@ declare const BkDialog: {
     fullscreen: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/index.js

@@ -863,16 +863,12 @@ function _isSlot(s) {
           "style": "text-align: ".concat(_this.headerAlign)
         }, [(_this$$slots$header = (_this$$slots$header2 = (_this$$slots2 = _this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots2)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : _this.title])])];
       },
-      "default": function _default() {
-        var _this$$slots$default, _this$$slots$default2, _this$$slots3;
-        return (_this$$slots$default = (_this$$slots$default2 = (_this$$slots3 = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots3)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : 'default';
-      },
       footer: function footer() {
-        var _this$$slots$footer, _this$$slots$footer2, _this$$slots4, _this$$slots$footer3, _this$$slots$footer4, _this$$slots5, _this$$slots$footer5, _this$$slots$footer6, _this$$slots6;
+        var _this$$slots$footer, _this$$slots$footer2, _this$$slots3, _this$$slots$footer3, _this$$slots$footer4, _this$$slots4, _this$$slots$footer5, _this$$slots$footer6, _this$$slots5;
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "class": _this.resolveClassName('dialog-footer'),
           "style": "text-align: ".concat(_this.footerAlign)
-        }, [_this.dialogType === 'process' ? (_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots4 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots4)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.current === 1 ? '' : (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+        }, [_this.dialogType === 'process' ? (_this$$slots$footer = (_this$$slots$footer2 = (_this$$slots3 = _this.$slots).footer) === null || _this$$slots$footer2 === void 0 ? void 0 : _this$$slots$footer2.call(_this$$slots3)) !== null && _this$$slots$footer !== void 0 ? _this$$slots$footer : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.current === 1 ? '' : (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
           "class": _this.resolveClassName('dialog-perv'),
           "onClick": _this.handlePrevStep
         }, {
@@ -902,7 +898,7 @@ function _isSlot(s) {
           "default": function _default() {
             return [_this.localCancelText];
           }
-        })]) : '', _this.dialogType === 'operation' ? (_this$$slots$footer3 = (_this$$slots$footer4 = (_this$$slots5 = _this.$slots).footer) === null || _this$$slots$footer4 === void 0 ? void 0 : _this$$slots$footer4.call(_this$$slots5)) !== null && _this$$slots$footer3 !== void 0 ? _this$$slots$footer3 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+        })]) : '', _this.dialogType === 'operation' ? (_this$$slots$footer3 = (_this$$slots$footer4 = (_this$$slots4 = _this.$slots).footer) === null || _this$$slots$footer4 === void 0 ? void 0 : _this$$slots$footer4.call(_this$$slots4)) !== null && _this$$slots$footer3 !== void 0 ? _this$$slots$footer3 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
           "onClick": _this.handleConfirm,
           "theme": _this.theme,
           "loading": _this.isLoading
@@ -918,7 +914,7 @@ function _isSlot(s) {
           "default": function _default() {
             return [_this.localCancelText];
           }
-        })]) : '', _this.dialogType === 'confirm' ? (_this$$slots$footer5 = (_this$$slots$footer6 = (_this$$slots6 = _this.$slots).footer) === null || _this$$slots$footer6 === void 0 ? void 0 : _this$$slots$footer6.call(_this$$slots6)) !== null && _this$$slots$footer5 !== void 0 ? _this$$slots$footer5 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
+        })]) : '', _this.dialogType === 'confirm' ? (_this$$slots$footer5 = (_this$$slots$footer6 = (_this$$slots5 = _this.$slots).footer) === null || _this$$slots$footer6 === void 0 ? void 0 : _this$$slots$footer6.call(_this$$slots5)) !== null && _this$$slots$footer5 !== void 0 ? _this$$slots$footer5 : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
           "onClick": _this.handleConfirm,
           "theme": _this.theme,
           "loading": _this.isLoading
@@ -935,9 +931,18 @@ function _isSlot(s) {
         }, null);
       }
     };
-    var className = "".concat(this.resolveClassName('dialog-wrapper '), " ").concat(this.scrollable ? 'scroll-able' : '', " ").concat(this.multiInstance ? 'multi-instance' : '', " ").concat(this.hasFooter ? 'has-footer' : 'no-footer');
+    if (this.$slots["default"]) {
+      Object.assign(dialogSlot, {
+        "default": function _default() {
+          return _this.$slots["default"]();
+        }
+      });
+    }
+    var className = this.resolveClassName('dialog-wrapper ');
+    var bodyClass = "".concat(this.scrollable ? 'scroll-able' : '', " ").concat(this.multiInstance ? 'multi-instance' : '', " ").concat(this.hasFooter ? 'has-footer' : 'no-footer');
     return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(this.$props, {
       "class": className,
+      "bodyClass": bodyClass,
       "onClose": this.handleClose,
       "isShow": this.isModalShow,
       "left": this.data.moveStyle.left,

package/lib/dialog/props.d.ts

@@ -116,6 +116,11 @@ declare const props: {
         default: boolean;
     };
     infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };

package/lib/directives/index.js

@@ -727,7 +727,6 @@ var mousewheelHandler = function mousewheelHandler(element, callback) {
 };
 var mousewheel = {
   beforeMount: function beforeMount(el, binding) {
-    console.error(el, binding);
     mousewheelHandler(el, binding.value);
   }
 };

package/lib/dist.index.js

@@ -24,7 +24,6 @@
  * IN THE SOFTWARE.
  */
 import './styles';
-
 export { default } from './preset';
 export * from './components';
 export * from './directives';

package/lib/divider/divider.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-divider {
   position: relative;

package/lib/dropdown/dropdown.css

@@ -1,6 +1,5 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -8,6 +7,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/dropdown/dropdown.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,10 +124,11 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -134,6 +136,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/exception/exception.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-exception {
   position: relative;

package/lib/fixed-navbar/fixed-navbar.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-fixed-navbar {
   position: fixed;

package/lib/form/form.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes form-error-appear-animation {
   from {

package/lib/hooks.js

@@ -23,11 +23,4 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-export {
-  useGlobalConfig,
-  provideGlobalConfig,
-  useLocale,
-  usePrefix,
-  defaultRootConfig,
-  rootProviderKey,
-} from './config-provider';
+export { useGlobalConfig, provideGlobalConfig, useLocale, usePrefix, defaultRootConfig, rootProviderKey, } from './config-provider';