bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

package/lib/tree/props.d.ts

@@ -150,10 +150,8 @@ export declare const treeProps: {
     /**
      * 是否支持多选
      */
-    showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    showCheckbox: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -181,10 +179,8 @@ export declare const treeProps: {
      * 节点前面的展开收起Icon会根据判定值做改变
      * 如果需要自已控制，请设置为false
      */
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     /**
      * 如果设置了某一个叶子节点状态为展开，是否自动展开所有父级节点

package/lib/tree/tree.css

@@ -46,7 +46,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: #3a84ff;
@@ -109,6 +109,12 @@
 .bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
   background: #a3c5fd;
 }
+.bk-checkbox.is-prechecking {
+  position: relative;
+}
+.bk-checkbox.is-prechecking .bk-checkbox-input {
+  visibility: hidden;
+}
 .bk-checkbox-input {
   position: relative;
   display: inline-block;
@@ -135,6 +141,12 @@
   margin-left: 6px;
   vertical-align: middle;
 }
+.bk-checkbox-checking {
+  position: absolute;
+  font-size: 16px;
+  color: #3a84ff;
+  animation: loading 1s linear infinite;
+}
 .bk-tree {
   font-size: 14px;
 }

package/lib/tree/tree.d.ts

@@ -1,5 +1,9 @@
 import { TreePropTypes as defineTypes } from './props';
 export type TreePropTypes = defineTypes;
+export type ITreeScrollTopOption = {
+    id?: string;
+    index?: number;
+};
 declare const _default: import("vue").DefineComponent<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -81,10 +85,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    showCheckbox: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -101,10 +103,8 @@ declare const _default: import("vue").DefineComponent<{
             [key: string]: any;
         });
     };
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -214,10 +214,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    showCheckbox: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -234,10 +232,8 @@ declare const _default: import("vue").DefineComponent<{
             [key: string]: any;
         });
     };
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -277,9 +273,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     prefixIcon: any;
     checked: any[];
+    emptyText: string;
     children: string;
     offsetLeft: number;
-    emptyText: string;
     nodeKey: string;
     indent: number;
     levelLine: any;
@@ -289,9 +285,9 @@ declare const _default: import("vue").DefineComponent<{
     dragSort: boolean;
     selectable: any;
     disabledFolderSelectable: boolean;
-    showCheckbox: boolean;
+    showCheckbox: any;
     showNodeTypeIcon: boolean;
-    autoCheckChildren: boolean;
+    autoCheckChildren: any;
     autoOpenParentNode: boolean;
     expandAll: boolean;
     nodeContentAction: any;

package/lib/tree/tree.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -168,7 +172,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: #3a84ff;
@@ -231,6 +235,12 @@
 .bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
   background: #a3c5fd;
 }
+.bk-checkbox.is-prechecking {
+  position: relative;
+}
+.bk-checkbox.is-prechecking .bk-checkbox-input {
+  visibility: hidden;
+}
 .bk-checkbox-input {
   position: relative;
   display: inline-block;
@@ -257,6 +267,12 @@
   margin-left: 6px;
   vertical-align: middle;
 }
+.bk-checkbox-checking {
+  position: absolute;
+  font-size: 16px;
+  color: #3a84ff;
+  animation: loading 1s linear infinite;
+}
 .bk-tree {
   font-size: 14px;
 }

package/lib/tree/use-empty.d.ts

@@ -1,6 +1,4 @@
-declare const _default: (props: any, { slots }: {
-    slots: any;
-}) => {
+declare const _default: (props: any) => {
     renderEmpty: (type: '404' | '403' | '500' | 'building' | 'empty' | 'search-empty' | 'login') => JSX.Element;
 };
 export default _default;

package/lib/tree/util.d.ts

@@ -71,3 +71,4 @@ export declare const updateTreeNode: (path: string, treeData: any[], childKey: s
 export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;
 export declare const resolveNodeItem: (node: any) => any;
 export declare const resolvePropIsMatched: (node: any, prop: any, id: any) => any;
+export declare const showCheckbox: (props: TreePropTypes, node?: any) => any;