neo-cmp-cli 1.13.22 → 1.13.23

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

@@ -1,19 +1,7 @@
 import * as React from 'react';
-import {
-  Card,
-  Row,
-  Col,
-  Spin,
-  Empty,
-  Descriptions,
-  Button,
-  Tag,
-  Divider,
-  Typography,
-} from 'antd';
+import { Spin, Empty, Button, Tag, Divider, Typography } from 'antd';
 import {
   ReloadOutlined,
-  InfoCircleOutlined,
   CheckCircleOutlined,
   CloseCircleOutlined,
 } from '@ant-design/icons';
@@ -21,7 +9,7 @@ import {
 import { xObject } from 'neo-open-api'; // Neo OpenAPI SDK
 import './style.scss';
 
-const { Title, Text } = Typography;
+const { Title } = Typography;
 
 interface EntityDetailProps {
   title?: string;
@@ -165,7 +153,7 @@ export default class EntityDetail extends React.PureComponent<
 
   renderFieldValue(value: any, fieldType: string) {
     if (value === null || value === undefined || value === '') {
-      return <Text type="secondary">-</Text>;
+      return <span className="info-value-empty">-</span>;
     }
 
     // 根据字段类型渲染不同的值
@@ -245,39 +233,28 @@ export default class EntityDetail extends React.PureComponent<
     }
 
     return (
-      <Row gutter={[24, 24]}>
-        {columnGroups.map((fields, colIndex) => (
-          <Col xs={24} sm={24} md={24 / columnCount} key={colIndex}>
-            <Card className="detail-column-card" bordered={false} size="small">
-              <Descriptions
-                column={1}
-                size="middle"
-                bordered
-                labelStyle={{
-                  fontWeight: 500,
-                  backgroundColor: '#fafafa',
-                  width: '35%',
-                }}
-                contentStyle={{
-                  backgroundColor: '#ffffff',
-                }}
-              >
-                {fields.map((fieldKey) => {
-                  const fieldType = this.getFieldType(fieldKey);
-                  const fieldLabel = this.getFieldLabel(fieldKey);
-                  const fieldValue = detailData[fieldKey];
-
-                  return (
-                    <Descriptions.Item label={fieldLabel} key={fieldKey}>
+      <div className="detail-info-body">
+        <div className="info-grid">
+          {columnGroups.map((fields, colIndex) => (
+            <div key={colIndex} className="info-column">
+              {fields.map((fieldKey) => {
+                const fieldType = this.getFieldType(fieldKey);
+                const fieldLabel = this.getFieldLabel(fieldKey);
+                const fieldValue = detailData[fieldKey];
+
+                return (
+                  <div key={fieldKey} className="info-item">
+                    <div className="info-label">{fieldLabel}</div>
+                    <div className="info-value">
                       {this.renderFieldValue(fieldValue, fieldType)}
-                    </Descriptions.Item>
-                  );
-                })}
-              </Descriptions>
-            </Card>
-          </Col>
-        ))}
-      </Row>
+                    </div>
+                  </div>
+                );
+              })}
+            </div>
+          ))}
+        </div>
+      </div>
     );
   }
 
@@ -294,13 +271,7 @@ export default class EntityDetail extends React.PureComponent<
           <div className="detail-header">
             <div className="header-content">
               <Title level={4} className="header-title">
-                <InfoCircleOutlined className="title-icon" />
-                {title || '实体数据详情'}
-                {systemInfo.tenantName ? (
-                  <Tag color="blue" style={{ marginLeft: 8 }}>
-                    {systemInfo.tenantName}
-                  </Tag>
-                ) : null}
+                {title || '实体详情数据'}
               </Title>
               <Button
                 type="primary"

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

@@ -14,7 +14,7 @@ export class EntityDetailModel {
   label: string = '实体数据详情';
 
   /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
-  description: string = '展示实体数据详情信息，支持多列布局和字段类型识别';
+  description: string = '实体详情信息展示，支持多列布局';
 
   /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示  */
   // tags: string[] = ['自定义组件'];

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

@@ -12,7 +12,6 @@
 
   .detail-header {
     flex-shrink: 0;
-    margin-bottom: 16px;
 
     .header-content {
       display: flex;
@@ -28,14 +27,14 @@
       font-size: 18px;
       font-weight: 500;
       line-height: 1.4;
-      color: #434343;
+      color: #333;
       flex: 1;
       display: flex;
       align-items: center;
       gap: 8px;
 
       &.ant-typography {
-        color: #434343;
+        color: #333;
       }
 
       .title-icon {
@@ -110,49 +109,79 @@
       display: flex;
       justify-content: center;
       align-items: center;
-      min-height: 300px;
+      min-height: 50px;
       padding: 20px;
     }
 
-    .detail-column-card {
-      height: 100%;
-      background: #fafafa;
-      border-radius: 8px;
-      border: 1px solid #f0f0f0;
-
-      .ant-card-body {
-        padding: 0;
-      }
+    // 与 entityInfoCard__c 一致的详情区块：灰底、标签在上、值在下
+    .detail-info-body {
+      position: relative;
+      box-sizing: border-box;
+      width: 100%;
+      padding: 12px 16px;
+
+      .info-grid {
+        display: flex;
+        gap: 20px;
+        flex-wrap: wrap;
+
+        .info-column {
+          flex: 1;
+          min-width: 0;
+          display: flex;
+          flex-direction: column;
+          gap: 15px;
+
+          @media (max-width: 768px) {
+            flex: 1 1 100%;
+            min-width: 100%;
+          }
+        }
 
-      .ant-descriptions {
-        background: transparent;
+        .info-item {
+          display: flex;
+          flex-direction: column;
+          gap: 5px;
+          margin-bottom: 10px;
 
-        &.ant-descriptions-bordered {
-          .ant-descriptions-item-label {
-            font-weight: 500;
-            background-color: #f5f5f5;
-            color: #262626;
-            font-size: 14px;
-            padding: 12px 16px;
-            border-right: 1px solid #e8e8e8;
-            width: 35%;
-            vertical-align: middle;
+          .info-label {
+            font-size: 12px;
+            color: #666;
+            line-height: 1.4;
           }
 
-          .ant-descriptions-item-content {
-            background-color: #ffffff;
-            color: #595959;
+          .info-value {
             font-size: 14px;
-            padding: 12px 16px;
+            font-weight: 500;
+            color: #333;
+            line-height: 1.4;
             word-break: break-word;
-            vertical-align: middle;
-          }
 
-          .ant-descriptions-row {
-            border-bottom: 1px solid #e8e8e8;
+            .info-value-empty {
+              color: #999;
+            }
 
-            &:last-child {
-              border-bottom: none;
+            .ant-tag {
+              margin: 0;
+              border-radius: 4px;
+              font-size: 12px;
+              padding: 2px 6px;
+              line-height: 18px;
+            }
+
+            a {
+              color: #1890ff;
+              text-decoration: none;
+              transition: color 0.3s;
+
+              &:hover {
+                color: #40a9ff;
+                text-decoration: underline;
+              }
+
+              &:active {
+                color: #096dd9;
+              }
             }
           }
         }
@@ -161,7 +190,7 @@
   }
 
   .ant-empty {
-    padding: 60px 20px;
+    padding: 40px 20px;
 
     .ant-empty-description {
       color: #8c8c8c;
@@ -170,7 +199,7 @@
   }
 
   .ant-spin-nested-loading {
-    min-height: 200px;
+    min-height: 20px;
 
     > div > .ant-spin {
       max-height: none;
@@ -180,9 +209,9 @@
   .ant-tag {
     margin: 0;
     border-radius: 4px;
-    font-size: 13px;
-    padding: 2px 8px;
-    line-height: 20px;
+    font-size: 12px;
+    padding: 2px 6px;
+    line-height: 18px;
   }
 
   a {
@@ -201,17 +230,27 @@
   }
 
   @media (max-width: 1200px) {
+    padding: 12px;
+    margin: 15px 15px 0 15px;
+
     .detail-content {
-      .ant-col-md-8 {
-        max-width: 50%;
-        flex: 0 0 50%;
+      .detail-info-body {
+        padding: 12px;
+
+        .info-grid {
+          gap: 15px;
+
+          .info-column {
+            gap: 12px;
+          }
+        }
       }
     }
   }
 
   @media (max-width: 768px) {
-    margin: 4px 8px;
-    padding: 12px;
+    margin: 10px 10px 0 10px;
+    padding: 10px;
 
     .detail-header {
       margin-bottom: 12px;
@@ -240,21 +279,24 @@
     }
 
     .detail-content {
-      .ant-col-md-8,
-      .ant-col-md-12 {
-        max-width: 100%;
-        flex: 0 0 100%;
-      }
+      .detail-info-body {
+        padding: 10px;
 
-      .detail-column-card {
-        margin-bottom: 16px;
+        .info-grid {
+          gap: 12px;
+          flex-direction: column;
 
-        .ant-descriptions {
-          &.ant-descriptions-bordered {
-            .ant-descriptions-item-label,
-            .ant-descriptions-item-content {
+          .info-column {
+            gap: 10px;
+          }
+
+          .info-item {
+            .info-label {
+              font-size: 11px;
+            }
+
+            .info-value {
               font-size: 13px;
-              padding: 10px 12px;
             }
           }
         }
@@ -263,7 +305,7 @@
   }
 
   @media (max-width: 480px) {
-    margin: 2px 4px;
+    margin: 8px 8px 0 8px;
     padding: 8px;
 
     .detail-header {
@@ -274,7 +316,8 @@
       }
 
       .header-title {
-        font-size: 15px;
+        font-size: 13px;
+        margin-bottom: 10px;
       }
 
       .refresh-button {
@@ -284,17 +327,17 @@
     }
 
     .detail-content {
-      .detail-column-card {
-        .ant-descriptions {
-          &.ant-descriptions-bordered {
-            .ant-descriptions-item-label,
-            .ant-descriptions-item-content {
-              font-size: 12px;
-              padding: 8px 10px;
+      .detail-info-body {
+        padding: 8px;
+
+        .info-grid {
+          .info-item {
+            .info-label {
+              font-size: 10px;
             }
 
-            .ant-descriptions-item-label {
-              width: 30%;
+            .info-value {
+              font-size: 12px;
             }
           }
         }

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

@@ -583,7 +583,6 @@ export default class EntityForm extends React.PureComponent<
         <div className="form-header">
           <h3 className="form-title">
             {displayTitle}
-            {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
           </h3>
         </div>
 

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

@@ -16,7 +16,7 @@ export class EntityFormModel {
   label: string = '实体表单';
 
   /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
-  description: string = '基于 XObject 的对象表单组件，用于新增数据';
+  description: string = '基于 XObject 的实现的对象表单组件，可用于新增实体业务数据';
 
   /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示 */
   // tags: string[] = ['自定义组件'];

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

@@ -778,7 +778,6 @@ export default class EntityTable extends BaseCmp<
           <div className="panel-header">
             <div className="panel-header-text">
               <h3>
-                {systemInfo.tenantName ? `${systemInfo.tenantName} / ` : ''}
                 {title || '数据表格'}
               </h3>
             </div>

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

@@ -16,7 +16,7 @@ export class EntityTableModel {
   label: string = '实体数据表格';
 
   /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
-  description: string = '基于 XObject 的数据表格组件，支持增删改查操作';
+  description: string = '基于 XObject 实现的实体数据表格组件，支持实体数据的增删改查操作';
 
   /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示  */
   // tags: string[] = ['自定义组件'];
@@ -50,17 +50,17 @@ export class EntityTableModel {
     showEditButton: true,
     showDeleteButton: true,
     xObjectDataApi: {
-      xObjectApiKey: "contact",
+      xObjectApiKey: 'contact',
       fields: [
-        "contactName",
-        "accountId",
-        "depart",
-        "post",
-        "phone",
-        "email",
-        "wxPosition",
-        "comment"
-    ],
+        'contactName',
+        'accountId',
+        'depart',
+        'post',
+        'phone',
+        'email',
+        'wxPosition',
+        'comment',
+      ],
     },
   };
 

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

@@ -10,7 +10,7 @@
   }
 
   .panel-header {
-    padding: 12px 0 8px 0;
+    padding: 8px 0;
     background: #fff;
     display: flex;
     justify-content: space-between;
@@ -24,7 +24,7 @@
     h3 {
       margin: 0;
       font-size: 16px;
-      font-weight: 600;
+      font-weight: 500;
       color: #434343;
     }
 
@@ -96,7 +96,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;
@@ -318,7 +318,7 @@
 
     .ant-modal-title {
       font-size: 16px;
-      font-weight: 600;
+      font-weight: 500;
       color: #434343;
     }
   }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 // 引入 neo-ui-common / BaseCmp
 // @ts-ignore
-import { BaseCmp } from 'neo-ui-common';
+// import { BaseCmp } from 'neo-ui-common';
 
 import './style.scss'; // 组件内容样式
 
@@ -16,7 +16,7 @@ interface CustomCmpStates {
   [key: string]: any;
 }
 
-export default class CustomCmp extends BaseCmp<
+export default class CustomCmp extends React.PureComponent<
   CustomCmpProps,
   CustomCmpStates
 > {

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

@@ -6,7 +6,7 @@ export class CmpModel {
   label: string = '简单示例组件';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '暂无描述';
+  description: string = '简单示例组件';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

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

@@ -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.22",
+    "neo-cmp-cli": "^1.13.23",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/template/neo-h5-cmps/src/components/chatPage__c/model.ts

@@ -6,7 +6,7 @@ export class chatPageModel {
   label: string = 'chatPage';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '暂无描述';
+  description: string = 'chatPage 智能对话组件';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/neo-h5-cmps/src/components/entityList__c/model.ts

@@ -12,7 +12,7 @@ export class EntityListModel {
   label: string = '数据列表';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '数据列表';
+  description: string = '基于平台 entityList 实现的实体数据列表组件';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/neo-h5-cmps/src/components/entityTabs__c/model.ts

@@ -12,7 +12,7 @@ export class EntityListTabsModel {
   label: string = '数据列表Tabs';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '展示多个数据列表';
+  description: string = '基于平台 H5端 entityList 实现的数据列表 Tabs 组件';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];
@@ -43,7 +43,7 @@ export class EntityListTabsModel {
   // 初次插入页面的默认属性数据
   defaultComProps = {
     showHeader: true,
-    headerTitle: '>> 待跟进项',
+    headerTitle: '待跟进项',
     showAiChatBtn: true,
     aiQuery: '请总结一下本周数据变化',
     agentApiKey: 'sales_assistant_agent',

package/template/neo-h5-cmps/src/components/entityTabs__c/style.scss

@@ -8,19 +8,28 @@
   padding: 6px var(--padding-bottom);
   background-color: #fff;
 
-  // Header 区域 - 字体放大并加粗，标题左侧，AI 按钮右侧
+  // Header：标题左、AI 按钮右，系统字体与层次清晰
   .title-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 8px 12px;
-    font-size: 18px;
-    font-weight: 700;
-    color: #333;
-    background-color: #eaf3fc;
+    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;
+    letter-spacing: 0.08em;
+    color: #1f1f1f;
+    background: linear-gradient(180deg, #fafbfd 0%, #f4f7fb 100%);
+    border-left: 4px solid #1677ff;
 
     .title-header-text {
       flex: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
   }
 

package/template/neo-h5-cmps/src/components/globalSearchInput__c/model.ts

@@ -12,7 +12,7 @@ export class GlobalSearchInputModel {
   label: string = '全局搜索组件';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '全局搜索组件';
+  description: string = '基于平台 GlobalSearchInput 实现的全局搜索组件';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/neo-h5-cmps/src/components/openChatPageBtn__c/model.ts

@@ -6,7 +6,7 @@ export class openChatPageBtnModel {
   label: string = '打开AI对话框';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '用于打开AI对话页的按钮';
+  description: string = '可用于打开 AI 对话页的按钮';
 
   // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
   // tags: string[] = ['自定义组件'];

package/template/neo-order-cmps/src/components/entityInfoCard__c/index.tsx

@@ -1,13 +1,6 @@
 import * as React from 'react';
-import {
-  Spin,
-  Empty,
-  Tag,
-} from 'antd';
-import {
-  CheckCircleOutlined,
-  CloseCircleOutlined,
-} from '@ant-design/icons';
+import { Spin, Empty, Tag } from 'antd';
+import { CheckCircleOutlined, CloseCircleOutlined } from '@ant-design/icons';
 // @ts-ignore
 import { xObject } from 'neo-open-api'; // Neo OpenAPI SDK
 import './style.scss';
@@ -206,11 +199,11 @@ export default class EntityInfoCard extends React.PureComponent<
 
     // 根据 xObjectDetailApi.fields 过滤字段，如果指定了 fields 则只显示这些字段
     let displayFields: string[] = [];
-    
+
     if (xObjectDetailApi?.fields && xObjectDetailApi.fields.length > 0) {
       // 方式一：如果指定了 fields，则只显示这些字段（即使值为 undefined 也显示）
       displayFields = xObjectDetailApi.fields.filter(
-        (key) => !key.startsWith('_') // 过滤系统字段
+        (key) => !key.startsWith('_'), // 过滤系统字段
       );
     } else {
       // 方式二：如果没有指定 fields，则显示所有非系统字段和空字段
@@ -281,4 +274,3 @@ export default class EntityInfoCard extends React.PureComponent<
     );
   }
 }
-