yuang-framework-ui-pc 1.1.17 → 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 +1 -0
- package/es/core-components.js +3 -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 +2 -0
- package/lib/core-components.d.ts +1 -0
- 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,3 +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
|
+
export { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
|
package/es/core-components.js
CHANGED
|
@@ -50,6 +50,7 @@ import { default as default51 } from "./ele-tree-select/index";
|
|
|
50
50
|
import { default as default52 } from "./ele-upload-list/index";
|
|
51
51
|
import { default as default53 } from "./ele-virtual-table/index";
|
|
52
52
|
import { default as default54 } from "./ele-watermark/index";
|
|
53
|
+
import { default as default55 } from "./yu-slider-captcha-dialog/index";
|
|
53
54
|
export {
|
|
54
55
|
default2 as EleAdminLayout,
|
|
55
56
|
default3 as EleAlert,
|
|
@@ -103,5 +104,6 @@ export {
|
|
|
103
104
|
default51 as EleTreeSelect,
|
|
104
105
|
default52 as EleUploadList,
|
|
105
106
|
default53 as EleVirtualTable,
|
|
106
|
-
default54 as EleWatermark
|
|
107
|
+
default54 as EleWatermark,
|
|
108
|
+
default55 as YuSliderCaptchaDialog
|
|
107
109
|
};
|
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
|
@@ -52,6 +52,7 @@ const index$M = require("./ele-tree-select/index");
|
|
|
52
52
|
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
|
+
const index$Q = require("./yu-slider-captcha-dialog/index");
|
|
55
56
|
exports.EleAdminLayout = index;
|
|
56
57
|
exports.EleAlert = index$1;
|
|
57
58
|
exports.EleApp = index$2;
|
|
@@ -105,3 +106,4 @@ exports.EleTreeSelect = index$M;
|
|
|
105
106
|
exports.EleUploadList = index$N;
|
|
106
107
|
exports.EleVirtualTable = index$O;
|
|
107
108
|
exports.EleWatermark = index$P;
|
|
109
|
+
exports.YuSliderCaptchaDialog = index$Q;
|
package/lib/core-components.d.ts
CHANGED
|
@@ -51,3 +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
|
+
export { default as YuSliderCaptchaDialog } from './yu-slider-captcha-dialog/index';
|
|
@@ -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'),
|