@kdcloudjs/kdesign 1.6.33 → 1.6.34

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.6.32
+ *   @kdcloudjs/kdesign v1.6.33
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -33070,6 +33070,187 @@ Switch.displayName = 'Switch';
 
 /***/ }),
 
+/***/ "./components/table/api.tsx":
+/*!**********************************!*\
+  !*** ./components/table/api.tsx ***!
+  \**********************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return getApi; });
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.find.js */ "./node_modules/core-js/modules/es.array.find.js");
+/* harmony import */ var core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
+/* harmony import */ var core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _kdcloudjs_table_es_table_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @kdcloudjs/table/es/table/utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
+/* harmony import */ var _kdcloudjs_table_es_table_pipeline_features_rangeSelection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @kdcloudjs/table/es/table/pipeline/features/rangeSelection */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/rangeSelection.js");
+
+
+
+
+
+
+function getApi(pipelineRef) {
+  function getColumns() {
+    var _pipelineRef$current$;
+
+    return (_pipelineRef$current$ = pipelineRef.current.getColumns) === null || _pipelineRef$current$ === void 0 ? void 0 : _pipelineRef$current$.bind(pipelineRef.current)();
+  }
+
+  function getDataSource() {
+    var _pipelineRef$current$2;
+
+    return (_pipelineRef$current$2 = pipelineRef.current.getDataSource) === null || _pipelineRef$current$2 === void 0 ? void 0 : _pipelineRef$current$2.bind(pipelineRef.current)();
+  }
+
+  function getFooterDataSource() {
+    var _pipelineRef$current$3;
+
+    return (_pipelineRef$current$3 = pipelineRef.current.getFooterDataSource) === null || _pipelineRef$current$3 === void 0 ? void 0 : _pipelineRef$current$3.bind(pipelineRef.current)();
+  }
+  /**
+   * 清除范围选中内容
+   */
+
+
+  function clearRangeSelection() {
+    var pipeline = pipelineRef.current;
+    pipeline.setStateAtKey(_kdcloudjs_table_es_table_pipeline_features_rangeSelection__WEBPACK_IMPORTED_MODULE_5__["rangeSelectionKey"], null);
+  }
+  /**
+   * 将目标行滚动到可视位置
+   * @param rowIndex 行索引
+   * @param position 目标行滚动到的位置，不传则根据目标行相对视口的位置滚动到底部或顶部，可取值为'top' | 'middle' | 'bottom'
+   * @returns
+   */
+
+
+  function ensureRowIndexVisible(rowIndex, position) {
+    var _pipeline$ref, _pipeline$ref2;
+
+    var pipeline = pipelineRef.current;
+
+    var _pipeline$ref$current = (_pipeline$ref = pipeline.ref) === null || _pipeline$ref === void 0 ? void 0 : _pipeline$ref.current.rowHeightManager,
+        cache = _pipeline$ref$current.cache;
+
+    if (typeof rowIndex !== 'number' || rowIndex < 0 || rowIndex >= cache.length) {
+      console.warn('invalid row index for ensureIndexVisible: ' + rowIndex);
+      return;
+    }
+
+    var tableBodyContainer = (_pipeline$ref2 = pipeline.ref) === null || _pipeline$ref2 === void 0 ? void 0 : _pipeline$ref2.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 _pipeline$ref3, _pipeline$ref4;
+
+    var pipeline = pipelineRef.current;
+    var tableBodyContainer = (_pipeline$ref3 = pipeline.ref) === null || _pipeline$ref3 === void 0 ? void 0 : _pipeline$ref3.current.domHelper.tableBody;
+    var tableScroll = (_pipeline$ref4 = pipeline.ref) === null || _pipeline$ref4 === void 0 ? void 0 : _pipeline$ref4.current.domHelper.stickyScroll;
+    var columnNodes = Object(_kdcloudjs_table_es_table_utils__WEBPACK_IMPORTED_MODULE_4__["collectNodes"])(pipeline.getColumns(), 'leaf-only');
+    var column = columnNodes.find(function (col) {
+      return col.code === code;
+    });
+    var index = columnNodes.findIndex(function (col) {
+      return col.code === code;
+    }); // 固定列也不需要重置滚动条
+
+    if (!column || !tableBodyContainer || column !== null && column !== void 0 && column.lock) return;
+    var colLeft = columnNodes.slice(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 _pipeline$ref5;
+
+    var pipeline = pipelineRef.current;
+    return (_pipeline$ref5 = pipeline.ref) === null || _pipeline$ref5 === void 0 ? void 0 : _pipeline$ref5.current.rowHeightManager.cache;
+  }
+
+  return {
+    getColumns: getColumns,
+    getDataSource: getDataSource,
+    getFooterDataSource: getFooterDataSource,
+    clearRangeSelection: clearRangeSelection,
+    ensureRowIndexVisible: ensureRowIndexVisible,
+    ensureColumnVisible: ensureColumnVisible,
+    getHeightCache: getHeightCache
+  };
+}
+
+/***/ }),
+
 /***/ "./components/table/feature/autoRowSpan.ts":
 /*!*************************************************!*\
   !*** ./components/table/feature/autoRowSpan.ts ***!
@@ -33659,6 +33840,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
 /* harmony import */ var _feature_useFooterDataSource__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./feature/useFooterDataSource */ "./components/table/feature/useFooterDataSource.ts");
 /* harmony import */ var _feature_colGroupExtendable__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./feature/colGroupExtendable */ "./components/table/feature/colGroupExtendable.ts");
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./api */ "./components/table/api.tsx");
+
 
 
 
