af-mobile-client-vue3 1.0.54

package/mock/modules/user.mock.ts

@@ -0,0 +1,152 @@
+// https://github.com/pengzhanbo/vite-plugin-mock-dev-server
+import { defineMock } from 'vite-plugin-mock-dev-server'
+
+export default defineMock([{
+  url: '/rs/logic/getLogin',
+  delay: 300,
+  body: () => {
+    return {
+      jwt: '60436',
+      states: '登陆成功',
+    }
+  },
+}, {
+  url: '/af-auth/login',
+  delay: 300,
+  body: () => {
+    return {
+      code: 200,
+      error: false,
+      success: true,
+      msg: null,
+      data: {
+        access_token: 'eyJhbGciOiJIUzUxMiJ9.eyJ1c2VyX2tleSI6IjFjZWQ4YTFmLWQ0NTctNDkxYi1iNDUzLTZiNTkyZWVlMWEyNSIsImZfdXNlcm5hbWUiOiJhZG1pbjIiLCJpZCI6MTIyMTM4fQ.AvIlpXKyf2wJ1acjpiorSHsSaKoCwx4bgPFkVk-qN7iZFFxldEC2qi9IKhu-5Xgz_WAf8VjFdaUWZlvVtefIDA',
+        expires_in: 720,
+        resources: {
+          code: 200,
+          data: {
+            accesstime: '1706695089844',
+            deleted: 'false',
+            depids: '45500',
+            deps: '滨河营业厅',
+            deptype: '营业厅',
+            dir: 'standard_windows',
+            ename: 'admin2',
+            entitytype: 't_user',
+            f_age: '',
+            f_create_date: '2022-11-22 11:50:52',
+            f_department_name: '滨河营业厅',
+            f_description: '',
+            f_dir: 'standard_windows',
+            f_extend1: 'null',
+            f_extend2: 'null',
+            f_icon: 'tree_user',
+            f_idnumber: '',
+            f_last_modification_time: '2023-07-03 11:39:40',
+            f_ldap_version: 5154,
+            f_mac_adress: 'null',
+            f_old_userid: 'null',
+            f_role_name: '安检员 客服中心管理员 营业员 收费员 客服中心管理员（气价设置） 呼叫员 乌达区派单员 测试营业员 海勃湾区派单员 安检管理员 维修员 系统管理 管理员 ',
+            f_sex: '男',
+            f_show_department_name: 'null',
+            f_show_rolestr: 'null',
+            f_update_date: '2024-01-16 15:00:11',
+            f_user_macip: 'null',
+            f_user_telephone: '',
+            forceoutstate: '1',
+            fullids: '37710.45500.122138.',
+            fullnames: ' 安康逸华天然气有限公司.滨河营业厅.管理员',
+            haslicense: 'false',
+            id: '122138',
+            imgid: 'null',
+            initpassword: '000000',
+            login_address: 'XX XX',
+            logindate: '2024-02-01 10:41:22',
+            loginid: '15',
+            loginip: '61.150.12.251',
+            loginnum: 1,
+            loginnumber: 'null',
+            name: '管理员',
+            number: '',
+            orgid: '37710',
+            orgs: ' 安康逸华天然气有限公司',
+            parentid: '45500',
+            parentname: '滨河营业厅',
+            position: '18',
+            qrcode: '/rs/user/getQRcode?QRCODE=1d91-1669088967031-19905',
+            resourcetype: 'user',
+            roles: '63342,202099,185540,190376,201979,226308,244916,63336,276279,169595,63132,63192,278593,278597',
+            rolesnames: '系统管理员,维修员,派单员,维修员,派单员,管理员,需要定位人员,用户管理员,班组长 ,安检员,安检员,抄表员,维修员,派单员',
+            rolestr: '系统管理员,维修员,派单员,维修员,派单员,管理员,需要定位人员,用户管理员,班组长 ,安检员,安检员,抄表员,维修员,派单员',
+            selfid: '122139',
+            state: '在职',
+            tablename: 't_user',
+            templatename: 'useredit',
+            token: '122138',
+            ticket: null,
+            url: null,
+            userid: '31f7-1631780331801-89562',
+            function: [],
+          },
+          msg: '操作成功',
+        },
+      },
+    }
+  },
+}, {
+  url: '/rs/logic/getLogin/智慧燃气',
+  delay: 300,
+  body: () => {
+    return {
+      accesstime: '1706694963867',
+      deleted: 'false',
+      depids: '108646',
+      deps: '客户服务热线班组',
+      deptype: '部门',
+      dir: 'tctrq',
+      ename: 'cs',
+      entitytype: 't_user',
+      f_create_date: null,
+      f_department_name: '客户服务热线班组',
+      f_icon: 'tree_user',
+      f_mac_adress: null,
+      f_old_userid: null,
+      f_role_name: '系统管理员 维修员 派单员 维修员 派单员 管理员 需要定位人员 用户管理员 班组长  安检员 安检员 抄表员 维修员 派单员 ',
+      f_sex: '男',
+      f_update_date: '2023-05-31 14:12:16',
+      f_user_macip: null,
+      forceoutstate: '0',
+      fullids: '46997.108646.60436.',
+      fullnames: '铜川市天然气.客户服务热线班组.测试',
+      haslicense: 'true',
+      id: '60436',
+      imgid: null,
+      initpassword: '1',
+      logindate: '09 27 2022 10:11AM',
+      loginid: '15',
+      loginip: '192.168.17.106',
+      loginnum: '0',
+      loginnumber: null,
+      name: '测试',
+      number: '1007',
+      orgid: '46997',
+      orgs: '铜川市天然气',
+      parentid: '108646',
+      parentname: '客户服务热线班组',
+      position: '2',
+      qrcode: '/rs/user/getQRcode?QRCODE=31f7-1631780331801-89562',
+      resourcetype: 'user',
+      roles: '63342,202099,185540,190376,201979,226308,244916,63336,276279,169595,63132,63192,278593,278597',
+      rolesnames: '系统管理员,维修员,派单员,维修员,派单员,管理员,需要定位人员,用户管理员,班组长 ,安检员,安检员,抄表员,维修员,派单员',
+      rolestr: '系统管理员,维修员,派单员,维修员,派单员,管理员,需要定位人员,用户管理员,班组长 ,安检员,安检员,抄表员,维修员,派单员',
+      selfid: '60437',
+      state: '在职',
+      tablename: 't_user',
+      templatename: 'useredit',
+      ticket: null,
+      url: null,
+      userid: '31f7-1631780331801-89562',
+      functions: [],
+    }
+  },
+}])

