neo-cmp-cli 1.12.7 → 1.12.8

package/template/neo-h5-cmps/src/components/simpleTable__c/index.tsx

@@ -1,277 +0,0 @@
-/**
- * @file XObject 数据表格组件（简化版）
- * @description 基于 Neo 平台的 XObject 实体对象数据表格组件，仅支持数据展示
- */
-import * as React from 'react';
-import { Table, Spin, Empty } from 'antd';
-// @ts-ignore
-import { xObject } from 'neo-open-api'; // Neo Open API
-// @ts-ignore
-import isEqual from 'lodash/isEqual';
-
-// Neo Open API// 引入 neo-ui-common / BaseCmp
-// @ts-ignore
-import { BaseCmp } from 'neo-ui-common';
-
-// 引入 neo-ui-common / NeoEvent
-// @ts-ignore
-import { NeoEvent } from 'neo-ui-common';
-
-import './style.scss';
-
-/**
- * 组件属性接口
- */
-interface SimpleTableProps {
-  /** XObject 实体对象的 API Key，用于标识要操作的数据对象 */
-  xObjectDataApi: {
-    xObjectApiKey: string;
-    fields: string[];
-    fieldDescList?: any[];
-    autoFetchData?: boolean;
-  };
-  /** Neo 平台传递的数据，包含系统信息等 */
-  data?: any;
-  entityData?: any; // Neo 平台自动获取的实体数据
-  /** 是否为自定义实体对象 */
-  custom?: boolean;
-  /** 组件类名 */
-  className?: string;
-  /** 表格标题，优先使用此配置 */
-  title?: string;
-}
-
-/**
- * 字段信息接口
- */
-interface FieldInfo {
-  /** 字段名称 */
-  name: string;
-  /** 字段显示标签 */
-  label: string;
-  /** 字段 API Key */
-  apiKey: string;
-  /** 字段类型 */
-  type: string;
-  /** 字段项类型 */
-  itemType: string;
-  /** 复选框选项列表 */
-  checkitem: any[];
-  /** 下拉选择选项列表 */
-  selectitem?: any[];
-  /** 是否必填 */
-  required: boolean;
-}
-
-/**
- * 组件状态接口
- */
-interface SimpleTableState {
-  /** 表格标题 */
-  title?: string;
-  fieldList: FieldInfo[];
-  /** 表格数据源 */
-  dataSource: any[];
-  /** 加载状态 */
-  loading: boolean;
-  /** 错误信息 */
-  error: string | null;
-}
-
-/**
- * XObject 数据表格组件（简化版）
- * 仅支持数据展示，不支持增删改查操作
- */
-export default class SimpleTable extends BaseCmp<
-  SimpleTableProps,
-  SimpleTableState
-> {
-  constructor(props: SimpleTableProps) {
-    super(props);
-
-    // 初始化组件状态
-    this.state = {
-      fieldList: [],
-      dataSource: [],
-      loading: false,
-      error: null,
-    };
-
-    // 绑定方法上下文
-    this.loadData = this.loadData.bind(this);
-  }
-
-  componentDidMount() {
-    const { xObjectDataApi } = this.props;
-    const { xObjectApiKey } = xObjectDataApi || {};
-
-    if (xObjectApiKey) {
-      // 初始化字段列表、加载数据
-      this.loadFieldList();
-      this.loadData();
-    }
-  }
-
-  /**
-   * 组件更新后执行
-   * 当 xObjectApiKey 发生变化时重新加载数据
-   */
-  async componentDidUpdate(prevProps: SimpleTableProps) {
-    const { xObjectApiKey, fields } = this.props.xObjectDataApi || {};
-    const { xObjectApiKey: prevXObjectApiKey, fields: prevFields } =
-      prevProps.xObjectDataApi || {};
-    if (xObjectApiKey !== prevXObjectApiKey || !isEqual(fields, prevFields)) {
-      if (xObjectApiKey) {
-        // 先加载字段列表，等待完成后再加载数据，确保字段信息已更新
-        await this.loadFieldList();
-        this.loadData();
-      } else {
-        this.setState({
-          dataSource: [],
-          fieldList: [],
-        });
-      }
-    }
-  }
-
-  /**
-   * 加载字段列表
-   * 从 Neo 平台获取 XObject 的字段描述信息
-   */
-  async loadFieldList() {
-    const { xObjectDataApi } = this.props || {};
-
-    // 方式一：直接从 props.xObjectDetailApi 中获取字段描述
-    if (xObjectDataApi && xObjectDataApi.fieldDescList) {
-      this.setState({ fieldList: xObjectDataApi.fieldDescList });
-    } else {
-      // 方式二：自行通过 OpenAPI SDK 获取字段描述
-      if (!xObjectDataApi.xObjectApiKey) return;
-      try {
-        const resultData = await xObject.getDesc(xObjectDataApi.xObjectApiKey);
-        if (resultData && resultData.status) {
-          const result = resultData.data || {};
-          const fieldList = result.fields || [];
-          this.setState({ fieldList, title: result.label });
-        }
-      } catch (error) {
-        console.error('获取字段列表失败:', error);
-      }
-    }
-  }
-
-  /**
-   * 生成表格列配置
-   * @returns 表格列配置数组
-   */
-  generateColumns() {
-    const { xObjectDataApi } = this.props;
-    const { fieldList } = this.state;
-    const { fields, fieldDescList } = xObjectDataApi || {};
-    let curFieldList =
-      fieldDescList && fieldDescList.length > 0 ? fieldDescList : fieldList;
-
-    if (fields && fields.length > 0) {
-      // 如果 fields 存在，则过滤掉 fieldList 中不存在的字段
-      curFieldList = curFieldList.filter((field) =>
-        fields.includes(field.apiKey),
-      );
-    }
-
-    // 根据字段列表生成基础列配置
-    const columns: any[] = curFieldList.map((field) => ({
-      title: field.label,
-      dataIndex: field.apiKey,
-      key: field.apiKey,
-      ellipsis: true,
-    }));
-
-    return columns;
-  }
-
-  /**
-   * 加载表格数据
-   */
-  @NeoEvent.function
-  async loadData() {
-    const { xObjectApiKey } = this.props.xObjectDataApi || {};
-    if (!xObjectApiKey) return;
-
-    this.setState({ loading: true, error: null });
-
-    try {
-      // 获取所有字段的 API Key
-      const result = await xObject.query(this.props.xObjectDataApi);
-
-      if (result && result.status) {
-        const records = result.data || [];
-
-        this.setState({
-          dataSource: records,
-          loading: false,
-        });
-      } else {
-        this.setState({
-          error: result?.msg || '获取数据失败',
-          loading: false,
-        });
-      }
-    } catch (error: any) {
-      this.setState({
-        error: error.message || '获取数据失败',
-        loading: false,
-      });
-    }
-  }
-
-  /**
-   * 渲染组件
-   * @returns 组件 JSX 元素
-   */
-  render() {
-    const { title: stateTitle, dataSource, loading, error } = this.state;
-    const { className, title: propsTitle } = this.props;
-    const { xObjectApiKey } = this.props.xObjectDataApi || {};
-    const columns = this.generateColumns();
-
-    // 优先使用 props.title，其次使用 state.title，最后使用默认值
-    const displayTitle = propsTitle || stateTitle || '数据表格';
-
-    console.log('this.props:', this.props);
-
-    return (
-      <div className={`simpleTable__c ${className}`}>
-        <div className="table-wrapper">
-          <div className="panel-header">
-            <h3>{displayTitle}</h3>
-          </div>
-          <div className="table-container">
-            <Spin spinning={loading} tip="加载数据中...">
-              {error ? (
-                <Empty
-                  image={Empty.PRESENTED_IMAGE_SIMPLE}
-                  description={
-                    <div>
-                      <div style={{ color: '#ff4d4f', marginBottom: 8 }}>
-                        {error}
-                      </div>
-                    </div>
-                  }
-                />
-              ) : (
-                <Table
-                  key={`${xObjectApiKey}-${columns.length}`}
-                  columns={columns}
-                  dataSource={dataSource}
-                  rowKey="id"
-                  pagination={false}
-                  scroll={{ x: 'max-content' }}
-                />
-              )}
-            </Spin>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}

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

@@ -1,91 +0,0 @@
-/**
- * @file XObject 表格组件对接编辑器的描述文件（简化版）
- * @description 定义组件在 Neo 平台编辑器中的配置信息
- * @author Neo Custom Widget CLI
- * @version 1.0.0
- */
-export class SimpleTableModel {
-  /**
-   * 组件类型标识
-   * 用于标识组件的唯一性，在构建时根据当前组件目录名称自动生成
-   * 注意：此字段在构建时会被自动替换，不需要手动设置
-   */
-  // cmpType: string = 'simpleTable';
-
-  /** 组件名称，用于设置在编辑器左侧组件面板中展示的名称 */
-  label: string = '实体数据表格（简化版）';
-
-  /** 组件描述，用于设置在编辑器左侧组件面板中展示的描述 */
-  description: string =
-    '基于 XObject 的数据表格组件，仅支持数据展示，不支持增删改查操作';
-
-  /** 分类标签，用于设置在编辑器左侧组件面板哪个分类中展示  */
-  // tags: string[] = ['自定义组件'];
-
-  /** 组件图标，用于设置在编辑器左侧组件面板中展示的图标 */
-  iconUrl: string = 'https://custom-widgets.bj.bcebos.com/table.svg';
-
-  /**
-   * 用于设置组件支持的页面类型
-   *
-   * 当前 NeoCRM 平台存在的页面类型：
-   * all:	1	全页面
-   * entityFormPage:	4	实体表单页
-   * customPage:	6	自定义页面
-   */
-  targetPage: string[] = ['all'];
-
-  /**
-   * 用于设置组件支持的终端类型
-   *
-   * 当前 NeoCRM 平台存在的终端类型：
-   * web:	网页端
-   * mobile: 移动端
-   */
-  targetDevice: string = 'web';
-
-  /** 初次插入页面的默认属性数据 */
-  defaultComProps = {
-    title: '合同数据',
-    xObjectDataApi: {
-      xObjectApiKey: 'customContact__c',
-      fields: ['name', 'phone__c'],
-    },
-  };
-
-  // 当前组件支持的函数列表（其他组件可触发当前组件的函数）
-  functions = [
-    {
-      apiKey: 'loadData',
-      label: '刷新表格',
-      helpTextKey: '刷新当前表格数据',
-    },
-  ];
-
-  /**
-   * 组件属性配置模式
-   * 支持静态配置：propsSchema，优先级比 propsSchemaCreator 低
-   * 定义组件在编辑器中可配置的属性
-   */
-  propsSchema = [
-    {
-      type: 'panelInput',
-      name: 'title',
-      label: '表格标题',
-      placeholder: '请输入表格标题',
-    },
-    {
-      type: 'xObjectDataApi', // 用于获取实体业务数据列表的配置项
-      name: 'xObjectDataApi',
-      label: '实体数据源',
-      value: {
-        xObjectApiKey: 'customContact__c',
-        fields: ['name', 'phone__c'],
-      },
-      placeholder: '请选择实体数据源',
-      custom: true,
-    },
-  ];
-}
-
-export default SimpleTableModel;

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

@@ -1,116 +0,0 @@
-.simpleTable__c {
-  .table-wrapper {
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  .panel-header {
-    padding: 15px;
-    background: #f5f5f5;
-    border-bottom: 1px solid #ddd;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    h3 {
-      margin: 0;
-      font-size: 16px;
-      font-weight: 600;
-      color: #262626;
-    }
-  }
-
-  .table-container {
-    flex: 1;
-    overflow-y: auto;
-
-    .ant-table {
-      .ant-table-thead > tr > th {
-        background-color: #f9f9f9;
-        font-weight: 600;
-        color: #262626;
-        border-bottom: 1px solid #eee;
-        padding: 10px;
-        text-align: left;
-        font-size: 13px;
-        position: sticky;
-        top: 0;
-      }
-
-      .ant-table-tbody > tr > td {
-        border-bottom: 1px solid #eee;
-        padding: 10px;
-        text-align: left;
-        font-size: 13px;
-      }
-
-      .ant-table-tbody > tr:hover > td {
-        background-color: #f5f5f5;
-      }
-    }
-
-    .ant-empty {
-      padding: 40px 0;
-
-      .ant-empty-description {
-        color: #8c8c8c;
-        font-size: 14px;
-      }
-    }
-  }
-
-  .ant-spin {
-    .ant-spin-dot {
-      font-size: 20px;
-    }
-
-    .ant-spin-text {
-      color: #8c8c8c;
-      font-size: 14px;
-    }
-  }
-
-  // 响应式设计
-  @media (max-width: 768px) {
-    .panel-header {
-      padding: 12px;
-
-      h3 {
-        font-size: 14px;
-      }
-    }
-
-    .table-container {
-      .ant-table {
-        .ant-table-thead > tr > th,
-        .ant-table-tbody > tr > td {
-          padding: 8px 12px;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-
-  @media (max-width: 576px) {
-    .panel-header {
-      padding: 10px;
-
-      h3 {
-        font-size: 13px;
-      }
-    }
-
-    .table-container {
-      .ant-table {
-        .ant-table-thead > tr > th,
-        .ant-table-tbody > tr > td {
-          padding: 6px 8px;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-}