bkui-vue 0.0.2-beta.13 → 0.0.2-beta.131

package/lib/tree/props.d.ts

@@ -61,6 +61,13 @@ export declare const treeProps: {
     } & {
         default: number;
     };
+    /**
+     * 设置树形组件高度
+     * 在设置 virtualRender=true时，请指定高度，避免组件自动计算高度导致多次渲染
+     */
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     /**
      * 设置层级连线
      */
@@ -143,10 +150,11 @@ 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[];
     };
     /**
      * 是否显示节点类型Icon
@@ -161,16 +169,18 @@ export declare const treeProps: {
      */
     selected: import("vue-types").VueTypeDef<string | number | {
         [key: string]: any;
-    }>;
+    }> & {
+        default: string | number | (() => {
+            [key: string]: any;
+        });
+    };
     /**
      * 是否自动检查当前节点是否有子节点
      * 节点前面的展开收起Icon会根据判定值做改变
      * 如果需要自已控制，请设置为false
      */
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     /**
      * 如果设置了某一个叶子节点状态为展开，是否自动展开所有父级节点
@@ -218,7 +228,7 @@ export type SearchOption = {
     value: string | number | boolean;
     match?: `${TreeSearchMatchEnum}` | Function;
     resultType?: `${TreeSearchResultEnum}`;
-    openResultNode: boolean;
+    showChildNodes?: boolean;
 };
 export type TreePropTypes = Readonly<ExtractPropTypes<typeof treeProps>>;
 export {};

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[];
@@ -25,6 +29,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     levelLine: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -78,10 +85,11 @@ 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[];
     };
     showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -90,11 +98,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     selected: import("vue-types").VueTypeDef<string | number | {
         [key: string]: any;
-    }>;
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    }> & {
+        default: string | number | (() => {
+            [key: string]: any;
+        });
+    };
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -148,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     levelLine: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -201,10 +214,11 @@ 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[];
     };
     showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -213,11 +227,13 @@ declare const _default: import("vue").DefineComponent<{
     };
     selected: import("vue-types").VueTypeDef<string | number | {
         [key: string]: any;
-    }>;
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    }> & {
+        default: string | number | (() => {
+            [key: string]: any;
+        });
+    };
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -248,13 +264,18 @@ declare const _default: import("vue").DefineComponent<{
     onNodeDrop?: (...args: any[]) => any;
 }, {
     data: any[];
+    height: number;
     search: string | number | boolean | import("./props").SearchOption;
     draggable: boolean;
     lineHeight: number;
+    selected: string | number | {
+        [key: string]: any;
+    };
     prefixIcon: any;
+    checked: any[];
+    emptyText: string;
     children: string;
     offsetLeft: number;
-    emptyText: string;
     nodeKey: string;
     indent: number;
     levelLine: any;
@@ -264,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/use-node-action.d.ts

@@ -1,12 +1,14 @@
 import { TreePropTypes } from './props';
-declare const _default: (props: TreePropTypes, ctx: any, flatData: any, _renderData: any, schemaValues: any, initOption: any) => {
-    renderTreeNode: (item: any) => JSX.Element;
+import { IFlatData } from './util';
+declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _renderData: any, initOption: any) => {
+    renderTreeNode: (item: any, showTree?: boolean) => JSX.Element;
     handleTreeNodeClick: (item: any, e: MouseEvent) => void;
     deepAutoOpen: () => void;
     asyncNodeClick: (item: any) => Promise<any>;
     setNodeAction: (args: any | any[], action: string, value: any) => void;
     setNodeOpened: (item: any, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
-    setSelect: (uuid: any, selected?: boolean, autoOpen?: boolean) => void;
+    setSelect: (nodes: any, selected?: boolean, autoOpen?: boolean) => void;
     setOpen: (item: any[] | any, isOpen?: boolean, autoOpenParents?: boolean) => void;
+    setNodeAttribute: (node: any, attrName: string | string[], value: string | number | boolean | (string | number | boolean)[], loopParent?: boolean) => void;
 };
 export default _default;

package/lib/tree/use-node-attribute.d.ts

@@ -1,15 +1,22 @@
 import { TreePropTypes } from './props';
-declare const _default: (flatData: any, props?: TreePropTypes) => {
-    getSchemaVal: (key: string) => any;
+declare const _default: (flatData: {
+    data: any[];
+    schema: WeakMap<Object, any>;
+}, props?: TreePropTypes) => {
+    getSchemaVal: (node: any) => any;
     getNodeAttr: (node: any, attr: string) => any;
     getNodeId: (node: any) => any;
     getNodeParentId: (node: any) => any;
+    getParentNodeData: (node: any) => any;
+    getNodePathById: (id: string) => any;
+    getNodeAttrById: (id: string, attr: string) => any;
     getNodeParentIdById: (id: string) => any;
-    getParentNodeData: (uid: string) => any;
+    getParentNodeAttr: (node: any, attrName: string) => any;
     getParentNode: (node: any) => any;
-    setNodeAttr: (node: any, attr: string, val: any) => void;
+    setNodeAttr: (node: any, attr: string, val: any, id?: any) => void;
+    setNodeAttrById: (id: any, attr: string, val: any) => void;
     getNodePath: (node: any) => any;
-    isRootNode: (node: any) => any;
+    isRootNode: (node: any | string) => any;
     isNodeOpened: (node: any) => any;
     hasChildNode: (node: any) => any;
     isItemOpen: (item: any) => any;
@@ -17,24 +24,26 @@ declare const _default: (flatData: any, props?: TreePropTypes) => {
     isNodeMatched: (node: any) => any;
     isNodeLoading: (node: any) => any;
     checkNodeIsOpen: (node: any) => any;
-    getSourceNodeByPath: (path: string) => any;
+    getSourceNodeByPath: (path: string, uid?: string) => any;
     getSourceNodeByUID: (uid: string) => any;
-    deleteNodeSchema: (id: string) => boolean;
+    isMatchedNode: (node: any) => any;
     resolveScopedSlotParam: (item: any) => {
         [x: string]: any;
         fullPath: any;
         uuid: any;
+        parent: any;
         parentId: any;
     };
     setTreeNodeLoading: (node: any, value: boolean) => void;
     extendNodeAttr: (item: any) => any;
-    getChildNodes: (node: any) => any[];
+    getChildNodes: (node: any) => any;
     extendNodeScopedData: (item: any) => {
         data: any;
         attributes: {
             [x: string]: any;
             fullPath: any;
             uuid: any;
+            parent: any;
             parentId: any;
         };
     };

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

@@ -4,8 +4,8 @@ declare const _default: (props: TreePropTypes) => {
     refSearch: import("vue").Ref<string | number | boolean | SearchOption>;
     isSearchActive: import("vue").ComputedRef<boolean>;
     isSearchDisabled: boolean;
-    openResultNode: boolean;
     resultType: "list" | "tree";
-    isTreeUI: boolean;
+    isTreeUI: import("vue").ComputedRef<boolean>;
+    showChildNodes: boolean;
 };
 export default _default;

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

@@ -2,10 +2,9 @@ import { TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
     flatData: {
         data: any[];
-        schema: any[] | Map<string, any>;
+        schema: WeakMap<Object, any>;
         levelLineSchema: {};
     };
-    schemaValues: import("vue").ComputedRef<any[]>;
     asyncNodeClick: (item: any) => Promise<any>;
     deepAutoOpen: () => void;
     afterDataUpdate: (callFn: (d: any) => any) => void;

package/lib/tree/util.d.ts

@@ -1,4 +1,8 @@
 import { TreePropTypes } from './props';
+export type IFlatData = {
+    data: any[];
+    schema: WeakMap<Object, any>;
+};
 /**
  * 获取当前节点显示Label
  * @param item 当前节点
@@ -29,19 +33,19 @@ export declare const getNodeItemStyle: any;
  * @param item
  * @returns
  */
-export declare const getNodeItemClass: (item: any, schema: any, props: TreePropTypes) => {
+export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
     'is-root': any;
     'bk-tree-node': boolean;
     'is-open': any;
     'is-virtual-render': boolean;
-    'level-line': any;
+    'level-line': boolean;
 };
 /**
  * 获取当前渲染节点Class List
  * @param item
  * @returns
  */
-export declare const getNodeRowClass: (item: any, schema: any) => {
+export declare const getNodeRowClass: (item: any, schema: WeakMap<Object, any>) => {
     [x: string]: any;
     'is-checked': any;
     'is-selected': any;
@@ -66,3 +70,5 @@ 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;

package/lib/upload/index.d.ts

@@ -28,8 +28,8 @@ declare const Upload: {
             style?: unknown;
             onError?: (...args: any[]) => any;
             onProgress?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {