neo-cmp-cli 1.3.6 → 1.3.8

package/src/template/neo-custom-cmp-template/src/components/contact-card-list/index.tsx

@@ -1,191 +0,0 @@
-import * as React from 'react';
-import { Card, Row, Col, Spin, Empty, Avatar, Button } from 'antd';
-import { UserOutlined, PhoneOutlined, ReloadOutlined } from '@ant-design/icons';
-// @ts-ignore
-import { xObject } from 'neo-open-api'; // Neo Open API
-import './style.scss';
-
-interface ContactCardListProps {
-  title: string;
-  data?: any;
-}
-
-interface ContactData {
-  id: string;
-  name: string;
-  phone__c: string;
-}
-
-interface ContactCardListState {
-  contactList: ContactData[];
-  totalSize: number;
-  loading: boolean;
-  error: string | null;
-}
-
-export default class ContactCardList extends React.PureComponent<
-  ContactCardListProps,
-  ContactCardListState
-> {
-  constructor(props: ContactCardListProps) {
-    super(props);
-
-    this.state = {
-      contactList: [],
-      totalSize: 0,
-      loading: false,
-      error: null,
-    };
-
-    this.loadContactData = this.loadContactData.bind(this);
-  }
-
-  componentDidMount() {
-    this.loadContactData();
-  }
-
-  async loadContactData() {
-    this.setState({ loading: true, error: null });
-
-    try {
-      // 使用 Neo Open API 获取 customContact__c 数据
-      const result = await xObject.query({
-        xObjectApiKey: 'customContact__c',
-        fields: ['id', 'name', 'phone__c'],
-      });
-
-      if (result?.status) {
-        const records = result.data || [];
-        const totalSize = result.totalSize || 0;
-        this.setState({
-          contactList: records,
-          totalSize,
-          loading: false,
-        });
-      } else {
-        this.setState({
-          error: result?.msg || '获取联系人数据失败',
-          loading: false,
-        });
-      }
-    } catch (error: any) {
-      this.setState({
-        error: error.message || '获取联系人数据失败',
-        loading: false,
-      });
-    }
-  }
-
-  getDataName = (data: any) => {
-    let dataNameKey = 'name';
-    Object.keys(data).forEach((nameKey: string) => {
-      if (nameKey && /Name$/.test(nameKey)) {
-        dataNameKey = nameKey;
-      }
-    });
-    return data[dataNameKey];
-  };
-
-  renderContactCard(contact: ContactData, index: number) {
-    return (
-      <Col xs={24} sm={12} md={8} lg={6} xl={6} key={contact.id || index}>
-        <Card
-          className="contact-card"
-          hoverable
-          size="small"
-          style={{ marginBottom: 16 }}
-        >
-          <div className="contact-card-content">
-            <div className="contact-avatar">
-              <Avatar
-                size={48}
-                icon={<UserOutlined />}
-                className="avatar-icon"
-              />
-            </div>
-            <div className="contact-info">
-              <div className="contact-name">
-                <UserOutlined className="info-icon" />
-                <span className="name-text">
-                  {contact.name || this.getDataName(contact) || '未知姓名'}
-                </span>
-              </div>
-              <div className="contact-phone">
-                <PhoneOutlined className="info-icon" />
-                <span className="phone-text">
-                  {contact.phone__c || '未填写手机号'}
-                </span>
-              </div>
-            </div>
-          </div>
-        </Card>
-      </Col>
-    );
-  }
-
-  render() {
-    const { title } = this.props;
-    const { contactList, loading, error } = this.state;
-    const curAmisData = this.props.data || {};
-    const systemInfo = curAmisData.__NeoSystemInfo || {};
-
-    return (
-      <div className="contact-card-list-container">
-        <div className="card-list-header">
-          <div className="header-content">
-            <h3 className="header-title">
-              {title || '联系人卡片列表'}
-              {systemInfo.tenantName ? `【${systemInfo.tenantName}】` : ''}
-            </h3>
-            <Button
-              type="primary"
-              icon={<ReloadOutlined />}
-              onClick={this.loadContactData}
-              loading={loading}
-              className="refresh-button"
-              size="small"
-            >
-              刷新
-            </Button>
-          </div>
-        </div>
-
-        <div className="card-list-content">
-          <Spin spinning={loading} tip="加载联系人数据中...">
-            {error ? (
-              <div className="error-container">
-                <Empty
-                  image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  description={
-                    <div>
-                      <div style={{ color: '#ff4d4f', marginBottom: 8 }}>
-                        {error}
-                      </div>
-                      <button
-                        className="retry-button"
-                        onClick={this.loadContactData}
-                      >
-                        重新加载
-                      </button>
-                    </div>
-                  }
-                />
-              </div>
-            ) : contactList.length === 0 ? (
-              <Empty
-                image={Empty.PRESENTED_IMAGE_SIMPLE}
-                description="暂无联系人数据"
-              />
-            ) : (
-              <Row gutter={[16, 16]}>
-                {contactList.map((contact, index) =>
-                  this.renderContactCard(contact, index),
-                )}
-              </Row>
-            )}
-          </Spin>
-        </div>
-      </div>
-    );
-  }
-}

