@nokecy/qc-ui 1.1.37 → 1.1.39

package/dist/cjs/array-table/utils.js

@@ -4,12 +4,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useArrayTableSources = exports.useArrayTableColumns = exports.useArrayTableActions = exports.useAddition = exports.isColumnComponent = void 0;
+exports.useArrayTableSources = exports.useArrayTableActions = exports.useAddition = exports.isColumnComponent = exports.buildArrayTableColumns = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@formily/react");
 var _shared = require("@formily/shared");
 var _arrayBase = _interopRequireDefault(require("./arrayBase"));
-var _excluded = ["pinned", "hide", "sort", "sortIndex"];
+var _readOnlyFormatters = require("./readOnlyFormatters");
+var _excluded = ["hide", "sort", "sortIndex", "forceAgField"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -109,24 +110,26 @@ var useArrayTableActions = exports.useArrayTableActions = function useArrayTable
   return schema.properties ? parseSources(schema.properties['actions'] || {}) : [];
 };
 var AgField = function AgField(_ref) {
-  var _ref2, _node$rowIndex;
+  var _field$value$indexOf, _field$value, _field$value$indexOf2, _ref2, _node$rowIndex;
   var value = _ref.value,
     record = _ref.data,
     dataSource = _ref.dataSource,
     schema = _ref.schema,
     field = _ref.field,
     node = _ref.node;
-  // 【修复】优先使用 AG-Grid 的 node.rowIndex，避免依赖 dataSource
-  // 这样即使 columnDefs 中的 dataSource 是空数组，也能正确获取索引
-  var index = (_ref2 = (_node$rowIndex = node === null || node === void 0 ? void 0 : node.rowIndex) !== null && _node$rowIndex !== void 0 ? _node$rowIndex : dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record)) !== null && _ref2 !== void 0 ? _ref2 : -1;
+  // 数据序绑定:用 field.value.indexOf(record) 取数据数组下标(record === field.value 元素引用)。
+  // 排序/过滤后 node.rowIndex 是显示序 ≠ 数据序,会把单元格绑到别的行——故 indexOf 优先,
+  // 仅在未命中(理论不应发生)时才回退 rowIndex/dataSource。@author nokecy
+  var dataIndex = (_field$value$indexOf = field === null || field === void 0 || (_field$value = field.value) === null || _field$value === void 0 || (_field$value$indexOf2 = _field$value.indexOf) === null || _field$value$indexOf2 === void 0 ? void 0 : _field$value$indexOf2.call(_field$value, record)) !== null && _field$value$indexOf !== void 0 ? _field$value$indexOf : -1;
+  var index = dataIndex >= 0 ? dataIndex : (_ref2 = (_node$rowIndex = node === null || node === void 0 ? void 0 : node.rowIndex) !== null && _node$rowIndex !== void 0 ? _node$rowIndex : dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record)) !== null && _ref2 !== void 0 ? _ref2 : -1;
   var children =
   /*#__PURE__*/
   //@ts-ignore
   _react.default.createElement(_arrayBase.default.Item, {
     index: index,
     record: function record() {
-      var _field$value;
-      return (_field$value = field.value) === null || _field$value === void 0 ? void 0 : _field$value[index];
+      var _field$value2;
+      return (_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2[index];
     },
     schema: schema,
     field: field
@@ -137,7 +140,108 @@ var AgField = function AgField(_ref) {
   }));
   return children;
 };