package/netlify.toml

@@ -0,0 +1,12 @@
+[build]
+base = "/"
+publish = "dist"
+command = "pnpm run build"
+
+[build.environment]
+NODE_VERSION = "18"
+
+[[redirects]]
+from = "/*"
+to = "/index.html"
+status = 200

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "af-mobile-client-vue3",
+  "type": "module",
+  "version": "1.0.54",
+  "description": "Vue + Vite component lib",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.12.0",
+    "pnpm": ">=8.15.0"
+  },
+  "scripts": {
+    "dev": "cross-env MOCK_SERVER_PORT=8086 vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "build:dev": "vue-tsc --noEmit && vite build --mode=development",
+    "preview": "vite preview",
+    "lint": "eslint . && vue-tsc --noEmit",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest",
+    "release": "bumpp --commit --push --tag"
+  },
+  "dependencies": {
+    "@micro-zoe/micro-app": "1.0.0-rc.4",
+    "@unhead/vue": "^1.8.11",
+    "@vant/touch-emulator": "^1.4.0",
+    "@vant/use": "^1.6.0",
+    "@vueuse/core": "^10.9.0",
+    "animate.css": "^4.1.1",
+    "axios": "^1.6.7",
+    "crypto-js": "^4.2.0",
+    "echarts": "^5.5.0",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
+    "qs": "^6.11.2",
+    "resize-detector": "^0.3.0",
+    "store": "^2.0.12",
+    "vant": "^4.9.0",
+    "vconsole": "^3.15.1",
+    "vue": "^3.4.21",
+    "vue-router": "^4.3.0",
+    "@vant/area-data": "^1.5.1"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "2.8.0",
+    "@types/crypto-js": "^4.2.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.11.25",
+    "@types/nprogress": "^0.2.3",
+    "@types/store": "^2.0.5",
+    "@unocss/eslint-plugin": "^0.58.5",
+    "@unocss/preset-rem-to-px": "^0.58.5",
+    "@vitejs/plugin-legacy": "^5.3.1",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "autoprefixer": "^10.4.18",
+    "bumpp": "^9.4.0",
+    "commitizen": "^4.3.0",
+    "consola": "^3.2.3",
+    "cross-env": "^7.0.3",
+    "cz-emoji-chinese": "^0.3.1",
+    "eslint": "npm:eslint-ts-patch@8.57.0-0",
+    "eslint-ts-patch": "8.57.0-0",
+    "husky": "^9.0.11",
+    "less": "^4.2.0",
+    "mockjs": "^1.1.0",
+    "postcss-mobile-forever": "^4.1.1",
+    "rollup": "^4.12.1",
+    "terser": "^5.29.1",
+    "typescript": "^5.4.2",
+    "unocss": "^0.58.5",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "unplugin-vue-router": "^0.8.4",
+    "vite": "^5.1.5",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-mock-dev-server": "^1.4.7",
+    "vite-plugin-pwa": "^0.19.2",
+    "vite-plugin-sitemap": "^0.5.3",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vconsole": "^2.1.1",
+    "vite-plugin-vue-layouts": "^0.11.0",
+    "vitest": "^1.3.1",
+    "vue-tsc": "^2.0.6"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "postcss",
+        "esbuild"
+      ],
+      "allowedVersions": {
+        "rollup": "^4.x"
+      }
+    }
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-emoji-chinese"
+    },
+    "cz-emoji-chinese": {
+      "skipQuestions": [
+        "body",
+        "scope"
+      ]
+    }
+  }
+}

