bkui-vue 2.0.1-beta.28 → 2.0.1-beta.29

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.28";
+export const version = "2.0.1-beta.29";
 window.__bkui_vue_version__ = version;

package/lib/table/hooks/use-rows.d.ts

@@ -5,6 +5,7 @@ declare const useRows: (props: TablePropTypes) => {
     setRowExpand: (row: Record<string, unknown>, isExpand: boolean) => void;
     isRowChecked: (row: Record<string, unknown>, index: number) => any;
     setPageRowList: (rowList: Record<string, unknown>[]) => void;
+    setTableRowList: (data: unknown[]) => void;
     clearSelection: () => void;
     formatDataSchema: () => void;
     toggleRowSelection: (row: Record<string, unknown>) => void;
@@ -18,7 +19,8 @@ declare const useRows: (props: TablePropTypes) => {
     getRowCheckedAllValue: () => any;
     changePageRowIndex: (sourceIndex: any, targetIndex: any) => void;
     toggleAllSelection: (value?: boolean) => void;
-    tableRowList: import("vue").ComputedRef<any[]>;
+    tableRowList: import("vue").Ref<any[]>;
+    tableRowSchema: WeakMap<object, any> & Omit<WeakMap<object, any>, keyof WeakMap<any, any>>;
     pageRowList: any[];
 };
 export type UseRows = ReturnType<typeof useRows>;

package/lib/table/index.js

@@ -23297,10 +23297,7 @@ var useRows = function useRows(props) {
   /**
    * 全量数据
    */
-  var tableRowList = (0,external_vue_namespaceObject.computed)(function () {
-    var _props$data;
-    return (_props$data = props.data) !== null && _props$data !== void 0 ? _props$data : [];
-  });
+  var tableRowList = (0,external_vue_namespaceObject.ref)([]);
   /**
    * 分页数据
    * 当前页数据
@@ -23359,13 +23356,6 @@ var useRows = function useRows(props) {
     });
     tableRowSchema.set(CHECK_ALL_OBJ, defineProperty_defineProperty(defineProperty_defineProperty({}, TABLE_ROW_ATTRIBUTE.ROW_SELECTION, hasSelectedRow), TABLE_ROW_ATTRIBUTE.ROW_SELECTION_INDETERMINATE, hasSelectedRow && hasUnSelectedRow));
   };
-  (0,external_vue_namespaceObject.watch)(function () {
-    return [tableRowList];
-  }, function () {
-    formatDataSchema();
-  }, {
-    immediate: true
-  });
   var getSelectionRowArgs = function getSelectionRowArgs(row, index) {
     return {
       row: row,
@@ -23531,11 +23521,18 @@ var useRows = function useRows(props) {
       return getRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_SELECTION);
     });
   };
+  var setTableRowList = function setTableRowList(data) {
+    var _tableRowList$value;
+    tableRowList.value.length = 0;
+    (_tableRowList$value = tableRowList.value).push.apply(_tableRowList$value, _toConsumableArray(data));
+    formatDataSchema();
+  };
   return {
     setRowIndex: setRowIndex,
     setRowExpand: setRowExpand,
     isRowChecked: isRowChecked,
     setPageRowList: setPageRowList,
+    setTableRowList: setTableRowList,
     clearSelection: clearSelection,
     formatDataSchema: formatDataSchema,
     toggleRowSelection: toggleRowSelection,
@@ -23550,6 +23547,7 @@ var useRows = function useRows(props) {
     changePageRowIndex: changePageRowIndex,
     toggleAllSelection: toggleAllSelection,
     tableRowList: tableRowList,
+    tableRowSchema: tableRowSchema,
     pageRowList: pageRowList
   };
 };
@@ -24052,7 +24050,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         setBodyHeight(Number("".concat(props.height).replace('px', '')));
       }
     };
-    var setTableData = function setTableData() {
+    var setTableData = (0,lodash.debounce)(function () {
       var filterOrderList = getFilterAndSortList();
       if (!props.remotePagination) {
         pagination.setPagination({
@@ -24062,14 +24060,16 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       var renderList = getRenderRowList(filterOrderList);
       rows.setPageRowList(renderList);
       (0,external_vue_namespaceObject.nextTick)(function () {
+        var _refBody$value2;
         setOffsetRight();
+        (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || _refBody$value2.scrollTo(0, 0);
       });
-    };
+    }, 64);
     var observerResizing = (0,external_vue_namespaceObject.ref)(false);
     var observerResizingTimer = null;
     use_observer_resize(refRoot, function () {
       if (!observerResizing.value) {
-        var _refBody$value2;
+        var _refBody$value3;
         observerResizing.value = true;
         if ((props.height === '100%' || props.virtualEnabled) && (0,lodash.isElement)(refRoot.value)) {
           if (isResizeBodyHeight.value) {
@@ -24085,7 +24085,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
         }
         computedColumnRect();
         setOffsetRight();
-        (_refBody$value2 = refBody.value) === null || _refBody$value2 === void 0 || _refBody$value2.scrollTo(0, 0);
+        (_refBody$value3 = refBody.value) === null || _refBody$value3 === void 0 || _refBody$value3.scrollTo(0, 0);
         return;
       }
       observerResizingTimer && clearTimeout(observerResizingTimer);
@@ -24111,9 +24111,7 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
     (0,external_vue_namespaceObject.watch)(function () {
       return [columns.sortColumns, columns.filterColumns];
     }, function () {
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        setTableData();
-      });
+      setTableData();
     }, {
       deep: true
     });
@@ -24125,13 +24123,21 @@ var useSettings = function useSettings(props, ctx, columns, afterSetting) {
       immediate: true
     });
     (0,external_vue_namespaceObject.watch)(function () {
-      return [pagination.options.count, pagination.options.limit, pagination.options.current, props.data];
+      return [props.data];
     }, function () {
+      rows.setTableRowList(props.data);
       setTableData();
     }, {
       immediate: true,
       deep: true
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return [pagination.options.count, pagination.options.limit, pagination.options.current];
+    }, function () {
+      setTableData();
+    }, {
+      immediate: true
+    });
     ctx.expose({
       setRowExpand: rows.setRowExpand,
       setAllRowExpand: rows.setAllRowExpand,

package/lib/table/table.css

@@ -1358,6 +1358,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  height: 100%;
 }
 .bk-table .bk-table-head table th .cell.expand-cell,
 .bk-table .bk-table-body table th .cell.expand-cell,

package/lib/table/table.less

@@ -149,6 +149,7 @@
             display: flex;
             align-items: center;
             justify-content: center;
+            height: 100%;
           }
 
           &.expand-cell {

package/lib/table/table.variable.css

@@ -1748,6 +1748,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  height: 100%;
 }
 .bk-table .bk-table-head table th .cell.expand-cell,
 .bk-table .bk-table-body table th .cell.expand-cell,

package/lib/tree/index.d.ts

@@ -39,7 +39,9 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
             cache: boolean;
             deepAutoOpen?: string;
         }>;
@@ -183,7 +185,9 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
             cache: boolean;
             deepAutoOpen?: string;
         }>;
@@ -353,7 +357,9 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
             cache: boolean;
             deepAutoOpen?: string;
         }>;
@@ -520,7 +526,9 @@ declare const BkTree: {
         default: any;
     };
     async: import("vue-types").VueTypeShape<{
-        callback: (item: any, cb: any) => Promise<any>;
+        callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
         cache: boolean;
         deepAutoOpen?: string;
     }>;

package/lib/tree/index.js

@@ -17367,7 +17367,7 @@ function _slicedToArray(arr, i) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -18606,7 +18606,7 @@ var use_node_action_this = undefined;
       return val;
     }
     if (_typeof(val) === 'object' && val !== null) {
-      if (val.__v_isVNode) {
+      if ((0,external_vue_namespaceObject.isVNode)(val)) {
         return val;
       }
       var node = val.node,
@@ -18689,7 +18689,7 @@ var use_node_action_this = undefined;
       });
       setNodeAttr(parent, NODE_ATTRIBUTES.IS_CHECKED, isNeedChecked);
       setNodeAttr(parent, NODE_ATTRIBUTES.IS_INDETERMINATE, (getChildNodes(parent) || []).some(function (node) {
-        return !isNodeChecked(node);
+        return !isNodeChecked(node) || isIndeterminate(node);
       }));
       if (!isRootNode(parent)) {
         updateParentChecked(parent, isChecked);

package/lib/tree/props.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, VNode } from 'vue';
 declare enum TreeSearchMatchEnum {
     FULL = "full",
     FUZZY = "fuzzy"
@@ -7,6 +7,10 @@ declare enum TreeSearchResultEnum {
     LIST = "list",
     TREE = "tree"
 }
+export type TreeNode = {
+    [key: string]: unknown;
+    children: TreeNode[];
+};
 /**
  * Tree Prop: prefixIcon function
  * @param {} isRoot 是否为分跟节点
@@ -15,7 +19,7 @@ declare enum TreeSearchResultEnum {
  * @param {} renderType 当前渲染类型（action: 用来标识当前节点状态，展开 | 收起, node_type：节点类型，文件、文件夹）
  * @param {} item 当前节点数据
  */
-export type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: any) => any;
+export type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: TreeNode) => VNode | string;
 export declare const treeProps: {
     /**
      * 渲染列表
@@ -230,17 +234,17 @@ export declare const treeProps: {
     };
 };
 type AsyncOption = {
-    callback: (item: any, cb: any) => Promise<any>;
+    callback: (item: any, cb: any) => Promise<VNode | string>;
     cache: boolean;
     deepAutoOpen?: string;
 };
 export type IIntersectionObserver = {
     enabled: boolean;
-    callback: (node: any, level: number, index: number) => void;
+    callback: (node: TreeNode, level: number, index: number) => void;
 };
 export type SearchOption = {
     value: boolean | number | string;
-    match?: `${TreeSearchMatchEnum}` | Function;
+    match?: ((...args: any[]) => boolean) | `${TreeSearchMatchEnum}`;
     resultType?: `${TreeSearchResultEnum}`;
     showChildNodes?: boolean;
 };

package/lib/tree/tree.d.ts

@@ -44,7 +44,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     async: import("vue-types").VueTypeShape<{
-        callback: (item: any, cb: any) => Promise<any>;
+        callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
         cache: boolean;
         deepAutoOpen?: string;
     }>;
@@ -178,7 +180,9 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     async: import("vue-types").VueTypeShape<{
-        callback: (item: any, cb: any) => Promise<any>;
+        callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
         cache: boolean;
         deepAutoOpen?: string;
     }>;

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

@@ -1,14 +1,14 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 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;
+    renderTreeNode: (item: TreeNode, showTree?: boolean) => JSX.Element;
+    handleTreeNodeClick: (item: TreeNode, 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: (nodes: any, selected?: boolean, autoOpen?: boolean) => void;
-    setOpen: (item: any | any[], isOpen?: boolean, autoOpenParents?: boolean) => void;
-    setNodeAttribute: (node: any, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
+    setNodeAction: (args: TreeNode | TreeNode[], action: string, value: unknown) => void;
+    setNodeOpened: (item: TreeNode, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
+    setSelect: (nodes: TreeNode | TreeNode[], selected?: boolean, autoOpen?: boolean) => void;
+    setOpen: (item: TreeNode, isOpen?: boolean, autoOpenParents?: boolean) => void;
+    setNodeAttribute: (node: TreeNode, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
 };
 export default _default;

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

@@ -1,45 +1,53 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 declare const _default: (flatData: {
-    data: any[];
-    schema: WeakMap<Object, any>;
+    data: TreeNode[];
+    schema: WeakMap<TreeNode, unknown>;
 }, props?: TreePropTypes) => {
-    getSchemaVal: (node: any) => any;
-    getNodeAttr: (node: any, attr: string) => any;
-    getNodeId: (node: any) => any;
-    getNodeById: (id: any) => any;
-    getNodeParentId: (node: any) => any;
-    getParentNodeData: (node: any) => any;
+    getSchemaVal: (node: TreeNode) => unknown;
+    getNodeAttr: (node: TreeNode, attr: string) => any;
+    getNodeId: (node: TreeNode) => any;
+    getNodeById: (id: string | unknown) => TreeNode;
+    getNodeParentId: (node: TreeNode) => any;
+    getParentNodeData: (node: TreeNode | string) => any;
     getNodePathById: (id: string) => any;
     getNodeAttrById: (id: string, attr: string) => any;
     getNodeParentIdById: (id: string) => any;
-    getParentNodeAttr: (node: any, attrName: string) => any;
-    getParentNode: (node: any) => any;
-    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 | string) => any;
-    isNodeOpened: (node: any) => any;
-    hasChildNode: (node: any) => any;
-    isItemOpen: (item: any) => any;
-    isNodeChecked: (node: any) => any;
-    isNodeMatched: (node: any) => any;
-    isNodeLoading: (node: any) => any;
-    checkNodeIsOpen: (node: any) => any;
-    getSourceNodeByPath: (path: string, uid?: string) => any;
-    getSourceNodeByUID: (uid: string) => any;
-    isMatchedNode: (node: any) => any;
-    resolveScopedSlotParam: (item: any) => {
+    getParentNodeAttr: (node: TreeNode, attrName: string) => any;
+    getParentNode: (node: TreeNode) => any;
+    setNodeAttr: (node: TreeNode, attr: string, val: unknown, id?: any) => void;
+    setNodeAttrById: (id: unknown, attr: string, val: unknown) => void;
+    getNodePath: (node: TreeNode) => any;
+    isRootNode: (node: TreeNode | string) => any;
+    isNodeOpened: (node: TreeNode) => any;
+    hasChildNode: (node: TreeNode) => any;
+    isItemOpen: (item: TreeNode) => any;
+    isNodeChecked: (node: TreeNode) => any;
+    isNodeMatched: (node: TreeNode) => any;
+    isNodeLoading: (node: TreeNode) => any;
+    checkNodeIsOpen: (node: TreeNode) => any;
+    getSourceNodeByPath: (path: string, uid?: string) => any[];
+    getSourceNodeByUID: (uid: string) => TreeNode;
+    isMatchedNode: (node: TreeNode) => any;
+    resolveScopedSlotParam: (item: TreeNode) => {
         [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;
-    extendNodeScopedData: (item: any) => {
-        data: any;
+    setTreeNodeLoading: (node: TreeNode, value: boolean) => void;
+    extendNodeAttr: (item: TreeNode) => TreeNode & {
+        __attr__: {
+            [x: string]: any;
+            fullPath: any;
+            uuid: any;
+            parent: any;
+            parentId: any;
+        };
+    };
+    getChildNodes: (node: TreeNode) => TreeNode[];
+    extendNodeScopedData: (item: TreeNode) => {
+        data: TreeNode;
         attributes: {
             [x: string]: any;
             fullPath: any;
@@ -48,12 +56,12 @@ declare const _default: (flatData: {
             parentId: any;
         };
     };
-    getIntersectionResponse: (target: HTMLElement | Record<string, any>) => {
+    getIntersectionResponse: (target: HTMLElement | TreeNode) => {
         level: any;
-        target: HTMLElement | Record<string, any>;
+        target: HTMLElement | TreeNode;
         index: any;
         parent: any;
-        node: HTMLElement | Record<string, any>;
+        node: HTMLElement | TreeNode;
         isRoot: any;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.28",
+  "version": "2.0.1-beta.29",
   "workspaces": [
     "packages/**",
     "scripts/cli",