@nokecy/qc-ui 0.1.1 → 0.1.3

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.
@@ -149,8 +149,10 @@ var FormRender = function FormRender(props) {
149
149
  return (i === null || i === void 0 ? void 0 : i.visible) != false && !i.getColDef().hideInSearch || i.getColDef().hideInTable;
150
150
  });
151
151
  arr.map(function (col) {
152
+ var _colDef$queryField;
153
+
152
154
  var colDef = col.getColDef();
153
- var name = colDef.field;
155
+ var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
154
156
  var headerName = colDef.headerName; //表单自定义组件
155
157
 
156
158
  var component = colDef.searchComponent ? colDef.searchComponent : colDef.filter == "agDateColumnFilter" ? "DatePicker.RangePicker" : "Input";
@@ -170,265 +170,3 @@
170
170
  }
171
171
  }
172
172
  }
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
183
- /* stylelint-disable no-duplicate-selectors */
184
- /* stylelint-disable */
185
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
186
- .ant-modal {
187
- box-sizing: border-box;
188
- margin: 0;
189
- padding: 0;
190
- color: rgba(0, 0, 0, 0.85);
191
- font-size: 14px;
192
- font-variant: tabular-nums;
193
- line-height: 1.5715;
194
- list-style: none;
195
- font-feature-settings: 'tnum';
196
- pointer-events: none;
197
- position: relative;
198
- top: 100px;
199
- width: auto;
200
- max-width: calc(100vw - 32px);
201
- margin: 0 auto;
202
- padding-bottom: 24px;
203
- }
204
- .ant-modal.ant-zoom-enter,
205
- .ant-modal.antzoom-appear {
206
- transform: none;
207
- opacity: 0;
208
- -webkit-animation-duration: 0.3s;
209
- animation-duration: 0.3s;
210
- -webkit-user-select: none;
211
- -moz-user-select: none;
212
- -ms-user-select: none;
213
- user-select: none;
214
- }
215
- .ant-modal-mask {
216
- position: fixed;
217
- top: 0;
218
- right: 0;
219
- bottom: 0;
220
- left: 0;
221
- z-index: 1000;
222
- height: 100%;
223
- background-color: rgba(0, 0, 0, 0.45);
224
- }
225
- .ant-modal-mask-hidden {
226
- display: none;
227
- }
228
- .ant-modal-wrap {
229
- position: fixed;
230
- top: 0;
231
- right: 0;
232
- bottom: 0;
233
- left: 0;
234
- overflow: auto;
235
- outline: 0;
236
- -webkit-overflow-scrolling: touch;
237
- }
238
- .ant-modal-wrap {
239
- z-index: 1000;
240
- }
241
- .ant-modal-title {
242
- margin: 0;
243
- color: rgba(0, 0, 0, 0.85);
244
- font-weight: 500;
245
- font-size: 16px;
246
- line-height: 22px;
247
- word-wrap: break-word;
248
- }
249
- .ant-modal-content {
250
- position: relative;
251
- background-color: #fff;
252
- background-clip: padding-box;
253
- border: 0;
254
- border-radius: 2px;
255
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
256
- pointer-events: auto;
257
- }
258
- .ant-modal-close {
259
- position: absolute;
260
- top: 0;
261
- right: 0;
262
- z-index: 10;
263
- padding: 0;
264
- color: rgba(0, 0, 0, 0.45);
265
- font-weight: 700;
266
- line-height: 1;
267
- text-decoration: none;
268
- background: transparent;
269
- border: 0;
270
- outline: 0;
271
- cursor: pointer;
272
- transition: color 0.3s;
273
- }
274
- .ant-modal-close-x {
275
- display: block;
276
- width: 56px;
277
- height: 56px;
278
- font-size: 16px;
279
- font-style: normal;
280
- line-height: 56px;
281
- text-align: center;
282
- text-transform: none;
283
- text-rendering: auto;
284
- }
285
- .ant-modal-close:focus,
286
- .ant-modal-close:hover {
287
- color: rgba(0, 0, 0, 0.75);
288
- text-decoration: none;
289
- }
290
- .ant-modal-header {
291
- padding: 16px 24px;
292
- color: rgba(0, 0, 0, 0.85);
293
- background: #fff;
294
- border-bottom: 1px solid #f0f0f0;
295
- border-radius: 2px 2px 0 0;
296
- }
297
- .ant-modal-body {
298
- padding: 24px;
299
- font-size: 14px;
300
- line-height: 1.5715;
301
- word-wrap: break-word;
302
- }
303
- .ant-modal-footer {
304
- padding: 10px 16px;
305
- text-align: right;
306
- background: transparent;
307
- border-top: 1px solid #f0f0f0;
308
- border-radius: 0 0 2px 2px;
309
- }
310
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
311
- margin-bottom: 0;
312
- margin-left: 8px;
313
- }
314
- .ant-modal-open {
315
- overflow: hidden;
316
- }
317
- .ant-modal-centered {
318
- text-align: center;
319
- }
320
- .ant-modal-centered::before {
321
- display: inline-block;
322
- width: 0;
323
- height: 100%;
324
- vertical-align: middle;
325
- content: '';
326
- }
327
- .ant-modal-centered .ant-modal {
328
- top: 0;
329
- display: inline-block;
330
- text-align: left;
331
- vertical-align: middle;
332
- }
333
- @media (max-width: 767px) {
334
- .ant-modal {
335
- max-width: calc(100vw - 16px);
336
- margin: 8px auto;
337
- }
338
- .ant-modal-centered .ant-modal {
339
- flex: 1;
340
- }
341
- }
342
- .ant-modal-confirm .ant-modal-header {
343
- display: none;
344
- }
345
- .ant-modal-confirm .ant-modal-body {
346
- padding: 32px 32px 24px;
347
- }
348
- .ant-modal-confirm-body-wrapper::before {
349
- display: table;
350
- content: '';
351
- }
352
- .ant-modal-confirm-body-wrapper::after {
353
- display: table;
354
- clear: both;
355
- content: '';
356
- }
357
- .ant-modal-confirm-body .ant-modal-confirm-title {
358
- display: block;
359
- overflow: hidden;
360
- color: rgba(0, 0, 0, 0.85);
361
- font-weight: 500;
362
- font-size: 16px;
363
- line-height: 1.4;
364
- }
365
- .ant-modal-confirm-body .ant-modal-confirm-content {
366
- margin-top: 8px;
367
- color: rgba(0, 0, 0, 0.85);
368
- font-size: 14px;
369
- }
370
- .ant-modal-confirm-body > .anticon {
371
- float: left;
372
- margin-right: 16px;
373
- font-size: 22px;
374
- }
375
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
376
- margin-left: 38px;
377
- }
378
- .ant-modal-confirm .ant-modal-confirm-btns {
379
- float: right;
380
- margin-top: 24px;
381
- }
382
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
383
- margin-bottom: 0;
384
- margin-left: 8px;
385
- }
386
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
387
- color: #ff4d4f;
388
- }
389
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
390
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
391
- color: #faad14;
392
- }
393
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
394
- color: #1890ff;
395
- }
396
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
397
- color: #52c41a;
398
- }
399
- .ant-modal-wrap-rtl {
400
- direction: rtl;
401
- }
402
- .ant-modal-wrap-rtl .ant-modal-close {
403
- right: initial;
404
- left: 0;
405
- }
406
- .ant-modal-wrap-rtl .ant-modal-footer {
407
- text-align: left;
408
- }
409
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
410
- margin-right: 8px;
411
- margin-left: 0;
412
- }
413
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
414
- direction: rtl;
415
- }
416
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
417
- float: right;
418
- margin-right: 0;
419
- margin-left: 16px;
420
- }
421
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
422
- margin-right: 38px;
423
- margin-left: 0;
424
- }
425
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
426
- float: left;
427
- }
428
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
429
- margin-right: 8px;
430
- margin-left: 0;
431
- }
432
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
433
- text-align: right;
434
- }
@@ -13,9 +13,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
13
13
 
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
 
