@maxelms/create-plugin-cli 1.1.21 → 1.1.23

package/package.json

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

package/templates/maxelms-navigation/package.json

@@ -41,6 +41,7 @@
     "postcss-loader": "6.1.1",
     "style-loader": "3.3.0",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.58.0",
     "webpack-cli": "5.0.1",

package/templates/maxelms-script/package.json.tpl

@@ -38,6 +38,7 @@
     "postcss-loader": "6.1.1",
     "style-loader": "3.3.0",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.58.0",
     "webpack-cli": "5.0.1",

package/templates/react-micro-app/package.json.tpl

@@ -38,6 +38,7 @@
     "postcss-loader": "6.1.1",
     "style-loader": "3.3.0",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.58.0",
     "webpack-cli": "4.10.0",

package/templates/react-micro-button/package.json.tpl

@@ -34,6 +34,7 @@
     "prettier": "2.4.1",
     "style-loader": "3.3.1",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.60.0",
     "webpack-cli": "4.10.0",

package/templates/react-micro-field/package.json.tpl

@@ -35,6 +35,7 @@
     "prettier": "2.4.1",
     "style-loader": "3.3.1",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.60.0",
     "webpack-cli": "4.10.0",

package/templates/react-micro-plugin/package.json.tpl

@@ -35,6 +35,7 @@
     "prettier": "2.4.1",
     "style-loader": "3.3.1",
     "ts-loader": "9.2.6",
+    "@types/minimatch": "5.1.0",
     "typescript": "5.6.2",
     "webpack": "5.60.0",
     "webpack-cli": "4.10.0",

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

@@ -16,10 +16,16 @@ if (process.env.NODE_ENV === 'development') {
 
 export default {
   name: 'App',
+    props: {
+    masterProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   data() {
     return {
       visible: false,
-      buttonName: this.$root?.masterProps?.originalButtonProps?.name,
+      buttonName: this.masterProps?.originalButtonProps?.name,
     }
   },
   components: {
@@ -29,7 +35,7 @@ export default {
 
   },
   created() {
-
+    console.log(this.masterProps)
   }
 }
 </script>

package/templates/vue3-micro-button/src/main.js

@@ -15,9 +15,7 @@ const vms = {}
 const render = (props) => {
   const { containerId } = props || {}
   createApp(App, {
-    data: {
-      masterProps: props || {}
-    },
+    masterProps: props || {}
   }).mount(containerId ? `#${containerId} #root` : '#root');
 }
 

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

@@ -23,6 +23,12 @@ export default {
   name: 'App',
   components: {
   },
+  props: {
+    masterProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   methods: {
     change(e) {
       this.onChange && this.onChange({
@@ -34,24 +40,27 @@ export default {
   computed: {
     /** value、onChange 是字段组件作为表单受控组件的必要属性 */
     value () {
-      return this.$root?.masterProps?.value?.value || "欢迎使用 Maxelms 字段组件"
+      return this.masterProps?.value?.value || "欢迎使用 Maxelms 字段组件"
     },
     onChange () {
-      return this.$root?.masterProps?.onChange
+      return this.masterProps?.onChange
     },
     /** 是否禁用 */
     disabled () {
-      return this.$root?.masterProps?.configurations?.propName3
+      return this.masterProps?.configurations?.propName3
     },
     /** 控件宽度 */
     width () {
-      return this.$root?.masterProps?.configurations?.propName2 || 350
+      return this.masterProps?.configurations?.propName2 || 350
     },
     /** 提示文本 */
     placeholder () {
-      return this.$root?.masterProps?.configurations?.propName1
+      return this.masterProps?.configurations?.propName1
     },
   },
+  created() {
+    console.log(this.masterProps)
+  }
 }
 </script>
 

package/templates/vue3-micro-field/src/main.js

@@ -15,9 +15,7 @@ const vms = {}
 const render = (props) => {
   const { containerId } = props || {}
   createApp(App, {
-    data: {
-      masterProps: props || {}
-    },
+    masterProps: props || {}
   }).mount(containerId ? `#${containerId} #root` : '#root');
 }
 

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

@@ -19,6 +19,12 @@ if (process.env.NODE_ENV === 'development') {
 
 export default {
   name: 'App',
+  props: {
+    masterProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
   components: {
   },
   methods: {
@@ -27,17 +33,20 @@ export default {
   computed: {
     /** 是否禁用 */
     disabled () {
-      return this.$root?.masterProps?.configurations?.propName3
+      return this.masterProps?.configurations?.propName3
     },
     /** 控件宽度 */
     width () {
-      return this.$root?.masterProps?.configurations?.propName2 || 350
+      return this.masterProps?.configurations?.propName2 || 350
     },
     /** 提示文本 */
     placeholder () {
-      return this.$root?.masterProps?.configurations?.propName1
+      return this.masterProps?.configurations?.propName1
     },
   },
+  created () {
+    console.log('masterProps', this.masterProps)
+  }
 }
 </script>
 

package/templates/vue3-micro-plugin/src/main.js

@@ -15,9 +15,7 @@ const vms = {}
 const render = (props) => {
   const { containerId } = props || {}
   createApp(App, {
-    data: {
-      masterProps: props || {}
-    },
+    masterProps: props || {}
   }).mount(containerId ? `#${containerId} #root` : '#root');
 }