bkui-vue 0.0.1-beta.139 → 0.0.1-beta.141

package/lib/affix/affix.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/alert/alert.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/backtop/backtop.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/badge/badge.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/button/button.less

@@ -98,13 +98,13 @@
     each(@sizeSelectors, {
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
-      @sizeBtnFontSize: '@{value}BtnFontSize';
-      &.@{bk-prefix}-button-@{value} {
-        height: @@sizeBtnHeight;
-        padding: @@sizeBtnPadding;
-        font-size: @@sizeBtnFontSize;
-      }
-    });
+    @sizeBtnFontSize: '@{value}BtnFontSize';
+    &.@{bk-prefix}-button-@{value} {
+      height: @@sizeBtnHeight;
+      padding: @@sizeBtnPadding;
+      font-size: @@sizeBtnFontSize;
+    }
+  });
 
   .@{bk-prefix}-button-text {
     display: inline-flex;

package/lib/button/button.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/card/card.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;

package/lib/cascader/cascader-panel.d.ts

@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     checkValue: import("vue").Ref<any[]>;
     nodeClear: () => void;
     checkNode: (node: INode, value: boolean) => void;
+    iconRender: (node: any) => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     store: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;

package/lib/cascader/cascader.css

@@ -124,7 +124,14 @@
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-angle-right {
   position: absolute;
   top: -1px;
-  right: 5px;
+  right: 0;
   font-size: 20px;
   color: #979ba5;
 }
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-spinner {
+  position: absolute;
+  top: -1px;
+  right: 5px;
+  font-size: 12px;
+  color: #979ba5;
+}

package/lib/cascader/cascader.d.ts

@@ -93,6 +93,7 @@ declare const _default: import("vue").DefineComponent<{
         data: {
             id: string;
             name: string;
+            leaf?: boolean;
             disabled?: boolean;
             children?: any[];
         }[];
@@ -107,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
             nameKey: string;
             showCompleteName: boolean;
             trigger: string;
+            remoteMethod: Function;
         };
         nodes: {
             checked: boolean;
@@ -122,17 +124,20 @@ declare const _default: import("vue").DefineComponent<{
                 nameKey: string;
                 showCompleteName: boolean;
                 trigger: string;
+                remoteMethod: Function;
             };
             data: {
                 id: string;
                 name: string;
+                leaf?: boolean;
                 disabled?: boolean;
                 children?: any[];
             };
-            hasChildren: boolean;
+            leaf: boolean;
             id: string;
             level: number;
             loading: boolean;
+            loaded: boolean;
             name: string;
             parent?: any;
             isDisabled: boolean;
@@ -145,6 +150,8 @@ declare const _default: import("vue").DefineComponent<{
         getFlattedNodes: (leafOnly?: boolean) => any;
         getCheckedNodes: () => any;
         getNodeByValue: (value: string[]) => INode;
+        appendNode: (nodeData: import("./interface").IData, parentNode: import("./interface").IData) => void;
+        appendNodes: (nodeDataList: import("./interface").IData[], parentNode: import("./interface").IData) => void;
     };
     updateValue: (val: Array<any>) => void;
     hidePopover: () => void;
@@ -157,7 +164,7 @@ declare const _default: import("vue").DefineComponent<{
     cancelHover: () => void;
     selectedTags: import("vue").Ref<any[]>;
     removeTag: (value: any, index: any, e: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue")[], "change" | "toggle" | "clear" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<unknown[]> & {
         default: () => unknown[];
     } & {
@@ -247,7 +254,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
+    onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
+    onToggle?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     trigger: string;

package/lib/cascader/cascader.less

@@ -137,10 +137,18 @@
       .icon-angle-right {
         position: absolute;
         top: -1px;
-        right: 5px;
+        right: 0;
         font-size: 20px;
         color: @gray-color;
       }
+
+      .icon-spinner {
+        position: absolute;
+        top: -1px;
+        right: 5px;
+        font-size: 12px;
+        color: @gray-color;
+      }
     }
   }
 }

package/lib/cascader/cascader.variable.css

@@ -47,6 +47,13 @@
   --button-warning-active-color: #eb9000;
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -67,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -226,7 +237,14 @@
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-angle-right {
   position: absolute;
   top: -1px;
-  right: 5px;
+  right: 0;
   font-size: 20px;
   color: var(--gray-color);
 }
+.bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node .icon-spinner {
+  position: absolute;
+  top: -1px;
+  right: 5px;
+  font-size: 12px;
+  color: var(--gray-color);
+}

package/lib/cascader/index.d.ts

@@ -112,7 +112,10 @@ declare const BkCascader: {
                 default: string;
             };
         }>> & {
+            onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            onClear?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "extCls" | "placeholder" | "list" | "separator" | "multiple" | "clearable" | "modelValue" | "checkAnyLevel" | "filterable" | "idKey" | "nameKey" | "childrenKey" | "isRemote" | "remoteMethod" | "showCompleteName" | "limitOneLine">;
         $attrs: {
             [x: string]: unknown;
@@ -125,7 +128,7 @@ declare const BkCascader: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
+        $emit: (event: "change" | "toggle" | "clear" | "update:modelValue", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -217,12 +220,16 @@ declare const BkCascader: {
                 default: string;
             };
         }>> & {
+            onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
+            onClear?: (...args: any[]) => any;
+            onToggle?: (...args: any[]) => any;
         }, {
             store: {
                 data: {
                     id: string;
                     name: string;
+                    leaf?: boolean;
                     disabled?: boolean;
                     children?: any[];
                 }[];
@@ -237,6 +244,7 @@ declare const BkCascader: {
                     nameKey: string;
                     showCompleteName: boolean;
                     trigger: string;
+                    remoteMethod: Function;
                 };
                 nodes: {
                     checked: boolean;
@@ -252,17 +260,20 @@ declare const BkCascader: {
                         nameKey: string;
                         showCompleteName: boolean;
                         trigger: string;
+                        remoteMethod: Function;
                     };
                     data: {
                         id: string;
                         name: string;
+                        leaf?: boolean;
                         disabled?: boolean;
                         children?: any[];
                     };
-                    hasChildren: boolean;
+                    leaf: boolean;
                     id: string;
                     level: number;
                     loading: boolean;
+                    loaded: boolean;
                     name: string;
                     parent?: any;
                     isDisabled: boolean;
@@ -275,6 +286,8 @@ declare const BkCascader: {
                 getFlattedNodes: (leafOnly?: boolean) => any;
                 getCheckedNodes: () => any;
                 getNodeByValue: (value: string[]) => import("./interface").INode;
+                appendNode: (nodeData: import("./interface").IData, parentNode: import("./interface").IData) => void;
+                appendNodes: (nodeDataList: import("./interface").IData[], parentNode: import("./interface").IData) => void;
             };
             updateValue: (val: any[]) => void;
             hidePopover: () => void;
@@ -287,7 +300,7 @@ declare const BkCascader: {
             cancelHover: () => void;
             selectedTags: import("vue").Ref<any[]>;
             removeTag: (value: any, index: any, e: any) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue")[], string, {
             disabled: boolean;
             trigger: string;
             extCls: string;
@@ -416,12 +429,16 @@ declare const BkCascader: {
             default: string;
         };
     }>> & {
+        onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
+        onClear?: (...args: any[]) => any;
+        onToggle?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
         store: {
             data: {
                 id: string;
                 name: string;
+                leaf?: boolean;
                 disabled?: boolean;
                 children?: any[];
             }[];
@@ -436,6 +453,7 @@ declare const BkCascader: {
                 nameKey: string;
                 showCompleteName: boolean;
                 trigger: string;
+                remoteMethod: Function;
             };
             nodes: {
                 checked: boolean;
@@ -451,17 +469,20 @@ declare const BkCascader: {
                     nameKey: string;
                     showCompleteName: boolean;
                     trigger: string;
+                    remoteMethod: Function;
                 };
                 data: {
                     id: string;
                     name: string;
+                    leaf?: boolean;
                     disabled?: boolean;
                     children?: any[];
                 };
-                hasChildren: boolean;
+                leaf: boolean;
                 id: string;
                 level: number;
                 loading: boolean;
+                loaded: boolean;
                 name: string;
                 parent?: any;
                 isDisabled: boolean;
@@ -474,6 +495,8 @@ declare const BkCascader: {
             getFlattedNodes: (leafOnly?: boolean) => any;
             getCheckedNodes: () => any;
             getNodeByValue: (value: string[]) => import("./interface").INode;
+            appendNode: (nodeData: import("./interface").IData, parentNode: import("./interface").IData) => void;
+            appendNodes: (nodeDataList: import("./interface").IData[], parentNode: import("./interface").IData) => void;
         };
         updateValue: (val: any[]) => void;
         hidePopover: () => void;
@@ -580,12 +603,16 @@ declare const BkCascader: {
         default: string;
     };
 }>> & {
+    onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
+    onToggle?: (...args: any[]) => any;
 }, {
     store: {
         data: {
             id: string;
             name: string;
+            leaf?: boolean;
             disabled?: boolean;
             children?: any[];
         }[];
@@ -600,6 +627,7 @@ declare const BkCascader: {
             nameKey: string;
             showCompleteName: boolean;
             trigger: string;
+            remoteMethod: Function;
         };
         nodes: {
             checked: boolean;
@@ -615,17 +643,20 @@ declare const BkCascader: {
                 nameKey: string;
                 showCompleteName: boolean;
                 trigger: string;
+                remoteMethod: Function;
             };
             data: {
                 id: string;
                 name: string;
+                leaf?: boolean;
                 disabled?: boolean;
                 children?: any[];
             };
-            hasChildren: boolean;
+            leaf: boolean;
             id: string;
             level: number;
             loading: boolean;
+            loaded: boolean;
             name: string;
             parent?: any;
             isDisabled: boolean;
@@ -638,6 +669,8 @@ declare const BkCascader: {
         getFlattedNodes: (leafOnly?: boolean) => any;
         getCheckedNodes: () => any;
         getNodeByValue: (value: string[]) => import("./interface").INode;
+        appendNode: (nodeData: import("./interface").IData, parentNode: import("./interface").IData) => void;
+        appendNodes: (nodeDataList: import("./interface").IData[], parentNode: import("./interface").IData) => void;
     };
     updateValue: (val: any[]) => void;
     hidePopover: () => void;
@@ -650,7 +683,7 @@ declare const BkCascader: {
     cancelHover: () => void;
     selectedTags: import("vue").Ref<any[]>;
     removeTag: (value: any, index: any, e: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "toggle" | "clear" | "update:modelValue")[], "change" | "toggle" | "clear" | "update:modelValue", {
     disabled: boolean;
     trigger: string;
     extCls: string;
@@ -697,6 +730,7 @@ declare const BkCascader: {
         checkValue: import("vue").Ref<any[]>;
         nodeClear: () => void;
         checkNode: (node: import("./interface").INode, value: boolean) => void;
+        iconRender: (node: any) => JSX.Element;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         store: import("vue-types").VueTypeValidableDef<{
             [key: string]: any;