bkui-vue 2.0.2-beta.32 → 2.0.2-beta.34

package/lib/cascader/cascader.css

@@ -163,12 +163,12 @@
   position: absolute;
   right: 2px;
   display: inline-flex;
+  align-items: center;
   height: 100%;
   font-size: 20px;
   color: #979ba5;
-  transform: rotate(180deg);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  align-items: center;
+  transform: rotate(180deg);
 }
 .bk-cascader .bk-icon-clear-icon {
   right: 4px;
@@ -186,8 +186,8 @@
   position: static;
   display: block;
   max-width: 100%;
-  max-height: 120px;
   min-height: 30px;
+  max-height: 120px;
   padding: 0 24px 0 11px;
   overflow-x: hidden;
   text-overflow: ellipsis;
@@ -211,18 +211,18 @@
   white-space: nowrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list {
+  box-sizing: border-box;
   display: flex;
+  flex-wrap: wrap;
   height: 32px;
   min-height: 30px;
   padding-top: 5px;
   overflow: hidden;
-  box-sizing: border-box;
-  flex-wrap: wrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list .tag-item {
   position: relative;
-  height: 22px;
   max-width: calc(100% - 50px);
+  height: 22px;
   padding-right: 18px;
   margin: 0 6px 5px 0;
   overflow: hidden;
@@ -242,49 +242,51 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-cascader-panel-wrapper {
-  display: inline-flex;
+.bk-cascader-popover {
   border: 1px solid #dcdee5;
   border-radius: 2px;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel {
+.bk-cascader-popover .bk-cascader-panel-wrapper {
+  display: inline-flex;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel {
   min-width: 160px;
   padding: 4px 0;
   background: white;
   border-right: 1px solid #dcdee5;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
   border-right: none;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
   position: relative;
   display: flex;
+  align-items: center;
   padding: 0 16px;
   overflow: hidden;
   line-height: 32px;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  align-items: center;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
   background: #f5f7fa;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
   color: #3a84ff;
   background: #e1ecff;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: white;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
   color: #c4c6cc;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
   position: absolute;
   top: 50%;
   right: 0;
@@ -292,7 +294,7 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
   position: absolute;
   top: 50%;
   right: 5px;
@@ -300,14 +302,14 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
   display: flex;
-  height: 100%;
-  color: #63656e;
   align-items: center;
   justify-content: center;
+  height: 100%;
+  color: #63656e;
 }
-.bk-cascader-panel-wrapper .bk-cascader-search-empty {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-search-empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -315,6 +317,6 @@
   color: #63656e;
 }
 .bk-cascader-popover-reference {
-  width: 100%;
   display: block !important;
+  width: 100%;
 }

package/lib/cascader/cascader.less

@@ -110,12 +110,12 @@
     position: absolute;
     right: 2px;
     display: inline-flex;
+    align-items: center;
     height: 100%;
     font-size: 20px;
     color: #979ba5;
-    transform: rotate(180deg);
     transition: transform .3s cubic-bezier(.4,0,.2,1);
-    align-items: center;
+    transform: rotate(180deg);
   }
 
   .@{bk-prefix}-icon-clear-icon {
@@ -135,8 +135,8 @@
     position: static;
     display: block;
     max-width: 100%;
-    max-height: 120px;
     min-height: 30px;
+    max-height: 120px;
     padding: 0 24px 0 11px;
     overflow-x: hidden;
     text-overflow: ellipsis;
@@ -163,18 +163,18 @@
     }
 
     .cascader-tag-list {
+      box-sizing: border-box;
       display: flex;
+      flex-wrap: wrap;
       height: @component-size-base;
       min-height: 30px;
       padding-top: 5px;
       overflow: hidden;
-      box-sizing: border-box;
-      flex-wrap: wrap;
 
       .tag-item {
         position: relative;
-        height: 22px;
         max-width: calc(100% - 50px);
+        height: 22px;
         padding-right: 18px;
         margin: 0 6px 5px 0;
         overflow: hidden;
@@ -200,87 +200,89 @@
   }
 }
 
-.@{bk-prefix}-cascader-panel-wrapper {
-  display: inline-flex;
+.@{bk-prefix}-cascader-popover{
   border: 1px solid @cascader-panel-border-color;
   border-radius: 2px;
   box-shadow: 0px 2px 6px 0px rgba(0,0,0,.10);
-  .@{bk-prefix}-cascader-panel {
-    min-width: 160px;
-    padding: 4px 0;
-    background: @white-color;
-    border-right: 1px solid @cascader-panel-border-color;
-
-    &:last-child {
-      border-right: none;
-    }
-    .@{bk-prefix}-cascader-node {
-      position: relative;
-      display: flex;
-      padding: 0 16px;
-      overflow: hidden;
-      line-height: @component-size-base;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
-      align-items: center;
-
-      &:hover {
-        background: @cascader-panel-hover;
-      }
-
-      &.is-selected,
-      &.is-checked {
-        color: @primary-color;
-        background: @cascader-panel-active;
+  .@{bk-prefix}-cascader-panel-wrapper {
+    display: inline-flex;
+    .@{bk-prefix}-cascader-panel {
+      min-width: 160px;
+      padding: 4px 0;
+      background: @white-color;
+      border-right: 1px solid @cascader-panel-border-color;
+  
+      &:last-child {
+        border-right: none;
       }
-
-      &.is-disabled {
-        color: @light-gray;
-        cursor: not-allowed;
-        background-color: @white-color;
-
-        .@{bk-prefix}-icon-angle-right {
+      .@{bk-prefix}-cascader-node {
+        position: relative;
+        display: flex;
+        align-items: center;
+        padding: 0 16px;
+        overflow: hidden;
+        line-height: @component-size-base;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer;
+  
+        &:hover {
+          background: @cascader-panel-hover;
+        }
+  
+        &.is-selected,
+        &.is-checked {
+          color: @primary-color;
+          background: @cascader-panel-active;
+        }
+  
+        &.is-disabled {
           color: @light-gray;
+          cursor: not-allowed;
+          background-color: @white-color;
+  
+          .@{bk-prefix}-icon-angle-right {
+            color: @light-gray;
+          }
+        }
+  
+        .@{bk-prefix}-icon-angle-right {
+          position: absolute;
+          top: 50%;
+          right: 0;
+          font-size: 20px;
+          color: @gray-color;
+          transform: translateY(-50%);
+        }
+  
+        .@{bk-prefix}-icon-spinner {
+          position: absolute;
+          top: 50%;
+          right: 5px;
+          font-size: 12px;
+          color: @gray-color;
+          transform: translateY(-50%);
         }
-      }
-
-      .@{bk-prefix}-icon-angle-right {
-        position: absolute;
-        top: 50%;
-        right: 0;
-        font-size: 20px;
-        color: @gray-color;
-        transform: translateY(-50%);
-      }
-
-      .@{bk-prefix}-icon-spinner {
-        position: absolute;
-        top: 50%;
-        right: 5px;
-        font-size: 12px;
-        color: @gray-color;
-        transform: translateY(-50%);
       }
     }
-  }
-  .@{bk-prefix}-cascader-panel-empty-wrapper {
-    display: flex;
-    height: 100%;
-    color: #63656e;
-    align-items: center;
-    justify-content: center;
-  }
-  .@{bk-prefix}-cascader-search-empty {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 56px;
-    color: #63656e
+    .@{bk-prefix}-cascader-panel-empty-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      color: #63656e;
+    }
+    .@{bk-prefix}-cascader-search-empty {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 56px;
+      color: #63656e
+    }
   }
 }
 
 .@{bk-prefix}-cascader-popover-reference{
-  width: 100%;
   display: block !important;
+  width: 100%;
 }

package/lib/cascader/cascader.variable.css

@@ -293,12 +293,12 @@
   position: absolute;
   right: 2px;
   display: inline-flex;
+  align-items: center;
   height: 100%;
   font-size: 20px;
   color: #979ba5;
-  transform: rotate(180deg);
   transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  align-items: center;
+  transform: rotate(180deg);
 }
 .bk-cascader .bk-icon-clear-icon {
   right: 4px;
@@ -316,8 +316,8 @@
   position: static;
   display: block;
   max-width: 100%;
-  max-height: 120px;
   min-height: 30px;
+  max-height: 120px;
   padding: 0 24px 0 11px;
   overflow-x: hidden;
   text-overflow: ellipsis;
@@ -341,18 +341,18 @@
   white-space: nowrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list {
+  box-sizing: border-box;
   display: flex;
+  flex-wrap: wrap;
   height: 32px;
   min-height: 30px;
   padding-top: 5px;
   overflow: hidden;
-  box-sizing: border-box;
-  flex-wrap: wrap;
 }
 .bk-cascader .bk-cascader-name .cascader-tag-list .tag-item {
   position: relative;
-  height: 22px;
   max-width: calc(100% - 50px);
+  height: 22px;
   padding-right: 18px;
   margin: 0 6px 5px 0;
   overflow: hidden;
@@ -372,49 +372,51 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.bk-cascader-panel-wrapper {
-  display: inline-flex;
+.bk-cascader-popover {
   border: 1px solid #dcdee5;
   border-radius: 2px;
   box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel {
+.bk-cascader-popover .bk-cascader-panel-wrapper {
+  display: inline-flex;
+}
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel {
   min-width: 160px;
   padding: 4px 0;
   background: white;
   border-right: 1px solid #dcdee5;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel:last-child {
   border-right: none;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
   position: relative;
   display: flex;
+  align-items: center;
   padding: 0 16px;
   overflow: hidden;
   line-height: 32px;
   text-overflow: ellipsis;
   white-space: nowrap;
   cursor: pointer;
-  align-items: center;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {
   background: #f5f7fa;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-selected,
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-checked {
   color: #3a84ff;
   background: #e1ecff;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: white;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node.is-disabled .bk-icon-angle-right {
   color: #c4c6cc;
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-angle-right {
   position: absolute;
   top: 50%;
   right: 0;
@@ -422,7 +424,7 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .bk-icon-spinner {
   position: absolute;
   top: 50%;
   right: 5px;
@@ -430,14 +432,14 @@
   color: #979ba5;
   transform: translateY(-50%);
 }
-.bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-panel-empty-wrapper {
   display: flex;
-  height: 100%;
-  color: #63656e;
   align-items: center;
   justify-content: center;
+  height: 100%;
+  color: #63656e;
 }
-.bk-cascader-panel-wrapper .bk-cascader-search-empty {
+.bk-cascader-popover .bk-cascader-panel-wrapper .bk-cascader-search-empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -445,6 +447,6 @@
   color: #63656e;
 }
 .bk-cascader-popover-reference {
-  width: 100%;
   display: block !important;
+  width: 100%;
 }

package/lib/cascader/index.js

@@ -2819,6 +2819,7 @@ var Store = /*#__PURE__*/function () {
           }, null) : textRender()]);
         },
         content: function content() {
+          var _this$$slots$extensio, _this$$slots;
           return (0,external_vue_.createVNode)("div", {
             "class": _this.resolveClassName('cascader-popover')
           }, [(0,external_vue_.createVNode)(cascader_panel, {
@@ -2840,7 +2841,7 @@ var Store = /*#__PURE__*/function () {
                 "class": _this.resolveClassName('cascader-node-name')
               }, [scope.node.name]);
             }
-          })]);
+          }), (_this$$slots$extensio = (_this$$slots = _this.$slots).extension) === null || _this$$slots$extensio === void 0 ? void 0 : _this$$slots$extensio.call(_this$$slots)]);
         }
       });
     };

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.32";
+export const version = "2.0.2-beta.34";
 window.__bkui_vue_version__ = version;

package/lib/search-select/index.js

@@ -3749,7 +3749,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         },
         "contenteditable": true,
         "data-placeholder": !_this.isComposition && !inputInnerHtml && !_this.keyword ? _this.placeholder : '',
-        "data-tips": placeholder || '',
+        "data-tips": !_this.isComposition ? placeholder || '' : '',
         "spellcheck": "false",
         "onCompositionend": _this.handleCompositionEnd,
         "onCompositionstart": _this.handleCompositionStart,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.32",
+  "version": "2.0.2-beta.34",
   "workspaces": [
     "packages/**",
     "scripts/cli",