neo-cmp-cli 1.13.21 → 1.13.23

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,15 +27,26 @@
       font-size: 18px;
       font-weight: 500;
       line-height: 1.4;
-      color: #262626;
+      color: #333;
       flex: 1;
       display: flex;
       align-items: center;
       gap: 8px;
 
+      &.ant-typography {
+        color: #333;
+      }
+
       .title-icon {
         color: #1890ff;
         font-size: 20px;
+        flex-shrink: 0;
+      }
+
+      > span:not(.anticon):not(.ant-tag) {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
     }
 
@@ -56,12 +66,18 @@
 
       &:active {
         transform: translateY(0);
+        box-shadow: 0 1px 2px rgba(24, 144, 255, 0.2);
       }
 
       .anticon {
         font-size: 12px;
       }
     }
+
+    .ant-divider {
+      margin: 12px 0;
+      border-color: #f0f0f0;
+    }
   }
 
   .detail-content {
@@ -69,49 +85,103 @@
     overflow-y: auto;
     overflow-x: hidden;
 
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: #f0f0f0;
+      border-radius: 3px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #bfbfbf;
+      border-radius: 3px;
+      transition: background 0.3s;
+
+      &:hover {
+        background: #8c8c8c;
+      }
+    }
+
     .error-container {
       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;
-
-      .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;
+          .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;
-          }
 
-          .ant-descriptions-row {
-            border-bottom: 1px solid #e8e8e8;
+            .info-value-empty {
+              color: #999;
+            }
+
+            .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;
 
-            &:last-child {
-              border-bottom: none;
+              &:hover {
+                color: #40a9ff;
+                text-decoration: underline;
+              }
+
+              &:active {
+                color: #096dd9;
+              }
             }
           }
         }
@@ -119,9 +189,8 @@
     }
   }
 
-  // 空状态样式
   .ant-empty {
-    padding: 60px 20px;
+    padding: 40px 20px;
 
     .ant-empty-description {
       color: #8c8c8c;
@@ -129,16 +198,22 @@
     }
   }
 
-  // Tag 样式优化
+  .ant-spin-nested-loading {
+    min-height: 20px;
+
+    > div > .ant-spin {
+      max-height: none;
+    }
+  }
+
   .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 {
     color: #1890ff;
     text-decoration: none;
@@ -154,19 +229,28 @@
     }
   }
 
-  // 响应式设计
   @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;
@@ -195,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;
+
+        .info-grid {
+          gap: 12px;
+          flex-direction: column;
+
+          .info-column {
+            gap: 10px;
+          }
 
-      .detail-column-card {
-        margin-bottom: 16px;
+          .info-item {
+            .info-label {
+              font-size: 11px;
+            }
 
-        .ant-descriptions {
-          &.ant-descriptions-bordered {
-            .ant-descriptions-item-label,
-            .ant-descriptions-item-content {
+            .info-value {
               font-size: 13px;
-              padding: 10px 12px;
             }
           }
         }
@@ -218,7 +305,7 @@
   }
 
   @media (max-width: 480px) {
-    margin: 2px 4px;
+    margin: 8px 8px 0 8px;
     padding: 8px;
 
     .detail-header {
@@ -229,26 +316,28 @@
       }
 
       .header-title {
-        font-size: 15px;
+        font-size: 13px;
+        margin-bottom: 10px;
       }
 
       .refresh-button {
         width: 100%;
+        justify-content: center;
       }
     }
 
     .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;
             }
           }
         }
@@ -256,37 +345,3 @@
     }
   }
 }
-
-// 加载状态样式
-.ant-spin-container {
-  min-height: 200px;
-}
-
-.ant-spin-nested-loading {
-  > div > .ant-spin {
-    max-height: none;
-  }
-}
-
-// 自定义滚动条样式
-.entityDetail__c .detail-content {
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: #f0f0f0;
-    border-radius: 3px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #bfbfbf;
-    border-radius: 3px;
-    transition: background 0.3s;
-
-    &:hover {
-      background: #8c8c8c;
-    }
-  }
-}

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[] = ['自定义组件'];
@@ -51,8 +51,16 @@ export class EntityFormModel {
     showResetButton: true,
     columnCount: 2,
     xObjectDataApi: {
-      xObjectApiKey: 'customContact__c',
-      fields: ['name', 'entityType', 'phone__c'],
+      xObjectApiKey: 'contact',
+      fields: [
+        'entityType',
+        'contactName',
+        'accountId',
+        'depart',
+        'mobile',
+        'email',
+        'comment',
+      ],
     },
   };
 

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

@@ -17,7 +17,7 @@
       margin: 0;
       font-size: 14px;
       font-weight: 500;
-      color: #262626;
+      color: #434343;
       line-height: 1.2;
     }
   }

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

@@ -15,7 +15,6 @@ import {
   Popconfirm,
   Spin,
   Empty,
-  Card,
   DatePicker,
   InputNumber,
   Checkbox,
@@ -775,14 +774,15 @@ export default class EntityTable extends BaseCmp<
 
     return (
       <div className={`entityTable__c ${className}`}>
-        <Card>
-          <div className="table-header">
-            <div className="header-content">
-              <h3 className="header-title">
+        <div className="table-wrapper">
+          <div className="panel-header">
+            <div className="panel-header-text">
+              <h3>
                 {title || '数据表格'}
-                {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
               </h3>
-              <Space>
+            </div>
+            <div className="panel-header-actions">
+              <Space size={10} align="center">
                 {this.props.showAddButton && (
                   <Button
                     type="primary"
@@ -806,7 +806,7 @@ export default class EntityTable extends BaseCmp<
             </div>
           </div>
 
-          <div className="table-content">
+          <div className="table-container">
             <Spin spinning={loading} tip="加载数据中...">
               {error ? (
                 <Empty
@@ -846,9 +846,10 @@ export default class EntityTable extends BaseCmp<
               )}
             </Spin>
           </div>
-        </Card>
+        </div>
 
         <Modal
+          wrapClassName="entityTable__c-modal-wrap"
           title={isEditMode ? `编辑${title}` : `新增${title}`}
           visible={isModalVisible}
           onOk={this.handleModalOk}

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,8 +50,17 @@ export class EntityTableModel {
     showEditButton: true,
     showDeleteButton: true,
     xObjectDataApi: {
-      xObjectApiKey: 'customContact__c',
-      fields: ['name', 'phone__c'],
+      xObjectApiKey: 'contact',
+      fields: [
+        'contactName',
+        'accountId',
+        'depart',
+        'post',
+        'phone',
+        'email',
+        'wxPosition',
+        'comment',
+      ],
     },
   };