From a7e48ecc72a0433d7dce0c5e7b1609d9290d10ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AF=9B=E7=91=9E?= <maorui@cetc-cloud.com>
Date: Fri, 19 Jun 2020 23:53:26 +0800
Subject: [PATCH] =?UTF-8?q?Feat:=20=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon.vue         | 97 ++++++++++++++++++++++++++-------
 src/config/index.ts             |  8 +++
 src/functions/main.ts           | 10 +++-
 src/functions/router/index.ts   |  7 ++-
 src/libs/components/senior.scss | 14 +++++
 src/pages/index/main.ts         |  3 +-
 src/pages/other/main.ts         |  3 +-
 src/scss/font/fonts.js          | 10 ++++
 src/scss/font/iconfont.min.js   |  1 -
 src/shims-vue.d.ts              |  5 ++
 10 files changed, 133 insertions(+), 25 deletions(-)
 create mode 100644 src/scss/font/fonts.js
 delete mode 100644 src/scss/font/iconfont.min.js

diff --git a/src/components/Icon.vue b/src/components/Icon.vue
index fc3bdd1..798e72d 100644
--- a/src/components/Icon.vue
+++ b/src/components/Icon.vue
@@ -1,27 +1,39 @@
 <!-- 彩色/图片图标 -->
-<template>
-  <img
-    v-if="imgIcon"
-    :width="size"
-    :height="size"
-    :src="imgIcon"
-  >
-  <svg
-    v-else-if="icon"
-    :class="$style.icon"
-    :style="style"
-  >
-    <use :xlink:href="'#' + icon" />
-  </svg>
-</template>
-
-<script lang="ts">
+<script lang="tsx">
 // @ts-nocheck
 /// import 顺序: 依赖库/vue组件/其他/CSS Module
-import(/* webpackChunkName: "icon" */ '@/scss/font/iconfont.min')
+import Vue, { CreateElement } from 'vue'
 
 /// 常量(UPPER_CASE), 单例/变量(camelCase), 函数(无副作用,camelCase)
 const REG_NUM = /\s*([\d.]+)(\w+)/
+const loadingStatus = Vue.observable({ state: 0 })
+import(/* webpackChunkName: "icon" */ '@/scss/font/fonts').then(res => {
+  const container = document.createElement('i')
+  container.innerHTML =
+    '<svg aria-hidden=true style=position:absolute;width:0;height:0;overflow:hidden>' +
+    res.default +
+    '</svg>'
+  res.default = null
+  document.body.appendChild(container.firstChild)
+  loadingStatus.state = 1
+}).catch(err => {
+  console.error(err)
+  loadingStatus.state = 2
+})
+
+function isSymbol(id: string) {
+  return document.getElementById(id) // symbol 只保留不能字体图标呈现的, 比如带颜色等的
+
+  // const svg = document.getElementById(id)
+  // // 完整版应过滤更多元素与属性 https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element
+  // if (svg && (
+  //   svg.querySelector('style') ||
+  //   svg.querySelector('stop') ||
+  //   svg.querySelector('[fill]')
+  // )) {
+  //   return true
+  // }
+}
 
 /** <Icon icon="i-shibai" size="16px" />
  * emit: (事件名: [参数列表, ...])
@@ -51,14 +63,59 @@ export default {
         result[2]}`
     },
   },
+  // see: https://github.com/vuejs/jsx
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  render(h: CreateElement) {
+    const STYLE = this.$style
+    const imgIcon = this.imgIcon
+    if (imgIcon) {
+      const size = this.size
+      return <img
+        width={size}
+        height={size}
+        src={imgIcon}
+        class={STYLE.i + ' ' + STYLE.img}
+      />
+    }
+
+    let icon = this.icon
+    if (isSymbol(icon)) {
+      switch (loadingStatus.state) {
+        case 1:
+          return <svg
+            class={STYLE.svg + ' ' + STYLE.i}
+            style={this.style}
+          >
+            {h('use', { attrs: { 'xlink:href': '#' + icon } })}
+          </svg>
+        case 2:
+          return
+        default:
+          icon = 'el-icon-loading'
+      }
+    }
+
+    return <i
+      class={icon + ' ' + STYLE.i}
+      style={'font-size:' + this.size}
+    />
+  },
 }
 </script>
 
 <style lang="scss" module>
-.icon {
+.i {
+  display: inline-block;
+  overflow: hidden;
+}
+
+.img {
+  background-size: cover;
+}
+
+.svg {
   width: 1rem;
   height: 1rem;
-  overflow: hidden;
   vertical-align: -0.15rem;
   fill: currentColor;
 }
diff --git a/src/config/index.ts b/src/config/index.ts
index a69c53e..7eb5bf8 100644
--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -117,4 +117,12 @@ export default {
   /*! 最大页面缓存时间 */
   /** 最大页面缓存时间 */
   pageAlive: 30 * 1000,
