@nokecy/qc-ui 1.1.37 → 1.1.39

package/dist/esm/array-table/columnHelper.js

@@ -4,13 +4,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * 列配置类型定义
+/**
+ * 列配置类型定义
  */
 
-/**
- * 文本列配置
- * 用于显示和编辑文本内容
+/**
+ * 文本列配置
+ * 用于显示和编辑文本内容
  */
 export var createTextColumn = function createTextColumn(config) {
   return _objectSpread({
@@ -23,9 +23,9 @@ export var createTextColumn = function createTextColumn(config) {
   }, config);
 };
 
-/**
- * 数字列配置
- * 用于显示和编辑数字内容
+/**
+ * 数字列配置
+ * 用于显示和编辑数字内容
  */
 export var createNumberColumn = function createNumberColumn(config) {
   return _objectSpread({
@@ -37,9 +37,9 @@ export var createNumberColumn = function createNumberColumn(config) {
   }, config);
 };
 
-/**
- * 日期列配置
- * 用于显示和编辑日期内容
+/**
+ * 日期列配置
+ * 用于显示和编辑日期内容
  */
 export var createDateColumn = function createDateColumn(config) {
   return _objectSpread({
@@ -51,9 +51,9 @@ export var createDateColumn = function createDateColumn(config) {
   }, config);
 };
 
-/**
- * 选择列配置
- * 用于下拉选择类型的列
+/**
+ * 选择列配置
+ * 用于下拉选择类型的列
  */
 export var createSelectColumn = function createSelectColumn(config) {
   return _objectSpread({
@@ -65,9 +65,9 @@ export var createSelectColumn = function createSelectColumn(config) {
   }, config);
 };
 
-/**
- * 操作列配置
- * 用于行操作按钮列
+/**
+ * 操作列配置
+ * 用于行操作按钮列
  */
 export var createOperationColumn = function createOperationColumn(config) {
   return _objectSpread({
@@ -81,9 +81,9 @@ export var createOperationColumn = function createOperationColumn(config) {
   }, config);
 };
 
-/**
- * 序号列配置
- * 用于显示行序号
+/**
+ * 序号列配置
+ * 用于显示行序号
  */
 export var createIndexColumn = function createIndexColumn(config) {
   return _objectSpread({
@@ -98,9 +98,9 @@ export var createIndexColumn = function createIndexColumn(config) {
   }, config);
 };
 
-/**
- * 只读列配置
- * 用于显示不可编辑的内容
+/**
+ * 只读列配置
+ * 用于显示不可编辑的内容
  */
 export var createReadOnlyColumn = function createReadOnlyColumn(config) {
   return _objectSpread({
@@ -110,8 +110,8 @@ export var createReadOnlyColumn = function createReadOnlyColumn(config) {
   }, config);
 };
 
-/**
- * 固定左侧列配置
+/**
+ * 固定左侧列配置
  */
 export var createPinnedLeftColumn = function createPinnedLeftColumn(config) {
   return _objectSpread(_objectSpread({}, config), {}, {
@@ -119,8 +119,8 @@ export var createPinnedLeftColumn = function createPinnedLeftColumn(config) {
   });
 };
 
-/**
- * 固定右侧列配置
+/**
+ * 固定右侧列配置
  */
 export var createPinnedRightColumn = function createPinnedRightColumn(config) {
   return _objectSpread(_objectSpread({}, config), {}, {
@@ -128,9 +128,9 @@ export var createPinnedRightColumn = function createPinnedRightColumn(config) {
   });
 };
 
-/**
- * 百分比列配置
- * 用于显示百分比数值
+/**
+ * 百分比列配置
+ * 用于显示百分比数值
  */
 export var createPercentColumn = function createPercentColumn(config) {
   return _objectSpread({
@@ -142,9 +142,9 @@ export var createPercentColumn = function createPercentColumn(config) {
   }, config);
 };
 
-/**
- * 货币列配置
- * 用于显示货币金额
+/**
+ * 货币列配置
+ * 用于显示货币金额
  */
 export var createCurrencyColumn = function createCurrencyColumn(config) {
   return _objectSpread({
@@ -156,10 +156,10 @@ export var createCurrencyColumn = function createCurrencyColumn(config) {
   }, config);
 };
 
-/**
- * 批量创建列配置
- * @param columns 列配置数组
- * @returns 标准化的列配置数组
+/**
+ * 批量创建列配置
+ * @param columns 列配置数组
+ * @returns 标准化的列配置数组
  */
 export var createColumns = function createColumns(columns) {
   return columns.map(function (col) {
@@ -171,8 +171,8 @@ export var createColumns = function createColumns(columns) {
   });
 };
 
-/**
- * 列配置预设
+/**
+ * 列配置预设
  */
 export var ColumnPresets = {
   /** 文本列 */
@@ -199,10 +199,10 @@ export var ColumnPresets = {
   currency: createCurrencyColumn
 };
 
-/**
- * 转换为 AG-Grid 列定义
- * @param config 列配置
- * @returns AG-Grid ColDef
+/**
+ * 转换为 AG-Grid 列定义
+ * @param config 列配置
+ * @returns AG-Grid ColDef
  */
 export var toAgGridColDef = function toAgGridColDef(config) {
   var headerName = config.headerName,

package/dist/esm/array-table/hooks.d.ts

@@ -1,4 +1,5 @@
 import { RefObject } from 'react';
+import { GridApi } from 'ag-grid-community';
 import { ArrayField } from '@formily/core';
 /**
  * 单元格聚焦 Hook
@@ -11,7 +12,7 @@ export declare const useCellFocus: () => {
  * 键盘导航 Hook
  * 处理方向键在表格单元格间的导航
  */
-export declare const useKeyboardNavigation: (ref: RefObject<any>, dataSource: any[], focusInputInCell: (cell: Element) => void) => {
+export declare const useKeyboardNavigation: (ref: RefObject<any>, dataSource: any[], focusInputInCell: (cell: Element) => void, activateCell?: ((api: GridApi, node: any, colId: string) => boolean) | undefined) => {
     handleCellKeyDown: (event: any) => void;
 };
 /**

package/dist/esm/array-table/hooks.js

@@ -1,10 +1,13 @@
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import { useCallback } from 'react';
-/**
- * 单元格聚焦 Hook
- * 处理 Editable 包装和普通输入框的聚焦逻辑
+// setSelectionRange 仅 textarea 与 text/search/url/tel/password 类型 input 支持;
+// checkbox/number/date 等调用会抛 InvalidStateError,故用白名单守卫。@author nokecy
+var supportsSelectionRange = function supportsSelectionRange(el) {
+  return el.tagName === 'TEXTAREA' || /^(text|search|url|tel|password)$/i.test(el.type || 'text');
+};
+
+/**
+ * 单元格聚焦 Hook
+ * 处理 Editable 包装和普通输入框的聚焦逻辑
  */
 export var useCellFocus = function useCellFocus() {
   var focusInputInCell = useCallback(function (cell) {
@@ -18,7 +21,7 @@ export var useCellFocus = function useCellFocus() {
         var existingInput = editableElement.querySelector('input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])');
         if (existingInput) {
           existingInput.focus();
-          if ('setSelectionRange' in existingInput && existingInput.type !== 'number' && existingInput.type !== 'date') {
+          if (supportsSelectionRange(existingInput)) {
             var _existingInput$value;
             var length = ((_existingInput$value = existingInput.value) === null || _existingInput$value === void 0 ? void 0 : _existingInput$value.length) || 0;
             setTimeout(function () {
@@ -39,7 +42,7 @@ export var useCellFocus = function useCellFocus() {
           var newInput = editableElement.querySelector('input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])');
           if (newInput) {
             newInput.focus();
-            if ('setSelectionRange' in newInput && newInput.type !== 'number' && newInput.type !== 'date') {
+            if (supportsSelectionRange(newInput)) {
               var _newInput$value;
               var _length = ((_newInput$value = newInput.value) === null || _newInput$value === void 0 ? void 0 : _newInput$value.length) || 0;
               setTimeout(function () {
@@ -68,7 +71,7 @@ export var useCellFocus = function useCellFocus() {
         inputElement.focus();
 
         // 将光标定位到末尾
-        if ('setSelectionRange' in inputElement && inputElement.type !== 'number' && inputElement.type !== 'date') {
+        if (supportsSelectionRange(inputElement)) {
           var _inputElement$value;
           var _length2 = ((_inputElement$value = inputElement.value) === null || _inputElement$value === void 0 ? void 0 : _inputElement$value.length) || 0;
           setTimeout(function () {
@@ -86,11 +89,11 @@ export var useCellFocus = function useCellFocus() {
   };
 };
 
-/**
- * 键盘导航 Hook
- * 处理方向键在表格单元格间的导航
+/**
+ * 键盘导航 Hook
+ * 处理方向键在表格单元格间的导航
  */
-export var useKeyboardNavigation = function useKeyboardNavigation(ref, dataSource, focusInputInCell) {
+export var useKeyboardNavigation = function useKeyboardNavigation(ref, dataSource, focusInputInCell, activateCell) {
   var handleCellKeyDown = useCallback(function (event) {
     var keyEvent = event.event,
       node = event.node,
@@ -141,46 +144,23 @@ export var useKeyboardNavigation = function useKeyboardNavigation(ref, dataSourc
       if (isValidTarget) {
         // 延迟执行以确保当前编辑完成
         setTimeout(function () {
+          var _api$getDisplayedRowA;
           api.setFocusedCell(targetRowIndex, targetColId);
 
+          // 懒挂载:目标格若是懒列存量格,先激活挂树(refreshCells),下方 150ms 内完成挂载再聚焦 @author nokecy
+          var targetNode = (_api$getDisplayedRowA = api.getDisplayedRowAtIndex) === null || _api$getDisplayedRowA === void 0 ? void 0 : _api$getDisplayedRowA.call(api, targetRowIndex);
+          if (activateCell && targetNode) {
+            activateCell(api, targetNode, targetColId);
+          }
+
           // 不使用原生startEditingCell,而是手动触发编辑状态
-          // 使用DOM选择器查找目标单元格
+          // v33 themeQuartz 容器不再有 .ag-theme-alpine 类;且行虚拟化下 DOM 顺序与 rowIndex 不一致,
+          // 改为直接在 ref 容器内按 row-index + col-id 属性定位目标单元格 @author nokecy
           setTimeout(function () {
             var _ref$current;
-            // 通过ref获取网格容器
-            var gridContainer = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('.ag-theme-alpine');
-            if (gridContainer) {
-              // 尝试通过行和列分步查找目标单元格
-              var rows = gridContainer.querySelectorAll('.ag-row');
-              if (rows[targetRowIndex]) {
-                var targetRow = rows[targetRowIndex];
-
-                // 在行内查找指定列的单元格
-                var targetCell = targetRow.querySelector(".ag-cell[col-id=\"".concat(targetColId, "\"]"));
-                if (!targetCell) {
-                  // 如果通过col-id找不到,遍历所有单元格查找匹配的列
-                  var cells = targetRow.querySelectorAll('.ag-cell');
-                  var _iterator = _createForOfIteratorHelper(cells),
-                    _step;
-                  try {
-                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                      var _cell = _step.value;
-                      var colId = _cell.getAttribute('col-id') || _cell.getAttribute('data-col-id');
-                      if (colId === targetColId) {
-                        targetCell = _cell;
-                        break;
-                      }
-                    }
-                  } catch (err) {
-                    _iterator.e(err);
-                  } finally {
-                    _iterator.f();
-                  }
-                }
-                if (targetCell) {
-                  focusInputInCell(targetCell);
-                }
-              }
+            var targetCell = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector(".ag-row[row-index=\"".concat(targetRowIndex, "\"] .ag-cell[col-id=\"").concat(targetColId, "\"]"));
+            if (targetCell) {
+              focusInputInCell(targetCell);
             }
           }, 150);
         }, 10);
@@ -188,15 +168,15 @@ export var useKeyboardNavigation = function useKeyboardNavigation(ref, dataSourc
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
     }
-  }, [dataSource, focusInputInCell, ref]);
+  }, [dataSource, focusInputInCell, ref, activateCell]);
   return {
     handleCellKeyDown: handleCellKeyDown
   };
 };
 
-/**
- * 行拖拽 Hook
- * 处理行拖拽排序逻辑
+/**
+ * 行拖拽 Hook
+ * 处理行拖拽排序逻辑
  */
 export var useRowDrag = function useRowDrag(field) {
   var handleRowDragMove = useCallback(function (event) {
@@ -209,6 +189,8 @@ export var useRowDrag = function useRowDrag(field) {
       var dataSourceCopy = Array.isArray(field.value) ? field.value.slice() : [];
       var fromIndex = dataSourceCopy.indexOf(movingData);
       var toIndex = dataSourceCopy.indexOf(overData);
+      // 防护:任一索引未命中(引用不一致)时直接返回,避免 splice(-1) 误删末行 @author nokecy
+      if (fromIndex < 0 || toIndex < 0) return;
       var newStore = dataSourceCopy.slice();
 
       // 移动数组元素