@nokecy/qc-ui 0.3.13 → 0.3.14

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.
@@ -1,173 +1,173 @@
1
- @import '~react-grid-layout/css/styles.css';
2
-
3
- .react-resizable {
4
-
5
- position: relative;
6
- }
7
- .react-resizable-handle {
8
- position: absolute;
9
- width: 20px;
10
- height: 20px;
11
- background-repeat: no-repeat;
12
- background-origin: content-box;
13
- box-sizing: border-box;
14
- background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
15
- background-position: bottom right;
16
- padding: 0 3px 3px 0;
17
- display:none;
18
- }
19
- .react-resizable-handle-sw {
20
- bottom: 0;
21
- left: 0;
22
- cursor: sw-resize;
23
- transform: rotate(90deg);
24
- }
25
- .react-resizable-handle-se {
26
- bottom: 0;
27
- right: 0;
28
- cursor: se-resize;
29
- }
30
- .react-resizable-handle-nw {
31
- top: 0;
32
- left: 0;
33
- cursor: nw-resize;
34
- transform: rotate(180deg);
35
- }
36
- .react-resizable-handle-ne {
37
- top: 0;
38
- right: 0;
39
- cursor: ne-resize;
40
- transform: rotate(270deg);
41
- }
42
- .react-resizable-handle-w,
43
- .react-resizable-handle-e {
44
- top: 50%;
45
- margin-top: -10px;
46
- cursor: ew-resize;
47
- }
48
- .react-resizable-handle-w {
49
- left: 0;
50
- transform: rotate(135deg);
51
- }
52
- .react-resizable-handle-e {
53
- right: 0;
54
- transform: rotate(315deg);
55
- }
56
- .react-resizable-handle-n,
57
- .react-resizable-handle-s {
58
- left: 50%;
59
- margin-left: -10px;
60
- cursor: ns-resize;
61
- }
62
- .react-resizable-handle-n {
63
- top: 0;
64
- transform: rotate(225deg);
65
- }
66
- .react-resizable-handle-s {
67
- bottom: 0;
68
- transform: rotate(45deg);
69
- }
70
-
71
- :root{
72
- --primary-color:blue;
73
- --component-background:#fff;
74
- }
75
-
76
-
77
- .react-grid-item > .react-resizable-handle {
78
- z-index: 1;
79
- }
80
- .react-dashboard-item-edit{
81
- .react-resizable-handle {
82
- display:block;
83
- }
84
- }
85
-
86
- .react-dashboard-full {
87
- width: 100%;
88
- height: 100%;
89
- }
90
- .react-dashboard-aligncenter {
91
- display: flex;
92
- justify-content: center;
93
- align-items: center;
94
- }
95
- //空页面样式
96
- .react-dashboard-emptyContent {
97
- // min-height: calc(100vh - 50px - 41px - 50px - 10px - 22px);
98
- display: flex;
99
- justify-content: center;
100
- align-items: center;
101
- }
102
-
103
-
104
- .react-dashboard-item {
105
- position: relative;
106
- // overflow: hidden;
107
- // border:1px solid rgba(128,128,128,0.3);
108
- .react-dashboard-mask {
109
- position: absolute;
110
- top: 0;
111
- left: 0;
112
- z-index: 1;
113
- width: 100%;
114
- height: 100%;
115
- background: rgba(0, 0, 0, 0);
116
- cursor: move;
117
- transition: all 0.3s;
118
- }
119
-
120
- .react-dashboard-configicon {
121
- position: absolute;
122
- top: 0;
123
- right: 30px;
124
- z-index: 1;
125
- display: none;
126
- width: 30px;
127
- height: 30px;
128
- color: #fff;
129
- font-weight: bold;
130
- font-size: 16px;
131
- line-height: 30px;
132
- text-align: center;
133
- background: var(--primary-color);
134
- border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
135
- cursor: pointer;
136
- }
137
-
138
- .react-dashboard-deleteicon {
139
- position: absolute;
140
- top: 0;
141
- right: 0;
142
- z-index: 1;
143
- display: none;
144
- width: 30px;
145
- height: 30px;
146
- color: #fff;
147
- font-size: 16px;
148
- line-height: 30px;
149
- text-align: center;
150
- background: #f5222d;
151
- border-radius: var(--card-border-radius);
152
- cursor: pointer;
153
- }
154
-
155
- .react-dashboard-configicon + .react-dashboard-deleteicon {
156
- border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
157
- }
158
-
159
- &:hover {
160
- .react-dashboard-mask {
161
- background: rgba(0, 0, 0, 0.05);
162
- transition: all 0.3s;
163
- }
164
-
165
- .react-dashboard-configicon {
166
- display: block;
167
- }
168
-
169
- .react-dashboard-deleteicon {
170
- display: block;
171
- }
172
- }
173
- }
1
+ @import '~react-grid-layout/css/styles.css';
2
+
3
+ .react-resizable {
4
+
5
+ position: relative;
6
+ }
7
+ .react-resizable-handle {
8
+ position: absolute;
9
+ width: 20px;
10
+ height: 20px;
11
+ background-repeat: no-repeat;
12
+ background-origin: content-box;
13
+ box-sizing: border-box;
14
+ background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
15
+ background-position: bottom right;
16
+ padding: 0 3px 3px 0;
17
+ display:none;
18
+ }
19
+ .react-resizable-handle-sw {
20
+ bottom: 0;
21
+ left: 0;
22
+ cursor: sw-resize;
23
+ transform: rotate(90deg);
24
+ }
25
+ .react-resizable-handle-se {
26
+ bottom: 0;
27
+ right: 0;
28
+ cursor: se-resize;
29
+ }
30
+ .react-resizable-handle-nw {
31
+ top: 0;
32
+ left: 0;
33
+ cursor: nw-resize;
34
+ transform: rotate(180deg);
35
+ }
36
+ .react-resizable-handle-ne {
37
+ top: 0;
38
+ right: 0;
39
+ cursor: ne-resize;
40
+ transform: rotate(270deg);
41
+ }
42
+ .react-resizable-handle-w,
43
+ .react-resizable-handle-e {
44
+ top: 50%;
45
+ margin-top: -10px;
46
+ cursor: ew-resize;
47
+ }
48
+ .react-resizable-handle-w {
49
+ left: 0;
50
+ transform: rotate(135deg);
51
+ }
52
+ .react-resizable-handle-e {
53
+ right: 0;
54
+ transform: rotate(315deg);
55
+ }
56
+ .react-resizable-handle-n,
57
+ .react-resizable-handle-s {
58
+ left: 50%;
59
+ margin-left: -10px;
60
+ cursor: ns-resize;
61
+ }
62
+ .react-resizable-handle-n {
63
+ top: 0;
64
+ transform: rotate(225deg);
65
+ }
66
+ .react-resizable-handle-s {
67
+ bottom: 0;
68
+ transform: rotate(45deg);
69
+ }
70
+
71
+ :root{
72
+ --primary-color:blue;
73
+ --component-background:#fff;
74
+ }
75
+
76
+
77
+ .react-grid-item > .react-resizable-handle {
78
+ z-index: 1;
79
+ }
80
+ .react-dashboard-item-edit{
81
+ .react-resizable-handle {
82
+ display:block;
83
+ }
84
+ }
85
+
86
+ .react-dashboard-full {
87
+ width: 100%;
88
+ height: 100%;
89
+ }
90
+ .react-dashboard-aligncenter {
91
+ display: flex;
92
+ justify-content: center;
93
+ align-items: center;
94
+ }
95
+ //空页面样式
96
+ .react-dashboard-emptyContent {
97
+ // min-height: calc(100vh - 50px - 41px - 50px - 10px - 22px);
98
+ display: flex;
99
+ justify-content: center;
100
+ align-items: center;
101
+ }
102
+
103
+
104
+ .react-dashboard-item {
105
+ position: relative;
106
+ // overflow: hidden;
107
+ // border:1px solid rgba(128,128,128,0.3);
108
+ .react-dashboard-mask {
109
+ position: absolute;
110
+ top: 0;
111
+ left: 0;
112
+ z-index: 1;
113
+ width: 100%;
114
+ height: 100%;
115
+ background: rgba(0, 0, 0, 0);
116
+ cursor: move;
117
+ transition: all 0.3s;
118
+ }
119
+
120
+ .react-dashboard-configicon {
121
+ position: absolute;
122
+ top: 0;
123
+ right: 30px;
124
+ z-index: 1;
125
+ display: none;
126
+ width: 30px;
127
+ height: 30px;
128
+ color: #fff;
129
+ font-weight: bold;
130
+ font-size: 16px;
131
+ line-height: 30px;
132
+ text-align: center;
133
+ background: var(--primary-color);
134
+ border-radius: var(--card-border-radius) 0 0 var(--card-border-radius);
135
+ cursor: pointer;
136
+ }
137
+
138
+ .react-dashboard-deleteicon {
139
+ position: absolute;
140
+ top: 0;
141
+ right: 0;
142
+ z-index: 1;
143
+ display: none;
144
+ width: 30px;
145
+ height: 30px;
146
+ color: #fff;
147
+ font-size: 16px;
148
+ line-height: 30px;
149
+ text-align: center;
150
+ background: #f5222d;
151
+ border-radius: var(--card-border-radius);
152
+ cursor: pointer;
153
+ }
154
+
155
+ .react-dashboard-configicon + .react-dashboard-deleteicon {
156
+ border-radius: 0 var(--card-border-radius) var(--card-border-radius) 0;
157
+ }
158
+
159
+ &:hover {
160
+ .react-dashboard-mask {
161
+ background: rgba(0, 0, 0, 0.05);
162
+ transition: all 0.3s;
163
+ }
164
+
165
+ .react-dashboard-configicon {
166
+ display: block;
167
+ }
168
+
169
+ .react-dashboard-deleteicon {
170
+ display: block;
171
+ }
172
+ }
173
+ }
@@ -48,10 +48,10 @@ export var request = /*#__PURE__*/function () {
48
48
  return _ref.apply(this, arguments);
49
49
  };
