neo-cmp-cli 1.13.17 → 1.13.18

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

@@ -1,6 +1,7 @@
 export class FilterBarModel {
-  label: string = '筛选栏';
-  description: string = '支持日期范围、负责人、业务类型等多维度筛选';
+  label: string = 'Filter Bar';
+  description: string =
+    'Supports multi-dimensional filtering by date range, owner, business type, etc.';
   iconUrl: string = 'https://custom-widgets.bj.bcebos.com/filter.svg';
   targetPage: string[] = ['all'];
   targetDevice: string = 'all';
@@ -12,35 +13,36 @@ export class FilterBarModel {
       { value: 401, label: 'This Quarter' },
       { value: 'custom', label: 'Custom' },
     ],
-    /** 与商机业务类型接口返回项的 apiKey 一致时，作为 Business Type 默认选中项 */
+    /** When matching the apiKey of an item returned by the business type API, use it as the default Business Type selection */
     defaultBusiType: 'defaultBusiType_1', // New Business
   };
 
   /**
-   * 声明当前组件会触发的所有事件（与组件内 @NeoEvent.dispatch 方法名一致）
+   * Declare all events that the current component will trigger (matching @NeoEvent.dispatch method names in the component)
    */
   events = [
     {
       apiKey: 'onFiltersChange',
-      label: '筛选条件变化后',
+      label: 'After filter conditions change',
       helpText:
-        '任一筛选项或自定义时间区间变更时触发；事件参数含 closeDate、closeDateCustomRange（非 custom 时为当前相对周期起止 Unix 毫秒时间戳；custom 时为 RangePicker 起止）、opportunityOwner（负责人多选 id 数组）、businessType、businessTypeLabel（业务类型展示名）、changesSince、changesSinceCustomTime（Changes Since 为 Custom 时为所选日期当日 0 点；否则在 Close Date 非 custom 时为周期起点当日 0 点）',
+        '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":"当前筛选数据","type":"Object"}],"label":"事件入参","type":"Object"}]',
+        '[{"apiKey":"eventParam","children":[{"apiKey":"data","label":"Current filter data","type":"Object"}],"label":"Event parameters","type":"Object"}]',
     },
   ];
 
   functions = [
     {
       apiKey: 'resetFilters',
-      label: '重置筛选条件',
-      helpTextKey: '重置所有筛选条件为默认值并触发「筛选条件变化后」事件',
+      label: 'Reset filters',
+      helpTextKey:
+        'Reset all filter conditions to defaults and trigger the "After filter conditions change" event',
     },
     {
       apiKey: 'getFilters',
-      label: '获取筛选条件',
+      label: 'Get filters',
       helpTextKey:
-        '返回当前筛选快照对象；closeDate 非 custom 时 closeDateCustomRange 为相对周期起止时间戳；custom 时为自定义区间；businessTypeLabel 为业务类型展示名；changesSinceCustomTime 在 Changes Since 为 Custom 时为所选日 0 点，否则在 Close Date 非 custom 时为周期起点 0 点',
+        'Return current filter snapshot object; when closeDate is not custom, closeDateCustomRange is the relative period start/end timestamps; when custom, it is the custom range; businessTypeLabel is the business type display name; changesSinceCustomTime is the selected date midnight when Changes Since is Custom, otherwise the period start midnight when Close Date is not custom',
     },
   ];
 

package/template/neo-pipeline-cmps/src/components/filterBar__c/style.scss

@@ -71,7 +71,7 @@
     }
   }
 
