neo-cmp-cli 1.2.2 → 1.2.5

package/src/template/develop/neo-custom-cmp-template/src/components/contact-form/style.scss

@@ -0,0 +1,120 @@
+.contact-form-container {
+  .contact-form-card {
+    .ant-card-head {
+      border-bottom: 1px solid #f0f0f0;
+
+      .ant-card-head-title {
+        font-size: 18px;
+        font-weight: 600;
+        color: #262626;
+      }
+    }
+
+    .contact-form {
+      .ant-form-item {
+        margin-bottom: 20px;
+
+        .ant-form-item-label {
+          padding-bottom: 4px;
+
+          label {
+            font-weight: 500;
+            color: #262626;
+
+            &.ant-form-item-required::before {
+              color: #ff4d4f;
+            }
+          }
+        }
+
+        .ant-input,
+        .ant-select-selector {
+          border-radius: 6px;
+          border-color: #d9d9d9;
+
+          &:hover {
+            border-color: #40a9ff;
+          }
+
+          &:focus,
+          &.ant-select-focused .ant-select-selector {
+            border-color: #1890ff;
+            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+          }
+        }
+
+        .ant-select {
+          .ant-select-selector {
+            height: 40px;
+
+            .ant-select-selection-item {
+              line-height: 38px;
+            }
+          }
+        }
+
+        .ant-input {
+          height: 40px;
+        }
+      }
+
+      .form-actions {
+        margin-bottom: 0;
+        padding-top: 16px;
+        border-top: 1px solid #f0f0f0;
+        text-align: right;
+
+        .ant-btn {
+          height: 40px;
+          padding: 8px 24px;
+          border-radius: 6px;
+          font-weight: 500;
+
+          &.ant-btn-primary {
+            background-color: #1890ff;
+            border-color: #1890ff;
+
+            &:hover {
+              background-color: #40a9ff;
+              border-color: #40a9ff;
+            }
+
+            &:active {
+              background-color: #096dd9;
+              border-color: #096dd9;
+            }
+          }
+
+          &:not(.ant-btn-primary) {
+            color: #262626;
+            background-color: #fff;
+            border-color: #d9d9d9;
+
+            &:hover {
+              color: #1890ff;
+              border-color: #1890ff;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+  .contact-form-container {
+    .contact-form-card {
+      .contact-form {
+        .form-actions {
+          text-align: center;
+
+          .ant-btn {
+            width: 100%;
+            margin: 4px 0;
+          }
+        }
+      }
+    }
+  }
+}

package/src/template/{neo-custom-cmp-template → develop/neo-custom-cmp-template}/src/components/neo-entity-grid/index.tsx

@@ -1,8 +1,7 @@
 import * as React from 'react';
 // @ts-ignore
 import { EntityGrid, EntityGridStore } from 'neo-ui-component-web';
-// @ts-ignore
-import axios from 'axios';
+import axiosFetcher from '../../utils/axiosFetcher';
 import './style.scss'; // 组件内容样式
 
 interface NeoEntityGridProps {
@@ -19,50 +18,59 @@ interface NeoEntityGridProps {
 export default class NeoEntityGrid extends React.PureComponent<NeoEntityGridProps> {
   private entityGridStore: any;
 
+  private entityGridRef: React.RefObject<EntityGrid>;
+
   constructor(props: NeoEntityGridProps) {
     super(props);
+    this.entityGridRef = React.createRef();
     this.onSelectedCall = this.onSelectedCall.bind(this);
     this.initStore();
   }
 
-  initStore() {
+  shouldComponentUpdate(nextProps: Readonly<NeoEntityGridProps>): boolean {
+    if (nextProps.objectApiKey !== this.props.objectApiKey) {
+      // this.initStore();
+    }
+    const entityGridRef = this.entityGridRef.current || {};
+    const nexObj = entityGridRef.nexObj;
+
     const {
+      title,
       objectApiKey = 'account',
       tableType = 'lookup',
       selectionMode = 'multiple',
-      env,
       showFooter = false,
       showHeader = true,
+      ...restProps
     } = this.props;
-    // 创建基于 axios 的 fetcher 函数
-    const axiosFetcher = async (options: any) => {
-      const url = options?.url || '';
 
-      try {
-        // 配置 axios 请求
-        const config = {
-          url: url.startsWith('http') ? url : `/api${url}`,
-          method: options?.method || 'GET',
-          data: options?.data || {},
-          headers: {
-            'Content-Type': 'application/json',
-            ...options?.headers,
-          },
-          timeout: options?.timeout || 10000,
-          ...options,
-        };
+    entityGridRef.resetGrid({
+      // ...restProps,
+      pattern: 'pickView',
+      objectApiKey,
+      name: `${objectApiKey}Picker`,
+      tableType,
+      selectionMode,
+      skipExt: true,
+      onSelectedCall: this.onSelectedCall,
+      funPermission: true,
+      nexObj,
+      // store: this.entityGridStore,
+    });
 
-        if (config?.method === 'GET') {
-          config.params = options?.data || {};
-        }
+    // 不重新渲染整个组件
+    return false;
+  }
 
-        const response = await axios(config);
-        return response;
-      } catch (error) {
-        console.error('Axios fetcher error:', error);
-        throw error;
-      }
-    };
+  initStore() {
+    const {
+      objectApiKey = 'account',
+      tableType = 'lookup',
+      selectionMode = 'multiple',
+      env,
+      showFooter = false,
+      showHeader = true,
+    } = this.props;
 
     try {
       // 生成唯一的实例ID
@@ -124,7 +132,7 @@ export default class NeoEntityGrid extends React.PureComponent<NeoEntityGridProp
         getFooterAmis: (options: any) => ({
           type: 'container',
           body: '分页信息',
-          ...options
+          ...options,
         }),
         getSelectedData: () => this.entityGridStore?.selectedData || [],
         setSelectedRowsId: (ids: any) => {
@@ -189,7 +197,7 @@ export default class NeoEntityGrid extends React.PureComponent<NeoEntityGridProp
         getFooterAmis: (options: any) => ({
           type: 'container',
           body: '分页信息',
-          ...options
+          ...options,
         }),
         getSelectedData: () => this.entityGridStore?.selectedData || [],
         setSelectedRowsId: (ids: any) => {
@@ -277,6 +285,7 @@ export default class NeoEntityGrid extends React.PureComponent<NeoEntityGridProp
         </div>
         <div className="entity-grid-wrapper">
           <EntityGrid
+            ref={this.entityGridRef}
             {...restProps}
             pattern="pickView"
             objectApiKey={objectApiKey}

package/src/template/{neo-custom-cmp-template → develop/neo-custom-cmp-template}/src/components/neo-entity-grid/model.ts

@@ -42,13 +42,6 @@ export class NeoEntityGridModel {
    * 组件面板配置，用于生成编辑器右侧属性配置面板内容
    */
   propsSchema = [
-    {
-      type: 'textarea',
-      name: 'title',
-      label: '卡片title',
-      value:
-        '营销服全场景智能CRM，帮助企业搭建数字化客户经营平台，实现业绩高质量增长。',
-    },
     {
       type: 'select',
       name: 'objectApiKey',

package/src/template/develop/neo-custom-cmp-template/src/utils/axiosFetcher.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+
+// 创建基于 axios 的 fetcher 函数
+const axiosFetcher = async (options: any) => {
+  try {
+    const config = {
+      ...options,
+      method: options?.method || 'GET',
+      data: options?.data || {},
+      headers: {
+        'Content-Type': 'application/json',
+        ...options?.headers,
+      },
+      timeout: options?.timeout || 10000,
+    };
+
+    if (config?.method === 'GET') {
+      config.params = options?.data || {};
+    }
+
+    const response = await axios(config);
+    return response;
+  } catch (error) {
+    console.error('接口请求报错:', error, '，请求参数:', options);
+    throw error;
+  }
+};
+
+export default axiosFetcher;

package/src/template/develop/neo-custom-cmp-template/src/utils/queryObjectData.ts

@@ -0,0 +1,39 @@
+import { message } from 'antd';
+import axiosFetcher from './axiosFetcher';
+
+/**
+ * 这里存放通用查询类 Open API
+ */
+
+// 获取业务对象数据列表
+export const queryXObjectData = async (options?: any) => {
+  const apiUrl = '/rest/data/v2/query';
+  const curOptions = options || {};
+  const xObjectApiKey = curOptions.xObjectApiKey || '';
+  const fields = curOptions.fields || [];
+
+  const querySql = `select ${fields.join(',')} from ${xObjectApiKey}`;
+  try {
+    const config = {
+      url: apiUrl,
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      data: {
+        q: querySql,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('获取业务类型失败:', error);
+    message.error('获取业务类型失败。');
+    return {};
+  }
+};
+
+export default queryXObjectData;

package/src/template/develop/neo-custom-cmp-template/src/utils/xobjects.ts

@@ -0,0 +1,203 @@
+import { message } from 'antd';
+import axiosFetcher from './axiosFetcher';
+
+// 获取业务类型列表
+export const getEntityTypeList = async (
+  xObjectApiKey: string,
+  options?: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/busiType`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('获取业务类型失败:', error);
+    message.error('获取业务类型失败。');
+    return {};
+  }
+};
+
+// 获取对象列表
+export const getEntityList = async (options?: any) => {
+  const curOptions = options || {};
+  const custom = curOptions.custom || false; // 默认获取标准对象列表
+  const active = curOptions.active || true; // 仅获取有权限的对象
+  const apiUrl = `/rest/metadata/v2.0/xobjects/filter?custom=${custom}&active=${active}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('获取对象列表失败:', error);
+    message.error('获取对象列表失败。');
+    return {};
+  }
+};
+
+// 创建业务数据
+export const createXObject = async (
+  xObjectApiKey: string,
+  options: any
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}`;
+  const formData = curOptions.data || {};
+  try {
+    const config = {
+      ...options,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+      data: {
+        data: formData,
+      },
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('创建业务数据失败:', error);
+    throw error;
+  }
+};
+
+// 获取业务对象描述
+export const getXObjectDesc = async (
+  xObjectApiKey: string,
+  options?: any,
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/description`;
+  try {
+    const config = {
+      ...options,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('获取业务对象描述:', error);
+    throw error;
+  }
+};
+
+// 更新业务数据
+export const updateXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options: any
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  const formData = curOptions.data || {};
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'PATCH',
+      data: {
+        data: formData,
+      },
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('更新业务数据失败:', error);
+    throw error;
+  }
+};
+
+// 获取业务数据信息
+export const getXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options?: any
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('获取业务数据信息失败:', error);
+    throw error;
+  }
+};
+
+// 删除业务数据
+export const deleteXObject = async (
+  xObjectApiKey: string,
+  objectId: string,
+  options?: any
+) => {
+  const curOptions = options || {};
+  const apiUrl = `/rest/data/v2.0/xobjects/${xObjectApiKey}/${objectId}`;
+  try {
+    const config = {
+      ...curOptions,
+      url: apiUrl,
+      method: curOptions.method || 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+        ...curOptions.headers,
+      },
+      timeout: curOptions.timeout || 10000,
+    };
+
+    const response = await axiosFetcher(config);
+    return response?.data;
+  } catch (error) {
+    console.error('删除业务数据:', error);
+    throw error;
+  }
+};

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

@@ -0,0 +1,68 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    /* Basic Options */
+    "target": "esnext",
+    /* 指定编译之后的版本: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
+    "module": "esnext" /* 指定要使用的模板标准: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
+    // "lib": [],                             /* Specify library files to be included in the compilation. */
+    "allowJs": false /* 指定是否允许编译JS文件，默认false,即不编译JS文件. */,
+    // "checkJs": true,                       /* 指定是否检查和报告JS文件中的错误，默认false */
+    "jsx": "react" /* 指定jsx代码用于的开发环境:'preserve','react-native', or 'react'. */,
+    "declaration": false /* 指定是否在编译的时候生成相的d.ts声明文件 */,
+    // "declarationMap": true,                /* 指定编译时是否生成.map文件 */
+    // "sourceMap": true,                     /* 指定编译时是否生成.map文件 */
+    // "outFile": "./",                       /* 指定输出文件合并为一个文件 */
+    // "outDir": "dist", /* 指定输出文件夹，值为一个文件夹路径字符串，输出的文件都将放置在这个文件夹*/
+    // "rootDir": "src", /* 指定编译文件的根目录，编译器会在根目录查找入口文件 */
+    // "composite": true,                     /* 是否编译构建引用项目 */
+    // "removeComments": true,                /* 指定是否将编译后的文件注释删掉，设为true的话即删除注释，默认为false */
+    "noEmit": false /* 不生成编译文件 */,
+    "importHelpers": true /* 指定是否引入tslib里的复制工具函数，默认为false */,
+    // "downlevelIteration": true,            /* 当target为"ES5"或"ES3"时，为"for-of" "spread"和"destructuring"中的迭代器提供完全支持 */
+    "isolatedModules": false /* 指定是否将每个文件作为单独的模块，默认为true */,
+
+    /* Strict Type-Checking Options */
+    "strict": false /* 指定是否启动所有类型检查 */,
+    "noImplicitAny": true /* Raise error on expressions and declarations with an implied 'any' type. */,
+    "strictNullChecks": true /* Enable strict null checks. */,
+    // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
+    // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
+    "noImplicitThis": true /* Raise error on 'this' expressions with an implied 'any' type. */,
+    // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
+
+    /* Additional Checks */
+    "noUnusedLocals": false /* Report errors on unused locals. */,
+    // "noUnusedParameters": true,            /* Report errors on unused parameters. */
+    "noImplicitReturns": true /* Report error when not all code paths in function return a value. */,
+    // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
+
+    /* Module Resolution Options */
+    "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
+    "baseUrl": "./" /* Base directory to resolve non-absolute module names. */,
+    "paths": {
+      "@": ["./src"]
+    } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
+    // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
+    /* 指定声明文件或文件夹的路径列表，如果指定了此项，则只有在这里列出的声明文件才会被加载 */
+    "typeRoots": ["./@types", "./node_modules/@types"],
+    // "types": [],                           /* 指定需要包含的模块，只有在这里列出的模块的声明文件才会被加载 */
+    "allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
+
+    /* Source Map Options */
+    // "sourceRoot": "./",                    /* Specify the location where debugger should locate TypeScript files instead of source locations. */
+    // "mapRoot": "./",                       /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
+    // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
+
+    /* Experimental Options */
+    // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
+    // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
+    // "suppressImplicitAnyIndexErrors": true /* Suppress --noImplicitAny errors for indexing objects lacking index signatures. See issue #1232 for more details. */
+  },
+  "include": ["src", "test"],
+  "exclude": ["node_modules"]
+}

package/src/template/echarts-custom-cmp-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "echarts-custom-cmp-template",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "neo自定义组件模板（react&ts技术栈）",
   "keywords": [
     "自定义组件模板",
@@ -47,7 +47,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.2.2",
+    "neo-cmp-cli": "^1.2.3",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

package/src/template/echarts-custom-cmp-template/src/assets/img/chart.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1757492173072" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2395" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M929.295093 873.474968 119.673029 873.474968 63.904067 873.474968 63.904067 817.603677l0-586.341561c0-15.451584 12.484061-27.935645 27.935645-27.935645 15.451584 0 27.935645 12.484061 27.935645 27.935645l0 586.341561 809.622065 0c15.451584 0 27.935645 12.484061 27.935645 27.935645C957.230738 860.990906 944.746677 873.474968 929.295093 873.474968L929.295093 873.474968zM845.590487 761.732387l-55.87129 0c-30.800839 0-55.87129-24.968122-55.87129-55.87129L733.847906 370.940342c0-30.800839 24.968122-55.87129 55.87129-55.87129l55.87129 0c30.800839 0 55.87129 24.968122 55.87129 55.87129l0 335.023084C901.461777 736.764265 876.391326 761.732387 845.590487 761.732387L845.590487 761.732387zM566.438693 761.732387l-55.87129 0c-30.800839 0-55.87129-24.968122-55.87129-55.87129L454.696113 203.4288c0-30.800839 24.968122-55.87129 55.87129-55.87129l55.87129 0c30.800839 0 55.87129 24.968122 55.87129 55.87129l0 502.534626C622.207655 736.764265 597.239532 761.732387 566.438693 761.732387L566.438693 761.732387zM287.184571 761.732387l-55.87129 0c-30.800839 0-55.87129-24.968122-55.87129-55.87129L175.441991 482.580594c0-30.800839 24.968122-55.87129 55.87129-55.87129l55.87129 0c30.800839 0 55.87129 24.968122 55.87129 55.87129l0 223.382832C343.055861 736.764265 318.087739 761.732387 287.184571 761.732387L287.184571 761.732387z" p-id="2396" fill="#0764f5"></path></svg>

package/src/template/echarts-custom-cmp-template/src/assets/img/custom-widget.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1756957113315" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5395" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M288 768v115.2c0 25.6 19.2 44.8 44.8 44.8h556.8c25.6 0 44.8-19.2 44.8-44.8v-198.4s0-6.4-6.4-6.4h-83.2c-38.4 0-70.4-32-70.4-70.4 0-38.4 32-70.4 70.4-70.4h83.2s6.4 0 6.4-6.4V332.8c0-25.6-19.2-44.8-44.8-44.8H768C768 198.4 697.6 128 608 128S448 198.4 448 288H332.8c-25.6 0-44.8 19.2-44.8 44.8V448C198.4 448 128 518.4 128 608S198.4 768 288 768z m0-249.6h70.4V358.4h160V288c0-51.2 38.4-89.6 89.6-89.6 51.2 0 89.6 38.4 89.6 89.6v70.4h160v108.8h-19.2c-76.8 0-140.8 64-140.8 140.8 0 76.8 64 140.8 140.8 140.8h19.2v108.8H358.4v-160H288c-51.2 0-89.6-38.4-89.6-89.6 0-51.2 38.4-89.6 89.6-89.6z" p-id="5396" fill="#0764f5"></path></svg>

package/src/template/neo-custom-cmp-template/README.md

@@ -2,8 +2,8 @@
 - src: 自定义组件源码；
 - src/assets: 存放组件静态资源，比如 css、img等；
 - src/components: 存放自定义组件代码，每个自定义组件以自身名称（cmpType 数值）作为目录进行存放；
-- src/components/info-card/index.tsx: 自定义组件的内容文件；
-- src/components/info-card/model.ts: 自定义组件的模型文件，用于对接页面设计器；
+- src/components/contact-form/index.tsx: 自定义组件的内容文件；
+- src/components/contact-form/model.ts: 自定义组件的模型文件，用于对接页面设计器；
 - neo.config.js: neo-cmp-cli 配置文件。
 
 ### 组件开发规范
@@ -12,7 +12,8 @@
 - 自定义组件中可用的配置项类型 请见 [当前可用表单项](https://github.com/wibetter/neo-register/blob/master/docs/FormItemType.md)；
 - 自定义组件最外层请设置一个唯一的 ClassName（比如 xx-cmpType-container），所有内容样式请放在该 ClassName 中，避免自定义组件样式相互干扰；
 - 默认开启代码规范检测（含样式内容），如需关闭，请调整 neo.config.js 相关配置；
-- 请使用 react 16版本。
+- 请使用 react 16版本；
+- 支持在自定义组件中使用 Open API，详细见[使用说明](./docs/README.md)。
 
 ### 自定义组件注册器使用说明
 - [neo-register 使用说明](https://www.npmjs.com/package/neo-register?activeTab=readme)