meixioacomponent 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",

package/packages/components/dynamicmount/dynamicMount.vue

@@ -4,8 +4,7 @@
 
 <script>
 import Vue from "vue";
-import store from "../../store";
-import router from "../../router";
+import componentConfig from "../../config/componentConfig";
 export default {
   name: "dynamicMount",
   data() {
@@ -54,9 +53,9 @@ export default {
         propsData: {
           ...this.componentProps,
         },
-        store: store,
+        store: componentConfig.store,
         parent: this,
-        router: router,
+        router: componentConfig.router,
       });
       this.registerListen();
       this.$children.push(this.componentMounted);

package/packages/components/dynamicmount/index.js

@@ -1,6 +1,6 @@
 import Vue from "vue";
-import store from "../../store/index";
 import dynamicMountComponent from "./dynamicMount.vue";
+import componentConfig from "../../config/componentConfig";
 const ComponentInsertConstructor = Vue.extend(dynamicMountComponent);
 
 //使用方法
@@ -11,8 +11,8 @@ const ComponentInsertConstructor = Vue.extend(dynamicMountComponent);
 //   });
 
 const Insert = (options) => {
-  store.commit("component/SET_DYNAMICID");
-  let id = store.getters.dynamicId;
+  componentConfig.setDynamicId();
+  let id = componentConfig.dynamicId;
   const componentInsertConstructor = new ComponentInsertConstructor();
   componentInsertConstructor.vm = componentInsertConstructor.$mount();
   componentInsertConstructor.dom = componentInsertConstructor.vm.$el;

package/packages/components/index.js

@@ -30,6 +30,13 @@ import baseDialogForm from "./proForm/dialogForm/dialogFormIndex";
 import baseForm from "./proForm/proForm/index";
 import baseFormWrap from "./proForm/proFormWrap/index";
 import baseProTable from "./proPageTable/index";
+// js 文件相关
+import DynamicMount from "./dynamicmount/index.js";
+import componentConfig from "../config/componentConfig";
+import SelectStore from "../config/selectStore/SelectStore";
+//
+import useImg from "../config/use/UseImg";
+import useFixedHeader from "../config/use/useFixedHeader";
 
 const meixicomponents = [
   baseAnchor,
@@ -70,6 +77,7 @@ const install = (Vue) => {
   meixicomponents.forEach((component) => {
     Vue.component(component.name, component);
   });
+  Vue.use(DynamicMount);
 };
 
 if (typeof window !== "undefined" && window.Vue) {
@@ -78,6 +86,7 @@ if (typeof window !== "undefined" && window.Vue) {
 
 export default {
   install,
+  componentConfig,
   meixicomponents,
   baseAnchor,
   baseAppendix,
@@ -111,4 +120,7 @@ export default {
   baseForm,
   baseFormWrap,
   baseProTable,
+  SelectStore,
+  useImg,
+  useFixedHeader,
 };

package/packages/components/proForm/proForm/pro_form_item.vue

@@ -186,7 +186,7 @@
 <script>
 import { FilterTime } from "../../../utils/utils";
 //
-import UseSelectStore from "../../../config/use/UseSelectStore";
+import componentConfig from "../../../config/componentConfig";
 export default {
   data() {
     return {
@@ -218,8 +218,7 @@ export default {
       return this.selectStore.getLoading();
     },
     selectStore() {
-      // console.log()
-      return UseSelectStore.getStore(this.$props.config.useStore);
+      return componentConfig.selectStore.getStore(this.$props.config.useStore);
     },
 
     selectData() {

package/packages/config/componentConfig.js

@@ -0,0 +1,25 @@
+// import UseSelectStoreClass from "./selectStore/UseSelectStoreClass";
+import selectStore from "./storeModule/selectStore";
+const componentConfig = {
+  store: null,
+  router: null,
+  dynamicId: 0,
+  selectStore: null,
+
+  setDynamicId: () => {
+    componentConfig.dynamicId += 1;
+  },
+
+  initConfig: (_store, _router) => {
+    // 动态注册vuex modules
+    _store.registerModule("selectStore", selectStore);
+    // 注册vuex里面selectStore管理类
+    _store.commit("selectStore/CREATE_SELECTSTORE");
+    componentConfig.store = _store;
+    componentConfig.router = _router;
+    componentConfig.selectStore =
+      componentConfig.store.getters["selectStore/getSelectStore"];
+  },
+};
+
+export default componentConfig;

package/packages/config/selectStore/SelectStore.js

@@ -1,14 +1,16 @@
+import componentConfig from "../componentConfig";
 class SelectStore {
-  constructor(request) {
+  constructor(params) {
     this.data = [];
     this.loading = false;
-    this.request = request;
+    this.name = params.name;
+    this.request = params.request;
   }
 
   async loadData() {
     this.loading = true;
     let result = await this.request();
-    
+
     this.loading = false;
     this.data = result;
   }

package/packages/config/selectStore/UseSelectStoreClass.js

@@ -1,5 +1,6 @@
 class UseSelectStoreClass {
   constructor() {
+    this.storeClassList = {};
     this.storeList = [];
   }
   hasStore(store) {
@@ -9,13 +10,12 @@ class UseSelectStoreClass {
     return index;
   }
   getStore(store) {
-    console.log(store);
     let flag = this.hasStore(store);
     if (flag == -1) {
-      let value = require(`@/config/selectStore/${store}.js`);
+      let value = this.storeClassList[`${store}`];
       let obj = {
         key: `${store}`,
-        value: value.default,
+        value: value,
       };
       this.storeList.push(obj);
       return obj.value;
@@ -23,5 +23,11 @@ class UseSelectStoreClass {
 
     return this.storeList[flag].value;
   }
+
+  registerStore(params) {
+    console.log(params);
+    this.storeClassList[`${params.name}`] = params.class;
+    console.log(this.storeClassList);
+  }
 }
 export default UseSelectStoreClass;

package/packages/config/storeModule/selectStore.js

@@ -0,0 +1,24 @@
+import UseSelectStoreClass from "../selectStore/UseSelectStoreClass";
+
+const selectStore = {
+  namespaced: true,
+  state: {
+    selectStore: null,
+  },
+
+  getters: {
+    getSelectStore(state) {
+      return state.selectStore;
+    },
+  },
+
+  mutations: {
+    CREATE_SELECTSTORE: (state) => {
+      state.selectStore = new UseSelectStoreClass();
+      console.log("注册成功");
+    },
+  },
+  actions: {},
+};
+
+export default selectStore;

package/packages/config/use/useFixedHeader.js

@@ -1,5 +1,6 @@
-import baseFixedHeader from "../../components/base/baseFixedHeader.vue";
+
 import DynamicMount from "../../components/dynamicmount/DynamicMount";
+import baseFixedHeader from "../../components/base/baseFixedHeader/baseFixedHeader.vue";
 
 class UseFixedHeader {
   constructor() {

package/packages/config/selectStore/testSelectStore.js

@@ -1,40 +0,0 @@
-import SelectStore from "./SelectStore";
-// 示例
-let testRequest = () => {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      resolve([
-        {
-          value: 1,
-          label: "黄金糕",
-        },
-        {
-          value: 2,
-          label: "双皮奶",
-        },
-        {
-          value: 3,
-          label: "蚵仔煎",
-        },
-        {
-          value: 4,
-          label: "龙须面",
-        },
-        {
-          value: 5,
-          label: "北京烤鸭",
-        },
-      ]);
-    }, 5000);
-  });
-};
-
-class TestSelectStore extends SelectStore {
-  constructor(request) {
-    super(request);
-  }
-}
-
-let testSelectStore = new TestSelectStore(testRequest);
-
-export default testSelectStore;

package/packages/config/use/UseSelectStore.js

@@ -1,2 +0,0 @@
-import Vue from "vue";
-export default Vue.prototype.$store.getters.selectStore;

package/src/main.js

@@ -1,9 +0,0 @@
-import Vue from 'vue'
-import store from './store'
-import router from './router'
-Vue.config.productionTip = false
-new Vue({
-  router,
-  store,
-  render: h => h(App)
-}).$mount('#app')

package/src/router/index.js

@@ -1,29 +0,0 @@
-import Vue from 'vue'
-import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
-
-Vue.use(VueRouter)
-
-const routes = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  {
-    path: '/about',
-    name: 'About',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
-  }
-]
-
-const router = new VueRouter({
-  mode: 'history',
-  base: process.env.BASE_URL,
-  routes
-})
-
-export default router

package/src/store/index.js

@@ -1,15 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {
-  },
-  mutations: {
-  },
-  actions: {
-  },
-  modules: {
-  }
-})