bkui-vue 2.0.2-beta.4 → 2.0.2-beta.40

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.d.ts

@@ -108,6 +108,11 @@ declare const _default: import("vue").DefineComponent<{
     customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     collapseTags: {
         type: BooleanConstructor;
         default: boolean;
@@ -123,6 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     overflowTagIndex: import("vue").Ref<number>;
     isCollapse: import("vue").ComputedRef<boolean>;
     isFocus: import("vue").Ref<boolean>;
+    isAlways: import("vue").Ref<boolean>;
     store: import("vue").Ref<{
         data: {
             id: string;
@@ -328,6 +334,11 @@ declare const _default: import("vue").DefineComponent<{
     customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     collapseTags: {
         type: BooleanConstructor;
         default: boolean;
@@ -367,6 +378,7 @@ declare const _default: import("vue").DefineComponent<{
     filterMethod: (...args: any[]) => any;
     customTextFillback: (...args: any[]) => any;
     customTagsFillback: (...args: any[]) => any;
+    changeEmitsNodes: boolean;
     floatMode: boolean;
 }, {}>;
 export default _default;

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.d.ts

@@ -105,6 +105,11 @@ declare const BkCascader: {
         customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         collapseTags: {
             type: BooleanConstructor;
             default: boolean;
@@ -126,6 +131,7 @@ declare const BkCascader: {
         overflowTagIndex: import("vue").Ref<number>;
         isCollapse: import("vue").ComputedRef<boolean>;
         isFocus: import("vue").Ref<boolean>;
+        isAlways: import("vue").Ref<boolean>;
         store: import("vue").Ref<{
             data: {
                 id: string;
@@ -331,6 +337,11 @@ declare const BkCascader: {
         customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         collapseTags: {
             type: BooleanConstructor;
             default: boolean;
@@ -370,6 +381,7 @@ declare const BkCascader: {
         filterMethod: (...args: any[]) => any;
         customTextFillback: (...args: any[]) => any;
         customTagsFillback: (...args: any[]) => any;
+        changeEmitsNodes: boolean;
         floatMode: boolean;
     }, true, {}, {}, {
         P: {};
@@ -483,6 +495,11 @@ declare const BkCascader: {
         customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         collapseTags: {
             type: BooleanConstructor;
             default: boolean;
@@ -504,6 +521,7 @@ declare const BkCascader: {
         overflowTagIndex: import("vue").Ref<number>;
         isCollapse: import("vue").ComputedRef<boolean>;
         isFocus: import("vue").Ref<boolean>;
+        isAlways: import("vue").Ref<boolean>;
         store: import("vue").Ref<{
             data: {
                 id: string;
@@ -629,6 +647,7 @@ declare const BkCascader: {
         filterMethod: (...args: any[]) => any;
         customTextFillback: (...args: any[]) => any;
         customTagsFillback: (...args: any[]) => any;
+        changeEmitsNodes: boolean;
         floatMode: boolean;
     }>;
     __isFragment?: never;
@@ -739,6 +758,11 @@ declare const BkCascader: {
     customTagsFillback: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    changeEmitsNodes: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     collapseTags: {
         type: BooleanConstructor;
         default: boolean;
@@ -760,6 +784,7 @@ declare const BkCascader: {
     overflowTagIndex: import("vue").Ref<number>;
     isCollapse: import("vue").ComputedRef<boolean>;
     isFocus: import("vue").Ref<boolean>;
+    isAlways: import("vue").Ref<boolean>;
     store: import("vue").Ref<{
         data: {
             id: string;
@@ -885,6 +910,7 @@ declare const BkCascader: {
     filterMethod: (...args: any[]) => any;
     customTextFillback: (...args: any[]) => any;
     customTagsFillback: (...args: any[]) => any;
+    changeEmitsNodes: boolean;
     floatMode: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     CascaderPanel: import("vue").DefineComponent<{