@nokecy/qc-ui 1.1.38 → 1.1.39

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

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["hide", "sort", "sortIndex"];
+var _excluded = ["hide", "sort", "sortIndex", "forceAgField"];
 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; }
 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; }
@@ -11,6 +11,7 @@ import React from 'react';
 import { useField, useFieldSchema, RecursionField } from '@formily/react';
 import { isArr } from '@formily/shared';
 import ArrayBase from "./arrayBase";
+import { getReadOnlyFormatter } from "./readOnlyFormatters";
 var isColumnComponent = function isColumnComponent(schema) {
   var _schema$xComponent;
   return ((_schema$xComponent = schema['x-component']) === null || _schema$xComponent === void 0 ? void 0 : _schema$xComponent.indexOf('Column')) > -1;
@@ -102,24 +103,26 @@ var useArrayTableActions = function useArrayTableActions() {
   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.createElement(ArrayBase.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
@@ -130,7 +133,108 @@ var AgField = function AgField(_ref) {
   }));
   return children;
 };
-var 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.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.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 = 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,
@@ -147,13 +251,60 @@ var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sour
     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 = 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,
@@ -175,4 +326,4 @@ var useAddition = function useAddition() {
     return addition;
   }, null);
 };
-export { isColumnComponent, useArrayTableSources, useArrayTableActions, useArrayTableColumns, useAddition };
+export { isColumnComponent, useArrayTableSources, useArrayTableActions, buildArrayTableColumns, useAddition };

package/dist/esm/editable/index.js

