meixioacomponent 0.1.0 → 0.1.3

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "meixioacomponent",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",
-    "lib": "vue-cli-service build --target lib --name meixicomponent --dest lib packages/components/index.js"
+    "lib": "vue-cli-service build --target lib --name meixioacomponent --dest lib packages/components/index.js"
   },
   "dependencies": {
     "axios": "^0.27.2",

package/packages/components/base/baseTimeTypeSelect/base_time_type_select.vue

@@ -48,10 +48,10 @@
             >
             </el-date-picker>
           </div>
-          <baseButtonHandleVue
+          <baseButtonHandle
             :config="handleConfig"
             class="button-handle-wrap"
-          ></baseButtonHandleVue>
+          ></baseButtonHandle>
         </div>
       </template>
       <div
@@ -110,7 +110,7 @@ export default {
     value: {},
   },
   components: {
-    baseButtonHandleVue,
+    baseButtonHandle,
   },
   computed: {
     module: {

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() {