bkui-vue 2.0.2-beta.5 → 2.0.2-beta.51

package/lib/cascader/cascader.variable.css

@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {
@@ -293,12 +294,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 +317,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 +342,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 +373,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 +425,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 +433,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 +448,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<{