neo-cmp-cli 1.13.17 → 1.13.19

package/template/neo-web-entity-grid/src/components/entityGrid2__c/model.ts

@@ -67,14 +67,15 @@ export class NeoEntityGridModel {
       apiKey: 'handleCustomSearchEvent',
       label: '更新筛选条件',
       helpTextKey: '更新自定义筛选条件',
-      funcInParams: [ // 定义组件函数入参
+      funcInParams: [
+        // 定义组件函数入参
         {
           apiKey: 'eventData',
           label: '自定义筛选条件',
           type: 'Array',
-          required: true
+          required: true,
         },
-      ]
+      ],
     },
   ];
 

package/template/neo-web-entity-grid/src/components/entityGrid3__c/index.tsx

@@ -61,7 +61,7 @@ export default class NeoEntityGridCmp extends React.PureComponent<NeoEntityGridP
           objectApiKey={objectApiKey || 'account'}
           pattern={'pickView'} // Picker 列表（选择器）
           referData={referData}
-          selectionMode={selectionMode ?? "single"} // 多选模式
+          selectionMode={selectionMode ?? 'single'} // 多选模式
           shouldCloseDialog={restProps.shouldCloseDialog ?? true}
           onRowSelected={(data: any, event: any) => {
             const selectedIds = data.map(({ data }: any) => data.id);

package/template/neo-web-entity-grid/src/components/searchForm__c/index.tsx

@@ -335,10 +335,11 @@ export default class SearchForm extends React.PureComponent<
         const payload: CustomQueryPayload = {
           xObjectApiKey, // 冗余数据
           conditions, // 冗余数据
-          data: { // 事件动作的入参数据
+          data: {
+            // 事件动作的入参数据
             xObjectApiKey,
-            conditions
-          }
+            conditions,
+          },
         };
 
         this.onQuery(payload);

package/template/neo-web-entity-grid/src/components/searchForm__c/model.ts

@@ -66,10 +66,15 @@ export class SearchFormModel {
       label: '点击查询后',
       helpText:
         '点击「查询」后触发；事件参数为 { xObjectApiKey, conditions }，conditions 每项含 apiKey、type（1 等于 / 3 包含）、value',
-      eventParams1: // 测试使用：定义事件触发时接收到的事件数据格式
-        '[{"apiKey":"eventParam","label":"当前表单数据","type":"Object"}]',
-      eventParams: // 定义事件触发时接收到的事件数据格式
-        '[{"apiKey":"eventParam","children":[{"apiKey":"data","label":"当前表单数据","type":"Object"}],"label":"事件入参","type":"Object"}]',
+      // 定义事件触发时接收到的事件数据格式
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [{ apiKey: 'data', label: '当前表单数据', type: 'Object' }],
+          label: '事件入参',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-web-entity-grid/src/components/searchForm__c/style.scss

@@ -189,7 +189,8 @@
         font-weight: 400;
         min-width: auto;
         margin-left: 10px;
-        transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
+        transition: border-color 0.2s ease, background 0.2s ease,
+          box-shadow 0.2s ease;
 
         &:first-child {
           margin-left: 0;

package/template/neo-web-form/package.json

@@ -53,7 +53,7 @@
     "@types/react-dom": "^16.9.15",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
-    "neo-cmp-cli": "^1.13.17",
+    "neo-cmp-cli": "^1.13.18",
     "prettier": "^2.0.5"
   },
   "overrides": {

package/template/neo-web-form/src/components/batchAddTable__c/index.tsx

@@ -83,6 +83,14 @@ interface BatchAddTableState {
   entityTypeList: any[];
   submitting: boolean;
   modalVisible: boolean;
+  /** Excel 导入 loading 状态 */
+  importLoading: boolean;
+  /** 导入进度信息 */
+  importProgress: { current: number; total: number } | null;
+  /** 当前页码 */
+  currentPage: number;
+  /** 每页条数 */
+  pageSize: number;
 }
 
 let rowKeySeed = 0;
@@ -145,6 +153,10 @@ export default class BatchAddTable extends React.PureComponent<
       entityTypeList: [],
       submitting: false,
       modalVisible: false,
+      importLoading: false,
+      importProgress: null,
+      currentPage: 1,
+      pageSize: 100,
     };
     this.loadFieldList = this.loadFieldList.bind(this);
     this.getEntityTypeList = this.getEntityTypeList.bind(this);
@@ -279,9 +291,14 @@ export default class BatchAddTable extends React.PureComponent<
       message.warning('暂无可用字段');
       return;
     }
-    this.setState((prev) => ({
-      rows: [...prev.rows, emptyRowForFields(visible)],
-    }));
+    const { rows, pageSize } = this.state;
+    const newRows = [...rows, emptyRowForFields(visible)];
+    // 计算新增后的最后一页页码
+    const lastPage = Math.ceil(newRows.length / pageSize);
+    this.setState({
+      rows: newRows,
+      currentPage: lastPage,
+    });
   }
 
   handleCellChange(rowKey: string, apiKey: string, value: any) {
@@ -315,17 +332,11 @@ export default class BatchAddTable extends React.PureComponent<
       (it) => it.id === raw || String(it.id) === s,
     );
     if (byId) return byId.id;
-    const byLabel = entityTypeList.find(
-      (it) => String(it.label).trim() === s,
-    );
+    const byLabel = entityTypeList.find((it) => String(it.label).trim() === s);
     return byLabel ? byLabel.id : raw;
   }
 