50
50
  }();
51
- /**
52
- *复制字符串到系统剪切板
53
- *
54
- * @param {*} str
51
+ /**
52
+ *复制字符串到系统剪切板
53
+ *
54
+ * @param {*} str
55
55
  */
56
56
 
57
57
  export var copy = function copy(str) {
@@ -60,10 +60,10 @@ export var getPosition = function getPosition(random, fontSize) {
60
60
  left: left
61
61
  };
62
62
  };
63
- /*
64
- 生成uuid
65
- len:number 长度
66
- radix:number 进制
63
+ /*
64
+ 生成uuid
65
+ len:number 长度
66
+ radix:number 进制
67
67
  */
68
68
 
69
69
  export function generateUuid() {
@@ -98,10 +98,10 @@ export function generateUuid() {
98
98
  return uuid.join('');
99
99
  }
100
100
  var confirm = Modal.confirm;
101
- /**
102
- * 异步确认弹窗,抛出确认或取消布尔值
103
- *
104
- * @param {confirmUtilAsyncProps} props
101
+ /**
102
+ * 异步确认弹窗,抛出确认或取消布尔值
103
+ *
104
+ * @param {confirmUtilAsyncProps} props
105
105
  */
106
106
 
107
107
  export var confirmUtilAsync = function confirmUtilAsync(props) {
@@ -1,7 +1,7 @@
1
- .react-dashboard-widget {
2
- width: 100%;
3
- height: 100%;
4
- position: relative;
5
- border:1px solid rgba(128,128,128,0.3);
6
- overflow:hidden;
7
- }
1
+ .react-dashboard-widget {
2
+ width: 100%;
3
+ height: 100%;
4
+ position: relative;
5
+ border:1px solid rgba(128,128,128,0.3);
6
+ overflow:hidden;
7
+ }