af-mobile-client-vue3 1.3.36 → 1.3.38

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

@@ -1,53 +1,53 @@
-<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'
-import { useRoute, useRouter } from 'vue-router'
-
-const route = useRoute()
-const router = useRouter()
-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 as string) : (route.meta.title || '')
-})
-
-/**
- * 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))
-})
-
-// back
-function onBack() {
-  if (window.history.state.back)
-    history.back()
-  else
-    router.replace('/')
-}
-</script>
-
-<template>
-  <VanNavBar
-    v-show="showNavBar"
-    :title="title as string"
-    :fixed="true"
-    clickable placeholder
-    :left-arrow="showLeftArrow"
-    @click-left="onBack"
-  />
-</template>
-
-<style scoped></style>
+<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'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+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 as string) : (route.meta.title || '')
+})
+
+/**
+ * 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))
+})
+
+// back
+function onBack() {
+  if (window.history.state.back)
+    history.back()
+  else
+    router.replace('/')
+}
+</script>
+
+<template>
+  <VanNavBar
+    v-show="showNavBar"
+    :title="title as string"
+    :fixed="true"
+    clickable placeholder
+    :left-arrow="showLeftArrow"
+    @click-left="onBack"
+  />
+</template>
+
+<style scoped></style>

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

@@ -1,32 +1,32 @@
-<script setup lang="ts">
-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'
-import 'vant/lib/tabbar-item/index.css'
-import 'vant/lib/tabbar/index.css'
-
-const active = ref(0)
-const route = useRoute()
-
-const show = computed(() => {
-  return route.name && rootRouteList.includes(route.name as string)
-})
-</script>
-
-<template>
-  <VanTabbar v-if="show" v-model="active" placeholder route>
-    <VanTabbarItem replace to="/Component/main">
-      {{ '首页' }}
-      <template #icon>
-        <div class="i-carbon:home" />
-      </template>
-    </VanTabbarItem>
-    <VanTabbarItem replace to="/user/my">
-      {{ '我的' }}
-      <template #icon>
-        <div class="i-carbon:user" />
-      </template>
-    </VanTabbarItem>
-  </VanTabbar>
-</template>
+<script setup lang="ts">
+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'
+import 'vant/lib/tabbar-item/index.css'
+import 'vant/lib/tabbar/index.css'
+
+const active = ref(0)
+const route = useRoute()
+
+const show = computed(() => {
+  return route.name && rootRouteList.includes(route.name as string)
+})
+</script>
+
+<template>
+  <VanTabbar v-if="show" v-model="active" placeholder route>
+    <VanTabbarItem replace to="/Component/main">
+      {{ '首页' }}
+      <template #icon>
+        <div class="i-carbon:home" />
+      </template>
+    </VanTabbarItem>
+    <VanTabbarItem replace to="/user/my">
+      {{ '我的' }}
+      <template #icon>
+        <div class="i-carbon:user" />
+      </template>
+    </VanTabbarItem>
+  </VanTabbar>
+</template>

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

@@ -1,124 +1,124 @@
-<script setup lang="ts">
-import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
-import {
-  Button as vanButton,
-  Uploader as vanUploader,
-} from 'vant'
-import { ref, watch } from 'vue'
-
-const props = defineProps({
-  imageList: Array<any>,
-  outerIndex: { default: undefined },
-  authority: { default: 'user' },
-  uploadMode: { default: 'server' },
-})
-const emit = defineEmits(['updateFileList'])
-
-const imageList = ref(props.imageList)
-
-// 监听 props.imageList 的变化
-watch(() => props.imageList, (newVal) => {
-  if (newVal?.length > 0) {
-    const existingIds = imageList.value ? imageList.value.map(item => item.id) : []
-    const newItems = newVal.filter(item => !item.id || !existingIds.includes(item.id)).map((item) => {
-      return { id: item.id, name: item.f_filename, url: item.f_downloadpath }
-    })
-    if (newItems.length > 0) {
-      if (!imageList.value) {
-        imageList.value = newItems
-      }
-      else {
-        imageList.value = [...imageList.value, ...newItems]
-      }
-    }
-  }
-}, { immediate: true, deep: true })
-// 上传图片
-function fileUpload(file: any): void {
-  const formData = new FormData()
-
-  formData.append('avatar', file.file)
-  formData.append('resUploadMode', props.uploadMode)
-  formData.append('pathKey', 'Default')
-
-  formData.append('formType', 'image')
-  formData.append('useType', 'Default')
-  formData.append('resUploadStock', '1')
-  formData.append('filename', file.file.name)
-  formData.append('filesize', (file.file.size / 1024 / 1024).toFixed(4))
-  formData.append('f_operator', '')
-
-  imageList.value[imageList.value.length - 1].message = '上传中...'
-  imageList.value[imageList.value.length - 1].status = 'uploading'
-  imageList.value[imageList.value.length - 1]!.name = file.file.name
-
-  upload(formData, 'af-system', { 'Content-Type': 'multipart/form-data' }).then((res: any) => {
-    if (res.success || res.id) {
-      imageList.value[imageList.value.length - 1].uid = res.data.id
-      imageList.value[imageList.value.length - 1].id = res.data.id
-      delete imageList.value[imageList.value.length - 1].message
-      imageList.value[imageList.value.length - 1].status = 'done'
-      imageList.value[imageList.value.length - 1].url = res.data.f_downloadpath
-    }
-    else {
-      imageList.value[imageList.value.length - 1].status = 'failed'
-      imageList.value[imageList.value.length - 1].message = '上传失败'
-    }
-    if (props.outerIndex !== undefined)
-      emit('updateFileList', imageList.value.filter(item => item.status === 'done'), props.outerIndex)
-    else
-      emit('updateFileList', imageList.value.filter(item => item.status === 'done'))
-  })
-}
-
-// 删除图片
-function deleteFileFunction(file: any) {
-  if (file.id) {
-    deleteFile({ ids: [file.id], f_state: '删除' }).then((res: any) => {
-      if (res.msg !== undefined) {
-        let target = -1
-        for (let i = 0; i < imageList.value.length; i++) {
-          if (imageList.value[i].id === Number.parseInt(file.id)) {
-            target = i
-            break
-          }
-        }
-        imageList.value.splice(target, 1)
-        if (props.outerIndex !== undefined)
-          emit('updateFileList', imageList.value.filter(item => item.status === 'done'), props.outerIndex)
-        else
-          emit('updateFileList', imageList.value.filter(item => item.status === 'done'))
-      }
-    })
-  }
-}
-</script>
-
-<template>
-  <van-uploader
-    v-if="props.authority === 'user'"
-    v-model="imageList"
-    :after-read="fileUpload"
-    :show-upload="false"
-    :deletable="false"
-  >
-    <vanButton icon="photograph" type="primary">
-      上传
-    </vanButton>
-  </van-uploader>
-  <van-uploader
-    v-else-if="props.authority === 'admin'"
-    v-model="imageList"
-    multiple
-    :preview-image="true"
-    :after-read="fileUpload"
-    :before-delete="deleteFileFunction"
-  >
-    <vanButton icon="photograph" type="primary">
-      上传
-    </vanButton>
-  </van-uploader>
-</template>
-
-<style scoped lang="less">
-</style>
+<script setup lang="ts">
+import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
+import {
+  Button as vanButton,
+  Uploader as vanUploader,
+} from 'vant'
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+  imageList: Array<any>,
+  outerIndex: { default: undefined },
+  authority: { default: 'user' },
+  uploadMode: { default: 'server' },
+})
+const emit = defineEmits(['updateFileList'])
+
+const imageList = ref(props.imageList)
+
+// 监听 props.imageList 的变化
+watch(() => props.imageList, (newVal) => {
+  if (newVal?.length > 0) {
+    const existingIds = imageList.value ? imageList.value.map(item => item.id) : []
+    const newItems = newVal.filter(item => !item.id || !existingIds.includes(item.id)).map((item) => {
+      return { id: item.id, name: item.f_filename, url: item.f_downloadpath }
+    })
+    if (newItems.length > 0) {
+      if (!imageList.value) {
+        imageList.value = newItems
+      }
+      else {
+        imageList.value = [...imageList.value, ...newItems]
+      }
+    }
+  }
+}, { immediate: true, deep: true })
+// 上传图片
+function fileUpload(file: any): void {
+  const formData = new FormData()
+
+  formData.append('avatar', file.file)
+  formData.append('resUploadMode', props.uploadMode)
+  formData.append('pathKey', 'Default')
+
+  formData.append('formType', 'image')
+  formData.append('useType', 'Default')
+  formData.append('resUploadStock', '1')
+  formData.append('filename', file.file.name)
+  formData.append('filesize', (file.file.size / 1024 / 1024).toFixed(4))
+  formData.append('f_operator', '')
+
+  imageList.value[imageList.value.length - 1].message = '上传中...'
+  imageList.value[imageList.value.length - 1].status = 'uploading'
+  imageList.value[imageList.value.length - 1]!.name = file.file.name
+
+  upload(formData, 'af-system', { 'Content-Type': 'multipart/form-data' }).then((res: any) => {
+    if (res.success || res.id) {
+      imageList.value[imageList.value.length - 1].uid = res.data.id
+      imageList.value[imageList.value.length - 1].id = res.data.id
+      delete imageList.value[imageList.value.length - 1].message
+      imageList.value[imageList.value.length - 1].status = 'done'
+      imageList.value[imageList.value.length - 1].url = res.data.f_downloadpath
+    }
+    else {
+      imageList.value[imageList.value.length - 1].status = 'failed'
+      imageList.value[imageList.value.length - 1].message = '上传失败'
+    }
+    if (props.outerIndex !== undefined)
+      emit('updateFileList', imageList.value.filter(item => item.status === 'done'), props.outerIndex)
+    else
+      emit('updateFileList', imageList.value.filter(item => item.status === 'done'))
+  })
+}
+
+// 删除图片
+function deleteFileFunction(file: any) {
+  if (file.id) {
+    deleteFile({ ids: [file.id], f_state: '删除' }).then((res: any) => {
+      if (res.msg !== undefined) {
+        let target = -1
+        for (let i = 0; i < imageList.value.length; i++) {
+          if (imageList.value[i].id === Number.parseInt(file.id)) {
+            target = i
+            break
+          }
+        }
+        imageList.value.splice(target, 1)
+        if (props.outerIndex !== undefined)
+          emit('updateFileList', imageList.value.filter(item => item.status === 'done'), props.outerIndex)
+        else
+          emit('updateFileList', imageList.value.filter(item => item.status === 'done'))
+      }
+    })
+  }
+}
+</script>
+
+<template>
+  <van-uploader
+    v-if="props.authority === 'user'"
+    v-model="imageList"
+    :after-read="fileUpload"
+    :show-upload="false"
+    :deletable="false"
+  >
+    <vanButton icon="photograph" type="primary">
+      上传
+    </vanButton>
+  </van-uploader>
+  <van-uploader
+    v-else-if="props.authority === 'admin'"
+    v-model="imageList"
+    multiple
+    :preview-image="true"
+    :after-read="fileUpload"
+    :before-delete="deleteFileFunction"
+  >
+    <vanButton icon="photograph" type="primary">
+      上传
+    </vanButton>
+  </van-uploader>
+</template>
+
+<style scoped lang="less">
+</style>