af-mobile-client-vue3 1.2.59 → 1.3.2

package/.editorconfig

@@ -1,38 +1,9 @@
+root=true
+
 [*]
 charset=utf-8
-end_of_line=lf
-insert_final_newline=false
-indent_style=space
-indent_size=2
-
-[{*.ng,*.sht,*.html,*.shtm,*.shtml,*.htm}]
-indent_style=space
-indent_size=2
-
-[{*.jhm,*.xslt,*.xul,*.rng,*.xsl,*.xsd,*.ant,*.tld,*.fxml,*.jrxml,*.xml,*.jnlp,*.wsdl}]
-indent_style=space
-indent_size=2
-
-[{.babelrc,.stylelintrc,jest.config,.eslintrc,.prettierrc,*.json,*.jsb3,*.jsb2,*.bowerrc}]
-indent_style=space
-indent_size=2
-
-[*.svg]
-indent_style=space
-indent_size=2
-
-[*.js.map]
-indent_style=space
-indent_size=2
-
-[*.less]
-indent_style=space
-indent_size=2
-
-[{*.vue,*.ts,*.tsx}]
-indent_style=space
-indent_size=2
-
-[{.analysis_options,*.yml,*.yaml}]
 indent_style=space
 indent_size=2
+end_of_line=lf
+insert_final_newline=true
+trim_trailing_whitespace=true

package/.env

@@ -1,7 +1,7 @@
 VITE_APP_PUBLIC_PATH=/vue-client-app
 VITE_APP_PREVIEW=true
 VITE_APP_API_BASE_URL=/api
-VITE_APP_OUT_DIR=dist
+VITE_APP_OUT_DIR=dist_af-library-mobile-web
 VITE_APP_VCONSOLE=false
 # 自定义参数
 VITE_APP_WEB_CONFIG_KEY=admin.webconfig

package/.env.development

@@ -1,4 +1 @@
 NODE_ENV=development
-VITE_APP_PUBLIC_PATH=/vue-client-app
-VITE_APP_PREVIEW=true
-VITE_APP_API_BASE_URL=/api

package/.env.production

@@ -1,7 +1 @@
-VITE_APP_PUBLIC_PATH=/vue-client-app
-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
+VITE_APP_PREVIEW=false

package/build/vite/index.ts

@@ -1,4 +1,4 @@
-import path, { dirname, resolve } from 'node:path'
+import { dirname, resolve } from 'node:path'
 
 import process from 'node:process'
 import { fileURLToPath } from 'node:url'
@@ -11,12 +11,10 @@ import viteCompression from 'vite-plugin-compression'
 import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 import { VitePWA } from 'vite-plugin-pwa'
 import Sitemap from 'vite-plugin-sitemap'