16
- var _ai = require("react-icons/ai");
17
-
18
- var _fa = require("react-icons/fa");
16
+ var _icons = require("@ant-design/icons");
19
17
 
20
18
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
19
 
@@ -54,12 +52,12 @@ var ConfigBar = function ConfigBar(props) {
54
52
  onClick: function onClick() {
55
53
  return setConfigShow(true);
56
54
  }
57
- }, /*#__PURE__*/_react.default.createElement(_fa.FaCog, null)), editMode && /*#__PURE__*/_react.default.createElement("div", {
55
+ }, /*#__PURE__*/_react.default.createElement(_icons.SettingOutlined, null)), editMode && /*#__PURE__*/_react.default.createElement("div", {
58
56
  className: 'react-dashboard-deleteicon',
59
57
  onClick: function onClick() {
60
58
  return onDeleteWidget();
61
59
  }
62
- }, /*#__PURE__*/_react.default.createElement(_ai.AiOutlineDelete, null)));
60
+ }, /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)));
63
61
  }; //config的容器
64
62
 
65
63
 
@@ -129,8 +129,10 @@ var FormRender = function FormRender(props) {
129
129
  return (i === null || i === void 0 ? void 0 : i.visible) != false && !i.getColDef().hideInSearch || i.getColDef().hideInTable;
130
130
  });
