neo-cmp-cli 1.12.8 → 1.12.10

package/template/develop/neo-custom-cmp-template/neo.config.js

@@ -1,121 +0,0 @@
-'use strict';
-const path = require('path');
-
-// 统一路径解析
-function resolve(dir) {
-  return path.resolve(__dirname, dir);
-}
-
-// 包括生产和开发的环境配置信息
-module.exports = {
-  settings: {
-    enableESLint: true, // 调试模式是否开启ESLint，默认开启ESLint检测代码格式
-    enableESLintFix: true, // 是否自动修正代码格式，默认不自动修正
-    enableStyleLint: false, // 是否开启StyleLint，默认开启ESLint检测代码格式
-    enableStyleLintFix: false, // 是否需要StyleLint自动修正代码格式
-  },
-  webpack: {
-    target: ['web', 'es5'], // 指定目标环境为 web 和 es5，确保兼容性
-    resolve: {
-      // webpack的resolve配置
-      extensions: ['.js', '.jsx', '.ts', '.tsx', '.umd.js', '.min.js', '.json'], // 用于配置webpack在尝试过程中用到的后缀列表
-      alias: {
-        '@': resolve('src'),
-        $assets: resolve('src/assets'),
-        $public: resolve('public'),
-      },
-    },
-    // sassResources中的sass文件会自动注入每一个sass文件中
-    sassResources: [
-      resolve('./src/assets/css/common.scss'),
-      resolve('./src/assets/css/mixin.scss'),
-    ],
-    // createDeclaration: true, // 打包时是否创建ts声明文件
-    ignoreNodeModules: false, // 打包时是否忽略 node_modules
-    // allowList: [], // ignoreNodeModules为true时生效
-    // projectDir: ['src'],
-    // template: resolve('./public/template.html'), // 自定义html模板
-    // plugins: [],
-    // babelPlugins: [],
-  },
-  // 用于添加 Neo 共享依赖模块的配置信息
-  /*
-  neoCommonModule: {
-    // exports: ['xxModule'], // 数组写法，用于导出当前自定义组件中的第三方依赖模块
-    exports: { // 对象写法，可用于导出自定义组件中的某个内容模块（需要使用绝对路径导出）
-      'chart-widget': path.resolve('./src/components/chart-widget'), // 导出图表自定义组件
-      'neo-register': 'neo-register', // 导出 Neo 注册模块
-    },
-    // remoteDeps: ['xxModule'], // 远程依赖组件，表示当前自定义组件会用到的远程依赖组件，需要和 externals 配合使用
-    // externals: ['xxModule'], // 自定义组件中需要剔除的模块，仅支持数组写法
-  },
-  */
-  preview: {
-    // 用于开启本地预览模式的相关配置信息
-    /*
-    【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
-    entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
-      // 本地预览自定义组件内容
-      index: './src/preview.jsx',
-    },
-    NODE_ENV: 'development',
-    port: 80, // 设置基础端口，如果被占用则自动寻找可用端口
-    assetsPublicPath: '/', // 设置静态资源的引用路径（根域名+路径）
-    assetsSubDirectory: '',
-    hostname: 'localhost',
-    proxyTable: {
-      '/apiTest': {
-        target: 'http://api-test.com.cn', // 不支持跨域的接口根地址
-        ws: true,
-        changeOrigin: true,
-      },
-    },
-    */
-  },
-  linkDebug: {
-    // 用于开启本地调试模式的相关配置信息
-    /*
-    【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
-    entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
-      // 外链调试（在线上页面设计器端预览自定义组件）
-      index: [
-        './src/components/info-card/register.ts',
-        './src/components/info-card/model.ts',
-      ],
-    },
-    NODE_ENV: 'development',
-    port: 80, // 设置基础端口，如果被占用则自动寻找可用端口
-    closeHotReload: true, // 是否关闭热更新
-    assetsPublicPath: '/', // 设置静态资源的引用路径（根域名+路径）
-    assetsSubDirectory: '',
-    hostname: 'localhost',
-    proxyTable: {
-      '/apiTest': {
-        target: 'http://api-test.com.cn', // 不支持跨域的接口根地址
-        ws: true,
-        changeOrigin: true,
-      },
-    }
-    */
-  },
-  publish2oss: {
-    // 用于构建并发布至 OSS 的相关配置
-    /*
-    【特别说明】以下配置项都自带默认值，非必填。如需自定义请自行配置。
-    NODE_ENV: 'production',
-    entry: { // 根据 src/components 目录下的文件自动生成 entry 相关配置
-      InfoCardModel: './src/components/info-card/model.ts',
-      infoCard: './src/components/info-card/register.ts'
-    },
-    cssExtract: false, // 不额外提取css文件
-    ossType: 'ali', // oss类型：ali、baidu
-    ossConfig: {
-      endpoint: 'https://oss-cn-beijing.aliyuncs.com',
-      AccessKeyId: 'xxx',
-      AccessKeySecret: 'xx',
-      bucket: 'neo-widgets' // 存储桶名称
-    },
-    assetsRoot: resolve('dist') // 上传指定目录下的脚本文件
-    */
-  },
-};

