@vortex-ui/env-puzzle 2.0.0-beta.7 → 2.0.0-beta.9

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.
Files changed (45) hide show
  1. package/README.md +46 -46
  2. package/lib/b-map/js/marker-clusterer.js +181 -181
  3. package/lib/b-map/js/marker-clusterer.js.map +1 -1
  4. package/lib/b-map/style/index.less +10 -10
  5. package/lib/create-modal/create-modal.js +1 -1
  6. package/lib/create-modal/create-modal.js.map +1 -1
  7. package/lib/create-modal/style/index.less +119 -122
  8. package/lib/global.less +6 -11
  9. package/lib/import-modal/style/index.less +15 -15
  10. package/lib/percent/style/index.less +41 -41
  11. package/lib/scroll/style/index.less +3 -3
  12. package/lib/scroll-select/style/index.less +7 -7
  13. package/lib/style/color.less +1 -1
  14. package/lib/style/darkGreen.css +88 -0
  15. package/lib/style/darkGreen.less +482 -370
  16. package/lib/template/action.js.map +1 -1
  17. package/lib/template/filter.d.ts +1 -0
  18. package/lib/template/filter.js +10 -7
  19. package/lib/template/filter.js.map +1 -1
  20. package/lib/template/renderColumnButtons.js +2 -2
  21. package/lib/template/renderColumnButtons.js.map +1 -1
  22. package/lib/template/style/action.less +71 -71
  23. package/lib/template/style/card.less +88 -88
  24. package/lib/template/style/check-row.less +27 -27
  25. package/lib/template/style/field.less +11 -11
  26. package/lib/template/style/filter.css +29 -0
  27. package/lib/template/style/filter.less +72 -46
  28. package/lib/template/style/icon.less +7 -7
  29. package/lib/template/style/index.css +31 -2
  30. package/lib/template/style/index.less +49 -49
  31. package/lib/template/style/table.css +2 -2
  32. package/lib/template/style/table.less +91 -84
  33. package/lib/template/table.js +6 -2
  34. package/lib/template/table.js.map +1 -1
  35. package/lib/template/template.d.ts +1 -1
  36. package/lib/template/template.js +73 -27
  37. package/lib/template/template.js.map +1 -1
  38. package/lib/template/vtx-search/index.d.ts +2 -0
  39. package/lib/template/vtx-search/index.js +126 -0
  40. package/lib/template/vtx-search/index.js.map +1 -0
  41. package/lib/template/vtx-search/style/index.css +92 -0
  42. package/lib/template/vtx-search/style/index.less +92 -0
  43. package/lib/to-map/style/index.less +86 -86
  44. package/lib/view-modal/style/index.less +57 -57
  45. package/package.json +143 -143