131
131
  arr.map(function (col) {
132
+ var _colDef$queryField;
133
+
132
134
  var colDef = col.getColDef();
133
- var name = colDef.field;
135
+ var name = (_colDef$queryField = colDef.queryField) !== null && _colDef$queryField !== void 0 ? _colDef$queryField : colDef.field;
134
136
  var headerName = colDef.headerName; //表单自定义组件
135
137
 
136
138
  var component = colDef.searchComponent ? colDef.searchComponent : colDef.filter == "agDateColumnFilter" ? "DatePicker.RangePicker" : "Input";
@@ -170,265 +170,3 @@
170
170
  }
171
171
  }
172
172
  }
173
-
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
183
- /* stylelint-disable no-duplicate-selectors */
184
- /* stylelint-disable */
185
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
186
- .ant-modal {
187
- box-sizing: border-box;
188
- margin: 0;
189
- padding: 0;
190
- color: rgba(0, 0, 0, 0.85);
191
- font-size: 14px;
192
- font-variant: tabular-nums;
193
- line-height: 1.5715;
194
- list-style: none;
195
- font-feature-settings: 'tnum';
196
- pointer-events: none;
197
- position: relative;
198
- top: 100px;
199
- width: auto;
200
- max-width: calc(100vw - 32px);
201
- margin: 0 auto;
202
- padding-bottom: 24px;
203
- }
204
- .ant-modal.ant-zoom-enter,
205
- .ant-modal.antzoom-appear {
206
- transform: none;
207
- opacity: 0;
208
- -webkit-animation-duration: 0.3s;
209
- animation-duration: 0.3s;
210
- -webkit-user-select: none;
211
- -moz-user-select: none;
212
- -ms-user-select: none;
213
- user-select: none;
214
- }
215
- .ant-modal-mask {
216
- position: fixed;
217
- top: 0;
218
- right: 0;
219
- bottom: 0;
220
- left: 0;
221
- z-index: 1000;
222
- height: 100%;
223
- background-color: rgba(0, 0, 0, 0.45);
224
- }
225
- .ant-modal-mask-hidden {
226
- display: none;
227
- }
228
- .ant-modal-wrap {
229
- position: fixed;
230
- top: 0;
231
- right: 0;
232
- bottom: 0;
233
- left: 0;
234
- overflow: auto;
235
- outline: 0;
236
- -webkit-overflow-scrolling: touch;
237
- }
238
- .ant-modal-wrap {
239
- z-index: 1000;
240
- }
241
- .ant-modal-title {
242
- margin: 0;
243
- color: rgba(0, 0, 0, 0.85);
244
- font-weight: 500;
245
- font-size: 16px;
246
- line-height: 22px;
247
- word-wrap: break-word;
248
- }
249
- .ant-modal-content {
250
- position: relative;
251
- background-color: #fff;
252
- background-clip: padding-box;
253
- border: 0;
254
- border-radius: 2px;
255
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
256
- pointer-events: auto;
257
- }
258
- .ant-modal-close {
259
- position: absolute;
260
- top: 0;
261
- right: 0;
262
- z-index: 10;
263
- padding: 0;
264
- color: rgba(0, 0, 0, 0.45);
265
- font-weight: 700;
266
- line-height: 1;
267
- text-decoration: none;
268
- background: transparent;
269
- border: 0;
270
- outline: 0;
271
- cursor: pointer;
272
- transition: color 0.3s;
273
- }
274
- .ant-modal-close-x {
275
- display: block;
276
- width: 56px;
277
- height: 56px;
278
- font-size: 16px;
279
- font-style: normal;
280
- line-height: 56px;
281
- text-align: center;
282
- text-transform: none;
283
- text-rendering: auto;
284
- }
285
- .ant-modal-close:focus,
286
- .ant-modal-close:hover {
287
- color: rgba(0, 0, 0, 0.75);
288
- text-decoration: none;
289
- }
290
- .ant-modal-header {
291
- padding: 16px 24px;
292
- color: rgba(0, 0, 0, 0.85);
293
- background: #fff;
294
- border-bottom: 1px solid #f0f0f0;
295
- border-radius: 2px 2px 0 0;
296
- }
297
- .ant-modal-body {
298
- padding: 24px;
299
- font-size: 14px;
300
- line-height: 1.5715;
301
- word-wrap: break-word;
302
- }
303
- .ant-modal-footer {
304
- padding: 10px 16px;
305
- text-align: right;
306
- background: transparent;
307
- border-top: 1px solid #f0f0f0;
308
- border-radius: 0 0 2px 2px;
309
- }
310
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
311
- margin-bottom: 0;
312
- margin-left: 8px;
313
- }
314
- .ant-modal-open {
315
- overflow: hidden;
316
- }
317
- .ant-modal-centered {
318
- text-align: center;
319
- }
320
- .ant-modal-centered::before {
321
- display: inline-block;
322
- width: 0;
323
- height: 100%;
324
- vertical-align: middle;
325
- content: '';
326
- }
327
- .ant-modal-centered .ant-modal {
328
- top: 0;
329
- display: inline-block;
330
- text-align: left;
331
- vertical-align: middle;
332
- }
333
- @media (max-width: 767px) {
334
- .ant-modal {
335
- max-width: calc(100vw - 16px);
336
- margin: 8px auto;
337
- }
338
- .ant-modal-centered .ant-modal {
339
- flex: 1;
340
- }
341
- }
342
- .ant-modal-confirm .ant-modal-header {
343
- display: none;
344
- }
345
- .ant-modal-confirm .ant-modal-body {
346
- padding: 32px 32px 24px;
347
- }
348
- .ant-modal-confirm-body-wrapper::before {
349
- display: table;
350
- content: '';
351
- }
352
- .ant-modal-confirm-body-wrapper::after {
353
- display: table;
354
- clear: both;
355
- content: '';
356
- }
357
- .ant-modal-confirm-body .ant-modal-confirm-title {
358
- display: block;
359
- overflow: hidden;
360
- color: rgba(0, 0, 0, 0.85);
361
- font-weight: 500;
362
- font-size: 16px;
363
- line-height: 1.4;
364
- }
365
- .ant-modal-confirm-body .ant-modal-confirm-content {
366
- margin-top: 8px;
367
- color: rgba(0, 0, 0, 0.85);
368
- font-size: 14px;
369
- }
370
- .ant-modal-confirm-body > .anticon {
371
- float: left;
372
- margin-right: 16px;
373
- font-size: 22px;
374
- }
375
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
376
- margin-left: 38px;
377
- }
378
- .ant-modal-confirm .ant-modal-confirm-btns {
379
- float: right;
380
- margin-top: 24px;
381
- }
382
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
383
- margin-bottom: 0;
384
- margin-left: 8px;
385
- }
386
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
387
- color: #ff4d4f;
388
- }
389
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
390
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
391
- color: #faad14;
392
- }
393
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
394
- color: #1890ff;
395
- }
396
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
397
- color: #52c41a;
398
- }
399
- .ant-modal-wrap-rtl {
400
- direction: rtl;
401
- }
402
- .ant-modal-wrap-rtl .ant-modal-close {
403
- right: initial;
404
- left: 0;
405
- }
406
- .ant-modal-wrap-rtl .ant-modal-footer {
407
- text-align: left;
408
- }
409
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
410
- margin-right: 8px;
411
- margin-left: 0;
412
- }
413
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
414
- direction: rtl;
415
- }
416
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
417
- float: right;
418
- margin-right: 0;
419
- margin-left: 16px;
420
- }
421
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
422
- margin-right: 38px;
423
- margin-left: 0;
424
- }
425
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
426
- float: left;
427
- }
428
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
429
- margin-right: 8px;
430
- margin-left: 0;
431
- }
432
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
433
- text-align: right;
434
- }
@@ -1,8 +1,7 @@
1
1
  import { Drawer } from 'antd';
