yuang-framework-ui-pc 1.1.14 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/es/core-components.d.ts +1 -1
  2. package/es/core-components.js +3 -4
  3. package/es/ele-app/plus.d.ts +1 -1
  4. package/es/ele-cropper-modal/index.js +1 -1
  5. package/es/ele-cropper-modal/style/index.js +1 -1
  6. package/es/ele-dialog/index.d.ts +2 -2
  7. package/es/ele-dialog/index.js +38 -38
  8. package/es/ele-dialog/props.d.ts +3 -3
  9. package/es/ele-dialog/props.js +5 -5
  10. package/es/ele-dialog/style/css-var.scss +3 -3
  11. package/es/ele-dialog/style/index.scss +52 -52
  12. package/es/ele-dialog/util.d.ts +11 -11
  13. package/es/ele-dialog/util.js +96 -104
  14. package/es/ele-drawer/index.js +2 -2
  15. package/es/ele-map-picker/index.js +1 -1
  16. package/es/ele-map-picker/style/index.js +1 -1
  17. package/es/ele-map-picker/style/index.scss +4 -4
  18. package/es/ele-pro-table/components/tool-export.js +1 -1
  19. package/es/ele-pro-table/components/tool-print.js +1 -1
  20. package/es/ele-pro-table/style/index.js +1 -1
  21. package/es/style/plus.scss +3 -1
  22. package/es/style/themes/default.scss +26 -0
  23. package/es/style/themes/theme-util.scss +2 -2
  24. package/lib/core-components.cjs +54 -55
  25. package/lib/core-components.d.ts +1 -1
  26. package/lib/ele-app/plus.d.ts +1 -1
  27. package/lib/ele-cropper-modal/index.cjs +1 -1
  28. package/lib/ele-cropper-modal/style/index.cjs +1 -1
  29. package/lib/ele-dialog/index.cjs +36 -36
  30. package/lib/ele-dialog/index.d.ts +2 -2
  31. package/lib/ele-dialog/props.cjs +5 -5
  32. package/lib/ele-dialog/props.d.ts +3 -3
  33. package/lib/ele-dialog/style/css-var.scss +3 -3
  34. package/lib/ele-dialog/style/index.scss +52 -52
  35. package/lib/ele-dialog/util.cjs +96 -104
  36. package/lib/ele-dialog/util.d.ts +11 -11
  37. package/lib/ele-drawer/index.cjs +2 -2
  38. package/lib/ele-map-picker/index.cjs +1 -1
  39. package/lib/ele-map-picker/style/index.cjs +1 -1
  40. package/lib/ele-map-picker/style/index.scss +4 -4
  41. package/lib/ele-pro-table/components/tool-export.cjs +1 -1
  42. package/lib/ele-pro-table/components/tool-print.cjs +1 -1
  43. package/lib/ele-pro-table/style/index.cjs +1 -1
  44. package/lib/style/plus.scss +3 -1
  45. package/lib/style/themes/default.scss +26 -0
  46. package/lib/style/themes/theme-util.scss +2 -2
  47. package/package.json +2 -2
  48. package/typings/global.d.ts +0 -1
  49. package/es/ele-modal/index.d.ts +0 -245
  50. package/es/ele-modal/index.js +0 -342
  51. package/es/ele-modal/props.d.ts +0 -135
  52. package/es/ele-modal/props.js +0 -71
  53. package/es/ele-modal/style/css-var.scss +0 -8
  54. package/es/ele-modal/style/index.d.ts +0 -1
  55. package/es/ele-modal/style/index.js +0 -3
  56. package/es/ele-modal/style/index.scss +0 -259
  57. package/es/ele-modal/types.d.ts +0 -43
  58. package/es/ele-modal/util.d.ts +0 -52
  59. package/es/ele-modal/util.js +0 -301
  60. package/lib/ele-modal/index.cjs +0 -341
  61. package/lib/ele-modal/index.d.ts +0 -245
  62. package/lib/ele-modal/props.cjs +0 -71
  63. package/lib/ele-modal/props.d.ts +0 -135
  64. package/lib/ele-modal/style/css-var.scss +0 -8
  65. package/lib/ele-modal/style/index.cjs +0 -4
  66. package/lib/ele-modal/style/index.d.ts +0 -1
  67. package/lib/ele-modal/style/index.scss +0 -259
  68. package/lib/ele-modal/types.d.ts +0 -43
  69. package/lib/ele-modal/util.cjs +0 -301
  70. package/lib/ele-modal/util.d.ts +0 -52
