@maxelms/create-plugin-cli 1.1.28 → 1.1.30

package/package.json

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

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

@@ -16,16 +16,14 @@ if (process.env.NODE_ENV === 'development') {
 
 export default {
   name: 'App',
-    props: {
-    masterProps: {
-      type: Object,
-      default: () => ({})
-    }
+  props: {
+    mainProps: {}
   },
   data() {
     return {
+      masterProps: { ...this.mainProps },
       visible: false,
-      buttonName: this.masterProps?.originalButtonProps?.name,
+      buttonName: this.mainProps?.originalButtonProps?.name,
     }
   },
   components: {
@@ -34,9 +32,7 @@ export default {
   methods: {
     updateMasterProps(newProps) {
       // 更新本地数据，这会触发响应式更新
-      this.localMasterProps = { ...newProps };
-      // 同时触发事件通知父组件
-      this.$emit('update:masterProps', newProps);
+      Object.assign(this.masterProps, newProps);
     },
   },
   created() {

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

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

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

@@ -24,12 +24,19 @@ export default {
   components: {
   },
   props: {
-    masterProps: {
-      type: Object,
-      default: () => ({})
-    }
+    mainProps: {}
+  },
+  data() {
+    return {
+      // 本地存储可变的 masterProps
+      masterProps: { ...this.mainProps }
+    };
   },
   methods: {
+    updateMasterProps(newProps) {
+      // 更新本地数据，触发响应式更新
+      Object.assign(this.masterProps, newProps);
+    },
     change(e) {
       this.onChange && this.onChange({
         text: null,
@@ -38,12 +45,6 @@ export default {
     }
   },
   computed: {
-    updateMasterProps(newProps) {
-      // 更新本地数据，这会触发响应式更新
-      this.localMasterProps = { ...newProps };
-      // 同时触发事件通知父组件
-      this.$emit('update:masterProps', newProps);
-    },
     /** value、onChange 是属性组件作为表单受控组件的必要属性 */
     value () {
       return this.masterProps?.value?.value || "欢迎使用 Maxelms 属性组件"

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

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

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

@@ -20,23 +20,17 @@ if (process.env.NODE_ENV === 'development') {
 export default {
   name: 'App',
   props: {
-    masterProps: {
-      type: Object,
-      default: () => ({})
-    }
+    mainProps: {}
   },
   components: {
   },
   methods: {
-
-  },
-  computed: {
     updateMasterProps(newProps) {
-      // 更新本地数据，这会触发响应式更新
-      this.localMasterProps = { ...newProps };
-      // 同时触发事件通知父组件
-      this.$emit('update:masterProps', newProps);
+      // 更新本地数据，触发响应式更新
+      Object.assign(this.masterProps, newProps);
     },
+  },
+  computed: {
     /** 是否禁用 */
     disabled () {
       return this.masterProps?.configurations?.propName3

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

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

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

@@ -12,21 +12,24 @@
 
 export default {
   name: 'App',
+  props: {
+    mainProps: {}
+  },
   data() {
     return {
+      masterProps: { ...this.mainProps }
       visible: false,
-      buttonName: this.$root?.masterProps?.originalButtonProps?.name,
+      buttonName: this.mainProps?.originalButtonProps?.name,
     }
   },
   components: {
 
   },
   methods: {
+    // 正确的方法来更新 masterProps
     updateMasterProps(newProps) {
-      // 更新本地数据，这会触发响应式更新
-      this.localMasterProps = { ...newProps };
-      // 同时触发事件通知父组件
-      this.$emit('update:masterProps', newProps);
+      // 更新本地数据，触发响应式更新
+      Object.assign(this.masterProps, newProps);
     },
   },
   created() {

package/templates/vue3vite-micro-button/src/main.ts

@@ -30,9 +30,8 @@ if (poweredByMaxelms && registerPlugin) {
 
 function render(props: any = {}) {
   const { containerId } = props
-  console.log(containerId)
   vms[containerId] = createApp(App, {
-    configurations: props || {},
+    mainProps: props || {}
   })
   vms[containerId].use(createPinia())
   vms[containerId].mount(containerId ? `#${containerId} #micro-app` : '#micro-app')

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

@@ -17,27 +17,33 @@ export default {
   name: 'App',
   components: {
   },
-  methods: {
-
+  props: {
+    mainProps: {}
   },
-  computed: {
+  data() {
+    return {
+      masterProps: { ...this.mainProps }
+    };
+  },
+  methods: {
+    // 正确的方法来更新 masterProps
     updateMasterProps(newProps) {
-      // 更新本地数据，这会触发响应式更新
-      this.localMasterProps = { ...newProps };
-      // 同时触发事件通知父组件
-      this.$emit('update:masterProps', newProps);
+      // 更新本地数据，触发响应式更新
+      Object.assign(this.masterProps, newProps);
     },
+  },
+  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
     },
   },
 }

package/templates/vue3vite-micro-plugin/src/main.ts

@@ -32,7 +32,7 @@ function render(props: any = {}) {
   const { containerId } = props
   console.log(containerId)
   vms[containerId] = createApp(App, {
-    configurations: props || {},
+    mainProps: props || {},
   })
   vms[containerId].use(createPinia())
   vms[containerId].mount(containerId ? `#${containerId} #micro-app` : '#micro-app')