package/lib/create-modal/style/index.less CHANGED
@@ -1,122 +1,119 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- .green {
4
- .ant-modal-body {
5
- //>*{
6
- // box-sizing: border-box;
7
- //}
8
-
9
- }
10
- }
11
-
12
- .env-create-modal {
13
- .green();
14
- &-title {
15
- font-size: 14px;
16
- font-weight: 400;
17
- color: @text-color-secondary;
18
- margin-bottom: 20px;
19
- padding-bottom: 14px;
20
- border-bottom: 1px solid @border-color-base;
21
- }
22
- .ant-modal-body {
23
- padding: 20px 24px;
24
- }
25
- &-col {
26
- .ant-col {
27
- align-self: center;
28
- }
29
- }
30
- &-col + &-col {
31
- margin-top: 24px;
32
- }
33
- .ant-modal-body {
34
- max-height: 600px;
35
- overflow-x: hidden;
36
- overflow-y: auto;
37
- }
38
- .ant-form-item-label {
39
- // line-height: 1;
40
- > label {
41
- // display: flex;
42
- // justify-content: flex-end;
43
- > span:first-child {
44
- overflow: hidden;
45
- text-overflow: ellipsis;
46
- white-space: nowrap;
47
- }
48
- > .anticon {
49
- // color: @text-color;
50
- margin: 0 2px;
51
- }
52
- }
53
- }
54
- .ant-form-item-control {
55
- // line-height: 1;
56
- // width: 0;
57
- }
58
- .ant-form-item-control-input-content {
59
- > .ant-input-number {
60
- width: 100%;
61
- }
62
- > .ant-picker {
63
- width: 100%;
64
- }
65
- }
66
- .ant-form:not(.ant-form-inline)
67
- .vtx-form-layout-vertical
68
- .vtx-form-item-vertical:not(.vtx-form-item--inline),
69
- .ant-form-item-row,
70
- .ant-form:not(.ant-form-inline)
71
- .vtx-form-layout-vertical
72
- .ant-form-item:not(.vtx-form-item-vertical, .vtx-form-item--view) {
73
- .ant-form-item-row {
74
- flex-direction: column;
75
- align-items: flex-start;
76
- .ant-form-item-label > label::after {
77
- // content: ' ' !important;
78
- }
79
- .ant-form-item-control {
80
- width: 100%;
81
- }
82
- }
83
- }
84
- .ant-form:not(.ant-form-inline)
85
- .vtx-form-layout-vertical
86
- .vtx-form-item-vertical.vtx-form-item--inline {
87
- .ant-form-item-row {
88
- flex-direction: row;
89
- }
90
- }
91
- .vtx-form-layout .vtx-form-item-col .ant-form-item-with-help {
92
- margin-bottom: 20px;
93
- }
94
- .ant-form-inline .vtx-form-layout-vertical .ant-form-item-row,
95
- .ant-form-vertical
96
- .vtx-form-item-vertical.vtx-form-item--inline
97
- .ant-form-item-row,
98
- .ant-form-vertical .vtx-form-item--inline.ant-row {
99
- flex-direction: row;
100
- .ant-form-item-label {
101
- > label > span::after {
102
- content: ':' !important;
103
- position: relative;
104
- top: -0.5px;
105
- margin: 0 8px 0 2px;
106
- }
107
- }
108
- .ant-form-item-control {
109
- flex: none;
110
- width: auto;
111
- }
112
- }
113
- }
114
-
115
- .env-create-view-modal {
116
- .green();
117
- .vtx-form-layout .vtx-form-item-col .ant-form-item {
118
- margin-bottom: 4px;
119
- }
120
- }
121
-
122
-
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ .green {
4
+ .ant-modal-body {
5
+ //>*{
6
+ // box-sizing: border-box;
7
+ //}
8
+ }
9
+ }
10
+
11
+ .env-create-modal {
12
+ .green();
13
+ &-title {
14
+ font-size: 14px;
15
+ font-weight: 400;
16
+ color: @text-color-secondary;
17
+ margin-bottom: 20px;
18
+ padding-bottom: 14px;
19
+ border-bottom: 1px solid @border-color-base;
20
+ }
21
+ .ant-modal-body {
22
+ padding: 20px 24px;
23
+ }
24
+ &-col {
25
+ .ant-col {
26
+ align-self: center;
27
+ }
28
+ }
29
+ &-col + &-col {
30
+ margin-top: 24px;
31
+ }
32
+ .ant-modal-body {
33
+ max-height: 600px;
34
+ overflow-x: hidden;
35
+ overflow-y: auto;
36
+ }
37
+ .ant-form-item-label {
38
+ // line-height: 1;
39
+ > label {
40
+ // display: flex;
41
+ // justify-content: flex-end;
42
+ > span:first-child {
43
+ overflow: hidden;
44
+ text-overflow: ellipsis;
45
+ white-space: nowrap;
46
+ }
47
+ > .anticon {
48
+ // color: @text-color;
49
+ margin: 0 2px;
50
+ }
51
+ }
52
+ }
53
+ .ant-form-item-control {
54
+ // line-height: 1;
55
+ // width: 0;
56
+ }
57
+ .ant-form-item-control-input-content {
58
+ > .ant-input-number {
59
+ width: 100%;
60
+ }
61
+ > .ant-picker {
62
+ width: 100%;
63
+ }
64
+ }
65
+ .ant-form:not(.ant-form-inline)
66
+ .vtx-form-layout-vertical
67
+ .vtx-form-item-vertical:not(.vtx-form-item--inline),
68
+ .ant-form-item-row,
69
+ .ant-form:not(.ant-form-inline)
70
+ .vtx-form-layout-vertical
71
+ .ant-form-item:not(.vtx-form-item-vertical, .vtx-form-item--view) {
72
+ .ant-form-item-row {
73
+ flex-direction: column;
74
+ align-items: flex-start;
75
+ .ant-form-item-label > label::after {
76
+ // content: ' ' !important;
77
+ }
78
+ .ant-form-item-control {
79
+ width: 100%;
80
+ }
81
+ }
82
+ }
83
+ .ant-form:not(.ant-form-inline)
84
+ .vtx-form-layout-vertical
85
+ .vtx-form-item-vertical.vtx-form-item--inline {
86
+ .ant-form-item-row {
87
+ flex-direction: row;
88
+ }
89
+ }
90
+ .vtx-form-layout .vtx-form-item-col .ant-form-item-with-help {
91
+ margin-bottom: 20px;
92
+ }
93
+ .ant-form-inline .vtx-form-layout-vertical .ant-form-item-row,
94
+ .ant-form-vertical
95
+ .vtx-form-item-vertical.vtx-form-item--inline
96
+ .ant-form-item-row,
97
+ .ant-form-vertical .vtx-form-item--inline.ant-row {
98
+ flex-direction: row;
99
+ .ant-form-item-label {
100
+ > label > span::after {
101
+ content: ':' !important;
102
+ position: relative;
103
+ top: -0.5px;
104
+ margin: 0 8px 0 2px;
105
+ }
106
+ }
107
+ .ant-form-item-control {
108
+ flex: none;
109
+ width: auto;
110
+ }
111
+ }
112
+ }
113
+
114
+ .env-create-view-modal {
115
+ .green();
116
+ .vtx-form-layout .vtx-form-item-col .ant-form-item {
117
+ margin-bottom: 4px;
118
+ }
119
+ }
package/lib/global.less CHANGED
@@ -1,11 +1,6 @@
1
-
2
-
3
- .__dumi-default-mobile-demo-layout {
4
- padding: 0;
5
- }
6
-
7
- .__dumi-default-previewer-demo {
8
- }
9
-
10
-
11
-
1
+ .__dumi-default-mobile-demo-layout {
2
+ padding: 0;
3
+ }
4
+
5
+ .__dumi-default-previewer-demo {
6
+ }
package/lib/import-modal/style/index.less CHANGED
@@ -1,15 +1,15 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- .env-import-modal {
4
- .env-import-modal-modalnormal {
5
- width: 100%;
6
- }
7
- .modalerror {
8
- width: 100%;
9
- height: 300px;
10
- overflow: auto;
11
- }
12
- .env-import-modal-button {
13
- border-radius: 4px !important;
14
- }
15
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ .env-import-modal {
4
+ .env-import-modal-modalnormal {
5
+ width: 100%;
6
+ }
7
+ .modalerror {
8
+ width: 100%;
9
+ height: 300px;
10
+ overflow: auto;
11
+ }
12
+ .env-import-modal-button {
13
+ border-radius: 4px !important;
14
+ }
15
+ }
package/lib/percent/style/index.less CHANGED
@@ -1,41 +1,41 @@
1
- .env-percent-semicircle {
2
- position: relative;
3
- color: #fff;
4
-
5
- &__value {
6
- width: 30%;
7
- border-radius: 4px;
8
- border: 1px solid #4ef6fc;
9
- position: absolute;
10
- left: 0;
11
- right: 0;
12
- top: 45%;
13
- margin: auto;
14
- text-align: center;
15
- box-shadow: 0 0 10px 2px #1890ff inset, 0 0 10px 2px #1890ff;
16
- }
17
- }
18
-
19
- .env-percent-line {
20
- width: 100%;
21
- height: 28px;
22
- display: flex;
23
- align-items: center;
24
- font-size: 18px;
25
- font-family: Source Han Sans CN;
26
- font-weight: 500;
27
- color: #ffffff;
28
- white-space: nowrap;
29
-
30
- &__arrow {
31
- margin: 0 20px;
32
- }
33
-
34
- &__value {
35
- height: 100%;
36
- }
37
-
38
- &__suffix {
39
- padding-left: 20px;
40
- }
41
- }
1
+ .env-percent-semicircle {
2
+ position: relative;
3
+ color: #fff;
4
+
5
+ &__value {
6
+ width: 30%;
7
+ border-radius: 4px;
8
+ border: 1px solid #4ef6fc;
9
+ position: absolute;
10
+ left: 0;
11
+ right: 0;
12
+ top: 45%;
13
+ margin: auto;
14
+ text-align: center;
15
+ box-shadow: 0 0 10px 2px #1890ff inset, 0 0 10px 2px #1890ff;
16
+ }
17
+ }
18
+
19
+ .env-percent-line {
20
+ width: 100%;
21
+ height: 28px;
22
+ display: flex;
23
+ align-items: center;
24
+ font-size: 18px;
25
+ font-family: Source Han Sans CN;
26
+ font-weight: 500;
27
+ color: #ffffff;
28
+ white-space: nowrap;
29
+
30
+ &__arrow {
31
+ margin: 0 20px;
32
+ }
33
+
34
+ &__value {
35
+ height: 100%;
36
+ }
37
+
38
+ &__suffix {
39
+ padding-left: 20px;
40
+ }
41
+ }
package/lib/scroll/style/index.less CHANGED
@@ -1,3 +1,3 @@
1
- .env-scroll {
2
- overflow: hidden;
3
- }
1
+ .env-scroll {
2
+ overflow: hidden;
3
+ }
package/lib/scroll-select/style/index.less CHANGED
@@ -1,7 +1,7 @@
1
- @prefix-cls: env-scroll-select;
2
- .@{prefix-cls} {
3
- .ant-select-selector {
4
- max-height: 32px;
5
- overflow-y: auto;
6
- }
7
- }
1
+ @prefix-cls: env-scroll-select;
2
+ .@{prefix-cls} {
3
+ .ant-select-selector {
4
+ max-height: 32px;
5
+ overflow-y: auto;
6
+ }
7
+ }
package/lib/style/color.less CHANGED
@@ -1 +1 @@
1
- @color-primary: #4a88ee;
1
+ @color-primary: #4a88ee;
package/lib/style/darkGreen.css CHANGED
@@ -269,6 +269,89 @@
269
269
  .darkGreenFormItem .ant-tabs-nav-wrap .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
270
270
  top: 0;
271
271
  }
