npm - @maxelms/create-plugin-cli - Versions diffs - 1.1.0 - Mend

@maxelms/create-plugin-cli 1.1.0

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 (274) hide show

package/templates/vue-micro-app/babel.config.js ADDED Viewed

@@ -0,0 +1,15 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining',
+    [
+      "component",
+      {
+        "libraryName": "element-ui",
+        "styleLibraryName": "theme-chalk"
+      }
+    ]
+  ]
+}

package/templates/vue-micro-app/manifest.json.tpl ADDED Viewed

@@ -0,0 +1,21 @@
+{
+  "routes": [
+    {
+      "title": "首页",
+      "value": "/"
+    },
+    {
+      "title": "列表页",
+      "value": "/list"
+    },
+    {
+      "title": "详情页",
+      "value": "/view"
+    },
+    {
+      "title": "新建页",
+      "value": "/new"
+    }
+  ],
+  "deviceTypes": ["pc"]
+}

package/templates/vue-micro-app/package.json.tpl ADDED Viewed

@@ -0,0 +1,54 @@
+{
+  "name": "<%= pluginName %>",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build && maxelms-plugin-cli -c",
+    "start": "npm run serve",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "3.6.5",
+    "vue": "2.6.11",
+    "vue-router": "3.5.3",
+    "vuex": "3.6.2"
+  },
+  "devDependencies": {
+    "@maxelms/create-plugin-cli": "<%= cliVersion %>",
+    "@vue/cli-plugin-babel": "4.5.0",
+    "@vue/cli-plugin-eslint": "4.5.0",
+    "@vue/cli-service": "4.5.0",
+    "archiver": "5.3.1",
+    "babel-eslint": "10.1.0",
+    "babel-plugin-component": "1.1.1",
+    "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/vue-micro-app/public/configuration.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "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"
+      }
+    ]
+  }
+}

package/templates/vue-micro-app/public/favicon.ico ADDED Viewed

Binary file

package/templates/vue-micro-app/public/index.html ADDED Viewed

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Maxelms MicroApp</title>
+  </head>
+  <body>
+    <div id="micro-app" style="height: 100%;"></div>
+  </body>
+</html>

package/templates/vue-micro-app/src/App.vue ADDED Viewed

@@ -0,0 +1,35 @@
+<template>
+  <div id="app">
+    <div id="nav">
+      <router-link :to="{name: 'home'}">Home</router-link>
+      |
+      <router-link :to="{name: 'about'}">About</router-link>
+    </div>
+    <router-view></router-view>
+  </div>
+</template>
+<script>
+export default {
+}
+</script>
+<style>
+#app {
+  text-align: center;
+  color: #2c3e50;
+}
+#nav {
+  padding-bottom: 20px;
+}
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+  text-decoration: none;
+}
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>

package/templates/vue-micro-app/src/assets/logo.png ADDED Viewed

Binary file

package/templates/vue-micro-app/src/components/HelloWorld.vue ADDED Viewed

@@ -0,0 +1,32 @@
+<template>
+  <div class="hello"></div>
+</template>
+<script>
+export default {
+  name: 'HelloWorld',
+  data() {
+    return {
+    }
+  },
+  methods: {
+  },
+  computed: {
+  },
+  watch: {
+  },
+  created() {
+  },
+  props: {
+  }
+}
+</script>
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+</style>

package/templates/vue-micro-app/src/main.js ADDED Viewed

@@ -0,0 +1,80 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import App from './App.vue'
+import routes from './routes'
+import './public-path'
+Vue.use(VueRouter)
+Vue.config.productionTip = false
+const rootId = 'micro-app'
+/** 为 hash 路由添加路由前缀 */
+const addRoutesBase = (base, routes) => {
+  if (!base) return routes
+  if (!Array.isArray(routes)) return []
+  return routes.map(item => {
+    const { path, children } = item
+    const prefix = base?.endsWith('/') ? base.slice(0, base.length-1): base
+    return {
+      ...item,
+      path: `${prefix}${path}`,
+      children: addRoutesBase(base, children)
+    }
+  })
+}
+/** vue 实例 */
+let vm = null
+/** 路由实例 */
+let router = null
+const render = (props = {}) => {
+  const { container, base } = props;
+  const root = container ? container.querySelector(`#${rootId}`) : document.getElementById(rootId)
+  router = new VueRouter({
+    routes: addRoutesBase(base, routes),
+  })
+  vm = new Vue({
+    data: {
+      masterProps: props,
+    },
+    router,
+    render: h => h(App),
+  }).$mount(root)
+}
+/** 独立开发环境 */
+if (!window.__POWERED_BY_QIANKUN__) {
+  render()
+}
+/**
+ * 以下生命周期将会在 apaas 基座环境中被调用
+ * 是基座应用与微应用通信的桥梁
+ * 开发者可以根据业务需求在不同的生命周期中编写业务代码
+ */
+/** 初始化周期 */
+export async function bootstrap() {
+}
+/** 挂载周期 */
+export async function mount(props) {
+  render(props)
+}
+/** 状态更新周期 */
+export async function update(props) {
+  vm.masterProps = props
+}
+/** 卸载周期 */
+export async function unmount() {
+  vm.$destroy();
+  vm.$el.innerHTML = '';
+  vm = null
+  router = null;
+}

