@nokecy/qc-ui 1.1.12 → 1.1.15

package/dist/esm/ag-grid-plus/shared/storage/backendApiAdapter.js

@@ -83,6 +83,39 @@ export var BackendApiSchemeAdapter = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * 【修复】将 JavaScript 时间戳转换为 ISO 字符串
+     *
+     * JavaScript Date.now() 返回毫秒时间戳（如 1699344567890）
+     * .NET DateTimeOffset 需要 ISO 8601 格式字符串（如 "2023-11-07T08:36:07.890Z"）
+     *
+     * @param timestamp 毫秒时间戳
+     * @returns ISO 8601 格式字符串
+     */
+  }, {
+    key: "toIsoString",
+    value: function toIsoString(timestamp) {
+      if (timestamp === undefined || timestamp === null) {
+        return undefined;
+      }
+      return new Date(timestamp).toISOString();
+    }
+
+    /**
+     * 【修复】将 ISO 字符串转换为 JavaScript 时间戳
+     *
+     * @param isoString ISO 8601 格式字符串
+     * @returns 毫秒时间戳
+     */
+  }, {
+    key: "fromIsoString",
+    value: function fromIsoString(isoString) {
+      if (!isoString) {
+        return undefined;
+      }
+      return new Date(isoString).getTime();
+    }
+
     /**
      * 生成请求头
      */
@@ -257,9 +290,11 @@ export var BackendApiSchemeAdapter = /*#__PURE__*/function () {
               _context3.prev = 0;
               this.log("\u4FDD\u5B58\u5217\u65B9\u6848: ".concat(gridId, " - ").concat(scheme.name));
 
-              // 将 columnConfig 转换为 JSON 字符串
+              // 【修复】将时间戳转换为 ISO 字符串，并将 columnConfig 转换为 JSON 字符串
               schemeForBackend = _objectSpread(_objectSpread({}, scheme), {}, {
-                columnConfig: JSON.stringify(scheme.columnConfig)
+                columnConfig: JSON.stringify(scheme.columnConfig),
+                createdAt: this.toIsoString(scheme.createdAt),
+                updatedAt: this.toIsoString(scheme.updatedAt)
               });
               url = "".concat(this.config.apiBaseUrl, "/api/extra-object/table-scheme/save-column-scheme");
               _context3.next = 6;
@@ -278,10 +313,20 @@ export var BackendApiSchemeAdapter = /*#__PURE__*/function () {
               }
               throw new Error(response.message || '保存失败');
             case 9:
-              // 将返回的 columnConfig 从字符串解析为对象数组
+              // 【修复】将返回的数据转换回前端格式
               savedScheme = response.scheme;
-              if (savedScheme && typeof savedScheme.columnConfig === 'string') {
-                savedScheme.columnConfig = JSON.parse(savedScheme.columnConfig);
+              if (savedScheme) {
+                // 解析 columnConfig
+                if (typeof savedScheme.columnConfig === 'string') {
+                  savedScheme.columnConfig = JSON.parse(savedScheme.columnConfig);
+                }
+                // 将 ISO 字符串转换回时间戳
+                if (savedScheme.createdAt) {
+                  savedScheme.createdAt = this.fromIsoString(savedScheme.createdAt);
+                }
+                if (savedScheme.updatedAt) {
+                  savedScheme.updatedAt = this.fromIsoString(savedScheme.updatedAt);
+                }
               }
               this.log('保存成功', savedScheme);
               return _context3.abrupt("return", savedScheme);

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

@@ -52,10 +52,26 @@ var ArrayTableInner = observer(function (props) {
     gridApiState = _useState4[0],
     setGridApiState = _useState4[1];
   var dataSource = Array.isArray(field.value) ? field.value.slice() : [];
-  var sources = useArrayTableSources();
-  var actions = useArrayTableActions();
-  var columns = useArrayTableColumns(dataSource, field, sources);
   var schema = useFieldSchema();
+
+  // 获取 sources（每次渲染都会重新计算，返回新的数组引用）
+  var rawSources = useArrayTableSources();
+  var actions = useArrayTableActions();
+
+  // 【关键修复】使用 useMemo 基于内容稳定 sources 引用
+  // 通过 JSON.stringify 比较内容，只有内容真正变化时才返回新引用
+  var sourcesKey = useMemo(function () {
+    return JSON.stringify(rawSources.map(function (s) {
+      return {
+        name: s.name,
+        display: s.display
+        // 只提取稳定的标识信息
+      };
+    }));
+  }, [rawSources]);
+  var sources = useMemo(function () {
+    return rawSources;
+  }, [sourcesKey]);
   //@ts-ignore
   var onAdd = props.onAdd,
     onCopy = props.onCopy,
@@ -90,8 +106,27 @@ var ArrayTableInner = observer(function (props) {
     });
   }, [props.gridKey, currentSchemes, columnSchemes]);
 
-  // 使用 ref 记录上次应用的方案 ID，避免重复应用
-  var lastAppliedSchemeIdRef = useRef(null);
+  // 使用 ref 记录上次应用的方案状态，避免重复应用
+  var lastAppliedSchemeRef = useRef({
+    id: null,
+    updatedAt: null
+  });
+
+  /**
+   * 【关键优化】使用 useMemo 稳定 columnDefs 引用
+   * 只在基础列定义(sources)变化时更新，避免数据变化导致列重置
+   * 列的状态(宽度、顺序、隐藏等)由方案通过 applyColumnState 控制，不需要通过 columnDefs 传递
+   */
+  var stableColumnDefs = useMemo(function () {
+    // 只依赖 sources，不依赖 dataSource 和 field.value
+    var cols = useArrayTableColumns([], field, sources);
+    //@ts-ignore
+    if (cols.length > 0 && props.onRowDrag) {
+      //@ts-ignore
+      cols[0].rowDrag = true;
+    }
+    return cols;
+  }, [sources, props.onRowDrag]); // 移除 field 依赖，避免数据变化时重新计算
 
   /**
    * 方案自动加载
@@ -106,10 +141,14 @@ var ArrayTableInner = observer(function (props) {
     if (!props.gridKey || !gridApiState || !currentScheme) return;
     if (!currentScheme.columnConfig || currentScheme.columnConfig.length === 0) return;
 
-    // 如果是同一个方案，跳过应用（避免重复应用）
-    if (currentScheme.id === lastAppliedSchemeIdRef.current) {
+    // 【关键修复】检查方案是否真正变化（比对 ID 和 updatedAt）
+    // 只有当方案 ID 变化，或者同一方案但 updatedAt 变化时，才重新应用
+    var isSameScheme = currentScheme.id === lastAppliedSchemeRef.current.id;
+    var isSameVersion = currentScheme.updatedAt === lastAppliedSchemeRef.current.updatedAt;
+    if (isSameScheme && isSameVersion) {
       return;
     }
+    if (isSameScheme && !isSameVersion) {}
     // 使用 Promise 链确保顺序执行，避免竞态条件
     var cancelled = false;
     Promise.resolve().then(function () {
@@ -155,8 +194,11 @@ var ArrayTableInner = observer(function (props) {
         gridApiState.setFilterModel(currentScheme.filterModel);
       }
 
-      // 记录已应用的方案 ID
-      lastAppliedSchemeIdRef.current = currentScheme.id;
+      // 【关键修复】记录已应用的方案状态（ID + updatedAt）
+      lastAppliedSchemeRef.current = {
+        id: currentScheme.id,
+        updatedAt: currentScheme.updatedAt
+      };
     }).catch(function (error) {
       if (!cancelled) {
         console.error('[ArrayTable] 应用方案失败:', error);
@@ -167,13 +209,7 @@ var ArrayTableInner = observer(function (props) {
     return function () {
       cancelled = true;
     };
-  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id]);
-
-  //@ts-ignore
-  if (columns.length > 0) {
-    //@ts-ignore
-    columns[0].rowDrag = props.onRowDrag ? true : false;
-  }
+  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.updatedAt]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
@@ -220,7 +256,7 @@ var ArrayTableInner = observer(function (props) {
     gridKey: props.gridKey,
     gridApi: apiRef.current,
     gridApiState: gridApiState,
-    allColDefs: columns,
+    allColDefs: stableColumnDefs,
     showQueryScheme: false
   })), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -242,7 +278,9 @@ var ArrayTableInner = observer(function (props) {
       suppressCopySingleCellRanges: true,
       enterNavigatesVertically: true,
       enterNavigatesVerticallyAfterEdit: true,
-      columnHoverHighlight: true
+      columnHoverHighlight: true,
+      // 【关键修复】保持用户设置的列顺序
+      maintainColumnOrder: true
     },
     onCellKeyDown: handleCellKeyDown,
     onCellClicked: function onCellClicked(event) {
@@ -299,7 +337,7 @@ var ArrayTableInner = observer(function (props) {
     ,
     rowHeight: 38,
     pagination: false,
-    columnDefs: columns,
+    columnDefs: stableColumnDefs,
     rowData: dataSource
   })), sources.map(function (column, key) {
     //专门用来承接对Column的状态管理

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

@@ -1,9 +1,12 @@
 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 = ["pinned", "width", "hide", "sort", "sortIndex"];
 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; }
 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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { useField, useFieldSchema, RecursionField } from '@formily/react';
 import { isArr } from '@formily/shared';
@@ -99,12 +102,16 @@ var useArrayTableActions = function useArrayTableActions() {
   return schema.properties ? parseSources(schema.properties['actions'] || {}) : [];
 };
 var AgField = function AgField(_ref) {
+  var _ref2, _node$rowIndex;
   var value = _ref.value,
     record = _ref.data,
     dataSource = _ref.dataSource,
     schema = _ref.schema,
-    field = _ref.field;
-  var index = dataSource === null || dataSource === void 0 ? void 0 : dataSource.indexOf(record);
+    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;
   var children =
   /*#__PURE__*/
   //@ts-ignore
@@ -124,14 +131,23 @@ var AgField = function AgField(_ref) {
   return children;
 };
 var useArrayTableColumns = function useArrayTableColumns(dataSource, field, sources) {
-  return sources.reduce(function (buf, _ref2, key) {
-    var name = _ref2.name,
-      columnProps = _ref2.columnProps,
-      schema = _ref2.schema,
-      display = _ref2.display;
+  return sources.reduce(function (buf, _ref3, key) {
+    var name = _ref3.name,
+      columnProps = _ref3.columnProps,
+      schema = _ref3.schema,
+      display = _ref3.display;
     if (display && display !== 'visible') return buf;
     if (!isColumnComponent(schema)) return buf;
-    return buf.concat(_objectSpread(_objectSpread({}, columnProps), {}, {
+
+    // 【关键修复】移除可能干扰用户列状态的属性
+    // 这些属性应该由用户通过列配置（applyColumnState）控制，而不是从 columnDefs 继承
+    var pinned = columnProps.pinned,
+      width = columnProps.width,
+      hide = columnProps.hide,
+      sort = columnProps.sort,
+      sortIndex = columnProps.sortIndex,
+      safeColumnProps = _objectWithoutProperties(columnProps, _excluded);
+    return buf.concat(_objectSpread(_objectSpread({}, safeColumnProps), {}, {
       //@ts-ignore
       headerName: columnProps.headerName || columnProps.title,
       field: name,

package/dist/esm/standardFormDialog/withStandardForm.d.ts

@@ -173,7 +173,7 @@ export declare const createSelectField: (title: string, options: {
 export declare const createCascaderField: (title: string, options: any[], config?: {
     required?: boolean | undefined;
     changeOnSelect?: boolean | undefined;
-    expandTrigger?: "click" | "hover" | undefined;
+    expandTrigger?: "hover" | "click" | undefined;
     placeholder?: string | undefined;
 }) => {
     type: string;
@@ -187,7 +187,7 @@ export declare const createCascaderField: (title: string, options: any[], config
         };
         options: any[];
         changeOnSelect: boolean;
-        expandTrigger: "click" | "hover";
+        expandTrigger: "hover" | "click";
     };
 };
 export default withStandardForm;