neo-cmp-cli 1.13.22 → 1.13.23

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

@@ -1,226 +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';
-// 引入 neo-ui-common / BaseCmp
-// @ts-ignore
-import { BaseCmp } from 'neo-ui-common';
-
-// 引入 Neo Open API
-// @ts-ignore
-import { xObject } from 'neo-open-api';
-
-// 引入 neo-ui-common / NeoEvent
-// @ts-ignore
-import { NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-interface EntityCardListProps {
-  title: string;
-  xObjectDataApi?: any;
-  entityData?: any;
-  data?: any;
-  className?: string;
-}
-
-interface ContactData {
-  id: string;
-  name: string;
-  phone__c: string;
-  [key: string]: any;
-}
-
-interface EntityCardListState {
-  objectDataList: ContactData[];
-  totalSize: number;
-  loading: boolean;
-  error: string | null;
-}
-
-export default class EntityCardList extends BaseCmp<
-  EntityCardListProps,
-  EntityCardListState
-> {
-  constructor(props: EntityCardListProps) {
-    super(props);
-
-    this.state = {
-      objectDataList: [],
-      totalSize: 0,
-      loading: false,
-      error: null,
-    };
-
-    this.loadObjectData = this.loadObjectData.bind(this);
-  }
-
-  componentDidMount() {
-    this.loadObjectData();
-
-    /*
-    // 监听一个广播事件
-    NeoEvent.listen('reloadData', (eventData: any) => {
-      console.log('EntityCardList 监听到了一个广播事件 reloadData: ', eventData);
-      this.loadObjectData();
-    });
-    */
-  }
-
-  componentDidUpdate(prevProps: Readonly<EntityCardListProps>) {
-    const { xObjectDataApi } = this.props;
-    if (
-      xObjectDataApi?.xObjectApiKey !==
-        prevProps.xObjectDataApi?.xObjectApiKey ||
-      xObjectDataApi?.fields !== prevProps.xObjectDataApi?.fields
-    ) {
-      this.loadObjectData();
-    }
-  }
-
-  @NeoEvent.function
-  async loadObjectData(parma1?: any) {
-    const { xObjectDataApi } = this.props;
-    const { autoFetchData } = xObjectDataApi || {};
-
-    // 测试输出，输出当前参数
-    console.log('parma1:', parma1);
-
-    if (autoFetchData) {
-      // 方式一：直接从 props 中取实体数据源相关数据
-      const { entityData: entityDataList } = this.props;
-      if (entityDataList) {
-        this.setState({ objectDataList: entityDataList });
-      }
-    } else {
-      this.setState({ loading: true, error: null });
-      // 方式二：使用 Neo Open API SDK 获取数据
-      const result = await xObject.query(xObjectDataApi);
-
-      if (result?.status) {
-        const records = result.data || [];
-        const totalSize = result.totalSize || 0;
-        this.setState({
-          objectDataList: records,
-          totalSize,
-          loading: false,
-        });
-      } else {
-        this.setState({
-          error: result?.msg || '获取数据数据失败',
-          loading: false,
-        });
-      }
-    }
-  }
-
-  renderEntityCard(object: ContactData, index: number) {
-    return (
-      <Col xs={24} sm={12} md={8} lg={6} xl={6} key={object.id || index}>
-        <Card
-          className="object-card"
-          hoverable
-          size="small"
-          style={{ marginBottom: 16 }}
-        >
-          <div className="object-card-content">
-            <div className="object-avatar">
-              <Avatar
-                size={48}
-                icon={<UserOutlined />}
-                className="avatar-icon"
-              />
-            </div>
-            <div className="object-info">
-              <div className="object-name">
-                <UserOutlined className="info-icon" />
-                <span className="name-text">
-                  {object.name ||
-                    object.contactName ||
-                    object.accountName ||
-                    object.productName ||
-                    '未知姓名'}
-                </span>
-              </div>
-              <div className="object-phone">
-                <PhoneOutlined className="info-icon" />
-                <span className="phone-text">
-                  {object.phone__c ||
-                    object.phone ||
-                    object.mobile ||
-                    object.phoneNumber ||
-                    '未填写手机号'}
-                </span>
-              </div>
-            </div>
-          </div>
-        </Card>
-      </Col>
-    );
-  }
-
-  render() {
-    const { title, className } = this.props;
-    const { objectDataList, loading, error } = this.state;
-    // const curAmisData = this.props.data || {}; // 组件上下文信息
-    // const systemInfo = curAmisData.__NeoSystemInfo || {}; // 系统信息
-    console.log('this.props:', this.props);
-
-    return (
-      <div className={`entityCardList__c ${className}`}>
-        <div className="card-list-header">
-          <div className="header-content">
-            <h3 className="header-title">
-              {title || '数据卡片列表'}
-            </h3>
-            <Button
-              type="primary"
-              icon={<ReloadOutlined />}
-              onClick={this.loadObjectData}
-              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.loadObjectData}
-                      >
-                        重新加载
-                      </button>
-                    </div>
-                  }
-                />
-              </div>
-            ) : objectDataList.length === 0 ? (
-              <Empty
-                image={Empty.PRESENTED_IMAGE_SIMPLE}
-                description="暂无数据数据"
-              />
-            ) : (
-              <Row gutter={[16, 16]}>
-                {objectDataList.map((object: ContactData, index: number) =>
-                  this.renderEntityCard(object, index),
-                )}
-              </Row>
-            )}
-          </Spin>
-        </div>
-      </div>
-    );
-  }
-}

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