-  parseImportedCell(
-    field: FieldInfo,
-    raw: any,
-    entityTypeList: any[],
-  ): any {
+  parseImportedCell(field: FieldInfo, raw: any, entityTypeList: any[]): any {
     if (raw === undefined || raw === null || raw === '') return undefined;
     if (raw instanceof Date) {
       if (
@@ -413,72 +424,132 @@ export default class BatchAddTable extends React.PureComponent<
     const ws = XLSX.utils.aoa_to_sheet([headers]); // 将标题行转换为工作表
     const wb = XLSX.utils.book_new(); // 创建新的工作簿
     XLSX.utils.book_append_sheet(wb, ws, '导入模板'); // 将工作表添加到工作簿
-    const name = `${this.props.xObjectDataApi?.xObjectApiKey || 'data'}_导入模板.xlsx`; // 生成文件名
+    const name = `${
+      this.props.xObjectDataApi?.xObjectApiKey || 'data'
+    }_导入模板.xlsx`; // 生成文件名
     XLSX.writeFile(wb, name); // 将工作簿写入文件
     message.success('模板已下载');
   }
 
+  /**
+   * 分批处理导入数据，避免大数据量阻塞 UI
+   */
+  private async processImportData(
+    rowsAoA: any[][],
+    fields: FieldInfo[],
+    colMap: Record<string, number>,
+    entityTypeList: any[],
+    onProgress: (current: number, total: number) => void,
+  ): Promise<RowRecord[]> {
+    const newRows: RowRecord[] = [];
+    const total = rowsAoA.length - 1; // 排除表头
+    const batchSize = 100; // 每批处理 100 行
+
+    for (let r = 1; r < rowsAoA.length; r++) {
+      const line = rowsAoA[r];
+      if (!line || !line.some((c) => c !== '' && c != null)) continue;
+
+      const row: RowRecord = { _rowKey: nextRowKey() };
+      fields.forEach((f) => {
+        const idx = colMap[f.apiKey];
+        const raw = idx !== undefined ? line[idx] : undefined;
+        row[f.apiKey] = this.parseImportedCell(f, raw, entityTypeList);
+      });
+      newRows.push(row);
+
+      // 每处理 batchSize 行，让出主线程并更新进度
+      if (r % batchSize === 0) {
+        onProgress(r - 1, total);
+        await new Promise((resolve) => setTimeout(resolve, 0));
+      }
+    }
+
+    onProgress(total, total);
+    return newRows;
+  }
+
   handleImportBeforeUpload(file: File) {
     const fields = this.getVisibleFields();
     if (!fields.length) {
       message.warning('暂无可用字段');
       return false;
     }
+
+    // 设置导入 loading 状态
+    this.setState({
+      importLoading: true,
+      importProgress: { current: 0, total: 0 },
+    });
+
     const reader = new FileReader();
-    reader.onload = (e) => {
+    reader.onload = async (e) => {
       try {
-        const data = new Uint8Array(e.target?.result as ArrayBuffer); // 将文件内容转换为 Uint8Array
-        const wb = XLSX.read(data, { type: 'array', cellDates: true }); // 读取 Excel 文件
-        const sheetName = wb.SheetNames[0]; // 获取工作表名称
+        const data = new Uint8Array(e.target?.result as ArrayBuffer);
+        const wb = XLSX.read(data, { type: 'array', cellDates: true });
+        const sheetName = wb.SheetNames[0];
         if (!sheetName) {
           message.error('Excel 中未找到工作表');
+          this.setState({ importLoading: false, importProgress: null });
           return;
         }
-        const sheet = wb.Sheets[sheetName]; // 获取工作表
-        const rowsAoA: any[][] = XLSX.utils.sheet_to_json(sheet, { // 将工作表转换为 JSON 数组
-          header: 1, // 使用第一行作为标题行
-          raw: true, // 保持原始数据格式
-          defval: '', // 默认值
-        }) as any[][]; // 将 JSON 数组转换为 any[][] 类型
+        const sheet = wb.Sheets[sheetName];
+        const rowsAoA: any[][] = XLSX.utils.sheet_to_json(sheet, {
+          header: 1,
+          raw: true,
+          defval: '',
+        }) as any[][];
         if (!rowsAoA.length) {
           message.error('Excel 内容为空');
+          this.setState({ importLoading: false, importProgress: null });
           return;
         }
         const headerRow = rowsAoA[0] || [];
-        const colMap = this.buildHeaderIndexMap(headerRow, fields); // 构建列索引映射
-        const missing = fields.filter((f) => colMap[f.apiKey] === undefined); // 过滤出未匹配的字段
+        const colMap = this.buildHeaderIndexMap(headerRow, fields);
+        const missing = fields.filter((f) => colMap[f.apiKey] === undefined);
         if (missing.length) {
           message.error(
             `表头无法匹配字段：${missing.map((m) => m.label).join('、')}`,
           );
+          this.setState({ importLoading: false, importProgress: null });
           return;
         }
         const { entityTypeList } = this.state;
-        const newRows: RowRecord[] = [];
-        for (let r = 1; r < rowsAoA.length; r++) {
-          const line = rowsAoA[r];
-          if (!line || !line.some((c) => c !== '' && c != null)) continue;
-          const row: RowRecord = { _rowKey: nextRowKey() };
-          fields.forEach((f) => {
-            const idx = colMap[f.apiKey];
-            const raw = idx !== undefined ? line[idx] : undefined;
-            row[f.apiKey] = this.parseImportedCell(f, raw, entityTypeList); // 解析导入的单元格值
-          });
-          newRows.push(row);
-        }
+
+        // 使用分批处理解析数据
+        const newRows = await this.processImportData(
+          rowsAoA,
+          fields,
+          colMap,
+          entityTypeList,
+          (current, total) => {
+            this.setState({ importProgress: { current, total } });
+          },
+        );
+
         if (!newRows.length) {
           message.warning('未解析到有效数据行');
+          this.setState({ importLoading: false, importProgress: null });
           return;
         }
+
         this.setState((prev) => ({
           rows: [...prev.rows, ...newRows],
+          importLoading: false,
+          importProgress: null,
+          // 导入完成后跳转到第一页，展示新导入的数据
+          currentPage: 1,
         }));
         message.success(`已导入 ${newRows.length} 行`);
       } catch (err) {
         console.error(err);
         message.error('解析 Excel 失败');
+        this.setState({ importLoading: false, importProgress: null });
       }
     };
+    reader.onerror = () => {
+      message.error('读取文件失败');
+      this.setState({ importLoading: false, importProgress: null });
+    };
     reader.readAsArrayBuffer(file);
     return false;
   }
@@ -556,7 +627,13 @@ export default class BatchAddTable extends React.PureComponent<
     const cloned = this.cloneRowRecord(record, fields);
     const newRows = [...this.state.rows];
     newRows.splice(idx + 1, 0, cloned);
-    this.setState({ rows: newRows });
+    // 计算复制行所在的页码
+    const { pageSize, currentPage } = this.state;
+    const copiedRowIndex = idx + 1;
+    const copiedRowPage = Math.floor(copiedRowIndex / pageSize) + 1;
+    // 如果复制的行不在当前页，跳转到复制的行所在页
+    const newPage = copiedRowPage !== currentPage ? copiedRowPage : currentPage;
+    this.setState({ rows: newRows, currentPage: newPage });
     message.success('已在本行下方复制一行');
   }
 
@@ -566,10 +643,22 @@ export default class BatchAddTable extends React.PureComponent<
     if (newRows.length === 0 && fields.length) {
       newRows.push(emptyRowForFields(fields));
     }
-    this.setState({ rows: newRows });
+    // 删除后重新计算当前页码，避免当前页超出范围
+    const { pageSize, currentPage } = this.state;
+    const totalPages = Math.ceil(newRows.length / pageSize) || 1;
+    const newCurrentPage = Math.min(currentPage, totalPages);
+    this.setState({ rows: newRows, currentPage: newCurrentPage });
     message.success('已删除该行');
   }
 
+  /** 分页变化处理 */
+  handlePageChange = (page: number, pageSize?: number) => {
+    this.setState({
+      currentPage: page,
+      ...(pageSize ? { pageSize } : {}),
+    } as BatchAddTableState);
+  };
+
   openModal() {
     this.setState({ modalVisible: true });
   }
@@ -682,11 +771,7 @@ export default class BatchAddTable extends React.PureComponent<
             style={{ minWidth: 140 }}
           >
             {entityTypeList.map((item) => (
-              <Option
-                key={item.apiKey}
-                value={item.id}
-                disabled={!item.active}
-              >
+              <Option key={item.apiKey} value={item.id} disabled={!item.active}>
                 {item.label}
               </Option>
             ))}
@@ -819,7 +904,17 @@ export default class BatchAddTable extends React.PureComponent<
   }
 
   render() {
-    const { loading, error, rows, submitting, title } = this.state;
+    const {
+      loading,
+      error,
+      rows,
+      submitting,
+      title,
+      importLoading,
+      importProgress,
+      currentPage,
+      pageSize,
+    } = this.state;
     const { tableTitle, className, data } = this.props;
     const curAmisData = data || {};
     const systemInfo = curAmisData.__NeoSystemInfo || {};
@@ -876,12 +971,15 @@ export default class BatchAddTable extends React.PureComponent<
       ),
     });
 
