af-mobile-client-vue3 1.3.12 → 1.3.14

package/src/utils/secureStorage.ts

@@ -1,71 +1,71 @@
-import { mobileUtil } from './mobileUtil'
-
-/**
- * 批量安全存储数据到本地
- * @param storageItems 要存储的数据项数组，每项格式为 {key: string, value: object}
- */
-export function secureStorageBatchWrite(storageItems: Array<{ key: string, value: any }>) {
-  console.log('storageItems===', storageItems)
-  if (!Array.isArray(storageItems) || storageItems.length === 0)
-    return
-
-  for (const item of storageItems) {
-    try {
-      mobileUtil.execute({
-        funcName: 'secureStorageWrite',
-        param: {
-          key: item.key,
-          value: typeof item.value === 'string' ? item.value : JSON.stringify(item.value),
-        },
-        callbackFunc: () => {},
-      })
-    }
-    catch (e) {
-      console.error(`写入本地缓存失败 [${item.key}]`, e)
-      // 单条失败跳过继续处理下一条
-    }
-  }
-}
-
-/**
- * 安全存储单个数据到本地
- * @param key 存储键名
- * @param value 存储值
- * @param callback 可选回调函数
- */
-export function secureStorageWrite(key: string, value: any, callback?: () => void) {
-  try {
-    mobileUtil.execute({
-      funcName: 'secureStorageWrite',
-      param: {
-        key,
-        value: typeof value === 'string' ? value : JSON.stringify(value),
-      },
-      callbackFunc: callback || (() => {}),
-    })
-  }
-  catch (e) {
-    console.error(`写入本地缓存失败 [${key}]`, e)
-  }
-}
-
-/**
- * 从安全存储读取数据
- * @param key 存储键名
- * @param callback 读取结果回调函数
- */
-export function secureStorageRead(key: string, callback: (result: any) => void) {
-  try {
-    mobileUtil.execute({
-      funcName: 'secureStorageRead',
-      param: { key },
-      callbackFunc: (result: any) => {
-        callback(result)
-      },
-    })
-  }
-  catch (e) {
-    console.error(`读取本地缓存失败 [${key}]`, e)
-    callback({ status: 'error', message: e })
-  }
-}
+import { mobileUtil } from './mobileUtil'
+
+/**
+ * 批量安全存储数据到本地
+ * @param storageItems 要存储的数据项数组，每项格式为 {key: string, value: object}
+ */
+export function secureStorageBatchWrite(storageItems: Array<{ key: string, value: any }>) {
+  console.log('storageItems===', storageItems)
+  if (!Array.isArray(storageItems) || storageItems.length === 0)
+    return
+
+  for (const item of storageItems) {
+    try {
+      mobileUtil.execute({
+        funcName: 'secureStorageWrite',
+        param: {
+          key: item.key,
+          value: typeof item.value === 'string' ? item.value : JSON.stringify(item.value),
+        },
+        callbackFunc: () => {},
+      })
+    }
+    catch (e) {
+      console.error(`写入本地缓存失败 [${item.key}]`, e)
+      // 单条失败跳过继续处理下一条
+    }
+  }
+}
+
+/**
+ * 安全存储单个数据到本地
+ * @param key 存储键名
+ * @param value 存储值
+ * @param callback 可选回调函数
+ */
+export function secureStorageWrite(key: string, value: any, callback?: () => void) {
+  try {
+    mobileUtil.execute({
+      funcName: 'secureStorageWrite',
+      param: {
+        key,
+        value: typeof value === 'string' ? value : JSON.stringify(value),
+      },
+      callbackFunc: callback || (() => {}),
+    })
+  }
+  catch (e) {
+    console.error(`写入本地缓存失败 [${key}]`, e)
+  }
+}
+
+/**
+ * 从安全存储读取数据
+ * @param key 存储键名
+ * @param callback 读取结果回调函数
+ */
+export function secureStorageRead(key: string, callback: (result: any) => void) {
+  try {
+    mobileUtil.execute({
+      funcName: 'secureStorageRead',
+      param: { key },
+      callbackFunc: (result: any) => {
+        callback(result)
+      },
+    })
+  }
+  catch (e) {
+    console.error(`读取本地缓存失败 [${key}]`, e)
+    callback({ status: 'error', message: e })
+  }
+}

package/src/utils/set-page-title.ts

@@ -1,5 +1,5 @@
-import { appName } from '../constants'
-
-export default function setPageTitle(title?: string): void {
-  window.document.title = title ? `${title} - ${appName}` : appName
-}
+import { appName } from '../constants'
+
+export default function setPageTitle(title?: string): void {
+  window.document.title = title ? `${title} - ${appName}` : appName
+}

package/src/utils/validate.ts

@@ -1,6 +1,6 @@
-/**
- * @param {string} path
- */
-export function isExternal(path: string) {
-  return /^(?:https?:|mailto:|tel:)/.test(path)
-}
+/**
+ * @param {string} path
+ */
+export function isExternal(path: string) {
+  return /^(?:https?:|mailto:|tel:)/.test(path)
+}

