bkui-vue 1.0.3-beta.62.dialog.1 → 1.0.3-beta.63

package/lib/modal/modal.variable.css

@@ -127,74 +127,30 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-.bk-infobox {
-  font-size: 12px;
+.bk-info-wrapper .bk-modal-wrapper {
+  width: 440px;
 }
-.bk-infobox .bk-modal-wrapper {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.bk-infobox-header {
-  padding-top: 24px;
-}
-.bk-infobox-type {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.bk-infobox-icon {
-  width: 42px;
-  height: 42px;
-  font-size: 42px;
-}
-.bk-infobox-icon.success {
-  color: #2dcb56;
-}
-.bk-infobox-icon.warning {
-  color: #ff9c01;
-}
-.bk-infobox-icon.danger {
-  color: #ea3636;
-}
-.bk-infobox-icon.loading {
-  color: #3a84ff;
-}
-.bk-infobox-title {
-  padding-right: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  font-size: 20px;
-  line-height: 32px;
-  color: #313238;
-}
-.bk-infobox-content {
-  padding-right: 24px;
-  padding-left: 24px;
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   margin-top: 16px;
 }
-.bk-infobox-footer {
-  display: flex;
-  padding-right: 24px;
-  padding-bottom: 24px;
-  padding-left: 24px;
-  margin-top: 24px;
-  align-content: center;
-}
-.bk-infobox-footer.is-position-right {
-  justify-content: right;
-}
-.bk-infobox-footer.is-position-center {
-  justify-content: center;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-infobox-footer.is-position-left {
-  justify-content: left;
+.bk-info-sub-title {
+  text-align: center;
+  word-break: break-all;
 }
-.bk-infobox-footer .bk-button {
-  min-width: 88px;
+.bk-modal-ctx {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  display: none;
+  width: 100%;
+  height: 100%;
+  pointer-events: auto;
 }
-.bk-infobox-footer .bk-button ~ .bk-button {
-  margin-left: 8px;
+.bk-modal-ctx.is-show {
+  display: block;
 }
 .bk-modal-ctx-mask {
   position: fixed;
@@ -205,8 +161,18 @@
   background-color: rgba(0, 0, 0, 0.6);
 }
 .bk-modal-wrapper {
-  position: fixed;
+  position: absolute;
+  top: 50%;
+  left: 50%;
   border-radius: 2px;
+  transform: translate(-50%, -50%);
+}
+.bk-modal-outside {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
 }
 .bk-modal-body {
   height: 100%;
@@ -217,10 +183,8 @@
 }
 .bk-modal-content {
   max-height: 100vh;
-  font-size: 0;
-}
-.bk-modal-content div {
-  font-size: 12px;
+  overflow: auto;
+  scrollbar-gutter: stable;
 }
 .bk-modal-close {
   position: absolute;
@@ -240,67 +204,3 @@
 .bk-modal-close:hover {
   background: #f0f1f5;
 }
-.modal-fadein-enter-from {
-  opacity: 0;
-}
-.modal-fadein-enter-from .bk-modal-body {
-  transform: translateY(-20px);
-}
-.modal-fadein-enter-to {
-  opacity: 1;
-}
-.modal-fadein-enter-to .bk-modal-body {
-  transform: translateY(0);
-}
-.modal-fadein-leave-from {
-  opacity: 1;
-}
-.modal-fadein-leave-from .bk-modal-body {
-  transform: translateY(0);
-}
-.modal-fadein-leave-to {
-  opacity: 0;
-}
-.modal-fadein-leave-to .bk-modal-body {
-  transform: translateY(-20px);
-}
-.modal-fadein-enter-active,
-.modal-fadein-leave-active {
-  transition: opacity 0.15s linear;
-}
-.modal-fadein-enter-active .bk-modal-body,
-.modal-fadein-leave-active .bk-modal-body {
-  transition: transform 0.08s linear;
-}
-.modal-right-enter-from {
-  transform: translateX(100%);
-}
-.modal-right-enter-to {
-  transform: translateX(0);
-}
-.modal-right-leave-from {
-  transform: translateX(0);
-}
-.modal-right-leave-to {
-  transform: translateX(100%);
-}
-.modal-right-enter-active,
-.modal-right-leave-active {
-  transition: transform 0.15s ease;
-}
-.modal-left-enter-from {
-  transform: translateX(-100%);
-}
-.modal-left-enter-to {
-  transform: translateX(0);
-}
-.modal-left-leave-from {
-  transform: translateX(0);
-}
-.modal-left-leave-to {
-  transform: translateX(-100%);
-}
-.modal-left-enter-active,
-.modal-left-leave-active {
-  transition: transform 0.15s ease;
-}

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

@@ -4,8 +4,18 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
-    width: import("vue-types").VueTypeDef<string | number>;
-    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    extCls: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
@@ -25,6 +35,17 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    size: import("vue-types").VueTypeDef<"small" | "medium" | "large" | "normal">;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     quickClose: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -34,6 +55,19 @@ export declare const propsMixin: {
         default: string | boolean | (() => HTMLElement);
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
+    maxHeight: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    direction: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -43,10 +77,27 @@ export declare const propsMixin: {
         default: "show" | "if";
     };
     beforeClose: import("vue-types").VueTypeDef<unknown>;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    multiInstance: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        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;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 };

package/lib/radio/index.js

@@ -309,8 +309,8 @@ var useRadio = function useRadio() {
 
 var radioProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).isRequired,
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(''),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false)
 };
@@ -414,8 +414,8 @@ var radioProps = {
 
 var radioButtonProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).isRequired,
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(''),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).isRequired,
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(''),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
   size: shared_namespaceObject.PropTypes.size()
@@ -517,7 +517,7 @@ var radioButtonProps = {
 
 var radioGroupProps = {
   name: shared_namespaceObject.PropTypes.string.def(''),
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
   disabled: shared_namespaceObject.PropTypes.bool,
   withValidate: shared_namespaceObject.PropTypes.bool.def(true),
   type: shared_namespaceObject.PropTypes.oneOf(['tab', 'capsule', 'card']).def('tab'),

package/lib/select/index.d.ts

@@ -383,6 +383,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -437,6 +440,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -446,6 +452,7 @@ declare const BkSelect: {
             disabled: boolean;
             placeholder: string;
             tagTheme: "" | "info" | "success" | "warning" | "danger";
+            behavior: "normal" | "simplicity";
             selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -491,6 +498,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -515,6 +525,7 @@ declare const BkSelect: {
             disabled: boolean;
             placeholder: string;
             tagTheme: "" | "info" | "success" | "warning" | "danger";
+            behavior: "normal" | "simplicity";
             selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -1447,6 +1458,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -1501,6 +1515,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -1510,6 +1527,7 @@ declare const BkSelect: {
             disabled: boolean;
             placeholder: string;
             tagTheme: "" | "info" | "success" | "warning" | "danger";
+            behavior: "normal" | "simplicity";
             selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -1555,6 +1573,9 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
+            behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+                default: "normal" | "simplicity";
+            };
         }>> & {
             onKeydown?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -1579,6 +1600,7 @@ declare const BkSelect: {
             disabled: boolean;
             placeholder: string;
             tagTheme: "" | "info" | "success" | "warning" | "danger";
+            behavior: "normal" | "simplicity";
             selected: import("./type").ISelected[];
             filterable: boolean;
             allowCreate: boolean;
@@ -2185,6 +2207,9 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -2239,6 +2264,9 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -2248,6 +2276,7 @@ declare const BkSelect: {
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "info" | "success" | "warning" | "danger";
+        behavior: "normal" | "simplicity";
         selected: import("./type").ISelected[];
         filterable: boolean;
         allowCreate: boolean;
@@ -2293,6 +2322,9 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -2317,6 +2349,7 @@ declare const BkSelect: {
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "info" | "success" | "warning" | "danger";
+        behavior: "normal" | "simplicity";
         selected: import("./type").ISelected[];
         filterable: boolean;
         allowCreate: boolean;

package/lib/select/index.js

@@ -2362,7 +2362,8 @@ const tag_less_namespaceObject = tag_less_x({  });
     allowCreate: shared_namespaceObject.PropTypes.bool.def(false),
     disabled: shared_namespaceObject.PropTypes.bool.def(false),
     modelValue: shared_namespaceObject.PropTypes.any,
-    collapseTags: shared_namespaceObject.PropTypes.bool.def(false)
+    collapseTags: shared_namespaceObject.PropTypes.bool.def(false),
+    behavior: (0,shared_namespaceObject.InputBehaviorType)()
   },
   emits: ['update:modelValue', 'remove', 'enter', 'keydown'],
   setup: function setup(props, _ref) {
@@ -2487,7 +2488,7 @@ const tag_less_namespaceObject = tag_less_x({  });
       _this$$slots4,
       _this$$slots4$suffix;
     var prefix = (_this$$slots = this.$slots) === null || _this$$slots === void 0 || (_this$$slots$prefix = _this$$slots.prefix) === null || _this$$slots$prefix === void 0 ? void 0 : _this$$slots$prefix.call(_this$$slots);
-    var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix));
+    var selectTagClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, this.resolveClassName('select-tag'), true), this.resolveClassName('select-tag--default'), true), 'is-disabled', this.disabled), 'collapse-tag', this.collapseTags), 'has-prefix', !!prefix), 'is-simplicity', this.behavior === 'simplicity'));
     var tagWrapperClass = (0,shared_namespaceObject.classes)(_defineProperty({}, this.resolveClassName('select-tag-wrapper'), true));
     var inputStyle = {
       display: this.selected.length && !this.filterable ? 'none' : ''
@@ -3477,6 +3478,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "placeholder": _this.localPlaceholder,
           "filterable": _this.isInput,
           "disabled": _this.isDisabled,
+          "behavior": _this.behavior,
           "onRemove": _this.handleDeleteTag,
           "collapseTags": _this.isCollapseTags,
           "onEnter": _this.handleCreateCustomOption

package/lib/select/select.css

@@ -34,21 +34,24 @@
 .bk-select.large .bk-select-content-wrapper {
   font-size: 14px;
 }
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
+.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
   border-color: #3a84ff;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default {
+.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
+  border-bottom-color: #3a84ff;
+}
+.bk-select.is-focus .bk-input {
   border-color: #3a84ff;
   outline: 0;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity {
+.bk-select.is-focus .bk-input.is-simplicity {
   border-color: transparent;
   border-bottom-color: #3a84ff;
   box-shadow: none;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text {
+.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
   background-color: #f5f7fa;
 }
 .bk-select.popover-show .bk-select-trigger .angle-up {
@@ -108,6 +111,17 @@
 .bk-select .bk-select-trigger .bk-select-tag::placeholder {
   color: #c4c6cc;
 }
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
+  background-color: transparent;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
+  background-color: #f5f7fa;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+  box-shadow: none;
+}
 .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
   padding-left: 0;
 }
@@ -129,7 +143,7 @@
   min-height: 32px;
   flex-wrap: wrap;
 }
-.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
+.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
   border-color: #979ba5;
 }
 .bk-select .bk-select-trigger .bk-select-tag.is-disabled {

package/lib/select/select.d.ts

@@ -370,6 +370,9 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -424,6 +427,9 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -433,6 +439,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "info" | "success" | "warning" | "danger";
+        behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
         allowCreate: boolean;
@@ -478,6 +485,9 @@ declare const _default: import("vue").DefineComponent<{
         } & {
             default: boolean;
         };
+        behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
+            default: "normal" | "simplicity";
+        };
     }>> & {
         onKeydown?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -502,6 +512,7 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         placeholder: string;
         tagTheme: "" | "info" | "success" | "warning" | "danger";
+        behavior: "normal" | "simplicity";
         selected: ISelected[];
         filterable: boolean;
         allowCreate: boolean;

package/lib/select/select.less

@@ -96,14 +96,21 @@
     }
   }
 
-  &.is-focus.normal {
-    .@{bk-prefix}-select-trigger .@{bk-prefix}-select-tag.@{bk-prefix}-select-tag--default {
-      border-color: @primary-color;
-      box-shadow: 0px 0px 3px 0px #a3c5fd;
+  &.is-focus:not(.is-disabled) {
+    &.normal {
+      .@{bk-prefix}-select-trigger .@{bk-prefix}-select-tag {
+        border-color: @primary-color;
+        box-shadow: 0px 0px 3px 0px #a3c5fd;
+      }
+    }
+    &.simplicity {
+      .@{bk-prefix}-select-trigger .@{bk-prefix}-select-tag {
+        border-bottom-color: @primary-color;
+      }
     }
   }
 
-  &.is-focus .@{bk-prefix}-input--default {
+  &.is-focus .@{bk-prefix}-input {
     border-color: @primary-color;
     outline: 0;
     box-shadow: 0px 0px 3px 0px @input-shadow-color;
@@ -164,6 +171,19 @@
       width: auto;
       align-items: center;
 
+      &.is-simplicity {
+        background-color: transparent;
+        border-color: transparent;
+        border-bottom-color: @input-border-color;
+    
+        &:hover {
+          background-color: @input-block-color;
+          border-color: transparent;
+          border-bottom-color: @light-gray;
+          box-shadow: none;
+        }
+      }
+      
       &.has-prefix {
         padding-left: 0;
       }
@@ -189,7 +209,7 @@
         flex-wrap: wrap;
       }
 
-      &:not(.is-disabled):hover {
+      &:not(.is-disabled,.is-simplicity):hover {
         border-color: #979ba5;
       }
 

package/lib/select/select.variable.css

@@ -163,21 +163,24 @@
 .bk-select.large .bk-select-content-wrapper {
   font-size: 14px;
 }
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
+.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
   border-color: #3a84ff;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default {
+.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
+  border-bottom-color: #3a84ff;
+}
+.bk-select.is-focus .bk-input {
   border-color: #3a84ff;
   outline: 0;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity {
+.bk-select.is-focus .bk-input.is-simplicity {
   border-color: transparent;
   border-bottom-color: #3a84ff;
   box-shadow: none;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text {
+.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
   background-color: #f5f7fa;
 }
 .bk-select.popover-show .bk-select-trigger .angle-up {
@@ -237,6 +240,17 @@
 .bk-select .bk-select-trigger .bk-select-tag::placeholder {
   color: #c4c6cc;
 }
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
+  background-color: transparent;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
+  background-color: #f5f7fa;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+  box-shadow: none;
+}
 .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
   padding-left: 0;
 }
@@ -258,7 +272,7 @@
   min-height: 32px;
   flex-wrap: wrap;
 }
-.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
+.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
   border-color: #979ba5;
 }
 .bk-select .bk-select-trigger .bk-select-tag.is-disabled {