-    const displayTitle =
-      tableTitle || title || '批量新增数据';
+    // 计算分页数据
+    const startIndex = (currentPage - 1) * pageSize;
+    const endIndex = startIndex + pageSize;
+    const paginatedRows = rows.slice(startIndex, endIndex);
+
+    const displayTitle = tableTitle || title || '批量新增数据';
     const batchImportButtonTitle =
       this.props.batchImportButtonTitle ?? '批量导入';
-    const batchImportButtonAlign =
-      this.props.batchImportButtonAlign ?? 'right';
+    const batchImportButtonAlign = this.props.batchImportButtonAlign ?? 'right';
 
     const showModalFooter = !error && !!xObjectApiKey && fields.length > 0;
 
@@ -967,14 +1065,16 @@ export default class BatchAddTable extends React.PureComponent<
               accept=".xlsx,.xls"
               showUploadList={false}
               beforeUpload={this.handleImportBeforeUpload}
+              disabled={importLoading}
             >
               <Button
                 size="small"
                 className="batch-add-modal-toolbar-btn"
                 icon={<UploadOutlined />}
-                disabled={!xObjectApiKey || !fields.length}
+                loading={importLoading}
+                disabled={!xObjectApiKey || !fields.length || importLoading}
               >
-                Excel 导入
+                {importLoading ? '导入中...' : 'Excel 导入'}
               </Button>
             </Upload>
           </Space>
