3h1-ui 3.0.0-next.8 → 3.0.0-next.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 (5) hide show
  1. package/es/index.js +141 -89
  2. package/es/style.css +114 -137
  3. package/lib/index.js +141 -89
  4. package/lib/style.css +8531 -0
  5. package/package.json +1 -1
package/es/style.css CHANGED
@@ -1043,27 +1043,37 @@ span.iconify {
1043
1043
  user-select: none;
1044
1044
  display: inline-block;
1045
1045
  }@media screen and (max-height: 600px) {
1046
- .ant-modal {
1046
+ .shy-basic-modal .ant-modal {
1047
1047
  top: 60px;
1048
1048
  }
1049
1049
  }
1050
1050
  @media screen and (max-height: 540px) {
1051
- .ant-modal {
1051
+ .shy-basic-modal .ant-modal {
1052
1052
  top: 30px;
1053
1053
  }
1054
1054
  }
1055
1055
  @media screen and (max-height: 480px) {
1056
- .ant-modal {
1056
+ .shy-basic-modal .ant-modal {
1057
1057
  top: 10px;
1058
1058
  }
1059
1059
  }
1060
- .fullscreen-modal {
1060
+ .shy-basic-modal :is(.ant-modal-header) {
1061
+ margin: 0;
1062
+ border-bottom: 1px solid #E4E7ED;
1063
+ }
1064
+ .shy-basic-modal :is(.ant-modal-footer) {
1065
+ padding: 10px;
1066
+ margin: 0;
1067
+ border-top: 1px solid #E4E7ED;
1068
+ }
1069
+ .shy-basic-modal.fullscreen-modal {
1070
+ height: 100%;
1061
1071
  overflow: hidden;
1062
1072
  }
1063
- .fullscreen-modal .ant-modal-header {
1073
+ .shy-basic-modal.fullscreen-modal .ant-modal-header {
1064
1074
  pointer-events: none;
1065
1075
  }
1066
- .fullscreen-modal .ant-modal {
1076
+ .shy-basic-modal.fullscreen-modal .ant-modal {
1067
1077
  top: 0 !important;
1068
1078
  right: 0 !important;
1069
1079
  bottom: 0 !important;
@@ -1072,87 +1082,15 @@ span.iconify {
1072
1082
  margin: 0;
1073
1083
  width: 100% !important;
1074
1084
  max-width: 100%;
1085
+ height: 100% !important;
1075
1086
  }
1076
- .fullscreen-modal .ant-modal-content {
1087
+ .shy-basic-modal.fullscreen-modal .ant-modal-body {
1088
+ flex: 1;
1089
+ }
1090
+ .shy-basic-modal.fullscreen-modal .ant-modal-content {
1077
1091
  display: flex;
1078
1092
  flex-direction: column;
1079
1093
  height: 100%;
1080
- }
1081
- .ant-modal {
1082
- padding-bottom: 0;
1083
- width: 520px;
1084
- }
1085
- .ant-modal .ant-modal-body > .scrollbar {
1086
- padding: 14px;
1087
- }
1088
- .ant-modal-content {
1089
- padding: 0 !important;
1090
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
1091
- }
1092
- .ant-modal-close {
1093
- top: unset !important;
1094
- width: unset !important;
1095
- height: unset !important;
1096
- font-weight: normal;
1097
- outline: none;
1098
- }
1099
- .ant-modal-close:hover, .ant-modal-close:active {
1100
- background: unset !important;
1101
- }
1102
- .ant-modal-close-x .shy-basic-modal-close {
1103
- justify-content: flex-end;
1104
- height: 56px;
1105
- line-height: 56px;
1106
- }
1107
- .ant-modal-title {
1108
- font-size: 16px;
1109
- font-weight: bold;
1110
- }
1111
- .ant-modal-title .base-title {
1112
- cursor: move !important;
1113
- }
1114
- .ant-modal .ant-modal-body {
1115
- padding: 0;
1116
- }
1117
- .ant-modal .ant-modal-body > .scrollbar > .scrollbar__bar.is-horizontal {
1118
- display: none;
1119
- }
1120
- .ant-modal-large {
1121
- top: 60px;
1122
- }
1123
- .ant-modal-large--mini {
1124
- top: 16px;
1125
- }
1126
- .ant-modal-header {
1127
- padding: 16px;
1128
- }
1129
- .ant-modal-footer {
1130
- border-radius: unset !important;
1131
- }
1132
- .ant-modal-footer button + button {
1133
- margin-left: 10px;
1134
- }
1135
- .ant-modal-close-x {
1136
- display: inline-block;
1137
- width: 96px !important;
1138
- }
1139
- .ant-modal-confirm-body .ant-modal-confirm-content > * {
1140
- color: #909399;
1141
- }
1142
- .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
1143
- color: #ED6F6F;
1144
- }
1145
- .ant-modal-confirm-btns .ant-btn:last-child {
1146
- margin-right: 0;
1147
- }
1148
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
1149
- color: #EFBD47;
1150
- }
1151
- .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
1152
- color: #55D187;
1153
- }
1154
- .ant-modal-confirm .ant-modal-body {
1155
- padding: 24px !important;
1156
1094
  }.scroll-container {
1157
1095
  width: 100%;
1158
1096
  height: 100%;
@@ -1225,6 +1163,55 @@ span.iconify {
1225
1163
  }
1226
1164
  .shy-basic-title-help[data-v-a48f9d86] {
1227
1165
  margin-left: 10px;
1166
+ }@media screen and (max-height: 600px) {
1167
+ .shy-basic-modal .ant-modal {
1168
+ top: 60px;
1169
+ }
1170
+ }
1171
+ @media screen and (max-height: 540px) {
1172
+ .shy-basic-modal .ant-modal {
1173
+ top: 30px;
1174
+ }
1175
+ }
1176
+ @media screen and (max-height: 480px) {
1177
+ .shy-basic-modal .ant-modal {
1178
+ top: 10px;
1179
+ }
1180
+ }
1181
+ .shy-basic-modal :is(.ant-modal-header) {
1182
+ margin: 0;
1183
+ border-bottom: 1px solid #E4E7ED;
1184
+ }
1185
+ .shy-basic-modal :is(.ant-modal-footer) {
1186
+ padding: 10px;
1187
+ margin: 0;
1188
+ border-top: 1px solid #E4E7ED;
1189
+ }
1190
+ .shy-basic-modal.fullscreen-modal {
1191
+ height: 100%;
1192
+ overflow: hidden;
1193
+ }
1194
+ .shy-basic-modal.fullscreen-modal .ant-modal-header {
1195
+ pointer-events: none;
1196
+ }
1197
+ .shy-basic-modal.fullscreen-modal .ant-modal {
1198
+ top: 0 !important;
1199
+ right: 0 !important;
1200
+ bottom: 0 !important;
1201
+ left: 0 !important;
1202
+ padding-bottom: 0;
1203
+ margin: 0;
1204
+ width: 100% !important;
1205
+ max-width: 100%;
1206
+ height: 100% !important;
1207
+ }
1208
+ .shy-basic-modal.fullscreen-modal .ant-modal-body {
1209
+ flex: 1;
1210
+ }
1211
+ .shy-basic-modal.fullscreen-modal .ant-modal-content {
1212
+ display: flex;
1213
+ flex-direction: column;
1214
+ height: 100%;
1228
1215
  }.shy-basic-table-action {
1229
1216
  display: flex;
1230
1217
  align-items: center;
@@ -1318,6 +1305,9 @@ span.iconify {
1318
1305
  display: flex;
1319
1306
  justify-content: space-between;
1320
1307
  }
1308
+ .shy-basic-form :is(.ant-input-number) {
1309
+ width: 100%;
1310
+ }
1321
1311
  .shy-basic-form-action {
1322
1312
  width: 250px !important;
1323
1313
  }
@@ -1837,7 +1827,10 @@ span.iconify {
1837
1827
  display: inline-grid;
1838
1828
  }.app-iconify[data-v-21146269] {
1839
1829
  vertical-align: middle;
1840
- }[data-theme='dark'] .ant-table-tbody > tr:hover.ant-table-row-selected > td, [data-theme='dark'] .ant-table-tbody > tr.ant-table-row-selected td {
1830
+ }.shy-basic-table .ant-table-expanded-row-fixed {
1831
+ width: 100% !important;
1832
+ }
1833
+ [data-theme='dark'] .ant-table-tbody > tr:hover.ant-table-row-selected > td, [data-theme='dark'] .ant-table-tbody > tr.ant-table-row-selected td {
1841
1834
  background-color: #262626;
1842
1835
  }
1843
1836
  .shy-basic-table {
@@ -1963,6 +1956,9 @@ span.iconify {
1963
1956
  .shy-basic-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
1964
1957
  overflow-x: auto !important;
1965
1958
  }
1959
+ .shy-basic-table .ant-table-tbody tr td:empty::after {
1960
+ content: '-' !important;
1961
+ }
1966
1962
  .hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
1967
1963
  overflow-y: auto !important;
1968
1964
  }
@@ -1974,12 +1970,6 @@ span.iconify {
1974
1970
  }
1975
1971
  .hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
1976
1972
  overflow-y: auto !important;
1977
- }
1978
- .ant-table-tbody tr td:empty::after {
1979
- content: '-' !important;
1980
- }
1981
- .ant-table-expanded-row-fixed {
1982
- width: 100% !important;
1983
1973
  }.wrapper[data-v-24f758b3] {
1984
1974
  display: flex;
1985
1975
  }
@@ -8192,19 +8182,19 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
8192
8182
  }[data-theme='dark'] .ant-table-tbody > tr:hover.ant-table-row-selected > td, [data-theme='dark'] .ant-table-tbody > tr.ant-table-row-selected td {
8193
8183
  background-color: #262626;
8194
8184
  }
8195
- .shy-basic-table {
8185
+ .shy-table {
8196
8186
  overflow: hidden;
8197
8187
  width: 100%;
8198
8188
  height: 100%;
8199
8189
  }
8200
- .shy-basic-table-table-wrapper {
8201
- padding: 10px 10px 10px 10px;
8190
+ .shy-table-table-wrapper {
8191
+ padding: 10px 10px 0 10px;
8202
8192
  background: #fff;
8203
8193
  }
8204
- .shy-basic-table-row__striped td {
8194
+ .shy-table-row__striped td {
8205
8195
  background-color: #fafafa;
8206
8196
  }
8207
- .shy-basic-table-advanced-search {
8197
+ .shy-table-advanced-search {
8208
8198
  position: absolute;
8209
8199
  top: 40px;
8210
8200
  right: 106px;
@@ -8214,32 +8204,32 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
8214
8204
  border: 1px solid #ebebeb;
8215
8205
  padding: 10px 10px 42px 10px;
8216
8206
  }
8217
- .shy-basic-table-advanced-search .shy-ui-advanced-search {
8207
+ .shy-table-advanced-search .shy-ui-advanced-search {
8218
8208
  max-height: 500px;
8219
8209
  overflow: auto;
8220
8210
  }
8221
- .shy-basic-table-advanced-search-footer {
8211
+ .shy-table-advanced-search-footer {
8222
8212
  position: absolute;
8223
8213
  left: 10px;
8224
8214
  bottom: 10px;
8225
8215
  }
8226
- .shy-basic-table-advanced-search-item {
8216
+ .shy-table-advanced-search-item {
8227
8217
  display: flex;
8228
8218
  align-items: center;
8229
8219
  justify-content: space-between;
8230
8220
  margin-bottom: 8px;
8231
8221
  }
8232
- .shy-basic-table-form-container .ant-form {
8222
+ .shy-table-form-container .ant-form {
8233
8223
  position: relative;
8234
8224
  padding: 12px 10px 6px;
8235
8225
  width: 100%;
8236
8226
  background-color: #ffffff;
8237
8227
  border-radius: 12px;
8238
8228
  }
8239
- .shy-basic-table .ant-tag {
8229
+ .shy-table .ant-tag {
8240
8230
  margin-right: 0;
8241
8231
  }
8242
- .shy-basic-table .ant-table-thead .ant-table-selection-column::before {
8232
+ .shy-table .ant-table-thead .ant-table-selection-column::before {
8243
8233
  position: absolute;
8244
8234
  top: 50%;
8245
8235
  right: 0;
@@ -8250,69 +8240,49 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
8250
8240
  transform: translateY(-50%);
8251
8241
  transition: background-color 0.3s;
8252
8242
  }
8253
- .shy-basic-table .ant-table-wrapper {
8243
+ .shy-table .ant-table-wrapper {
8254
8244
  padding: 0 !important;
8255
8245
  background-color: #ffffff;
8256
8246
  border-radius: 12px;
8257
8247
  }
8258
- .shy-basic-table .ant-table-wrapper .ant-table-title {
8248
+ .shy-table .ant-table-wrapper .ant-table-title {
8259
8249
  padding: 0 0 8px !important;
8260
8250
  min-height: 40px;
8261
8251
  }
8262
- .shy-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
8252
+ .shy-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
8263
8253
  border: none !important;
8264
8254
  }
8265
- .shy-basic-table .ant-table {
8255
+ .shy-table .ant-table {
8266
8256
  overflow-x: hidden;
8267
8257
  width: 100%;
8268
8258
  }
8269
- .shy-basic-table .ant-table-title {
8259
+ .shy-table .ant-table-title {
8270
8260
  display: flex;
8271
8261
  justify-content: space-between;
8272
8262
  align-items: center;
8273
8263
  padding: 8px 6px;
8274
8264
  border-bottom: none;
8275
8265
  }
8276
- .shy-basic-table .ant-pagination {
8277
- margin: 10px 0 0 !important;
8278
- }
8279
- .shy-basic-table .ant-table-footer {
8280
- padding: 0;
8281
- }
8282
- .shy-basic-table .ant-table-footer .ant-table-wrapper {
8283
- padding: 0;
8284
- }
8285
- .shy-basic-table .ant-table-footer table {
8286
- border: none !important;
8287
- }
8288
- .shy-basic-table .ant-table-footer .ant-table-body {
8289
- overflow-x: hidden !important;
8290
- overflow-y: scroll !important;
8291
- padding-right: 7px;
8292
- }
8293
- .shy-basic-table .ant-table-footer td {
8294
- padding: 12px 8px;
8295
- }
8296
- .shy-basic-table .shy-basic-form-input > .ant-col {
8266
+ .shy-table .shy-basic-form-input > .ant-col {
8297
8267
  padding-left: 0 !important;
8298
8268
  padding-right: 20px !important;
8299
8269
  }
8300
- .shy-basic-table--inset .ant-table-wrapper {
8270
+ .shy-table--inset .ant-table-wrapper {
8301
8271
  padding: 0;
8302
8272
  }
8303
- .shy-basic-table .ant-table-container {
8273
+ .shy-table .ant-table-container {
8304
8274
  border: 1px solid #f0f0f0;
8305
8275
  }
8306
- .shy-basic-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
8276
+ .shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
8307
8277
  overflow-x: auto !important;
8308
8278
  }
8309
- .shy-basic-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-body {
8279
+ .shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-body {
8310
8280
  overflow: auto !important;
8311
8281
  }
8312
- .shy-basic-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner {
8282
+ .shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner {
8313
8283
  overflow-x: auto !important;
8314
8284
  }
8315
- .shy-basic-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
8285
+ .shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
8316
8286
  overflow-x: auto !important;
8317
8287
  }
8318
8288
  .hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
@@ -8327,11 +8297,8 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
8327
8297
  .hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
8328
8298
  overflow-y: auto !important;
8329
8299
  }
8330
- .ant-table-tbody tr td:empty::after {
8300
+ .hide-scrollbar-y .ant-table-tbody tr td:empty::after {
8331
8301
  content: '-' !important;
8332
- }
8333
- .ant-table-expanded-row-fixed {
8334
- width: 100% !important;
8335
8302
  }.edit-cell-align-left {
8336
8303
  text-align: left;
8337
8304
  }
@@ -8516,6 +8483,16 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
8516
8483
  }.shy-basic-table-header-cell__help {
8517
8484
  margin-left: 8px;
8518
8485
  color: rgba(0, 0, 0, 0.65) !important;
8486
+ }.shy-table-footer {
8487
+ display: flex;
8488
+ width: 100%;
8489
+ height: 45px;
8490
+ align-items: center;
8491
+ }
8492
+ .shy-table-footer-settings {
8493
+ display: flex;
8494
+ flex: 1;
8495
+ font-size: 14px;
8519
8496
  }.shy-basic-table-action {
8520
8497
  display: flex;
8521
8498
  align-items: center;