neo-cmp-cli 1.13.18 → 1.13.20

package/template/neo-custom-cmp-template/src/components/customApi__c/index.tsx

@@ -0,0 +1,184 @@
+/**
+ * @file 自定义 API（通用代理）示例组件
+ * @description 通过平台「通用代理」自定义 API 转发请求，获取第三方列表数据并以表格展示
+ */
+import * as React from 'react';
+import { Table, Spin, Empty } from 'antd';
+// @ts-ignore
+import { customApi } from 'neo-open-api';
+// @ts-ignore
+import { BaseCmp } from 'neo-ui-common';
+// @ts-ignore
+import { NeoEvent } from 'neo-ui-common';
+// @ts-ignore
+import isEqual from 'lodash/isEqual';
+
+import './style.scss';
+
+const DEFAULT_POSTS_URL = 'https://jsonplaceholder.typicode.com/posts';
+/**
+ * 其他可测试的接口
+常用列表接口（直接访问）：
+文章列表：https://jsonplaceholder.typicode.com/posts
+用户列表：https://jsonplaceholder.typicode.com/users
+待办列表：https://jsonplaceholder.typicode.com/todos
+评论列表：https://jsonplaceholder.typicode.com/comments
+ */
+
+interface CustomApiCmpProps {
+  fetchConfig?: any; // 自定义API配置
+  data?: any;
+  className?: string;
+  title?: string;
+}
+
+interface CustomApiCmpState {
+  dataSource: any[];
+  loading: boolean;
+  error: string | null;
+}
+
+const POST_COLUMNS = [
+  { title: '用户 ID', dataIndex: 'userId', key: 'userId', width: 88 },
+  { title: '标题', dataIndex: 'title', key: 'title', ellipsis: true },
+  { title: '正文', dataIndex: 'body', key: 'body', ellipsis: true },
+];
+
+function normalizePostsResult(result: any): { rows: any[]; errorMsg?: string } {
+  if (result === null || result === undefined) {
+    return { rows: [], errorMsg: '接口无返回' };
+  }
+  // SDK / 通用代理有时直接将第三方响应解析为数组
+  if (Array.isArray(result)) {
+    return { rows: result };
+  }
+  if (result.status === false) {
+    return { rows: [], errorMsg: result.msg || '请求失败' };
+  }
+  const raw = result.data;
+  if (Array.isArray(raw)) {
+    return { rows: raw };
+  }
+  if (raw && Array.isArray(raw.records)) {
+    return { rows: raw.records };
+  }
+  if (raw && Array.isArray(raw.list)) {
+    return { rows: raw.list };
+  }
+  return { rows: [], errorMsg: '返回数据格式不是列表' };
+}
+
+export default class CustomApiCmp extends BaseCmp<
+  CustomApiCmpProps,
+  CustomApiCmpState
+> {
+  constructor(props: CustomApiCmpProps) {
+    super(props);
+    this.state = {
+      dataSource: [],
+      loading: false,
+      error: null,
+    };
+    this.loadData = this.loadData.bind(this);
+  }
+
+  componentDidMount() {
+    this.loadData();
+  }
+
+  componentDidUpdate(prevProps: CustomApiCmpProps) {
+    if (!isEqual(prevProps.fetchConfig, this.props.fetchConfig)) {
+      this.loadData();
+    }
+  }
+
+  @NeoEvent.function
+  async loadData() {
+    const { fetchConfig } = this.props;
+    const targetUrl = DEFAULT_POSTS_URL;
+
+    this.setState({ loading: true, error: null });
+
+    let result: any = {};
+
+    try {
+      // 通过自定义API获取数据
+      if (fetchConfig) {
+        // 根据用户配置的自定义API相关数据获取数据
+        result = await customApi.run(fetchConfig);
+        const { rows, errorMsg } = normalizePostsResult(result);
+        if (errorMsg) {
+          this.setState({ dataSource: [], loading: false, error: errorMsg });
+          return;
+        }
+        this.setState({ dataSource: rows, loading: false, error: null });
+        return;
+      } else {
+        result = await customApi.run({
+          apiUrl: '/rest/data/v2.0/scripts/api/proxy/forward', // 平台通用接口代理
+          methodType: 'POST',
+          data: {
+            url: targetUrl,
+            method: 'GET',
+            data: {test: 333},
+          },
+        });
+      }
+
+      const { rows, errorMsg } = normalizePostsResult(result);
+      if (errorMsg) {
+        this.setState({ dataSource: [], loading: false, error: errorMsg });
+        return;
+      }
+      this.setState({ dataSource: rows, loading: false, error: null });
+    } catch (error: any) {
+      this.setState({
+        dataSource: [],
+        loading: false,
+        error: error?.message || '获取数据失败',
+      });
+    }
+  }
+
+  render() {
+    const { dataSource, loading, error } = this.state;
+    const { className, title: propsTitle } = this.props;
+    const displayTitle = propsTitle || '自定义 API 示例';
+
+    console.log('this.props:', this.props);
+
+    return (
+      <div className={`customApi__c ${className || ''}`}>
+        <div className="table-wrapper">
+          <div className="panel-header">
+            <h3>{displayTitle}</h3>
+          </div>
+          <div className="table-container">
+            <Spin spinning={loading} tip="加载数据中...">
+              {error ? (
+                <Empty
+                  image={Empty.PRESENTED_IMAGE_SIMPLE}
+                  description={
+                    <div>
+                      <div style={{ color: '#ff4d4f', marginBottom: 8 }}>
+                        {error}
+                      </div>
+                    </div>
+                  }
+                />
+              ) : (
+                <Table
+                  columns={POST_COLUMNS}
+                  dataSource={dataSource}
+                  rowKey="id"
+                  pagination={{ pageSize: 10, showSizeChanger: true }}
+                  scroll={{ y: 'max-content' }}
+                />
+              )}
+            </Spin>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

package/template/neo-custom-cmp-template/src/components/customApi__c/model.ts

@@ -0,0 +1,53 @@
+/**
+ * @file 自定义 API（通用代理）示例 — 编辑器描述
+ */
+export class CustomApiCmpModel {
+  label: string = '自定义API示例';
+
+  description: string =
+    '通过通用代理 customApi.run 请求 JSONPlaceholder posts 并以表格展示';
+
+  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
+
+  targetPage: string[] = ['all'];
+
+  targetDevice: string = 'web';
+
+  defaultComProps = {
+    title: '自定义 API 示例',
+    fetchConfig: {
+      apiUrl: '/rest/data/v2.0/scripts/api/proxy/forward',
+      methodType: 'POST',
+      data: {
+        url: 'https://jsonplaceholder.typicode.com/posts',
+        method: 'GET',
+        data: {test: 111},
+      },
+    },
+  };
+
+  functions = [
+    {
+      apiKey: 'loadData',
+      label: '刷新表格',
+      helpTextKey: '刷新当前表格数据',
+    },
+  ];
+
+  propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'title',
+      label: '表格标题',
+      placeholder: '请输入表格标题',
+    },
+    {
+      type: 'customApi',
+      name: 'fetchConfig',
+      label: '自定义API',
+      description: '请选择自定义API；Data 中 Value 可填 JSON。',
+    },
+  ];
+}
+
+export default CustomApiCmpModel;

package/template/neo-custom-cmp-template/src/components/customApi__c/style.scss

@@ -0,0 +1,116 @@
+.customApi__c {
+  .table-wrapper {
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .panel-header {
+    padding: 15px;
+    background: #f5f5f5;
+    border-bottom: 1px solid #ddd;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    h3 {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #262626;
+    }
+  }
+
+  .table-container {
+    flex: 1;
+    overflow-y: auto;
+
+    .ant-table {
+      .ant-table-thead > tr > th {
+        background-color: #f9f9f9;
+        font-weight: 600;
+        color: #262626;
+        border-bottom: 1px solid #eee;
+        padding: 10px;
+        text-align: left;
+        font-size: 13px;
+        position: sticky;
+        top: 0;
+      }
+
+      .ant-table-tbody > tr > td {
+        border-bottom: 1px solid #eee;
+        padding: 10px;
+        text-align: left;
+        font-size: 13px;
+      }
+
+      .ant-table-tbody > tr:hover > td {
+        background-color: #f5f5f5;
+      }
+    }
+
+    .ant-empty {
+      padding: 40px 0;
+
+      .ant-empty-description {
+        color: #8c8c8c;
+        font-size: 14px;
+      }
+    }
+  }
+
+  .ant-spin {
+    .ant-spin-dot {
+      font-size: 20px;
+    }
+
+    .ant-spin-text {
+      color: #8c8c8c;
+      font-size: 14px;
+    }
+  }
+
+  // 响应式设计
+  @media (max-width: 768px) {
+    .panel-header {
+      padding: 12px;
+
+      h3 {
+        font-size: 14px;
+      }
+    }
+
+    .table-container {
+      .ant-table {
+        .ant-table-thead > tr > th,
+        .ant-table-tbody > tr > td {
+          padding: 8px 12px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+
+  @media (max-width: 576px) {
+    .panel-header {
+      padding: 10px;
+
+      h3 {
+        font-size: 13px;
+      }
+    }
+
+    .table-container {
+      .ant-table {
+        .ant-table-thead > tr > th,
+        .ant-table-tbody > tr > td {
+          padding: 6px 8px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}

package/template/neo-custom-cmp-template/src/components/entityTable__c/index.tsx

@@ -341,7 +341,11 @@ export default class EntityTable extends BaseCmp<
 
       // 对象类型字段或实际值为对象时：转为字符串展示
       column.render = (value: any) => {
-        if (value !== null && value !== undefined && typeof value === 'object') {
+        if (
+          value !== null &&
+          value !== undefined &&
+          typeof value === 'object'
+        ) {
           return objectValueToString(value);
         }
         return value;

package/template/neo-custom-cmp-template/src/components/simpleCmp__c/index.tsx

@@ -16,7 +16,10 @@ interface CustomCmpStates {
   [key: string]: any;
 }
 
-export default class CustomCmp extends BaseCmp<CustomCmpProps, CustomCmpStates> {
+export default class CustomCmp extends BaseCmp<
+  CustomCmpProps,
+  CustomCmpStates
+> {
   constructor(props: CustomCmpProps) {
     super(props);
   }

package/template/neo-h5-cmps/neo.config.js

@@ -41,7 +41,7 @@ module.exports = {
       resolve("./src/assets/css/common.scss"),
       resolve("./src/assets/css/mixin.scss")
     ],
-    ignoreNodeModules: false
+    ignoreNodeModules: false,
   },
   linkDebug: {},
   neoConfig: {

package/template/neo-h5-cmps/package.json

@@ -39,7 +39,7 @@
     "axios": "^1.7.0",
     "antd-mobile": "^2.3.3",
     "lodash": "^4.17.23",
-    "neo-open-api": "^1.2.7",
+    "neo-open-api": "^1.2.8",
     "tslib": "2.3.0"
   },
   "devDependencies": {
@@ -49,7 +49,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.17",
+    "neo-cmp-cli": "^1.13.20",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-h5-cmps/src/components/entityList__c/index.tsx

@@ -26,7 +26,6 @@ export default class EntityListCmp extends React.PureComponent<EntityListProps>
         <NeoEntityList
           {...restProps}
           name="entityList"
-          entityApiKey={'customContact__c'}
           onItemClickIntercept={(data: any, entity: any) => {
             // 自定义点击处理
             console.log('点击了列表项', data, entity);

package/template/neo-order-cmps/package.json

@@ -39,7 +39,7 @@
     "axios": "^1.7.0",
     "antd": "^4.9.4",
     "lodash": "^4.17.23",
-    "neo-open-api": "^1.2.7"
+    "neo-open-api": "^1.2.9"
   },
   "devDependencies": {
     "@commitlint/cli": "^18.0.0",

package/template/neo-pipeline-cmps/package.json

@@ -38,7 +38,7 @@
     "echarts": "^5.6.0",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
-    "neo-open-api": "^1.2.7",
+    "neo-open-api": "^1.2.8",
     "neo-register": "^1.1.3",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",

package/template/neo-pipeline-cmps/src/components/filterBar__c/model.ts

@@ -26,8 +26,16 @@ export class FilterBarModel {
       label: 'After filter conditions change',
       helpText:
         'Triggered when any filter option or custom time range changes; event params include closeDate, closeDateCustomRange (for non-custom: current relative period start/end Unix ms timestamps; for custom: RangePicker start/end), opportunityOwner (owner multi-select id array), businessType, businessTypeLabel (business type display name), changesSince, changesSinceCustomTime (for Custom Changes Since: selected date midnight; otherwise for non-custom Close Date: period start midnight)',
-      eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"data","label":"Current filter data","type":"Object"}],"label":"Event parameters","type":"Object"}]',
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [
+            { apiKey: 'data', label: 'Current filter data', type: 'Object' },
+          ],
+          label: 'Event parameters',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/index.tsx

@@ -25,6 +25,7 @@ import {
   type FunnelStage,
 } from '../../utils/pipelineFunnel';
 
+import './reset.scss';
 import './style.scss';
 
 const QUERY_DATA_TASK_URL = '/rest/neobi/v2.0/bestpractices/queryDataTask';

package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/model.ts

@@ -21,8 +21,20 @@ export class PipelineFunnelModel {
       label: 'Triggered on stage click',
       helpText:
         'Triggered when clicking a funnel stage; event params include activeStage (current active stage)',
-      eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"activeStage","label":"Current active stage","type":"String"}],"label":"Event parameters","type":"Object"}]',
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [
+            {
+              apiKey: 'activeStage',
+              label: 'Current active stage',
+              type: 'String',
+            },
+          ],
+          label: 'Event parameters',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/reset.scss

@@ -0,0 +1,4 @@
+// 隐藏 AI icon
+.nav-ai-container {
+  display: none;
+}

package/template/neo-pipeline-cmps/src/components/showHealthResult__c/index.tsx

@@ -185,6 +185,7 @@ function buildHealthRadarOption(
   return {
     tooltip: {
       trigger: 'item',
+      position: 'inside',
     },
     radar: {
       indicator,
@@ -212,7 +213,7 @@ function buildHealthRadarOption(
         data: [
           {
             value: items.map((i) => i.score),
-            name: 'Health Score',
+            name: 'Opportunity Health',
             areaStyle: {
               color: 'rgba(99,102,241,0.2)',
             },

package/template/neo-pipeline-cmps/src/components/stageSwitch__c/model.ts

@@ -19,8 +19,20 @@ export class StageSwitchModel {
       label: 'After active stage changes',
       helpText:
         'Triggered after the active stage changes; event params include activeStage (current active stage)',
-      eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"activeStage","label":"Current active stage","type":"String"}],"label":"Event parameters","type":"Object"}]',
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [
+            {
+              apiKey: 'activeStage',
+              label: 'Current active stage',
+              type: 'String',
+            },
+          ],
+          label: 'Event parameters',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-pipeline-cmps/src/components/stageTimeChart__c/model.ts

@@ -33,8 +33,20 @@ export class StageTimeChartModel {
       label: 'Triggered on stage bar click',
       helpText:
         'Triggered when clicking a stage bar; event params include activeStage (current active stage)',
-      eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"activeStage","label":"Current active stage","type":"String"}],"label":"Event parameters","type":"Object"}]',
+      eventParams: [
+        {
+          apiKey: 'eventParam',
+          children: [
+            {
+              apiKey: 'activeStage',
+              label: 'Current active stage',
+              type: 'String',
+            },
+          ],
+          label: 'Event parameters',
+          type: 'Object',
+        },
+      ],
     },
   ];
 

package/template/neo-web-entity-grid/package.json

@@ -37,7 +37,7 @@
     "antd": "^4.9.4",
     "axios": "^1.7.0",
     "lodash": "^4.17.23",
-    "neo-open-api": "^1.2.7",
+    "neo-open-api": "^1.2.9",
     "neo-register": "^1.2.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",