neo-cmp-cli 1.13.22 → 1.13.23

package/README.md

@@ -2,6 +2,9 @@
 
 **neo-cmp-cli** 是面向 Neo 平台的自定义组件开发工具。它基于 [AKFun](https://github.com/wibetter/akfun) 的工程能力，提供项目初始化、编译构建、本地预览与热更新、多技术栈支持以及发布到 NeoCRM 等能力。
 
+## 在线使用手册
+[https://neo-cmp-docs.netlify.app](https://neo-cmp-docs.netlify.app)
+
 ## 目录
 
 - [主要特性](#主要特性)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neo-cmp-cli",
-  "version": "1.13.22",
+  "version": "1.13.23",
   "description": "Neo 自定义组件开发工具，支持react 和 vue2.0技术栈。",
   "keywords": [
     "neo-cli",

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

@@ -48,7 +48,7 @@
     "@commitlint/config-conventional": "^18.0.0",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/antd-custom-cmp-template/src/components/dataDashboard__c/model.ts

@@ -12,7 +12,7 @@ export class DataDashboardModel {
   label: string = '数据仪表板';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '酷炫的数据展示仪表板，支持动态数据更新和动画效果';
+  description: string = '使用 antd ui 组件实现的数据展示仪表板，支持动态数据更新和动画效果';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/antd-custom-cmp-template/src/components/dataDashboard__c/style.scss

@@ -473,11 +473,11 @@
     align-items: center;
     gap: var(--space-md);
     animation: gradientShift 3s ease infinite;
-    letter-spacing: -0.02em;
+    letter-spacing: 0.06em;
 
     .ant-tag {
       font-size: 14px;
-      font-weight: 600;
+      font-weight: 500;
       padding: 4px 12px;
       border-radius: var(--radius-full);
       border: none;
@@ -540,7 +540,7 @@
     }
 
     .user-name {
-      font-weight: 600;
+      font-weight: 500;
       color: var(--primary-color);
       font-size: 16px;
     }
@@ -629,7 +629,7 @@
     .ant-statistic-title {
       color: var(--text-secondary);
       font-size: 14px;
-      font-weight: 600;
+      font-weight: 500;
       margin-bottom: var(--space-sm);
       text-transform: uppercase;
       letter-spacing: 0.5px;
@@ -678,7 +678,7 @@
             var(--success-light)
           );
           border: none;
-          font-weight: 600;
+          font-weight: 500;
           font-size: 12px;
         }
       }
@@ -840,7 +840,7 @@
         );
         color: white;
         border-radius: var(--radius-md);
-        font-weight: 600;
+        font-weight: 500;
         padding: var(--space-sm) var(--space-lg);
         transition: all var(--duration-normal) var(--ease-in-out);
 
@@ -908,7 +908,7 @@
       .ant-tag {
         border: none;
         border-radius: var(--radius-md);
-        font-weight: 600;
+        font-weight: 500;
         font-size: 12px;
         padding: var(--space-xs) var(--space-sm);
 
@@ -1115,7 +1115,7 @@
 
         .metric-name {
           font-size: 14px;
-          font-weight: 600;
+          font-weight: 500;
           color: var(--text-primary);
           text-transform: uppercase;
           letter-spacing: 0.5px;
@@ -1249,13 +1249,13 @@
             background-clip: text;
             line-height: 1;
             animation: gradientShift 3s ease infinite;
-            letter-spacing: -0.02em;
+            letter-spacing: 0.06em;
           }
 
           .unit {
             font-size: 20px;
             color: var(--text-secondary);
-            font-weight: 600;
+            font-weight: 500;
             text-transform: uppercase;
             letter-spacing: 0.5px;
           }
@@ -1469,7 +1469,7 @@
 
     .ant-spin-text {
       color: var(--text-primary);
-      font-weight: 600;
+      font-weight: 500;
     }
   }
 }

package/template/antd-custom-cmp-template/src/components/searchWidget__c/model.ts

@@ -12,7 +12,7 @@ export class SearchWidgetModel {
   label: string = '搜索组件';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '支持搜索输入，点击回车键显示搜索内容';
+  description: string = '使用 antd ui 组件实现的支持搜索输入，点击回车键显示搜索内容';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/asset-manage-template/package.json

@@ -52,7 +52,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

package/template/asset-manage-template/src/components/assetManage__c/style.scss

@@ -38,7 +38,7 @@
 
       .header-title {
         font-size: 16px;
-        font-weight: 600;
+        font-weight: 500;
         color: #262626;
       }
     }
@@ -72,7 +72,7 @@
 
       .sidebar-label {
         font-size: 11px;
-        font-weight: 600;
+        font-weight: 500;
         color: #bfbfbf;
         text-transform: uppercase;
         letter-spacing: 1px;
@@ -265,7 +265,7 @@
         .card-name {
           margin: 0;
           font-size: 15px;
-          font-weight: 600;
+          font-weight: 500;
           color: #262626;
           flex: 1;
           overflow: hidden;
@@ -314,7 +314,7 @@
     padding: 2px 10px;
     border-radius: 10px;
     font-size: 11px;
-    font-weight: 600;
+    font-weight: 500;
     white-space: nowrap;
     flex-shrink: 0;
   }

package/template/asset-manage-template/src/components/bidList__c/style.scss

@@ -21,7 +21,7 @@
       align-items: center;
       gap: 6px;
       font-size: 15px;
-      font-weight: 600;
+      font-weight: 500;
       color: #262626;
 
       .title-icon {
@@ -152,7 +152,7 @@
 
       .meta-budget {
         color: #1890ff;
-        font-weight: 600;
+        font-weight: 500;
         font-size: 13px;
       }
 

package/template/asset-manage-template/src/components/bidPackage__c/style.scss

@@ -24,7 +24,7 @@
       .header-title {
         margin: 0 0 4px;
         font-size: 18px;
-        font-weight: 600;
+        font-weight: 500;
         color: #262626;
       }
 
@@ -109,7 +109,7 @@
     .ant-table {
       .ant-table-thead > tr > th {
         background: #fafafa;
-        font-weight: 600;
+        font-weight: 500;
         color: #262626;
         font-size: 14px;
       }

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

@@ -48,7 +48,7 @@
     "@commitlint/config-conventional": "^18.0.0",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

package/template/echarts-custom-cmp-template/src/components/chartWidget__c/model.ts

@@ -13,7 +13,7 @@ export class ChartWidgetModel {
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
   description: string =
-    '支持多种图表类型切换的专业图表组件，支持丰富的配置选项';
+    '使用 echarts 实现的图表组件，支持多种图表类型切换的专业图表组件，支持丰富的配置选项';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/echarts-custom-cmp-template/src/components/chartWidget__c/style.scss

@@ -191,7 +191,7 @@
     // 图表标题样式
     .echarts-title {
       font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
-      font-weight: 600;
+      font-weight: 500;
     }
     
     // 图例样式

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

@@ -41,7 +41,7 @@
     "@commitlint/config-conventional": "^18.0.0",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

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

@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^18.0.0",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/map-custom-cmp-template/src/components/mapWidget__c/model.ts

@@ -12,7 +12,7 @@ export class MapWidgetModel {
   label: string = '地图组件';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '地图展示组件，支持传入经纬度或地址名称';
+  description: string = '使用高德地图实现的地图区域展示组件，支持传入经纬度或地址名称';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/map-custom-cmp-template/src/components/mapWidget__c/style.scss

@@ -14,7 +14,7 @@
     .map-widget-title {
       margin: 0 0 8px 0;
       font-size: 18px;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     .map-widget-address {
@@ -128,7 +128,7 @@
 
     .info-title {
       font-size: 14px;
-      font-weight: 600;
+      font-weight: 500;
       color: #333;
       margin-bottom: 8px;
     }

package/template/neo-bi-cmps/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.22",
+    "neo-cmp-cli": "^1.13.23",
     "prettier": "^2.0.5"
   },
   "overrides": {

package/template/neo-bi-cmps/public/demo.html

@@ -26,7 +26,7 @@
 
     h1 {
       font-size: 20px;
-      font-weight: 600;
+      font-weight: 500;
       margin-bottom: 4px;
     }
 
@@ -47,7 +47,7 @@
     .tab-btn {
       padding: 10px 24px;
       font-size: 14px;
-      font-weight: 600;
+      font-weight: 500;
       cursor: pointer;
       border: none;
       background: none;
@@ -124,7 +124,7 @@
 
     .stage-tab.active .stage-name {
       color: #6366f1;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     .stage-tab .stage-amount {
@@ -251,7 +251,7 @@
 
     .bi-chart h3 {
       font-size: 14px;
-      font-weight: 600;
+      font-weight: 500;
       margin-bottom: 16px;
     }
 
@@ -275,7 +275,7 @@
       justify-content: center;
       color: #fff;
       font-size: 11px;
-      font-weight: 600;
+      font-weight: 500;
       cursor: default;
       transition: opacity 0.2s;
     }
@@ -374,7 +374,7 @@
       align-items: center;
       margin-bottom: 12px;
       font-size: 13px;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     .calendar-nav span {
@@ -397,7 +397,7 @@
 
     .calendar-grid .day-header {
       color: #999;
-      font-weight: 600;
+      font-weight: 500;
       padding: 6px 0;
     }
 
@@ -444,7 +444,7 @@
       color: #fff;
       cursor: pointer;
       font-size: 13px;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     .date-picker-footer button:hover {
@@ -520,7 +520,7 @@
       padding: 6px 14px;
       font-size: 11px;
       color: #999;
-      font-weight: 600;
+      font-weight: 500;
       text-transform: uppercase;
       letter-spacing: 0.5px;
     }
@@ -542,7 +542,7 @@
     .owner-item.selected {
       background: #f0f0ff;
       color: #6366f1;
-      font-weight: 600;
+      font-weight: 500;
     }
 
     .owner-icon {

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

@@ -1,6 +1,7 @@
 export class FilterBarModel {
   label: string = '筛选栏';
-  description: string = '支持日期范围、负责人、业务类型等多维度筛选';
+  description: string =
+    '筛选工具栏，支持日期范围、负责人、业务类型等多维度筛选';
   iconUrl: string = 'https://custom-widgets.bj.bcebos.com/filter.svg';
   targetPage: string[] = ['all'];
   targetDevice: string = 'all';

package/template/neo-bi-cmps/src/components/targetNumber__c/index.tsx

@@ -35,6 +35,7 @@ interface FieldDesc {
  * 自定义样式配置接口
  */
 interface TargetNumberStyle {
+  headerTitle?: string;
   baseStyle?: {
     backgroundColor?: string;
     paddingMargin?: {
@@ -77,6 +78,8 @@ interface TargetNumberProps {
   entityApiKey?: EntityApiKey;
   /** 绑定的字段描述信息数组 */
   selectFieldDesc?: FieldDesc[];
+  /** 标题文案（与 targetNumberStyle.titleStyle 联用） */
+  headerTitle?: string;
   /** 自定义样式配置 */
   targetNumberStyle?: TargetNumberStyle;
   /** 数值格式化函数 */
@@ -287,7 +290,7 @@ class TargetNumber extends BaseCmp<TargetNumberProps, TargetNumberState> {
    */
   render() {
     const { targetNumbers, loading, error } = this.state;
-    const { className, targetNumberStyle = {} } = this.props;
+    const { className, targetNumberStyle = {}, headerTitle } = this.props;
 
     console.log('TargetNumber:', this.props);
 
@@ -337,8 +340,8 @@ class TargetNumber extends BaseCmp<TargetNumberProps, TargetNumberState> {
     const numberTitleStyle: React.CSSProperties = {
       fontSize: numberTitleStyleConfig?.fontSize
         ? `${numberTitleStyleConfig.fontSize}px`
-        : '14px',
-      fontWeight: numberTitleStyleConfig?.fontWeight || 400,
+        : '16px',
+      fontWeight: numberTitleStyleConfig?.fontWeight || 500,
       color: numberTitleStyleConfig?.color || '#8c8c8c',
     };
 
@@ -348,10 +351,12 @@ class TargetNumber extends BaseCmp<TargetNumberProps, TargetNumberState> {
       fontSize:
         titleStyleConfig?.fontSize != null
           ? `${titleStyleConfig.fontSize}px`
-          : '24px',
-      fontWeight: titleStyleConfig?.fontWeight ?? 400,
-      color: titleStyleConfig?.color || '#000000',
-      backgroundColor: titleStyleConfig?.backgroundColor || '#eaf3fc',
+          : undefined,
+      fontWeight: titleStyleConfig?.fontWeight ?? 500,
+      color: titleStyleConfig?.color || '#1f1f1f',
+      ...(titleStyleConfig?.backgroundColor
+        ? { backgroundColor: titleStyleConfig.backgroundColor }
+        : {}),
     };
 
     // 渲染单个数值块
@@ -407,7 +412,7 @@ class TargetNumber extends BaseCmp<TargetNumberProps, TargetNumberState> {
       >
         {showTitle && (titleStyleConfig?.text ?? '') !== '' && (
           <div className="target-number-title" style={titleStyle}>
-            {titleStyleConfig?.text}
+            {headerTitle || titleStyleConfig?.text}
           </div>
         )}
         <div className="target-number-block multiple-fields">

package/template/neo-bi-cmps/src/components/targetNumber__c/model.ts

@@ -20,7 +20,7 @@ export class TargetNumberModel {
 
   /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
   description: string =
-    '用于展示关键数值指标，支持从 XObject 实体对象获取动态数据，支持绑定多个字段进行展示';
+    '关键数值指标展示卡片，支持从 XObject 实体对象获取动态数据，支持绑定多个字段进行展示';
 
   /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示  */
   // tags: string[] = ['自定义组件'];
@@ -50,6 +50,7 @@ export class TargetNumberModel {
   /** 初次插入页面的默认属性数据 */
   defaultComProps = {
     entityApiKey: '',
+    headerTitle: '关键数据',
     targetNumberStyle: {
       baseStyle: {
         backgroundColor: '#ffffff',
@@ -63,9 +64,9 @@ export class TargetNumberModel {
       },
       titleStyle: {
         show: true,
-        text: '>> 关键数据',
-        fontSize: 18,
-        fontWeight: 700,
+        text: '关键数据',
+        fontSize: 16,
+        fontWeight: 500,
         color: '#333',
         backgroundColor: '#eaf3fc',
       },
@@ -97,6 +98,11 @@ export class TargetNumberModel {
    * 定义组件在编辑器中可配置的属性
    */
   propsSchema = [
+    {
+      type: 'panelInput',
+      name: 'headerTitle',
+      label: 'Header 标题',
+    },
     {
       type: 'xObjectDetailApi',
       name: 'entityApiKey',

package/template/neo-bi-cmps/src/components/targetNumber__c/style.scss

@@ -7,11 +7,19 @@
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   margin-bottom: 12px;
 
-  // 组件标题（根据 titleStyle.show 展示）
+  // 组件标题（根据 titleStyle.show 展示，具体字号等可由 inline titleStyle 覆盖）
   .target-number-title {
+    flex-shrink: 0;
+    padding: 8px 16px 8px 14px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
+    font-size: 16px;
+    font-weight: 500;
     line-height: 1.4;
-    background-color: #eaf3fc;
-    padding: 8px 12px;
+    letter-spacing: 0.08em;
+    color: #1f1f1f;
+    background: linear-gradient(180deg, #fafbfd 0%, #f4f7fb 100%);
+    border-left: 4px solid #1677ff;
   }
 
   .target-number-block {
@@ -102,13 +110,13 @@
 
     @media (max-width: 576px) {
       padding: 8px;
-      min-width: calc(50% - 4px);
+      min-width: calc(50% - 30px);
     }
   }
 
   .target-number-value {
     font-size: 32px;
-    font-weight: 600;
+    font-weight: 500;
     color: #262626;
     line-height: 1.2;
     word-break: break-all;

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

@@ -55,7 +55,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.13.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

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

@@ -5,7 +5,7 @@ export class CustomApiCmpModel {
   label: string = '自定义API示例';
 
   description: string =
-    '通过通用代理 customApi.run 请求 JSONPlaceholder posts 并以表格展示';
+    '通过通用代理请求外部数据接口，并以表格形式展示外部接口数据';
 
   iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
 

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

@@ -10,11 +10,13 @@
   }
 
   .panel-header {
-    padding: 12px 0 8px 0;
+    padding: 8px 0;
     background: #fff;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    margin-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
 
     .panel-header-text {
       flex: 1;
@@ -24,7 +26,7 @@
     h3 {
       margin: 0;
       font-size: 16px;
-      font-weight: 600;
+      font-weight: 500;
       color: #434343;
     }
   }
@@ -36,7 +38,7 @@
     .ant-table {
       .ant-table-thead > tr > th {
         background-color: #f9f9f9;
-        font-weight: 600;
+        font-weight: 500;
         color: #262626;
         border-bottom: 1px solid #eee;
         padding: 10px;