package/public/favicon-dark.svg

@@ -0,0 +1,4 @@
+<svg t="1709866807903" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4913" width="32" height="32">
+  <path d="M512 598.528a111.232 111.232 0 0 0-111.232 111.2064V870.4h222.464v-160.6656c0-61.44-49.792-111.232-111.232-111.232z m0 58.0608c-30.72 0-55.6032 24.9088-55.6032 55.6288v105.0368h111.2064v-105.0368c0-30.72-24.8832-55.6288-55.6032-55.6288z" fill="#FB4D31" p-id="4914"></path>
+  <path d="M542.08 270.208l45.2608-78.5408a24.5248 24.5248 0 0 0 0-25.6A26.4448 26.4448 0 0 0 564.1472 153.6a26.3424 26.3424 0 0 0-22.5792 13.44L512 217.6256l-29.5424-50.5344c-4.5824-8.192-13.184-13.312-22.5536-13.4912a26.4448 26.4448 0 0 0-23.2448 12.4928 24.5248 24.5248 0 0 0 0 25.6l45.2352 78.5152L156.928 832.768a24.4736 24.4736 0 0 0 0.3328 25.088c4.8384 7.8336 13.3888 12.544 22.5792 12.5184h664.3456c9.3184 0 17.92-4.7616 22.6304-12.4672a24.4736 24.4736 0 0 0 0.3072-25.088l-325.0176-562.688v0.0512zM619.52 816.64h-33.3568c-12.3648 0-9.6768 0.1024-65.0496 0H512c-55.3728 0.1024-24.704 0-61.7984 0H225.28L512 322.1248 798.72 816.64h-179.2z" fill="#ffffff" p-id="4915"></path>
+</svg>

package/public/favicon.svg