@@ -1,341 +0,0 @@
1
- "use strict";
2
- const vue = require("vue");
3
- const elementPlus = require("element-plus");
4
- const icons = require("../icons");
5
- const ReceiverView = require("../ele-config-provider/components/receiver-view");
6
- const util = require("../ele-pro-layout/util");
7
- const util$1 = require("./util");
8
- const props = require("./props");
9
- const _sfc_main = vue.defineComponent({
10
- name: "EleModal",
11
- components: {
12
- ElDialog: elementPlus.ElDialog,
13
- ElIcon: elementPlus.ElIcon,
14
- CloseOutlined: icons.CloseOutlined,
15
- CompressOutlined: icons.CompressOutlined,
16
- ExpandOutlined: icons.ExpandOutlined,
17
- ResizeOutlined: icons.ResizeOutlined,
18
- ReceiverView
19
- },
20
- inheritAttrs: false,
21
- props: props.modalProps,
22
- emits: props.modalEmits,
23
- setup(props2, { emit }) {
24
- const layoutState = util.useLayoutState();
25
- const isResponsive = util.useResponsive(props2);
26
- const dialogRef = vue.ref(null);
27
- const isFullscreen = vue.ref(props2.fullscreen ?? false);
28
- const isActivated = vue.ref(true);
29
- const dialogClass = vue.computed(() => {
30
- const classes = [util$1.wrapperClass];
31
- if (props2.responsive ?? isResponsive.value ?? true) {
32
- classes.push("ele-modal-responsive");
33
- }
34
- if (props2.alignCenter || props2.position === "center") {
35
- classes.push("ele-modal-center");
36
- } else if (props2.position === "top") {
37
- classes.push("ele-modal-top");
38
- } else if (props2.position === "bottom") {
39
- classes.push("ele-modal-bottom");
40
- } else if (props2.position === "left") {
41
- classes.push("ele-modal-left");
42
- } else if (props2.position === "right") {
43
- classes.push("ele-modal-right");
44
- } else if (props2.position === "leftTop") {
45
- classes.push("ele-modal-left-top");
46
- } else if (props2.position === "leftBottom") {
47
- classes.push("ele-modal-left-bottom");
48
- } else if (props2.position === "rightTop") {
49
- classes.push("ele-modal-right-top");
50
- } else if (props2.position === "rightBottom") {
51
- classes.push("ele-modal-right-bottom");
52
- }
53
- if (props2.draggable) {
54
- classes.push("ele-modal-movable");
55
- }
56
- if (props2.resizable) {
57
- classes.push("ele-modal-resizable");
58
- }
59
- if (props2.multiple) {
60
- classes.push("ele-modal-multiple");
61
- }
62
- if (isFullscreen.value) {
63
- classes.push("ele-modal-fullscreen");
64
- }
65
- if (!props2.modelValue) {
66
- classes.push(util$1.closedClass);
67
- }
68
- if (!isActivated.value && props2.modelValue) {
69
- classes.push("ele-modal-hide");
70
- }
71
- if (props2.inner) {
72
- classes.push("ele-modal-inner");
73
- }
74
- if (props2.modalClass) {
75
- classes.push(props2.modalClass);
76
- }
77
- return classes.join(" ");
78
- });
79
- const teleportTo = vue.computed(() => {
80
- return util$1.getModalContainer(
81
- props2.inner,
82
- props2.multiple,
83
- props2.appendTo,
84
- layoutState.modalsEl
85
- );
86
- });
87
- const teleportDisabled = vue.computed(() => {
88
- const appendTo = props2.appendTo || "body";
89
- const disabled = appendTo === "body" ? !props2.appendToBody : false;
90
- return props2.multiple || props2.inner ? false : disabled;
91
- });
92
- const {
93
- handleHeaderMousedown,
94
- handleHeaderTouchstart,
95
- handleResizeMousedown,
96
- handleResizeTouchstart,
97
- bindAutoTopEvent,
98
- unbindAutoTopEvent,
99
- topModal,
100
- setInitPosition,
101
- resetModalStyle
102
- } = util$1.useModalEvent(dialogRef, props2, isFullscreen);
103
- const updateModelValue = (modelValue) => {
104
- emit("update:modelValue", modelValue);
105
- };
106
- const toggleFullscreen = (fullscreen) => {
107
- isFullscreen.value = fullscreen ?? !isFullscreen.value;
108
- vue.nextTick(() => {
109
- topModal();
110
- });
111
- emit("update:fullscreen", isFullscreen.value);
112
- };
113
- const handleOpen = () => {
114
- if (props2.resetOnClose || props2.destroyOnClose) {
115
- isFullscreen.value = props2.fullscreen ?? false;
116
- }
117
- vue.nextTick(() => {
118
- if (props2.resetOnClose) {
119
- resetModalStyle();
120
- } else {
121
- setInitPosition();
122
- }
123
- topModal();
124
- });
125
- emit("open");
126
- };
127
- const handleOpened = () => {
128
- bindAutoTopEvent();
129
- emit("opened");
130
- };
131
- const handleClose = () => {
132
- unbindAutoTopEvent();
133
- emit("close");
134
- };
135
- const handleClosed = () => {
136
- emit("closed");
137
- };
138
- const handleOpenAutoFocus = () => {
139
- emit("openAutoFocus");
140
- };
141
- const handleCloseAutoFocus = () => {
142
- emit("closeAutoFocus");
143
- };
144
- vue.watch(
145
- () => props2.fullscreen,
146
- (fullscreen) => {
147
- isFullscreen.value = fullscreen ?? false;
148
- }
149
- );
150
- vue.onMounted(() => {
151
- if (props2.modelValue) {
152
- setInitPosition();
153
- }
154
- });
155
- vue.onActivated(() => {
156
- isActivated.value = true;
157
- });
158
- vue.onDeactivated(() => {
159
- isActivated.value = false;
160
- });
161
- return {
162
- dialogRef,
163
- isFullscreen,
164
- dialogClass,
165
- teleportTo,
166
- teleportDisabled,
167
- handleHeaderMousedown,
168
- handleHeaderTouchstart,
169
- handleResizeMousedown,
170
- handleResizeTouchstart,
171
- updateModelValue,
172
- toggleFullscreen,
173
- handleOpen,
174
- handleOpened,
175
- handleClose,
176
- handleClosed,
177
- handleOpenAutoFocus,
178
- handleCloseAutoFocus
179
- };
180
- }
181
- });
182
- const _export_sfc = (sfc, props2) => {
183
- const target = sfc.__vccOpts || sfc;
184
- for (const [key, val] of props2) {
185
- target[key] = val;
186
- }
187
- return target;
188
- };
189
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
190
- const _component_CompressOutlined = vue.resolveComponent("CompressOutlined");
191
- const _component_ExpandOutlined = vue.resolveComponent("ExpandOutlined");
192
- const _component_ElIcon = vue.resolveComponent("ElIcon");
193
- const _component_CloseOutlined = vue.resolveComponent("CloseOutlined");
194
- const _component_ResizeOutlined = vue.resolveComponent("ResizeOutlined");
195
- const _component_ReceiverView = vue.resolveComponent("ReceiverView");
196
- const _component_ElDialog = vue.resolveComponent("ElDialog");
197
- return vue.openBlock(), vue.createBlock(vue.Teleport, {
198
- to: _ctx.teleportTo,
199
- disabled: _ctx.teleportDisabled
200
- }, [
201
- vue.createVNode(_component_ElDialog, vue.mergeProps(_ctx.$attrs, {
202
- ref: "dialogRef",
203
- modelValue: _ctx.modelValue,
204
- title: _ctx.title,
205
- width: _ctx.width,
206
- fullscreen: false,
207
- modal: _ctx.multiple ? false : _ctx.modal,
208
- modalClass: _ctx.dialogClass,
209
- appendToBody: false,
210
- lockScroll: _ctx.inner || _ctx.multiple ? false : _ctx.lockScroll,
211
- openDelay: _ctx.openDelay,
212
- closeDelay: _ctx.closeDelay,
213
- closeOnClickModal: _ctx.closeOnClickModal,
214
- closeOnPressEscape: _ctx.closeOnPressEscape,
215
- showClose: false,
216
- beforeClose: _ctx.beforeClose,
217
- draggable: false,
218
- overflow: false,
219
- center: _ctx.center,
220
- alignCenter: false,
221
- destroyOnClose: _ctx.destroyOnClose,
222
- zIndex: _ctx.zIndex,
223
- headerAriaLevel: _ctx.headerAriaLevel,
224
- "onUpdate:modelValue": _ctx.updateModelValue,
225
- onOpen: _ctx.handleOpen,
226
- onOpened: _ctx.handleOpened,
227
- onClose: _ctx.handleClose,
228
- onClosed: _ctx.handleClosed,
229
- onOpenAutoFocus: _ctx.handleOpenAutoFocus,
230
- onCloseAutoFocus: _ctx.handleCloseAutoFocus
231
- }), vue.createSlots({
232
- header: vue.withCtx(({ close, titleId, titleClass }) => [
233
- vue.createElementVNode("div", {
234
- style: vue.normalizeStyle(_ctx.headerStyle),
235
- class: "ele-modal-header",
236
- onMousedown: _cache[6] || (_cache[6] = (...args) => _ctx.handleHeaderMousedown && _ctx.handleHeaderMousedown(...args)),
237
- onTouchstart: _cache[7] || (_cache[7] = (...args) => _ctx.handleHeaderTouchstart && _ctx.handleHeaderTouchstart(...args))
238
- }, [
239
- vue.createElementVNode("div", {
240
- class: "ele-modal-title",
241
- style: vue.normalizeStyle(_ctx.titleStyle)
242
- }, [
243
- vue.renderSlot(_ctx.$slots, "header", {
244
- close,
245
- titleId,
246
- titleClass
247
- }, () => [
248
- vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
249
- ])
250
- ], 4),
251
- _ctx.maxable ? (vue.openBlock(), vue.createElementBlock("div", {
252
- key: 0,
253
- class: "ele-modal-tool ele-modal-tool-max",
254
- style: vue.normalizeStyle(_ctx.fullscreenBtnStyle),
255
- onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFullscreen()),
256
- onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
257
- }, ["stop"])),
258
- onTouchstart: _cache[2] || (_cache[2] = vue.withModifiers(() => {
259
- }, ["stop"]))
260
- }, [
261
- vue.renderSlot(_ctx.$slots, "maxIcon", { fullscreen: _ctx.isFullscreen }, () => [
262
- vue.createVNode(_component_ElIcon, null, {
263
- default: vue.withCtx(() => [
264
- _ctx.isFullscreen ? (vue.openBlock(), vue.createBlock(_component_CompressOutlined, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_ExpandOutlined, { key: 1 }))
265
- ]),
266
- _: 1
267
- })
268
- ])
269
- ], 36)) : vue.createCommentVNode("", true),
270
- _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("div", {
271
- key: 1,
272
- class: "ele-modal-tool",
273
- style: vue.normalizeStyle(_ctx.closeBtnStyle),
274
- onClick: _cache[3] || (_cache[3] = ($event) => _ctx.updateModelValue(false)),
275
- onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {
276
- }, ["stop"])),
277
- onTouchstart: _cache[5] || (_cache[5] = vue.withModifiers(() => {
278
- }, ["stop"]))
279
- }, [
280
- vue.renderSlot(_ctx.$slots, "closeIcon", {}, () => [
281
- vue.createVNode(_component_ElIcon, null, {
282
- default: vue.withCtx(() => [
283
- _ctx.closeIcon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon), { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_CloseOutlined, { key: 1 }))
284
- ]),
285
- _: 1
286
- })
287
- ])
288
- ], 36)) : vue.createCommentVNode("", true)
289
- ], 36),
290
- _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {
291
- key: 0,
292
- class: vue.normalizeClass([
293
- "ele-modal-resize-icon",
294
- { "is-horizontal": _ctx.resizable === "horizontal" },
295
- { "is-vertical": _ctx.resizable === "vertical" }
296
- ]),
297
- style: vue.normalizeStyle(_ctx.resizeIconStyle),
298
- onMousedown: _cache[8] || (_cache[8] = (...args) => _ctx.handleResizeMousedown && _ctx.handleResizeMousedown(...args)),
299
- onTouchstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleResizeTouchstart && _ctx.handleResizeTouchstart(...args))
300
- }, [
301
- vue.renderSlot(_ctx.$slots, "resizeIcon", {}, () => [
302
- vue.createVNode(_component_ElIcon, null, {
303
- default: vue.withCtx(() => [
304
- vue.createVNode(_component_ResizeOutlined)
305
- ]),
306
- _: 1
307
- })
308
- ])
309
- ], 38)) : vue.createCommentVNode("", true)
310
- ]),
311
- default: vue.withCtx(() => [
312
- vue.createVNode(_component_ReceiverView, {
313
- wrapPosition: false,
314
- class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }]),
315
- style: vue.normalizeStyle(_ctx.bodyStyle)
316
- }, {
317
- default: vue.withCtx(() => [
318
- vue.renderSlot(_ctx.$slots, "default")
319
- ]),
320
- _: 3
321
- }, 8, ["class", "style"])
322
- ]),
323
- _: 2
324
- }, [
325
- _ctx.$slots.footer ? {
326
- name: "footer",
327
- fn: vue.withCtx(() => [
328
- vue.createElementVNode("div", {
329
- class: "ele-modal-footer",
330
- style: vue.normalizeStyle(_ctx.footerStyle)
331
- }, [
332
- vue.renderSlot(_ctx.$slots, "footer")
333
- ], 4)
334
- ]),
335
- key: "0"
336
- } : void 0
337
- ]), 1040, ["modelValue", "title", "width", "modal", "modalClass", "lockScroll", "openDelay", "closeDelay", "closeOnClickModal", "closeOnPressEscape", "beforeClose", "center", "destroyOnClose", "zIndex", "headerAriaLevel", "onUpdate:modelValue", "onOpen", "onOpened", "onClose", "onClosed", "onOpenAutoFocus", "onCloseAutoFocus"])
338
- ], 8, ["to", "disabled"]);
339
- }
340
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
341
- module.exports = index;
@@ -1,245 +0,0 @@
1
- import { ElDialogInstance } from '../ele-app/el';
2
-
3
- declare const _default: import('vue').DefineComponent<{
4
- appendToBody: {
5
- type: BooleanConstructor;
6
- default: boolean;
7
- };
8
- draggable: {
9
- type: BooleanConstructor;
10
- default: boolean;
11
- };
12
- moveOut: import('vue').PropType<import('./types').MoveOut>;
13
- resizable: import('vue').PropType<import('./types').Resizable>;
14
- position: import('vue').PropType<import('./types').Position>;
15
- resetOnClose: {
16
- type: BooleanConstructor;
17
- default: boolean;
18
- };
19
- maxable: BooleanConstructor;
20
- multiple: BooleanConstructor;
21
- inner: BooleanConstructor;
22
- minWidth: {
23
- type: NumberConstructor;
24
- default: number;
25
- };
26
- minHeight: {
27
- type: NumberConstructor;
28
- default: number;
29
- };
30
- headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
31
- titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
32
- bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
33
- footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
34
- closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
35
- fullscreenBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
36
- resizeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
37
- responsive: {
38
- type: BooleanConstructor;
39
- default: null;
40
- };
41
- form: BooleanConstructor;
42
- appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
43
- beforeClose: {
44
- readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
45
- readonly required: false;
46
- readonly validator: ((val: unknown) => boolean) | undefined;
47
- __epPropKey: true;
48
- };
49
- destroyOnClose: BooleanConstructor;
50
- closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
51
- closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
52
- lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
53
- modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
54
- openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
55
- closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
56
- top: {
57
- readonly type: import('vue').PropType<string>;
58
- readonly required: false;
59
- readonly validator: ((val: unknown) => boolean) | undefined;
60
- __epPropKey: true;
61
- };
62
- modelValue: BooleanConstructor;
63
- modalClass: StringConstructor;
64
- width: {
65
- readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
66
- readonly required: false;
67
- readonly validator: ((val: unknown) => boolean) | undefined;
68
- __epPropKey: true;
69
- };
70
- zIndex: {
71
- readonly type: import('vue').PropType<number>;
72
- readonly required: false;
73
- readonly validator: ((val: unknown) => boolean) | undefined;
74
- __epPropKey: true;
75
- };
76
- trapFocus: BooleanConstructor;
77
- headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
78
- center: BooleanConstructor;
79
- alignCenter: BooleanConstructor;
80
- closeIcon: {
81
- readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
82
- readonly required: false;
83
- readonly validator: ((val: unknown) => boolean) | undefined;
84
- __epPropKey: true;
85
- };
86
- overflow: BooleanConstructor;
87
- fullscreen: BooleanConstructor;
88
- showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
89
- title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
90
- ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
91
- }, {
92
- dialogRef: import('vue').Ref<ElDialogInstance>;
93
- isFullscreen: import('vue').Ref<boolean>;
94
- dialogClass: import('vue').ComputedRef<string>;
95
- teleportTo: import('vue').ComputedRef<string | Element>;
96
- teleportDisabled: import('vue').ComputedRef<boolean>;
97
- handleHeaderMousedown: (e: MouseEvent) => void;
98
- handleHeaderTouchstart: (e: TouchEvent) => void;
99
- handleResizeMousedown: (e: MouseEvent) => void;
100
- handleResizeTouchstart: (e: TouchEvent) => void;
101
- updateModelValue: (modelValue: boolean) => void;
102
- toggleFullscreen: (fullscreen?: boolean) => void;
103
- handleOpen: () => void;
104
- handleOpened: () => void;
105
- handleClose: () => void;
106
- handleClosed: () => void;
107
- handleOpenAutoFocus: () => void;
108
- handleCloseAutoFocus: () => void;
109
- }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
110
- 'update:fullscreen': (_fullscreen: boolean) => boolean;
111
- open: () => boolean;
112
- opened: () => boolean;
113
- close: () => boolean;
114
- closed: () => boolean;
115
- "update:modelValue": (value: boolean) => boolean;
116
- openAutoFocus: () => boolean;
117
- closeAutoFocus: () => boolean;
118
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
119
- appendToBody: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- draggable: {
124
- type: BooleanConstructor;
125
- default: boolean;
126
- };
127
- moveOut: import('vue').PropType<import('./types').MoveOut>;
128
- resizable: import('vue').PropType<import('./types').Resizable>;
129
- position: import('vue').PropType<import('./types').Position>;
130
- resetOnClose: {
131
- type: BooleanConstructor;
132
- default: boolean;
133
- };
134
- maxable: BooleanConstructor;
135
- multiple: BooleanConstructor;
136
- inner: BooleanConstructor;
137
- minWidth: {
138
- type: NumberConstructor;
139
- default: number;
140
- };
141
- minHeight: {
142
- type: NumberConstructor;
143
- default: number;
144
- };
145
- headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
146
- titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
147
- bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
148
- footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
149
- closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
150
- fullscreenBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
151
- resizeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
152
- responsive: {
153
- type: BooleanConstructor;
154
- default: null;
155
- };
156
- form: BooleanConstructor;
157
- appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown, "body", boolean>;
158
- beforeClose: {
159
- readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
160
- readonly required: false;
161
- readonly validator: ((val: unknown) => boolean) | undefined;
162
- __epPropKey: true;
163
- };
164
- destroyOnClose: BooleanConstructor;
165
- closeOnClickModal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
166
- closeOnPressEscape: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
167
- lockScroll: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
168
- modal: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
169
- openDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
170
- closeDelay: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
171
- top: {
172
- readonly type: import('vue').PropType<string>;
173
- readonly required: false;
174
- readonly validator: ((val: unknown) => boolean) | undefined;
175
- __epPropKey: true;
176
- };
177
- modelValue: BooleanConstructor;
178
- modalClass: StringConstructor;
179
- width: {
180
- readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
181
- readonly required: false;
182
- readonly validator: ((val: unknown) => boolean) | undefined;
183
- __epPropKey: true;
184
- };
185
- zIndex: {
186
- readonly type: import('vue').PropType<number>;
187
- readonly required: false;
188
- readonly validator: ((val: unknown) => boolean) | undefined;
189
- __epPropKey: true;
190
- };
191
- trapFocus: BooleanConstructor;
192
- headerAriaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
193
- center: BooleanConstructor;
194
- alignCenter: BooleanConstructor;
195
- closeIcon: {
196
- readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
197
- readonly required: false;
198
- readonly validator: ((val: unknown) => boolean) | undefined;
199
- __epPropKey: true;
200
- };
201
- overflow: BooleanConstructor;
202
- fullscreen: BooleanConstructor;
203
- showClose: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
204
- title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
205
- ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
206
- }>> & {
207
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
208
- onClose?: (() => any) | undefined;
209
- onOpen?: (() => any) | undefined;
210
- onOpened?: (() => any) | undefined;
211
- onClosed?: (() => any) | undefined;
212
- onOpenAutoFocus?: (() => any) | undefined;
213
- onCloseAutoFocus?: (() => any) | undefined;
214
- "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
215
- }, {
216
- form: boolean;
217
- title: string;
218
- center: boolean;
219
- modelValue: boolean;
220
- appendToBody: boolean;
221
- appendTo: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement) | ((new (...args: any[]) => (string | HTMLElement) & {}) | (() => string | HTMLElement))[], unknown, unknown>;
222
- destroyOnClose: boolean;
223
- closeOnClickModal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
224
- closeOnPressEscape: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
225
- lockScroll: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
226
- modal: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
227
- openDelay: number;
228
- closeDelay: number;
229
- trapFocus: boolean;
230
- headerAriaLevel: string;
231
- alignCenter: boolean;
232
- draggable: boolean;
233
- overflow: boolean;
234
- fullscreen: boolean;
235
- showClose: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
236
- ariaLevel: string;
237
- minWidth: number;
238
- minHeight: number;
239
- multiple: boolean;
240
- responsive: boolean;
241
- resetOnClose: boolean;
242
- maxable: boolean;
243
- inner: boolean;
244
- }, {}>;
245
- export default _default;
@@ -1,71 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const elementPlus = require("element-plus");
4
- const modalProps = {
5
- ...elementPlus.dialogProps,
6
- appendToBody: {
7
- type: Boolean,
8
- default: true
9
- },
10
- draggable: {
11
- type: Boolean,
12
- default: true
13
- },
14
- /** 是否可以拖出边界 */
15
- moveOut: [Boolean, Array],
16
- /** 是否可以拉伸 */
17
- resizable: [Boolean, String],
18
- /** 初始位置 */
19
- position: [String, Object],
20
- /** 是否在弹窗关闭后重置位置和大小 */
21
- resetOnClose: {
22
- type: Boolean,
23
- default: true
24
- },
25
- /** 是否显示最大化切换按钮 */
26
- maxable: Boolean,
27
- /** 是否支持打开多个 */
28
- multiple: Boolean,
29
- /** 是否限制在主体内部 */
30
- inner: Boolean,
31
- /** 最小拉伸宽度 */
32
- minWidth: {
33
- type: Number,
34
- default: 260
35
- },
36
- /** 最小拉伸高度 */
37
- minHeight: {
38
- type: Number,
39
- default: 160
40
- },
41
- /** 标题栏样式 */
42
- headerStyle: Object,
43
- /** 标题样式 */
44
- titleStyle: Object,
45
- /** 主体样式 */
46
- bodyStyle: Object,
47
- /** 底栏样式 */
48
- footerStyle: Object,
49
- /** 自定义关闭按钮样式 */
50
- closeBtnStyle: Object,
51
- /** 自定义全屏按钮样式 */
52
- fullscreenBtnStyle: Object,
53
- /** 拉伸图标样式 */
54
- resizeIconStyle: Object,
55
- /** 是否开启响应式 */
56
- responsive: {
57
- type: Boolean,
58
- default: null
59
- },
60
- /** 是否是表单弹窗 */
61
- form: Boolean
62
- };
63
- const modalEmits = {
64
- ...elementPlus.dialogEmits,
65
- /** 更新全屏状态 */
66
- "update:fullscreen": (_fullscreen) => true
67
- };
68
- const dialogPropKeys = Object.keys(elementPlus.dialogProps);
69
- exports.dialogPropKeys = dialogPropKeys;
70
- exports.modalEmits = modalEmits;
71
- exports.modalProps = modalProps;