bkui-vue 2.0.1-beta.42 → 2.0.1-beta.44

package/lib/table/table.d.ts

@@ -175,6 +175,7 @@ declare const _default: import("vue").DefineComponent<{
     fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
         default: () => import("./props").FixedBottomOption;
     };
+    appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, (...args: any[]) => boolean>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -352,6 +353,7 @@ declare const _default: import("vue").DefineComponent<{
     fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
         default: () => import("./props").FixedBottomOption;
     };
+    appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
 }>>, {
     data: any[];
     thead: import("./props").Thead;

package/lib/table/table.less

@@ -351,7 +351,7 @@
       z-index: 1;
       width: 6px;
       background-color: #3785ff;
-      transform: translate(var(--drag-offset-h-x), 0);
+      transform: translate3d(var(--drag-offset-h-x), 0, 0);
       pointer-events: none;
     }
 
@@ -506,6 +506,10 @@
     pointer-events: none;
     transform: translate(var(--translate-x), var(--translate-y));
 
+    &.has-virtual-scroll {
+      transform: translate(var(--translate-x), 0);
+    }
+
     .column_fixed_right {
       box-shadow: var(--shadow-right);
     }

package/lib/table/table.variable.css

@@ -1930,7 +1930,7 @@
   z-index: 1;
   width: 6px;
   background-color: #3785ff;
-  transform: translate(var(--drag-offset-h-x), 0);
+  transform: translate3d(var(--drag-offset-h-x), 0, 0);
   pointer-events: none;
 }
 .bk-table .bk-table-head .bk-table-fixed {
@@ -2037,6 +2037,9 @@
   pointer-events: none;
   transform: translate(var(--translate-x), var(--translate-y));
 }
+.bk-table .bk-table-fixed.has-virtual-scroll {
+  transform: translate(var(--translate-x), 0);
+}
 .bk-table .bk-table-fixed .column_fixed_right {
   box-shadow: var(--shadow-right);
 }

package/lib/table/utils.d.ts

@@ -106,10 +106,10 @@ export declare const getColumnClass: (column: Column, colIndex?: number, uuid?:
 };
 export declare const getElementTextWidth: (element: HTMLElement, text?: string) => any;
 export declare const isColumnHidden: (settingFields: any, column: any, checked: any) => boolean;
-export declare const resolveColumnSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number, key: string) => any;
+export declare const resolveColumnSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number, key: string) => number;
 export declare const resolveCellSpan: (column: Column, colIndex: number, row: Record<string, unknown>, rowIndex: number) => {
-    colspan: any;
-    rowspan: any;
+    colspan: number;
+    rowspan: number;
 };
 export declare const skipThisColumn: (columns: Column[], colIndex: number, row: Record<string, unknown>, rowIndex: number) => number | false;
 export declare const getSortFn: (column: any, sortType: any, format?: any[]) => ((_a: any, _b: any) => boolean) | ((a: Record<string, unknown>, b: Record<string, unknown>, index0: number, index1: number) => number);

package/lib/table-column/index.d.ts

@@ -38,9 +38,7 @@ declare const BkTableColumn: {
         } & {
             default: number;
         };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         label: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
         field: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
         render: import("vue-types").VueTypeDef<import("../table/props").RenderFunctionString>;
@@ -133,9 +131,7 @@ declare const BkTableColumn: {
         } & {
             default: number;
         };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, {
+    }>>, () => void, {}, {}, {}, {
         fixed: boolean | "left" | "right";
         resizable: boolean;
         minWidth: string | number;
@@ -186,9 +182,7 @@ declare const BkTableColumn: {
     } & {
         default: number;
     };
-}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     fixed: boolean | "left" | "right";
     resizable: boolean;
     minWidth: string | number;

package/lib/table-column/index.js

