@nokecy/qc-ui 1.1.51 → 1.1.53

package/dist/cjs/array-table/cellFocusScope.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+/**
+ * 判断「焦点离开了这个单元格」的作用域,给懒挂载格「用完卸回纯文本」用。
+ *
+ * 用 React 合成的 onFocus/onBlur 而不是原生监听:合成事件会沿 React 树冒泡,
+ * 穿过 portal。下拉面板、日期面板、选择对话框这类渲染到 body 上的弹层,焦点进去时
+ * 对本格来说仍是「格内」,不会被误判成离开;弹层的挂载点是哪、有没有 antd 的类名都不用管。
+ *
+ * 失焦不立刻判定,而是推到下一个任务再看:焦点从输入框换到格内别的元素(或弹层)时,
+ * blur 之后紧跟着 focus,后者会作废这次判定。判定时若 document.activeElement 仍在格内
+ * (窗口切走时输入框依旧是 activeElement),同样不算离开。
+ *
+ * 用 display: contents,不产生盒子,不改变单元格里原有的布局。
+ *
+ * @author nokecy
+ */
+export type CellLeaveHandler = (isStale: () => boolean) => void;
+export declare const CellFocusScope: ({ onLeave, children }: {
+    onLeave: CellLeaveHandler;
+    children: React.ReactNode;
+}) => React.JSX.Element;

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

@@ -0,0 +1,62 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CellFocusScope = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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; }
+/**
+ * 判断「焦点离开了这个单元格」的作用域,给懒挂载格「用完卸回纯文本」用。
+ *
+ * 用 React 合成的 onFocus/onBlur 而不是原生监听:合成事件会沿 React 树冒泡,
+ * 穿过 portal。下拉面板、日期面板、选择对话框这类渲染到 body 上的弹层,焦点进去时
+ * 对本格来说仍是「格内」,不会被误判成离开;弹层的挂载点是哪、有没有 antd 的类名都不用管。
+ *
+ * 失焦不立刻判定,而是推到下一个任务再看:焦点从输入框换到格内别的元素(或弹层)时,
+ * blur 之后紧跟着 focus,后者会作废这次判定。判定时若 document.activeElement 仍在格内
+ * (窗口切走时输入框依旧是 activeElement),同样不算离开。
+ *
+ * 用 display: contents,不产生盒子,不改变单元格里原有的布局。
+ *
+ * @author nokecy
+ */
+
+var CellFocusScope = exports.CellFocusScope = function CellFocusScope(_ref) {
+  var onLeave = _ref.onLeave,
+    children = _ref.children;
+  var rootRef = (0, _react.useRef)(null);
+  var timerRef = (0, _react.useRef)();
+  // 每次焦点回到格内、或卸载时递增;进行中的异步判定拿它判断自己是否已过期
+  var generationRef = (0, _react.useRef)(0);
+  var onLeaveRef = (0, _react.useRef)(onLeave);
+  onLeaveRef.current = onLeave;
+  var cancel = function cancel() {
+    generationRef.current += 1;
+    window.clearTimeout(timerRef.current);
+  };
+  (0, _react.useEffect)(function () {
+    return cancel;
+  }, []);
+  var handleBlur = function handleBlur() {
+    cancel();
+    var generation = generationRef.current;
+    timerRef.current = window.setTimeout(function () {
+      var _rootRef$current;
+      if ((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(document.activeElement)) return;
+      onLeaveRef.current(function () {
+        return generation !== generationRef.current;
+      });
+    }, 0);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: rootRef,
+    style: {
+      display: 'contents'
+    },
+    onFocus: cancel,
+    onBlur: handleBlur
+  }, children);
+};

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