@@ -1008,15 +1108,35 @@ export default class BatchAddTable extends React.PureComponent<
               />
             ) : (
               <div className="table-wrap">
-                <Table
-                  rowKey="_rowKey"
-                  columns={columns as any}
-                  dataSource={rows}
-                  pagination={false}
-                  scroll={{ x: 'max-content' }}
-                  bordered
-                  size="small"
-                />
+                <Spin
+                  spinning={importLoading}
+                  tip={
+                    importProgress
+                      ? `正在加载导入数据... (${importProgress.current}/${importProgress.total})`
+                      : '正在加载导入数据...'
+                  }
+                  size="large"
+                >
+                  <Table
+                    rowKey="_rowKey"
+                    columns={columns as any}
+                    dataSource={paginatedRows}
+                    pagination={{
+                      current: currentPage,
+                      pageSize: pageSize,
+                      total: rows.length,
+                      showSizeChanger: true,
+                      showQuickJumper: true,
+                      pageSizeOptions: ['50', '100', '200', '500'],
+                      showTotal: (total) => `共 ${total} 条`,
+                      onChange: this.handlePageChange,
+                      onShowSizeChange: this.handlePageChange,
+                    }}
+                    scroll={{ x: 'max-content', y: 'calc(100vh - 400px)' }}
+                    bordered
+                    size="small"
+                  />
+                </Spin>
               </div>
             )}
           </Spin>

