neo-cmp-cli 1.13.9 → 1.13.10

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

@@ -0,0 +1,90 @@
+/**
+ * @file 批量新增表格组件对接编辑器的描述文件
+ * @description 定义组件在 Neo 平台编辑器中的配置信息
+ */
+export class BatchAddTableModel {
+  label: string = '批量新增表格';
+
+  description: string =
+    '基于实体数据源的可编辑表格，支持逐行录入与 Excel 批量导入，提交时触发事件';
+
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
+
+  targetPage: string[] = ['all'];
+
+  targetDevice: string = 'web';
+
+  enableDuplicate: boolean = true;
+
+  defaultComProps = {
+    tableTitle: '批量新增数据',
+    batchImportButtonTitle: '批量导入',
+    batchImportButtonAlign: 'right',
+    xObjectDataApi: {
+      xObjectApiKey: 'opportunityProduct',
+      fields: [],
+    },
+  };
+
+  events = [
+    {
+      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"}]',
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'batchImportButtonTitle',
+      label: '批量导入按钮文案',
+      value: '批量导入',
+      placeholder: '入口按钮显示文字',
+    },
+    {
+      type: 'panelSelect',
+      name: 'batchImportButtonAlign',
+      label: '批量导入按钮位置',
+      value: 'right',
+      placeholder: '请选择按钮水平对齐方式',
+      options: [
+        { label: '靠左', value: 'left' },
+        { label: '居中', value: 'center' },
+        { label: '靠右', value: 'right' },
+      ],
+    },
+    {
+      type: 'panelInput',
+      name: 'tableTitle',
+      label: '表格标题',
+      value: '批量新增数据',
+      placeholder: '请输入表格标题',
+    },
+    {
+      type: 'xObjectDataApi',
+      name: 'xObjectDataApi',
+      label: '实体数据源',
+      placeholder: '请选择实体数据源',
+      custom: false,
+      showPage: false,
+      showPageSize: false,
+      showAutoFetchData: false,
+    },
+  ];
+}
+
+export default BatchAddTableModel;

package/template/neo-web-form/src/components/batchAddTable__c/style.scss

@@ -0,0 +1,21 @@
+.batchAddTable__c {
+  box-sizing: border-box;
+  padding: 8px 12px;
+
+  .batch-add-entry-toolbar {
+    display: flex;
+    width: 100%;
+
+    &--left {
+      justify-content: flex-start;
+    }
+
+    &--center {
+      justify-content: center;
+    }
+
+    &--right {
+      justify-content: flex-end;
+    }
+  }
+}

package/template/neo-web-form/src/components/batchAddTable__c/tableModal.scss

