@kdcloudjs/kdesign 1.6.33 → 1.6.34

package/es/rate/style/index.css

@@ -120,13 +120,13 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large .kdicon {
+.kd-rate-size-large {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle .kdicon {
+.kd-rate-size-middle {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small .kdicon {
+.kd-rate-size-small {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {

package/es/rate/style/index.less

@@ -9,19 +9,13 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    .@{kd-prefix}icon {
-      font-size: @rate-large-font-size;
-    }
+    font-size: @rate-large-font-size;
   }
   &-size-middle {
-    .@{kd-prefix}icon {
-      font-size: @rate-middle-font-size;
-    }
+    font-size: @rate-middle-font-size;
   }
   &-size-small {
-    .@{kd-prefix}icon {
-      font-size: @rate-small-font-size;
-    }
+    font-size: @rate-small-font-size;
   }
 }
 .@{rate-prefix-cls}-item {

package/es/style/icon/kdicon.css

@@ -4,7 +4,6 @@
 }
 .kdicon {
   font-family: 'kdicon' !important;
-  font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/es/table/api.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TablePipeline } from '@kdcloudjs/table';
+import { TableApi } from './interface';
+export default function getApi(pipelineRef: React.MutableRefObject<TablePipeline>): TableApi;

package/es/table/api.js

@@ -0,0 +1,162 @@
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import { collectNodes } from '@kdcloudjs/table/es/table/utils';
+import { rangeSelectionKey } from '@kdcloudjs/table/es/table/pipeline/features/rangeSelection';
+export default function getApi(pipelineRef) {
+  function getColumns() {
+    var _a;
+
+    return (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getFooterDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getFooterDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+  /**
+   * 清除范围选中内容
+   */
+
+
+  function clearRangeSelection() {
+    var pipeline = pipelineRef.current;
+    pipeline.setStateAtKey(rangeSelectionKey, null);
+  }
+  /**
+   * 将目标行滚动到可视位置
+   * @param rowIndex 行索引
+   * @param position 目标行滚动到的位置，不传则根据目标行相对视口的位置滚动到底部或顶部，可取值为'top' | 'middle' | 'bottom'
+   * @returns
+   */
+
+
+  function ensureRowIndexVisible(rowIndex, position) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+
+    var _ref = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager,
+        cache = _ref.cache;
+
+    if (typeof rowIndex !== 'number' || rowIndex < 0 || rowIndex >= cache.length) {
+      console.warn('invalid row index for ensureIndexVisible: ' + rowIndex);
+      return;
+    }
+
+    var tableBodyContainer = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.tableBody;
+    if (!tableBodyContainer) return;
+    var rowTopPixel = 0;
+
+    for (var i = 0; i < rowIndex; i++) {
+      rowTopPixel += cache[i];
+    }
+
+    var rowBottomPixel = rowTopPixel + cache[rowIndex];
+    var viewportHeight = tableBodyContainer.clientHeight;
+    var vScrollTop = tableBodyContainer.scrollTop;
+    var vScrollBottom = vScrollTop + viewportHeight;
+    var pxTop = rowTopPixel;
+    var pxBottom = rowBottomPixel - viewportHeight;
+    var pxMiddle = Math.min((pxTop + pxBottom) / 2, rowTopPixel);
+    var rowBelowViewport = vScrollTop > rowTopPixel;
+    var rowAboveViewport = vScrollBottom < rowBottomPixel;
+    var newScrollPosition = null;
+
+    if (position === 'top') {
+      newScrollPosition = pxTop;
+    } else if (position === 'bottom') {
+      newScrollPosition = pxBottom;
+    } else if (position === 'middle') {
+      newScrollPosition = pxMiddle;
+    } else if (rowBelowViewport) {
+      // 目标行在视口之上，则向上滚动到顶部
+      newScrollPosition = pxTop;
+    } else if (rowAboveViewport) {
+      // 目标行在视口之下，则向下滚动到底部
+      newScrollPosition = pxBottom;
+    }
+
+    if (newScrollPosition !== null) {
+      tableBodyContainer.scrollTop = newScrollPosition;
+    }
+  }
+  /**
+   * 将目标列滚动到可视位置
+   * @param code 列标识
+   * @returns
+   */
+
+
+  function ensureColumnVisible(code) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+    var tableBodyContainer = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.domHelper.tableBody;
+    var tableScroll = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.stickyScroll;
+    var columnNodes = collectNodes(pipeline.getColumns(), 'leaf-only');
+
+    var column = _findInstanceProperty(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    });
+
+    var index = _findIndexInstanceProperty(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    }); // 固定列也不需要重置滚动条
+
+
+    if (!column || !tableBodyContainer || (column === null || column === void 0 ? void 0 : column.lock)) return;
+
+    var colLeft = _sliceInstanceProperty(columnNodes).call(columnNodes, 0, index).reduce(function (acc, col) {
+      return acc + col.width;
+    }, 0);
+
+    var colLeftPixel = colLeft; // 目标列前面列宽总和
+
+    var colRightPixel = colLeftPixel + column.width;
+    var viewportWidth = tableBodyContainer.clientWidth; // 表体容器的宽度
+
+    var scrollPosition = tableScroll.scrollLeft; // 滚动条滚动的距离
+
+    var vScrollLeft = scrollPosition;
+    var vScrollRight = scrollPosition + viewportWidth;
+    var pxLeft = colLeftPixel;
+    var pxRight = colRightPixel - viewportWidth;
+    var colBeforeViewport = vScrollLeft > colLeftPixel; // 滚动距离大于目标列前面列宽总和，说明目标列在视口之前
+
+    var colPastViewport = vScrollRight < colRightPixel; // 目标列是视口之后
+
+    var colToSmallForViewport = viewportWidth < column.width;
+    var alignColToLeft = colBeforeViewport || colToSmallForViewport;
+    var alignColToRight = colPastViewport;
+
+    if (alignColToLeft || alignColToRight) {
+      var newScrollPosition = alignColToLeft ? pxLeft : pxRight;
+      tableScroll.scrollLeft = newScrollPosition;
+    }
+  }
+
+  function getHeightCache() {
+    var _a;
+
+    var pipeline = pipelineRef.current;
+    return (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager.cache;
+  }
+
+  return {
+    getColumns: getColumns,
+    getDataSource: getDataSource,
+    getFooterDataSource: getFooterDataSource,
+    clearRangeSelection: clearRangeSelection,
+    ensureRowIndexVisible: ensureRowIndexVisible,
+    ensureColumnVisible: ensureColumnVisible,
+    getHeightCache: getHeightCache
+  };
+}

package/es/table/interface.d.ts

@@ -15,6 +15,9 @@ export declare type TableApi = {
     getDataSource: () => any[];
     getFooterDataSource: () => any[];
     clearRangeSelection: () => void;
+    getHeightCache: () => number[];
+    ensureRowIndexVisible: (rowIndex: number, position?: string | undefined) => void;
+    ensureColumnVisible: (code: string) => void;
 };
 export declare type TableInstance = {
     api: TableApi;

package/es/table/table.js

@@ -22,6 +22,7 @@ import useＭergeCellHover from './feature/mergeCellHover';
 import devWarning from '../_utils/devwarning';
 import useFooterDataSource from './feature/useFooterDataSource';
 import usecolGroupExtendable from './feature/colGroupExtendable';
+import getApi from './api';
 var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var columns = props.columns,
       dataSource = props.dataSource,
@@ -80,15 +81,8 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   // }
 
   useImperativeHandle(ref, function () {
-    var _a, _b, _c, _d;
-
     return {
-      api: {
-        getColumns: (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current),
-        getDataSource: (_b = pipelineRef.current.getDataSource) === null || _b === void 0 ? void 0 : _b.bind(pipelineRef.current),
-        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current),
-        clearRangeSelection: (_d = pipelineRef.current.clearRangeSelection) === null || _d === void 0 ? void 0 : _d.bind(pipelineRef.current)
-      }
+      api: getApi(pipelineRef)
     };
   });
   /* -------------------------------------------------------------------------- */

package/lib/rate/style/index.css

@@ -120,13 +120,13 @@
       -ms-flex-pack: start;
           justify-content: flex-start;
 }
-.kd-rate-size-large .kdicon {
+.kd-rate-size-large {
   font-size: var(--kd-c-rate-font-size-large, 20px);
 }
-.kd-rate-size-middle .kdicon {
+.kd-rate-size-middle {
   font-size: var(--kd-c-rate-font-size-middle, 16px);
 }
-.kd-rate-size-small .kdicon {
+.kd-rate-size-small {
   font-size: var(--kd-c-rate-font-size-small, 12px);
 }
 .kd-rate-item {

package/lib/rate/style/index.less

@@ -9,19 +9,13 @@
   display: inline-flex;
   justify-content: flex-start;
   &-size-large {
-    .@{kd-prefix}icon {
-      font-size: @rate-large-font-size;
-    }
+    font-size: @rate-large-font-size;
   }
   &-size-middle {
-    .@{kd-prefix}icon {
-      font-size: @rate-middle-font-size;
-    }
+    font-size: @rate-middle-font-size;
   }
   &-size-small {
-    .@{kd-prefix}icon {
-      font-size: @rate-small-font-size;
-    }
+    font-size: @rate-small-font-size;
   }
 }
 .@{rate-prefix-cls}-item {

package/lib/style/icon/kdicon.css

@@ -4,7 +4,6 @@
 }
 .kdicon {
   font-family: 'kdicon' !important;
-  font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

package/lib/table/api.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TablePipeline } from '@kdcloudjs/table';
+import { TableApi } from './interface';
+export default function getApi(pipelineRef: React.MutableRefObject<TablePipeline>): TableApi;

package/lib/table/api.js

@@ -0,0 +1,171 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getApi;
+
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
+
+var _utils = require("@kdcloudjs/table/es/table/utils");
+
+var _rangeSelection = require("@kdcloudjs/table/es/table/pipeline/features/rangeSelection");
+
+function getApi(pipelineRef) {
+  function getColumns() {
+    var _a;
+
+    return (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+
+  function getFooterDataSource() {
+    var _a;
+
+    return (_a = pipelineRef.current.getFooterDataSource) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current)();
+  }
+  /**
+   * 清除范围选中内容
+   */
+
+
+  function clearRangeSelection() {
+    var pipeline = pipelineRef.current;
+    pipeline.setStateAtKey(_rangeSelection.rangeSelectionKey, null);
+  }
+  /**
+   * 将目标行滚动到可视位置
+   * @param rowIndex 行索引
+   * @param position 目标行滚动到的位置，不传则根据目标行相对视口的位置滚动到底部或顶部，可取值为'top' | 'middle' | 'bottom'
+   * @returns
+   */
+
+
+  function ensureRowIndexVisible(rowIndex, position) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+
+    var _ref = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager,
+        cache = _ref.cache;
+
+    if (typeof rowIndex !== 'number' || rowIndex < 0 || rowIndex >= cache.length) {
+      console.warn('invalid row index for ensureIndexVisible: ' + rowIndex);
+      return;
+    }
+
+    var tableBodyContainer = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.tableBody;
+    if (!tableBodyContainer) return;
+    var rowTopPixel = 0;
+
+    for (var i = 0; i < rowIndex; i++) {
+      rowTopPixel += cache[i];
+    }
+
+    var rowBottomPixel = rowTopPixel + cache[rowIndex];
+    var viewportHeight = tableBodyContainer.clientHeight;
+    var vScrollTop = tableBodyContainer.scrollTop;
+    var vScrollBottom = vScrollTop + viewportHeight;
+    var pxTop = rowTopPixel;
+    var pxBottom = rowBottomPixel - viewportHeight;
+    var pxMiddle = Math.min((pxTop + pxBottom) / 2, rowTopPixel);
+    var rowBelowViewport = vScrollTop > rowTopPixel;
+    var rowAboveViewport = vScrollBottom < rowBottomPixel;
+    var newScrollPosition = null;
+
+    if (position === 'top') {
+      newScrollPosition = pxTop;
+    } else if (position === 'bottom') {
+      newScrollPosition = pxBottom;
+    } else if (position === 'middle') {
+      newScrollPosition = pxMiddle;
+    } else if (rowBelowViewport) {
+      // 目标行在视口之上，则向上滚动到顶部
+      newScrollPosition = pxTop;
+    } else if (rowAboveViewport) {
+      // 目标行在视口之下，则向下滚动到底部
+      newScrollPosition = pxBottom;
+    }
+
+    if (newScrollPosition !== null) {
+      tableBodyContainer.scrollTop = newScrollPosition;
+    }
+  }
+  /**
+   * 将目标列滚动到可视位置
+   * @param code 列标识
+   * @returns
+   */
+
+
+  function ensureColumnVisible(code) {
+    var _a, _b;
+
+    var pipeline = pipelineRef.current;
+    var tableBodyContainer = (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.domHelper.tableBody;
+    var tableScroll = (_b = pipeline.ref) === null || _b === void 0 ? void 0 : _b.current.domHelper.stickyScroll;
+    var columnNodes = (0, _utils.collectNodes)(pipeline.getColumns(), 'leaf-only');
+    var column = (0, _find.default)(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    });
+    var index = (0, _findIndex.default)(columnNodes).call(columnNodes, function (col) {
+      return col.code === code;
+    }); // 固定列也不需要重置滚动条
+
+    if (!column || !tableBodyContainer || (column === null || column === void 0 ? void 0 : column.lock)) return;
+    var colLeft = (0, _slice.default)(columnNodes).call(columnNodes, 0, index).reduce(function (acc, col) {
+      return acc + col.width;
+    }, 0);
+    var colLeftPixel = colLeft; // 目标列前面列宽总和
+
+    var colRightPixel = colLeftPixel + column.width;
+    var viewportWidth = tableBodyContainer.clientWidth; // 表体容器的宽度
+
+    var scrollPosition = tableScroll.scrollLeft; // 滚动条滚动的距离
+
+    var vScrollLeft = scrollPosition;
+    var vScrollRight = scrollPosition + viewportWidth;
+    var pxLeft = colLeftPixel;
+    var pxRight = colRightPixel - viewportWidth;
+    var colBeforeViewport = vScrollLeft > colLeftPixel; // 滚动距离大于目标列前面列宽总和，说明目标列在视口之前
+
+    var colPastViewport = vScrollRight < colRightPixel; // 目标列是视口之后
+
+    var colToSmallForViewport = viewportWidth < column.width;
+    var alignColToLeft = colBeforeViewport || colToSmallForViewport;
+    var alignColToRight = colPastViewport;
+
+    if (alignColToLeft || alignColToRight) {
+      var newScrollPosition = alignColToLeft ? pxLeft : pxRight;
+      tableScroll.scrollLeft = newScrollPosition;
+    }
+  }
+
+  function getHeightCache() {
+    var _a;
+
+    var pipeline = pipelineRef.current;
+    return (_a = pipeline.ref) === null || _a === void 0 ? void 0 : _a.current.rowHeightManager.cache;
+  }
+
+  return {
+    getColumns: getColumns,
+    getDataSource: getDataSource,
+    getFooterDataSource: getFooterDataSource,
+    clearRangeSelection: clearRangeSelection,
+    ensureRowIndexVisible: ensureRowIndexVisible,
+    ensureColumnVisible: ensureColumnVisible,
+    getHeightCache: getHeightCache
+  };
+}

package/lib/table/interface.d.ts

@@ -15,6 +15,9 @@ export declare type TableApi = {
     getDataSource: () => any[];
     getFooterDataSource: () => any[];
     clearRangeSelection: () => void;
+    getHeightCache: () => number[];
+    ensureRowIndexVisible: (rowIndex: number, position?: string | undefined) => void;
+    ensureColumnVisible: (code: string) => void;
 };
 export declare type TableInstance = {
     api: TableApi;

package/lib/table/table.js

@@ -61,6 +61,8 @@ var _useFooterDataSource = _interopRequireDefault(require("./feature/useFooterDa
 
 var _colGroupExtendable = _interopRequireDefault(require("./feature/colGroupExtendable"));
 
+var _api = _interopRequireDefault(require("./api"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -123,15 +125,8 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   // }
 
   (0, _react.useImperativeHandle)(ref, function () {
-    var _a, _b, _c, _d;
-
     return {
-      api: {
-        getColumns: (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current),
-        getDataSource: (_b = pipelineRef.current.getDataSource) === null || _b === void 0 ? void 0 : _b.bind(pipelineRef.current),
-        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current),
-        clearRangeSelection: (_d = pipelineRef.current.clearRangeSelection) === null || _d === void 0 ? void 0 : _d.bind(pipelineRef.current)
-      }
+      api: (0, _api.default)(pipelineRef)
     };
   });
   /* -------------------------------------------------------------------------- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.6.33",
+  "version": "1.6.34",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [