From 7d26ed0e19bf952e7c037b21bfd687759b46e851 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 25 六月 2024 19:21:33 +0800
Subject: [PATCH] 菜单更新
---
src/components/Preview/src/Preview.vue | 67 ++++++++++++++-------------------
1 files changed, 29 insertions(+), 38 deletions(-)
diff --git a/src/components/Preview/src/Preview.vue b/src/components/Preview/src/Preview.vue
index 9996d0b..3c32043 100644
--- a/src/components/Preview/src/Preview.vue
+++ b/src/components/Preview/src/Preview.vue
@@ -14,14 +14,14 @@
</PreviewGroup>
</div>
</template>
-<script lang="ts">
+<script lang="ts" setup>
import type { PropType } from 'vue';
- import { defineComponent, computed } from 'vue';
+ import { computed } from 'vue';
import { Image } from 'ant-design-vue';
- import { useDesign } from '/@/hooks/web/useDesign';
- import { propTypes } from '/@/utils/propTypes';
- import { isString } from '/@/utils/is';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { propTypes } from '@/utils/propTypes';
+ import { isString } from '@/utils/is';
interface ImageProps {
alt?: string;
@@ -41,43 +41,34 @@
type ImageItem = string | ImageProps;
- export default defineComponent({
- name: 'ImagePreview',
- components: {
- Image,
- PreviewGroup: Image.PreviewGroup,
- },
- props: {
- functional: propTypes.bool,
- imageList: {
- type: Array as PropType<ImageItem[]>,
- },
- },
- setup(props) {
- const { prefixCls } = useDesign('image-preview');
+ const PreviewGroup = Image.PreviewGroup;
- const getImageList = computed((): any[] => {
- const { imageList } = props;
- if (!imageList) {
- return [];
- }
- return imageList.map((item) => {
- if (isString(item)) {
- return {
- src: item,
- placeholder: false,
- };
- }
- return item;
- });
- });
+ defineOptions({ name: 'ImagePreview' });
- return {
- prefixCls,
- getImageList,
- };
+ const props = defineProps({
+ functional: propTypes.bool,
+ imageList: {
+ type: Array as PropType<ImageItem[]>,
},
});
+
+ const { prefixCls } = useDesign('image-preview');
+
+ const getImageList = computed((): any[] => {
+ const { imageList } = props;
+ if (!imageList) {
+ return [];
+ }
+ return imageList.map((item) => {
+ if (isString(item)) {
+ return {
+ src: item,
+ placeholder: false,
+ };
+ }
+ return item;
+ });
+ });
</script>
<style lang="less">
@prefix-cls: ~'@{namespace}-image-preview';
--
Gitblit v1.9.3