meixioacomponent 0.3.71 → 0.3.74

package/packages/config/componentConfig.js

@@ -1,6 +1,8 @@
-import Vue from "vue";
-import { useElementComponent } from "./useElement";
-import selectStore from "./storeModule/selectStore";
+import Vue from 'vue'
+import { useElementComponent } from './useElement'
+import selectStore from './storeModule/selectStore'
+import dialogCacheStore from './storeModule/dialogCacheStore'
+import dialogCacheWrap from '../components/dialogCache/index.vue'
 const componentConfig = {
   store: null,
   router: null,
@@ -9,31 +11,56 @@ const componentConfig = {
   uploadPrefix: null,
   eventBus: new Vue(),
   selectStore: null,
-  uploadStoreList: ["meixidev"],
+  dialogCacheComponent: null,
+  uploadStoreList: ['meixidev'],
   setDynamicId: () => {
-    componentConfig.dynamicId += 1;
+    componentConfig.dynamicId += 1
   },
 
   setUploadPrefix: (url) => {
-    componentConfig.uploadPrefix = url;
+    componentConfig.uploadPrefix = url
   },
 
   setUploadUrl: (storeType, uploadType) => {
-    componentConfig.uploadUrl = `${componentConfig.uploadStoreList[storeType]}/${uploadType}/upload`;
+    componentConfig.uploadUrl = `${componentConfig.uploadStoreList[storeType]}/${uploadType}/upload`
   },
 
   initConfig: (_store, _router) => {
     // 注册element 组件
-    useElementComponent();
+    useElementComponent()
     // 动态注册vuex modules
-    _store.registerModule("selectStore", selectStore);
+    _store.registerModule('selectStore', selectStore)
     // 注册vuex里面selectStore管理类
-    _store.commit("selectStore/CREATE_SELECTSTORE");
-    componentConfig.store = _store;
-    componentConfig.router = _router;
+    _store.commit('selectStore/CREATE_SELECTSTORE')
+    componentConfig.store = _store
+    componentConfig.router = _router
     componentConfig.selectStore =
-      componentConfig.store.getters["selectStore/getSelectStore"];
+      componentConfig.store.getters['selectStore/getSelectStore']
+
+    componentConfig.registerModuleOfCacheDialog(_store)
+    componentConfig.createDialogCacheWrap()
+  },
+
+  registerModuleOfCacheDialog: (_store) => {
+    _store.registerModule('dialogCacheStore', dialogCacheStore)
+  },
+
+  // 生成隐藏dialog的容器
+  createDialogCacheWrap: () => {
+    const component = Vue.extend(dialogCacheWrap)
+
+    componentConfig.dialogCacheComponent = new component({
+      store: componentConfig.store,
+      router: componentConfig.router,
+    })
+
+    Vue.nextTick(() => {
+      const cacheWrap = document.createElement('div')
+      cacheWrap.setAttribute('class', 'cacheWrap')
+      document.body.appendChild(cacheWrap)
+      componentConfig.dialogCacheComponent.$mount(cacheWrap)
+    })
   },
-};
+}
 
-export default componentConfig;
+export default componentConfig

package/packages/config/storeModule/dialogCacheStore.js

@@ -0,0 +1,64 @@
+const dialogCacheStore = {
+  namespaced: true,
+  state: {
+    cacheList: [],
+    renderShow: false,
+  },
+
+  getters: {
+    getCacheList(state) {
+      return state.cacheList
+    },
+
+    getRenderShow(state) {
+      return state.renderShow
+    },
+  },
+
+  mutations: {
+    PUSH_DIALOG_CACHE: (state, dialog) => {
+      state.cacheList.push(dialog)
+    },
+
+    CLOSE_DIALOG_CACHE: (state, index) => {
+      state.cacheList.splice(index, 1)
+    },
+
+    OPEN_DIALOG_CACHE: (state, index) => {
+      state.cacheList[index].showDialog()
+    },
+
+    SET_RENDER_SHOW: (state, flag) => {
+      state.renderShow = flag
+    },
+  },
+  actions: {
+    hasDialogCache({ commit, state }, dialog) {
+      return new Promise((resolve, reject) => {
+        resolve(
+          state.cacheList.findIndex((item) => {
+            return item == dialog
+          }),
+        )
+      })
+    },
+
+    pushCache({ commit, state, dispatch }, dialog) {
+      dispatch('hasDialogCache', dialog).then((res) => {
+        if (res <= -1) {
+          commit('PUSH_DIALOG_CACHE', dialog)
+        }
+      })
+    },
+
+    closeCache({ commit, state, dispatch }, dialog) {
+      dispatch('hasDialogCache', dialog).then((res) => {
+        if (res >= 0) {
+          commit('CLOSE_DIALOG_CACHE', res)
+        }
+      })
+    },
+  },
+}
+
+export default dialogCacheStore

package/packages/config/storeModule/selectStore.js

@@ -15,7 +15,6 @@ const selectStore = {
   mutations: {
     CREATE_SELECTSTORE: (state) => {
       state.selectStore = new UseSelectStoreClass();
-      //console.log("注册成功");
     },
   },
   actions: {},

package/src/App.vue

@@ -2,7 +2,6 @@
   <div id="app">
     <div style="height: 100vh;">
       <test></test>
-
       <!-- <base-upload-item
         :fileType="`img`"
         :cropper="true"
@@ -59,7 +58,7 @@ export default {
   },
   mounted() {
     this.$nextTick(() => {
-      this.$refs.baseUploadItem.clickFile()
+      // this.$refs.baseUploadItem.clickFile()
     })
   },
   methods: {

package/src/component/test.vue

@@ -311,7 +311,7 @@ export default {
 }
 </style> -->
 
-<!-- <template>
+<template>
   <div class="page-table-wrap" ref="pageTableWrap" v-if="show">
     <base-pro-table
       :align="`left`"
@@ -364,9 +364,9 @@ export default {
       <template v-slot:address="data">template-{{ data.scope }}</template>
     </base-pro-table>
   </div>
-</template> -->
+</template>
 
-<!-- <script>
+<script>
 import tableTable from '../test'
 import companyInfoConfig from '../config/CompanyInfoConfig'
 import componentConfig from '../../packages/config/componentConfig'
@@ -555,7 +555,7 @@ export default {
   height: 100%;
   background: inherit;
 }
-</style> -->
+</style>
 
 <!-- 普通表单 -->
 
@@ -816,7 +816,7 @@ export default {
 
 <style></style> -->
 
-<template>
+<!-- <template>
   <base-form-wrap
     :rowNumber="2"
     :disables="disables"
@@ -876,4 +876,4 @@ export default {
 }
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped></style> -->