+
+  /*! 通用筛选表单标签宽度 */
+  /** 通用筛选表单标签宽度 */
+  labelWidth: '125px',
+
+  /*! 通用输入框字数限制 */
+  /** 通用输入框字数限制 */
+  maxLength: 60,
 }
diff --git a/src/functions/main.ts b/src/functions/main.ts
index 93f2925..bcc9fe2 100644
--- a/src/functions/main.ts
+++ b/src/functions/main.ts
@@ -3,6 +3,7 @@ import Vue from 'vue'
 import { Store } from 'vuex'
 import Router, { RouteRecord } from 'vue-router'
 
+import CONFIG, { SPA } from '@/config'
 import { isString } from '@/utils'
 import { on, off, once, emit } from '@/utils/eventBus'
 import { fit, has } from '@/functions/auth'
@@ -75,6 +76,7 @@ function routerEnvironment(proto: any, router: Router) {
     location: RawLocation,
     options?: {
       id?: string
+      SPA?: SPA
       refresh?: boolean
       replace?: boolean
       onComplete?: Function
@@ -82,15 +84,17 @@ function routerEnvironment(proto: any, router: Router) {
     }
   ) => {
     options || (options = {})
-    if (options.id || options.refresh) {
+    if (options.id || options.refresh || options.SPA) {
       if (isString(location)) {
         location = {
           id: options.id,
+          SPA: options.SPA,
           path: location,
           refresh: options.refresh,
         }
       } else {
         location.id = options.id
+        location.SPA = options.SPA
         location.refresh = options.refresh
       }
     }
@@ -122,6 +126,8 @@ function routerEnvironment(proto: any, router: Router) {
 function inject(proto: any, id: string, router?: Router) {
   /// 标识 ///
   proto._$SPA = id
+  /// 全局配置 ///
+  proto.CONFIG = CONFIG
   /// 消息总线  ///
   proto.on = on
   proto.off = off
@@ -141,6 +147,8 @@ function inject(proto: any, id: string, router?: Router) {
   })
   /// 路由环境 ///
   router && routerEnvironment(proto, router)
+  /// 全局配置 ///
+  proto.CONFIG = CONFIG
 }
 
 export default <T>(id: string, App: any, router?: Router, store?: Store<T>) => {
diff --git a/src/functions/router/index.ts b/src/functions/router/index.ts
index 987018d..6a94f59 100644
--- a/src/functions/router/index.ts
+++ b/src/functions/router/index.ts
@@ -2,6 +2,7 @@
 import Vue from 'vue'
 import Router, { Route, RouterOptions, RouteConfig, Location } from 'vue-router'
 
+import CONFIG, { SPA } from '@/config'
 import { isString } from '@/utils'
 import authenticate from './authenticate'
 import routerGuards from './routerGuards'
@@ -37,6 +38,8 @@ declare global {
 export interface ILocation extends Location {
   /** 模块id */
   id?: string
+  /** 目标SPA */
+  SPA?: SPA
   /** 是否刷新 */
   refresh?: boolean
 }
@@ -152,6 +155,7 @@ export default (config: RouterOptions, authority?: boolean) => {
       getPathById((location || 0).id) || router.currentRoute.path,
       location
     )
+    ;(location || 0).SPA && CONFIG.g((location || 0).SPA, (arguments[0] || 0).path)
     return originPush.apply(this, arguments as any)
   } as any) as typeof originPush
 
@@ -162,6 +166,7 @@ export default (config: RouterOptions, authority?: boolean) => {
       getPathById((location || 0).id) || router.currentRoute.path,
       location
     )
+    ;(location || 0).SPA && CONFIG.g((location || 0).SPA, arguments[0])
     return originReplace.apply(this, arguments as any)
   } as any) as typeof originReplace
 
@@ -169,7 +174,7 @@ export default (config: RouterOptions, authority?: boolean) => {
   router.resolve = (function(this: any) {
     const location = arguments[0]
     arguments[0] = resolveUrl(
-      getPathById((location as ILocation).id) || router.currentRoute.path,
+      getPathById((location as ILocation || 0).id) || router.currentRoute.path,
       arguments[2]
         ? isString(location)
           ? { path: location, append: true }
diff --git a/src/libs/components/senior.scss b/src/libs/components/senior.scss
index 54e35bb..fe87123 100644
--- a/src/libs/components/senior.scss
+++ b/src/libs/components/senior.scss
@@ -47,6 +47,20 @@
 .el-form-item .el-form-item {
   margin-top: $gapNormal / 2;
 }
+// inline form
+.el-form.el-form--inline {
+  .el-form-item__label {
+    width: 125px;
+  }
+
+  .el-form-item__content {
+    margin: 0 $gapNormal $gapNormal / 2 0;
+
+    .el-input {
+      width: 220px;
+    }
+  }
+}
 
 // 滚动条
 .el-scrollbar > .el-scrollbar__bar {
diff --git a/src/pages/index/main.ts b/src/pages/index/main.ts
index 055966f..ec86f30 100644
--- a/src/pages/index/main.ts
+++ b/src/pages/index/main.ts
@@ -8,11 +8,12 @@ import router from './router'
 import store from './store'
 import App from './App'
 
-import { SPA } from '@/config'
+import CONF, { SPA } from '@/config'
 import CONFIG from './config'
 import mount from '@/functions/main'
 import { setBase } from '@/utils/ajax'
 import './registerServiceWorker'
 
 setBase(CONFIG.baseUrl)
+Object.assign(CONF, CONFIG)
 mount(SPA.index, App, router, store)
diff --git a/src/pages/other/main.ts b/src/pages/other/main.ts
index a77d869..8e95e86 100644
--- a/src/pages/other/main.ts
+++ b/src/pages/other/main.ts
@@ -8,11 +8,12 @@ import router from './router'
 import store from './store'
 import App from './App'
 
-import { SPA } from '@/config'
+import CONF, { SPA } from '@/config'
 import CONFIG from './config'
 import mount from '@/functions/main'
 import { setBase } from '@/utils/ajax'
 import './registerServiceWorker'
 
 setBase(CONFIG.baseUrl)
+Object.assign(CONF, CONFIG)
 mount(SPA.other, App, router, store)
diff --git a/src/scss/font/fonts.js b/src/scss/font/fonts.js
new file mode 100644
index 0000000..0da96d4
--- /dev/null
+++ b/src/scss/font/fonts.js
@@ -0,0 +1,10 @@
+/** svg symbol 图标, 支持字号/颜色 */
+export default /* icon-check-circle */ '<symbol id="icon-check-circle" viewBox="0 0 1024 1024"><path d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8c12.7 17.7 39 17.7 51.7 0l210.6-292c3.9-5.3 0.1-12.7-6.4-12.7z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></symbol>' +
+/* icon-CI */ '<symbol id="icon-CI" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M730 311.9h-50.4c-4.4 0-8 3.6-8 8v384.2c0 4.4 3.6 8 8 8H730c4.4 0 8-3.6 8-8V319.9c0-4.4-3.6-8-8-8zM448.6 361.5c49.5 0 83.1 31.5 87 77.6 0.4 4.2 3.8 7.4 8 7.4h52.6c2.4 0 4.4-2 4.4-4.4 0-81.2-64-138.1-152.3-138.1C345.4 304 286 373.5 286 488.4v49c0 114 59.4 182.6 162.3 182.6 88 0 152.3-55.1 152.3-132.5 0-2.4-2-4.4-4.4-4.4h-52.7c-4.2 0-7.6 3.2-8 7.3-4.2 43-37.7 72.4-87 72.4-61.1 0-95.6-44.9-95.6-125.2v-49.3c0.1-81.4 34.6-126.8 95.7-126.8z"></path></symbol>' +
+/* icon-Dollar */ '<symbol id="icon-Dollar" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M559.7 488.8l-25.4-5.9V348.6c38 5.2 61.5 29 65.5 58.2 0.5 4 3.9 6.9 7.9 6.9h44.9c4.7 0 8.4-4.1 8-8.8-6.1-62.3-57.4-102.3-125.9-109.2V263c0-4.4-3.6-8-8-8h-28.1c-4.4 0-8 3.6-8 8v33c-70.8 6.9-126.2 46-126.2 119 0 67.6 49.8 100.2 102.1 112.7l24.7 6.3v142.7c-44.2-5.9-69-29.5-74.1-61.3-0.6-3.8-4-6.6-7.9-6.6H363c-4.7 0-8.4 4-8 8.7 4.5 55 46.2 105.6 135.2 112.1V761c0 4.4 3.6 8 8 8h28.4c4.4 0 8-3.6 8-8.1l-0.2-31.7c78.3-6.9 134.3-48.8 134.3-124-0.1-69.4-44.2-100.4-109-116.4z m-68.6-16.2c-5.6-1.6-10.3-3.1-15-5-33.8-12.2-49.5-31.9-49.5-57.3 0-36.3 27.5-57 64.5-61.7v124zM534.3 677V543.3c3.1 0.9 5.9 1.6 8.8 2.2 47.3 14.4 63.2 34.4 63.2 65.1 0 39.1-29.4 62.6-72 66.4z"></path></symbol>' +
+/* icon-compass */ '<symbol id="icon-compass" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M710.4 295.9c-8-3.1-16.7-2.9-24.5 0.5L414.9 415 296.4 686c-3.6 8.2-3.6 17.5 0 25.7 3.4 7.8 9.7 13.9 17.7 17 3.8 1.5 7.7 2.2 11.7 2.2 4.4 0 8.7-0.9 12.8-2.7l271-118.6 118.5-271c3.6-8.2 3.6-17.5 0-25.7-3.5-7.9-9.8-13.9-17.7-17zM576.8 534.4l26.2 26.2-42.4 42.4-26.2-26.2L380 644.4 447.5 490 422 464.4l42.4-42.4 25.5 25.5L644.4 380l-67.6 154.4z"></path><path d="M464.4 422L422 464.4l25.5 25.6 86.9 86.8 26.2 26.2 42.4-42.4-26.2-26.2-86.8-86.9z"></path></symbol>' +
+/* icon-close-circle */ '<symbol id="icon-close-circle" viewBox="0 0 1024 1024"><path d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 0.3L512 465.6l-99.3-118.4-66.1-0.3c-4.4 0-8 3.5-8 8 0 1.9 0.7 3.7 1.9 5.2l130.1 155L340.5 670c-1.2 1.5-1.9 3.3-1.9 5.2 0 4.4 3.6 8 8 8l66.1-0.3L512 564.4l99.3 118.4 66 0.3c4.4 0 8-3.5 8-8 0-1.9-0.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"></path><path d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></symbol>' +
+/* icon-frown */ '<symbol id="icon-frown" viewBox="0 0 1024 1024"><path d="M336 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"></path><path d="M688 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2-44.3-18.7-84.1-45.6-118.3-79.8-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8c18.7-44.3 45.6-84.1 79.8-118.3 34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2 44.3 18.7 84.1 45.6 118.3 79.8 34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8c-18.7 44.3-45.6 84.1-79.8 118.2z"></path><path d="M512 533c-85.5 0-155.6 67.3-160 151.6-0.2 4.6 3.4 8.4 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4C420 636.1 461.5 597 512 597s92.1 39.1 95.8 88.6c0.3 4.2 3.9 7.4 8.1 7.4H664c4.6 0 8.2-3.8 8-8.4-4.4-84.3-74.5-151.6-160-151.6z"></path></symbol>' +
+/* icon-info-circle */ '<symbol id="icon-info-circle" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M512 336m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"></path><path d="M536 448h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"></path></symbol>' +
+/* icon-left-circle */ '<symbol id="icon-left-circle" viewBox="0 0 1024 1024"><path d="M603.3 327.5l-246 178c-4.4 3.2-4.4 9.7 0 12.9l246 178c5.3 3.8 12.7 0 12.7-6.5V643c0-10.2-4.9-19.9-13.2-25.9L457.4 512l145.4-105.2c8.3-6 13.2-15.6 13.2-25.9V334c0-6.5-7.4-10.3-12.7-6.5z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></symbol>' +
+/* icon-down-circle */ '<symbol id="icon-down-circle" viewBox="0 0 1024 1024"><path d="M690 405h-46.9c-10.2 0-19.9 4.9-25.9 13.2L512 563.6 406.8 418.2c-6-8.3-15.6-13.2-25.9-13.2H334c-6.5 0-10.3 7.4-6.5 12.7l178 246c3.2 4.4 9.7 4.4 12.9 0l178-246c3.9-5.3 0.1-12.7-6.4-12.7z"></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path></symbol>'
diff --git a/src/scss/font/iconfont.min.js b/src/scss/font/iconfont.min.js
deleted file mode 100644
index 2e1035b..0000000
--- a/src/scss/font/iconfont.min.js
+++ /dev/null
@@ -1 +0,0 @@
-!function(t){var c,e,o,a,l,n,i,s='<svg><symbol id="icon-check-circle" viewBox="0 0 1024 1024"><path d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8c12.7 17.7 39 17.7 51.7 0l210.6-292c3.9-5.3 0.1-12.7-6.4-12.7z"  ></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path></symbol><symbol id="icon-CI" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path><path d="M730 311.9h-50.4c-4.4 0-8 3.6-8 8v384.2c0 4.4 3.6 8 8 8H730c4.4 0 8-3.6 8-8V319.9c0-4.4-3.6-8-8-8zM448.6 361.5c49.5 0 83.1 31.5 87 77.6 0.4 4.2 3.8 7.4 8 7.4h52.6c2.4 0 4.4-2 4.4-4.4 0-81.2-64-138.1-152.3-138.1C345.4 304 286 373.5 286 488.4v49c0 114 59.4 182.6 162.3 182.6 88 0 152.3-55.1 152.3-132.5 0-2.4-2-4.4-4.4-4.4h-52.7c-4.2 0-7.6 3.2-8 7.3-4.2 43-37.7 72.4-87 72.4-61.1 0-95.6-44.9-95.6-125.2v-49.3c0.1-81.4 34.6-126.8 95.7-126.8z"  ></path></symbol><symbol id="icon-Dollar" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path><path d="M559.7 488.8l-25.4-5.9V348.6c38 5.2 61.5 29 65.5 58.2 0.5 4 3.9 6.9 7.9 6.9h44.9c4.7 0 8.4-4.1 8-8.8-6.1-62.3-57.4-102.3-125.9-109.2V263c0-4.4-3.6-8-8-8h-28.1c-4.4 0-8 3.6-8 8v33c-70.8 6.9-126.2 46-126.2 119 0 67.6 49.8 100.2 102.1 112.7l24.7 6.3v142.7c-44.2-5.9-69-29.5-74.1-61.3-0.6-3.8-4-6.6-7.9-6.6H363c-4.7 0-8.4 4-8 8.7 4.5 55 46.2 105.6 135.2 112.1V761c0 4.4 3.6 8 8 8h28.4c4.4 0 8-3.6 8-8.1l-0.2-31.7c78.3-6.9 134.3-48.8 134.3-124-0.1-69.4-44.2-100.4-109-116.4z m-68.6-16.2c-5.6-1.6-10.3-3.1-15-5-33.8-12.2-49.5-31.9-49.5-57.3 0-36.3 27.5-57 64.5-61.7v124zM534.3 677V543.3c3.1 0.9 5.9 1.6 8.8 2.2 47.3 14.4 63.2 34.4 63.2 65.1 0 39.1-29.4 62.6-72 66.4z"  ></path></symbol><symbol id="icon-compass" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path><path d="M710.4 295.9c-8-3.1-16.7-2.9-24.5 0.5L414.9 415 296.4 686c-3.6 8.2-3.6 17.5 0 25.7 3.4 7.8 9.7 13.9 17.7 17 3.8 1.5 7.7 2.2 11.7 2.2 4.4 0 8.7-0.9 12.8-2.7l271-118.6 118.5-271c3.6-8.2 3.6-17.5 0-25.7-3.5-7.9-9.8-13.9-17.7-17zM576.8 534.4l26.2 26.2-42.4 42.4-26.2-26.2L380 644.4 447.5 490 422 464.4l42.4-42.4 25.5 25.5L644.4 380l-67.6 154.4z"  ></path><path d="M464.4 422L422 464.4l25.5 25.6 86.9 86.8 26.2 26.2 42.4-42.4-26.2-26.2-86.8-86.9z"  ></path></symbol><symbol id="icon-close-circle" viewBox="0 0 1024 1024"><path d="M685.4 354.8c0-4.4-3.6-8-8-8l-66 0.3L512 465.6l-99.3-118.4-66.1-0.3c-4.4 0-8 3.5-8 8 0 1.9 0.7 3.7 1.9 5.2l130.1 155L340.5 670c-1.2 1.5-1.9 3.3-1.9 5.2 0 4.4 3.6 8 8 8l66.1-0.3L512 564.4l99.3 118.4 66 0.3c4.4 0 8-3.5 8-8 0-1.9-0.7-3.7-1.9-5.2L553.5 515l130.1-155c1.2-1.4 1.8-3.3 1.8-5.2z"  ></path><path d="M512 65C264.6 65 64 265.6 64 513s200.6 448 448 448 448-200.6 448-448S759.4 65 512 65z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path></symbol><symbol id="icon-frown" viewBox="0 0 1024 1024"><path d="M336 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"  ></path><path d="M688 421m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"  ></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2-44.3-18.7-84.1-45.6-118.3-79.8-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8c18.7-44.3 45.6-84.1 79.8-118.3 34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2 44.3 18.7 84.1 45.6 118.3 79.8 34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8c-18.7 44.3-45.6 84.1-79.8 118.2z"  ></path><path d="M512 533c-85.5 0-155.6 67.3-160 151.6-0.2 4.6 3.4 8.4 8 8.4h48.1c4.2 0 7.8-3.2 8.1-7.4C420 636.1 461.5 597 512 597s92.1 39.1 95.8 88.6c0.3 4.2 3.9 7.4 8.1 7.4H664c4.6 0 8.2-3.8 8-8.4-4.4-84.3-74.5-151.6-160-151.6z"  ></path></symbol><symbol id="icon-info-circle" viewBox="0 0 1024 1024"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path><path d="M512 336m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z"  ></path><path d="M536 448h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"  ></path></symbol><symbol id="icon-left-circle" viewBox="0 0 1024 1024"><path d="M603.3 327.5l-246 178c-4.4 3.2-4.4 9.7 0 12.9l246 178c5.3 3.8 12.7 0 12.7-6.5V643c0-10.2-4.9-19.9-13.2-25.9L457.4 512l145.4-105.2c8.3-6 13.2-15.6 13.2-25.9V334c0-6.5-7.4-10.3-12.7-6.5z"  ></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path></symbol><symbol id="icon-down-circle" viewBox="0 0 1024 1024"><path d="M690 405h-46.9c-10.2 0-19.9 4.9-25.9 13.2L512 563.6 406.8 418.2c-6-8.3-15.6-13.2-25.9-13.2H334c-6.5 0-10.3 7.4-6.5 12.7l178 246c3.2 4.4 9.7 4.4 12.9 0l178-246c3.9-5.3 0.1-12.7-6.4-12.7z"  ></path><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"  ></path></symbol></svg>',d=(c=document.getElementsByTagName("script"))[c.length-1].getAttribute("data-injectcss");if(d&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function h(){n||(n=!0,a())}e=function(){var t,c,e,o,a,l=document.createElement("div");l.innerHTML=s,s=null,(t=l.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",c=t,(e=document.body).firstChild?(o=c,(a=e.firstChild).parentNode.insertBefore(o,a)):e.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),e()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(a=e,l=t.document,n=!1,(i=function(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(i,50)}h()})(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,h())})}(window);
\ No newline at end of file
diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
index a796ef0..b609b5d 100644
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@@ -1,6 +1,7 @@
 /* vue 扩展申明 */
 
 import { VNode } from 'vue'
+import CONFIG, { SPA } from '@/config'
 import { on, off, once, emit } from '@/utils/eventBus'
 import { fit, has } from '@/functions/auth'
 import { RawLocation } from '@/functions/router'
@@ -111,6 +112,8 @@ declare module 'vue/types/vue' {
   interface Vue {
     /** 当前SPA */
     _$SPA: string
+    /** 全局配置 */
+    CONFIG: typeof CONFIG
     /** .vue <style module> class名字典计算属性 */
     $style: IObject<string>
     /** [消息总线]监听事件 */
@@ -145,6 +148,7 @@ declare module 'vue/types/vue' {
      * @param options 选项
      *  {
      *    id?: string 目标菜单模块唯一标识
+     *    SPA?: SPA 跳转目标SPA
      *    refresh?: boolean 是否刷新
      *    replace?: boolean 使用 router.replace 默认:router.push
      *    onComplete?: 同 router.replace/router.push
@@ -155,6 +159,7 @@ declare module 'vue/types/vue' {
       location: RawLocation,
       options?: {
         id?: string
+        SPA?: SPA
         replace?: boolean
         refresh?: boolean
         onComplete?: Function