-  /* Changes Since 问号提示 */
+  /* Changes Since question mark tooltip */
   .help-tip {
     position: relative;
     display: inline-flex;

package/template/neo-pipeline-cmps/src/components/pipelineFunnel__c/README.md

@@ -1,8 +1,8 @@
-# PipelineFunnel 组件
+# PipelineFunnel Component
 
-Pipeline漏斗图组件，展示销售管道的漏斗转化情况。
+Pipeline funnel chart component that displays the funnel conversion of the sales pipeline.
 
-## 使用方式
+## Usage
 
 ```tsx
 import PipelineFunnel from './components/pipelineFunnel__c';
@@ -20,20 +20,20 @@ import PipelineFunnel from './components/pipelineFunnel__c';
 
 ## Props
 
-| 属性 | 说明 | 类型 | 默认值 |
-|------|------|------|--------|
-| title | 标题 | string | 'Pipeline Funnel' |
-| totalAmount | 总金额 | string | '$11.1M' |
-| stages | 漏斗阶段数据 | FunnelStage[] | [] |
-| showAiButton | 显示AI按钮 | boolean | true |
-| onStageClick | 阶段点击回调 | (stageName: string) => void | - |
+| Property | Description | Type | Default |
+|----------|-------------|------|---------|
+| title | Title | string | 'Pipeline Funnel' |
+| totalAmount | Total amount | string | '$11.1M' |
+| stages | Funnel stage data | FunnelStage[] | [] |
+| showAiButton | Show AI button | boolean | true |
+| onStageClick | Stage click callback | (stageName: string) => void | - |
 
 ## FunnelStage
 
-| 属性 | 说明 | 类型 |
-|------|------|------|
-| name | 阶段名称 | string |
-| amount | 金额 | string |
-| count | 数量 | number |
-| conversionRate | 转化率 | string |
-| color | 颜色 | string |
+| Property | Description | Type |
+|----------|-------------|------|
+| name | Stage name | string |
+| amount | Amount | string |
+| count | Count | number |
+| conversionRate | Conversion rate | string |
+| color | Color | string |

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

@@ -1,6 +1,6 @@
 /**
- * @file Pipeline漏斗图组件
- * @description 展示销售管道的漏斗转化情况，数据来自 NeoBI queryDataTask
+ * @file Pipeline Funnel Chart Component
+ * @description Displays the funnel conversion of the sales pipeline, data from NeoBI queryDataTask
  */
 import * as React from 'react';
 import * as echarts from 'echarts';
@@ -33,15 +33,15 @@ const FORM_URLENCODED_UTF8 = 'application/x-www-form-urlencoded;charset=UTF-8';
 
 interface PipelineFunnelProps {
   title?: string;
-  /** 视图 ID，参与 queryDataTask */
+  /** View ID, used in queryDataTask */
   viewId?: string;
-  /** 视图类型，对应请求参数 type */
+  /** View type, corresponding to request parameter type */
   viewType?: string;
   /**
-   * 为 true 时层宽随阶段顺序递减（经典漏斗），层高度按各阶段金额占比；
-   * 为 false（默认）时层宽按各阶段真实金额比例绘制 */
+   * When true, layer width decreases with stage order (classic funnel), layer height proportional to each stage's amount;
+   * When false (default), layer width is proportional to each stage's actual amount */
   useClassicFunnelShape?: boolean;
-  /** Neo 注入，含当前用户 */
+  /** Neo injected, contains current user */
   data?: {
     __NeoCurrentUser?: { id?: string | number };
   };
@@ -55,11 +55,11 @@ interface PipelineFunnelState {
   loading: boolean;
   error: string | null;
   stages: FunnelStage[];
-  /** 各阶段金额数值总和，用于占比 */
+  /** Sum of amount values across all stages, used for percentage calculation */
   totalAmountNum: number;
-  /** 顶部展示用总金额文案 */
+  /** Total amount label for top display */
   totalAmountLabel: string;
-  /** 请求体中的 filter，可由组件动作 setFilter 更新 */
+  /** Filter for request body, can be updated by component action setFilter */
   filter: any;
 }
 
@@ -97,9 +97,9 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
     this.bindResize();
 
     /*
-    // 监听一个广播事件
+    // Listen to a broadcast event
     NeoEvent.listen('updateFilterData', (filterData: any) => {
-      console.log('PipelineFunnel 监听到了一个广播事件 updateFilterData: ', filterData);
+      console.log('PipelineFunnel received broadcast event updateFilterData: ', filterData);
       this.setFilter(filterData);
     });
     */
@@ -196,6 +196,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
           chartViewHeightPx: classicShape ? chartViewHeightPx : undefined,
           funnelGap: 2,
         });
+        console.log('[PipelineFunnel__c] updateChart option:', option);
         this.chartInstance.setOption(option, true);
         this.chartInstance.off('click');
         this.chartInstance.on(
@@ -224,7 +225,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
       }
       requestAnimationFrame(() => this.chartInstance?.resize());
     } catch (e) {
-      console.error('PipelineFunnel ECharts 更新失败:', e);
+      console.error('PipelineFunnel ECharts update failed:', e);
     }
   }
 
@@ -235,7 +236,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
     if (viewId == null || viewId === '' || userId == null || userId === '') {
       this.setState({
         loading: false,
-        error: '缺少 viewId 或当前用户 id（data.__NeoCurrentUser.id）',
+        error: 'Missing viewId or current user id (data.__NeoCurrentUser.id)',
         stages: [],
         totalAmountNum: 0,
         totalAmountLabel: formatAmountDisplay(0),
@@ -273,7 +274,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
       if (status !== 0 || !Array.isArray(table)) {
         this.setState({
           loading: false,
-          error: res?.message || res?.msg || '查询图表数据失败',
+          error: res?.message || res?.msg || 'Failed to query chart data',
           stages: [],
           totalAmountNum: 0,
           totalAmountLabel: formatAmountDisplay(0),
@@ -292,10 +293,10 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
         totalAmountLabel: formatAmountDisplay(totalAmountNum),
       });
     } catch (e: any) {
-      console.error('PipelineFunnel queryDataTask 失败:', e);
+      console.error('PipelineFunnel queryDataTask failed:', e);
       this.setState({
         loading: false,
-        error: e?.message || '网络请求失败',
+        error: e?.message || 'Network request failed',
         stages: [],
         totalAmountNum: 0,
         totalAmountLabel: formatAmountDisplay(0),
@@ -304,7 +305,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
   }
 
   /**
-   * 刷新漏斗图数据（设计器可绑定）
+   * Refresh funnel chart data (bindable in designer)
    */
   @NeoEvent.function
   async refreshData() {
@@ -312,8 +313,8 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
   }
 
   /**
-   * 设置过滤条件并重新拉数（设计器可绑定）
-   * @param filter 过滤对象，将作为 queryDataTask 的 filter 字段
+   * Set filter conditions and re-fetch data (bindable in designer)
+   * @param filter Filter object, used as the filter field of queryDataTask
    */
   @NeoEvent.function
   setFilter(filter?: any) {
@@ -332,7 +333,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
   @NeoEvent.dispatch
   onActiveStageChange(eventData?: any) {}
 
-  // 点击阶段切换时，更新当前激活的销售阶段
+  // Update the current active sales stage when clicking a stage
   handleStageClick(stageName: string) {
     this.onActiveStageChange({
       activeStage: stageName,
@@ -355,7 +356,7 @@ class PipelineFunnel extends BaseCmp<PipelineFunnelProps, PipelineFunnelState> {
       <div
         className={`pipelineFunnel__c ${className || ''}`}
         style={style}
-        data-time="2026.4.15 01"
+        data-time="2026.4.17 01"
       >
         <Spin spinning={loading}>
           <div className="funnel-header">

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

@@ -1,6 +1,7 @@
 export class PipelineFunnelModel {
-  label: string = 'Pipeline漏斗图';
-  description: string = '展示销售管道的漏斗转化情况，直观显示各阶段金额和数量';
+  label: string = 'Pipeline Funnel Chart';
+  description: string =
+    'Displays the funnel conversion of the sales pipeline, visually showing amount and count at each stage';
   iconUrl: string = 'https://custom-widgets.bj.bcebos.com/funnel.svg';
   targetPage: string[] = ['all'];
   targetDevice: string = 'all';
@@ -10,35 +11,35 @@ export class PipelineFunnelModel {
     viewId: '4264464770007375',
     viewType: 'sync',
     showAiButton: true,
-    /** 为 true 时层宽按阶段顺序递减（经典形状），层高度按各阶段金额占比；默认 false，层宽按真实金额 */
+    /** When true, layer width decreases with stage order (classic shape), layer height proportional to amount; default false, layer width proportional to actual amount */
     useClassicFunnelShape: false,
   };
 
   events = [
     {
       apiKey: 'onActiveStageChange',
-      label: '点击阶段触发',
+      label: 'Triggered on stage click',
       helpText:
-        '点击漏斗阶段触发；事件参数含 activeStage（当前激活阶段）',
+        'Triggered when clicking a funnel stage; event params include activeStage (current active stage)',
       eventParams:
-        '[{"apiKey":"eventParam","children":[{"apiKey":"activeStage","label":"当前激活阶段","type":"String"}],"label":"事件入参","type":"Object"}]',
+        '[{"apiKey":"eventParam","children":[{"apiKey":"activeStage","label":"Current active stage","type":"String"}],"label":"Event parameters","type":"Object"}]',
     },
   ];
 
   functions = [
     {
       apiKey: 'refreshData',
-      label: '刷新数据',
-      helpTextKey: '重新请求 queryDataTask 刷新漏斗图数据',
+      label: 'Refresh data',
+      helpTextKey: 'Re-request queryDataTask to refresh funnel chart data',
     },
     {
       apiKey: 'setFilter',
-      label: '设置过滤条件',
-      helpTextKey: '设置报表组件的 filter 并重新拉取数据',
+      label: 'Set filter conditions',
+      helpTextKey: 'Set the report component filter and re-fetch data',
       funcInParams: [
         {
           apiKey: 'filter',
-          label: '过滤条件',
+          label: 'Filter conditions',
           type: 'Object',
           required: false,
         },
@@ -50,26 +51,26 @@ export class PipelineFunnelModel {
     {
       type: 'panelInput',
       name: 'title',
-      label: '标题',
+      label: 'Title',
     },
     {
       type: 'panelInput',
       name: 'viewId',
-      label: '视图 ID',
+      label: 'View ID',
     },
     {
       type: 'panelInput',
       name: 'viewType',
-      label: '视图类型（请求 type）',
+      label: 'View type (request type)',
     },
     {
       type: 'panelSelect',
       name: 'useClassicFunnelShape',
-      label: '漏斗形状',
+      label: 'Funnel shape',
       value: false,
       options: [
-        { label: '按真实金额设置漏斗形状', value: false },
-        { label: '经典漏斗（层高按数值大小）', value: true },
+        { label: 'Shape based on actual amount', value: false },
+        { label: 'Classic funnel (layer height by value)', value: true },
       ],
       clearable: false,
     },

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

@@ -1,6 +1,6 @@
 /**
- * @file 商机健康度评估结果展示
- * @description 调用 /rest/ai/v2.0/agent/apps/health_assessment/get_health_assessment_result，展示 assessmentConclusion 摘要与基于 assessmentDimension 的 ECharts 雷达图
+ * @file Opportunity Health Assessment Result Display
+ * @description Calls /rest/ai/v2.0/agent/apps/health_assessment/get_health_assessment_result, displays assessmentConclusion summary and ECharts radar chart based on assessmentDimension
  */
 import * as React from 'react';
 import * as echarts from 'echarts';
@@ -17,9 +17,9 @@ const HEALTH_ASSESSMENT_URL =
 export type HealthScoreRow = { name: string; score: number };
 
 interface ShowHealthResultProps {
-  /** 实体 API Key，对应请求体 object_api_key */
+  /** Entity API Key, corresponding to request body object_api_key */
   xObjectApiKey?: string;
-  /** 业务数据 ID，对应请求体 data_id */
+  /** Business data ID, corresponding to request body data_id */
   id?: string;
   className?: string;
   style?: React.CSSProperties;
@@ -60,12 +60,7 @@ function parseSummaryFromConclusion(conclusion: unknown): string {
       .map((x: any) => {
         if (!x || typeof x !== 'object') return '';
         return (
-          x.summary ??
-          x.conclusion ??
-          x.desc ??
-          x.description ??
-          x.remark ??
-          ''
+          x.summary ?? x.conclusion ?? x.desc ?? x.description ?? x.remark ?? ''
         );
       })
       .filter((s: string) => String(s).trim());
@@ -81,10 +76,12 @@ function parseSummaryFromConclusion(conclusion: unknown): string {
 }
 
 /**
- * 雷达图仅使用接口字段 assessmentDimension，且须为 { name, score }[]。
- * 不读取 conclusion、不解析其它键名（如 label / value / items 包装等）。
+ * Radar chart only uses the API field assessmentDimension, which must be { name, score }[].
+ * Does not read conclusion or parse other key names (such as label / value / items wrappers).
  */
-function scoreRowsFromAssessmentDimension(dimension: unknown): HealthScoreRow[] {
+function scoreRowsFromAssessmentDimension(
+  dimension: unknown,
+): HealthScoreRow[] {
   if (!Array.isArray(dimension)) return [];
   const rows: HealthScoreRow[] = [];
   for (const item of dimension) {
@@ -107,8 +104,8 @@ function scoreRowsFromAssessmentDimension(dimension: unknown): HealthScoreRow[]
 }
 
 /**
- * 雷达轴外圈文案：不再做6 字截断；英文尽量按词折行，无空格（如中文）按固定宽度折行。
- * 行数过多时仅在最后一行末尾加省略号，其余行尽量完整展示。
+ * Radar axis outer label: no 6-character truncation; English wraps by word, non-spaced text (e.g. Chinese) wraps at fixed width.
+ * When too many lines, only the last line gets an ellipsis, other lines are shown as completely as possible.
  */
 function wrapRadarAxisName(
   text: string,
@@ -159,7 +156,9 @@ function wrapRadarAxisName(
   return [...head, last].join('\n');
 }
 
-function buildHealthRadarOption(items: HealthScoreRow[]): echarts.EChartsOption {
+function buildHealthRadarOption(
+  items: HealthScoreRow[],
+): echarts.EChartsOption {
   if (!items.length) {
     return {
       graphic: [
@@ -168,7 +167,7 @@ function buildHealthRadarOption(items: HealthScoreRow[]): echarts.EChartsOption
           left: 'center',
           top: 'middle',
           style: {
-            text: '暂无雷达图维度数据',
+            text: 'No radar chart dimension data available',
             fill: '#999',
             fontSize: 12,
           },
@@ -177,7 +176,7 @@ function buildHealthRadarOption(items: HealthScoreRow[]): echarts.EChartsOption
     };
   }
 
-  // 每轴单独上限，避免多轴共用 max 导致低分维度挤在中间；健康分常见 0–100
+  // Each axis has its own max to avoid low-score dimensions being squeezed; health scores are typically 0-100
   const indicator = items.map((i) => ({
     name: i.name,
     max: Math.max(10, i.score, 1),
@@ -213,7 +212,7 @@ function buildHealthRadarOption(items: HealthScoreRow[]): echarts.EChartsOption
         data: [
           {
             value: items.map((i) => i.score),
-            name: '健康度',
+            name: 'Health Score',
             areaStyle: {
               color: 'rgba(99,102,241,0.2)',
             },
@@ -231,7 +230,10 @@ function buildHealthRadarOption(items: HealthScoreRow[]): echarts.EChartsOption
   };
 }
 
-class ShowHealthResult extends BaseCmp<ShowHealthResultProps, ShowHealthResultState> {
+class ShowHealthResult extends BaseCmp<
+  ShowHealthResultProps,
+  ShowHealthResultState
+> {
   private radarChartRef = React.createRef<HTMLDivElement>();
 
   private radarChartInstance: echarts.ECharts | null = null;
@@ -378,11 +380,11 @@ class ShowHealthResult extends BaseCmp<ShowHealthResultProps, ShowHealthResultSt
         },
       );
     } catch (e: any) {
-      console.error('showHealthResult 健康度接口失败:', e);
+      console.error('showHealthResult health assessment API failed:', e);
       this.setState(
         {
           loading: false,
-          error: e?.message || '请求失败',
+          error: e?.message || 'Request failed',
           summaryText: '',
           scoreRows: [],
         },
@@ -406,13 +408,16 @@ class ShowHealthResult extends BaseCmp<ShowHealthResultProps, ShowHealthResultSt
       <div
         className={`showHealthResult__c ${className || ''}`}
         style={style}
+        data-time="2026.4.17 01"
       >
         {loading && (
           <div className="showHealthResult__c__loading" aria-busy="true">
             <span className="showHealthResult__c__loadingDot" />
             <span className="showHealthResult__c__loadingDot" />
             <span className="showHealthResult__c__loadingDot" />
-            <span className="showHealthResult__c__loadingText">正在获取健康度评估…</span>
+            <span className="showHealthResult__c__loadingText">
+              Fetching health assessment...
+            </span>
           </div>
         )}
 
@@ -423,7 +428,7 @@ class ShowHealthResult extends BaseCmp<ShowHealthResultProps, ShowHealthResultSt
           >
             <div className="showHealthResult__c__placeholderBody">
               <div className="showHealthResult__c__placeholderTitle">
-                暂时无法获取评估结果
+                Unable to retrieve assessment results at this time
               </div>
               <div className="showHealthResult__c__placeholderMsg">{error}</div>
             </div>
@@ -434,10 +439,12 @@ class ShowHealthResult extends BaseCmp<ShowHealthResultProps, ShowHealthResultSt
           <div className="showHealthResult__c__placeholder showHealthResult__c__placeholder--empty">
             <div className="showHealthResult__c__placeholderBody">
               <div className="showHealthResult__c__placeholderTitle">
-                暂无评估数据
+                No assessment data available
               </div>
               <div className="showHealthResult__c__placeholderHint">
-                当前记录可能尚未生成健康度结论，请稍后重试或检查数据是否完整。
+                The current record may not have generated a health assessment
+                conclusion yet. Please try again later or check if the data is
+                complete.
               </div>
             </div>
           </div>

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

@@ -1,11 +1,11 @@
 /**
- * @file 商机健康度评估结果展示 — 编辑器 model
+ * @file Opportunity Health Assessment Result Display - Editor model
  */
 export class ShowHealthResultModel {
-  label: string = '健康度信息展示';
+  label: string = 'Health Score Display';
 
   description: string =
-    '调用健康度评估接口，展示结论摘要与雷达图';
+    'Calls the health assessment API to display conclusion summary and radar chart';
 
   iconUrl: string = 'https://custom-widgets.bj.bcebos.com/detail.svg';
 
@@ -21,8 +21,8 @@ export class ShowHealthResultModel {
   functions = [
     {
       apiKey: 'refreshData',
-      label: '刷新健康度数据',
-      helpTextKey: '重新请求健康度评估接口',
+      label: 'Refresh health data',
+      helpTextKey: 'Re-request the health assessment API',
     },
   ];
 
@@ -30,14 +30,14 @@ export class ShowHealthResultModel {
     {
       type: 'panelInput',
       name: 'xObjectApiKey',
-      label: '实体 key（xObjectApiKey）',
-      placeholder: '例如 opportunity',
+      label: 'Entity key (xObjectApiKey)',
+      placeholder: 'e.g. opportunity',
     },
     {
       type: 'panelInput',
       name: 'id',
-      label: '业务数据 ID（data_id）',
-      placeholder: '业务记录主键',
+      label: 'Business data ID (data_id)',
+      placeholder: 'Business record primary key',
     },
   ];
 }