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/Modal/src/components/ModalClose.vue | 76 ++++++++++++++++---------------------
1 files changed, 33 insertions(+), 43 deletions(-)
diff --git a/src/components/Modal/src/components/ModalClose.vue b/src/components/Modal/src/components/ModalClose.vue
index 6dbf2c0..32accbb 100644
--- a/src/components/Modal/src/components/ModalClose.vue
+++ b/src/components/Modal/src/components/ModalClose.vue
@@ -13,54 +13,44 @@
</Tooltip>
</div>
</template>
-<script lang="ts">
- import { defineComponent, computed } from 'vue';
+<script lang="ts" setup>
+ import { computed } from 'vue';
import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
- import { useDesign } from '/@/hooks/web/useDesign';
import { Tooltip } from 'ant-design-vue';
- import { useI18n } from '/@/hooks/web/useI18n';
+ import { useDesign } from '@/hooks/web/useDesign';
+ import { useI18n } from '@/hooks/web/useI18n';
- export default defineComponent({
- name: 'ModalClose',
- components: { Tooltip, FullscreenExitOutlined, FullscreenOutlined, CloseOutlined },
- props: {
- canFullscreen: { type: Boolean, default: true },
- fullScreen: { type: Boolean },
- },
- emits: ['cancel', 'fullscreen'],
- setup(props, { emit }) {
- const { prefixCls } = useDesign('basic-modal-close');
- const { t } = useI18n();
+ defineOptions({ name: 'ModalClose' });
- const getClass = computed(() => {
- return [
- prefixCls,
- `${prefixCls}--custom`,
- {
- [`${prefixCls}--can-full`]: props.canFullscreen,
- },
- ];
- });
-
- function handleCancel(e: Event) {
- emit('cancel', e);
- }
-
- function handleFullScreen(e: Event) {
- e?.stopPropagation();
- e?.preventDefault();
- emit('fullscreen');
- }
-
- return {
- t,
- getClass,
- prefixCls,
- handleCancel,
- handleFullScreen,
- };
- },
+ const props = defineProps({
+ canFullscreen: { type: Boolean, default: true },
+ fullScreen: { type: Boolean },
});
+
+ const emit = defineEmits(['cancel', 'fullscreen']);
+
+ const { prefixCls } = useDesign('basic-modal-close');
+ const { t } = useI18n();
+
+ const getClass = computed(() => {
+ return [
+ prefixCls,
+ `${prefixCls}--custom`,
+ {
+ [`${prefixCls}--can-full`]: props.canFullscreen,
+ },
+ ];
+ });
+
+ function handleCancel(e: Event) {
+ emit('cancel', e);
+ }
+
+ function handleFullScreen(e: Event) {
+ e?.stopPropagation();
+ e?.preventDefault();
+ emit('fullscreen');
+ }
</script>
<style lang="less">
@prefix-cls: ~'@{namespace}-basic-modal-close';
--
Gitblit v1.9.3