package/src/utils/wechatUtil.ts

@@ -1,9 +1,9 @@
-/**
- * 判断是否是微信环境
- */
-function isWechat() {
-  const ua = window.navigator.userAgent.toLowerCase()
-  return ua.includes('micromessenger')
-}
-
-export { isWechat }
+/**
+ * 判断是否是微信环境
+ */
+function isWechat() {
+  const ua = window.navigator.userAgent.toLowerCase()
+  return ua.includes('micromessenger')
+}
+
+export { isWechat }

package/src/views/chat/index.vue

@@ -1,153 +1,153 @@
-<script setup lang="ts">
-import {
-  Button as VanButton,
-  Col as VanCol,
-  Divider as VanDivider,
-  List as VanList,
-  Row as VanRow,
-  SwipeCell as VanSwipeCell,
-  Tab as VanTab,
-  Tabs as VanTabs,
-} from 'vant/es'
-import { ref } from 'vue'
-
-const active = ref(0)
-const list = ref([])
-const loading = ref(false)
-const finished = ref(false)
-
-function onLoad() {
-  // 异步更新数据
-  // setTimeout 仅做示例，真实场景中一般为 ajax 请求
-  setTimeout(() => {
-    for (let i = 0; i < 10; i++)
-      list.value.push(list.value.length + 1)
-
-    // 加载状态结束
-    loading.value = false
-
-    // 数据全部加载完成
-    if (list.value.length >= 20)
-      finished.value = true
-  }, 500)
-}
-</script>
-
-<template>
-  <main class="chat_main h-full w-full">
-    <div class="header">
-      <VanRow class="header_row" justify="space-between">
-        <VanCol class="header_title_col">
-          <p>消息</p>
-        </VanCol>
-        <VanCol>
-          <van-icon class="header_search_icon" name="search" />
-        </VanCol>
-      </VanRow>
-    </div>
-    <div class="content">
-      <VanTabs v-model:active="active">
-        <VanDivider />
-        <VanTab title="消息">
-          <VanList
-            v-model:loading="loading"
-            :finished="finished"
-            finished-text="没有更多了"
-            @load="onLoad"
-          >
-            <VanSwipeCell v-for="item in list" :key="item" :title="item">
-              <div class="message_card">
-                <VanRow :gutter="12" class="message_row">
-                  <VanCol>
-                    <img alt="header_img" class="header_img" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg">
-                  </VanCol>
-                  <VanCol class="message_card_col">
-                    <div class="message_card_main">
-                      <VanRow justify="space-between">
-                        <VanCol>
-                          <p class="message_sender_name">
-                            测试人
-                          </p>
-                        </VanCol>
-                        <VanCol>
-                          <span class="message_sender_time">18分钟前</span>
-                        </VanCol>
-                      </VanRow>
-                      <p class="message_content">
-                        <span>轻舟已过万重山</span>
-                      </p>
-                    </div>
-                    <VanDivider class="content_divider" />
-                  </VanCol>
-                </VanRow>
-              </div>
-              <template #right>
-                <VanButton square text="删除" type="danger" class="delete-button" />
-              </template>
-            </VanSwipeCell>
-          </VanList>
-        </VanTab>
-        <VanTab title="同事">
-          内容 1
-        </VanTab>
-        <VanTab title="部门">
-          内容 1
-        </VanTab>
-      </VanTabs>
-    </div>
-  </main>
-</template>
-
-<style scoped lang="less">
-.chat_main {
-  padding: var(--base-interval-1);
-  .header {
-    p {
-      margin: 0;
-      font-size: 24px;
-      font-weight: bold;
-    }
-    .header_row {
-      align-items: center;
-      .header_title_col {
-        flex-grow: 1;
-      }
-      .header_search_icon {
-        font-size: 26px;
-      }
-    }
-  }
-  .content {
-    .message_card {
-      .message_row {
-        .header_img {
-          width: 40px;
-          height: 40px;
-          border-radius: 5px;
-          vertical-align: middle;
-        }
-        .message_card_col {
-          flex-grow: 1;
-          .message_sender_name {
-            margin: 0 0 3px;
-            font-size: 16px;
-            font-weight: bold;
-          }
-          .message_sender_time {
-            font-size: 12px;
-            color: #999;
-          }
-          .message_content {
-            margin: 0;
-            font-size: 12px;
-            color: #666;
-          }
-        }
-      }
-      .content_divider {
-        margin: 12px 0;
-      }
-    }
-  }
-}
-</style>
+<script setup lang="ts">
+import {
+  Button as VanButton,
+  Col as VanCol,
+  Divider as VanDivider,
+  List as VanList,
+  Row as VanRow,
+  SwipeCell as VanSwipeCell,
+  Tab as VanTab,
+  Tabs as VanTabs,
+} from 'vant/es'
+import { ref } from 'vue'
+
+const active = ref(0)
+const list = ref([])
+const loading = ref(false)
+const finished = ref(false)
+
+function onLoad() {
+  // 异步更新数据
+  // setTimeout 仅做示例，真实场景中一般为 ajax 请求
+  setTimeout(() => {
+    for (let i = 0; i < 10; i++)
+      list.value.push(list.value.length + 1)
+
+    // 加载状态结束
+    loading.value = false
+
+    // 数据全部加载完成
+    if (list.value.length >= 20)
+      finished.value = true
+  }, 500)
+}
+</script>
+
+<template>
+  <main class="chat_main h-full w-full">
+    <div class="header">
+      <VanRow class="header_row" justify="space-between">
+        <VanCol class="header_title_col">
+          <p>消息</p>
+        </VanCol>
+        <VanCol>
+          <van-icon class="header_search_icon" name="search" />
+        </VanCol>
+      </VanRow>
+    </div>
+    <div class="content">
+      <VanTabs v-model:active="active">
+        <VanDivider />
+        <VanTab title="消息">
+          <VanList
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text="没有更多了"
+            @load="onLoad"
+          >
+            <VanSwipeCell v-for="item in list" :key="item" :title="item">
+              <div class="message_card">
+                <VanRow :gutter="12" class="message_row">
+                  <VanCol>
+                    <img alt="header_img" class="header_img" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg">
+                  </VanCol>
+                  <VanCol class="message_card_col">
+                    <div class="message_card_main">
+                      <VanRow justify="space-between">
+                        <VanCol>
+                          <p class="message_sender_name">
+                            测试人
+                          </p>
+                        </VanCol>
+                        <VanCol>
+                          <span class="message_sender_time">18分钟前</span>
+                        </VanCol>
+                      </VanRow>
+                      <p class="message_content">
+                        <span>轻舟已过万重山</span>
+                      </p>
+                    </div>
+                    <VanDivider class="content_divider" />
+                  </VanCol>
+                </VanRow>
+              </div>
+              <template #right>
+                <VanButton square text="删除" type="danger" class="delete-button" />
+              </template>
+            </VanSwipeCell>
+          </VanList>
+        </VanTab>
+        <VanTab title="同事">
+          内容 1
+        </VanTab>
+        <VanTab title="部门">
+          内容 1
+        </VanTab>
+      </VanTabs>
+    </div>
+  </main>
+</template>
+
+<style scoped lang="less">
+.chat_main {
+  padding: var(--base-interval-1);
+  .header {
+    p {
+      margin: 0;
+      font-size: 24px;
+      font-weight: bold;
+    }
+    .header_row {
+      align-items: center;
+      .header_title_col {
+        flex-grow: 1;
+      }
+      .header_search_icon {
+        font-size: 26px;
+      }
+    }
+  }
+  .content {
+    .message_card {
+      .message_row {
+        .header_img {
+          width: 40px;
+          height: 40px;
+          border-radius: 5px;
+          vertical-align: middle;
+        }
+        .message_card_col {
+          flex-grow: 1;
+          .message_sender_name {
+            margin: 0 0 3px;
+            font-size: 16px;
+            font-weight: bold;
+          }
+          .message_sender_time {
+            font-size: 12px;
+            color: #999;
+          }
+          .message_content {
+            margin: 0;
+            font-size: 12px;
+            color: #666;
+          }
+        }
+      }
+      .content_divider {
+        margin: 12px 0;
+      }
+    }
+  }
+}
+</style>