package/template/neo-web-form/src/components/batchAddTable__c/model.ts

@@ -21,7 +21,7 @@ export class BatchAddTableModel {
     batchImportButtonTitle: '批量导入',
     batchImportButtonAlign: 'right',
     xObjectDataApi: {
-      xObjectApiKey: 'opportunityProduct',
+      xObjectApiKey: 'opportunityProduct', // 商机明细
       fields: [],
     },
   };
@@ -31,19 +31,17 @@ export class BatchAddTableModel {
       apiKey: 'onSubmit',
       label: '点击提交',
       helpText: '点击提交按钮时触发，事件参数包含当前表格中所有行数据',
-      eventParams1:
-        [{ 
-          "apiKey": "eventParam",
-          "children":
-           [
-            { "apiKey": "xObjectApiKey", "label": "实体 API Key", "type": "String" },
-            { "apiKey": "rows", "label": "表格数据列表", "type": "Array" }
-          ], 
-          "label": "事件入参",
-          "type": "Object"
-        }],
-      eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"xObjectApiKey","label":"实体 API Key","type":"String"},{"apiKey":"rows","label":"表格数据列表","type":"Array"}],"label":"事件入参","type":"Object"}]',
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [
+            { apiKey: 'xObjectApiKey', label: '实体 API Key', type: 'String' },
+            { apiKey: 'rows', label: '表格数据列表', type: 'Array' },
+          ],
+          label: '事件入参',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-web-form/src/components/listSummary__c/index.tsx

@@ -29,7 +29,9 @@ interface ListSummaryState {
   listData: any[];
 }
 
-function getFirstFieldApiKey(desc?: FieldDescItem[] | null): string | undefined {
+function getFirstFieldApiKey(
+  desc?: FieldDescItem[] | null,
+): string | undefined {
   if (!desc || !Array.isArray(desc) || desc.length === 0) return undefined;
   const first = desc[0];
   return first?.value;
@@ -84,12 +86,11 @@ class ListSummary extends BaseCmp<ListSummaryProps, ListSummaryState> {
 
     const hasRows = Array.isArray(listData) && listData.length > 0;
     const totalQty = hasRows && qtyKey ? sumField(listData, qtyKey) : 0;
-    const totalAmount = hasRows && amountKey ? sumField(listData, amountKey) : 0;
+    const totalAmount =
+      hasRows && amountKey ? sumField(listData, amountKey) : 0;
 
     const qtyDisplay =
-      !hasRows || !qtyKey
-        ? '0'
-        : totalQty.toLocaleString('zh-CN');
+      !hasRows || !qtyKey ? '0' : totalQty.toLocaleString('zh-CN');
 
     const amountDisplay =
       !hasRows || !amountKey

package/template/react-custom-cmp-template/package.json

@@ -45,7 +45,7 @@
   "devDependencies": {
     "@commitlint/cli": "^18.0.0",
     "@commitlint/config-conventional": "^18.0.0",
-    "neo-cmp-cli": "^1.13.17",
+    "neo-cmp-cli": "^1.13.18",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/asset-manage-template/src/utils/axiosFetcher.ts

@@ -1,37 +0,0 @@
-import axios from 'axios'; // https://www.axios-http.cn/docs/intro
-
-// 创建基于 axios 的 fetcher 函数
-const axiosFetcher = async (options: any) => {
-  try {
-    const config = {
-      ...options,
-      method: options?.method || 'GET',
-      data: options?.data || {},
-      headers: {
-        'Content-Type': 'application/json',
-        ...options?.headers,
-      },
-      timeout: options?.timeout || 30000,
-    };
-
-    if (config?.method === 'GET') {
-      config.params = options?.data || {};
-    }
-
-    const response = await axios(config);
-    return response?.data || {};
-  } catch (error) {
-    if (error.response) {
-      // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
-      console.error('接口请求报错 / 接口服务异常：', error.message);
-    } else if (error.request) {
-      // 请求已经成功发起，但没有收到响应
-      console.error('接口请求报错 / 接口未正常响应：', error.message);
-    } else {
-      console.error('接口请求报错:', error, '，请求参数:', options);
-    }
-    throw error;
-  }
-};
-
-export default axiosFetcher;