neo-cmp-cli 1.1.11 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neo-cmp-cli",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "description": "前端脚手架：自定义组件开发工具，支持react 和 vue2.0技术栈。",
   "keywords": [
     "neo-cli",

package/src/cmpUtils/createCommonModulesCode.js

@@ -8,11 +8,16 @@ const { isPlainObject } = require('lodash');
  * @param {*} cmpName 自定义组件名称
  * @returns 组件预览代码
  */
-const createCommonModulesCode = (neoExports) => {
-  if (!neoExports) {
+const createCommonModulesCode = (neoCommonModule, cmpTypes) => {
+  const {neoExports, remotes} = neoCommonModule;
+
+  if (!neoExports && !remotes) {
     return '';
   }
+  // 记录当前自定义组件共享出去的模块
   const CustomCmpCommonModules = {};
+  // 记录当前自定义组件需要的远程组件
+  const CustomCmpRemotes = {};
 
   // 根据 neoExports 获取共享的依赖模块
   if (Array.isArray(neoExports) && neoExports.length > 0) {
@@ -30,6 +35,13 @@ const createCommonModulesCode = (neoExports) => {
     process.exit(1);
   }
 
+  // 根据 cmpTypes 和 remotes 设置远程组件信息
+  if (Array.isArray(cmpTypes) && cmpTypes.length > 0) {
+    cmpTypes.forEach((cmpType) => {
+      CustomCmpRemotes[cmpType] = remotes;
+    });
+  }
+
   // 构建 CustomCmpCommonModules 对象的代码字符串
   let customCmpCommonModulesCode = '{\n';
   const moduleEntries = Object.entries(CustomCmpCommonModules);
@@ -44,16 +56,33 @@ const createCommonModulesCode = (neoExports) => {
  * 自定义组件 共享出来的依赖模块
  * 备注：可在其他模块中通过 neoRequire 中使用
  */
+import { isPlainObject } from 'lodash';
 const CustomCmpCommonModules = ${customCmpCommonModulesCode};
+const CustomCmpRemotes = ${JSON.stringify(CustomCmpRemotes)};
 
 // 用于添加共享的依赖模块
 const addNeoCommonModules = (modules) => {
   if (!window.__NeoCommonModules) {
     window.__NeoCommonModules = {};
   }
-  window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
+  if (isPlainObject(modules)) {
+    window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules)
+  }
 };
 
+// 用于添加自定义组件的远程组件（关联使用）
+const addNeoRemotes = (remotes) => {
+  if (!window.__NeoCommonModules) {
+    window.__NeoCommonModules = {}
+  }
+  if (!window.__NeoCommonModules.remotes) {
+    window.__NeoCommonModules.remotes = {}
+  }
+  if (isPlainObject(remotes)) {
+    window.__NeoCommonModules.remotes = Object.assign(window.__NeoCommonModules.remotes, remotes)
+  }
+}
+
 addNeoCommonModules(CustomCmpCommonModules);
   `;
 

package/src/cmpUtils/getEntries.js

@@ -5,15 +5,15 @@ const { resolveToCurrentRoot } = require('../utils/pathUtils');
 
 /**
  * 从指定目录获取组件入口文件
- * @param {*} buildType 构建类型
  * @param {*} defaultComponentsDir 默认组件目录
  * @returns 组件入口文件
  */
-module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/components') => {
+module.exports = (defaultComponentsDir = './src/components') => {
   const widgetEntries = {};
   const linkDebugEntries = {
     index: []
   };
+  const cmpTypes = []; // 用于记录组件名称
   const componentsBaseDir = resolveToCurrentRoot(defaultComponentsDir);
   if (!fs.existsSync(componentsBaseDir)) {
     console.error(`未找到组件目录，请检查 ${defaultComponentsDir} 目录是否存在`);
@@ -37,11 +37,13 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
         const curCmpName = dir; // _.camelCase(dir);
         const cmpNameKey = _.camelCase(curCmpName);
 
+        // 记录组件类型
+        cmpTypes.push(curCmpName);
+
         fs.readdirSync(curCmpPath)
           .filter((file) => file.match(/[register|model]\.[tj]sx?$/))
           .map((file) => path.join(defaultComponentsDir, curCmpName, file))
           .forEach((filePath) => {
-            console.log(filePath);
             const curPath = `./${filePath}`;
             if (filePath.match(/register\.[tj]sx?$/)) {
               widgetEntries[cmpNameKey] = curPath;
@@ -52,10 +54,6 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
           });
       }
     });
-
-    if (buildType === 'linkDebug') {
-      return linkDebugEntries;
-    }
   } catch (error) {
     console.error('获取自定义组件入口文件失败（getEntries）:', error);
 
@@ -63,5 +61,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
     process.exit(1);
   }
 
-  return widgetEntries;
+  return {
+    widgetEntries,
+    linkDebugEntries,
+    cmpTypes,
+  };
 };

package/src/cmpUtils/getEntriesWithAutoRegister.js

@@ -6,15 +6,15 @@ const getCmpRegister = require('./getCmpRegister');
 const getCmpModelRegister = require('./getCmpModelRegister');
 /**
  * 从指定目录获取组件入口文件，并自动创建对应的注册文件
- * @param {*} buildType 构建类型
  * @param {*} defaultComponentsDir 默认组件目录
  * @returns 组件入口文件
  */
-module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/components') => {
+module.exports = (defaultComponentsDir = './src/components') => {
   const widgetEntries = {};
   const linkDebugEntries = {
     index: []
   };
+  const cmpTypes = []; // 用于记录组件名称
   const componentsBaseDir = resolveToCurrentRoot(defaultComponentsDir);
   if (!fs.existsSync(componentsBaseDir)) {
     console.error(`未找到组件目录，请检查 ${defaultComponentsDir} 目录是否存在`);
@@ -47,6 +47,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
         const curCmpName = dir; // _.camelCase(dir);
         const cmpNameKey = _.camelCase(curCmpName);
 
+        // 记录组件类型
+        cmpTypes.push(curCmpName);
+
         // 当前自定义组件临时目录
         const cmpTempDir = `${cliTempDir}/${curCmpName}`;
         if (!fs.existsSync(cmpTempDir)) {
@@ -81,10 +84,6 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
           });
       }
     });
-
-    if (buildType === 'linkDebug') {
-      return linkDebugEntries;
-    }
   } catch (error) {
     console.error('获取自定义组件入口文件失败（getEntriesWithAutoRegister）:', error);
 
@@ -92,5 +91,9 @@ module.exports = (buildType = 'build2lib', defaultComponentsDir = './src/compone
     process.exit(1);
   }
 
-  return widgetEntries;
+  return {
+    widgetEntries,
+    linkDebugEntries,
+    cmpTypes,
+  };
 };

package/src/module/index.js

@@ -76,11 +76,13 @@ yargs
             value: 'echarts',
             short: 'echarts'
           },
+          /*
           {
             name: 'Neo 自定义组件',
             value: 'neo',
             short: 'neo'
           },
+          */
           {
             name: 'react 自定义组件',
             value: 'react',

package/src/module/main.js

@@ -21,8 +21,6 @@ const getValue = (originValue, defaultValue) => {
 };
 
 const neoCommonModule = curConfig.neoCommonModule || {};
-// 自定义组件 共享出来的依赖模块
-const cmpNeoExports = neoCommonModule.neoExports || [];
 // 自定义组件 需要剔除的依赖模块
 const cmpNeoExternals = neoCommonModule.neoExternals || [];
 
@@ -72,16 +70,21 @@ module.exports = {
     curConfig.webpack.ignoreNodeModules = false;
 
     const curEntry = curConfig.dev.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.dev.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('linkDebug', curConfig.componentsDir);
+        const { linkDebugEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = linkDebugEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('linkDebug', curConfig.componentsDir);
+        const { linkDebugEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = linkDebugEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -125,21 +128,14 @@ module.exports = {
       curConfig.dev.externals = neoExternals;
     }
 
-    if (
-      cmpNeoExports &&
-      ((Array.isArray(cmpNeoExports) && cmpNeoExports.length > 0) ||
-        (_.isPlainObject(cmpNeoExports) && Object.keys(cmpNeoExports).length > 0))
-    ) {
-      const commonModulesFilePath = createCommonModulesCode(cmpNeoExports);
+    // 写入自定义组件的共享模块和远程模块相关信息
+    const commonModulesFilePath = createCommonModulesCode(neoCommonModule, curCmpTypes);
 
-      // 所有入口文件添加 commonModulesFile
-      if (curConfig.dev.entry) {
-        Object.keys(curConfig.dev.entry).forEach((name) => {
-          curConfig.dev.entry[name] = [commonModulesFilePath].concat(
-            curConfig.dev.entry[name]
-          );
-        });
-      }
+    // 所有入口文件添加 commonModulesFile
+    if (commonModulesFilePath && curConfig.dev.entry) {
+      Object.keys(curConfig.dev.entry).forEach((name) => {
+        curConfig.dev.entry[name] = [commonModulesFilePath].concat(curConfig.dev.entry[name]);
+      });
     }
 
     akfun.dev(curConfig, consoleTag);
@@ -147,16 +143,21 @@ module.exports = {
   build: () => akfun.build('build', curConfig, consoleTag), // 构建脚本：生产环境
   build2lib: () => {
     const curEntry = curConfig.build2lib.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.build2lib.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -189,16 +190,21 @@ module.exports = {
     curConfig.build2lib = Object.assign(curConfig.build2lib, publish2ossConfig);
 
     const curEntry = curConfig.build2lib.entry;
+    let curCmpTypes = [];
 
     if (!curEntry || Object.keys(curEntry).length === 0) {
       // 如果未配置 entry，则自动生成 entry
       let entries = {};
       if (curConfig.build2lib.disableAutoRegister) {
         // disableAutoRegister 为 true 时，仅自动生成入口文件（不自动注册）
-        entries = getEntries('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntries(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       } else {
         // 自动生成入口文件（并自动创建对应的注册文件）
-        entries = getEntriesWithAutoRegister('build2lib', curConfig.componentsDir);
+        const { widgetEntries, cmpTypes } = getEntriesWithAutoRegister(curConfig.componentsDir);
+        entries = widgetEntries;
+        curCmpTypes = cmpTypes;
       }
 
       // 注入 webpack/entry
@@ -242,21 +248,16 @@ module.exports = {
       curConfig.build2lib.externals = neoExternals;
     }
 
-    if (
-      cmpNeoExports &&
-      ((Array.isArray(cmpNeoExports) && cmpNeoExports.length > 0) ||
-        (_.isPlainObject(cmpNeoExports) && Object.keys(cmpNeoExports).length > 0))
-    ) {
-      const commonModulesFilePath = createCommonModulesCode(cmpNeoExports);
+    // 写入自定义组件的共享模块和远程模块相关信息
+    const commonModulesFilePath = createCommonModulesCode(neoCommonModule, curCmpTypes);
 
-      // 所有入口文件添加 commonModulesFile
-      if (curConfig.build2lib.entry) {
-        Object.keys(curConfig.build2lib.entry).forEach((name) => {
-          curConfig.build2lib.entry[name] = [commonModulesFilePath].concat(
-            curConfig.build2lib.entry[name]
-          );
-        });
-      }
+    // 所有入口文件添加 commonModulesFile
+    if (commonModulesFilePath && curConfig.build2lib.entry) {
+      Object.keys(curConfig.build2lib.entry).forEach((name) => {
+        curConfig.build2lib.entry[name] = [commonModulesFilePath].concat(
+          curConfig.build2lib.entry[name]
+        );
+      });
     }
 
     akfun.build('lib', curConfig, consoleTag, () => {

package/src/neo/neoRequire.js

@@ -37,18 +37,28 @@ const getExternalsByNeoCommonModules = (cmpNeoExternals) => {
   return neoExternals;
 };
 
-// 数组方式的 externals 失效，需要使用对象方式的 externals
-const getExternalsByNeoCommonModulesV2 = () => {
-  return Object.keys(NeoCommonModules).map(moduleName => `commonjs ${moduleName}`);
-};
-
 // 用于添加共享的依赖模块
 const addNeoCommonModules = (modules) => {
   if (!window.__NeoCommonModules) {
-    window.__NeoCommonModules = {};
+    window.__NeoCommonModules = {}
   }
-  window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
-};
+  if (_.isPlainObject(modules)) {
+    window.__NeoCommonModules = Object.assign(window.__NeoCommonModules, modules);
+  }
+}
+
+// 用于添加自定义组件的远程组件
+const addNeoRemotes = (remotes) => {
+  if (!window.__NeoCommonModules) {
+    window.__NeoCommonModules = {}
+  }
+  if (!window.__NeoCommonModules.remotes) {
+    window.__NeoCommonModules.remotes = {}
+  }
+  if (_.isPlainObject(remotes)) {
+    window.__NeoCommonModules.remotes = Object.assign(window.__NeoCommonModules.remotes, remotes);
+  }
+}
 
 const initNeoRequire = () => {
   if (!window.neoRequire) {
@@ -62,5 +72,6 @@ const initNeoRequire = () => {
 module.exports = {
   initNeoRequire,
   addNeoCommonModules,
+  addNeoRemotes,
   getExternalsByNeoCommonModules
 };

package/src/template/antd-custom-cmp-template/neo.config.js

@@ -40,9 +40,10 @@ module.exports = {
   },
   // Neo 共享依赖模块
   neoCommonModule: {
-    // neoExports: ['echarts'], // 自定义组件 共享出来的模块，支持数组和对象
+    // neoExports: ['echarts'], // 自定义组件 共享出来的模块，支持数组和对象形式
     // neoExports: {}, // 对象写法
     // neoExternals: ['neo-register', 'chart-widget'], // 自定义组件 需要剔除的模块，仅支持数组写法
+    remotes: ['chart-widget'], // 远程组件，表示当前自定义组件会用到远程组件的导出模块，需要和 neoExternals 配合使用
   },
   preview: {
     // 用于开启本地预览模式的相关配置信息

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

@@ -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.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/antd-custom-cmp-template/src/components/{info-card2 → info-card}/model.ts

@@ -9,7 +9,7 @@ export class InfoCardModel {
   // cmpType: string = 'info-card';
 
   // 组件名称，用于设置在编辑器左侧组件面板中展示的名称
-  label: string = '信息卡片2';
+  label: string = '信息卡片';
 
   // 组件描述，用于设置在编辑器左侧组件面板中展示的描述
   description: string = '信息展示卡片';

package/src/template/echarts-custom-cmp-template/neo.config.js

@@ -38,14 +38,17 @@ module.exports = {
     // plugins: [],
     // babelPlugins: [],
   },
+  // 用于添加 Neo 共享依赖模块的配置信息
+  /*
   neoCommonModule: {
-    // neoExports: [], // 自定义组件 共享出来的模块，支持数组和对象
+    // neoExports: [], // 自定义组件 共享出来的模块，支持数组和对象形式
     neoExports: {
       'chart-widget': path.resolve('./src/components/chart-widget'), // 导出图表自定义组件
       'neo-register': 'neo-register', // 导出 Neo 注册模块
     },
     // neoExternals: [], // 自定义组件 需要剔除的模块，仅支持数组写法
   },
+  */
   preview: {
     // 用于开启本地预览模式的相关配置信息
     /*

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

@@ -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.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",

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

@@ -48,7 +48,7 @@
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
     "@types/axios": "^0.14.0",
-    "neo-cmp-cli": "^1.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/neo-custom-cmp-template/src/components/neo-entity-grid/README.md

@@ -35,16 +35,9 @@ import NeoEntityGrid from './components/neo-entity-grid';
 | objectApiKey | string | 'account' | 实体API Key |
 | tableType | string | 'lookup' | 表格类型 (lookup/list/related) |
 | selectionMode | string | 'multiple' | 选择模式 (single/multiple/none) |
-| showFooter | boolean | true | 是否显示底部 (分页、操作按钮等) |
 | showHeader | boolean | true | 是否显示头部 (工具栏、筛选等) |
 | data | any | - | 组件数据 |
 
-### 表格类型说明
-
-- **lookup**: 查找模式，用于选择数据
-- **list**: 列表模式，用于展示数据列表
-- **related**: 关联模式，用于展示关联数据
-
 ### 选择模式说明
 
 - **single**: 单选模式
@@ -52,8 +45,6 @@ import NeoEntityGrid from './components/neo-entity-grid';
 - **none**: 无选择模式
 
 ### 显示控制说明
-
-- **showFooter**: 控制是否显示表格底部，包括分页信息、操作按钮等
 - **showHeader**: 控制是否显示表格头部，包括工具栏、筛选条件等
 
 ### 使用示例
@@ -65,7 +56,6 @@ import NeoEntityGrid from './components/neo-entity-grid';
   objectApiKey="account"
   tableType="lookup"
   selectionMode="multiple"
-  showFooter={true}
   showHeader={true}
 />
 ```
@@ -77,7 +67,6 @@ import NeoEntityGrid from './components/neo-entity-grid';
   objectApiKey="account"
   tableType="list"
   selectionMode="none"
-  showFooter={false}
   showHeader={true}
 />
 ```
@@ -89,7 +78,6 @@ import NeoEntityGrid from './components/neo-entity-grid';
   objectApiKey="account"
   tableType="list"
   selectionMode="none"
-  showFooter={false}
   showHeader={false}
 />
 ```
@@ -124,5 +112,4 @@ const entityGridStore = EntityGridStore.create({
 
 ## 注意事项
 1. 组件需要在 Neo 环境中使用，需要相应的上下文支持
-2. EntityGrid 组件需要 render 函数来渲染 amis 组件
 3. 确保有相应的权限配置

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

@@ -44,7 +44,7 @@
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^9.1.1",
-    "neo-cmp-cli": "^1.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

package/src/template/react-ts-custom-cmp-template/package.json

@@ -46,7 +46,7 @@
     "@commitlint/config-conventional": "^9.1.1",
     "@types/react": "^16.9.11",
     "@types/react-dom": "^16.9.15",
-    "neo-cmp-cli": "^1.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5"

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

@@ -44,7 +44,7 @@
   "devDependencies": {
     "@commitlint/cli": "^8.3.5",
     "@commitlint/config-conventional": "^9.1.1",
-    "neo-cmp-cli": "^1.1.11",
+    "neo-cmp-cli": "^1.1.12",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.9",
     "prettier": "^2.0.5",