@maxelms/create-plugin-cli 1.1.34 → 1.1.36

package/lib/index.js

@@ -69,9 +69,9 @@ var ConfigTypeEnum;
     ConfigTypeEnum["HTML"] = "html";
 })(ConfigTypeEnum || (ConfigTypeEnum = {}));
 var create = function (pluginName, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var targetDir, PROJECT_TYPE, PROJECT_FRAME, PROJECT_CONFIG_TYPE, _a, TEMPLATE, type, _b, framework, configurationType, choices, _c, _d, templateName, templateDir, ignore, files, ejsData;
-    return __generator(this, function (_e) {
-        switch (_e.label) {
+    var targetDir, PROJECT_TYPE, PROJECT_FRAME, PROJECT_CONFIG_TYPE, _a, TEMPLATE, type, _b, framework, configurationType, choices, _c, templateName, templateDir, ignore, files, ejsData;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 console.log(figlet_1.default.textSync('maxelms cli'));
                 targetDir = path_1.default.resolve(process.cwd(), pluginName);
@@ -88,29 +88,29 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                         message: '请选择项目类型：',
                         choices: [
                             {
-                                name: '页面组件（组件将会在布局设计器中作为基础物料拖拽使用）',
+                                name: '页面组件（页面设计器配置）',
                                 value: ProjectTypeEnum.MICROPLUGIN
                             },
                             {
-                                name: '属性组件（替换系统内置属性组件）',
+                                name: '属性组件（属性组件配置）',
                                 value: ProjectTypeEnum.MICROFIELD
                             },
                             {
-                                name: '微应用（可以在业务前台、业务后台）',
+                                name: '微应用（菜单应用）',
                                 value: ProjectTypeEnum.MICROAPP
                             },
                             {
-                                name: '按钮组件（自定义标准实体按钮行为、扩展业务后台）',
+                                name: '按钮组件（按钮配置）',
                                 value: ProjectTypeEnum.MICROBUTTON
                             },
                             // {
                             //   name: '导航组件（替换系统内置的导航组件）',
                             //   value: ProjectTypeEnum.NAV
                             // },
-                            {
-                                name: '主题样式（通过 css 样式表覆盖系统默认样式）',
-                                value: ProjectTypeEnum.STYLE
-                            },
+                            // {
+                            //   name: '主题样式（通过 css 样式表覆盖系统默认样式）',
+                            //   value: ProjectTypeEnum.STYLE
+                            // },
                             // {
                             //   name: '扩展脚本（在系统初始化时加载并执行指定的 js 文件）',
                             //   value: ProjectTypeEnum.SCRIPT
@@ -118,8 +118,8 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                         ],
                     }).then(function (re) { return re.type; })];
             case 1:
-                _b = (_e.sent());
-                _e.label = 2;
+                _b = (_d.sent());
+                _d.label = 2;
             case 2:
                 type = _b;
                 framework = '';
@@ -128,7 +128,7 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                     ProjectTypeEnum.NAV,
                     ProjectTypeEnum.STYLE,
                     ProjectTypeEnum.SCRIPT
-                ].includes(type)) return [3 /*break*/, 7];
+                ].includes(type)) return [3 /*break*/, 5];
                 choices = frameworks.map(function (framework) {
                     return {
                         name: framework,
@@ -149,31 +149,29 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                         choices: choices,
                     }).then(function (re) { return re.framework; })];
             case 3:
-                _c = (_e.sent());
-                _e.label = 4;
+                _c = (_d.sent());
+                _d.label = 4;
             case 4:
                 framework = _c;