@@ -22,3 +22,20 @@ export declare const useKeyboardNavigation: (ref: RefObject<any>, dataSource: an
 export declare const useRowDrag: (field: ArrayField) => {
     handleRowDragMove: (event: any) => void;
 };
+/**
+ * 这个按键该不该交给单元格里的输入框自己处理(浏览器原生行为),而不是当成表格的快捷键/单元格导航。
+ *
+ * AG-Grid 把 Ctrl+A 当成「选中所有单元格」、Home/End 当成「跳到行首/行尾单元格」并 preventDefault;
+ * 我们的 handleCellKeyDown 又把方向键一律当成「跳到相邻单元格」——输入框里全选、用方向键移动光标、
+ * Shift+方向键扩选文字就全都做不了。规则:
+ *  - Ctrl/Cmd+A、Home/End、带 Shift/Ctrl/Alt/Cmd 的方向键、输入法组字期间的按键 -> 输入框自己处理;
+ *  - 左右方向键:光标还能动就移动光标(有选区时先收起选区),已经在最左/最右再按才跳到相邻单元格;
+ *  - 上下方向键:单行输入框没有纵向光标,照旧在行间导航;多行文本域在首行/末行才导航;
+ *  - 焦点不在输入框里(在单元格本身)、只读输入框(如下拉选择)、不支持光标的输入框:照旧导航。
+ * 复制/粘贴/剪切/撤销 AG-Grid 本来就没拦,不必处理。@author nokecy
+ */
+export declare const isNativeInputKey: (event: KeyboardEvent) => boolean;
+/** AG-Grid 的 suppressKeyboardEvent:让 AG-Grid 不再拦截输入框自己处理的按键,并记下这次按键的判定 */
+export declare const suppressNativeInputKeys: ({ event }: {
+    event: KeyboardEvent;
+}) => boolean;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useRowDrag = exports.useKeyboardNavigation = exports.useCellFocus = void 0;
+exports.useRowDrag = exports.useKeyboardNavigation = exports.useCellFocus = exports.suppressNativeInputKeys = exports.isNativeInputKey = void 0;
 var _react = require("react");
 // setSelectionRange 仅 textarea 与 text/search/url/tel/password 类型 input 支持;
 // checkbox/number/date 等调用会抛 InvalidStateError,故用白名单守卫。@author nokecy
@@ -17,6 +17,12 @@ var supportsSelectionRange = function supportsSelectionRange(el) {
  */
 var useCellFocus = exports.useCellFocus = function useCellFocus() {
   var focusInputInCell = (0, _react.useCallback)(function (cell) {
+    // 焦点已经在本格的输入框里:用户直接点进去定位光标、双击选词、按住拖选,这些留下的光标/选区都是他的。
+    // 不能再 focus() 并把光标挪到末尾——那会把这些操作在 10ms 后全部抹掉。
+    // 首次点开、键盘导航进来时焦点还不在本格输入框里,不受影响。@author nokecy
+    var active = document.activeElement;
+    if (active && cell.contains(active) && active.matches('input, textarea')) return;
+
     // 首先查找Editable包装的元素
     var editableElement = cell.querySelector('.ant-formily-editable');
     if (editableElement) {
@@ -101,11 +107,15 @@ var useCellFocus = exports.useCellFocus = function useCellFocus() {
  */
 var useKeyboardNavigation = exports.useKeyboardNavigation = function useKeyboardNavigation(ref, dataSource, focusInputInCell, activateCell) {
   var handleCellKeyDown = (0, _react.useCallback)(function (event) {
+    var _nativeKeyDecisions$g;
     var keyEvent = event.event,
       node = event.node,
       colDef = event.colDef,
       api = event.api;
     if (!keyEvent) return;
+    // 输入框里移动光标/扩选/全选的按键归输入框,表格不导航(见 isNativeInputKey)。
+    // 判定用 keydown 当时记下的(见 suppressNativeInputKeys);没记过(不是 AG-Grid 触发的)才现算。
+    if ((_nativeKeyDecisions$g = nativeKeyDecisions.get(keyEvent)) !== null && _nativeKeyDecisions$g !== void 0 ? _nativeKeyDecisions$g : isNativeInputKey(keyEvent)) return;
 
     // 处理上下左右键导航
     if (keyEvent.key === 'ArrowDown' || keyEvent.key === 'ArrowUp' || keyEvent.key === 'ArrowLeft' || keyEvent.key === 'ArrowRight') {
@@ -209,4 +219,55 @@ var useRowDrag = exports.useRowDrag = function useRowDrag(field) {
   return {
     handleRowDragMove: handleRowDragMove
   };
+};
+
+/**
+ * 这个按键该不该交给单元格里的输入框自己处理(浏览器原生行为),而不是当成表格的快捷键/单元格导航。
+ *
+ * AG-Grid 把 Ctrl+A 当成「选中所有单元格」、Home/End 当成「跳到行首/行尾单元格」并 preventDefault;
+ * 我们的 handleCellKeyDown 又把方向键一律当成「跳到相邻单元格」——输入框里全选、用方向键移动光标、
+ * Shift+方向键扩选文字就全都做不了。规则:
+ *  - Ctrl/Cmd+A、Home/End、带 Shift/Ctrl/Alt/Cmd 的方向键、输入法组字期间的按键 -> 输入框自己处理;
+ *  - 左右方向键:光标还能动就移动光标(有选区时先收起选区),已经在最左/最右再按才跳到相邻单元格;
+ *  - 上下方向键:单行输入框没有纵向光标,照旧在行间导航;多行文本域在首行/末行才导航;
+ *  - 焦点不在输入框里(在单元格本身)、只读输入框(如下拉选择)、不支持光标的输入框:照旧导航。
+ * 复制/粘贴/剪切/撤销 AG-Grid 本来就没拦,不必处理。@author nokecy
+ */
+var isNativeInputKey = exports.isNativeInputKey = function isNativeInputKey(event) {
+  var _target$matches;
+  var target = event.target;
+  if (!(target !== null && target !== void 0 && (_target$matches = target.matches) !== null && _target$matches !== void 0 && _target$matches.call(target, 'input, textarea, [contenteditable="true"]'))) return false;
+  var key = event.key;
+  if (event.isComposing) return true;
+  if ((event.ctrlKey || event.metaKey) && key.toLowerCase() === 'a') return true;
+  if (key === 'Home' || key === 'End') return true;
+  if (!key.startsWith('Arrow')) return false;
+  if (event.shiftKey || event.ctrlKey || event.altKey || event.metaKey) return true;
+  var el = target;
+  var start = el.selectionStart,
+    end = el.selectionEnd,
+    value = el.value;
+  // 不支持光标的输入框(如 checkbox)、只读输入框:没有光标可动,方向键用来导航
+  if (start == null || end == null || el.readOnly || el.disabled) return false;
+  var collapsed = start === end;
+  if (key === 'ArrowLeft') return !(collapsed && start === 0);
+  if (key === 'ArrowRight') return !(collapsed && end === value.length);
+  if (el.tagName !== 'TEXTAREA') return false;
+  // 多行文本域:光标不在首行才能往上移,不在末行才能往下移
+  return key === 'ArrowUp' ? value.slice(0, start).includes('\n') : value.slice(end).includes('\n');
+};
+
+/**
+ * keydown 当时的判定。AG-Grid 的 onCellKeyDown 回调是在 setTimeout(0) 里才触发的,那时浏览器已经执行完默认动作、
+ * 光标被挪过了:光标从 1 挪到最左、选区收起到末尾之后再算,会误当成「本来就在边缘」而跳格。
+ * suppressKeyboardEvent 是 keydown 时同步调用的,状态还没变,所以在那里记下,回调里直接用。
+ */
+var nativeKeyDecisions = new WeakMap();
+
+/** AG-Grid 的 suppressKeyboardEvent:让 AG-Grid 不再拦截输入框自己处理的按键,并记下这次按键的判定 */
+var suppressNativeInputKeys = exports.suppressNativeInputKeys = function suppressNativeInputKeys(_ref) {
+  var event = _ref.event;
+  var native = isNativeInputKey(event);
+  nativeKeyDecisions.set(event, native);
+  return native;
 };

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

@@ -18,7 +18,7 @@ var _preview = _interopRequireDefault(require("./preview"));
 var _antd = require("antd");
 var _setting = _interopRequireDefault(require("../ag-grid-plus/setting"));
 var _columnGroupUtils = require("../ag-grid-plus/setting/columnGroupUtils");
-var _theme = require("../ag-grid-plus/theme");
+var _theme = require("./theme");
 var _agGridPlus = require("../ag-grid-plus");
 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); }
@@ -34,18 +34,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 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; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // 导入 AG-Grid v33 主题
-// array-table 派生主题:去掉单元格聚焦/选区视觉(行内编辑更干净)。
-//   focusShadow            -> 聚焦光环
-//   rangeSelectionBorder   -> 单格点击形成的 1×1 选区蓝边
-//   rangeSelectionBackground -> 选区淡蓝填充
-// 仅去视觉,不动焦点功能——键盘导航/点击进编辑仍依赖 cell focus。共用主题不受影响。@author nokecy
-var arrayTableTheme = _theme.agGridTheme.withParams({
-  focusShadow: 'none',
-  rangeSelectionBorderColor: 'transparent',
-  rangeSelectionBackgroundColor: 'transparent'
-});
-
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // AG-Grid v33 主题:行高、单元格居中、去聚焦/选区视觉(编辑态与阅读态共用一份,见 theme.ts)
 //@ts-ignore
 var ArrayTableInner = (0, _react2.observer)(function (props) {
   var _addition$props;
@@ -62,7 +51,8 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
     isAdd = _useState2[0],
     setIsAdd = _useState2[1];
   var apiRef = (0, _react.useRef)();
-  // 懒挂载激活态:存放已激活(点击/导航进过)的单元格 key(`rowId:colId`),供 LazyAgField 经 context 读取。@author nokecy
+  // 懒挂载激活态:存放当前挂着真控件的单元格 key(`rowId:colId`),供 LazyAgField 经 context 读写:
+  // 点击/导航进来时这里写入,必填且为空的格自己写入,焦点离开且校验通过后自己删除。@author nokecy
   var activeCellsRef = (0, _react.useRef)(new Set());
   // 无 _id/id 的外部数据按对象引用分配稳定 rowId(避免 getRowId 返回 undefined)。@author nokecy
   var rowIdMapRef = (0, _react.useRef)(new WeakMap());
@@ -178,15 +168,15 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
 
   /**
    * 激活某个懒挂载单元格:加入激活集合并强制重渲该格 -> LazyAgField 改挂 AgField 全树。
-   * 返回 true 表示「本次新激活」(调用方需等挂载完成再聚焦);false 表示无需激活(非懒列/新增行/已激活)。@author nokecy
+   * 焦点离开后 LazyAgField 自己把它从集合里移除并卸回文本(见 utils.tsx)。
+   * 返回 true 表示「本次新激活」(调用方需等挂载完成再聚焦);false 表示无需激活(非懒列/已挂载着,
+   * 如必填且为空的格本就挂着)。新增行的格与存量行一视同仁:非必填的也是先文本、点了才挂。@author nokecy
    */
   var activateCell = (0, _react.useCallback)(function (api, node, colId) {
-    var _node$data;
     if (!api || !node || !colId) return false;
     if (!lazyColIds.has(colId)) return false; // 非懒列(已是 AgField/纯文本)
-    if ((_node$data = node.data) !== null && _node$data !== void 0 && _node$data._isNew) return false; // 新增行本就 eager 挂着
     var key = "".concat(node.id, ":").concat(colId);
-    if (activeCellsRef.current.has(key)) return false; // 已激活
+    if (activeCellsRef.current.has(key)) return false; // 已挂载
     activeCellsRef.current.add(key);
     api.refreshCells({
       rowNodes: [node],
@@ -340,7 +330,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
       minHeight: 0
     }
   }, /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
-    theme: arrayTableTheme,
+    theme: _theme.arrayTableTheme,
     context: gridContext,
     onGridReady: function onGridReady(params) {
       params.api.hidePopupMenu();
@@ -391,6 +381,8 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
     enableCellTextSelection: true,
     defaultColDef: {
       resizable: true,
+      // 输入框里全选、移动光标、扩选等文字编辑按键交给输入框,不让 AG-Grid 当成表格快捷键拦走
+      suppressKeyboardEvent: _hooks.suppressNativeInputKeys,
       headerComponentParams: {
         template: '<div class="ag-cell-label-container" role="presentation">' +
         // '  <span data-ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
@@ -427,7 +419,7 @@ var ArrayTableInner = (0, _react2.observer)(function (props) {
     //   }
     // }}
     ,
-    rowHeight: 38,
+    rowHeight: _theme.ARRAY_TABLE_ROW_HEIGHT,
     pagination: false,
     columnDefs: gridColumnDefs,
     rowData: dataSource

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

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@formily/react");
 var _utils = require("./utils");
 var _agGridPlus = require("../ag-grid-plus");
+var _theme = require("./theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //@ts-ignore
 var ArrayTable = function ArrayTable(props) {
@@ -31,7 +32,8 @@ var ArrayTable = function ArrayTable(props) {
     },
     hideTool: true,
     search: false,
-    rowHeight: 38,
+    theme: _theme.arrayTablePreviewTheme,
+    rowHeight: _theme.ARRAY_TABLE_ROW_HEIGHT,
     pagination: false,
     columnDefs: columns,
     rowData: dataSource

package/dist/cjs/array-table/readOnlyFormatters.d.ts

@@ -1,18 +1,3 @@
-/**
- * 只读列「纯文本快路径」格式化器注册表
- *
- * 背景:ArrayTable 每个可见单元格默认挂一棵完整 Formily 字段树(AgField),
- * 行虚拟化滚动时整行销毁重建,列多必然掉帧。只读列没有编辑/校验/写回,
- * 完全可以不挂 Formily 树、改用 AG-Grid 的 valueFormatter 出纯文本。
- *
- * 本注册表负责「内层组件类型 -> 显示文本」的映射。命中返回格式化器,
- * 未命中返回 null —— 调用方据此安全回退 AgField(正确优先于速度)。
- *
- * 取舍:这是 Formily readPretty 之外的一份精简显示逻辑,可能与定制 readPretty
- * 发散。靠「未命中即回退 + 消费方可 registerReadOnlyFormatter 扩展」控制风险。
- *
- * @author nokecy
- */
 export type ReadOnlyFormatterCtx = {
     /** 列的 x-component-props(headerName/width/options/format 等) */
     columnProps: any;

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.registerReadOnlyFormatter = exports.getReadOnlyFormatter = void 0;
-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 _dayjs = _interopRequireDefault(require("dayjs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); } /**
  * 只读列「纯文本快路径」格式化器注册表
  *
  * 背景:ArrayTable 每个可见单元格默认挂一棵完整 Formily 字段树(AgField),
@@ -20,7 +21,6 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
  *
  * @author nokecy
  */
-
 /** 从字段 schema / 列 props 里尽量取到 Select 的可选项(value->label 映射用) */
 var resolveOptions = function resolveOptions(ctx) {
   var _ref, _ref2, _ref3, _fieldSchema$enum, _fieldSchema$xCompon, _fieldSchema$xCompon2;
@@ -62,9 +62,11 @@ var dateFormatter = function dateFormatter(value, ctx) {
   var _ref6, _ctx$columnProps$form, _ctx$columnProps, _ctx$fieldSchema;
   if (value == null || value === '') return '';
   var fmt = (_ref6 = (_ctx$columnProps$form = (_ctx$columnProps = ctx.columnProps) === null || _ctx$columnProps === void 0 ? void 0 : _ctx$columnProps.format) !== null && _ctx$columnProps$form !== void 0 ? _ctx$columnProps$form : (_ctx$fieldSchema = ctx.fieldSchema) === null || _ctx$fieldSchema === void 0 || (_ctx$fieldSchema = _ctx$fieldSchema['x-component-props']) === null || _ctx$fieldSchema === void 0 ? void 0 : _ctx$fieldSchema.format) !== null && _ref6 !== void 0 ? _ref6 : 'YYYY-MM-DD';
-  // 值多为 dayjs 对象(有 .format)或已格式化的字符串;不强引 dayjs,保持轻量
-  if (value && typeof value.format === 'function') return value.format(fmt);
-  return String(value);
+  if (typeof value.format === 'function') return value.format(fmt);
+  // 后端回来的多是 ISO 串(2024-10-19T00:00:00)或时间戳:与 Formily readPretty 一致,按 dayjs(value).format(fmt) 显示;
+  // 解析不了的文本(如「待定」)原样显示,不吞掉。dayjs 随 antd 传递依赖引入,本库其他模块已直接使用。
+  var parsed = (0, _dayjs.default)(value);
+  return parsed.isValid() ? parsed.format(fmt) : String(value);
 };
 var booleanFormatter = function booleanFormatter(value, ctx) {
   var _ctx$fieldSchema$xCo, _ctx$fieldSchema2, _props$checkedChildre, _props$unCheckedChild;

package/dist/cjs/array-table/theme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 行高 38:放得下 32px 高的输入框。网格选项 rowHeight 与主题参数 rowHeight 必须同值——
+ * AG-Grid 单元格文字的行高(--ag-internal-content-line-height)是从主题的 --ag-row-height 算的,
+ * 只设网格选项会让文字的行盒仍是主题默认行高(29.6-3=26.6px),顶在 37px 的格子上方(偏上约 4.5px)。
+ */
+export declare const ARRAY_TABLE_ROW_HEIGHT = 38;
+/** 阅读态主题:共用主题 + 行高 + 单元格居中 */
+export declare const arrayTablePreviewTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
+/**
+ * 编辑态主题:在阅读态主题上去掉单元格聚焦/选区视觉(行内编辑更干净)。
+ *   focusShadow            -> 聚焦光环
+ *   rangeSelectionBorder   -> 单格点击形成的 1×1 选区蓝边
+ *   rangeSelectionBackground -> 选区淡蓝填充
+ * 仅去视觉,不动焦点功能——键盘导航/点击进编辑仍依赖 cell focus。
+ */
+export declare const arrayTableTheme: import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.arrayTableTheme = exports.arrayTablePreviewTheme = exports.ARRAY_TABLE_ROW_HEIGHT = void 0;
+var _agGridCommunity = require("ag-grid-community");
+var _theme = require("../ag-grid-plus/theme");
+/**
+ * ArrayTable(明细表格)的 AG-Grid 主题:编辑态(index.tsx)与阅读态(preview.tsx)共用。
+ *
+ * @author nokecy
+ */
+
+/**
+ * 行高 38:放得下 32px 高的输入框。网格选项 rowHeight 与主题参数 rowHeight 必须同值——
+ * AG-Grid 单元格文字的行高(--ag-internal-content-line-height)是从主题的 --ag-row-height 算的,
+ * 只设网格选项会让文字的行盒仍是主题默认行高(29.6-3=26.6px),顶在 37px 的格子上方(偏上约 4.5px)。
+ */
+var ARRAY_TABLE_ROW_HEIGHT = exports.ARRAY_TABLE_ROW_HEIGHT = 38;
+
+/**
+ * 单元格里的表单项与内容区垂直居中(只对使用本主题的网格生效,共用主题不受影响):
+ *  - .ag-cell-wrapper 撑满格子,align-items:center 才起作用(默认只有内容高,贴在格子顶部);
+ *  - FormItem 默认 margin-bottom:24px(loose 反馈布局给错误文字预留的位置),会把 Editable 外壳撑到 56px、
+ *    输入框偏上、还超出 37px 的格子,归零;
+ *  - 错误提示文字移出文档流(位置仍在输入框下方),出错时输入框不会被挤得上下跳。
+ */
+var arrayTableCellFit = (0, _agGridCommunity.createPart)({
+  feature: 'arrayTableCellFit',
+  css: "\n    .ag-cell .ag-cell-wrapper { height: 100%; }\n    .ag-cell .ant-formily-item { margin-bottom: 0; }\n    .ag-cell .ant-formily-item-help { position: absolute; }\n  "
+});
+
+/** 阅读态主题:共用主题 + 行高 + 单元格居中 */
+var arrayTablePreviewTheme = exports.arrayTablePreviewTheme = _theme.agGridTheme.withParams({
+  rowHeight: ARRAY_TABLE_ROW_HEIGHT
+}).withPart(arrayTableCellFit);
+
+/**
+ * 编辑态主题:在阅读态主题上去掉单元格聚焦/选区视觉(行内编辑更干净)。
+ *   focusShadow            -> 聚焦光环
+ *   rangeSelectionBorder   -> 单格点击形成的 1×1 选区蓝边
+ *   rangeSelectionBackground -> 选区淡蓝填充
+ * 仅去视觉,不动焦点功能——键盘导航/点击进编辑仍依赖 cell focus。
+ */
+var arrayTableTheme = exports.arrayTableTheme = arrayTablePreviewTheme.withParams({
+  focusShadow: 'none',
+  rangeSelectionBorderColor: 'transparent',
+  rangeSelectionBackgroundColor: 'transparent'
+});

package/dist/cjs/array-table/utils.d.ts

@@ -10,14 +10,21 @@ declare const useArrayTableActions: () => ObservableColumnSource[];
  * 懒挂载单元格渲染器(可编辑列)。
  *
  * 已有行的可编辑格被 Editable 装饰器默认转成 readPretty 只读文本态(点击才进编辑),
- * 但仍挂着完整 Formily 树——这是行多列多滚动卡的主因。本渲染器:
- *  - 新增行(_isNew,保持编辑态需即时校验) 或 已被激活(点击/导航进过)的格 -> 挂 AgField 全树;
- *  - 其余(存量行、没碰过) -> 只渲染廉价纯文本(复用 readOnlyFormatters),不挂 Formily 树。
+ * 但仍挂着完整 Formily 树——这是行多列多滚动卡的主因。本渲染器让每个格在两种形态间切换:
+ *  - 懒挂载文本:只渲染廉价纯文本(复用 readOnlyFormatters),不挂 Formily 树。默认形态。
+ *  - 挂载态:挂 AgField 全树,可编辑、可校验。
  *
- * 激活态存放在 AG-Grid context.activeCells(Set),由 index.tsx 在点击/键盘导航时写入并 refreshCells。
- * 「挂了不卸」:一旦激活保持挂载(直到行被虚拟化销毁),不做失焦退回,避开一堆边界。
+ * 何时挂载:
+ *  1. 被激活(点击/键盘导航进来):激活态存放在 AG-Grid context.activeCells(Set),
+ *     由 index.tsx 写入并 refreshCells;
+ *  2. 必填且为空:空的必填格必须是真控件,否则没有字段节点,提交时没人校验它。
+ *     不区分新增行、存量行、initialValues 带进来的行——只看「必填且空」。
+ *     例外:Editable 装饰器的非新增行,Editable 自己会把它转成只读态,挂了也不校验,留在文本态。
+ * 何时卸回文本:焦点离开本格,且该字段校验通过(必填的已填上、没有格式错误)。
+ *  必填仍为空或校验有错则留着控件,让用户看见错误——与 Editable 失焦时的判断一致。
+ *  卸掉的只是渲染树,Formily 字段节点与值都还在,再次点击会接着用。
  *
- * 校验安全:未碰过的存量格本就是 readPretty、本就不参与校验,不挂树校验语义零变化。@author nokecy
+ * 校验安全:空的必填格不会卸成文本(见上);其余格卸载前已校验通过。@author nokecy
  */
 declare const LazyAgField: (params: any) => React.JSX.Element;
 /**