@@ -1,89 +0,0 @@
-/**
- * @file 数据卡片列表组件对接编辑器的描述文件
- */
-export class EntityCardListModel {
-  /**
-   * cmpType 为自定义组件名称，用于标识组件的唯一性
-   * 在构建时根据当前组件目录名称自动生成
-   */
-  // cmpType: string = 'entityCardList';
-
-  // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '实体数据卡片列表';
-
-  // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
-  description: string = '展示实体数据信息的卡片列表组件，支持姓名和手机号展示';
-
-  // 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示
-  // tags: string[] = ['自定义组件'];
-
-  /**
-   * 用于设置组件支持的页面类型
-   *
-   * 当前 NeoCRM 平台存在的页面类型：
-   * all:	1	全页面
-   * entityFormPage:	4	实体表单页
-   * customPage:	6	自定义页面
-   */
-  targetPage: string[] = ['all'];
-
-  // 适配终端类型
-  targetDevice: string = 'web';
-
-  // 组件图标，用于设置在编辑器左侧组件面板中展示的图标
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/data-list.svg';
-
-  // 初次插入页面的默认属性数据
-  defaultComProps = {
-    title: '数据卡片列表',
-    label: '数据卡片列表',
-    xObjectDataApi: {
-      xObjectApiKey: 'contact',
-      fields: [
-        'entityType',
-        'contactName',
-        'accountId',
-        'depart',
-        'mobile',
-        'email',
-        'comment',
-      ],
-    },
-  };
-
-  // 当前组件支持的函数列表（其他组件可触发当前组件的函数）
-  functions = [
-    {
-      apiKey: 'loadObjectData',
-      label: '重新获取数据列表',
-      helpTextKey: '获取实体业务数据列表',
-    },
-  ];
-
-  /**
-   * 组件面板配置，用于生成编辑器右侧属性配置面板内容
-   */
-  propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '组件标题',
-      value: '数据卡片列表',
-    },
-    {
-      type: 'xObjectDataApi', // 用于获取实体业务数据列表的配置项
-      name: 'xObjectDataApi',
-      label: '实体数据源',
-      placeholder: '请选择实体数据源',
-      /*
-      // 返回的数值格式：
-      value: {
-        xObjectApiKey: 'customContact__c',
-        fields: ['name', 'phone__c'],
-      },
-      */
-    },
-  ];
-}
-
-export default EntityCardListModel;

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

@@ -1,260 +0,0 @@
-.entityCardList__c {
-  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: #434343;
-      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;
-        }
-      }
-    }
-  }
-
-  .object-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;
-    }
-
-    .object-card-content {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      gap: 12px;
-
-      .object-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);
-        }
-      }
-
-      .object-info {
-        flex: 1;
-        min-width: 0;
-
-        .object-name,
-        .object-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;
-          }
-        }
-
-        .object-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;
-        }
-      }
-    }
-
-    .object-card {
-      .ant-card-body {
-        padding: 12px;
-      }
-
-      .object-card-content {
-        gap: 8px;
-
-        .object-avatar {
-          .avatar-icon {
-            width: 40px !important;
-            height: 40px !important;
-            line-height: 40px !important;
-          }
-        }
-
-        .object-info {
-          .object-name,
-          .object-phone {
-            .name-text,
-            .phone-text {
-              font-size: 13px;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  @media (max-width: 480px) {
-    .object-card {
-      .object-card-content {
-        flex-direction: column;
-        text-align: center;
-        gap: 8px;
-
-        .object-info {
-          .object-name,
-          .object-phone {
-            justify-content: center;
-          }
-        }
-      }
-    }
-  }
-}
-
-// 全局样式覆盖
-.ant-spin-container {
-  min-height: 200px;
-}
-
-.ant-empty {
-  padding: 40px 20px;
-}