@@ -0,0 +1,137 @@
+/**
+ * 批量新增表格 — 弹窗（Modal）相关样式
+ * 使用 .batch-add-table-modal 根选择器，适配 Modal 挂载到 body 的场景
+ */
+.batch-add-table-modal {
+  .ant-modal-content {
+    min-height: 350px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .ant-modal-header {
+    flex-shrink: 0;
+  }
+
+  .ant-modal-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  }
+
+  .ant-modal-footer {
+    flex-shrink: 0;
+    border-top: 1px solid #f0f0f0;
+  }
+
+  .batch-add-modal-layout {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;
+  }
+
+  /** 弹窗内顶部操作区：固定高度、按钮靠右 */
+  .batch-add-modal-toolbar-wrap {
+    flex-shrink: 0;
+    box-sizing: border-box;
+    height: 64px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding-bottom: 12px;
+    margin-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  /** 表格区域：最大高度 600px，超出纵向滚动 */
+  .batch-add-modal-table-scroll {
+    flex: 1;
+    min-height: 0;
+    max-height: 600px;
+    overflow: auto;
+
+    .ant-spin-nested-loading {
+      min-height: 100%;
+    }
+
+    .ant-spin-container {
+      min-height: 100%;
+    }
+  }
+
+  .batch-add-modal-footer-inner {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+
+    .ant-space {
+      justify-content: center;
+    }
+
+    .batch-add-submit-btn {
+      min-width: 200px;
+      padding-left: 40px;
+      padding-right: 40px;
+      height: 40px;
+    }
+  }
+
+  .table-wrap {
+    .ant-table {
+      font-size: 12px;
+
+      .ant-table-thead > tr > th,
+      .ant-table-tbody > tr > td {
+        font-size: 12px;
+        padding: 6px 10px;
+      }
+
+      .ant-table-thead > tr > th {
+        background-color: #fafafa;
+        font-weight: 600;
+        color: #262626;
+      }
+    }
+
+    .batch-add-cell-editor {
+      min-width: 120px;
+      font-size: 12px;
+
+      input,
+      textarea {
+        font-size: 12px;
+      }
+
+      .ant-select-selector,
+      .ant-picker-input > input {
+        font-size: 12px !important;
+      }
+
+      .ant-input-number-input {
+        font-size: 12px;
+      }
+
+      .ant-input-number {
+        width: 100%;
+      }
+
+      .ant-picker {
+        width: 100%;
+      }
+
+      .ant-select {
+        width: 100%;
+      }
+    }
+  }
+
+  .batch-add-copy-btn,
+  .batch-add-delete-btn {
+    padding: 0 4px;
+    font-size: 12px;
+    height: auto;
+    line-height: 1.4;
+  }
+}

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

@@ -0,0 +1,120 @@
+/**
+ * @file 列表汇总组件
+ * @description 根据 setListData 传入的列表与配置的数量/金额/单位字段展示汇总
+ */
+import * as React from 'react';
+// @ts-ignore
+import { BaseCmp, StatusHoc, NeoEvent } from 'neo-ui-common';
+
+import './style.scss';
+
+interface FieldDescItem {
+  value: string;
+  label: string;
+  type?: string;
+}
+
+interface ListSummaryProps {
+  /** xObjectEntityList 配置的实体 API Key */
+  xObjectApiKey?: string;
+  /** 计算字段（数量），selectFieldDescApi 单选，存储为描述数组 */
+  quantityFieldDesc?: FieldDescItem[];
+  amountFieldDesc?: FieldDescItem[];
+  summaryTitle?: string;
+  data?: any;
+  className?: string;
+}
+
+interface ListSummaryState {
+  listData: any[];
+}
+
+function getFirstFieldApiKey(desc?: FieldDescItem[] | null): string | undefined {
+  if (!desc || !Array.isArray(desc) || desc.length === 0) return undefined;
+  const first = desc[0];
+  return first?.value;
+}
+
+function toFiniteNumber(raw: any): number {
+  if (raw === null || raw === undefined || raw === '') return 0;
+  const n = Number(raw);
+  return Number.isFinite(n) ? n : 0;
+}
+
+function sumField(rows: any[], apiKey: string | undefined): number {
+  if (!apiKey || !Array.isArray(rows)) return 0;
+  return rows.reduce((acc, row) => acc + toFiniteNumber(row?.[apiKey]), 0);
+}
+
+class ListSummary extends BaseCmp<ListSummaryProps, ListSummaryState> {
+  constructor(props: ListSummaryProps) {
+    super(props);
+    this.state = {
+      listData: [],
+    };
+    this.setListData = this.setListData.bind(this);
+  }
+
+  /**
+   * 组件动作：接收列表数据写入 state.listData
+   */
+  @NeoEvent.function
+  setListData(payload?: any) {
+    let list: any[] = [];
+    if (Array.isArray(payload)) {
+      list = payload;
+    } else if (payload && Array.isArray(payload.listData)) {
+      list = payload.listData;
+    }
+    this.setState({ listData: list });
+  }
+
+  render() {
+    const { listData } = this.state;
+    const {
+      className,
+      summaryTitle = '汇总信息',
+      quantityFieldDesc,
+      amountFieldDesc,
+    } = this.props;
+    console.log('listSummary__c:', this.props);
+
+    const qtyKey = getFirstFieldApiKey(quantityFieldDesc);
+    const amountKey = getFirstFieldApiKey(amountFieldDesc);
+
+    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 qtyDisplay =
+      !hasRows || !qtyKey
+        ? '0'
+        : totalQty.toLocaleString('zh-CN');
+
+    const amountDisplay =
+      !hasRows || !amountKey
+        ? '0'
+        : totalAmount.toLocaleString('zh-CN', {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+          });
+
+    return (
+      <div className={`listSummary__c ${className || ''}`}>
+        <div className="list-summary-title">{summaryTitle}</div>
+        <div className="list-summary-body">
+          <div className="list-summary-item">
+            <span className="list-summary-label">商品总数</span>
+            <span className="list-summary-value">{qtyDisplay}</span>
+          </div>
+          <div className="list-summary-item">
+            <span className="list-summary-label">金额合计</span>
+            <span className="list-summary-value">{amountDisplay}</span>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+export default StatusHoc(ListSummary);

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

@@ -0,0 +1,69 @@
+/**
+ * @file 列表汇总组件对接编辑器的描述文件
+ * @description 根据外部传入的列表数据与配置的字段，展示数量合计与金额合计
+ */
+export class ListSummaryModel {
+  label: string = '列表汇总';
+
+  description: string =
+    '绑定实体与数量、金额字段，通过组件动作接收列表数据后展示商品总数与金额汇总';
+
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/TargetNumber.svg';
+
+  targetPage: string[] = ['all'];
+
+  targetDevice: string = 'web';
+
+  enableDuplicate: boolean = true;
+
+  defaultComProps = {
+    summaryTitle: '汇总信息',
+    xObjectApiKey: 'opportunityProduct',
+  };
+
+  functions = [
+    {
+      apiKey: 'setListData',
+      label: '接收列表数据',
+      helpTextKey: '将列表数据写入汇总组件中，用于汇总计算',
+      funcInParams: [
+        {
+          apiKey: 'listData',
+          label: '列表数据',
+          type: 'Array',
+          required: true,
+        },
+      ],
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'summaryTitle',
+      label: '汇总标题',
+      value: '汇总信息',
+      placeholder: '区块标题文案',
+    },
+    {
+      type: 'xObjectEntityList',
+      name: 'xObjectApiKey',
+      label: '实体对象',
+      custom: false,
+    },
+    {
+      type: 'selectFieldDescApi',
+      name: 'quantityFieldDesc',
+      xObjectApiKey: 'xObjectApiKey',
+      label: '计算字段（数量）',
+    },
+    {
+      type: 'selectFieldDescApi',
+      name: 'amountFieldDesc',
+      xObjectApiKey: 'xObjectApiKey',
+      label: '金额字段',
+    },
+  ];
+}
+
+export default ListSummaryModel;

package/template/neo-web-form/src/components/listSummary__c/style.scss

@@ -0,0 +1,40 @@
+.listSummary__c {
+  box-sizing: border-box;
+  padding: 12px 16px;
+  background: #fafafa;
+  border: 1px solid #f0f0f0;
+  border-radius: 6px;
+
+  .list-summary-title {
+    font-size: 14px;
+    font-weight: 600;
+    color: #262626;
+    margin-bottom: 10px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  .list-summary-body {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px 32px;
+  }
+
+  .list-summary-item {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 120px;
+  }
+
+  .list-summary-label {
+    font-size: 13px;
+    color: #8c8c8c;
+  }
+
+  .list-summary-value {
+    font-size: 18px;
+    font-weight: 600;
+    color: #262626;
+  }
+}

package/template/neo-web-form/src/utils/axiosFetcher.ts

@@ -0,0 +1,37 @@
+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;

package/template/neo-web-form/src/utils/queryObjectData.ts

@@ -0,0 +1,112 @@
+import axiosFetcher from '$utils/axiosFetcher';
+
+/**
+ * 这里存放通用查询类 Open API
+ */
+
+/** 将 where 规范为 SQL 片段：字符串直接使用；数组用 and 拼接各条件 */
+function normalizeWhere(where: unknown): string {
+  if (where == null || where === '') {
+    return '';
+  }
+  if (typeof where === 'string') {
+    return where.trim();
+  }
+  if (Array.isArray(where)) {
+    return where
+      .map((part) => (part == null ? '' : String(part).trim()))
+      .filter(Boolean)
+      .join(' and ');
+  }
+  return '';
+}
+
+// 获取业务对象数据列表
+export const queryXObjectData = async (options?: any) => {
+  const apiUrl = '/rest/data/v2/query';
+  const curOptions = options || {};
+  const xObjectApiKey = curOptions.xObjectApiKey || '';
+  const fields = curOptions.fields || [];
+  const page = curOptions.page || 1;
+  const pageSize = curOptions.pageSize || 10;
+
+  // 自动添加 objectId 字段
+  if (!fields.includes('id')) {
+    fields.push('id');
+  }
+
+  // 计算分页偏移量
+  const offset = (page - 1) * pageSize;
+
+  // 构建 SQL 查询
+  let querySql = `select ${fields.join(',')} from ${xObjectApiKey}`;
+
+  // 添加排序条件（如果有的话）
+  if (curOptions.orderBy) {
+    querySql += ` order by ${curOptions.orderBy}`;
+  }
+
+  /**
+   * 添加过滤条件（如果有的话）
+   * 支持的操作符包括：=、!=、like、not like、not in、is not null、is null、>、<、<>、>=、<=、in、between ... and ...。
+   * 对于 =、like 和 in 有以下说明：
+   *   “=” 作为字符串的条件时，表示精确匹配。例如，查询条件 city = '北京'，将返回 city 字段值严格等于 "北京" 的所有记录。
+   *   "like" 作为字符串的条件时，需要使用"%" 通配符进行模糊匹配。例如，city like‘北京%'，将返回 city 字段值以 "北京" 开头的所有记录。
+   *         目前仅支持将通配符“%” 放到已知内容之后的查询方式，例如，不支持 city like ‘% 北京'的查询方式。
+   *         当 SQL 查询中包含“%”等特殊字符时，需要对 SQL 进行 URL 编码处理。
+   * 支持"in"，但不包括子查询。
+   * 支持的逻辑运算符包括：and、or。
+   *
+   * `where` 可为字符串，或字符串数组（多项默认以 and 连接，等价于手写 `a and b`）。
+   */
+  const whereClause = normalizeWhere(curOptions.where);
+  console.log('whereClause:', whereClause);
+  if (whereClause) {
+    querySql += ` where ${whereClause}`;
+  }
+
+  if (curOptions.page || curOptions.pageSize) {
+    // 添加分页限制
+    querySql += ` limit ${pageSize} offset ${offset}`;
+  }
+
+  try {
+    const config = {
+      url: apiUrl,
+      method: 'GET',
+      data: {
+        q: querySql,
+      },
+    };
+
+    const resultData = await axiosFetcher(config);
+
+    if (resultData.code === 200) {
+      const { records, totalSize } = resultData.result || {};
+      return {
+        status: true,
+        code: resultData.code,
+        msg: resultData.msg || '获取业务对象数据列表成功',
+        totalSize,
+        data: records || [],
+      };
+    }
+
+    return {
+      status: false,
+      code: resultData.code,
+      msg: resultData.msg || '获取业务对象数据列表失败',
+      data: [],
+    };
+  } catch (error) {
+    console.error('获取业务对象数据列表失败:', error);
+
+    return {
+      status: false,
+      msg: error.msg || error.message || '获取业务对象数据列表失败',
+      data: [],
+    };
+  }
+};
+
+export default queryXObjectData;