@@ -33742,15 +33925,8 @@ var Table = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_4__["forwardRef"]
   // }
 
   Object(react__WEBPACK_IMPORTED_MODULE_4__["useImperativeHandle"])(ref, function () {
-    var _pipelineRef$current$, _pipelineRef$current$2, _pipelineRef$current$3, _pipelineRef$current$4;
-
     return {
-      api: {
-        getColumns: (_pipelineRef$current$ = pipelineRef.current.getColumns) === null || _pipelineRef$current$ === void 0 ? void 0 : _pipelineRef$current$.bind(pipelineRef.current),
-        getDataSource: (_pipelineRef$current$2 = pipelineRef.current.getDataSource) === null || _pipelineRef$current$2 === void 0 ? void 0 : _pipelineRef$current$2.bind(pipelineRef.current),
-        getFooterDataSource: (_pipelineRef$current$3 = pipelineRef.current.getFooterDataSource) === null || _pipelineRef$current$3 === void 0 ? void 0 : _pipelineRef$current$3.bind(pipelineRef.current),
-        clearRangeSelection: (_pipelineRef$current$4 = pipelineRef.current.clearRangeSelection) === null || _pipelineRef$current$4 === void 0 ? void 0 : _pipelineRef$current$4.bind(pipelineRef.current)
-      }
+      api: Object(_api__WEBPACK_IMPORTED_MODULE_25__["default"])(pipelineRef)
     };
   });
   /* -------------------------------------------------------------------------- */
@@ -40930,7 +41106,7 @@ req.keys().forEach(function (mod) {
   var match = mod.match(/^\.\/([^_][\w-]+)\/index\.tsx?$/);
 
   if (match && match[1]) {
-    if (['message', 'notification', 'virtual-list'].includes(match[1])) {
+    if (['message', 'notification'].includes(match[1])) {
       // need nextUI modify
       // message & notification should not be capitalized
       exports[match[1]] = v;
@@ -46101,7 +46277,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _babel_runtime_corejs3_core_js_stable_symbol__WEBPACK_IMPORTED_MODULE_2___default.a !== "undefined" && _babel_runtime_corejs3_core_js_get_iterator_method__WEBPACK_IMPORTED_MODULE_3___default()(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _babel_runtime_corejs3_core_js_stable_symbol__WEBPACK_IMPORTED_MODULE_2___default.a !== "undefined" && _babel_runtime_corejs3_core_js_get_iterator_method__WEBPACK_IMPORTED_MODULE_3___default()(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12___default()(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _babel_runtime_corejs3_core_js_stable_array_from__WEBPACK_IMPORTED_MODULE_1___default()(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -46586,7 +46762,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _a, _b, _c, _d; // console.log('did mount start')
+      var _a, _b, _c, _d, _e, _f; // console.log('did mount start')
       // console.log('update dom helper start')
 
 
@@ -46607,6 +46783,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
       });
       (_b = (_a = this.props).setTableWidth) === null || _b === void 0 ? void 0 : _b.call(_a, this.domHelper.tableBody.clientWidth);
       (_d = (_c = this.props).setTableDomHelper) === null || _d === void 0 ? void 0 : _d.call(_c, this.domHelper);
+      (_f = (_e = this.props).setRowHeightManager) === null || _f === void 0 ? void 0 : _f.call(_e, this.rowHeightManager);
     }
   }, {
     key: "componentDidUpdate",
@@ -52425,8 +52602,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./node_modules/@kdcloudjs/table/es/table/utils/index.js");
 /* harmony import */ var _features_autoFill__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./features/autoFill */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/autoFill.js");
-/* harmony import */ var _features_rangeSelection__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./features/rangeSelection */ "./node_modules/@kdcloudjs/table/es/table/pipeline/features/rangeSelection.js");
-
 
 
 
@@ -52707,16 +52882,11 @@ var TablePipeline = /*#__PURE__*/function () {
         _this2.ref.current.domHelper = domHelper;
       };
 
-      return result;
-    }
-    /**
-     * 清除范围选中内容
-     */
+      result.setRowHeightManager = function (rowHeightManager) {
+        _this2.ref.current.rowHeightManager = rowHeightManager;
+      };
 
-  }, {
-    key: "clearRangeSelection",
-    value: function clearRangeSelection() {
-      this.setStateAtKey(_features_rangeSelection__WEBPACK_IMPORTED_MODULE_10__["rangeSelectionKey"], null);
+      return result;
     }
   }]);