af-mobile-client-vue3 1.2.59 → 1.3.1

package/src/views/component/XFormGroupView/index.vue

@@ -5,19 +5,16 @@ import { showDialog } from 'vant'
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
-// const configName = ref('reviewFormGroup')
-// const serviceName = ref('af-revenue')
-
 // 纯表单
-// const configName = ref('form_check_test')
-// const serviceName = ref('af-system')
+const configName = ref('form_check_test')
+const serviceName = ref('af-system')
 
 // const configName = ref("计划下发Form")
 // const serviceName = ref("af-linepatrol")
 
 // 表单组
-const configName = ref('lngChargeAuditMobileFormGroup')
-const serviceName = ref('af-gaslink')
+// const configName = ref('lngChargeAuditMobileFormGroup')
+// const serviceName = ref('af-gaslink')
 
 const formData = ref({})
 const formGroup = ref(null)
@@ -25,8 +22,7 @@ const route = useRoute()
 const isInit = ref(false)
 function submit(_result) {
   showDialog({ message: '提交成功' }).then(() => {
-    console.log('12121')
-    // history.back()
+    history.back()
   })
 }
 
@@ -67,8 +63,8 @@ function submit(_result) {
       <!--      v-if="isInit" -->
       <XFormGroup
         ref="formGroup"
-        config-name="ceshi11111FormGroup"
-        service-name="af-apply"
+        :config-name="configName"
+        :service-name="serviceName"
         :group-form-data="formData"
         mode="新增"
         @submit="submit"

package/src/views/component/XFormView/index.vue

@@ -3,8 +3,8 @@ import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
 import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
 import { ref } from 'vue'
 
-const configName = ref('addappapplychargeForm')
-const serviceName = ref('af-apply')
+const configName = ref('AddConstructionForm')
+const serviceName = ref('af-linepatrol')
 
 const formGroupAddConstruction = ref(null)
 </script>

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

@@ -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

package/src/views/component/XFormGroupView/xformgroup222.vue

@@ -1,97 +0,0 @@
-<script setup lang="ts">
-import XFormGroup from '@af-mobile-client-vue3/components/data/XFormGroup/index.vue'
-import { runLogic } from '@af-mobile-client-vue3/services/api/common'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-import dayjs from 'dayjs/esm/index'
-import { showToast } from 'vant'
-import { onMounted, ref } from 'vue'
-import { useRoute } from 'vue-router'
-
-const configName = ref('appapplyuserinfoFormGroup')
-const serviceName = ref('af-apply')
-const route = useRoute()
-const userInfo = useUserStore().getUserInfo()
-const workflowId = ref('3045')
-const userinfoid = ref('93116')
-const model = ref('编辑')
-const groupFormData = ref({})
-
-function submit(res) {
-  if (model.value === '新增') {
-    res.t_userinfo.f_operate_date = dayjs().format('YYYY-MM-DD HH:mm:ss')
-    res.t_userinfo.f_orgid = userInfo.f_orgid
-    res.t_userinfo.f_orgname = userInfo.f_orgname
-    res.t_userinfo.f_depid = userInfo.f_depid
-    res.t_userinfo.f_depname = userInfo.f_depname
-    res.t_userinfo.f_operatorid = userInfo.f_operatorid
-    res.t_userinfo.f_operator = userInfo.f_operator
-    res.t_userinfo.f_workflow_id = this.f_workflow_id
-    res.t_userinfo.f_user_state = '预备'
-
-    res.t_userfiles.f_operate_date = dayjs().format('YYYY-MM-DD HH:mm:ss')
-    res.t_userfiles.f_orgid = userInfo.f_orgid
-    res.t_userfiles.f_orgname = userInfo.f_orgname
-    res.t_userfiles.f_depid = userInfo.f_depid
-    res.t_userfiles.f_depname = userInfo.f_depname
-    res.t_userfiles.f_operatorid = userInfo.f_operatorid
-    res.t_userfiles.f_operator = userInfo.f_operator
-    res.t_userfiles.f_workflow_id = this.f_workflow_id
-    res.t_userfiles.f_table_state = '待开通'
-  }
-  let saveData = res
-  if (saveData.t_userfiles.f_gasbrand_id.length > 0) {
-    saveData.t_userfiles.f_gasbrand_id = saveData.t_userfiles.f_gasbrand_id[0]
-  }
-  if (saveData.t_userfiles.f_price_id.length > 0) {
-    saveData.t_userfiles.f_price_id = saveData.t_userfiles.f_price_id[0]
-  }
-  if (model.value === '编辑') {
-    saveData = Object.assign(saveData, {
-      f_operator_record: userInfo.f_operator,
-      f_operatorid_record: userInfo.f_operatorid,
-      f_orgid_record: userInfo.f_orgid,
-      f_orgname_record: userInfo.f_orgname,
-      f_depid_record: userInfo.f_depid,
-      f_depname_record: userInfo.f_depname,
-    })
-  }
-  runLogic('userFIleSaveLogic', saveData, 'af-revenue').then((res) => {
-    showToast('操作成功！')
-    history.back()
-  })
-}
-const isInit = ref(false)
-function init() {
-  if (model.value === '编辑') {
-    runLogic('getFileDetailForEdit', { f_userinfo_id: userinfoid.value }, 'af-revenue').then((res) => {
-      // if (res.t_userfiles.f_gasmodel_id) {
-      //   res.t_userfiles.f_gasmodel_id = 76
-      // }
-      // if (res.t_userfiles.f_price_id) {
-      //   res.t_userfiles.f_price_id = [res.t_userfiles.f_price_id]
-      // }
-      console.log('1111111----,', res)
-      groupFormData.value = res
-      isInit.value = true
-    })
-  }
-}
-onMounted(() => {
-  init()
-})
-</script>
-
-<template>
-  <XFormGroup
-    v-if="isInit"
-    mode="修改"
-    :config-name="configName"
-    :service-name="serviceName"
-    :group-form-data="groupFormData"
-    @submit="submit"
-  />
-</template>
-
-<style scoped lang="less">
-
-</style>