npm - @maxelms/create-plugin-cli - Versions diffs - 1.1.18 → 1.1.20 - Mend

@maxelms/create-plugin-cli 1.1.18 → 1.1.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (34) hide show

package/templates/playground/dist/playground.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!doctype html><html><head><meta charset="utf-8"/><title>Maxelms Plugin Playground</title><script src="./zone.umd.min.js"></script><script src="./react.production.min.js"></script><script src="./react-dom.production.min.js"></script~~><script src="./vue.runtime.global.js"~~></script><script defer="defer" src="main.js"></script><link href="main.css" rel="stylesheet"></head><body><div id="root-playground"></div></body></html>
1	+ <!doctype html><html><head><meta charset="utf-8"/><title>Maxelms Plugin Playground</title><script src="./zone.umd.min.js"></script><script src="./react.production.min.js"></script><script src="./react-dom.production.min.js"></script></script><script defer="defer" src="main.js"></script><link href="main.css" rel="stylesheet"></head><body><div id="root-playground"></div></body></html>

package/templates/react-micro-field/src/index.tsx CHANGED Viewed

@@ -10,19 +10,21 @@ const render = (container: string, props?: any) => {
 const container = '#root';
 if (poweredByMaxelms) {
+  let $root: any
   registerPlugin({
     bootstrap() {
     },
     mount(props: any) {
       render(`#${props.containerId} ${container}`, props);
+      $root = document.querySelector(`#${props.containerId} ${container}`);
     },
     update(props: any) {
       render(`#${props.containerId} ${container}`, props);
     },
     unmount(props: any) {
-      const element = document.querySelector(`#${props.containerId} ${container}`)
+      const element = document.querySelector(`#${props.containerId} ${container}`) || $root;
       element && ReactDOM.unmountComponentAtNode(element);
-    }
+    },
   });
 } else {
   render(container);

package/templates/react-micro-field-umi/src/app.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ export const render = (oldRender: any) => {
     },
     unmount(props) {
       setMasterProps(props.containerId, undefined)
-      const unmountRootElement = document.querySelector(`#${props.containerId} #${defaultRootElement}`);
+      const unmountRootElement = document.querySelector(`#${props.containerId} #${defaultRootElement}`) || rootElement;
       unmountRootElement && ReactDom.unmountComponentAtNode(unmountRootElement)
     }
   })

package/templates/react-micro-plugin/src/index.tsx CHANGED Viewed

@@ -10,19 +10,21 @@ const render = (container: string, props?: any) => {
 const container = '#root';
 if (poweredByMaxelms) {
+  let $root: any
   registerPlugin({
     bootstrap() {
     },
     mount(props: any) {
       render(`#${props.containerId} ${container}`, props);
+      $root = document.querySelector(`#${props.containerId} ${container}`);
     },
     update(props: any) {
       render(`#${props.containerId} ${container}`, props);
     },
-    unmount(props) {
-      const element = document.querySelector(`#${props.containerId} ${container}`)
+    unmount(props: any) {
+      const element = document.querySelector(`#${props.containerId} ${container}`) || $root;
       element && ReactDOM.unmountComponentAtNode(element);
-    }
+    },
   });
 } else {
   render(container);

package/templates/react-micro-plugin-umi/src/app.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ export const render = (oldRender: any) => {
     },
     unmount(props) {
       setMasterProps(props.containerId, undefined)
-      const unmountRootElement = document.querySelector(`#${props.containerId} #${defaultRootElement}`);
+      const unmountRootElement = document.querySelector(`#${props.containerId} #${defaultRootElement}`) || rootElement;
       unmountRootElement && ReactDom.unmountComponentAtNode(unmountRootElement)
     }
   })

package/templates/vue3-micro-button/README.md ADDED Viewed

@@ -0,0 +1,24 @@
+# vue-p2
+## Project setup
+```
+pnpm install
+```
+### Compiles and hot-reloads for development
+```
+pnpm run serve
+```
+### Compiles and minifies for production
+```
+pnpm run build
+```
+### Lints and fixes files
+```
+pnpm run lint
+```
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