@@ -0,0 +1,4 @@
+<svg t="1709866807903" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4913" width="32" height="32">
+  <path d="M512 598.528a111.232 111.232 0 0 0-111.232 111.2064V870.4h222.464v-160.6656c0-61.44-49.792-111.232-111.232-111.232z m0 58.0608c-30.72 0-55.6032 24.9088-55.6032 55.6288v105.0368h111.2064v-105.0368c0-30.72-24.8832-55.6288-55.6032-55.6288z" fill="#FB4D31" p-id="4914"></path>
+  <path d="M542.08 270.208l45.2608-78.5408a24.5248 24.5248 0 0 0 0-25.6A26.4448 26.4448 0 0 0 564.1472 153.6a26.3424 26.3424 0 0 0-22.5792 13.44L512 217.6256l-29.5424-50.5344c-4.5824-8.192-13.184-13.312-22.5536-13.4912a26.4448 26.4448 0 0 0-23.2448 12.4928 24.5248 24.5248 0 0 0 0 25.6l45.2352 78.5152L156.928 832.768a24.4736 24.4736 0 0 0 0.3328 25.088c4.8384 7.8336 13.3888 12.544 22.5792 12.5184h664.3456c9.3184 0 17.92-4.7616 22.6304-12.4672a24.4736 24.4736 0 0 0 0.3072-25.088l-325.0176-562.688v0.0512zM619.52 816.64h-33.3568c-12.3648 0-9.6768 0.1024-65.0496 0H512c-55.3728 0.1024-24.704 0-61.7984 0H225.28L512 322.1248 798.72 816.64h-179.2z" fill="#000000" p-id="4915"></path>
+</svg>

package/public/safari-pinned-tab.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2232 4334 c-45 -23 -67 -67 -63 -130 0 -11 55 -113 121 -227 l120
+-207 -186 -322 c-103 -178 -229 -397 -282 -488 -53 -91 -110 -190 -127 -220
+-17 -30 -168 -291 -335 -580 -167 -289 -310 -536 -317 -550 -8 -14 -25 -43
+-38 -65 -13 -22 -32 -56 -43 -75 -19 -35 -203 -354 -269 -465 -63 -106 -53
+-178 30 -222 29 -15 171 -16 1717 -16 1855 0 1719 -5 1769 59 37 47 28 87 -50
+224 -39 69 -80 141 -91 160 -26 45 -236 409 -465 805 -99 171 -191 330 -205
+355 -14 25 -76 133 -138 240 -96 165 -210 363 -280 485 -10 17 -93 161 -185
+320 -92 160 -176 305 -186 323 l-19 32 109 188 c140 242 133 229 133 273 -1
+69 -58 119 -136 119 -58 0 -88 -30 -172 -174 -43 -75 -82 -136 -85 -136 -4 0
+-13 12 -20 28 -46 90 -146 246 -166 259 -35 23 -102 27 -141 7z m388 -926 c30
+-51 64 -111 76 -133 12 -22 68 -119 124 -215 56 -96 112 -193 125 -215 12 -22
+55 -96 95 -165 40 -69 91 -156 113 -195 22 -38 126 -218 232 -400 105 -181
+203 -350 217 -375 14 -25 74 -128 133 -230 60 -102 116 -198 125 -215 62 -107
+123 -211 130 -220 6 -7 -140 -10 -433 -9 l-441 1 -1 314 c-1 273 -4 321 -19
+369 -46 138 -98 215 -202 292 -63 47 -139 87 -171 89 -2 1 -25 6 -51 14 -95
+25 -271 2 -362 -47 -153 -82 -263 -228 -296 -390 -4 -18 -7 -170 -8 -337 l-1
+-304 -442 -1 c-293 -1 -439 2 -433 9 7 9 77 127 135 230 13 22 128 220 255
+440 128 220 241 416 252 435 74 129 221 382 274 473 35 59 64 109 64 111 0 3
+22 40 49 84 27 44 50 84 52 89 10 26 344 593 349 593 3 0 30 -42 60 -92z"/>
+</g>
+</svg>

package/scripts/verifyCommit.js

@@ -0,0 +1,19 @@
+import fs from 'node:fs'
+
+// import process from 'node:process'
+
+const msg = fs.readFileSync('.git/COMMIT_EDITMSG', 'utf-8').trim()
+
+const commitRE = /^(revert: )?(feat|fix|docs|dx|style|refactor|perf|test|workflow|build|ci|chore|types|wip|release)(\(.+\))?: .{1,50}/
+// const mergeRe = /^(Merge pull request|Merge branch)/
+
+if (!commitRE.test(msg)) {
+  // if (!mergeRe.test(msg)) {
+  // console.log('git commit unpass')
+  // console.error('git commit error, needs title(scope): desc')
+  // process.exit(1)
+  // }
+}
+else {
+  console.log('git commit pass')
+}