package/templates/vue-micro-app/src/public-path.js ADDED Viewed

@@ -0,0 +1,5 @@
+// @ts-nocheck
+if (window?.__INJECTED_PUBLIC_PATH_BY_QIANKUN__) {
+    /* eslint-disable */
+    __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+}

package/templates/vue-micro-app/src/routes.js ADDED Viewed

@@ -0,0 +1,19 @@
+import Home from './views/Home.vue';
+import About from './views/About.vue';
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    component: Home,
+  },
+  {
+    path: '/about',
+    name: 'about',
+    component: About,
+  },
+];
+export default routes

package/templates/vue-micro-app/src/views/About.vue ADDED Viewed

@@ -0,0 +1,13 @@
+<template>
+  <div>about</div>
+</template>
+<script>
+export default {
+}
+</script>
+<style>
+</style>

package/templates/vue-micro-app/src/views/Home.vue ADDED Viewed

@@ -0,0 +1,21 @@
+<template>
+  <div>
+    home
+    <HelloWorld></HelloWorld>
+  </div>
+</template>
+<script>
+import HelloWorld from '../components/HelloWorld.vue'
+export default {
+  components: {
+    HelloWorld,
+  }
+}
+</script>
+<style>
+</style>

package/templates/vue-micro-app/vue.config.js.tpl ADDED Viewed

@@ -0,0 +1,35 @@
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+module.exports = {
+  devServer: {
+    open: true,
+    port: 9000,
+    host: 'localhost',
+    headers: {
+      'Access-Control-Allow-Origin': '*',
+    },
+  },
+  publicPath: "./",
+  productionSourceMap: false,
+  configureWebpack: {
+    output: {
+      library: "<%= pluginName %>-<%= uniqueIdentifier %>",
+      libraryTarget: 'umd',
+    },
+    plugins: [
+      new CopyWebpackPlugin([
+        { from: 'README.md' },
+        { from: 'manifest.json' },
+      ]),
+    ]
+  },
+  chainWebpack: (config) => {
+    config.module
+      .rule('fonts')
+      .test(/.(ttf|otf|eot|woff|woff2)$/)
+      .use('url-loader')
+      .loader('url-loader')
+      .tap(() => ({ name: '/fonts/[name].[hash:8].[ext]' }))
+      .end()
+  },
+}

package/templates/vue-micro-button/.gitignore.tpl ADDED Viewed

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+# production
+/dist
+# misc
+.DS_Store
+# umi
+/src/.umi
+/src/.umi-production
+/src/.umi-test
+/.env.local
+/dist.maxplugin
+/dist.zip
+/.vscode

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

@@ -0,0 +1,5 @@
+# Maxelms Custom Button
+## 功能介绍
+## 使用说明

package/templates/vue-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/vue-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 '@max-kit/max-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/vue-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/vue-micro-button/manifest.json.tpl ADDED Viewed

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

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

@@ -0,0 +1,51 @@
+{
+  "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": {
+    "@max-kit/max-api": "1.0.1",
+    "core-js": "3.6.5",
+    "element-ui": "2.15.6",
+    "vue": "2.6.11"
+  },
+  "devDependencies": {
+    "@maxelms/create-plugin-cli": "<%= cliVersion %>",
+    "@vue/cli-plugin-babel": "4.5.0",
+    "@vue/cli-plugin-eslint": "4.5.0",
+    "@vue/cli-service": "4.5.0",
+    "archiver": "5.3.1",
+    "babel-eslint": "10.1.0",
+    "copy-webpack-plugin": "5.1.1",
+    "eslint": "6.7.2",
+    "eslint-plugin-vue": "6.2.2",
+    "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/vue-micro-button/public/basicConfiguration.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "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"
+      }
+    ]
+  }
+}

package/templates/vue-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/vue-micro-button/public/configuration.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "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"
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <div id="micro-button-root"></div>
+</body>
+</html>