yuang-framework-ui-pc 1.1.18 → 1.1.19
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.
- package/es/core-components.d.ts +0 -1
- package/es/ele-dialog/index.d.ts +1 -1
- package/es/ele-dialog/props.d.ts +3 -3
- package/es/ele-dialog/props.js +2 -2
- package/es/ele-dialog/util.d.ts +4 -4
- package/es/style/themes/default.scss +0 -26
- package/es/style/themes/rounded.scss +1 -1
- package/es/yu-slider-captcha-dialog/style.css +33 -163
- package/lib/core-components.cjs +0 -1
- package/lib/core-components.d.ts +0 -5
- package/lib/ele-dialog/index.d.ts +1 -1
- package/lib/ele-dialog/props.cjs +2 -2
- package/lib/ele-dialog/props.d.ts +3 -3
- package/lib/ele-dialog/util.d.ts +4 -4
- package/lib/style/themes/default.scss +0 -26
- package/lib/style/themes/rounded.scss +1 -1
- package/package.json +1 -1
package/es/core-components.d.ts
CHANGED
|
@@ -51,5 +51,4 @@ export { default as EleTreeSelect } from './ele-tree-select/index';
|
|
|
51
51
|
export { default as EleUploadList } from './ele-upload-list/index';
|
|
52
52
|
export { default as EleVirtualTable } from './ele-virtual-table/index';
|
|
53
53
|
export { default as EleWatermark } from './ele-watermark/index';
|
|
54
|
-
|
|
55
54
|
export { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
|
package/es/ele-dialog/index.d.ts
CHANGED
|
@@ -238,8 +238,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
238
238
|
minHeight: number;
|
|
239
239
|
multiple: boolean;
|
|
240
240
|
responsive: boolean;
|
|
241
|
-
inner: boolean;
|
|
242
241
|
resetOnClose: boolean;
|
|
243
242
|
maxable: boolean;
|
|
243
|
+
inner: boolean;
|
|
244
244
|
}, {}>;
|
|
245
245
|
export default _default;
|
package/es/ele-dialog/props.d.ts
CHANGED
|
@@ -113,7 +113,7 @@ export declare const eleDialogProps: {
|
|
|
113
113
|
title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
114
114
|
ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
|
|
115
115
|
};
|
|
116
|
-
export type
|
|
116
|
+
export type EleDialogProps = ExtractPropTypes<typeof eleDialogProps>;
|
|
117
117
|
/**
|
|
118
118
|
* 事件
|
|
119
119
|
*/
|
|
@@ -128,8 +128,8 @@ export declare const eleDialogEmits: {
|
|
|
128
128
|
openAutoFocus: () => boolean;
|
|
129
129
|
closeAutoFocus: () => boolean;
|
|
130
130
|
};
|
|
131
|
-
export type
|
|
131
|
+
export type EleDialogPropKeys = Array<keyof typeof dialogProps>;
|
|
132
132
|
/**
|
|
133
133
|
* 弹窗组件属性名
|
|
134
134
|
*/
|
|
135
|
-
export declare const
|
|
135
|
+
export declare const eleDialogPropKeys: EleDialogPropKeys;
|
package/es/ele-dialog/props.js
CHANGED
|
@@ -63,9 +63,9 @@ const eleDialogEmits = {
|
|
|
63
63
|
/** 更新全屏状态 */
|
|
64
64
|
"update:fullscreen": (_fullscreen) => true
|
|
65
65
|
};
|
|
66
|
-
const
|
|
66
|
+
const eleDialogPropKeys = Object.keys(dialogProps);
|
|
67
67
|
export {
|
|
68
|
-
dialogPropKeys,
|
|
69
68
|
eleDialogEmits,
|
|
69
|
+
eleDialogPropKeys,
|
|
70
70
|
eleDialogProps
|
|
71
71
|
};
|
package/es/ele-dialog/util.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
import { ElDialogInstance } from '../ele-app/el';
|
|
3
|
-
import {
|
|
3
|
+
import { EleDialogProps } from './props';
|
|
4
4
|
|
|
5
5
|
export declare const containerClass = "ele-dialog-container";
|
|
6
6
|
export declare const wrapperClass = "ele-dialog";
|
|
@@ -19,7 +19,7 @@ export declare function getDialogContainer(inner?: boolean, multiple?: boolean,
|
|
|
19
19
|
* @param props 属性
|
|
20
20
|
* @param isFullscreen 全屏状态
|
|
21
21
|
*/
|
|
22
|
-
export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props:
|
|
22
|
+
export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
23
23
|
handleHeaderMousedown: (e: MouseEvent) => void;
|
|
24
24
|
handleHeaderTouchstart: (e: TouchEvent) => void;
|
|
25
25
|
};
|
|
@@ -29,7 +29,7 @@ export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props: D
|
|
|
29
29
|
* @param props 属性
|
|
30
30
|
* @param isFullscreen 全屏状态
|
|
31
31
|
*/
|
|
32
|
-
export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props:
|
|
32
|
+
export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
33
33
|
handleResizeMousedown: (e: MouseEvent) => void;
|
|
34
34
|
handleResizeTouchstart: (e: TouchEvent) => void;
|
|
35
35
|
};
|
|
@@ -39,7 +39,7 @@ export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props:
|
|
|
39
39
|
* @param props 属性
|
|
40
40
|
* @param isFullscreen 全屏状态
|
|
41
41
|
*/
|
|
42
|
-
export declare function useDialogEvent(dialogRef: Ref<ElDialogInstance>, props:
|
|
42
|
+
export declare function useDialogEvent(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
43
43
|
handleHeaderMousedown: (e: MouseEvent) => void;
|
|
44
44
|
handleHeaderTouchstart: (e: TouchEvent) => void;
|
|
45
45
|
handleResizeMousedown: (e: MouseEvent) => void;
|
|
@@ -460,32 +460,6 @@ $ele: map.deep-merge(
|
|
|
460
460
|
'bg-7': #7dd733,
|
|
461
461
|
'bg-8': #faad14
|
|
462
462
|
),
|
|
463
|
-
// temp
|
|
464
|
-
'modal': (
|
|
465
|
-
// 弹窗
|
|
466
|
-
'bg': elVar('bg-color', 'overlay'),
|
|
467
|
-
'radius': elVar('border-radius', 'base'),
|
|
468
|
-
'header-color': elVar('text-color', 'primary'),
|
|
469
|
-
'header-font-size': elVar('font-size', 'medium'),
|
|
470
|
-
'header-font-weight': normal,
|
|
471
|
-
'header-line-height': 24px,
|
|
472
|
-
'header-padding': 14px 20px,
|
|
473
|
-
'header-border': 1px solid elVar('border-color', 'light'),
|
|
474
|
-
'icon-size': 22px,
|
|
475
|
-
'icon-font-size': 16px,
|
|
476
|
-
'icon-color': elVar('text-color', 'secondary'),
|
|
477
|
-
'icon-hover-color': elVar('text-color', 'primary'),
|
|
478
|
-
'icon-hover-bg': transparent,
|
|
479
|
-
'icon-radius': elVar('border-radius', 'small'),
|
|
480
|
-
'icon-space': 8px,
|
|
481
|
-
'body-padding': 24px 22px,
|
|
482
|
-
'form-body-padding': 24px 22px 12px 20px,
|
|
483
|
-
'footer-padding': 10px 20px,
|
|
484
|
-
'footer-border': 1px solid elVar('border-color', 'light'),
|
|
485
|
-
'fullscreen-border': 1px solid elVar('border-color', 'light'),
|
|
486
|
-
'mobile-space': 16px
|
|
487
|
-
),
|
|
488
|
-
|
|
489
463
|
'dialog': (
|
|
490
464
|
// 弹窗
|
|
491
465
|
'bg': elVar('bg-color', 'overlay'),
|
|
@@ -1,175 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
.slider-captcha-container .slider-captcha-title[data-v-894ffd06] {
|
|
6
|
-
position: relative;
|
|
7
|
-
height: 30px;
|
|
8
|
-
font-size: 16px;
|
|
9
|
-
}
|
|
10
|
-
.slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06] {
|
|
11
|
-
position: absolute;
|
|
12
|
-
right: 30px;
|
|
13
|
-
top: 0;
|
|
14
|
-
width: 20px;
|
|
15
|
-
height: 20px;
|
|
16
|
-
font-size: 20px;
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
color: #194693;
|
|
19
|
-
text-align: center;
|
|
20
|
-
opacity: 0.7;
|
|
21
|
-
}
|
|
22
|
-
.slider-captcha-container .slider-captcha-refresh-icon[data-v-894ffd06]:hover {
|
|
23
|
-
opacity: 1;
|
|
24
|
-
}
|
|
25
|
-
.slider-captcha-container .slider-captcha-close-icon[data-v-894ffd06] {
|
|
26
|
-
position: absolute;
|
|
27
|
-
right: 0;
|
|
1
|
+
.slider-captcha-dialog-container .slider-captcha-dialog-modal[data-v-7e32a294] {
|
|
2
|
+
position: fixed;
|
|
3
|
+
left: 0;
|
|
28
4
|
top: 0;
|
|
29
|
-
width:
|
|
30
|
-
height:
|
|
31
|
-
font-size: 20px;
|
|
32
|
-
cursor: pointer;
|
|
33
|
-
color: #ff4d4f;
|
|
34
|
-
text-align: center;
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
35
7
|
opacity: 0.7;
|
|
8
|
+
background: #000;
|
|
9
|
+
z-index: 1000;
|
|
36
10
|
}
|
|
37
|
-
.slider-captcha-container .slider-captcha-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/*图片加载样式*/
|
|
42
|
-
.img-loading[data-v-894ffd06] {
|
|
43
|
-
position: absolute;
|
|
11
|
+
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper[data-v-7e32a294] {
|
|
12
|
+
position: fixed;
|
|
44
13
|
top: 0;
|
|
45
14
|
right: 0;
|
|
46
|
-
left: 0;
|
|
47
15
|
bottom: 0;
|
|
48
|
-
z-index: 999;
|
|
49
|
-
animation: loading-894ffd06 1.5s infinite;
|
|
50
|
-
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSI+PHNjcmlwdCB4bWxucz0iIj4vKmdsb2JhbCBXZWIzKi8KY2xlYW5Db250ZXh0Rm9ySW1wb3J0cygpCnJlcXVpcmUoJ3dlYjMvZGlzdC93ZWIzLm1pbi5qcycpCmNvbnN0IExvY2FsTWVzc2FnZUR1cGxleFN0cmVhbSA9IHJlcXVpcmUoJ3Bvc3QtbWVzc2FnZS1zdHJlYW0nKQovLyBjb25zdCBQaW5nU3RyZWFtID0gcmVxdWlyZSgncGluZy1wb25nLXN0cmVhbS9waW5nJykKLy8gY29uc3QgZW5kT2ZTdHJlYW0gPSByZXF1aXJlKCdlbmQtb2Ytc3RyZWFtJykKY29uc3Qgc2V0dXBEYXBwQXV0b1JlbG9hZCA9IHJlcXVpcmUoJy4vbGliL2F1dG8tcmVsb2FkLmpzJykKY29uc3QgTWV0YW1hc2tJbnBhZ2VQcm92aWRlciA9IHJlcXVpcmUoJy4vbGliL2lucGFnZS1wcm92aWRlci5qcycpCnJlc3RvcmVDb250ZXh0QWZ0ZXJJbXBvcnRzKCkKCgovLwovLyBzZXR1cCBwbHVnaW4gY29tbXVuaWNhdGlvbgovLwoKLy8gc2V0dXAgYmFja2dyb3VuZCBjb25uZWN0aW9uCnZhciBtZXRhbWFza1N0cmVhbSA9IG5ldyBMb2NhbE1lc3NhZ2VEdXBsZXhTdHJlYW0oewogIG5hbWU6ICdpbnBhZ2UnLAogIHRhcmdldDogJ2NvbnRlbnRzY3JpcHQnLAp9KQoKLy8gY29tcG9zZSB0aGUgaW5wYWdlIHByb3ZpZGVyCnZhciBpbnBhZ2VQcm92aWRlciA9IG5ldyBNZXRhbWFza0lucGFnZVByb3ZpZGVyKG1ldGFtYXNrU3RyZWFtKQoKLy8KLy8gc2V0dXAgd2ViMwovLwoKdmFyIHdlYjMgPSBuZXcgV2ViMyhpbnBhZ2VQcm92aWRlcikKd2ViMy5zZXRQcm92aWRlciA9IGZ1bmN0aW9uICgpIHsKICBjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBvdmVycm9kZSB3ZWIzLnNldFByb3ZpZGVyJykKfQpjb25zb2xlLmxvZygnTWV0YU1hc2sgLSBpbmplY3RlZCB3ZWIzJykKLy8gZXhwb3J0IGdsb2JhbCB3ZWIzLCB3aXRoIHVzYWdlLWRldGVjdGlvbgpzZXR1cERhcHBBdXRvUmVsb2FkKHdlYjMsIGlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlKQoKLy8gc2V0IHdlYjMgZGVmYXVsdEFjY291bnQKCmlucGFnZVByb3ZpZGVyLnB1YmxpY0NvbmZpZ1N0b3JlLnN1YnNjcmliZShmdW5jdGlvbiAoc3RhdGUpIHsKICB3ZWIzLmV0aC5kZWZhdWx0QWNjb3VudCA9IHN0YXRlLnNlbGVjdGVkQWRkcmVzcwp9KQoKLy8KLy8gdXRpbAovLwoKLy8gbmVlZCB0byBtYWtlIHN1cmUgd2UgYXJlbid0IGFmZmVjdGVkIGJ5IG92ZXJsYXBwaW5nIG5hbWVzcGFjZXMKLy8gYW5kIHRoYXQgd2UgZG9udCBhZmZlY3QgdGhlIGFwcCB3aXRoIG91ciBuYW1lc3BhY2UKLy8gbW9zdGx5IGEgZml4IGZvciB3ZWIzJ3MgQmlnTnVtYmVyIGlmIEFNRCdzICJkZWZpbmUiIGlzIGRlZmluZWQuLi4KdmFyIF9fZGVmaW5lCgpmdW5jdGlvbiBjbGVhbkNvbnRleHRGb3JJbXBvcnRzICgpIHsKICBfX2RlZmluZSA9IGdsb2JhbC5kZWZpbmUKICB0cnkgewogICAgZ2xvYmFsLmRlZmluZSA9IHVuZGVmaW5lZAogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBkZWxldGVkLicpCiAgfQp9CgpmdW5jdGlvbiByZXN0b3JlQ29udGV4dEFmdGVySW1wb3J0cyAoKSB7CiAgdHJ5IHsKICAgIGdsb2JhbC5kZWZpbmUgPSBfX2RlZmluZQogIH0gY2F0Y2ggKF8pIHsKICAgIGNvbnNvbGUud2FybignTWV0YU1hc2sgLSBnbG9iYWwuZGVmaW5lIGNvdWxkIG5vdCBiZSBvdmVyd3JpdHRlbi4nKQogIH0KfQoKPC9zY3JpcHQ+CiAgPHBhdGggb3BhY2l0eT0iLjI1IiBkPSJNMTYgMCBBMTYgMTYgMCAwIDAgMTYgMzIgQTE2IDE2IDAgMCAwIDE2IDAgTTE2IDQgQTEyIDEyIDAgMCAxIDE2IDI4IEExMiAxMiAwIDAgMSAxNiA0Ii8+CiAgPHBhdGggZD0iTTE2IDAgQTE2IDE2IDAgMCAxIDMyIDE2IEwyOCAxNiBBMTIgMTIgMCAwIDAgMTYgNHoiIHRyYW5zZm9ybT0icm90YXRlKDE0NC4xNTUgMTYgMTYpIj4KICAgIDxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDE2IDE2IiB0bz0iMzYwIDE2IDE2IiBkdXI9IjAuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+CiAgPC9wYXRoPgo8L3N2Zz4=);
|
|
51
|
-
background-repeat: no-repeat;
|
|
52
|
-
background-position: center center;
|
|
53
|
-
background-size: 100px;
|
|
54
|
-
background-color: #737c8e;
|
|
55
|
-
}
|
|
56
|
-
@keyframes loading-894ffd06 {
|
|
57
|
-
0% {
|
|
58
|
-
opacity: 0.7;
|
|
59
|
-
}
|
|
60
|
-
100% {
|
|
61
|
-
opacity: 1;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
/*认证成功后的文字提示*/
|
|
65
|
-
.success-hint[data-v-894ffd06] {
|
|
66
|
-
position: absolute;
|
|
67
|
-
top: 0;
|
|
68
|
-
right: 0;
|
|
69
16
|
left: 0;
|
|
70
|
-
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
margin: 0;
|
|
19
|
+
z-index: 1001;
|
|
20
|
+
}
|
|
21
|
+
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slider-captcha-dialog[data-v-7e32a294] {
|
|
22
|
+
position: fixed;
|
|
23
|
+
background: #fff;
|
|
24
|
+
padding: 10px;
|
|
25
|
+
overflow: hidden;
|
|
26
|
+
top: 50%;
|
|
27
|
+
left: 50%;
|
|
28
|
+
transform: translate(-50%, -50%);
|
|
29
|
+
height: 255px;
|
|
30
|
+
width: 320px;
|
|
71
31
|
display: flex;
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
background: rgba(255, 255, 255, 0.8);
|
|
75
|
-
color: #2cd000;
|
|
76
|
-
font-size: large;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
border-radius: 4px;
|
|
77
34
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
/*验证图片*/
|
|
81
|
-
/*阻塞块*/
|
|
82
|
-
.slide-block[data-v-894ffd06] {
|
|
83
|
-
position: absolute;
|
|
84
|
-
left: 0;
|
|
85
|
-
top: 0;
|
|
86
|
-
width: 80px;
|
|
87
|
-
height: 60px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/*校验失败时的阻塞块样式*/
|
|
91
|
-
.slide-block.verify-fail[data-v-894ffd06] {
|
|
92
|
-
transition: left 0.5s linear;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
/*滑动条*/
|
|
96
|
-
.slider[data-v-894ffd06] {
|
|
97
|
-
position: relative;
|
|
98
|
-
text-align: center;
|
|
99
|
-
width: 100%;
|
|
100
|
-
height: 40px;
|
|
101
|
-
line-height: 40px;
|
|
102
|
-
margin-top: 15px;
|
|
103
|
-
background: rgb(228, 231, 235);
|
|
104
|
-
color: #88949d;
|
|
105
|
-
border: 1px solid 1px solid rgb(221, 221, 221);
|
|
106
|
-
border-radius: 20px;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/*滑动盒子*/
|
|
110
|
-
.slider-box[data-v-894ffd06] {
|
|
111
|
-
position: absolute;
|
|
112
|
-
left: 0;
|
|
113
|
-
top: 0;
|
|
114
|
-
height: 40px;
|
|
115
|
-
border-radius: 20px 0px 0px 20px;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
/*滑动按钮*/
|
|
119
|
-
.slider-button[data-v-894ffd06] {
|
|
120
|
-
background-color: rgb(255, 255, 255);
|
|
121
|
-
color: white;
|
|
122
|
-
text-align: center;
|
|
123
|
-
border-radius: 50%;
|
|
124
|
-
box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
|
|
125
|
-
position: absolute;
|
|
126
|
-
top: -10px;
|
|
127
|
-
left: 0;
|
|
128
|
-
width: 56px;
|
|
129
|
-
height: 60px;
|
|
35
|
+
.slider-captcha-dialog-container .slider-captcha-dialog-wrapper .slide-up[data-v-7e32a294] {
|
|
36
|
+
animation: slide-up-animation-7e32a294 0.5s ease;
|
|
130
37
|
}
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
cursor: pointer;
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/*鼠标悬浮时的按钮图标样式*/
|
|
138
|
-
/*滑动按钮图标*/
|
|
139
|
-
.slider-button-icon[data-v-894ffd06] {
|
|
140
|
-
width: 100%;
|
|
141
|
-
height: 100%;
|
|
142
|
-
font-size: 24px;
|
|
143
|
-
text-align: center;
|
|
144
|
-
line-height: 60px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
/*校验时的按钮样式*/
|
|
148
|
-
/*校验时的滑动箱样式*/
|
|
149
|
-
.verify-active .slider-box[data-v-894ffd06] {
|
|
150
|
-
height: 40px;
|
|
151
|
-
border-width: 1px;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
/*校验成功时的滑动箱样式*/
|
|
155
|
-
.verify-success .slider-box[data-v-894ffd06] {
|
|
156
|
-
height: 40px;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
/*校验成功时的按钮样式*/
|
|
160
|
-
/*校验成功时的按钮图标样式*/
|
|
161
|
-
.verify-success .slider-button-icon[data-v-894ffd06] {
|
|
162
|
-
background-position: 0 0 !important;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
/*校验失败时的滑动箱样式*/
|
|
166
|
-
.verify-fail .slider-box[data-v-894ffd06] {
|
|
167
|
-
transition: width 0.5s linear;
|
|
38
|
+
@keyframes slide-up-animation-7e32a294 {
|
|
39
|
+
0% {
|
|
40
|
+
transform: translate(-50%, 100%);
|
|
168
41
|
}
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
.verify-fail .slider-button[data-v-894ffd06] {
|
|
172
|
-
transition: left 0.5s linear;
|
|
42
|
+
100% {
|
|
43
|
+
transform: translate(-50%, -50%);
|
|
173
44
|
}
|
|
174
|
-
|
|
175
|
-
/*校验失败时的按钮图标样式*/
|
|
45
|
+
}
|
package/lib/core-components.cjs
CHANGED
|
@@ -53,7 +53,6 @@ const index$N = require("./ele-upload-list/index");
|
|
|
53
53
|
const index$O = require("./ele-virtual-table/index");
|
|
54
54
|
const index$P = require("./ele-watermark/index");
|
|
55
55
|
const index$Q = require("./yu-slider-captcha-dialog/index");
|
|
56
|
-
const {YuSliderCaptchaDialog} = require("../es/index.js");
|
|
57
56
|
exports.EleAdminLayout = index;
|
|
58
57
|
exports.EleAlert = index$1;
|
|
59
58
|
exports.EleApp = index$2;
|
package/lib/core-components.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { YuSliderCaptchaDialog } from "../es";
|
|
2
|
-
|
|
3
1
|
export { default as EleAdminLayout } from './ele-admin-layout/index';
|
|
4
2
|
export { default as EleAlert } from './ele-alert/index';
|
|
5
3
|
export { default as EleApp } from './ele-app/index';
|
|
@@ -53,7 +51,4 @@ export { default as EleTreeSelect } from './ele-tree-select/index';
|
|
|
53
51
|
export { default as EleUploadList } from './ele-upload-list/index';
|
|
54
52
|
export { default as EleVirtualTable } from './ele-virtual-table/index';
|
|
55
53
|
export { default as EleWatermark } from './ele-watermark/index';
|
|
56
|
-
|
|
57
|
-
|
|
58
54
|
export { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
|
|
59
|
-
|
|
@@ -238,8 +238,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
238
238
|
minHeight: number;
|
|
239
239
|
multiple: boolean;
|
|
240
240
|
responsive: boolean;
|
|
241
|
-
inner: boolean;
|
|
242
241
|
resetOnClose: boolean;
|
|
243
242
|
maxable: boolean;
|
|
243
|
+
inner: boolean;
|
|
244
244
|
}, {}>;
|
|
245
245
|
export default _default;
|
package/lib/ele-dialog/props.cjs
CHANGED
|
@@ -65,7 +65,7 @@ const eleDialogEmits = {
|
|
|
65
65
|
/** 更新全屏状态 */
|
|
66
66
|
"update:fullscreen": (_fullscreen) => true
|
|
67
67
|
};
|
|
68
|
-
const
|
|
69
|
-
exports.dialogPropKeys = dialogPropKeys;
|
|
68
|
+
const eleDialogPropKeys = Object.keys(elementPlus.dialogProps);
|
|
70
69
|
exports.eleDialogEmits = eleDialogEmits;
|
|
70
|
+
exports.eleDialogPropKeys = eleDialogPropKeys;
|
|
71
71
|
exports.eleDialogProps = eleDialogProps;
|
|
@@ -113,7 +113,7 @@ export declare const eleDialogProps: {
|
|
|
113
113
|
title: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
114
114
|
ariaLevel: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
|
|
115
115
|
};
|
|
116
|
-
export type
|
|
116
|
+
export type EleDialogProps = ExtractPropTypes<typeof eleDialogProps>;
|
|
117
117
|
/**
|
|
118
118
|
* 事件
|
|
119
119
|
*/
|
|
@@ -128,8 +128,8 @@ export declare const eleDialogEmits: {
|
|
|
128
128
|
openAutoFocus: () => boolean;
|
|
129
129
|
closeAutoFocus: () => boolean;
|
|
130
130
|
};
|
|
131
|
-
export type
|
|
131
|
+
export type EleDialogPropKeys = Array<keyof typeof dialogProps>;
|
|
132
132
|
/**
|
|
133
133
|
* 弹窗组件属性名
|
|
134
134
|
*/
|
|
135
|
-
export declare const
|
|
135
|
+
export declare const eleDialogPropKeys: EleDialogPropKeys;
|
package/lib/ele-dialog/util.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
import { ElDialogInstance } from '../ele-app/el';
|
|
3
|
-
import {
|
|
3
|
+
import { EleDialogProps } from './props';
|
|
4
4
|
|
|
5
5
|
export declare const containerClass = "ele-dialog-container";
|
|
6
6
|
export declare const wrapperClass = "ele-dialog";
|
|
@@ -19,7 +19,7 @@ export declare function getDialogContainer(inner?: boolean, multiple?: boolean,
|
|
|
19
19
|
* @param props 属性
|
|
20
20
|
* @param isFullscreen 全屏状态
|
|
21
21
|
*/
|
|
22
|
-
export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props:
|
|
22
|
+
export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
23
23
|
handleHeaderMousedown: (e: MouseEvent) => void;
|
|
24
24
|
handleHeaderTouchstart: (e: TouchEvent) => void;
|
|
25
25
|
};
|
|
@@ -29,7 +29,7 @@ export declare function useDialogMove(dialogRef: Ref<ElDialogInstance>, props: D
|
|
|
29
29
|
* @param props 属性
|
|
30
30
|
* @param isFullscreen 全屏状态
|
|
31
31
|
*/
|
|
32
|
-
export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props:
|
|
32
|
+
export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
33
33
|
handleResizeMousedown: (e: MouseEvent) => void;
|
|
34
34
|
handleResizeTouchstart: (e: TouchEvent) => void;
|
|
35
35
|
};
|
|
@@ -39,7 +39,7 @@ export declare function useDialogResize(dialogRef: Ref<ElDialogInstance>, props:
|
|
|
39
39
|
* @param props 属性
|
|
40
40
|
* @param isFullscreen 全屏状态
|
|
41
41
|
*/
|
|
42
|
-
export declare function useDialogEvent(dialogRef: Ref<ElDialogInstance>, props:
|
|
42
|
+
export declare function useDialogEvent(dialogRef: Ref<ElDialogInstance>, props: EleDialogProps, isFullscreen: Ref<boolean>): {
|
|
43
43
|
handleHeaderMousedown: (e: MouseEvent) => void;
|
|
44
44
|
handleHeaderTouchstart: (e: TouchEvent) => void;
|
|
45
45
|
handleResizeMousedown: (e: MouseEvent) => void;
|
|
@@ -460,32 +460,6 @@ $ele: map.deep-merge(
|
|
|
460
460
|
'bg-7': #7dd733,
|
|
461
461
|
'bg-8': #faad14
|
|
462
462
|
),
|
|
463
|
-
// temp
|
|
464
|
-
'modal': (
|
|
465
|
-
// 弹窗
|
|
466
|
-
'bg': elVar('bg-color', 'overlay'),
|
|
467
|
-
'radius': elVar('border-radius', 'base'),
|
|
468
|
-
'header-color': elVar('text-color', 'primary'),
|
|
469
|
-
'header-font-size': elVar('font-size', 'medium'),
|
|
470
|
-
'header-font-weight': normal,
|
|
471
|
-
'header-line-height': 24px,
|
|
472
|
-
'header-padding': 14px 20px,
|
|
473
|
-
'header-border': 1px solid elVar('border-color', 'light'),
|
|
474
|
-
'icon-size': 22px,
|
|
475
|
-
'icon-font-size': 16px,
|
|
476
|
-
'icon-color': elVar('text-color', 'secondary'),
|
|
477
|
-
'icon-hover-color': elVar('text-color', 'primary'),
|
|
478
|
-
'icon-hover-bg': transparent,
|
|
479
|
-
'icon-radius': elVar('border-radius', 'small'),
|
|
480
|
-
'icon-space': 8px,
|
|
481
|
-
'body-padding': 24px 22px,
|
|
482
|
-
'form-body-padding': 24px 22px 12px 20px,
|
|
483
|
-
'footer-padding': 10px 20px,
|
|
484
|
-
'footer-border': 1px solid elVar('border-color', 'light'),
|
|
485
|
-
'fullscreen-border': 1px solid elVar('border-color', 'light'),
|
|
486
|
-
'mobile-space': 16px
|
|
487
|
-
),
|
|
488
|
-
|
|
489
463
|
'dialog': (
|
|
490
464
|
// 弹窗
|
|
491
465
|
'bg': elVar('bg-color', 'overlay'),
|