package/src/App.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import type { ConfigProviderThemeVars } from 'vant'
+import { useHead } from '@unhead/vue'
+import { reactive } from 'vue'
+import {
+  ConfigProvider as VanConfigProvider,
+} from 'vant/es'
+
+useHead({
+  title: '智慧燃气',
+  meta: [
+    {
+      name: 'description',
+      content: '智慧燃气手机端',
+    },
+    {
+      name: 'theme-color',
+      content: () => '#ffffff',
+    },
+  ],
+})
+const themeVars: ConfigProviderThemeVars = reactive({
+  baseFont: 'PingFangSC-Regular-woff2, serif',
+})
+</script>
+
+<template>
+  <VanConfigProvider theme="light" :theme-vars="themeVars" theme-vars-scope="global">
+    <router-view v-slot="{ Component }">
+      <component :is="Component" />
+    </router-view>
+  </VanConfigProvider>
+</template>
+
+<style>
+@import "./font-style/font.css";
+input[type="password"]::-ms-reveal{
+  display: none;
+}
+input[type="password"]::-ms-clear{
+  display: none;
+}
+</style>

package/src/api/mock/index.ts

@@ -0,0 +1,30 @@
+import { http } from '@af-mobile-client-vue3/utils/http'
+
+interface ListResult {
+  code: number
+  message: string
+  list: Array<any>
+}
+
+export function getListApi(params?: object): Promise<ListResult> {
+  return http.request({
+    url: '/list/get',
+    method: 'get',
+    params,
+  })
+}
+
+export function getListApiError(data?: object): Promise<ListResult> {
+  return http.request({
+    url: '/list/error',
+    method: 'post',
+    data,
+  })
+}
+
+export async function queryProse(): Promise<any> {
+  return http.request({
+    url: '/project/prose',
+    method: 'post',
+  })
+}

package/src/api/user/index.ts

@@ -0,0 +1,40 @@
+import { http } from '@af-mobile-client-vue3/utils/http'
+
+import { loginApi } from '@af-mobile-client-vue3/services/api/Login'
+import { get, post } from '@af-mobile-client-vue3/services/restTools'
+
+export interface BasicResponseModel<T = any> {
+  code: number
+  msg: string
+  data: T
+}
+
+export function login(data: any) {
+  return post(
+    loginApi.Login,
+    data,
+  )
+}
+
+export function OALogin(data: any) {
+  return get(`/af-system/user/${data.username}/${data.password}/智慧OA`)
+}
+
+/**
+ * @description: 获取用户信息
+ */
+export function getUserInfo() {
+  return get(
+    '/getUserInfo',
+  )
+}
+
+/**
+ * @description: 用户登出
+ */
+export function doLogout() {
+  return http.request({
+    url: loginApi.Logout,
+    method: 'DELETE',
+  })
+}

package/src/assets/img/user/login/background-shadow-1.svg

@@ -0,0 +1,20 @@
+<svg width="444.233154" height="203.122437" viewBox="0 0 444.233 203.122" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<filter id="filter_37_876_dd" x="0.529297" y="0.516296" width="443.178467" height="202.089844" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+			<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+			<feOffset dx="0" dy="-28"/>
+			<feGaussianBlur stdDeviation="11.3333"/>
+			<feComposite in2="hardAlpha" operator="out" k2="-1" k3="1"/>
+			<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.039 0"/>
+			<feBlend mode="normal" in2="BackgroundImageFix" result="effect_dropShadow_1"/>
+			<feBlend mode="normal" in="SourceGraphic" in2="effect_dropShadow_1" result="shape"/>
+		</filter>
+	</defs>
+	<g filter="url(#filter_37_876_dd)">
+		<path id="Path 2" d="M34.6331 62.5163C159.633 62.5163 156.204 115.98 222.133 115.98C288.062 115.98 290.281 62.5163 409.633 62.5163C409.801 62.5163 409.633 196.606 409.633 196.606L34.6331 196.606C34.6331 196.606 34.3997 62.5163 34.6331 62.5163Z" fill-rule="evenodd" fill="#FFFFFF"/>
+	</g>
+</svg>

