@flatbiz/antd 3.2.0 → 3.2.2

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.
package/cjs/index.css CHANGED
@@ -69,6 +69,10 @@ ul {
69
69
  transform: translate(-50%, -50%);
70
70
  }
71
71
 
72
+ .check-list-checked {
73
+ background-color: rgba(0, 0, 0, 0.05);
74
+ }
75
+
72
76
  .v-css-hover:hover {
73
77
  position: relative;
74
78
  }
@@ -83,9 +87,67 @@ ul {
83
87
  opacity: var(--v-css-hover-opacity, 0.1);
84
88
  }
85
89
 
86
- .dialog-modal .ant-modal-body {
90
+ .v-dialog-modal .ant-modal-body {
87
91
  max-height: calc(100vh - 150px);
88
- overflow: scroll;
92
+ overflow: auto;
93
+ }
94
+ .v-dialog-confirm .ant-modal-header {
95
+ margin: 0 !important;
96
+ }
97
+ .v-dialog-confirm .ant-modal-body {
98
+ padding: 20px 0 15px 0;
99
+ font-size: 16px;
100
+ font-weight: 400;
101
+ color: rgba(0, 0, 0, 0.78) !important;
102
+ }
103
+ .v-dialog-confirm .ant-modal-footer > button:nth-child(2) {
104
+ margin-left: 15px !important;
105
+ }
106
+
107
+ .v-dialog-loading .ant-modal-content {
108
+ background-color: transparent;
109
+ padding: 0;
110
+ box-shadow: none;
111
+ }
112
+ .v-dialog-loading .ant-modal-body {
113
+ text-align: center;
114
+ }
115
+ .v-dialog-loading-content {
116
+ text-align: center;
117
+ display: inline-block;
118
+ background-color: #fff;
119
+ padding: 20px 30px;
120
+ border-radius: 8px;
121
+ }
122
+ .v-dialog-loading-content .loader-inner {
123
+ width: 30px;
124
+ height: 30px;
125
+ margin: 0 auto;
126
+ text-indent: -12345px;
127
+ border-top: 2px solid rgba(0, 128, 227, 0.08);
128
+ border-right: 2px solid rgba(0, 128, 227, 0.08);
129
+ border-bottom: 2px solid rgba(0, 128, 227, 0.08);
130
+ border-left: 2px solid var(--v-loading-color);
131
+ border-radius: 50%;
132
+ z-index: 100001;
133
+ animation: dialog-spinner 600ms infinite linear;
134
+ }
135
+ .v-dialog-loading-content .loader-text {
136
+ font-size: 12px;
137
+ letter-spacing: 2px;
138
+ color: #606060;
139
+ font-size: 16px;
140
+ font-weight: 500;
141
+ margin-top: 15px;
142
+ text-align: left;
143
+ }
144
+ @keyframes dialog-spinner {
145
+ 0% {
146
+ transform: rotate(0deg);
147
+ }
148
+ 100% {
149
+ transform: rotate(360deg);
150
+ }
89
151
  }
90
152
 
91
153
  .drawer-wraper .ant-drawer-header {
@@ -216,6 +278,138 @@ ul {
216
278
  color: #0080e3;
217
279
  }
218
280
 
281
+ .simple-layout {
282
+ background-color: #fff;
283
+ padding: 15px;
284
+ }
285
+ .simple-layout .ant-form {
286
+ margin-bottom: -15px;
287
+ }
288
+ .simple-layout .ant-form-item {
289
+ margin: 0 0 15px;
290
+ }
291
+ .simple-layout .ant-form-item-label {
292
+ width: 82px;
293
+ }
294
+ .simple-layout .ant-form-item-label.ant-col-auto {
295
+ width: auto;
296
+ }
297
+ .simple-layout .ant-table-thead > tr > th {
298
+ background: #f6f6f6;
299
+ }
300
+ .simple-layout .ant-descriptions-item {
301
+ padding-bottom: 10px;
302
+ }
303
+ .simple-layout .ant-descriptions-item-label {
304
+ color: #999;
305
+ }
306
+ .simple-layout .ant-table-pagination.ant-pagination {
307
+ margin: 16px 0 0 0;
308
+ }
309
+ .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) {
310
+ margin-bottom: 0px;
311
+ }
312
+ .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) .ant-upload-list {
313
+ padding-bottom: 15px;
314
+ }
315
+ .simple-layout .simple-layout-content > .ant-descriptions:not(.ant-descriptions-bordered):nth-last-child(1) {
316
+ margin-bottom: -10px;
317
+ }
318
+ .simple-layout .v-tree-wrapper-tree {
319
+ padding: 5px 0 0 0;
320
+ }
321
+ .simple-layout-title-sign {
322
+ padding-left: 10px;
323
+ }
324
+ .simple-layout-title-sign::before {
325
+ content: '';
326
+ position: absolute;
327
+ top: 50%;
328
+ left: 0;
329
+ height: 14px;
330
+ width: 3px;
331
+ background: var(--fa-color-primary);
332
+ border-radius: 3px;
333
+ margin-top: -7px;
334
+ }
335
+ .simple-layout-title {
336
+ color: rgba(0, 0, 0, 0.85);
337
+ font-weight: 500;
338
+ font-size: 16px;
339
+ overflow: hidden;
340
+ white-space: nowrap;
341
+ text-overflow: ellipsis;
342
+ position: relative;
343
+ }
344
+ .simple-layout-title + .simple-layout-content {
345
+ margin-top: 10px;
346
+ }
347
+ .simple-layout-desc {
348
+ font-size: 12px;
349
+ color: rgba(0, 0, 0, 0.55);
350
+ }
351
+ .simple-layout-desc + .simple-layout-content {
352
+ margin-top: 10px;
353
+ }
354
+ .simple-layout + .simple-layout {
355
+ margin-top: 10px;
356
+ }
357
+ .simple-layout .simple-layout:first-child {
358
+ padding: 0 0 15px 0;
359
+ }
360
+ .simple-layout + .ant-divider {
361
+ margin: 0 0 15px 0;
362
+ }
363
+ .simple-layout-formlabel-left .ant-form-item-label {
364
+ text-align: left;
365
+ }
366
+ .simple-layout-tight.simple-layout {
367
+ margin-top: 0;
368
+ padding: 0 0 15px 0;
369
+ }
370
+ .simple-layout-title-extra-space {
371
+ width: 100%;
372
+ justify-content: space-between;
373
+ }
374
+
375
+ .icon-wrapper {
376
+ cursor: pointer;
377
+ display: flex;
378
+ align-items: center;
379
+ padding: 6px;
380
+ border-radius: 6px;
381
+ margin: 0 -6px;
382
+ }
383
+ .icon-wrapper:hover {
384
+ transform: scale(1.1);
385
+ transition: all ease-in 0.1s;
386
+ position: relative;
387
+ background-color: rgba(0, 0, 0, 0.06);
388
+ }
389
+ .icon-wrapper .anticon + .icon-wrapper-text {
390
+ margin-left: 3px;
391
+ }
392
+ .icon-wrapper-small {
393
+ font-size: 14px;
394
+ }
395
+ .icon-wrapper-middle {
396
+ font-size: 16px;
397
+ }
398
+ .icon-wrapper-large {
399
+ font-size: 20px;
400
+ }
401
+ .icon-wrapper.icon-wrapper-hidden-hover-bgcolor {
402
+ padding: 0;
403
+ margin: 0;
404
+ }
405
+ .icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover {
406
+ background-color: transparent;
407
+ }
408
+
409
+ .editable-field-full > .ant-space-item:nth-child(1) {
410
+ flex: 1;
411
+ }
412
+
219
413
  .v-selector-item-icon {
220
414
  margin-right: 5px;
221
415
  }