-                if (!(type === ProjectTypeEnum.MICROFIELD || type === ProjectTypeEnum.MICROPLUGIN || type === ProjectTypeEnum.MICROBUTTON)) return [3 /*break*/, 7];
-                _d = ConfigTypeEnum[PROJECT_CONFIG_TYPE];
-                if (_d) return [3 /*break*/, 6];
-                return [4 /*yield*/, inquirer_1.default.prompt({
-                        name: 'configurationType',
-                        type: 'list',
-                        message: '请选择配置类型：',
-                        choices: Object.keys(ConfigTypeEnum).map(function (key) {
-                            return {
-                                name: key,
-                                value: ConfigTypeEnum[key],
-                            };
-                        }),
-                    }).then(function (re) { return re.configurationType; })];
+                if (type === ProjectTypeEnum.MICROFIELD || type === ProjectTypeEnum.MICROPLUGIN || type === ProjectTypeEnum.MICROBUTTON) {
+                    configurationType = ConfigTypeEnum.JSON;
+                    // } else {
+                    //   configurationType = ConfigTypeEnum[PROJECT_CONFIG_TYPE] || await inquirer.prompt(
+                    //     {
+                    //       name: 'configurationType',
+                    //       type: 'list',
+                    //       message: '请选择配置类型：',
+                    //       choices: Object.keys(ConfigTypeEnum).map((key) => {
+                    //         return {
+                    //           name: key,
+                    //           value: ConfigTypeEnum[key as keyof typeof ConfigTypeEnum],
+                    //         };
+                    //       }),
+                    //     },
+                    //   ).then((re: any) => re.configurationType)
+                }
+                _d.label = 5;
             case 5:
-                _d = (_e.sent());
-                _e.label = 6;
-            case 6:
-                configurationType = _d;
-                _e.label = 7;
-            case 7:
                 templateName = "".concat(framework, "-").concat(type);
                 if (type === ProjectTypeEnum.NAV) {
                     templateName = 'maxelms-navigation';
@@ -199,8 +197,8 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                     ignore.push.apply(ignore, ['**/configuration/**', '**/configuration.html']);
                 }
                 return [4 /*yield*/, (0, utils_1.readFiles)(templateDir, ignore)];