package/src/assets/img/user/login/logo-background.svg

@@ -0,0 +1,20 @@
+<svg width="164.000000" height="164.000000" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<filter id="filter_68_88_dd" x="0.000000" y="0.000000" width="164.000000" height="164.000000" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+			<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+			<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+			<feOffset dx="0" dy="16"/>
+			<feGaussianBlur stdDeviation="10.6667"/>
+			<feComposite in2="hardAlpha" operator="out" k2="-1" k3="1"/>
+			<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0"/>
+			<feBlend mode="normal" in2="BackgroundImageFix" result="effect_dropShadow_1"/>
+			<feBlend mode="normal" in="SourceGraphic" in2="effect_dropShadow_1" result="shape"/>
+		</filter>
+	</defs>
+	<g filter="url(#filter_68_88_dd)">
+		<rect id="LOGO背景" x="32.000000" y="16.000000" rx="23.039997" width="100.000000" height="100.000000" fill="#FFFFFF"/>
+	</g>
+</svg>

package/src/bootstrap.ts

@@ -0,0 +1,32 @@
+import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
+import useSettingStore, { type WebConfig } from '@af-mobile-client-vue3/stores/modules/setting'
+import { createStorage } from '@af-mobile-client-vue3/utils/Storage'
+import { APP_WEB_CONFIG_KEY } from '@af-mobile-client-vue3/stores/mutation-type'
+import { loadGuards, loadRoutes } from '@af-mobile-client-vue3/utils/routerUtil'
+import guards from '@af-mobile-client-vue3/router/guards'
+import type { Router } from 'vue-router'
+
+type GuardFunction = (to: any, from: any, next?: any) => void
+interface Guards {
+  beforeEach?: GuardFunction[]
+  afterEach?: GuardFunction[]
+}
+
+const Storage = createStorage({ storage: localStorage })
+
+async function bootstrap(router: Router, customGuard: Guards = {}) {
+  //  获取琉璃配置中心的 webConfig 配置并保存
+  const store = useSettingStore()
+  await getConfigByName('webMobileConfig', (res) => {
+    Storage.set(APP_WEB_CONFIG_KEY, res)
+    const setting: WebConfig = res.setting
+    if (setting)
+      store.setSetting(setting)
+  })
+  // 加载路由
+  loadRoutes()
+  // 加载路由守卫
+  loadGuards({ ...guards, ...customGuard }, router)
+}
+
+export default bootstrap

package/src/components/core/App/MicroAppView.vue

@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { useRoute } from 'vue-router'
+import { ref } from 'vue'
+import { getAppStatus } from '@micro-zoe/micro-app'
+import router from '@af-mobile-client-vue3/router'
+
+const origin = window.location.origin
+
+const route = useRoute()
+
+const href = `${origin}/${route.params.module}`
+
+const state = ref('beforeLoad')
+
+function created() {
+  const appStatus = getAppStatus(route.params.module as string)
+  console.warn('created')
+  console.warn(appStatus)
+  // afterhidden代表已经通过keep-alive缓存了，直接显示
+  if (appStatus === 'afterhidden')
+    state.value = 'ready'
+  else if (appStatus === 'unmount' || appStatus === 'error')
+    router.replace('/404')
+}
+
+function error() {
+  router.replace('/404')
+  console.warn('error')
+  state.value = 'error'
+}
+
+function mounted() {
+  console.warn('mounted')
+  state.value = 'ready'
+}
+</script>
+
+<template>
+  <div class="app-wrapper">
+    <div v-show="state === 'beforeLoad'">
+      <BeautifulLoading />
+    </div>
+    <div v-show="state === 'ready'">
+      <micro-app
+        :name="route.params.module" :url="href" iframe keep-alive @created="created"
+        @mounted="mounted"
+        @error="error"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.app-wrapper {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+</style>