package/template/develop/neo-custom-cmp-template/package.json

@@ -1,63 +0,0 @@
-{
-  "name": "neo-custom-cmp-template",
-  "version": "1.1.0",
-  "description": "neo自定义组件模板（react&ts技术栈）",
-  "keywords": [
-    "自定义组件模板",
-    "react&ts技术栈",
-    "neo自定义组件"
-  ],
-  "author": "wibetter",
-  "license": "MIT",
-  "scripts": {
-    "preview": "neo preview --cmpType=contact-form",
-    "preview2": "neo preview --cmpType=contact-card-list",
-    "linkDebug": "neo linkDebug",
-    "publish2oss": "neo publish2oss",
-    "format": "prettier --write \"src/**/**/*.{js,jsx,ts,tsx,vue,scss,json}\""
-  },
-  "files": [
-    "dist/*"
-  ],
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "lint-staged": {
-    "src/**/**/*.{js,jsx,ts,tsx,vue,scss,json}": [
-      "prettier --write"
-    ]
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://git@github.com:wibetter/neo-custom-cmp-template.git"
-  },
-  "bugs": {
-    "url": "https://github.com/wibetter/neo-custom-cmp-template/issues"
-  },
-  "dependencies": {
-    "neo-register": "^1.0.3",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "axios": "^1.7.0",
-    "antd": "^4.9.4",
-    "lodash": "^4.17.23"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^18.0.0",
-    "@commitlint/config-conventional": "^18.0.0",
-    "@types/react": "^16.9.11",
-    "@types/react-dom": "^16.9.15",
-    "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.2.23",
-    "husky": "^4.2.5",
-    "lint-staged": "^10.2.9",
-    "prettier": "^2.0.5"
-  },
-  "engines": {
-    "node": ">= 10.13.0",
-    "npm": ">= 6.4.1"
-  }
-}

package/template/develop/neo-custom-cmp-template/src/components/contactCardList/README.md

@@ -1,65 +0,0 @@
-# ContactCardList 联系人卡片列表组件
-
-## 组件描述
-
-联系人卡片列表组件用于展示联系人信息，以卡片形式展示每个联系人的姓名和手机号。组件使用 Ant Design 的 Card 组件，具有良好的视觉效果和交互体验。
-
-## 功能特性
-
-- 📱 响应式设计，支持多种屏幕尺寸
-- 🎨 美观的卡片布局，支持悬停效果
-- 🔄 自动加载数据，支持错误重试
-- 📊 使用 queryXObjectData 获取 customContact__c 数据
-- 🎯 展示联系人姓名和手机号信息
-- 💫 加载状态和空状态处理
-
-## 组件属性
-
-| 属性名 | 类型 | 默认值 | 描述 |
-|--------|------|--------|------|
-| title | string | '联系人卡片列表' | 组件标题 |
-| data | any | - | 组件数据，包含用户信息和系统信息 |
-
-## 数据源
-
-组件通过 `queryXObjectData` 工具函数获取数据：
-
-- **数据表**: `customContact__c`
-- **字段**: `id`, `name`, `phone__c`
-- **API**: `/rest/data/v2/query`
-
-## 样式特性
-
-- 使用 Flexbox 布局，支持响应式设计
-- 卡片悬停效果，提升用户体验
-- 渐变色头像，美观大方
-- 支持移动端适配
-
-## 使用示例
-
-```tsx
-import ContactCardList from './components/contact-card-list';
-
-// 在页面中使用
-<ContactCardList 
-  title="我的联系人" 
-  data={amisData}
-/>
-```
-
-## 技术栈
-
-- React 16.9+
-- TypeScript
-- Ant Design 4.9+
-- SCSS
-
-## 文件结构
-
-```
-contact-card-list/
-├── index.tsx          # 主组件文件
-├── model.ts           # 组件配置和编辑器属性定义
-├── style.scss         # 组件样式文件
-└── README.md          # 组件说明文档
-```

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

@@ -1,180 +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';
-import {queryXObjectData} from '../../utils/queryObjectData';
-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 {
-      // 使用 queryXObjectData 获取 customContact__c 数据
-      const response = await queryXObjectData({
-        xObjectApiKey: 'customContact__c',
-        fields: ['id', 'name', 'phone__c'],
-      });
-
-      if (response && response.code === 200) {
-        const curResult = response.result || {};
-        const records = curResult.records || [];
-        const totalSize = curResult.totalSize || 0;
-        this.setState({
-          contactList: records,
-          totalSize,
-          loading: false,
-        });
-      } else {
-        this.setState({
-          error: response?.message || '获取联系人数据失败',
-          loading: false,
-        });
-      }
-    } catch (error: any) {
-      console.error('获取联系人数据失败:', error);
-      this.setState({
-        error: error.message || '获取联系人数据失败',
-        loading: false,
-      });
-    }
-  }
-
-  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 || '未知姓名'}</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/template/develop/neo-custom-cmp-template/src/components/contactCardList/model.ts

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