-var useArrayTableColumns = exports.useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
+
+/**
+ * 懒挂载单元格渲染器(可编辑列)。
+ *
+ * 已有行的可编辑格被 Editable 装饰器默认转成 readPretty 只读文本态(点击才进编辑),
+ * 但仍挂着完整 Formily 树——这是行多列多滚动卡的主因。本渲染器:
+ *  - 新增行(_isNew,保持编辑态需即时校验) 或 已被激活(点击/导航进过)的格 -> 挂 AgField 全树;
+ *  - 其余(存量行、没碰过) -> 只渲染廉价纯文本(复用 readOnlyFormatters),不挂 Formily 树。
+ *
+ * 激活态存放在 AG-Grid context.activeCells(Set),由 index.tsx 在点击/键盘导航时写入并 refreshCells。
+ * 「挂了不卸」:一旦激活保持挂载(直到行被虚拟化销毁),不做失焦退回,避开一堆边界。
+ *
+ * 校验安全:未碰过的存量格本就是 readPretty、本就不参与校验,不挂树校验语义零变化。@author nokecy
+ */
+var LazyAgField = function LazyAgField(params) {
+  var _context$activeCells, _context$activeCells$;
+  var value = params.value,
+    record = params.data,
+    dataSource = params.dataSource,
+    schema = params.schema,
+    field = params.field,
+    node = params.node,
+    colDef = params.colDef,
+    context = params.context,
+    formatter = params.formatter,
+    columnProps = params.columnProps,
+    fieldSchema = params.fieldSchema;
+  var key = "".concat(node === null || node === void 0 ? void 0 : node.id, ":").concat(colDef === null || colDef === void 0 ? void 0 : colDef.field);
+  var activated = (record === null || record === void 0 ? void 0 : record._isNew) === true || (context === null || context === void 0 || (_context$activeCells = context.activeCells) === null || _context$activeCells === void 0 || (_context$activeCells$ = _context$activeCells.has) === null || _context$activeCells$ === void 0 ? void 0 : _context$activeCells$.call(_context$activeCells, key)) === true;
+  if (activated) {
+    return /*#__PURE__*/_react.default.createElement(AgField, {
+      value: value,
+      data: record,
+      dataSource: dataSource,
+      schema: schema,
+      field: field,
+      node: node
+    });
+  }
+  var text = formatter ? formatter(value, {
+    columnProps: columnProps,
+    fieldSchema: fieldSchema
+  }) : value == null ? '' : String(value);
+  // 纯文本占满单元格,点击交给 AG-Grid onCellClicked 激活;样式尽量贴近 Editable 只读态避免点开跳动
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "ag-array-table-lazy-text",
+    style: {
+      display: 'inline-block',
+      width: '100%',
+      cursor: 'text'
+    }
+  }, text);
+};
+
+// 在 Column 的子 schema 里递归找到内层数据字段(可读 x-component / x-pattern / x-reactions / enum) @author nokecy
+var findDataFieldSchema = function findDataFieldSchema(columnSchema, name) {
+  if (!columnSchema || !columnSchema.properties) return null;
+  var matched = null;
+  var firstField = null;
+  var walk = function walk(s) {
+    if (!s || !s.properties) return;
+    s.reduceProperties(function (_, child) {
+      if (matched) return _;
+      var comp = child === null || child === void 0 ? void 0 : child['x-component'];
+      // 兜底:记录第一个带 x-component 的叶子字段(排除 Column/Operations/Addition 等包裹组件)
+      if (!firstField && typeof comp === 'string' && !/Column|Operations|Addition/.test(comp)) {
+        firstField = child;
+      }
+      if ((child === null || child === void 0 ? void 0 : child.name) === name) {
+        matched = child;
+        return _;
+      }
+      walk(child);
+      return _;
+    }, null);
+  };
+  walk(columnSchema);
+  return matched || firstField;
+};
+
+/**
+ * 判断某列是否可走「只读纯文本快路径」(不挂 Formily 树)。
+ *
+ * 安全不对称:误判「可编辑->只读」会丢编辑/校验/reaction 计算(灾难);
+ * 误判「只读->可编辑」只是没优化(无害)。所以仅在能证明永久只读时才放行,其余一律回退。
+ *
+ * @author nokecy
+ */
+var isColumnReadOnlyEligible = function isColumnReadOnlyEligible(arrayPattern, dataField, columnProps) {
+  if ((columnProps === null || columnProps === void 0 ? void 0 : columnProps.forceAgField) === true) return false;
+  // 有 x-reactions:可能运行时切 pattern 或计算字段值,静态判不准 -> 保守回退 AgField
+  if (dataField && dataField['x-reactions']) return false;
+  if (arrayPattern === 'readPretty') return true; // 整表只读(明细/详情页)
+  if (!dataField) return false;
+  if (dataField['x-pattern'] === 'readPretty') return true;
+  if (dataField['x-read-pretty'] === true) return true;
+  return false;
+};
+
+// 重命名自 useArrayTableColumns:内部无任何 Hook 调用,use 前缀违反 Hook 命名约定且曾在 useMemo 内被调用 @author nokecy
+var buildArrayTableColumns = exports.buildArrayTableColumns = function buildArrayTableColumns(dataSource, field, sources) {
+  var arrayPattern = field === null || field === void 0 ? void 0 : field.pattern;
   return sources.reduce(function (buf, _ref3, key) {
     var name = _ref3.name,
       columnProps = _ref3.columnProps,
@@ -149,17 +253,65 @@ var useArrayTableColumns = exports.useArrayTableColumns = function useArrayTable
     // 【关键修复】移除可能干扰用户列状态的属性
     // 这些属性应该由用户通过列配置（applyColumnState）控制，而不是从 columnDefs 继承
     // 但保留 width 作为列的初始宽度
-    var pinned = columnProps.pinned,
-      hide = columnProps.hide,
+    // 注意：pinned 不再剥离——作为 schema 默认固定列状态生效；用户运行时拖动/保存方案后
+    //       由 applyColumnState 在其后覆盖(用户优先),stableColumnDefs 会话内稳定不重置,故不冲突。@author nokecy
+    var hide = columnProps.hide,
       sort = columnProps.sort,
       sortIndex = columnProps.sortIndex,
+      forceAgField = columnProps.forceAgField,
       safeColumnProps = _objectWithoutProperties(columnProps, _excluded);
-    return buf.concat(_objectSpread(_objectSpread({}, safeColumnProps), {}, {
+    var base = _objectSpread(_objectSpread({}, safeColumnProps), {}, {
       // 保留 width 作为列的初始宽度
       width: columnProps.width,
       //@ts-ignore
       headerName: columnProps.headerName || columnProps.title,
-      field: name,
+      field: name
+    });
+
+    // 三分流渲染策略:@author nokecy
+    //   ① 只读纯文本(永不可编辑):只读列 + 有格式化器 -> valueFormatter,不挂 Formily 树。
+    //   ② 可编辑懒挂载:可编辑列 + 有格式化器 + 无 reactions + 未强制 eager -> LazyAgField,
+    //      存量格先出廉价文本、点击/导航才挂全树(挂了不卸)。
+    //   ③ 兜底全树:其余(无格式化器/带 reactions/forceAgField/只读但无格式化器) -> AgField。
+    var dataField = findDataFieldSchema(schema, name);
+    var component = dataField === null || dataField === void 0 ? void 0 : dataField['x-component'];
+    var formatter = (0, _readOnlyFormatters.getReadOnlyFormatter)(component);
+    var readOnly = isColumnReadOnlyEligible(arrayPattern, dataField, columnProps);
+    var hasReactions = !!(dataField && dataField['x-reactions']);
+    var forceEager = (columnProps === null || columnProps === void 0 ? void 0 : columnProps.forceAgField) === true;
+
+    // ① 只读纯文本
+    if (readOnly && formatter) {
+      return buf.concat(_objectSpread(_objectSpread({}, base), {}, {
+        // 显式清掉可能从 safeColumnProps 漏带的 cellRenderer(AG-Grid 中 renderer 优先级高于 formatter)
+        cellRenderer: undefined,
+        valueFormatter: function valueFormatter(params) {
+          return formatter(params.value, {
+            columnProps: columnProps,
+            fieldSchema: dataField
+          });
+        }
+      }));
+    }
+
+    // ② 可编辑懒挂载
+    if (!readOnly && formatter && !hasReactions && !forceEager) {
+      return buf.concat(_objectSpread(_objectSpread({}, base), {}, {
+        cellRenderer: LazyAgField,
+        cellRendererParams: {
+          dataSource: dataSource,
+          schema: schema,
+          field: field,
+          formatter: formatter,
+          columnProps: columnProps,
+          fieldSchema: dataField,
+          lazyEditable: true // 供 index.tsx 识别懒列(激活/导航用)
+        }
+      }));
+    }
+
+    // ③ 兜底全树
+    return buf.concat(_objectSpread(_objectSpread({}, base), {}, {
       cellRendererParams: {
         dataSource: dataSource,
         schema: schema,

package/dist/cjs/components/RegexEditor/core/RegexEditor.js

@@ -16,36 +16,36 @@ require("./RegexEditor.less");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * RegexEditor 组件
- *
- * @description
- * CodeMirror 6 包装器组件,集成正则表达式验证和错误标注功能。
- * 提供实时语法验证、错误高亮、复杂度分析等功能。
- *
- * @module RegexEditor/core/RegexEditor
- *
- * @example
- * ```tsx
- * <RegexEditor
- *   value={pattern}
- *   onChange={setPattern}
- *   placeholder="请输入正则表达式"
- *   showComplexity={true}
- *   onValidate={(result) => {
- *     if (!result.valid) {
- *       console.error('验证失败:', result.errors);
- *     }
- *   }}
- * />
- * ```
+/**
+ * RegexEditor 组件
+ *
+ * @description
+ * CodeMirror 6 包装器组件,集成正则表达式验证和错误标注功能。
+ * 提供实时语法验证、错误高亮、复杂度分析等功能。
+ *
+ * @module RegexEditor/core/RegexEditor
+ *
+ * @example
+ * ```tsx
+ * <RegexEditor
+ *   value={pattern}
+ *   onChange={setPattern}
+ *   placeholder="请输入正则表达式"
+ *   showComplexity={true}
+ *   onValidate={(result) => {
+ *     if (!result.valid) {
+ *       console.error('验证失败:', result.errors);
+ *     }
+ *   }}
+ * />
+ * ```
  */
 
-/**
- * RegexEditor 组件
- *
- * @param props - 组件属性
- * @returns React 组件
+/**
+ * RegexEditor 组件
+ *
+ * @param props - 组件属性
+ * @returns React 组件
  */
 var RegexEditor = exports.RegexEditor = function RegexEditor(_ref) {
   var _ref$value = _ref.value,
@@ -201,8 +201,8 @@ var RegexEditor = exports.RegexEditor = function RegexEditor(_ref) {
   })));
 };
 
-/**
- * 获取评分等级
+/**
+ * 获取评分等级
  */
 var getScoreLevel = function getScoreLevel(score) {
   if (score >= 80) return 'high';
@@ -210,8 +210,8 @@ var getScoreLevel = function getScoreLevel(score) {
   return 'low';
 };
 
-/**
- * 获取风险标签
+/**
+ * 获取风险标签
  */
 var getRiskLabel = function getRiskLabel(risk) {
   var labels = {

package/dist/cjs/components/RegexEditor/core/RegexEditor.less

@@ -1,119 +1,119 @@
-/**
- * RegexEditor 组件样式
- */
-
-.regex-editor {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  // 复杂度信息区域
-  .regex-complexity {
-    padding: 12px;
-    background-color: #fafafa;
-    border: 1px solid #d9d9d9;
-    border-radius: 2px;
-    font-size: 13px;
-
-    .complexity-item {
-      display: flex;
-      align-items: center;
-      margin-bottom: 8px;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-      .label {
-        font-weight: 500;
-        color: #595959;
-        margin-right: 8px;
-      }
-
-      .score {
-        padding: 2px 8px;
-        border-radius: 2px;
-        font-weight: 600;
-
-        &.score-high {
-          background-color: #f6ffed;
-          color: #52c41a;
-        }
-
-        &.score-medium {
-          background-color: #fffbe6;
-          color: #faad14;
-        }
-
-        &.score-low {
-          background-color: #fff2f0;
-          color: #ff4d4f;
-        }
-      }
-
-      .risk {
-        padding: 2px 8px;
-        border-radius: 2px;
-        font-weight: 600;
-
-        &.risk-low {
-          background-color: #f6ffed;
-          color: #52c41a;
-        }
-
-        &.risk-medium {
-          background-color: #fffbe6;
-          color: #faad14;
-        }
-
-        &.risk-high {
-          background-color: #fff2f0;
-          color: #ff4d4f;
-        }
-      }
-    }
-
-    .complexity-suggestions {
-      margin-top: 12px;
-      padding-top: 12px;
-      border-top: 1px solid #e8e8e8;
-
-      .suggestions-title {
-        font-weight: 500;
-        color: #595959;
-        margin-bottom: 8px;
-      }
-
-      ul {
-        margin: 0;
-        padding-left: 20px;
-
-        li {
-          color: #8c8c8c;
-          line-height: 1.6;
-          margin-bottom: 4px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-        }
-      }
-    }
-  }
-
-  // 错误标注样式
-  .cm-regex-error {
-    text-decoration: wavy underline red;
-    text-decoration-skip-ink: none;
-  }
-
-  .cm-regex-warning {
-    text-decoration: wavy underline orange;
-    text-decoration-skip-ink: none;
-  }
-
-  .cm-regex-info {
-    text-decoration: wavy underline blue;
-    text-decoration-skip-ink: none;
-  }
-}
+/**
+ * RegexEditor 组件样式
+ */
+
+.regex-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  // 复杂度信息区域
+  .regex-complexity {
+    padding: 12px;
+    background-color: #fafafa;
+    border: 1px solid #d9d9d9;
+    border-radius: 2px;
+    font-size: 13px;
+
+    .complexity-item {
+      display: flex;
+      align-items: center;
+      margin-bottom: 8px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      .label {
+        font-weight: 500;
+        color: #595959;
+        margin-right: 8px;
+      }
+
+      .score {
+        padding: 2px 8px;
+        border-radius: 2px;
+        font-weight: 600;
+
+        &.score-high {
+          background-color: #f6ffed;
+          color: #52c41a;
+        }
+
+        &.score-medium {
+          background-color: #fffbe6;
+          color: #faad14;
+        }
+
+        &.score-low {
+          background-color: #fff2f0;
+          color: #ff4d4f;
+        }
+      }
+
+      .risk {
+        padding: 2px 8px;
+        border-radius: 2px;
+        font-weight: 600;
+
+        &.risk-low {
+          background-color: #f6ffed;
+          color: #52c41a;
+        }
+
+        &.risk-medium {
+          background-color: #fffbe6;
+          color: #faad14;
+        }
+
+        &.risk-high {
+          background-color: #fff2f0;
+          color: #ff4d4f;
+        }
+      }
+    }
+
+    .complexity-suggestions {
+      margin-top: 12px;
+      padding-top: 12px;
+      border-top: 1px solid #e8e8e8;
+
+      .suggestions-title {
+        font-weight: 500;
+        color: #595959;
+        margin-bottom: 8px;
+      }
+
+      ul {
+        margin: 0;
+        padding-left: 20px;
+
+        li {
+          color: #8c8c8c;
+          line-height: 1.6;
+          margin-bottom: 4px;
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+
+  // 错误标注样式
+  .cm-regex-error {
+    text-decoration: wavy underline red;
+    text-decoration-skip-ink: none;
+  }
+
+  .cm-regex-warning {
+    text-decoration: wavy underline orange;
+    text-decoration-skip-ink: none;
+  }
+
+  .cm-regex-info {
+    text-decoration: wavy underline blue;
+    text-decoration-skip-ink: none;
+  }
+}