package/src/views/common/LoadError.vue

@@ -1,63 +1,63 @@
-<script setup>
-</script>
-
-<template>
-  <div class="load_error_main">
-    <div class="container">
-      <div class="loadError i-svg:loadError" />
-    </div>
-    <div class="text">
-      似乎出了点问题，下拉再试试
-    </div>
-  </div>
-</template>
-
-<style lang="less" scoped>
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    transform: translateY(30px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-.load_error_main {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: var(--van-background-2);
-  border-radius: var(--van-radius-lg);
-  padding-top: 20vh;
-  padding-bottom: 30vh;
-}
-
-.container {
-  width: 100px;
-  height: 100px;
-  animation: fadeIn 0.8s ease-in-out;
-  .loadError {
-    width: 100px;
-    height: 100px;
-    vertical-align: middle;
-  }
-}
-
-.text {
-  margin-top: 25px;
-  font-size: 14px;
-  color: #333;
-  animation: fadeIn 1.2s ease-in-out;
-}
-</style>
+<script setup>
+</script>
+
+<template>
+  <div class="load_error_main">
+    <div class="container">
+      <div class="loadError i-svg:loadError" />
+    </div>
+    <div class="text">
+      似乎出了点问题，下拉再试试
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(30px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.load_error_main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: var(--van-background-2);
+  border-radius: var(--van-radius-lg);
+  padding-top: 20vh;
+  padding-bottom: 30vh;
+}
+
+.container {
+  width: 100px;
+  height: 100px;
+  animation: fadeIn 0.8s ease-in-out;
+  .loadError {
+    width: 100px;
+    height: 100px;
+    vertical-align: middle;
+  }
+}
+
+.text {
+  margin-top: 25px;
+  font-size: 14px;
+  color: #333;
+  animation: fadeIn 1.2s ease-in-out;
+}
+</style>