-import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import VueDevTools from 'vite-plugin-vue-devtools'
 import { createViteVConsole } from './vconsole'
 
 export function createVitePlugins(mode: string) {
-  const root = process.cwd()
   const env = loadEnv(mode, process.cwd())
 
   return [
@@ -31,20 +29,12 @@ export function createVitePlugins(mode: string) {
 
     // https://github.com/jbaubree/vite-plugin-sitemap
     Sitemap({
-      outDir: env.VITE_APP_OUT_DIR || 'dist',
+      outDir: `./dist/${env.VITE_APP_OUT_DIR}`,
     }),
 
     // https://github.com/pengzhanbo/vite-plugin-mock-dev-server
     mockDevServerPlugin(),
 
-    // TODO 放到统一icons处理，移除该插件
-    createSvgIconsPlugin({
-      // 指定图标文件夹
-      iconDirs: [path.resolve(root, 'src/icons/svg')],
-      // 指定 symbolId 格式
-      symbolId: 'icon-[dir]-[name]',
-    }),
-
     // 生产环境 gzip 压缩资源
     viteCompression({
       algorithm: 'gzip',

package/build/vite/optimize.ts

@@ -20,10 +20,10 @@ const include = [
   'vant/es/notify/style/index',
   'vant/es/config-provider/style/index',
   'vant/es/nav-bar/style/index',
-  'vant/es/list/style/index',
-  'vant/es/text-ellipsis/style/index',
   'vant/es/tabbar/style/index',
   'vant/es/tabbar-item/style/index',
+  'vant/es/list/style/index',
+  'vant/es/text-ellipsis/style/index',
 ]
 
 const exclude = [

package/compress.js

@@ -0,0 +1,36 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import * as tar from 'tar'
+
+// 当前文件所在目录
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+// 压缩源目录名（即 build 后生成的目录名）
+const outputName = `dist_af-library-mobile-web`
+
+// 源目录路径
+const cwd = path.join(__dirname, 'dist', outputName)
+
+// 输出 tar.gz 文件路径
+const outputPath = path.join(__dirname, 'dist', `${outputName}.tar.gz`)
+
+if (!fs.existsSync(cwd)) {
+  console.error('❌ 目录不存在:', cwd)
+  // eslint-disable-next-line node/prefer-global/process
+  process.exit(1)
+}
+
+tar.c(
+  {
+    gzip: true,
+    file: outputPath,
+    cwd,
+  },
+  ['.'],
+).then(() => {
+  console.log(`✅ 压缩完成: ${outputPath}`)
+}).catch((err) => {
+  console.error('❌ 压缩失败:', err)
+})

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.2.59",
-  "packageManager": "pnpm@10.12.3",
+  "version": "1.3.2",
+  "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {
     "node": ">=20.19.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",
+    "compress": "node ./compress.js",
+    "build:dev": "vue-tsc --noEmit && vite build --mode development",
+    "build:pro": "vue-tsc --noEmit && vite build --mode production && pnpm run compress",
     "preview": "vite preview",
-    "lint": "eslint . && vue-tsc --noEmit",
+    "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "release": "bumpp --commit --push --tag",
     "typecheck": "vue-tsc --noEmit",
@@ -20,68 +21,69 @@
     "prepare": "simple-git-hooks"
   },
   "dependencies": {
-    "@vant/area-data": "^2.0.0",
-    "crypto-js": "^4.2.0",
-    "dayjs": "^1.11.13",
-    "ol": "^10.5.0",
-    "vue3-hash-calendar": "^1.1.3",
     "@iconify/vue": "4.3.0",
-    "@micro-zoe/micro-app": "1.0.0-rc.24",
-    "@unhead/vue": "2.0.11",
+    "@micro-zoe/micro-app": "1.0.0-rc.26",
+    "@unhead/vue": "2.0.12",
+    "@vant/area-data": "^2.0.0",
     "@vant/touch-emulator": "^1.4.0",
     "@vant/use": "^1.6.0",
-    "@vueuse/core": "^13.4.0",
+    "@vueuse/core": "^13.5.0",
     "axios": "^1.10.0",
+    "crypto-js": "^4.2.0",
+    "dayjs": "^1.11.13",
     "echarts": "^5.6.0",
     "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
+    "ol": "^10.5.0",
     "pinia": "^3.0.3",
-    "pinia-plugin-persistedstate": "^4.3.0",
+    "pinia-plugin-persistedstate": "^4.4.1",
     "resize-detector": "^0.3.0",
-    "vant": "^4.9.20",
+    "vant": "^4.9.21",
     "vconsole": "^3.15.1",
     "vue": "^3.5.17",
-    "vue-i18n": "^11.1.7",
-    "vue-router": "^4.5.1"
+    "vue-i18n": "^11.1.10",
+    "vue-router": "^4.5.1",
+    "vue3-hash-calendar": "^1.1.3"
   },
   "devDependencies": {
-    "vite-plugin-compression": "^0.5.1",
-    "@iconify/json": "2.2.318",
-    "@types/crypto-js": "^4.2.2",
-    "@antfu/eslint-config": "4.16.1",
+    "@antfu/eslint-config": "4.17.0",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@commitlint/types": "^19.8.1",
+    "@iconify/json": "2.2.318",
+    "@iconify/utils": "^2.3.0",
     "@intlify/unplugin-vue-i18n": "^6.0.8",
+    "@types/crypto-js": "^4.2.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.0.4",
+    "@types/node": "^24.0.14",
     "@types/nprogress": "^0.2.3",
-    "@unocss/eslint-config": "66.2.3",
-    "@vitejs/plugin-legacy": "^7.0.0",
+    "@unocss/eslint-config": "66.3.3",
+    "@vitejs/plugin-legacy": "^7.0.1",
     "@vitejs/plugin-vue": "^6.0.0",
     "autoprefixer": "^10.4.21",
     "bumpp": "^10.2.0",
     "consola": "^3.4.2",
     "cross-env": "^7.0.3",
-    "eslint": "^9.29.0",
+    "eslint": "^9.31.0",
     "eslint-plugin-format": "^1.0.1",
-    "less": "^4.3.0",
+    "less": "^4.4.0",
     "lint-staged": "^16.1.2",
     "mockjs": "^1.1.0",
     "postcss-mobile-forever": "^5.0.0",
-    "rollup": "^4.44.0",
+    "rollup": "^4.45.1",
     "simple-git-hooks": "^2.13.0",
+    "tar": "^7.4.3",
     "terser": "^5.43.1",
     "typescript": "^5.8.3",
-    "unocss": "66.2.3",
-    "vite": "^7.0.0",
+    "unocss": "66.3.3",
+    "vite": "^7.0.5",
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-mock-dev-server": "^1.9.1",
-    "vite-plugin-pwa": "^1.0.0",
+    "vite-plugin-pwa": "^1.0.1",
     "vite-plugin-sitemap": "^0.8.2",
-    "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vconsole": "^2.1.1",
     "vite-plugin-vue-devtools": "^7.7.7",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.0.2"
   },
   "pnpm": {
     "allowedDeprecatedVersions": {
@@ -90,9 +92,7 @@
       "sourcemap-codec": "1.4.8"
     },
     "peerDependencyRules": {
-      "allowedVersions": {
-        "typescript": "5.8.3"
-      }
+      "allowedVersions": {}
     },
     "onlyBuiltDependencies": [
       "core-js",
@@ -102,13 +102,13 @@
     ]
   },
   "resolutions": {
-    "vite": "^7.0.0"
+    "vite": "^7.0.5"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",
     "commit-msg": "pnpm commitlint $1"
   },
   "lint-staged": {
-    "*.{js,ts,vue}": "eslint --fix"
+    "*": "eslint --fix"
   }
 }

package/src/App.vue

@@ -9,13 +9,14 @@ import {
   ConfigProvider as VanConfigProvider,
 } from 'vant/es'
 import { computed, reactive } from 'vue'
+import { appDescription, appName } from './constants'
 
 useHead({
-  title: '智慧燃气',
+  title: appName,
   meta: [
     {
       name: 'description',
-      content: '智慧燃气手机端',
+      content: appDescription,
     },
     {
       name: 'theme-color',
@@ -73,9 +74,6 @@ input[type='password']::-ms-clear {
 <style scoped>
 .app-wrapper {
   width: 100%;
-  /**
-   TODO 源框架问题：增加后动画无效
-  */
   position: relative;
 }
 </style>

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

@@ -1,11 +1,10 @@
 <script setup>
-import SvgIcon from '@af-mobile-client-vue3/components/core/SvgIcon/index.vue'
 </script>
 
 <template>
   <div class="main">
     <div class="bird-container">
-      <SvgIcon name="bird" class="bird" />
+      <div class="bird i-svg:bird" />
     </div>
     <div class="loading-text">
       加载中，请稍候...

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

@@ -14,6 +14,7 @@ const props = defineProps({
   authority: { default: 'user' },
   uploadMode: { default: 'server' },
   attr: { type: Object as () => { addOrEdit?: string, acceptCount?: number, uploadImage?: boolean }, default: () => ({}) },
+  mode: { default: '新增' }, // 预览
 })
 const emit = defineEmits(['updateFileList'])
 
@@ -170,7 +171,7 @@ function handleActionSelect(option: any) {
 <template>
   <div class="uploader-container">
     <div
-      v-if="imageList.length < props.attr?.acceptCount && props.attr?.addOrEdit !== 'readonly'"
+      v-if="props.mode !== '预览' && (imageList.length < props.attr?.acceptCount && props.attr?.addOrEdit !== 'readonly')"
       class="custom-upload-area"
       @click="handleUploadAreaClick"
     >
@@ -186,7 +187,7 @@ function handleActionSelect(option: any) {
       ref="uploaderRef"
       v-model="imageList"
       :show-upload="false"
-      :deletable="props.attr?.addOrEdit !== 'readonly' && props.authority === 'admin'"
+      :deletable="(props.attr?.addOrEdit !== 'readonly' && props.authority === 'admin') && props.mode !== '预览'"
       :multiple="props.authority === 'admin'"
       :preview-image="true"
       :before-delete="props.attr?.addOrEdit !== 'readonly' && props.authority === 'admin' ? deleteFileFunction : undefined"

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

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { rootRouteList } from '@af-mobile-client-vue3/config/routes'
 import { NavBar as VanNavBar } from 'vant/es'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
@@ -6,27 +7,36 @@ import { useRoute, useRouter } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
-
-// back
-function onBack() {
-  if (window.history.state.back)
-    history.back()
-  else
-    router.replace('/')
-}
-
 const { t } = useI18n()
 
+const showNavBar = computed(() => route.meta.navBar)
+
+/**
+ * Get page title
+ * Located in src/locales/json
+ */
 const title = computed(() => {
   if (!route.meta)
     return ''
 
-  return route.meta.i18n ? t(route.meta.i18n) : (route.meta.title || '')
+  return route.meta.i18n ? t(route.meta.i18n as string) : (route.meta.title || '')
 })
 
-const showNavBar = computed(() => route.meta.navBar)
+/**
+ * Show the left arrow
+ * If route name is in rootRouteList, hide left arrow
+ */
+const showLeftArrow = computed(() => {
+  return !(route.name && rootRouteList.includes(route.name as string))
+})
 
-const showLeftArrow = computed(() => route.name && route.name === 'ComponentView')
+// back
+function onBack() {
+  if (window.history.state.back)
+    history.back()
+  else
+    router.replace('/')
+}
 </script>
 
 <template>
@@ -35,7 +45,7 @@ const showLeftArrow = computed(() => route.name && route.name === 'ComponentView
     :title="title"
     :fixed="true"
     clickable placeholder
-    :left-arrow="!showLeftArrow"
+    :left-arrow="showLeftArrow"
     @click-left="onBack"
   />
 </template>

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { routeWhiteList } from '@af-mobile-client-vue3/config/routes'
+import { rootRouteList } from '@af-mobile-client-vue3/config/routes'
 import { Tabbar as VanTabbar, TabbarItem as VanTabbarItem } from 'vant'
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
@@ -9,11 +9,13 @@ import 'vant/lib/tabbar/index.css'
 const active = ref(0)
 const route = useRoute()
 
-const show = computed(() => route.name && routeWhiteList.includes(route.name as string))
+const show = computed(() => {
+  return route.name && rootRouteList.includes(route.name as string)
+})
 </script>
 
 <template>
-  <VanTabbar v-if="show" v-model="active" route placeholder>
+  <VanTabbar v-if="show" v-model="active" placeholder route>
     <VanTabbarItem replace to="/Component/main">
       {{ '首页' }}
       <template #icon>

package/src/components/data/XBadge/index.vue

@@ -2,11 +2,11 @@
 import { getDictItemByValue } from '@af-mobile-client-vue3/utils/dictUtil'
 import { ref } from 'vue'
 
-const { serviceName, dictName, dictValue } = withDefaults(defineProps<{
+const { serviceName, dictName, dictValue } = defineProps<{
   serviceName: string
   dictName: string | null | undefined
   dictValue: string | null | undefined
-}>(), {})
+}>()
 
 // 字面值
 const label = ref('')

package/src/components/data/XCellList/index.vue

@@ -23,7 +23,16 @@ import {
 import { computed, defineEmits, defineProps, getCurrentInstance, onBeforeMount, ref, useSlots, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
-const { configName, serviceName, fixQueryForm, customAdd, customEdit } = withDefaults(defineProps<{
+const {
+  configName = '',
+  fixQueryForm = null,
+  idKey = 'o_id',
+  serviceName,
+  scanOptions,
+  customAdd = false,
+  customEdit = false,
+  hideAllActions = false,
+} = defineProps<{
   configName?: string
   fixQueryForm?: object
   idKey?: string
@@ -36,15 +45,9 @@ const { configName, serviceName, fixQueryForm, customAdd, customEdit } = withDef
   // 是否自定义新增、编辑按钮
   customAdd?: boolean
   customEdit?: boolean
-}>(), {
-  configName: '',
-  fixQueryForm: null,
-  idKey: 'o_id',
-  serviceName: undefined,
-  scanOptions: undefined,
-  customAdd: false,
-  customEdit: false,
-})
+  // 是否隐藏所有操作按钮
+  hideAllActions?: boolean
+}>()
 
 const emit = defineEmits<{
   (e: 'toDetail', item: any): void
@@ -151,7 +154,7 @@ const currInst = getCurrentInstance()
 
 // 列表底部的文字显示
 function finishedBottomText() {
-  if (buttonState.value?.add && buttonState.value.add === true && (filterButtonPermissions('add').state === false || ((filterButtonPermissions('add').state === true && userState.f.resources.f_role_name.includes((filterButtonPermissions('add').roleStr))))))
+  if (!hideAllActions && buttonState.value?.add && buttonState.value.add === true && (filterButtonPermissions('add').state === false || ((filterButtonPermissions('add').state === true && userState.f.resources.f_role_name.includes((filterButtonPermissions('add').roleStr))))))
     return '已加载全部内容，如需新增请点击右上角的 + 号'
   else
     return '已加载全部内容'
@@ -560,7 +563,7 @@ defineExpose({
         />
       </VanCol>
       <!-- 新增按钮，放在查询框后、查询条件下拉按钮前 -->
-      <VanCol v-if="buttonState?.add && buttonState.add === true && (filterButtonPermissions('add').state === false || ((filterButtonPermissions('add').state === true && userState.f.resources.f_role_name.includes((filterButtonPermissions('add').roleStr)))))" class="add-col">
+      <VanCol v-if="!hideAllActions && buttonState?.add && buttonState.add === true && (filterButtonPermissions('add').state === false || ((filterButtonPermissions('add').state === true && userState.f.resources.f_role_name.includes((filterButtonPermissions('add').roleStr)))))" class="add-col">
         <VanButton
           icon="add"
           type="primary"
@@ -629,7 +632,7 @@ defineExpose({
                         />
                       </p>
                     </div>
-                    <div class="action-buttons">
+                    <div v-if="!hideAllActions" class="action-buttons">
                       <VanButton
                         v-for="btn in btnList"
                         :key="btn.dataIndex"
@@ -704,7 +707,7 @@ defineExpose({
               </VanRow>
               <!-- 添加详情插槽 -->
               <slot name="item-detail" :item="item" />
-              <VanRow v-if="allActions.length > 0" gutter="20" class="card_item_bottom">
+              <VanRow v-if="!hideAllActions && allActions.length > 0" gutter="20" class="card_item_bottom">
                 <VanCol span="4">
                   <VanPopover
                     v-if="getActionGroups(item, index).more.length"

package/src/components/data/XFormGroup/doc/FormGroupDemo.vue

@@ -33,21 +33,21 @@ function handleSubmit(result: any) {
         @submit="handleSubmit"
       >
         <!-- 用户信息插槽 -->
-        <template #user="{ setRef, removeRef, userFormData }">
+        <template #user="{ setRef, removeRef, formData }">
           <UserForm
             :set-ref="setRef"
             :remove-ref="removeRef"
             form-group-name="userInfo"
-            :form-data="userFormData"
+            :form-data="formData"
           />
         </template>
         <!-- 设备信息插槽 -->
-        <template #device="{ setRef, removeRef, deviceFormData }">
+        <template #device="{ setRef, removeRef, formData }">
           <DeviceForm
             :set-ref="setRef"
             :remove-ref="removeRef"
             form-group-name="deviceInfo"
-            :form-data="deviceFormData"
+            :form-data="formData"
           />
         </template>
       </XFormGroup>

package/src/components/data/XFormGroup/index.vue

@@ -10,12 +10,14 @@ const props = withDefaults(defineProps<{
   groupFormData?: object
   mode?: string
   isScrollspy?: boolean
+  formShow?: any
 }>(), {
   configName: '',
   serviceName: undefined,
   groupFormData: () => ({}),
   mode: '查询',
   isScrollspy: true,
+  formShow: undefined,
 })
 const emit = defineEmits(['submit', 'xFormItemEmitFunc'])
 
@@ -25,6 +27,7 @@ interface Form {
   groupFormData?: object
   mode?: string
   isScrollspy?: boolean
+  formShow?: any
 }
 
 const groupItems = ref([])
@@ -38,6 +41,12 @@ const propsData = ref<Partial<Form>>({})
 const slots = useSlots()
 const renderableGroupItems = computed(() => {
   return groupItems.value.filter((item) => {
+    if (props.formShow && (item.groupName || item.slotName)) {
+      const showKey = `show${item.groupName || item.slotName}`
+      if (props.formShow[showKey] === false) {
+        return false
+      }
+    }
     if (item.formGroupType === 'slot') {
       return !!(item.slotName && slots[item.slotName])
     }
@@ -53,6 +62,7 @@ function init(params: Form) {
     serviceName: props.serviceName,
     groupFormData: props.groupFormData,
     mode: props.mode,
+    formShow: props.formShow,
     ...params,
   }
   formData.value = propsData.value.groupFormData
@@ -141,7 +151,7 @@ defineExpose({ init, removeRef, xFormListRef })
       >
         <div
           class="x-form-group-item"
-          :class="{ 'is-last': index === groupItems.length - 1 }"
+          :class="{ 'is-last': index === renderableGroupItems.length - 1 }"
         >
           <div v-if="item.describe && propsData.isScrollspy && (item.groupName || item.slotName)" class="form-group-title">
             <span class="form-group-bar" />