2
2
  import _ from 'lodash';
3
3
  import React, { useCallback, useEffect, useMemo } from 'react';
4
- import { AiOutlineDelete } from 'react-icons/ai';
5
- import { FaCog } from 'react-icons/fa'; // import allWidgets from '../../widgets';
4
+ import { DeleteOutlined, SettingOutlined } from '@ant-design/icons'; // import allWidgets from '../../widgets';
6
5
  //获取widget的类型
7
6
 
8
7
  export var getWidgetType = function getWidgetType(i, widgets) {
@@ -31,12 +30,12 @@ export var ConfigBar = function ConfigBar(props) {
31
30
  onClick: function onClick() {
32
31
  return setConfigShow(true);
33
32
  }
34
- }, /*#__PURE__*/React.createElement(FaCog, null)), editMode && /*#__PURE__*/React.createElement("div", {
33
+ }, /*#__PURE__*/React.createElement(SettingOutlined, null)), editMode && /*#__PURE__*/React.createElement("div", {
35
34
  className: 'react-dashboard-deleteicon',
36
35
  onClick: function onClick() {
37
36
  return onDeleteWidget();
38
37
  }
39
- }, /*#__PURE__*/React.createElement(AiOutlineDelete, null)));
38
+ }, /*#__PURE__*/React.createElement(DeleteOutlined, null)));
40
39
  }; //config的容器
41
40
 
42
41
  export var ConfigWrap = function ConfigWrap(props, widgets) {