diff --git a/src/index.js b/src/index.js index 7d56063..81f6da8 100644 --- a/src/index.js +++ b/src/index.js @@ -86,9 +86,6 @@ class AdminFramework { } - - - /** * Create app with simplified API (推荐使用) * @param {Object} config - application config @@ -195,7 +192,6 @@ class AdminFramework { // Expose to global for debugging if (typeof window !== 'undefined') { - window.app = app window.rootVue = app window.framework = framework } diff --git a/使用说明.md b/使用说明.md index 761930e..2457253 100644 --- a/使用说明.md +++ b/使用说明.md @@ -170,64 +170,6 @@ const app = AdminFramework.createApp({ app.$mount('#app') ``` -### 4.1 传统方式(兼容旧版本) - -```javascript -import Vue from 'vue' -import VueRouter from 'vue-router' -import Vuex from 'vuex' -import ViewUI from 'view-design' -import createPersistedState from 'vuex-persistedstate' -import AdminFramework from './libs/admin-framework.js' -import App from './App.vue' -import config from './config' - -// 可选:导入业务组件(根据权限菜单接口的 component 字段) -import GamesComponent from './views/ball/games.vue' -import PayOrdersComponent from './views/order/pay_orders.vue' - -// 🎉 只需这一行!框架自动完成所有初始化 -Vue.use(AdminFramework, { - config, - ViewUI, - VueRouter, - Vuex, - createPersistedState, - // ✅ 可选:配置业务组件映射(用于权限菜单) - componentMap: { - 'ball/games': GamesComponent, - 'order/pay_orders': PayOrdersComponent - // 添加更多业务组件... - } -}) - -// 创建 Vue 实例 -new Vue({ - el: '#app', - router: AdminFramework.router, // 使用框架自动创建的 router - store: AdminFramework.store, // 使用框架自动创建的 store - render: h => h(App), - mounted() { - // 设置响应式字体 - AdminFramework.uiTool.setRem() - - // 只在已登录时获取系统标题 - const token = this.$store.state.user.token - if (token) { - this.$store.dispatch('app/getSysTitle', { - defaultTitle: 'Demo 管理系统', - defaultLogo: '' - }) - } else { - document.title = 'Demo 管理系统' - } - } -}) - -// 响应式适配 -window.addEventListener('load', AdminFramework.uiTool.setRem) -window.addEventListener('resize', AdminFramework.uiTool.setRem) -``` ### 5. 创建 App.vue @@ -266,30 +208,6 @@ const app = AdminFramework.createApp({ } }) ``` - -#### install(Vue, options) - 传统方式 -安装 Vue 插件(兼容旧版本) - -```javascript -Vue.use(AdminFramework, { - config: yourConfig, // 项目配置对象(必需) - ViewUI: ViewUI, // ViewUI 实例(必需) - VueRouter: VueRouter, // VueRouter 类(必需) - Vuex: Vuex, // Vuex 类(必需) - createPersistedState: createPersistedState, // vuex-persistedstate 插件(必需) - componentMap: componentMap // 业务组件映射(可选) -}) -``` - -#### 其他方法 -```javascript -// 初始化 HTTP 配置 -AdminFramework.initHttp(config, store) - -// 添加组件映射 -AdminFramework.addComponentMap(customMap) -``` - ### 工具库使用 #### HTTP 工具