@@ -301,40 +495,6 @@ ul {
301
495
  align-items: flex-start;
302
496
  }
303
497
 
304
- .icon-wrapper {
305
- cursor: pointer;
306
- display: flex;
307
- align-items: center;
308
- padding: 6px;
309
- border-radius: 6px;
310
- margin: 0 -6px;
311
- }
312
- .icon-wrapper:hover {
313
- transform: scale(1.1);
314
- transition: all ease-in 0.1s;
315
- position: relative;
316
- background-color: rgba(0, 0, 0, 0.06);
317
- }
318
- .icon-wrapper .anticon + .icon-wrapper-text {
319
- margin-left: 3px;
320
- }
321
- .icon-wrapper-small {
322
- font-size: 14px;
323
- }
324
- .icon-wrapper-middle {
325
- font-size: 16px;
326
- }
327
- .icon-wrapper-large {
328
- font-size: 20px;
329
- }
330
- .icon-wrapper.icon-wrapper-hidden-hover-bgcolor {
331
- padding: 0;
332
- margin: 0;
333
- }
334
- .icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover {
335
- background-color: transparent;
336
- }
337
-
338
498
  .v-label-value-layout .ant-descriptions-item-label {
339
499
  width: var(--v-label-value-layout-lWidth);
340
500
  color: rgba(0, 0, 0, 0.45);
@@ -801,7 +961,7 @@ ul {
801
961
  flex-shrink: 0;
802
962
  }
803
963
  .v-rule-describe-item + .v-rule-describe-item {
804
- margin-top: 10px;
964
+ margin-top: 8px;
805
965
  }
806
966
  .v-rule-describe-title-sign {
807
967
  padding-left: 10px;
@@ -813,103 +973,21 @@ ul {
813
973
  left: 0;
814
974
  height: 14px;
815
975
  width: 3px;
816
- background: var(--fa-color-primary);
976
+ background: var(--ant-primary-color);
817
977
  border-radius: 3px;
818
978
  margin-top: -7px;
819
979
  }
820
-
821
- .simple-layout {
822
- background-color: #fff;
823
- padding: 15px;
824
- }
825
- .simple-layout .ant-form {
826
- margin-bottom: -15px;
827
- }
828
- .simple-layout .ant-form-item {
829
- margin: 0 0 15px;
830
- }
831
- .simple-layout .ant-form-item-label {
832
- width: 82px;
833
- }
834
- .simple-layout .ant-form-item-label.ant-col-auto {
835
- width: auto;
836
- }
837
- .simple-layout .ant-table-thead > tr > th {
838
- background: #f6f6f6;
839
- }
840
- .simple-layout .ant-descriptions-item {
841
- padding-bottom: 10px;
842
- }
843
- .simple-layout .ant-descriptions-item-label {
844
- color: #999;
980
+ .v-rule-describe .v-rule-describe .v-rule-describe-item-title {
981
+ opacity: 0.9;
845
982
  }
846
- .simple-layout .ant-table-pagination.ant-pagination {
847
- margin: 16px 0 0 0;
848
- }
849
- .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) {
850
- margin-bottom: 0px;
851
- }
852
- .simple-layout .simple-layout-content > .ant-row:nth-last-child(1) .ant-upload-list {
853
- padding-bottom: 15px;
854
- }
855
- .simple-layout .simple-layout-content > .ant-descriptions:not(.ant-descriptions-bordered):nth-last-child(1) {
856
- margin-bottom: -10px;
857
- }
858
- .simple-layout .v-tree-wrapper-tree {
859
- padding: 5px 0 0 0;
860
- }
861
- .simple-layout-title-sign {
862
- padding-left: 10px;
863
- }
864
- .simple-layout-title-sign::before {
865
- content: '';
866
- position: absolute;
867
- top: 50%;
868
- left: 0;
869
- height: 14px;
870
- width: 3px;
871
- background: var(--fa-color-primary);
872
- border-radius: 3px;
873
- margin-top: -7px;
874
- }
875
- .simple-layout-title {
876
- color: rgba(0, 0, 0, 0.85);
877
- font-weight: 500;
878
- font-size: 16px;
983
+
984
+ .tabs-sticky {
985
+ height: 100%;
879
986
  overflow: hidden;
880
- white-space: nowrap;
881
- text-overflow: ellipsis;
882
- position: relative;
883
- }
884
- .simple-layout-title + .simple-layout-content {
885
- margin-top: 10px;
886
- }
887
- .simple-layout-desc {
888
- font-size: 12px;
889
- color: rgba(0, 0, 0, 0.55);
890
- }
891
- .simple-layout-desc + .simple-layout-content {
892
- margin-top: 10px;
893
- }
894
- .simple-layout + .simple-layout {
895
- margin-top: 10px;
896
987
  }
897
- .simple-layout .simple-layout:first-child {
898
- padding: 0 0 15px 0;
899
- }
900
- .simple-layout + .ant-divider {
901
- margin: 0 0 15px 0;
902
- }
903
- .simple-layout-formlabel-left .ant-form-item-label {
904
- text-align: left;
905
- }
906
- .simple-layout-tight.simple-layout {
907
- margin-top: 0;
908
- padding: 0 0 15px 0;
909
- }
910
- .simple-layout-title-extra-space {
911
- width: 100%;
912
- justify-content: space-between;
988
+ .tabs-sticky > .ant-tabs-content-holder {
989
+ flex: 1;
990
+ overflow-y: auto;
913
991
  }
914
992
 
915
993
  .tree-selector-wrapper-empty {