ronds-metadata 1.2.69 → 1.2.70

Sign up to get free protection for your applications and to get access to all the features.
Files changed (8) hide show
  1. package/es/comps/FormGenerator/comps/Canvas/core/index.less +23 -23
  2. package/es/comps/FormGenerator/comps/Sidebar/Elements.js +22 -5
  3. package/es/framework/libs/iconfont/iconfont.css +52 -4
  4. package/es/framework/libs/iconfont/iconfont.ttf +0 -0
  5. package/es/framework/libs/iconfont/iconfont.woff +0 -0
  6. package/es/framework/libs/iconfont/iconfont.woff2 +0 -0
  7. package/es/theme.less +79 -81
  8. package/package.json +1 -1
package/es/comps/FormGenerator/comps/Canvas/core/index.less CHANGED
@@ -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-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
- }
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
+ }
package/es/comps/FormGenerator/comps/Sidebar/Elements.js CHANGED
@@ -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: uloveits 719310130@qq.com
9
- * @LastEditTime: 2023-02-27 10:48:02
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
- padding: '4px',
41
- textAlign: 'center',
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
- }, data.name)));
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;
package/es/framework/libs/iconfont/iconfont.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @font-face {
2
2
  font-family: "mt"; /* Project id 2247093 */
3
- src: url('iconfont.woff2?t=1682408977002') format('woff2'),
4
- url('iconfont.woff?t=1682408977002') format('woff'),
5
- url('iconfont.ttf?t=1682408977002') format('truetype');
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-json1:before {
172
+ .mt-obj:before {
125
173
  content: "\e7bd";
126
174
  }
127
175
 
package/es/theme.less CHANGED
@@ -1,81 +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
-
13
-
14
- ::-webkit-scrollbar {
15
- width: 6px;
16
- height: 6px;
17
- overflow: auto;
18
- }
19
- ::-webkit-scrollbar-corner {
20
- background-color: transparent;
21
- color: transparent;
22
- }
23
-
24
- ::-webkit-scrollbar-thumb {
25
- box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
26
- background: var(--scrollbar-color);
27
- min-height: 25px;
28
- min-width: 25px;
29
- border-radius: 3px;
30
-
31
- &:hover {
32
- border-radius: 2px;
33
- // box-shadow: inset 0 0 5px var(--scrollbar-color-hover);
34
- background: var(--scrollbar-color-hover);
35
- }
36
-
37
- &:active {
38
- // box-shadow: inset 0 0 5px var(--scrollbar-bg-color);
39
- background: var(--scrollbar-color-hover);
40
- }
41
- }
42
- }
43
-
44
- .ronds-metadata-normal {
45
- --ronds-metadata-color-border-1: #d9d9d9;
46
- --ronds-metadata-color-border-2: #165dff;
47
- --ronds-metadata-color-bg-2: rgba(229, 238, 255, 0.85);
48
- --ronds-metadata-color-bg-3: #f6f5f6;
49
- --ronds-metadata-color-bg-4: #ffffff;
50
- --ronds-metadata-color-bg-5: #ffffff;
51
- --ronds-metadata-color-text-1: #1d2129;
52
- --ronds-metadata-color-text-2: #24292f;
53
- --ronds-metadata-color-text-3: #f2f3f5;
54
-
55
- ::-webkit-scrollbar {
56
- width: 6px;
57
- height: 6px;
58
- overflow: auto;
59
- }
60
-
61
- ::-webkit-scrollbar-thumb {
62
- background-color: var(--scrollbar-color);
63
- min-height: 25px;
64
- min-width: 25px;
65
- border-radius: 3px;
66
-
67
- &:hover {
68
- background-color: #a8a8a8;
69
- }
70
-
71
- &:active {
72
- background-color: #787878;
73
- }
74
-
75
- /* border: 1px solid #e0e0e0; */
76
- }
77
-
78
- ::-webkit-scrollbar-track {
79
- background-color: #f7f7f7;
80
- }
81
- }
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
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "public": true,
3
3
  "name": "ronds-metadata",
4
- "version": "1.2.69",
4
+ "version": "1.2.70",
5
5
  "scripts": {
6
6
  "start": "dumi dev",
7
7
  "docs:build": "dumi build",