package/templates/vue3-micro-button/babel.config.js ADDED Viewed

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining'
+  ]
+}

package/templates/vue3-micro-button/configuration/App.vue ADDED Viewed

@@ -0,0 +1,78 @@
+<template>
+  <el-form label-position="top" :model="form">
+    <el-form-item label="是否禁用">
+      <el-switch v-model="form.disabled"></el-switch>
+    </el-form-item>
+    <el-form-item label="最大长度">
+      <el-input-number v-model="form.maxLength"></el-input-number>
+    </el-form-item>
+    <el-form-item label="控件大小">
+      <el-select v-model="form.size">
+        <el-option label="small" value="small"></el-option>
+        <el-option label="default" value="default"></el-option>
+        <el-option label="large" value="large"></el-option>
+      </el-select>
+    </el-form-item>
+    <el-form-item label="占位符">
+      <el-input v-model="form.placeholder"></el-input>
+    </el-form-item>
+    <el-form-item label="label">
+      <el-input v-model="form.label"></el-input>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { PluginChannel } from '@maxelms/create-pulgin-api'
+export default {
+  name: 'App',
+  data() {
+    return {
+      form: {
+        size: 'default',
+        disabled: false,
+        placeholder: '',
+        maxLength: 1,
+        label: '',
+      },
+      pluginChannel: null
+    };
+  },
+  mounted() {
+    this.pluginChannel = new PluginChannel({
+      init: this.initConfigs
+    })
+  },
+  beforeDestroy() {
+    this.pluginChannel && this.pluginChannel.destroy()
+  },
+  methods: {
+    initConfigs (configs) {
+      if (!configs || typeof configs !== 'object') return
+      this.form = {
+        ...this.form,
+        ...configs
+      }
+    }
+  },
+  watch: {
+    // 表单变化是，提交配置信息
+    form: {
+      handler() {
+        const config = { ...this.form };
+        this.pluginChannel.update(config);
+      },
+      deep: true,
+    },
+  },
+}
+</script>
+<style lang="scss">
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</style>

package/templates/vue3-micro-button/configuration/main.js ADDED Viewed

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import App from './App.vue'
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+Vue.use(ElementUI);
+new Vue({
+    render: h => h(App),
+}).$mount('#root')

package/templates/vue3-micro-button/manifest.json.tpl ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "configurationType": "<%= configurationType %>"
+}

package/templates/vue3-micro-button/package.json.tpl ADDED Viewed

@@ -0,0 +1,57 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build && maxelms-plugin-cli -c",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@maxelms/create-pulgin-api": "1.0.0",
+    "core-js": "3.6.5",
+    "element-ui": "2.15.6",
+    "vue": "3.0.0",
+    "vue-router": "4.0.0-beta.11",
+    "vuex": "4.0.0-beta.4"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-optional-chaining": "7.21.0",
+    "@maxelms/create-plugin-cli": "^1.0.0",
+    "@vue/cli-plugin-babel": "4.5.0",
+    "@vue/cli-plugin-eslint": "4.5.0",
+    "@vue/cli-service": "4.5.0",
+    "archiver": "5.3.1",
+    "@vue/compiler-sfc": "3.0.0",
+    "babel-eslint": "10.1.0",
+    "copy-webpack-plugin": "5.1.1",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "less": "^4.1.3",
+    "less-loader": "5.0.0",
+    "sass": "1.47.0",
+    "sass-loader": "8.0.2",
+    "url-loader": "2.2.0",
+    "vue-template-compiler": "2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

package/templates/vue3-micro-button/public/basicConfiguration.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  },
+  "externalParams": {
+    "label": "外部参数",
+    "type": "string"
+  }
+}

package/templates/vue3-micro-button/public/configuration.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Maxelms 字段组件</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/templates/vue3-micro-button/public/configuration.json ADDED Viewed

