mooho-base-admin-plus 2.0.16 → 2.0.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mooho-base-admin-plus",
   "description": "MOOHO basic framework for admin by Vue3",
-  "version": "2.0.16",
+  "version": "2.0.17",
   "author": "jinyifan <jinyifan@mooho.com.cn>",
   "license": "MIT",
   "private": false,

package/src/index.js

@@ -21,6 +21,7 @@ import plugins from './plugins';
 
 // store
 import store from './store';
+import adminStore from './store/modules/admin';
 
 // ViewUIPlus
 import ViewUIPlus from 'view-ui-plus';
@@ -219,6 +220,7 @@ export {
   pages,
   App,
   store,
+  adminStore,
   i18n,
   setting,
   basicLayout,

package/test/main.js

@@ -3,9 +3,10 @@ if (!!window.ActiveXObject || 'ActiveXObject' in window) {
 }
 
 import { createApp, h } from 'vue';
+import { createStore } from 'vuex';
 
 // 基础框架
-import moohoBaseAdminPlus, { pages, App, basicLayout, createRouter, created, routeChanged } from '../src';
+import moohoBaseAdminPlus, { pages, App, adminStore, basicLayout, createRouter, created, routeChanged } from '../src';
 
 // 固定路由
 import routes from './router/routes';
@@ -13,6 +14,9 @@ import routes from './router/routes';
 // 自定义css
 import './styles/css/custom.css';
 
+// 自定义store
+import cusotmStore from './store/custom';
+
 // 环境模式
 window.$mode = import.meta.env.MODE;
 
@@ -43,6 +47,15 @@ const app = createApp({
 app.use(router);
 app.use(moohoBaseAdminPlus);
 
+adminStore.modules['custom'] = cusotmStore;
+app.use(
+  createStore({
+    modules: {
+      admin: adminStore
+    }
+  })
+);
+
 //app.config.globalProperties.$pages = pages;
 
 app.mount('#app');

package/test/pages/test/logReport.vue

@@ -1,15 +1,17 @@
 <template>
   <div>
     <div class="i-layout-page-header">
-      <PageHeader :title="$route.meta.title" :content="$route.meta.description" hidden-breadcrumb />
+      <PageHeader title="aaa" :content="$route.meta.description" hidden-breadcrumb />
     </div>
     <Card :bordered="false" dis-hover class="ivu-mt">
+      {{ test }}
       <view-table ref="table" view-code="LogReport"></view-table>
     </Card>
   </div>
 </template>
 <script>
   import { mixinPage } from '/src';
+  import { mapState, mapActions } from 'vuex';
 
   export default {
     name: 'test-logReport',
@@ -18,7 +20,9 @@
     data() {
       return {};
     },
-    computed: {},
+    computed: {
+      ...mapState('admin/custom', ['test'])
+    },
     created() {},
     methods: {}
   };

package/test/store/custom.js

@@ -0,0 +1,12 @@
+/**
+ * 附加store
+ * */
+export default {
+  namespaced: true,
+  state: {
+    // 测试
+    test: 'bbb'
+  },
+  getters: {},
+  actions: {}
+};