ronds-metadata 1.2.68 → 1.2.70
Sign up to get free protection for your applications and to get access to all the features.
- package/es/comps/FormGenerator/comps/Canvas/core/index.less +23 -23
- package/es/comps/FormGenerator/comps/Sidebar/Elements.js +22 -5
- package/es/framework/libs/iconfont/iconfont.css +52 -4
- package/es/framework/libs/iconfont/iconfont.ttf +0 -0
- package/es/framework/libs/iconfont/iconfont.woff +0 -0
- package/es/framework/libs/iconfont/iconfont.woff2 +0 -0
- package/es/theme.less +79 -79
- package/package.json +1 -1
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.canvas-wrapper {
|
|
2
|
-
.drag-item {
|
|
3
|
-
position: relative;
|
|
4
|
-
border: 1px dashed var(--ronds-metadata-color-border-1);
|
|
5
|
-
background: var(--ronds-metadata-color-bg-
|
|
6
|
-
margin-bottom: 8px;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.drag-item-selected {
|
|
10
|
-
border: 1px solid var(--ronds-metadata-color-border-2);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.ant-form-item {
|
|
14
|
-
margin-bottom: '4px' !important;
|
|
15
|
-
}
|
|
16
|
-
.ant-form-item-label {
|
|
17
|
-
padding: 0 0 2px !important;
|
|
18
|
-
}
|
|
19
|
-
.ant-input-number,
|
|
20
|
-
.ant-picker {
|
|
21
|
-
width: 100%;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
1
|
+
.canvas-wrapper {
|
|
2
|
+
.drag-item {
|
|
3
|
+
position: relative;
|
|
4
|
+
border: 1px dashed var(--ronds-metadata-color-border-1);
|
|
5
|
+
background: var(--ronds-metadata-color-bg-2);
|
|
6
|
+
margin-bottom: 8px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.drag-item-selected {
|
|
10
|
+
border: 1px solid var(--ronds-metadata-color-border-2);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.ant-form-item {
|
|
14
|
+
margin-bottom: '4px' !important;
|
|
15
|
+
}
|
|
16
|
+
.ant-form-item-label {
|
|
17
|
+
padding: 0 0 2px !important;
|
|
18
|
+
}
|
|
19
|
+
.ant-input-number,
|
|
20
|
+
.ant-picker {
|
|
21
|
+
width: 100%;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -5,10 +5,11 @@ import React from "react";
|
|
|
5
5
|
/*
|
|
6
6
|
* @Author: uloveits 719310130@qq.com
|
|
7
7
|
* @Date: 2023-02-04 17:21:17
|
|
8
|
-
* @LastEditors:
|
|
9
|
-
* @LastEditTime: 2023-
|
|
8
|
+
* @LastEditors: Please set LastEditors
|
|
9
|
+
* @LastEditTime: 2023-06-15 09:20:53
|
|
10
10
|
*/
|
|
11
11
|
import { useDrag } from 'react-dnd';
|
|
12
|
+
import Icon from '@/comps/Icons';
|
|
12
13
|
import { dragItemType } from '../../settings';
|
|
13
14
|
var Elements = function Elements(props) {
|
|
14
15
|
var data = props.data;
|
|
@@ -31,19 +32,35 @@ var Elements = function Elements(props) {
|
|
|
31
32
|
isDragging = _useDrag2[0].isDragging,
|
|
32
33
|
drag = _useDrag2[1];
|
|
33
34
|
var opacity = isDragging ? 0.7 : 1;
|
|
35
|
+
var getIcon = function getIcon(type) {
|
|
36
|
+
if (type === 'table') {
|
|
37
|
+
return 'Table';
|
|
38
|
+
}
|
|
39
|
+
if (type === 'select') {
|
|
40
|
+
return 'singleSelect';
|
|
41
|
+
}
|
|
42
|
+
return type;
|
|
43
|
+
};
|
|
34
44
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Col, {
|
|
35
45
|
span: 12,
|
|
36
46
|
key: data.id
|
|
37
47
|
}, /*#__PURE__*/React.createElement("div", {
|
|
38
48
|
ref: drag,
|
|
49
|
+
className: "sidebar-item",
|
|
39
50
|
style: {
|
|
40
|
-
|
|
41
|
-
|
|
51
|
+
display: 'flex',
|
|
52
|
+
alignItems: 'center',
|
|
53
|
+
padding: '4px 10px',
|
|
42
54
|
border: '1px solid var(--ronds-metadata-color-border-1)',
|
|
43
55
|
borderRadius: '3px',
|
|
44
56
|
cursor: 'pointer',
|
|
45
57
|
opacity: opacity
|
|
46
58
|
}
|
|
47
|
-
},
|
|
59
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
60
|
+
type: getIcon(data.type),
|
|
61
|
+
style: {
|
|
62
|
+
marginRight: '10px'
|
|
63
|
+
}
|
|
64
|
+
}), data.name)));
|
|
48
65
|
};
|
|
49
66
|
export default Elements;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "mt"; /* Project id 2247093 */
|
|
3
|
-
src: url('iconfont.woff2?t=
|
|
4
|
-
url('iconfont.woff?t=
|
|
5
|
-
url('iconfont.ttf?t=
|
|
3
|
+
src: url('iconfont.woff2?t=1686791532454') format('woff2'),
|
|
4
|
+
url('iconfont.woff?t=1686791532454') format('woff'),
|
|
5
|
+
url('iconfont.ttf?t=1686791532454') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.mt {
|
|
@@ -13,6 +13,54 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.mt-radio:before {
|
|
17
|
+
content: "\e75b";
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.mt-list:before {
|
|
21
|
+
content: "\e62d";
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.mt-switch:before {
|
|
25
|
+
content: "\e696";
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.mt-number:before {
|
|
29
|
+
content: "\e69c";
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.mt-upload:before {
|
|
33
|
+
content: "\e60f";
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.mt-date:before {
|
|
37
|
+
content: "\e639";
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.mt-textarea:before {
|
|
41
|
+
content: "\e632";
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.mt-numberRange:before {
|
|
45
|
+
content: "\e6af";
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.mt-input:before {
|
|
49
|
+
content: "\e602";
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.mt-checkbox:before {
|
|
53
|
+
content: "\e646";
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.mt-singleSelect:before {
|
|
57
|
+
content: "\e7c0";
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.mt-mutiSelect:before {
|
|
61
|
+
content: "\e7c1";
|
|
62
|
+
}
|
|
63
|
+
|
|
16
64
|
.mt-show:before {
|
|
17
65
|
content: "\eb46";
|
|
18
66
|
}
|
|
@@ -121,7 +169,7 @@
|
|
|
121
169
|
content: "\e608";
|
|
122
170
|
}
|
|
123
171
|
|
|
124
|
-
.mt-
|
|
172
|
+
.mt-obj:before {
|
|
125
173
|
content: "\e7bd";
|
|
126
174
|
}
|
|
127
175
|
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/es/theme.less
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
1
|
-
.ronds-metadata-dark {
|
|
2
|
-
--ronds-metadata-color-border-1: #314162;
|
|
3
|
-
--ronds-metadata-color-border-2: #0d9af3;
|
|
4
|
-
--ronds-metadata-color-bg-2: #0d1f40;
|
|
5
|
-
--ronds-metadata-color-bg-3: #021125;
|
|
6
|
-
--ronds-metadata-color-bg-4: #1c3771;
|
|
7
|
-
--ronds-metadata-color-bg-5: #13264e;
|
|
8
|
-
--ronds-metadata-color-text-1: #ffffff;
|
|
9
|
-
--ronds-metadata-color-text-2: #ffffff;
|
|
10
|
-
--ronds-metadata-color-text-3: #ffffff;
|
|
11
|
-
|
|
12
|
-
::-webkit-scrollbar {
|
|
13
|
-
width: 6px;
|
|
14
|
-
height: 6px;
|
|
15
|
-
overflow: auto;
|
|
16
|
-
}
|
|
17
|
-
::-webkit-scrollbar-corner {
|
|
18
|
-
background-color: transparent;
|
|
19
|
-
color: transparent;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
::-webkit-scrollbar-thumb {
|
|
23
|
-
box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
|
|
24
|
-
background: var(--scrollbar-color);
|
|
25
|
-
min-height: 25px;
|
|
26
|
-
min-width: 25px;
|
|
27
|
-
border-radius: 3px;
|
|
28
|
-
|
|
29
|
-
&:hover {
|
|
30
|
-
border-radius: 2px;
|
|
31
|
-
// box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
|
|
32
|
-
background: var(--scrollbar-color-hover);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
&:active {
|
|
36
|
-
// box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
|
|
37
|
-
background: var(--scrollbar-color-hover);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.ronds-metadata-normal {
|
|
43
|
-
--ronds-metadata-color-border-1: #d9d9d9;
|
|
44
|
-
--ronds-metadata-color-border-2: #165dff;
|
|
45
|
-
--ronds-metadata-color-bg-2:
|
|
46
|
-
--ronds-metadata-color-bg-3: #f6f5f6;
|
|
47
|
-
--ronds-metadata-color-bg-4: #ffffff;
|
|
48
|
-
--ronds-metadata-color-bg-5: #ffffff;
|
|
49
|
-
--ronds-metadata-color-text-1: #1d2129;
|
|
50
|
-
--ronds-metadata-color-text-2: #24292f;
|
|
51
|
-
--ronds-metadata-color-text-3: #f2f3f5;
|
|
52
|
-
|
|
53
|
-
::-webkit-scrollbar {
|
|
54
|
-
width: 6px;
|
|
55
|
-
height: 6px;
|
|
56
|
-
overflow: auto;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
::-webkit-scrollbar-thumb {
|
|
60
|
-
background-color: var(--scrollbar-color);
|
|
61
|
-
min-height: 25px;
|
|
62
|
-
min-width: 25px;
|
|
63
|
-
border-radius: 3px;
|
|
64
|
-
|
|
65
|
-
&:hover {
|
|
66
|
-
background-color: #a8a8a8;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
&:active {
|
|
70
|
-
background-color: #787878;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
/* border: 1px solid #e0e0e0; */
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
::-webkit-scrollbar-track {
|
|
77
|
-
background-color: #f7f7f7;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
1
|
+
.ronds-metadata-dark {
|
|
2
|
+
--ronds-metadata-color-border-1: #314162;
|
|
3
|
+
--ronds-metadata-color-border-2: #0d9af3;
|
|
4
|
+
--ronds-metadata-color-bg-2: #0d1f40;
|
|
5
|
+
--ronds-metadata-color-bg-3: #021125;
|
|
6
|
+
--ronds-metadata-color-bg-4: #1c3771;
|
|
7
|
+
--ronds-metadata-color-bg-5: #13264e;
|
|
8
|
+
--ronds-metadata-color-text-1: #ffffff;
|
|
9
|
+
--ronds-metadata-color-text-2: #ffffff;
|
|
10
|
+
--ronds-metadata-color-text-3: #ffffff;
|
|
11
|
+
|
|
12
|
+
::-webkit-scrollbar {
|
|
13
|
+
width: 6px;
|
|
14
|
+
height: 6px;
|
|
15
|
+
overflow: auto;
|
|
16
|
+
}
|
|
17
|
+
::-webkit-scrollbar-corner {
|
|
18
|
+
background-color: transparent;
|
|
19
|
+
color: transparent;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
::-webkit-scrollbar-thumb {
|
|
23
|
+
box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
|
|
24
|
+
background: var(--scrollbar-color);
|
|
25
|
+
min-height: 25px;
|
|
26
|
+
min-width: 25px;
|
|
27
|
+
border-radius: 3px;
|
|
28
|
+
|
|
29
|
+
&:hover {
|
|
30
|
+
border-radius: 2px;
|
|
31
|
+
// box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
|
|
32
|
+
background: var(--scrollbar-color-hover);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:active {
|
|
36
|
+
// box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
|
|
37
|
+
background: var(--scrollbar-color-hover);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.ronds-metadata-normal {
|
|
43
|
+
--ronds-metadata-color-border-1: #d9d9d9;
|
|
44
|
+
--ronds-metadata-color-border-2: #165dff;
|
|
45
|
+
--ronds-metadata-color-bg-2: #ffffff;
|
|
46
|
+
--ronds-metadata-color-bg-3: #f6f5f6;
|
|
47
|
+
--ronds-metadata-color-bg-4: #ffffff;
|
|
48
|
+
--ronds-metadata-color-bg-5: #ffffff;
|
|
49
|
+
--ronds-metadata-color-text-1: #1d2129;
|
|
50
|
+
--ronds-metadata-color-text-2: #24292f;
|
|
51
|
+
--ronds-metadata-color-text-3: #f2f3f5;
|
|
52
|
+
|
|
53
|
+
::-webkit-scrollbar {
|
|
54
|
+
width: 6px;
|
|
55
|
+
height: 6px;
|
|
56
|
+
overflow: auto;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
::-webkit-scrollbar-thumb {
|
|
60
|
+
background-color: var(--scrollbar-color);
|
|
61
|
+
min-height: 25px;
|
|
62
|
+
min-width: 25px;
|
|
63
|
+
border-radius: 3px;
|
|
64
|
+
|
|
65
|
+
&:hover {
|
|
66
|
+
background-color: #a8a8a8;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
&:active {
|
|
70
|
+
background-color: #787878;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/* border: 1px solid #e0e0e0; */
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
::-webkit-scrollbar-track {
|
|
77
|
+
background-color: #f7f7f7;
|
|
78
|
+
}
|
|
79
|
+
}
|