af-mobile-client-vue3 1.2.57 → 1.3.1

package/tsconfig.json

@@ -8,11 +8,11 @@
     "module": "esnext",
     "moduleResolution": "Bundler",
     "paths": {
-      "@af-mobile-client-vue3/*": ["src/*"]
+      "@af-mobile-client-vue3/*": ["src/*"],
+      "~root/*": ["./*"]
     },
     "types": [
       "node",
-      "unplugin-vue-router/client",
       "vite-plugin-pwa/client"
     ],
     "allowJs": true,
@@ -32,11 +32,8 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "src/**/*.vue",
-    "tests/**/*.ts",
-    "tests/**/*.tsx",
-    "src/components.d.ts",
-    "src/auto-imports.d.ts",
-    "src/typed-router.d.ts",
-    "tests/*.ts"
+    "src/types/components.d.ts",
+    "src/types/auto-imports.d.ts",
+    "src/types/typed-router.d.ts"
   ]
 }

package/uno.config.ts

@@ -1,5 +1,7 @@
-import { createRemToPxProcessor } from '@unocss/preset-wind4/utils'
+import * as fs from 'node:fs'
 
+import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
+import { createRemToPxProcessor } from '@unocss/preset-wind4/utils'
 import {
   defineConfig,
   presetAttributify,
@@ -9,8 +11,25 @@ import {
   transformerVariantGroup,
 } from 'unocss'
 
+// 本地 SVG 图标存放目录
+const iconsDir = './src/icons/svg'
+
 const BASE_FONT_SIZE = 4
 
+// 读取本地 SVG 目录，自动生成 `safelist`
+function generateSafeList() {
+  try {
+    return fs
+      .readdirSync(iconsDir)
+      .filter(file => file.endsWith('.svg'))
+      .map(file => `i-svg:${file.replace('.svg', '')}`)
+  }
+  catch (error) {
+    console.error('无法读取图标目录:', error)
+    return []
+  }
+}
+
 export default defineConfig({
   shortcuts: [
     ['btn', 'px-6 py-3 rounded-4 border-none inline-block bg-green-400 text-white cursor-pointer outline-hidden hover:bg-green-600 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
@@ -34,9 +53,21 @@ export default defineConfig({
           'width': 'var(--van-font-size-md)',
           'height': 'var(--van-font-size-md)',
         },
+        // 注册本地 SVG 图标
+        collections: {
+          // svg 是图标集合名称，使用 `i-svg:图标名` 调用
+          svg: FileSystemIconLoader(iconsDir, (svg) => {
+            // 如果 SVG 文件未定义 `fill` 属性，则默认填充 `currentColor`
+            // 这样图标颜色会继承文本颜色，方便在不同场景下适配
+            return svg.includes('fill="')
+              ? svg
+              : svg.replace(/^<svg /, '<svg fill="currentColor" ')
+          }),
+        },
       },
     ),
   ],
+  safelist: generateSafeList(), // 动态生成 `safelist`
   postprocess: [
     createRemToPxProcessor(BASE_FONT_SIZE),
   ],

package/vite.config.ts

@@ -11,8 +11,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
 
   const appProxys = {}
 
-  const v4Server = 'http://192.168.50.67:31577'
-  const v3Server = 'https://wkf.qhgas.com'
+  const v4Server = 'http://aote-office.8866.org:31567'
+  const v3Server = 'http://aote-office.8866.org:31567'
   const OSSServerDev = 'http://192.168.50.67:30351'
   const geoserver = 'http://39.104.49.8:30372'
   // const OSSServerProd = 'http://192.168.50.67:31351'
@@ -95,7 +95,7 @@ export default ({ mode }: ConfigEnv): UserConfig => {
     build: {
       cssCodeSplit: false,
       chunkSizeWarningLimit: 2048,
-      outDir: env.VITE_APP_OUT_DIR || 'dist',
+      outDir: `./dist/${env.VITE_APP_OUT_DIR}`,
       rollupOptions: {
         output: {
           // 打包时分割资源

package/.env.envoiceShow

@@ -1,7 +0,0 @@
-VITE_APP_PUBLIC_PATH=/invoiceShow
-VITE_APP_PREVIEW=true
-VITE_APP_API_BASE_URL=/api
-VITE_APP_WEB_CONFIG_KEY=admin.webconfig
-VITE_APP_SYSTEM_NAME=af-system
-# 最低兼容性 V4（最新产品）V3(V3产品) OA(公司OA)
-VITE_APP_COMPATIBLE=V4

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

@@ -1,59 +0,0 @@
-<script setup lang="ts">
-import router from '@af-mobile-client-vue3/router'
-import { getAppStatus } from '@micro-zoe/micro-app'
-import { ref } from 'vue'
-import { useRoute } from 'vue-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>

package/src/components/core/SvgIcon/index.vue

@@ -1,61 +0,0 @@
-<script setup lang="ts">
-import { isExternal } from '@af-mobile-client-vue3/utils/validate'
-import { computed } from 'vue'
-
-interface Props {
-  name: string
-  className?: string
-}
-const props = withDefaults(defineProps<Props>(), {
-  name: '',
-  className: '',
-})
-
-const isExternalIcon = computed(() => isExternal(props.name))
-const iconName = computed(() => `#icon-${props.name}`)
-const svgClass = computed(() => {
-  if (props.className)
-    return `svg-icon ${props.className}`
-  else
-    return 'svg-icon'
-})
-// 外链 icon
-const styleExternalIcon = computed(() => {
-  return {
-    'mask': `url(${props.name}) no-repeat 50% 50%`,
-    '-webkit-mask': `url(${props.name}) no-repeat 50% 50%`,
-  }
-})
-</script>
-
-<template>
-  <div
-    v-if="isExternalIcon"
-    :style="styleExternalIcon"
-    class="svg-external-icon svg-icon"
-    v-bind="$attrs"
-  />
-  <svg v-else :class="svgClass" aria-hidden="true" v-bind="$attrs">
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-
-<style scoped>
-.svg-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-
-.svg-external-icon {
-  background-color: currentColor;
-  mask-size: cover !important;
-  display: inline-block;
-}
-
-.svg-icon-active-blue {
-  color: #1989fa;
-}
-</style>

package/src/utils/local-storage.ts

@@ -1,9 +0,0 @@
-import store from 'store'
-import expirePlugin from 'store/plugins/expire'
-
-// plugin usage:
-store.addPlugin(expirePlugin)
-
-export { store as localStorage }
-
-export default store