@@ -17295,6 +17295,10 @@ __webpack_require__.d(__webpack_exports__, {
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
 const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -17901,9 +17905,19 @@ var tableProps = {
       position: 'relative',
       height: LINE_HEIGHT
     }
-  }).def(null)
+  }).def(null),
+  /**
+   * 表格尾部追加的行配置
+   */
+  appendLastRow: (0,external_vue_types_namespaceObject.toType)('AppendLastRowOption', {
+    "default": {
+      type: 'default',
+      cellRender: undefined
+    }
+  })
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -17958,7 +17972,7 @@ var TableColumnProp = {
   name: 'TableColumn',
   props: TableColumnProp,
   setup: function setup(props, _ref) {
-    var slots = _ref.slots;
+    _objectDestructuringEmpty(_ref);
     var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
     var lastPropsVal = {};
     (0,external_vue_namespaceObject.watch)(function () {
@@ -17975,12 +17989,7 @@ var TableColumnProp = {
     (0,external_vue_namespaceObject.onUnmounted)(function () {
       initTableColumns();
     });
-    return function () {
-      var _slots$default;
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots, {
-        row: {}
-      });
-    };
+    return function () {};
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/table-column/src/index.ts

package/lib/tree/index.js

@@ -18319,10 +18319,11 @@ var getNodeItemStyle = function getNodeItemStyle(item, props, flatData) {
   var schema = flatData.schema;
   var depth = (_schema$get = schema.get(item)) === null || _schema$get === void 0 ? void 0 : _schema$get[NODE_ATTRIBUTES.DEPTH];
   if (showTree) {
+    var args = ['node'];
     return _objectSpread({
       '--depth': depth
     }, typeof props.levelLine === 'function' ? {
-      '--level-line': getPropsOneOfBoolValueWithDefault(props, 'levelLine', item, DEFAULT_LEVLE_LINE, null, ['node'])
+      '--level-line': getPropsOneOfBoolValueWithDefault(props, 'levelLine', item, DEFAULT_LEVLE_LINE, null, args)
     } : {});
   }
   return {};
@@ -18391,6 +18392,7 @@ var assignTreeNode = function assignTreeNode(path, treeData, childKey, assignVal
 };
 var resolveNodeItem = function resolveNodeItem(node) {
   if (node === undefined || node === null) {
+    // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     return {
       __IS_NULL: true
     };
@@ -18954,7 +18956,7 @@ var use_node_action_this = undefined;
   var handleNodeContentClick = function handleNodeContentClick(item, e) {
     var nodeActions = resolveNodeAction(item);
     if (nodeActions.includes('selected')) {
-      setSelect(item, true, false);
+      setSelect(item, true, true, true);
     }
     if (nodeActions.includes('expand')) {
       if (!isNodeOpened(item)) {
@@ -19786,7 +19788,7 @@ var use_tree_init_this = undefined;
     return [props.data];
   }, function (newData) {
     var _props$async, _props$async2;
-    var formatData = getFlatdata(newData, flatData.schema);
+    var formatData = getFlatdata(newData[0], flatData.schema);
     flatData.data = formatData[0];
     flatData.schema = formatData[1];
     if ((_props$async = props.async) !== null && _props$async !== void 0 && _props$async.callback && ((_props$async2 = props.async) === null || _props$async2 === void 0 ? void 0 : _props$async2.deepAutoOpen) === 'every') {
@@ -19938,7 +19940,6 @@ var use_tree_init_this = undefined;
       }),
       renderTreeNode = _useNodeAction.renderTreeNode,
       handleTreeNodeClick = _useNodeAction.handleTreeNodeClick,
-      setNodeOpened = _useNodeAction.setNodeOpened,
       setOpen = _useNodeAction.setOpen,
       setNodeAction = _useNodeAction.setNodeAction,
       setSelect = _useNodeAction.setSelect,
@@ -19989,7 +19990,7 @@ var use_tree_init_this = undefined;
       }
     };
     onSelected(function (newData) {
-      setSelect(newData, true, props.autoOpenParentNode);
+      setSelect(newData, true, props.autoOpenParentNode, true);
     });
     var getData = function getData() {
       return flatData;
@@ -20056,7 +20057,7 @@ var use_tree_init_this = undefined;
       setOpen: setOpen,
       setChecked: setChecked,
       setNodeAction: setNodeAction,
-      setNodeOpened: setNodeOpened,
+      setNodeOpened: setOpen,
       setSelect: setSelect,
       scrollToTop: scrollToTop,
       asyncNodeClick: asyncNodeClick,

package/lib/tree/props.d.ts

@@ -9,7 +9,7 @@ declare enum TreeSearchResultEnum {
 }
 export type TreeNode = {
     [key: string]: unknown;
-    children: TreeNode[];
+    children?: TreeNode[];
 };
 /**
  * Tree Prop: prefixIcon function

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

@@ -4,7 +4,7 @@ declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _r
     renderTreeNode: (item: TreeNode, showTree?: boolean) => JSX.Element;
     handleTreeNodeClick: (item: TreeNode, e: MouseEvent) => void;
     deepAutoOpen: () => void;
-    asyncNodeClick: (item: any) => Promise<any>;
+    asyncNodeClick: (item: TreeNode) => Promise<boolean> | Promise<void | Record<string, unknown>>;
     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, triggerEvent?: boolean) => void;

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

@@ -1,5 +1,6 @@
+import { TreeNode } from './props';
 declare const _default: (props: any, flatData: any) => {
-    asyncNodeClick: (item: any) => Promise<any>;
+    asyncNodeClick: (item: TreeNode) => Promise<boolean> | Promise<void | Record<string, unknown>>;
     deepAutoOpen: () => void;
 };
 export default _default;

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

@@ -1,6 +1,6 @@
 import { SearchOption, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
-    searchFn: (itemValue: number | string, item: any) => any;
+    searchFn: (itemValue: unknown, item: unknown) => boolean;
     refSearch: import("vue").Ref<string | number | boolean | SearchOption>;
     isSearchActive: import("vue").ComputedRef<boolean>;
     isSearchDisabled: boolean;

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

@@ -1,13 +1,16 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
     flatData: {
-        data: any[];
-        schema: WeakMap<Object, any> & Omit<WeakMap<Object, any>, keyof WeakMap<any, any>>;
+        data: {
+            [x: string]: unknown;
+            children?: any[];
+        }[];
+        schema: WeakMap<TreeNode, Record<string, unknown>> & Omit<WeakMap<TreeNode, Record<string, unknown>>, keyof WeakMap<any, any>>;
         levelLineSchema: {};
     };
-    asyncNodeClick: (item: any) => Promise<any>;
+    asyncNodeClick: (item: TreeNode) => Promise<boolean> | Promise<void | Record<string, unknown>>;
     deepAutoOpen: () => void;
-    afterDataUpdate: (callFn: (d: any) => any) => void;
+    afterDataUpdate: (callFn: (d: any) => void) => void;
     registerNextLoop: (key: string, event: any, reset?: boolean) => void;
     onSelected: (event: (d: any) => void) => void;
 };

package/lib/tree/util.d.ts

@@ -1,22 +1,22 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 export type IFlatData = {
-    data: any[];
-    schema: WeakMap<Object, any>;
+    data: TreeNode[];
+    schema: WeakMap<TreeNode, Record<string, unknown>>;
 };
 /**
  * 获取当前节点显示Label
  * @param item 当前节点
  * @param props Props
  */
-export declare const getLabel: (item: any, props: TreePropTypes) => any;
+export declare const getLabel: (item: TreeNode, props: TreePropTypes) => unknown;
 /**
  * 根据Props获取Tree样式设置
  * @param item
  * @param props
  * @returns
  */
-export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
-    '--level-line': any;
+export declare const getTreeStyle: (item: TreeNode, props: TreePropTypes) => {
+    '--level-line': unknown;
     '--lineHeight': string;
     '--indent': string;
     '--offset-left': string;
@@ -27,16 +27,16 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
  * @param props
  * @returns
  */
-export declare const getNodeItemStyle: any;
+export declare const getNodeItemStyle: (item: TreeNode, props: TreePropTypes, flatData: IFlatData, showTree?: boolean) => {};
 /**
  * 获取当前渲染节点Class List
  * @param item
  * @returns
  */
-export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
-    [x: string]: any;
-    'is-root': any;
-    'is-open': any;
+export declare const getNodeItemClass: (item: TreeNode, schema: WeakMap<TreeNode, Record<string, unknown>>, props: TreePropTypes, showTree?: boolean) => {
+    [x: string]: unknown;
+    'is-root': unknown;
+    'is-open': unknown;
     'is-virtual-render': boolean;
     'level-line': boolean;
 };
@@ -45,12 +45,12 @@ export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>,
  * @param item
  * @returns
  */
-export declare const getNodeRowClass: (item: any, schema: WeakMap<Object, any>) => {
-    [x: string]: any;
-    'is-checked': any;
-    'is-selected': any;
-    'node-folder': any;
-    'node-leaf': any;
+export declare const getNodeRowClass: (item: TreeNode, schema: WeakMap<TreeNode, Record<string, unknown>>) => {
+    [x: string]: unknown;
+    'is-checked': unknown;
+    'is-selected': unknown;
+    'node-folder': unknown;
+    'node-leaf': unknown;
 };
 /**
  * 根据路径更新指定节点Child-Data
@@ -60,7 +60,7 @@ export declare const getNodeRowClass: (item: any, schema: WeakMap<Object, any>)
  * @param nodekey 节点key
  * @param nodeValue 节点值
  */
-export declare const updateTreeNode: (path: string, treeData: any[], childKey: string, nodekey: string, nodeValue: any) => void;
+export declare const updateTreeNode: (path: string, treeData: TreeNode[], childKey: string, nodekey: string, nodeValue: Record<string, unknown>[]) => void;
 /**
  * 根据路径更新指定节点Child-Data
  * @param path 节点路径
@@ -68,7 +68,7 @@ export declare const updateTreeNode: (path: string, treeData: any[], childKey: s
  * @param childKey Child Key
  * @param assignVal value
  */
-export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;
-export declare const resolveNodeItem: (node: any) => any;
+export declare const assignTreeNode: (path: string, treeData: TreeNode[], childKey: string, assignVal: Record<string, unknown>) => void;
+export declare const resolveNodeItem: (node: TreeNode) => TreeNode;
 export declare const resolvePropIsMatched: (node: any, prop: any, id: any) => any;
-export declare const showCheckbox: (props: TreePropTypes, node?: any) => any;
+export declare const showCheckbox: (props: TreePropTypes, node?: TreeNode) => any;

package/package.json

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