@@ -0,0 +1,34 @@
+{
+  "propName1": {
+    "label": "配置项一",
+    "type": "string",
+    "defaultValue": "配置项内容"
+  },
+  "propName2": {
+    "label": "配置项二",
+    "type": "number",
+    "defaultValue": 350
+  },
+  "propName3": {
+    "label": "配置项三",
+    "type": "select",
+    "options": [
+      {
+        "label": "选项1",
+        "value": "option1"
+      },
+      {
+        "label": "选项2",
+        "value": "option2"
+      },
+      {
+        "label": "选项3",
+        "value": "option3"
+      }
+    ]
+  },
+  "externalParams": {
+    "label": "外部参数",
+    "type": "string"
+  }
+}

package/templates/vue3-micro-button/public/index.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Maxelms 字段组件</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/templates/vue3-micro-button/scripts/compress.js ADDED Viewed

@@ -0,0 +1,32 @@
+const fs = require('fs');
+const archiver = require('archiver');
+const distDir = 'dist'
+if (fs.existsSync(distDir)) {
+  if (fs.existsSync('dist.maxplugin')) {
+    fs.unlinkSync('dist.maxplugin')
+  }
+  const output = fs.createWriteStream('dist.maxplugin');
+  const archive = archiver('zip', {
+    zlib: { level: 9 }
+  });
+  output.on('close', function() {
+    console.log('Compress completed!');
+  });
+  archive.on('error', function(err) {
+    console.log('Compress failed!');
+    throw err;
+  });
+  archive.pipe(output);
+  archive.directory('dist/', 'dist');
+  archive.finalize();
+} else {
+  console.log('No dist directory found!');
+}

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

@@ -0,0 +1,39 @@
+<template>
+  <div id="app">
+    <!-- 集成在 系统 中时会走该逻辑 -->
+    <span v-if="buttonName" @click="visible = true">{{buttonName}}</span>
+    <!-- 由于独立开发时没有 系统 传递的上下文数据，会渲染一个按钮辅助开发 -->
+    <button v-if="!buttonName" @click="visible = true">自定义按钮</button>
+  </div>
+</template>
+<script>
+if (process.env.NODE_ENV === 'development') {
+  const runtime = require('./vue.runtime.global.js')
+  console.log(12341234123412, runtime)
+}
+export default {
+  name: 'App',
+  data() {
+    return {
+      visible: false,
+      buttonName: this.$root?.masterProps?.originalButtonProps?.name,
+    }
+  },
+  components: {
+  },
+  methods: {
+  },
+  created() {
+  }
+}
+</script>
+<style>
+</style>

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

@@ -0,0 +1,41 @@
+import { createApp } from 'vue';
+import { registerPlugin, poweredByMaxelms } from '@maxelms/create-pulgin-api'
+import App from './App.vue'
+// Vue.config.productionTip = false
+window.__SINGLETON_MODE__ = true
+// configureCompat({
+//   MODE: true, // 开启 Vue 2 兼容模式
+// });
+const vms = {}
+const render = (props) => {
+  const { containerId } = props || {}
+  createApp(App, {
+    data: {
+      masterProps: props || {}
+    },
+  }).mount(containerId ? `#${containerId} #root` : '#root');
+}
+if (poweredByMaxelms) {
+  registerPlugin({
+    mount(props) {
+      render(props)
+    },
+    update(props) {
+      if (vms[props.containerId]) {
+        vms[props.containerId].masterProps = props
+      }
+    },
+    unmount(props) {
+      vms[props.containerId]?.$destroy?.()
+      vms[props.containerId] = null
+    }
+  });
+} else {
+  render()
+}

package/templates/vue3-micro-button/src/style.less.tpl ADDED Viewed

@@ -0,0 +1,16 @@
+@prefixCls: maxelms-customize-component-<%= timestamp %>;
+.@{prefixCls} {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    input {
+      width: 300px;
+      text-align: center;
+    }
+    img {
+      width: 350px;
+    }
+}