props.ts
2.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import type { PropType, CSSProperties } from 'vue';
import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
import { useI18n } from '/@/hooks/web/useI18n';
import { propTypes, VueNode } from '/@/utils/propTypes';
import type { ModalWrapperProps } from './types';
const { t } = useI18n();
export const modalProps = {
visible: propTypes.bool,
scrollTop: propTypes.bool.def(true),
height: propTypes.number,
minHeight: propTypes.number,
// open drag
draggable: propTypes.bool.def(true),
centered: propTypes.bool,
cancelText: propTypes.string.def(t('common.cancelText')),
okText: propTypes.string.def(t('common.okText')),
closeFunc: Function as PropType<() => Promise<boolean>>,
};
export const basicProps = Object.assign({}, modalProps, {
defaultFullscreen: propTypes.bool,
// Can it be full screen
canFullscreen: propTypes.bool.def(true),
// After enabling the wrapper, the bottom can be increased in height
wrapperFooterOffset: propTypes.number.def(0),
// Warm reminder message
helpMessage: [String, Array] as PropType<string | string[]>,
// Whether to setting wrapper
useWrapper: propTypes.bool.def(true),
loading: propTypes.bool,
loadingTip: propTypes.string,
/**
* @description: Show close button
*/
showCancelBtn: propTypes.bool.def(true),
/**
* @description: Show confirmation button
*/
showOkBtn: propTypes.bool.def(true),
wrapperProps: Object as PropType<Partial<ModalWrapperProps>>,
afterClose: Function as PropType<() => Promise<VueNode>>,
bodyStyle: Object as PropType<CSSProperties>,
closable: propTypes.bool.def(true),
closeIcon: Object as PropType<VueNode>,
confirmLoading: propTypes.bool,
destroyOnClose: propTypes.bool,
footer: Object as PropType<VueNode>,
getContainer: Function as PropType<() => any>,
mask: propTypes.bool.def(true),
maskClosable: propTypes.bool.def(true),
keyboard: propTypes.bool.def(true),
maskStyle: Object as PropType<CSSProperties>,
okType: propTypes.string.def('primary'),
okButtonProps: Object as PropType<ButtonProps>,
cancelButtonProps: Object as PropType<ButtonProps>,
title: propTypes.string,
visible: propTypes.bool,
width: [String, Number] as PropType<string | number>,
wrapClassName: propTypes.string,
zIndex: propTypes.number,
});