@@ -98,7 +98,9 @@ var InternalEditable = observer(function (props) {
     var input = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.querySelector('input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])');
     if (input) {
       input.focus();
-      if ('setSelectionRange' in input && input.type !== 'number' && input.type !== 'date') {
+      // setSelectionRange 仅 textarea 与 text/search/url/tel/password 类型 input 支持;
+      // checkbox/number/date 等会抛 InvalidStateError,故用白名单守卫。@author nokecy
+      if (input.tagName === 'TEXTAREA' || /^(text|search|url|tel|password)$/i.test(input.type || 'text')) {
         var _input$value;
         var length = ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length) || 0;
         setTimeout(function () {

package/dist/esm/formDesigner/FormDesigner.js

@@ -54,7 +54,7 @@ var FormDesigner = function FormDesigner(props) {
   }, [name]);
   var getComponents = function getComponents() {
     var components = {};
-    businessComponents.map(function (x) {
+    businessComponents.forEach(function (x) {
       var _x$Behavior;
       if ((_x$Behavior = x.Behavior) !== null && _x$Behavior !== void 0 && (_x$Behavior = _x$Behavior[0]) !== null && _x$Behavior !== void 0 && _x$Behavior.name) {
         components[x.Behavior[0].name] = x;
@@ -64,7 +64,7 @@ var FormDesigner = function FormDesigner(props) {
   };
   var getComponentGroups = function getComponentGroups() {
     var groups = {};
-    businessComponents.map(function (x) {
+    businessComponents.forEach(function (x) {
       if (groups[x.GroupName ? x.GroupName : '其他']) {
         groups[x.GroupName ? x.GroupName : '其他'].push(x);
       } else {
@@ -114,6 +114,7 @@ var FormDesigner = function FormDesigner(props) {
     sources: [PreDefineProperty1, PreDefineProperty2, PreDefineProperty3, PreDefineProperty4, PreDefineProperty5, PreDefineProperty6, PreDefineProperty7, PreDefineProperty8, PreDefineProperty9, PreDefineProperty10]
   }), Object.keys(groupComponents).map(function (x) {
     return /*#__PURE__*/React.createElement(ResourceWidget, {
+      key: x,
       title: x,
       sources: groupComponents[x]
     });

package/dist/esm/formDesigner/preWidgets/index.d.ts

@@ -1,12 +1,3 @@
-export * from './preDefineProperty1';
-export * from './preDefineProperty2';
-export * from './preDefineProperty3';
-export * from './preDefineProperty4';
-export * from './preDefineProperty5';
-export * from './preDefineProperty6';
-export * from './preDefineProperty7';
-export * from './preDefineProperty8';
-export * from './preDefineProperty9';
-export * from './preDefineProperty10';
+export * from './preDefineProperty';
 export * from './arrayTableIndex';
 export * from './card';

package/dist/esm/formDesigner/preWidgets/index.js

@@ -1,12 +1,3 @@
-export * from "./preDefineProperty1";
-export * from "./preDefineProperty2";
-export * from "./preDefineProperty3";
-export * from "./preDefineProperty4";
-export * from "./preDefineProperty5";
-export * from "./preDefineProperty6";
-export * from "./preDefineProperty7";
-export * from "./preDefineProperty8";
-export * from "./preDefineProperty9";
-export * from "./preDefineProperty10";
+export * from "./preDefineProperty";
 export * from "./arrayTableIndex";
 export * from "./card";

package/dist/esm/formDesigner/preWidgets/preDefineProperty.d.ts

@@ -0,0 +1,11 @@
+import { DnFC } from '@nokecy/designable-react';
+export declare const PreDefineProperty1: DnFC<any>;
+export declare const PreDefineProperty2: DnFC<any>;
+export declare const PreDefineProperty3: DnFC<any>;
+export declare const PreDefineProperty4: DnFC<any>;
+export declare const PreDefineProperty5: DnFC<any>;
+export declare const PreDefineProperty6: DnFC<any>;
+export declare const PreDefineProperty7: DnFC<any>;
+export declare const PreDefineProperty8: DnFC<any>;
+export declare const PreDefineProperty9: DnFC<any>;
+export declare const PreDefineProperty10: DnFC<any>;

package/dist/esm/formDesigner/preWidgets/{preDefineProperty1/preview.js → preDefineProperty.js}

@@ -8,37 +8,56 @@ import React from 'react';
 import { Input } from '@formily/antd-v5';
 import { createBehavior, createResource } from '@nokecy/designable-core';
 import { AllSchemas, AllLocales } from '@nokecy/designable-formily-antd';
-import { createFieldSchema } from "../utils";
+import { createFieldSchema } from "./utils";
 var FormilyInput = function FormilyInput(props) {
   return /*#__PURE__*/React.createElement(Input, props);
 };
-export var PreDefineProperty1 = FormilyInput;
-PreDefineProperty1.Behavior = createBehavior({
-  name: 'PreDefineProperty1',
-  extends: ['Field'],
-  selector: function selector(node) {
-    return node.props['x-component'] === 'Input' && node.props['name'] === 'preDefineProperty1';
-  },
-  designerProps: {
-    propsSchema: createFieldSchema(AllSchemas.Input)
-  },
-  designerLocales: {
-    // ...AllLocales.Input,
-    'zh-CN': _objectSpread(_objectSpread({}, AllLocales.Input['zh-CN']), {}, {
-      title: '预定义字段1'
+
+// 10 个预定义字段仅编号不同,用工厂统一生成,替代原 preDefineProperty1~10 十份机械复制 @author nokecy
+var createPreDefineProperty = function createPreDefineProperty(n) {
+  var fieldName = "preDefineProperty".concat(n);
+  var componentName = "PreDefineProperty".concat(n);
+  var title = "\u9884\u5B9A\u4E49\u5B57\u6BB5".concat(n);
+  var component = function component(props) {
+    return /*#__PURE__*/React.createElement(FormilyInput, props);
+  };
+  component.Behavior = createBehavior({
+    name: componentName,
+    extends: ['Field'],
+    selector: function selector(node) {
+      return node.props['x-component'] === 'Input' && node.props['name'] === fieldName;
+    },
+    designerProps: {
+      propsSchema: createFieldSchema(AllSchemas.Input)
+    },
+    designerLocales: _objectSpread(_objectSpread({}, AllLocales.Input), {}, {
+      'zh-CN': _objectSpread(_objectSpread({}, AllLocales.Input['zh-CN']), {}, {
+        title: title
+      })
     })
-  }
-});
-PreDefineProperty1.Resource = createResource({
-  icon: 'InputSource',
-  elements: [{
-    componentName: 'Field',
-    props: {
-      type: 'string',
-      name: 'preDefineProperty1',
-      title: '预定义字段1',
-      'x-decorator': 'FormItem',
-      'x-component': 'Input'
-    }
-  }]
-});
+  });
+  component.Resource = createResource({
+    icon: 'InputSource',
+    elements: [{
+      componentName: 'Field',
+      props: {
+        type: 'string',
+        name: fieldName,
+        title: title,
+        'x-decorator': 'FormItem',
+        'x-component': 'Input'
+      }
+    }]
+  });
+  return component;
+};
+export var PreDefineProperty1 = createPreDefineProperty(1);
+export var PreDefineProperty2 = createPreDefineProperty(2);
+export var PreDefineProperty3 = createPreDefineProperty(3);
+export var PreDefineProperty4 = createPreDefineProperty(4);
+export var PreDefineProperty5 = createPreDefineProperty(5);
+export var PreDefineProperty6 = createPreDefineProperty(6);
+export var PreDefineProperty7 = createPreDefineProperty(7);
+export var PreDefineProperty8 = createPreDefineProperty(8);
+export var PreDefineProperty9 = createPreDefineProperty(9);
+export var PreDefineProperty10 = createPreDefineProperty(10);