45 changed files with 280 additions and 114 deletions
@ -0,0 +1,5 @@ |
|||
<template> |
|||
<w-platform-page></w-platform-page> |
|||
</template> |
|||
|
|||
<script setup lang="ts"></script> |
|||
@ -0,0 +1,46 @@ |
|||
import packageJson from '../package.json'; |
|||
import { createApp } from 'vue'; |
|||
import platform from 'platform-core'; |
|||
import { ApplicationInitializer, ComponentManager } from 'platform-core'; |
|||
import localMocks from './mock'; |
|||
import localI18nMessages from './i18n'; |
|||
import localMenus from './menus/menus.json'; |
|||
import localRoutes from './routes/routes.json'; |
|||
import localComponents from './components'; |
|||
import App from './App.vue'; |
|||
|
|||
import 'platform-core/dist/css/platform-core.css'; |
|||
import './css/tailwind.css'; |
|||
|
|||
// 设置远程组件加载器
|
|||
// 覆盖 platform-core 包中的 remoteComponentLoader 函数
|
|||
// 只有在主前端项目中编写如下的 remoteComponentLoader 函数才能实现 webpack MF 的 shared 功能
|
|||
ComponentManager.setRemoteComponentLoader((moduleName: string, componentName: string): any => { |
|||
return async () => { |
|||
await __webpack_init_sharing__('default'); |
|||
const container = window[moduleName]; |
|||
if (container) { |
|||
await container.init(__webpack_share_scopes__.default); |
|||
const factory = await window[moduleName].get(componentName); |
|||
return factory(); |
|||
} else { |
|||
throw new Error('window["' + moduleName + '"] is undefined!'); |
|||
} |
|||
}; |
|||
}); |
|||
|
|||
//初始化平台
|
|||
ApplicationInitializer.initialize({ |
|||
moduleName: packageJson.name, |
|||
moduleVersion: packageJson.version, |
|||
localMocks: localMocks, |
|||
localI18nMessages: localI18nMessages, |
|||
localMenus: localMenus, |
|||
localRoutes: localRoutes, |
|||
localComponents: localComponents, |
|||
callback: () => { |
|||
const app = createApp(App); |
|||
app.use(platform); |
|||
app.mount('#app'); |
|||
}, |
|||
}); |
|||
@ -0,0 +1,7 @@ |
|||
/** |
|||
* 引入 tailwind.css |
|||
*/ |
|||
|
|||
@tailwind base; |
|||
@tailwind components; |
|||
@tailwind utilities; |
|||
@ -0,0 +1,18 @@ |
|||
/** |
|||
* 本文件用于定义前端多语言消息 |
|||
* 多语言消息文件可以为1个或多个 |
|||
*/ |
|||
|
|||
import messages from './messages.json'; |
|||
import messages_tw_CN from './messages_tw_CN.json'; |
|||
import messages_zh_CN from './messages_zh_CN.json'; |
|||
|
|||
const localI18nMessages = [ |
|||
{ |
|||
en: messages, |
|||
tw_CN: messages_tw_CN, |
|||
zh_CN: messages_zh_CN, |
|||
}, |
|||
]; |
|||
|
|||
export default localI18nMessages; |
|||
@ -0,0 +1 @@ |
|||
import('./boostrap'); |
|||
@ -0,0 +1,20 @@ |
|||
/** |
|||
* 本文件用于定义前端 mock, 采用 json 文件定义 mock, 单个 mock 配置说明: |
|||
{ |
|||
"enable": true, |
|||
"url": "/api/sample/action1", |
|||
"method": "get", |
|||
"response": { |
|||
"code": 200, |
|||
"messageI18nKey": "success", |
|||
"message": "success", |
|||
"data": { |
|||
"message": "This is a message for Action 1" |
|||
} |
|||
} |
|||
} |
|||
*/ |
|||
|
|||
const localMocks = []; |
|||
|
|||
export default localMocks; |
|||
@ -0,0 +1,33 @@ |
|||
import type { AppType } from 'platform-core/types'; |
|||
|
|||
declare global { |
|||
interface Window { |
|||
APP: AppType; |
|||
__webpack_init_sharing__: any; |
|||
__webpack_share_scopes__: any; |
|||
} |
|||
} |
|||
|
|||
declare module '*.vue' { |
|||
import type { App, DefineComponent } from 'vue'; |
|||
|
|||
const component: DefineComponent<{}, {}, any> & { |
|||
install(app: App): void; |
|||
}; |
|||
|
|||
export default component; |
|||
} |
|||
|
|||
declare module 'vue/types/vue' { |
|||
interface VueConstructor { |
|||
$t: any; |
|||
$fc: any; |
|||
} |
|||
} |
|||
|
|||
declare module '@vue/runtime-core' { |
|||
interface ComponentCustomProperties { |
|||
$t: any; |
|||
$fc: any; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue