af-mobile-client-vue3 1.4.11 → 1.4.12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/postcss.config.ts

@@ -13,15 +13,15 @@ const rootContainingBlockSelectorList = [
 
 export default {
   plugins: {
-    autoprefixer: {},
+    'autoprefixer': {},
 
     // https://github.com/wswmsword/postcss-mobile-forever
-    // 'postcss-mobile-forever': {
-    //   appSelector: '#system-app',
-    //   viewportWidth: 375,
-    //   maxDisplayWidth: 800,
-    //   border: true,
-    //   rootContainingBlockSelectorList,
-    // },
+    'postcss-mobile-forever': {
+      appSelector: '#system-app',
+      viewportWidth: 375,
+      maxDisplayWidth: 800,
+      border: true,
+      rootContainingBlockSelectorList,
+    },
   },
 }

package/src/router/routes.ts

@@ -13,7 +13,7 @@ import ComponentView from '@af-mobile-client-vue3/views/component/index.vue'
 import UserDetailView from '@af-mobile-client-vue3/views/component/UserDetailView/index.vue'
 import UserDetailPage from '@af-mobile-client-vue3/views/component/UserDetailView/UserDetailPage.vue'
 import XCellDetailView from '@af-mobile-client-vue3/views/component/XCellDetailView/index.vue'
-import XCellListView from '@af-mobile-client-vue3/views/user/my/index.vue'
+import XCellListView from '@af-mobile-client-vue3/views/component/XCellListView/index.vue'
 import XFormAppraiseView from '@af-mobile-client-vue3/views/component/XFormAppraiseView/index.vue'
 import XFormGroupView from '@af-mobile-client-vue3/views/component/XFormGroupView/index.vue'
 import XFormView from '@af-mobile-client-vue3/views/component/XFormView/index.vue'

package/src/stores/modules/user.ts

@@ -19,6 +19,7 @@ import { getPlatformRoutePrefix } from '@af-mobile-client-vue3/types/platform'
 import crypto from '@af-mobile-client-vue3/utils/crypto'
 import { encryptUtil } from '@af-mobile-client-vue3/utils/EncryptUtil'
 import { indexedDB } from '@af-mobile-client-vue3/utils/indexedDB'
+import { secureStorageWrite } from '@af-mobile-client-vue3/utils/secureStorage'
 import { createStorage } from '@af-mobile-client-vue3/utils/Storage'
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
@@ -214,7 +215,9 @@ export const useUserStore = defineStore('app-user', () => {
         // 第三方教培系统鉴权兼容
         const LoginTicket = crypto.AESEncrypt(JSON.stringify(params), '3KMKqvgwR8ULbR8Z')
         if (data.session && useSettingStore().getSetting().requestEncrypt) {
-          localStorage.setItem('v4-session-key', encryptUtil.RSADecrypt(data.session as string))
+          const k = encryptUtil.RSADecrypt(data.session as string)
+          localStorage.setItem('v4-session-key', k)
+          secureStorageWrite('v4-session-key', k)
         }
         Storage.set('LoginTicket', LoginTicket)
       }

package/src/utils/wechat.ts

@@ -5,10 +5,10 @@ import wx from 'weixin-js-sdk'
 export interface WechatConfig {
   debug: boolean
   appId: string
-  timestamp: number
+  timestamp: string
   nonceStr: string
   signature: string
-  jsApiList: any[]
+  jsApiList: string[]
 }
 
 // 微信扫码配置
@@ -63,10 +63,36 @@ export function configWechatSDK(config: WechatConfig): Promise<void> {
   })
 }
 
+// 微信扫码
+export function scanQRCode(config: WechatScanConfig): Promise<WechatScanResult> {
+  return new Promise((resolve, reject) => {
+    if (!isWechatBrowser()) {
+      reject(new Error('非微信环境，无法使用微信扫码'))
+      return
+    }
+
+    wx.scanQRCode({
+      needResult: config.needResult,
+      scanType: config.scanType,
+      success: (res: WechatScanResult) => {
+        console.log('微信扫码成功:', res)
+        resolve(res)
+      },
+      fail: (res: any) => {
+        console.error('微信扫码失败:', res)
+        reject(new Error(`微信扫码失败: ${res.errMsg}`))
+      },
+      cancel: () => {
+        reject(new Error('用户取消扫码'))
+      },
+    })
+  })
+}
+
 // 获取微信签名（模拟）
 export async function getWechatSignature(url: string): Promise<{
   appId: string
-  timestamp: number
+  timestamp: string
   nonceStr: string
   signature: string
 }> {

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

@@ -6,8 +6,8 @@ import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
 // 纯表单
-const configName = ref('appapplyuserinfoFormGroup')
-const serviceName = ref('af-apply')
+const configName = ref('form_check_test')
+const serviceName = ref('af-system')
 
 // const configName = ref("计划下发Form")
 // const serviceName = ref("af-linepatrol")
@@ -16,20 +16,16 @@ const serviceName = ref('af-apply')
 // const configName = ref('lngChargeAuditMobileFormGroup')
 // const serviceName = ref('af-gaslink')
 
-const formData = ref({ t_userinfo: { f_user_name: 111 } })
+const formData = ref({})
 const formGroup = ref(null)
 const route = useRoute()
 const isInit = ref(false)
 function submit(_result) {
-  showDialog({ message: '提交成功' })
-  history.back()
-}
-const myXForm = ref([])
-function setRef(value: any) {
-  console.log('myXForm', myXForm)
-  formGroup.value.setRef(myXForm.value)
-  console.log(formGroup)
+  showDialog({ message: '提交成功' }).then(() => {
+    history.back()
+  })
 }
+
 // 表单组——数据
 // function initComponents () {
 //   runLogic('getlngChargeAuditMobileFormGroupData', {id: 29}, 'af-gaslink').then((res) => {
@@ -59,16 +55,11 @@ function setRef(value: any) {
 // onBeforeMount(() => {
 //   initComponents()
 // })
-function a() {
-}
 </script>
 
 <template>
   <NormalDataLayout id="XFormGroupView" title="纯表单">
     <template #layout_content>
-      <button @click="a">
-        修改
-      </button>
       <!--      v-if="isInit" -->
       <XFormGroup
         ref="formGroup"
@@ -77,11 +68,7 @@ function a() {
         :group-form-data="formData"
         mode="新增"
         @submit="submit"
-      >
-        <!--        <template #device="{ setRef, removeRef, item, formData }">
-          <XFormView :setRef="setRef" :formGroupName="'myXForm'"/>
-        </template> -->
-      </XFormGroup>
+      />
     </template>
   </NormalDataLayout>
 </template>

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

@@ -1,56 +1,36 @@
 <script setup lang="ts">
 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 { mobileUtil } from '@af-mobile-client-vue3/utils/mobileUtil'
 import { ref } from 'vue'
-import {
-  showFailToast,
-  showSuccessToast,
-  Button as VanButton,
-  CellGroup as VanCellGroup,
-  Form as VanForm,
-} from 'vant'
 
-const configName = ref('lngSecurityChecktestForm')
-const serviceName = ref('af-safecheck')
-function aaa() {
-  mobileUtil.execute({
-    funcName: 'startNfcScan',
-    param: { a: 1 },
-    callbackFunc: (result) => {
-      console.log('回调了test111', JSON.stringify(result))
-      return 222
-    },
-  })
-}
-function bbb() {
-  mobileUtil.execute({
-    funcName: 'scanBarcode',
-    param: { a: 1 },
-    callbackFunc: (result) => {
-      console.log('回调了test111', JSON.stringify(result))
-      return 222
-    },
-  })
-}
+const configName = ref('ceshiForm')
+const serviceName = ref('af-system')
+
 const formGroupAddConstruction = ref(null)
+const formData = ref({
+  'YYYY': '2025-09-08 16:03:22',
+  'YYYY-MM': '2025-09-08 16:03:22',
+  'YYYY-MM-DD': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHH': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHHMM': '2025-09-08 16:03:22',
+  'YYYY-MM-DDHHMMSS': '2025-09-08 16:03:22',
+})
+
+function onSubmit(data: any) {
+  console.warn('提交表单', data)
+}
 </script>
 
 <template>
   <NormalDataLayout id="XFormGroupView" title="纯表单">
     <template #layout_content>
-      <VanButton @click="aaa">
-        测试nfc
-      </VanButton>
-      <VanButton @click="bbb">
-        扫码
-      </VanButton>
       <XForm
         ref="formGroupAddConstruction"
-        mode="新增"
+        mode="修改"
         :config-name="configName"
         :service-name="serviceName"
-        :form-readonly="false"
+        :form-data="formData"
+        @on-submit="onSubmit"
       />
     </template>
   </NormalDataLayout>

package/mock/modules/prose.mock.ts.timestamp-1761115794478.mjs

@@ -1,53 +0,0 @@
-// mock/modules/prose.mock.ts
-import { defineMock } from "vite-plugin-mock-dev-server/helper";
-
-// mock/data.ts
-import { defineMockData } from "vite-plugin-mock-dev-server/helper";
-var data_default = defineMockData("proses", [
-  "\u{1F516} \u8EB2\u5728\u67D0\u4E00\u65F6\u95F4\uFF0C\u60F3\u5FF5\u4E00\u6BB5\u65F6\u5149\u7684\u638C\u7EB9;\u8EB2\u5728\u67D0\u4E00\u5730\u70B9\uFF0C\u60F3\u5FF5\u4E00\u4E2A\u7AD9\u5728\u6765\u8DEF\u4E5F\u7AD9\u5728\u53BB\u8DEF\u7684\uFF0C\u8BA9\u6211\u7275\u6302\u7684\u4EBA\u3002",
-  "\u{1F516} \u5929\u7A7A\u4E00\u78A7\u5982\u6D17\uFF0C\u707F\u70C2\u7684\u9633\u5149\u6B63\u4ECE\u5BC6\u5BC6\u7684\u677E\u9488\u7684\u7F1D\u9699\u95F4\u5C04\u4E0B\u6765\uFF0C\u5F62\u6210\u4E00\u675F\u675F\u7C97\u7C97\u7EC6\u7EC6\u7684\u5149\u67F1\uFF0C\u628A\u98D8\u8361\u7740\u8F7B\u7EB1\u822C\u8584\u96FE\u7684\u6797\u836B\u7167\u5F97\u901A\u4EAE\u3002",
-  "\u{1F516} \u8FD9\u4E00\u6B21\u76F8\u9047\uFF0C\u7F8E\u5F97\u5F7B\u9AA8\uFF0C\u7F8E\u5F97\u9707\u98A4\uFF0C\u7F8E\u5F97\u5B64\u7EDD\uFF0C\u7F8E\u5F97\u60CA\u8273\u3002",
-  "\u{1F516} \u6C89\u9ED8\u7684\u72B6\u6001\uFF0C\u80FD\u8BA9\u6211\u611F\u89C9\u5230\u547C\u5438\u7684\u81EA\u7531\u548C\u81EA\u5DF1\u539F\u6765\u5C31\u5904\u4E8E\u7684\u672C\u8272\u4F4D\u7F6E\u3002",
-  "\u{1F516} \u9752\u6625\uFF0C\u662F\u4E00\u5305\u8C61\u5F81\u7740\u9633\u5149\u7684\u5411\u65E5\u8475\u79CD\u5B50\uFF0C\u5728\u73B0\u5728\u6D12\u4E0B\uFF0C\u5C31\u4F1A\u5728\u672A\u6765\u5F97\u5230\u6536\u83B7\uFF0C\u90A3\u4E00\u682A\u682A\u9971\u542B\u9752\u6625\u7684\u82B1\u6735\u3002",
-  "\u{1F516} \u71D5\u5B50\u53BB\u4E86\uFF0C\u6709\u518D\u6765\u7684\u65F6\u5019;\u6768\u67F3\u67AF\u4E86\uFF0C\u6709\u518D\u9752\u7684\u65F6\u5019;\u6843\u82B1\u8C22\u4E86\uFF0C\u6709\u518D\u5F00\u7684\u65F6\u5019\u3002\u4F46\u662F\uFF0C\u806A\u660E\u7684\uFF0C\u4F60\u544A\u8BC9\u6211\uFF0C\u6211\u4EEC\u7684\u65E5\u5B50\u4E3A\u4EC0\u4E48\u4E00\u53BB\u4E0D\u590D\u8FD4\u5462?",
-  "\u{1F516} \u6BD5\u4E1A\u4E86\uFF0C\u9752\u6625\u5728\u65E0\u5F62\u4E4B\u4E2D\u79BB\u53BB\uFF0C\u6211\u4EEC\u5373\u5C06\u7FFB\u5F00\u4EBA\u751F\u7684\u53E6\u4E00\u9875\u3002",
-  "\u{1F516} \u6210\u957F\uFF0C\u662F\u6BCF\u4E2A\u5B69\u5B50\u7684\u6743\u529B\uFF0C\u4E5F\u662F\u4ED6\u4EEC\u5FC5\u7ECF\u7684\u5F81\u7A0B\uFF0C\u6216\u5E73\u5766\u3001\u6216\u5D0E\u5C96\uFF0C\u6709\u60B2\u6B22\uFF0C\u6709\u79BB\u5408\u3002",
-  "\u{1F516} \u65E7\u65F6\u5149\u91CC\u7684\u4EBA\u548C\u4E8B\uFF0C\u7410\u788E\u800C\u96F6\u4E71\u3002\u6211\u7684\u8BB0\u5FC6\u5F88\u6A21\u7CCA\uFF0C\u597D\u50CF\u5927\u90E8\u5206\u90FD\u6210\u4E86\u4E00\u79CD\u6E29\u99A8\u7684\u7B26\u53F7\uFF0C\u9759\u9759\u7684\u6C89\u5728\u6211\u5FC3\u5E95\u3002",
-  "\u{1F516} \u751F\u6D3B\u662F\u4E00\u90E8\u5927\u767E\u79D1\u5168\u4E66\uFF0C\u5305\u7F57\u4E07\u8C61;\u751F\u6D3B\u662F\u4E00\u628A\u516D\u5F26\u7434\uFF0C\u5F39\u594F\u51FA\u591A\u91CD\u7F8E\u5999\u7684\u65CB\u5F8B\uFF1A\u751F\u6D3B\u662F\u4E00\u5EA7\u98DE\u9A6C\u724C\u5927\u949F\uFF0C\u4E0A\u7D27\u53D1\u6761\uFF0C\u4FBF\u4F1A\u4F7F\u4EBA\u83B7\u5F97\u6D53\u7F29\u7684\u751F\u547D\u3002",
-  "\u{1F516} \u6BD5\u4E1A\u4E86\uFF0C\u8EAB\u8FB9\u7684\u670B\u53CB\u4E00\u4E2A\u4E2A\u5404\u5954\u4E1C\u897F\uFF0C\u5F00\u59CB\u5B66\u4F1A\u81EA\u5DF1\u6491\u8D77\u751F\u547D\u7684\u6696\u8272\u3002",
-  "\u{1F516} \u5DF2\u7ECF\u8D70\u5230\u5C3D\u5934\u7684\u4E1C\u897F\uFF0C\u91CD\u751F\u4E5F\u4E0D\u8FC7\u662F\u518D\u4E00\u6B21\u7684\u6D88\u4EA1\u3002\u5C31\u50CF\u6240\u6709\u7684\u5F00\u59CB\uFF0C\u5176\u5B9E\u90FD\u53EA\u662F\u4E00\u4E2A\u5199\u597D\u4E86\u7684\u7ED3\u5C40\u3002",
-  "\u{1F516} \u4E0B\u5348\u8336\u7684\u82AC\u9999\u718F\u9676\u7740\u623F\u5185\u7684\u4EFB\u4F55\u4E00\u4E2A\u89D2\u843D\uFF0C\u5348\u540E\u7684\u9633\u5149\u900F\u8FC7\u7A97\u5E18\u7684\u95F4\u9699\u6D12\u5728\u6728\u5236\u7684\u684C\u9762\u4E0A\uFF0C\u4E00\u4EFD\u601D\u5FF5\u968F\u7740\u7EA2\u8336\u987A\u6ED1\u81F3\u5FC3\u4E2D\u3002",
-  "\u{1F516} \u8FD9\u91CC\u518D\u4E0D\u662F\u6211\u4EEC\u7684\u6821\u56ED\uFF0C\u5F53\u6211\u4EEC\u5C31\u6B64\u79BB\u5F00\u6211\u4EEC\u7684\u9752\u8471\u5C81\u6708\u3002",
-  "\u{1F516} \u5F88\u4E45\u627E\u4F60\uFF0C\u4E00\u76F4\u6CA1\u6709\u627E\u5230\uFF0C\u5FAE\u98CE\u5439\u8FC7\u7684\u65F6\u5019\uFF0C\u6211\u6DF1\u6DF1\u7684\u547C\u5438\uFF0C\u624D\u611F\u89C9\u5230\u4F60\u4E5F\u5728\u966A\u4F34\u7740\u6211\u547C\u5438\u3002"
-]);
-
-// mock/util.ts
-var responseBody = {
-  message: "",
-  timestamp: 0,
-  result: null,
-  code: 0
-};
-function builder(data, message = "success", code = 0) {
-  responseBody.result = data;
-  if (message !== void 0 && message !== null)
-    responseBody.message = message;
-  if (code !== void 0 && code !== 0)
-    responseBody.code = code;
-  responseBody.timestamp = (/* @__PURE__ */ new Date()).getTime();
-  return responseBody;
-}
-
-// mock/modules/prose.mock.ts
-var prose_mock_default = defineMock({
-  url: "/api/prose",
-  delay: 100,
-  body: () => {
-    const rand = Math.floor(Math.random() * data_default.value.length);
-    const prose = data_default.value[rand];
-    return builder(prose);
-  }
-});
-export {
-  prose_mock_default as default
-};

package/src/stores/modules/homeApp/README.md

@@ -1,124 +0,0 @@
-# HomeApp Store 使用说明
-
-## 概述
-`useHomeAppStore` 是一个专门用于管理首页应用列表的 Pinia store，与 `useSettingStore` 配合使用。
-
-## 特性
-- 独立管理 `homeAppList` 数据
-- 提供完整的 CRUD 操作
-- 与 setting store 自动同步数据
-- 支持类型安全的 TypeScript 接口
-
-## 基本使用
-
-### 1. 导入和使用
-```typescript
-import { useHomeAppStore } from '@/stores'
-
-const homeAppStore = useHomeAppStore()
-```
-
-### 2. 获取应用列表
-```typescript
-// 获取所有应用
-const apps = homeAppStore.getHomeAppList()
-
-// 直接访问响应式数据
-const apps = homeAppStore.homeAppList
-```
-
-### 3. 添加应用
-```typescript
-homeAppStore.addHomeApp({
-  id: 'new-app',
-  name: '新应用',
-  icon: '/icon.png',
-  url: 'https://example.com',
-  description: '应用描述'
-})
-```
-
-### 4. 更新应用
-```typescript
-homeAppStore.updateHomeApp('app-id', {
-  name: '更新后的名称',
-  description: '新的描述'
-})
-```
-
-### 5. 删除应用
-```typescript
-homeAppStore.removeHomeApp('app-id')
-```
-
-### 6. 清空列表
-```typescript
-homeAppStore.clearHomeAppList()
-```
-
-## 数据同步
-
-### 自动同步
-- 当 `useSettingStore.init()` 被调用时，`homeAppList` 会自动同步到 `useHomeAppStore`
-- 无需手动同步，数据会自动保持一致
-
-### 手动同步
-```typescript
-import { useSettingStore, useHomeAppStore } from '@/stores'
-
-const settingStore = useSettingStore()
-const homeAppStore = useHomeAppStore()
-
-// 手动同步数据
-homeAppStore.setHomeAppList(settingStore.getSetting()?.homeAppList || [])
-```
-
-## 在组件中使用
-
-### Vue 组件示例
-```vue
-<template>
-  <div class="home-apps">
-    <div 
-      v-for="app in homeAppStore.homeAppList" 
-      :key="app.id"
-      class="app-item"
-      @click="openApp(app)"
-    >
-      <img :src="app.icon" :alt="app.name" />
-      <span>{{ app.name }}</span>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useHomeAppStore } from '@/stores'
-
-const homeAppStore = useHomeAppStore()
-
-function openApp(app) {
-  // 处理应用点击
-  window.open(app.url, '_blank')
-}
-</script>
-```
-
-## 注意事项
-
-1. **初始化顺序**：确保先调用 `useSettingStore.init()`，再使用 `useHomeAppStore`
-2. **数据一致性**：两个 store 中的数据会自动保持同步
-3. **类型安全**：使用 TypeScript 接口确保类型安全
-4. **响应式**：所有数据都是响应式的，可以直接在模板中使用
-
-## 接口定义
-
-```typescript
-export interface HomeApp {
-  id: string          // 应用唯一标识
-  name: string        // 应用名称
-  icon: string        // 应用图标
-  url: string         // 应用链接
-  description?: string // 应用描述（可选）
-  [key: string]: any  // 其他属性
-}
-```

package/src/types/crypto.ts

@@ -1,111 +0,0 @@
-/**
- * 加密相关类型定义
- */
-
-/**
- * 加密模式枚举
- */
-export enum CryptoMode {
-  /** ECB模式 */
-  ECB = 'ECB',
-  /** CBC模式 */
-  CBC = 'CBC',
-}
-
-/**
- * 填充方式枚举
- */
-export enum PaddingMode {
-  /** PKCS7填充 */
-  PKCS7 = 'Pkcs7',
-}
-
-/**
- * AES加密配置接口
- */
-export interface AESConfig {
-  /** 加密模式 */
-  mode: CryptoMode
-  /** 填充方式 */
-  padding: PaddingMode
-}
-
-/**
- * AES CBC模式加密结果接口
- */
-export interface AESCBCResult {
-  /** IV的Base64编码 */
-  iv: string
-  /** 密文的Base64编码 */
-  ciphertext: string
-  /** 组合格式：IV:密文 */
-  combined: string
-}
-
-/**
- * 加密工具类接口
- */
-export interface IEncryptUtil {
-  /**
-   * AES ECB模式加密
-   * @param word 待加密的字符串
-   * @param encryKey 加密密钥
-   * @returns 加密后的字符串
-   */
-  AESEncrypt(word: string, encryKey: string): string
-
-  /**
-   * AES ECB模式解密
-   * @param word 待解密的字符串
-   * @param encryKey 解密密钥
-   * @returns 解密后的数据（可能是字符串或对象）
-   */
-  AESDecrypt(word: string, encryKey: string): string | object
-
-  /**
-   * RSA加密
-   * @param word 待加密的字符串
-   * @returns 加密后的字符串
-   */
-  RSAEncrypt(word: string): string
-
-  /**
-   * RSA解密
-   * @param word 待解密的字符串
-   * @returns 解密后的对象
-   */
-  RSADecrypt(word: string): object
-
-  /**
-   * AES CBC模式加密
-   * @param data 待加密的数据
-   * @param cryptoKey 十六进制格式的加密密钥
-   * @returns 组合格式的加密结果
-   */
-  AESEncryptCBC(data: any, cryptoKey: string): string
-
-  /**
-   * AES CBC模式解密
-   * @param combinedText 格式：Base64(iv):Base64(ciphertext)
-   * @param hexKey 十六进制格式的加密密钥
-   * @returns 解密后的原始字符串
-   */
-  AESDecryptCBC(combinedText: string, hexKey: string): string
-
-  /**
-   * 安全的AES-CBC解密（失败时返回null）
-   * @param combinedText 格式：Base64(iv):Base64(ciphertext)
-   * @param hexKey 十六进制格式的密钥
-   * @returns 解密后的字符串，失败时返回null
-   */
-  safeAESDecryptCBC(combinedText: string, hexKey: string): string | null
-
-  /**
-   * 智能响应解密
-   * @param responseData 响应数据
-   * @param sessionKey 会话密钥
-   * @returns 解密后的数据，失败时返回原数据
-   */
-  decryptResponse(responseData: any, sessionKey: string): any
-}
-