272
+ .darkGreen .ant-table .ant-table-tbody > tr > .ant-table-cell {
273
+ color: #333 !important;
274
+ }
275
+ .darkGreen .env-template {
276
+ background-color: #fff;
277
+ }
278
+ .darkGreen .env-template .vtx-page--table {
279
+ background-color: #fff;
280
+ }
281
+ .darkGreen .env-template .vtx-datagrid-toolbar {
282
+ display: none;
283
+ }
284
+ .darkGreen .env-template .env-template-action {
285
+ position: relative;
286
+ display: inline-block;
287
+ -webkit-box-sizing: border-box;
288
+ box-sizing: border-box;
289
+ height: 48px;
290
+ padding-top: 8px;
291
+ padding-bottom: 8px;
292
+ padding-right: 8px;
293
+ line-height: 1.5715;
294
+ vertical-align: top;
295
+ }
296
+ .darkGreen .env-template .vtx-datagrid-fit .ant-table-pagination {
297
+ bottom: 10px;
298
+ }
299
+ .darkGreen .env-template .ant-table-pagination {
300
+ margin: 12px 0;
301
+ }
302
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item {
303
+ min-width: 32px;
304
+ height: 32px;
305
+ margin: 0;
306
+ line-height: 30px;
307
+ background: #f0f1f4;
308
+ border-color: #f0f1f4;
309
+ margin-left: 6px;
310
+ }
311
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-total-text {
312
+ height: 32px;
313
+ line-height: 32px;
314
+ }
315
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager {
316
+ height: 32px;
317
+ line-height: 32px;
318
+ }
319
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-prev {
320
+ min-width: 32px;
321
+ height: 32px;
322
+ margin: 0;
323
+ line-height: 32px;
324
+ }
325
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link {
326
+ background: #f0f1f4;
327
+ border-color: #f0f1f4;
328
+ }
329
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-next {
330
+ min-width: 32px;
331
+ height: 32px;
332
+ margin: 0;
333
+ line-height: 32px;
334
+ margin-left: 6px;
335
+ }
336
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link {
337
+ background: #f0f1f4;
338
+ border-color: #f0f1f4;
339
+ }
340
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-options .ant-pagination-options-quick-jumper {
341
+ height: 32px;
342
+ line-height: 32px;
343
+ }
344
+ .darkGreen .env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-options .ant-pagination-options-quick-jumper input {
345
+ height: 32px;
346
+ }
347
+ .darkGreen .env-template .vtx-datagrid .ant-table-thead > tr > th {
348
+ background-color: #f7f8fa;
349
+ font-weight: normal;
350
+ color: #666;
351
+ }
352
+ .darkGreen .env-template .vtx-datagrid .ant-table-tbody > tr > .ant-table-cell {
353
+ color: #333 !important;
354
+ }
272
355
  .darkGreen .env-create-modal .ant-modal-body {
273
356
  padding: 0;
274
357
  position: relative;
@@ -626,6 +709,11 @@
626
709
  .darkGreen .env-view-modal .ant-divider-horizontal {
627
710
  display: none;
628
711
  }
712
+ .darkGreen .ant-modal-header {
713
+ height: 48px;
714
+ -webkit-box-sizing: border-box;
715
+ box-sizing: border-box;
716
+ }
629
717
  .darkGreen .ant-upload-list-picture-card {
630
718
  min-height: 112px;
631
719
  }