-            case 8:
-                files = _e.sent();
+            case 6:
+                files = _d.sent();
                 ejsData = {
                     pluginName: pluginName,
                     configurationType: configurationType,
@@ -210,17 +208,16 @@ var create = function (pluginName, options) { return __awaiter(void 0, void 0, v
                 };
                 (0, utils_1.replaceTplVars)(files, ejsData);
                 return [4 /*yield*/, (0, utils_1.writeFiles)(targetDir, files)];
-            case 9:
-                _e.sent();
-                if (![
-                    ProjectTypeEnum.MICROFIELD,
-                    ProjectTypeEnum.MICROPLUGIN,
-                ].includes(type)) return [3 /*break*/, 11];
-                return [4 /*yield*/, createPlayground(targetDir)];
-            case 10:
-                _e.sent();
-                _e.label = 11;
-            case 11:
+            case 7:
+                _d.sent();
+                // if (
+                //   [
+                //     ProjectTypeEnum.MICROFIELD,
+                //     ProjectTypeEnum.MICROPLUGIN,
+                //   ].includes(type)
+                // ) {
+                //   await createPlayground(targetDir);
+                // }
                 console.log(chalk_1.default.greenBright("\n    \u9879\u76EE\u521B\u5EFA\u6210\u529F\uFF01\n\n    cd ".concat(pluginName, "\n\n    yarn && yarn start\n  ")));
                 return [2 /*return*/];
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxelms/create-plugin-cli",
-  "version": "1.1.34",
+  "version": "1.1.36",
   "main": "./bin/index.js",
   "author": "jackc_001",
   "bin": {

package/templates/angular-micro-app/webpack.config.js

@@ -17,7 +17,7 @@ const config = {
       : '[name].bundle.js',
   },
   devServer: {
-    open: ['/', '/playground.html'],
+    open: ['/'],
     host: 'localhost',
     port: 8080,
     headers: {
@@ -40,9 +40,7 @@ const config = {
         cookieDomainRewrite: '',
       },
     },
-    static: [{
-      directory: path.join(__dirname, 'examples/'),
-    }, {
+    static: [ {
       directory: path.join(__dirname, 'public/'),
     }],
   },

package/templates/angular-micro-button/webpack.config.js

@@ -41,8 +41,6 @@ const config = {
       },
     },
     static: [{
-      directory: path.join(__dirname, 'examples/'),
-    }, {
       directory: path.join(__dirname, 'public/'),
     }],
   },

package/templates/angular-micro-field/webpack.config.js

@@ -17,7 +17,7 @@ const config = {
       : '[name].bundle.js',
   },
   devServer: {
-    open: ['/', '/playground.html'],
+    open: ['/'],
     host: 'localhost',
     port: 8080,
     headers: {
@@ -41,8 +41,6 @@ const config = {
       },
     },
     static: [{
-      directory: path.join(__dirname, 'examples/'),
-    }, {
       directory: path.join(__dirname, 'public/'),
     }],
   },

package/templates/angular-micro-plugin/webpack.config.js

@@ -17,7 +17,7 @@ const config = {
       : '[name].bundle.js',
   },
   devServer: {
-    open: ['/', '/playground.html'],
+    open: ['/'],
     host: 'localhost',
     port: 8080,
     headers: {
@@ -41,8 +41,6 @@ const config = {
       },
     },
     static: [{
-      directory: path.join(__dirname, 'examples/'),
-    }, {
       directory: path.join(__dirname, 'public/'),
     }],
   },

package/templates/react-micro-app/src/pages/Home/index.tsx

@@ -7,25 +7,13 @@ import styles from './index.less'
 const Home = () => {
   /** 平台传递给微应用的状态数据 */
   const props = React.useContext(MasterContext)
-  /** 当组件运行在 系统应用时才存在 props 属性 */
-  const { configurations } = props || {}
-  /** configurations 是组件的配置项信息 */
-  const {
-    propName1: placeholder,
-    propName2: width = 350,
-    propName3: disabled,
-  } = configurations || {}
+  console.log('props', props)
 
   return (
     <div className={styles.container}>
-      <div>
-        <Input
-          style={{ width }}
-          disabled={disabled}
-          placeholder={placeholder}
-          defaultValue="欢迎使用 Maxelms 微应用"
-        />
-      </div>
+      <Input
+        defaultValue="欢迎使用 Maxelms 微应用"
+      />
     </div>
   );
 };

package/templates/react-micro-button/src/App.tsx

@@ -6,6 +6,7 @@ const App = (props: any) => {
   const { originalButtonProps, bizData, pluginEnv, userInfo } = props
   const { name = <button>自定义按钮</button> } = originalButtonProps || {}
   const [visible, setVisible] = React.useState(false)
+  console.log('props', props)
 
   const onOk = () => {
     setVisible(false)

package/templates/react-micro-field/src/App.tsx.tpl

@@ -7,12 +7,7 @@ const prefixCls = 'maxelms-customize-component-<%= timestamp %>'
 const App = (props: any) => {
   /** 当组件运行在 系统应用时才存在 props 属性 */
   const { configurations, value, onChange, readOnly } = props
-  /** configurations 是组件的配置项信息 */
-  const {
-    propName1: placeholder,
-    propName2: width = 350,
-    propName3: disabled,
-  } = configurations || {}
+  console.log('props', props)
 
   /** value、onChange 是属性组件作为表单受控组件的必要属性 */
   const inputValue = value?.value || "欢迎使用 Maxelms 属性组件"
@@ -36,11 +31,8 @@ const App = (props: any) => {
     <div className={prefixCls}>
       <div>
         <Input
-          style={{ width }}
           value={inputValue}
           onChange={onInputChange}
-          disabled={disabled}
-          placeholder={placeholder}
         />
       </div>
     </div>

package/templates/react-micro-field/webpack.config.js.tpl

@@ -27,15 +27,12 @@ const config = {
       : '[name].bundle.js',
   },
   devServer: {
-    open: ['/', '/playground.html'],
+    open: ['/'],
     host: 'localhost',
     port: 8080,
     headers: {
       'Access-Control-Allow-Origin': '*',
-    },
-    static: {
-      directory: path.join(__dirname, 'examples/'),
-    },
+    }
   },
   plugins: [
     new CleanWebpackPlugin(),

package/templates/react-micro-field-umi/config/plugin.ts

@@ -8,9 +8,6 @@ const pluginConfig = {
     port: 8080,
     headers: {
       'Access-Control-Allow-Origin': '*',
-    },
-    static: {
-      directory: path.join(__dirname, 'examples/'),
     }
   }
 }

package/templates/react-micro-plugin/src/App.tsx.tpl

@@ -6,21 +6,12 @@ const prefixCls = 'maxelms-customize-component-<%= timestamp %>'
 
 const App = (props: any) => {
   /** 当组件运行在 系统应用时才存在 props 属性 */
-  /** configurations 是组件的配置项信息 */
-  const { configurations } = props
-  const {
-    propName1: placeholder,
-    propName2: width = 350,
-    propName3: disabled,
-  } = configurations || {}
+  console.log('props', props)
 
   return (
     <div className={prefixCls}>
       <div>
         <Input
-          style={{ width }}
-          disabled={disabled}
-          placeholder={placeholder}
           defaultValue="欢迎使用 Maxelms 页面组件"
         />
       </div>

package/templates/react-micro-plugin/webpack.config.js.tpl

@@ -27,15 +27,13 @@ const config = {
       : '[name].bundle.js',
   },
   devServer: {
-    open: ['/', '/playground.html'],
+    open: ['/'],
     host: 'localhost',
     port: 8080,
     headers: {
       'Access-Control-Allow-Origin': '*',
     },
     static: [{
-      directory: path.join(__dirname, 'examples/'),
-    }, {
       directory: path.join(__dirname, 'public/')
     }],
   },

package/templates/react-micro-plugin-umi/config/plugin.ts

@@ -8,9 +8,6 @@ const pluginConfig = {
     port: 8080,
     headers: {
       'Access-Control-Allow-Origin': '*',
-    },
-    static: {
-      directory: path.join(__dirname, 'examples/'),
     }
   }
 }

package/templates/vue-micro-button/vue.config.js.tpl

@@ -28,8 +28,6 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    // open: ['/', '/playground.html'],
-    // contentBase: path.join(__dirname, 'examples/'),
   },
   chainWebpack: (config) => {
     config.module
@@ -46,6 +44,11 @@ module.exports = {
         { from: 'README.md' },
         { from: 'manifest.json' },
       ]),
-    ]
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue-micro-field/vue.config.js.tpl

@@ -28,8 +28,7 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    open: ['/', '/playground.html'],
-    contentBase: path.join(__dirname, 'examples/'),
+    open: ['/'],
   },
   chainWebpack: (config) => {
     config.module
@@ -45,7 +44,12 @@ module.exports = {
       new CopyWebpackPlugin([
         { from: 'README.md' },
         { from: 'manifest.json' },
-      ]),
-    ]
+      ])
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue-micro-plugin/vue.config.js.tpl

@@ -28,8 +28,7 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    open: ['/', '/playground.html'],
-    contentBase: path.join(__dirname, 'examples/'),
+    open: ['/'],
   },
   chainWebpack: (config) => {
     config.module
@@ -48,6 +47,11 @@ module.exports = {
         { from: 'README.md' },
         { from: 'manifest.json' },
       ]),
-    ]
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue3-micro-app/vue.config.js.tpl

@@ -29,6 +29,7 @@ module.exports = {
     resolve: {
       alias: {
         '@': resolve('src'),
+        'vue$': 'vue/dist/vue.esm-bundler.js'
       },
     },
     output: {

package/templates/vue3-micro-button/src/App.vue.tpl

@@ -31,8 +31,10 @@ export default {
   },
   methods: {
     updateMasterProps(newProps) {
-      // 更新本地数据，这会触发响应式更新
-      Object.assign(this.masterProps, newProps);
+      if (this.masterProps) {
+        // 更新本地数据，触发响应式更新
+        Object.assign(this.masterProps, newProps);
+      }
     },
   },
   created() {

package/templates/vue3-micro-button/vue.config.js

@@ -21,8 +21,7 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    open: ['/', '/playground.html'],
-    contentBase: path.join(__dirname, 'examples/'),
+    open: ['/']
   },
   chainWebpack: (config) => {
     config.module
@@ -41,6 +40,12 @@ module.exports = {
         { from: 'README.md' },
         { from: 'manifest.json' },
       ]),
-    ]
+      
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue3-micro-field/src/App.vue.tpl

@@ -34,8 +34,10 @@ export default {
   },
   methods: {
     updateMasterProps(newProps) {
-      // 更新本地数据，触发响应式更新
-      Object.assign(this.masterProps, newProps);
+      if (this.masterProps) {
+        // 更新本地数据，触发响应式更新
+        Object.assign(this.masterProps, newProps);
+      }
     },
     change(e) {
       this.onChange && this.onChange({

package/templates/vue3-micro-field/vue.config.js

@@ -21,8 +21,7 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    open: ['/', '/playground.html'],
-    contentBase: path.join(__dirname, 'examples/'),
+    open: ['/']
   },
   chainWebpack: (config) => {
     config.module
@@ -41,6 +40,11 @@ module.exports = {
         { from: 'README.md' },
         { from: 'manifest.json' },
       ]),
-    ]
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue3-micro-plugin/src/App.vue.tpl

@@ -22,12 +22,19 @@ export default {
   props: {
     mainProps: {}
   },
+  data() {
+    return {
+      masterProps: { ...this.mainProps }
+    }
+  },
   components: {
   },
   methods: {
     updateMasterProps(newProps) {
-      // 更新本地数据，触发响应式更新
-      Object.assign(this.masterProps, newProps);
+      if (this.masterProps) {
+        // 更新本地数据，触发响应式更新
+        Object.assign(this.masterProps, newProps);
+      }
     },
   },
   computed: {

package/templates/vue3-micro-plugin/vue.config.js

@@ -21,8 +21,7 @@ module.exports = {
       "Access-Control-Allow-Origin": "*",
     },
     port: 8080,
-    open: ['/', '/playground.html'],
-    contentBase: path.join(__dirname, 'examples/'),
+    open: ['/']
   },
   chainWebpack: (config) => {
     config.module
@@ -41,6 +40,11 @@ module.exports = {
         { from: 'README.md' },
         { from: 'manifest.json' },
       ]),
-    ]
+    ],
+    resolve: {
+      alias: {
+        'vue$': 'vue/dist/vue.esm-bundler.js'
+      }
+    }
   },
 };

package/templates/vue3vite-micro-button/src/App.vue.tpl

@@ -28,12 +28,14 @@ export default {
   methods: {
     // 正确的方法来更新 masterProps
     updateMasterProps(newProps) {
-      // 更新本地数据，触发响应式更新
-      Object.assign(this.masterProps, newProps);
+      if (this.masterProps) {
+        // 更新本地数据，触发响应式更新
+        Object.assign(this.masterProps, newProps);
+      }
     },
   },
   created() {
-
+    console.log('masterProps', this.masterProps)
   }
 }
 </script>

package/templates/vue3vite-micro-plugin/src/App.vue.tpl

@@ -28,8 +28,10 @@ export default {
   methods: {
     // 正确的方法来更新 masterProps
     updateMasterProps(newProps) {
-      // 更新本地数据，触发响应式更新
-      Object.assign(this.masterProps, newProps);
+      if (this.masterProps) {
+        // 更新本地数据，触发响应式更新
+        Object.assign(this.masterProps, newProps);
+      }
     },
   },
   computed: {