neo-cmp-cli 1.13.18 → 1.13.20

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

@@ -345,7 +345,7 @@ export default class CreateEntityForm extends React.PureComponent<
       // 触发表单提交事件
       this.onSubmit({
         xObjectApiKey,
-        data: values
+        data: values,
       });
     });
   }
@@ -438,275 +438,287 @@ export default class CreateEntityForm extends React.PureComponent<
 
     return (
       <>
-      <Form
-        ref={(form) => this.setState({ form })}
-        layout="horizontal"
-        {...formItemLayout}
-      >
-        <Row gutter={16}>
-          {curFieldList.map((field) => {
-            // 跳过 ID 字段，不需要在表单中显示
-            if (field.apiKey === 'id') return null;
-
-            let inputComponent;
-            const selectitem = field.selectitem || [];
-            const checkitem = field.checkitem || [];
-
-            // 关联字段：存在 referTo 时，渲染为点击选择弹窗的输入框
-            if (field.referTo && (field.type !== 'entityType' && field.type !== 'entitytype')) {
-              // 非业务类型字段
-              const selectedLabel = referSelectedLabels[field.apiKey] || '';
+        <Form
+          ref={(form) => this.setState({ form })}
+          layout="horizontal"
+          {...formItemLayout}
+        >
+          <Row gutter={16}>
+            {curFieldList.map((field) => {
+              // 跳过 ID 字段，不需要在表单中显示
+              if (field.apiKey === 'id') return null;
+
+              let inputComponent;
+              const selectitem = field.selectitem || [];
+              const checkitem = field.checkitem || [];
+
+              // 关联字段：存在 referTo 时，渲染为点击选择弹窗的输入框
+              if (
+                field.referTo &&
+                field.type !== 'entityType' &&
+                field.type !== 'entitytype'
+              ) {
+                // 非业务类型字段
+                const selectedLabel = referSelectedLabels[field.apiKey] || '';
+                const colSpan = columnCount === 2 ? 12 : 24;
+                return (
+                  <Col span={colSpan} key={field.apiKey}>
+                    <Form.Item
+                      label={field.label}
+                      required={field.required ?? false}
+                    >
+                      <Input.Group compact style={{ display: 'flex' }}>
+                        <Form.Item
+                          name={field.apiKey}
+                          noStyle
+                          rules={[
+                            {
+                              required: field.required,
+                              message: `请选择${field.label}`,
+                            },
+                          ]}
+                        >
+                          <Input type="hidden" />
+                        </Form.Item>
+                        <Input
+                          readOnly
+                          value={selectedLabel}
+                          placeholder={`请点击选择${field.label}`}
+                          style={{ flex: 1, cursor: 'pointer' }}
+                          onClick={() => this.openReferModal(field)}
+                        />
+                        <Button
+                          type="primary"
+                          onClick={() => this.openReferModal(field)}
+                        >
+                          选择
+                        </Button>
+                      </Input.Group>
+                    </Form.Item>
+                  </Col>
+                );
+              }
+
+              // 根据字段类型生成对应的输入组件
+              switch (field.type) {
+                case 'entityType':
+                case 'entitytype':
+                  // 业务类型选择器
+                  inputComponent = (
+                    <Select placeholder="请选择业务类型" allowClear>
+                      {entityTypeList.map((item) => (
+                        <Option
+                          key={item.apiKey}
+                          value={item.id}
+                          disabled={!item.active}
+                        >
+                          {item.label}
+                        </Option>
+                      ))}
+                    </Select>
+                  );
+                  break;
+                case 'picklist':
+                  // 单选下拉框
+                  inputComponent = (
+                    <Select placeholder={`请选择${field.label}`} allowClear>
+                      {selectitem.map((item) => (
+                        <Option key={item.apiKey} value={item.id}>
+                          {item.label}
+                        </Option>
+                      ))}
+                    </Select>
+                  );
+                  break;
+                case 'textarea':
+                  // 多行文本输入框
+                  inputComponent = (
+                    <Input.TextArea
+                      placeholder={`请输入${field.label}`}
+                      rows={3}
+                      showCount
+                      maxLength={500}
+                    />
+                  );
+                  break;
+                case 'multipicklist':
+                  // 多选下拉框
+                  inputComponent = (
+                    <Select
+                      placeholder={`请选择${field.label}`}
+                      mode="multiple"
+                      allowClear
+                    >
+                      {checkitem.map((item) => (
+                        <Option key={item.apiKey} value={item.id}>
+                          {item.label}
+                        </Option>
+                      ))}
+                    </Select>
+                  );
+                  break;
+                case 'datetime':
+                  // 日期时间选择器
+                  inputComponent = (
+                    <DatePicker
+                      placeholder={`请选择${field.label}`}
+                      format={'YYYY/MM/DD HH:mm:ss'}
+                      showTime={true}
+                      style={{ width: '100%' }}
+                    />
+                  );
+                  break;
+                case 'date':
+                  // 日期选择器
+                  inputComponent = (
+                    <DatePicker
+                      placeholder={`请选择${field.label}`}
+                      format={'YYYY/MM/DD'}
+                      style={{ width: '100%' }}
+                    />
+                  );
+                  break;
+                case 'time':
+                  // 时间选择器
+                  inputComponent = (
+                    <DatePicker
+                      placeholder={`请选择${field.label}`}
+                      format={'HH:mm:ss'}
+                      showTime={true}
+                      style={{ width: '100%' }}
+                    />
+                  );
+                  break;
+                case 'int':
+                case 'float':
+                  // 数字输入框
+                  inputComponent = (
+                    <InputNumber
+                      placeholder={`请输入${field.label}`}
+                      style={{ width: '100%' }}
+                    />
+                  );
+                  break;
+                case 'email':
+                  // 邮箱输入框
+                  inputComponent = (
+                    <Input placeholder={`请输入${field.label}`} type="email" />
+                  );
+                  break;
+                case 'url':
+                  // URL 输入框
+                  inputComponent = (
+                    <Input placeholder={`请输入${field.label}`} type="url" />
+                  );
+                  break;
+                case 'phone':
+                  // 电话号码输入框
+                  inputComponent = (
+                    <Input placeholder={`请输入${field.label}`} type="tel" />
+                  );
+                  break;
+                default:
+                  // 默认文本输入框
+                  inputComponent = (
+                    <Input
+                      placeholder={`请输入${field.label}`}
+                      maxLength={200}
+                    />
+                  );
+              }
+
               const colSpan = columnCount === 2 ? 12 : 24;
+
               return (
                 <Col span={colSpan} key={field.apiKey}>
                   <Form.Item
+                    name={field.apiKey}
                     label={field.label}
                     required={field.required ?? false}
+                    rules={[
+                      {
+                        required: field.required,
+                        message: `请${
+                          field.type === 'picklist' ||
+                          field.type === 'multipicklist' ||
+                          field.type === 'entityType' ||
+                          field.type === 'entitytype' ||
+                          field.type === 'date' ||
+                          field.type === 'datetime' ||
+                          field.type === 'time'
+                            ? '选择'
+                            : '输入'
+                        }${field.label}`,
+                      },
+                    ]}
                   >
-                    <Input.Group compact style={{ display: 'flex' }}>
-                      <Form.Item
-                        name={field.apiKey}
-                        noStyle
-                        rules={[
-                          {
-                            required: field.required,
-                            message: `请选择${field.label}`,
-                          },
-                        ]}
-                      >
-                        <Input type="hidden" />
-                      </Form.Item>
-                      <Input
-                        readOnly
-                        value={selectedLabel}
-                        placeholder={`请点击选择${field.label}`}
-                        style={{ flex: 1, cursor: 'pointer' }}
-                        onClick={() => this.openReferModal(field)}
-                      />
-                      <Button
-                        type="primary"
-                        onClick={() => this.openReferModal(field)}
-                      >
-                        选择
-                      </Button>
-                    </Input.Group>
+                    {inputComponent}
                   </Form.Item>
                 </Col>
               );
-            }
-
-            // 根据字段类型生成对应的输入组件
-            switch (field.type) {
-              case 'entityType':
-              case 'entitytype':
-                // 业务类型选择器
-                inputComponent = (
-                  <Select placeholder="请选择业务类型" allowClear>
-                    {entityTypeList.map((item) => (
-                      <Option
-                        key={item.apiKey}
-                        value={item.id}
-                        disabled={!item.active}
-                      >
-                        {item.label}
-                      </Option>
-                    ))}
-                  </Select>
-                );
-                break;
-              case 'picklist':
-                // 单选下拉框
-                inputComponent = (
-                  <Select placeholder={`请选择${field.label}`} allowClear>
-                    {selectitem.map((item) => (
-                      <Option key={item.apiKey} value={item.id}>
-                        {item.label}
-                      </Option>
-                    ))}
-                  </Select>
-                );
-                break;
-              case 'textarea':
-                // 多行文本输入框
-                inputComponent = (
-                  <Input.TextArea
-                    placeholder={`请输入${field.label}`}
-                    rows={3}
-                    showCount
-                    maxLength={500}
-                  />
-                );
-                break;
-              case 'multipicklist':
-                // 多选下拉框
-                inputComponent = (
-                  <Select
-                    placeholder={`请选择${field.label}`}
-                    mode="multiple"
-                    allowClear
-                  >
-                    {checkitem.map((item) => (
-                      <Option key={item.apiKey} value={item.id}>
-                        {item.label}
-                      </Option>
-                    ))}
-                  </Select>
-                );
-                break;
-              case 'datetime':
-                // 日期时间选择器
-                inputComponent = (
-                  <DatePicker
-                    placeholder={`请选择${field.label}`}
-                    format={'YYYY/MM/DD HH:mm:ss'}
-                    showTime={true}
-                    style={{ width: '100%' }}
-                  />
-                );
-                break;
-              case 'date':
-                // 日期选择器
-                inputComponent = (
-                  <DatePicker
-                    placeholder={`请选择${field.label}`}
-                    format={'YYYY/MM/DD'}
-                    style={{ width: '100%' }}
-                  />
-                );
-                break;
-              case 'time':
-                // 时间选择器
-                inputComponent = (
-                  <DatePicker
-                    placeholder={`请选择${field.label}`}
-                    format={'HH:mm:ss'}
-                    showTime={true}
-                    style={{ width: '100%' }}
-                  />
-                );
-                break;
-              case 'int':
-              case 'float':
-                // 数字输入框
-                inputComponent = (
-                  <InputNumber
-                    placeholder={`请输入${field.label}`}
-                    style={{ width: '100%' }}
-                  />
-                );
-                break;
-              case 'email':
-                // 邮箱输入框
-                inputComponent = (
-                  <Input placeholder={`请输入${field.label}`} type="email" />
-                );
-                break;
-              case 'url':
-                // URL 输入框
-                inputComponent = (
-                  <Input placeholder={`请输入${field.label}`} type="url" />
-                );
-                break;
-              case 'phone':
-                // 电话号码输入框
-                inputComponent = (
-                  <Input placeholder={`请输入${field.label}`} type="tel" />
-                );
-                break;
-              default:
-                // 默认文本输入框
-                inputComponent = (
-                  <Input placeholder={`请输入${field.label}`} maxLength={200} />
-                );
-            }
-
-            const colSpan = columnCount === 2 ? 12 : 24;
-
-            return (
-              <Col span={colSpan} key={field.apiKey}>
-                <Form.Item
-                  name={field.apiKey}
-                  label={field.label}
-                  required={field.required ?? false}
-                  rules={[
-                    {
-                      required: field.required,
-                      message: `请${
-                        field.type === 'picklist' ||
-                        field.type === 'multipicklist' ||
-                        field.type === 'entityType' ||
-                        field.type === 'entitytype' ||
-                        field.type === 'date' ||
-                        field.type === 'datetime' ||
-                        field.type === 'time'
-                          ? '选择'
-                          : '输入'
-                      }${field.label}`,
+            })}
+          </Row>
+
+          {submitSuccess && (
+            <div className="submit-success-message">
+              <CheckCircleOutlined /> 数据已成功提交
+            </div>
+          )}
+        </Form>
+
+        <Modal
+          open={referModalVisible}
+          onCancel={this.closeReferModal}
+          footer={null}
+          width={900}
+          title={`选择${currentReferField?.label || ''}`}
+          destroyOnClose
+        >
+          {currentReferField && currentReferField.referTo && (
+            <NeoEntityGrid
+              render={this.props.render}
+              objectApiKey={currentReferField.referTo.apiKey}
+              referData={{
+                referObjectApiKey: xObjectDataApi?.xObjectApiKey,
+                referItemApiKey: currentReferField.apiKey,
+              }}
+              selectedCount={1}
+              hiddenHeader={true}
+              onCancel={this.closeReferModal}
+              onSelectedCall={(selectedData: any) => {
+                const { currentReferField: curField, currentReferField } =
+                  this.state;
+                if (!curField) return;
+
+                const items = Array.isArray(selectedData)
+                  ? selectedData
+                  : [selectedData];
+                const firstItem = items[0];
+                const selectedId = firstItem?.id ?? firstItem;
+                const selectedName =
+                  firstItem[`${currentReferField?.referTo?.apiKey}Name`] ||
+                  firstItem?.label ||
+                  firstItem?.name ||
+                  firstItem?.id;
+
+                if (selectedId !== undefined && selectedId !== null) {
+                  this.state.form?.setFieldsValue({
+                    [curField.apiKey]: selectedId,
+                  });
+                  this.setState((prev) => ({
+                    referSelectedLabels: {
+                      ...prev.referSelectedLabels,
+                      [curField.apiKey]: selectedName,
                     },
-                  ]}
-                >
-                  {inputComponent}
-                </Form.Item>
-              </Col>
-            );
-          })}
-        </Row>
-
-        {submitSuccess && (
-          <div className="submit-success-message">
-            <CheckCircleOutlined /> 数据已成功提交
-          </div>
-        )}
-      </Form>
-
-      <Modal
-        open={referModalVisible}
-        onCancel={this.closeReferModal}
-        footer={null}
-        width={900}
-        title={`选择${currentReferField?.label || ''}`}
-        destroyOnClose
-      >
-        {currentReferField && currentReferField.referTo && (
-          <NeoEntityGrid
-            render={this.props.render}
-            objectApiKey={currentReferField.referTo.apiKey}
-            referData={{
-              referObjectApiKey: xObjectDataApi?.xObjectApiKey,
-              referItemApiKey: currentReferField.apiKey,
-            }}
-            selectedCount={1}
-            hiddenHeader={true}
-            onCancel={this.closeReferModal}
-            onSelectedCall={(selectedData: any) => {
-              const { currentReferField: curField, currentReferField } = this.state;
-              if (!curField) return;
-
-              const items = Array.isArray(selectedData)
-                ? selectedData
-                : [selectedData];
-              const firstItem = items[0];
-              const selectedId = firstItem?.id ?? firstItem;
-              const selectedName = firstItem[`${currentReferField?.referTo?.apiKey}Name`] || firstItem?.label || firstItem?.name || firstItem?.id;
-
-              if (selectedId !== undefined && selectedId !== null) {
-                this.state.form?.setFieldsValue({
-                  [curField.apiKey]: selectedId,
-                });
-                this.setState((prev) => ({
-                  referSelectedLabels: {
-                    ...prev.referSelectedLabels,
-                    [curField.apiKey]: selectedName,
-                  },
-                  referModalVisible: false,
-                  currentReferField: null,
-                }));
-              }
-              return false; // 阻止事件冒泡
-            }}
-          />
-        )}
-      </Modal>
+                    referModalVisible: false,
+                    currentReferField: null,
+                  }));
+                }
+                return false; // 阻止事件冒泡
+              }}
+            />
+          )}
+        </Modal>
       </>
     );
   }

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

