2025/2/8第一次更新

node_modules/@tuniao/tnui-vue3-uniapp/components/photo-album/src/composables/index.ts

@@ -0,0 +1 @@
+export * from './use-photo-album'

node_modules/@tuniao/tnui-vue3-uniapp/components/photo-album/src/composables/use-photo-album.ts

@@ -0,0 +1,31 @@
+import { computed } from 'vue'
+import {} from '../../../../utils'
+
+import type { SetupContext } from 'vue'
+import type { PhotoAlbumEmit, PhotoAlbumProps } from '../photo-album'
+
+export const usePhotoAlbum = (
+  props: PhotoAlbumProps,
+  emits: SetupContext<PhotoAlbumEmit>['emit']
+) => {
+  // 相册图片数据
+  const imageData = computed<string[]>(() => {
+    const maxLength = Math.min(props.data.length, props.max)
+    return props.data.slice(0, maxLength)
+  })
+
+  // 图片点击事件
+  const imageClickEvent = (index: number) => {
+    emits('click', index)
+    if (!props.preview) return
+    uni.previewImage({
+      urls: imageData.value,
+      current: index,
+    })
+  }
+
+  return {
+    imageData,
+    imageClickEvent,
+  }
+}