package/src/template/neo-custom-cmp-template/src/components/contact-card-list/model.ts

@@ -1,56 +0,0 @@
-/**
- * @file 联系人卡片列表组件对接编辑器的描述文件
- */
-export class ContactCardListModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'contact-card-list';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '联系人卡片列表';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '展示联系人信息的卡片列表组件，支持姓名和手机号展示';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示（可设置多个分类标签）
-  tags: string[] = ['自定义组件'];
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconSrc: string = 'https://custom-widgets.bj.bcebos.com/card-list.svg';
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title: '联系人卡片列表',
-    label: '联系人卡片列表',
-  };
-
-  // 设计器端预览时展示的默认数据
-  previewComProps = {
-    label: '联系人卡片列表',
-    title: '联系人卡片列表',
-  };
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '组件标题',
-      value: '联系人卡片列表',
-      placeholder: '请输入组件标题',
-    },
-  ];
-
-  // 支持 函数式写法：propsSchemaCreator，com 为组件实例。优先级比 propsSchema 高
-  /*
-  propsSchemaCreator = (com: any) => {
-    return [];
-  };
-  */
-}
-
-export default ContactCardListModel;

package/src/template/neo-custom-cmp-template/src/components/contact-card-list/style.scss

@@ -1,260 +0,0 @@
-.contact-card-list-container {
-  position: relative;
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  margin: 6px 12px;
-  padding: 12px;
-  background-color: #fff;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-
-  .card-list-header {
-    flex-shrink: 0;
-    margin-bottom: 16px;
-    border-bottom: 1px solid #f0f0f0;
-    padding-bottom: 12px;
-
-    .header-content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 16px;
-    }
-
-    .header-title {
-      margin: 0;
-      font-family: PingFangSC-Medium, -apple-system, BlinkMacSystemFont,
-        'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-      font-size: 18px;
-      font-weight: 500;
-      line-height: 1.4;
-      color: #262626;
-      flex: 1;
-    }
-
-    .refresh-button {
-      flex-shrink: 0;
-      border-radius: 6px;
-      font-size: 13px;
-      height: 32px;
-      padding: 4px 12px;
-      box-shadow: 0 2px 4px rgba(24, 144, 255, 0.2);
-      transition: all 0.3s ease;
-
-      &:hover {
-        box-shadow: 0 4px 8px rgba(24, 144, 255, 0.3);
-        transform: translateY(-1px);
-      }
-
-      &:active {
-        transform: translateY(0);
-      }
-
-      .anticon {
-        font-size: 12px;
-      }
-    }
-  }
-
-  .card-list-content {
-    flex: 1;
-    overflow-y: auto;
-
-    .error-container {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-height: 300px;
-      padding: 20px;
-
-      .retry-button {
-        padding: 8px 16px;
-        background-color: #1890ff;
-        color: white;
-        border: none;
-        border-radius: 4px;
-        cursor: pointer;
-        font-size: 14px;
-        transition: background-color 0.3s;
-
-        &:hover {
-          background-color: #40a9ff;
-        }
-
-        &:active {
-          background-color: #096dd9;
-        }
-      }
-    }
-  }
-
-  .contact-card {
-    height: 100%;
-    border-radius: 12px;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
-    transition: all 0.3s ease;
-    border: 1px solid #f0f0f0;
-
-    &:hover {
-      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
-      transform: translateY(-2px);
-      border-color: #d9d9d9;
-    }
-
-    .ant-card-body {
-      padding: 16px;
-      height: 100%;
-      display: flex;
-      align-items: center;
-    }
-
-    .contact-card-content {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      gap: 12px;
-
-      .contact-avatar {
-        flex-shrink: 0;
-
-        .avatar-icon {
-          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-          border: 2px solid #fff;
-          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-        }
-      }
-
-      .contact-info {
-        flex: 1;
-        min-width: 0;
-
-        .contact-name,
-        .contact-phone {
-          display: flex;
-          align-items: center;
-          margin-bottom: 4px;
-          gap: 6px;
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-
-          .info-icon {
-            font-size: 12px;
-            color: #8c8c8c;
-            flex-shrink: 0;
-          }
-
-          .name-text,
-          .phone-text {
-            font-size: 14px;
-            line-height: 1.4;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-          }
-
-          .name-text {
-            color: #262626;
-            font-weight: 500;
-          }
-
-          .phone-text {
-            color: #595959;
-            font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo,
-              Courier, monospace;
-          }
-        }
-
-        .contact-name {
-          margin-bottom: 8px;
-        }
-      }
-    }
-  }
-
-  // 响应式设计
-  @media (max-width: 768px) {
-    margin: 4px 8px;
-    padding: 8px;
-
-    .card-list-header {
-      margin-bottom: 12px;
-      padding-bottom: 8px;
-
-      .header-content {
-        gap: 12px;
-      }
-
-      .header-title {
-        font-size: 16px;
-      }
-
-      .refresh-button {
-        height: 28px;
-        padding: 2px 8px;
-        font-size: 12px;
-
-        .anticon {
-          font-size: 11px;
-        }
-      }
-    }
-
-    .contact-card {
-      .ant-card-body {
-        padding: 12px;
-      }
-
-      .contact-card-content {
-        gap: 8px;
-
-        .contact-avatar {
-          .avatar-icon {
-            width: 40px !important;
-            height: 40px !important;
-            line-height: 40px !important;
-          }
-        }
-
-        .contact-info {
-          .contact-name,
-          .contact-phone {
-            .name-text,
-            .phone-text {
-              font-size: 13px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  @media (max-width: 480px) {
-    .contact-card {
-      .contact-card-content {
-        flex-direction: column;
-        text-align: center;
-        gap: 8px;
-
-        .contact-info {
-          .contact-name,
-          .contact-phone {
-            justify-content: center;
-          }
-        }
-      }
-    }
-  }
-}
-
-// 全局样式覆盖
-.ant-spin-container {
-  min-height: 200px;
-}
-
-.ant-empty {
-  padding: 40px 20px;
-}

package/src/template/neo-custom-cmp-template/src/components/contact-form/README.md

@@ -1,94 +0,0 @@
-# 联系人表单组件
-基于 Ant Design 的联系人表单组件，支持姓名、所有人、业务类型、所属部门、手机号等字段的输入和提交。
-【备注】使用 cursor 生成的自定义组件。  
-
-## 功能特性
-
-- ✅ 基于 Ant Design 4.x 组件库
-- ✅ 表单字段验证（姓名和手机号为必填项）
-- ✅ 手机号格式验证
-- ✅ 数据提交到 Neo 平台 API
-- ✅ 加载状态显示
-- ✅ 成功/错误消息提示
-- ✅ 响应式设计
-- ✅ 使用 React state 管理表单数据
-
-## 表单字段
-
-| 字段名 | 类型 | 必填 | 说明 |
-|--------|------|------|------|
-| 姓名 | text | ✅ | 联系人姓名 |
-| 所有人 | number | ❌ | 联系人用户ID (userId) |
-| 业务类型 | select | ❌ | 销售/市场/客服/技术/其他 (entityType) |
-| 所属部门 | number | ❌ | 联系人所属部门ID (dimDepart) |
-| 手机号 | number | ✅ | 联系人手机号（格式验证）(phone__c) |
-
-## API 接口
-
-组件会将表单数据提交到以下接口：
-
-```
-POST /rest/data/v2.0/xobjects/customContact__c
-```
-
-### 请求数据格式
-
-```json
-{
-  "name": "张三",
-  "userId": 12345,
-  "entityType": 3998003734470119,
-  "dimDepart": 67890,
-  "phone__c": "13800138000"
-}
-```
-
-## 组件属性
-
-| 属性名 | 类型 | 默认值 | 说明 |
-|--------|------|--------|------|
-| title | string | '创建联系人' | 表单标题 |
-| data | object | {} | Neo 平台数据（包含用户信息和系统信息） |
-
-## 使用示例
-
-```tsx
-import ContactForm from './components/contact-form';
-
-// 在页面中使用
-<ContactForm 
-  title="创建新联系人"
-  data={amisData}
-/>
-```
-
-## 技术栈
-
-- React 16.9.0
-- TypeScript
-- Ant Design 4.x
-- SCSS
-
-## 样式定制
-
-组件基于 Ant Design 设计规范，支持通过 SCSS 进行样式定制：
-
-```scss
-.contact-form-container {
-  .contact-form-card {
-    // 卡片样式定制
-  }
-  
-  .contact-form {
-    // 表单样式定制
-  }
-}
-```
-
-## 注意事项
-
-1. 确保 Neo 平台已正确配置 `customContact__c` 对象
-2. 组件依赖 `antd` 和 `axios` 进行 UI 渲染和 API 调用
-3. 需要确保用户有创建联系人的权限
-4. 手机号格式验证仅支持中国大陆手机号（1开头的11位数字）
-5. 组件使用 React state 管理表单数据，无需手动处理 ref