@@ -52,7 +52,14 @@ export class CreateFormModel {
     columnCount: 2,
     xObjectDataApi: {
       xObjectApiKey: 'opportunity',
-      fields: ['entityType', 'ownerId', 'opportunityName', 'accountId', 'money', 'closeDate'],
+      fields: [
+        'entityType',
+        'ownerId',
+        'opportunityName',
+        'accountId',
+        'money',
+        'closeDate',
+      ],
     },
   };
 
@@ -65,8 +72,15 @@ export class CreateFormModel {
       apiKey: 'onSubmit', // 事件名称
       label: '提交表单后', // 事件
       helpText: '表单提交后触发该事件', // 信息icon hover 时的提示文本
-      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/createForm__c/resetAntd.scss

@@ -1,4 +1,3 @@
-
 // Spin 加载样式
 .ant-spin {
   .ant-spin-dot {

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

@@ -296,4 +296,4 @@
       }
     }
   }
-}
+}

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

@@ -55,7 +55,11 @@ export default class NeoEntityGridCmp extends BaseCmp<
    */
   @NeoEvent.function
   handleCustomSearchEvent(eventData: any) {
-    console.log('设置自定义筛选条件（handleCustomSearchEvent）: ', eventData, this.props);
+    console.log(
+      '设置自定义筛选条件（handleCustomSearchEvent）: ',
+      eventData,
+      this.props,
+    );
 
     if (!eventData) {
       this.setState({ additionalConditions: [] });

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);