3h1-ui 3.0.0-next.7 → 3.0.0-next.9

package/es/style.css

@@ -384,14 +384,14 @@ ul {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
 }
-.mx-auto {
-  margin-left: auto;
-  margin-right: auto;
-}
 .mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
 }
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -1043,27 +1043,37 @@ span.iconify {
   user-select: none;
   display: inline-block;
 }@media screen and (max-height: 600px) {
-  .ant-modal {
+  .shy-basic-modal .ant-modal {
     top: 60px;
   }
 }
 @media screen and (max-height: 540px) {
-  .ant-modal {
+  .shy-basic-modal .ant-modal {
     top: 30px;
   }
 }
 @media screen and (max-height: 480px) {
-  .ant-modal {
+  .shy-basic-modal .ant-modal {
     top: 10px;
   }
 }
-.fullscreen-modal {
+.shy-basic-modal :is(.ant-modal-header) {
+  margin: 0;
+  border-bottom: 1px solid #E4E7ED;
+}
+.shy-basic-modal :is(.ant-modal-footer) {
+  padding: 10px;
+  margin: 0;
+  border-top: 1px solid #E4E7ED;
+}
+.shy-basic-modal.fullscreen-modal {
+  height: 100%;
   overflow: hidden;
 }
-.fullscreen-modal .ant-modal-header {
+.shy-basic-modal.fullscreen-modal .ant-modal-header {
   pointer-events: none;
 }
-.fullscreen-modal .ant-modal {
+.shy-basic-modal.fullscreen-modal .ant-modal {
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
@@ -1072,87 +1082,15 @@ span.iconify {
   margin: 0;
   width: 100% !important;
   max-width: 100%;
+  height: 100% !important;
 }
-.fullscreen-modal .ant-modal-content {
+.shy-basic-modal.fullscreen-modal .ant-modal-body {
+  flex: 1;
+}
+.shy-basic-modal.fullscreen-modal .ant-modal-content {
   display: flex;
   flex-direction: column;
   height: 100%;
-}
-.ant-modal {
-  padding-bottom: 0;
-  width: 520px;
-}
-.ant-modal .ant-modal-body > .scrollbar {
-  padding: 14px;
-}
-.ant-modal-content {
-  padding: 0 !important;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-.ant-modal-close {
-  top: unset !important;
-  width: unset !important;
-  height: unset !important;
-  font-weight: normal;
-  outline: none;
-}
-.ant-modal-close:hover, .ant-modal-close:active {
-  background: unset !important;
-}
-.ant-modal-close-x .shy-basic-modal-close {
-  justify-content: flex-end;
-  height: 56px;
-  line-height: 56px;
-}
-.ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.ant-modal-title .base-title {
-  cursor: move !important;
-}
-.ant-modal .ant-modal-body {
-  padding: 0;
-}
-.ant-modal .ant-modal-body > .scrollbar > .scrollbar__bar.is-horizontal {
-  display: none;
-}
-.ant-modal-large {
-  top: 60px;
-}
-.ant-modal-large--mini {
-  top: 16px;
-}
-.ant-modal-header {
-  padding: 16px;
-}
-.ant-modal-footer {
-  border-radius: unset !important;
-}
-.ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.ant-modal-close-x {
-  display: inline-block;
-  width: 96px !important;
-}
-.ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ED6F6F;
-}
-.ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #EFBD47;
-}
-.ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #55D187;
-}
-.ant-modal-confirm .ant-modal-body {
-  padding: 24px !important;
 }.scroll-container {
   width: 100%;
   height: 100%;
@@ -1225,6 +1163,55 @@ span.iconify {
 }
 .shy-basic-title-help[data-v-a48f9d86] {
   margin-left: 10px;
+}@media screen and (max-height: 600px) {
+  .shy-basic-modal .ant-modal {
+    top: 60px;
+  }
+}
+@media screen and (max-height: 540px) {
+  .shy-basic-modal .ant-modal {
+    top: 30px;
+  }
+}
+@media screen and (max-height: 480px) {
+  .shy-basic-modal .ant-modal {
+    top: 10px;
+  }
+}
+.shy-basic-modal :is(.ant-modal-header) {
+  margin: 0;
+  border-bottom: 1px solid #E4E7ED;
+}
+.shy-basic-modal :is(.ant-modal-footer) {
+  padding: 10px;
+  margin: 0;
+  border-top: 1px solid #E4E7ED;
+}
+.shy-basic-modal.fullscreen-modal {
+  height: 100%;
+  overflow: hidden;
+}
+.shy-basic-modal.fullscreen-modal .ant-modal-header {
+  pointer-events: none;
+}
+.shy-basic-modal.fullscreen-modal .ant-modal {
+  top: 0 !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  padding-bottom: 0;
+  margin: 0;
+  width: 100% !important;
+  max-width: 100%;
+  height: 100% !important;
+}
+.shy-basic-modal.fullscreen-modal .ant-modal-body {
+  flex: 1;
+}
+.shy-basic-modal.fullscreen-modal .ant-modal-content {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }.shy-basic-table-action {
   display: flex;
   align-items: center;
@@ -1318,6 +1305,9 @@ span.iconify {
   display: flex;
   justify-content: space-between;
 }
+.shy-basic-form :is(.ant-input-number) {
+  width: 100%;
+}
 .shy-basic-form-action {
   width: 250px !important;
 }
@@ -1837,7 +1827,10 @@ span.iconify {
   display: inline-grid;
 }.app-iconify[data-v-21146269] {
   vertical-align: middle;
-}[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 {
+}.shy-basic-table .ant-table-expanded-row-fixed {
+  width: 100% !important;
+}
+[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 {
   background-color: #262626;
 }
 .shy-basic-table {
@@ -1963,6 +1956,9 @@ span.iconify {
 .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 {
   overflow-x: auto !important;
 }
+.shy-basic-table .ant-table-tbody tr td:empty::after {
+  content: '-' !important;
+}
 .hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
   overflow-y: auto !important;
 }
@@ -1974,12 +1970,6 @@ span.iconify {
 }
 .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 {
   overflow-y: auto !important;
-}
-.ant-table-tbody tr td:empty::after {
-  content: '-' !important;
-}
-.ant-table-expanded-row-fixed {
-  width: 100% !important;
 }.wrapper[data-v-24f758b3] {
   display: flex;
 }
@@ -8189,4 +8179,353 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
 }
 .vue-colorful__hue-pointer {
   z-index: 2;
+}[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 {
+  background-color: #262626;
+}
+.shy-table {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+.shy-table-table-wrapper {
+  padding: 10px 10px 0 10px;
+  background: #fff;
+}
+.shy-table-row__striped td {
+  background-color: #fafafa;
+}
+.shy-table-advanced-search {
+  position: absolute;
+  top: 40px;
+  right: 106px;
+  width: 600px;
+  z-index: 100;
+  background-color: #fff;
+  border: 1px solid #ebebeb;
+  padding: 10px 10px 42px 10px;
+}
+.shy-table-advanced-search .shy-ui-advanced-search {
+  max-height: 500px;
+  overflow: auto;
+}
+.shy-table-advanced-search-footer {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+.shy-table-advanced-search-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.shy-table-form-container .ant-form {
+  position: relative;
+  padding: 12px 10px 6px;
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 12px;
+}
+.shy-table .ant-tag {
+  margin-right: 0;
+}
+.shy-table .ant-table-thead .ant-table-selection-column::before {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 1px;
+  height: 1.6em;
+  background-color: rgba(0, 0, 0, 0.06);
+  content: "";
+  transform: translateY(-50%);
+  transition: background-color 0.3s;
+}
+.shy-table .ant-table-wrapper {
+  padding: 0 !important;
+  background-color: #ffffff;
+  border-radius: 12px;
+}
+.shy-table .ant-table-wrapper .ant-table-title {
+  padding: 0 0 8px !important;
+  min-height: 40px;
+}
+.shy-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
+  border: none !important;
+}
+.shy-table .ant-table {
+  overflow-x: hidden;
+  width: 100%;
+}
+.shy-table .ant-table-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 6px;
+  border-bottom: none;
+}
+.shy-table .shy-basic-form-input > .ant-col {
+  padding-left: 0 !important;
+  padding-right: 20px !important;
+}
+.shy-table--inset .ant-table-wrapper {
+  padding: 0;
+}
+.shy-table .ant-table-container {
+  border: 1px solid #f0f0f0;
+}
+.shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
+  overflow-x: auto !important;
+}
+.shy-table .hide-scrollbar-x .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-body {
+  overflow: auto !important;
+}
+.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 {
+  overflow-x: auto !important;
+}
+.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 {
+  overflow-x: auto !important;
+}
+.hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-hide-scrollbar {
+  overflow-y: auto !important;
+}
+.hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-scroll .ant-table-body {
+  overflow-y: auto !important;
+}
+.hide-scrollbar-y .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner {
+  overflow-y: auto !important;
+}
+.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 {
+  overflow-y: auto !important;
+}
+.hide-scrollbar-y .ant-table-tbody tr td:empty::after {
+  content: '-' !important;
+}.edit-cell-align-left {
+  text-align: left;
+}
+.edit-cell-align-left input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+  text-align: left;
+}
+.edit-cell-align-center {
+  text-align: center;
+}
+.edit-cell-align-center input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+  text-align: center;
+}
+.edit-cell-align-right {
+  text-align: right;
+}
+.edit-cell-align-right input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+  text-align: right;
+}
+.edit-cell-rule-popover .ant-popover-inner-content {
+  padding: 4px 8px;
+  color: #ED6F6F;
+  border-radius: 2px;
+}
+.shy-editable-cell {
+  position: relative;
+  min-height: 24px;
+}
+.shy-editable-cell__wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.shy-editable-cell__wrapper > .ant-select {
+  min-width: calc(100% - 50px);
+}
+.shy-editable-cell__icon:hover {
+  transform: scale(1.2);
+}
+.shy-editable-cell__icon:hover svg {
+  color: #006eff;
+}
+.shy-editable-cell__rule {
+  border: 1px solid #ED6F6F !important;
+}
+.shy-editable-cell__rule::placeholder, .shy-editable-cell__rule ::placeholder {
+  color: #ED6F6F !important;
+}
+.shy-editable-cell .ellipsis-cell .cell-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+.shy-editable-cell__normal-icon {
+  position: absolute;
+  top: 4px;
+  right: 0;
+  display: none;
+  width: 20px;
+  cursor: pointer;
+}
+.shy-editable-cell:hover .shy-editable-cell__normal-icon {
+  display: inline-block;
+}.table-column-drag-icon {
+  margin: 0 5px;
+  cursor: move;
+}
+.shy-basic-column-setting__popover-title {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.shy-basic-column-setting__check-item {
+  display: flex;
+  align-items: center;
+  padding: 4px 16px 8px 0;
+  min-width: 100%;
+}
+.shy-basic-column-setting__check-item .ant-checkbox-wrapper {
+  width: 100%;
+}
+.shy-basic-column-setting__check-item .ant-checkbox-wrapper:hover {
+  color: #006eff;
+}
+.shy-basic-column-setting__fixed-left, .shy-basic-column-setting__fixed-right {
+  color: rgba(0, 0, 0, 0.45);
+  cursor: pointer;
+}
+.shy-basic-column-setting__fixed-left.active, .shy-basic-column-setting__fixed-right.active, .shy-basic-column-setting__fixed-left:hover, .shy-basic-column-setting__fixed-right:hover {
+  color: #006eff;
+}
+.shy-basic-column-setting__fixed-left.disabled, .shy-basic-column-setting__fixed-right.disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.shy-basic-column-setting__fixed-right {
+  transform: rotate(180deg);
+}
+.shy-basic-column-setting__cloumn-list svg {
+  width: 1em !important;
+  height: 1em !important;
+}
+.shy-basic-column-setting__cloumn-list .ant-popover-inner-content {
+  padding-right: 0;
+  padding-left: 0;
+}
+.shy-basic-column-setting__cloumn-list .ant-checkbox-group {
+  width: 100%;
+  min-width: 260px;
+}
+.shy-basic-column-setting__cloumn-list .scrollbar {
+  height: 220px;
+}.icon-selected[data-v-b89f4548] {
+  color: #498bf8;
+}.table-settings {
+  display: flex;
+  align-items: center;
+}
+.table-settings > * {
+  margin-right: 12px;
+}
+.table-settings svg {
+  width: 1.3em;
+  height: 1.3em;
+}.shy-basic-table-header__button {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.shy-basic-table-header__button > * {
+  margin-right: 0.5rem;
+}
+.shy-basic-table-header__toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex: 1;
+}
+.shy-basic-table-header__toolbar > * {
+  margin-right: 8px;
+}.shy-basic-table-global-search[data-v-47e7f228] {
+  position: absolute;
+  top: 40px;
+  right: 131px;
+  width: 200px;
+  max-height: 800px;
+  overflow: auto;
+  background-color: #fff;
+  z-index: 1000;
+  border: 1px solid #ebebeb;
+  padding: 10px;
+}
+.shy-basic-table-global-search-item-global[data-v-47e7f228] {
+  height: 32px;
+  line-height: 32px;
+  font-size: 14px;
+  color: #131415;
+  cursor: pointer;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.shy-basic-table-global-search-item-special[data-v-47e7f228] {
+  height: 32px;
+  line-height: 32px;
+  font-size: 14px;
+  color: #131415;
+  cursor: pointer;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.shy-basic-table-global-search-checkbox-wrapper[data-v-47e7f228] {
+  padding: 0 8px;
+}
+.shy-basic-table-global-search .selected-bg[data-v-47e7f228] {
+  background-color: #ebf1ff;
+}.shy-basic-table-header-cell__help {
+  margin-left: 8px;
+  color: rgba(0, 0, 0, 0.65) !important;
+}.shy-table-footer {
+  display: flex;
+  width: 100%;
+  height: 45px;
+  align-items: center;
+}
+.shy-table-footer-settings {
+  display: flex;
+  flex: 1;
+  font-size: 14px;
+}.shy-basic-table-action {
+  display: flex;
+  align-items: center;
+}
+.shy-basic-table-action .action-divider {
+  display: table;
+}
+.shy-basic-table-action.left {
+  justify-content: flex-start;
+}
+.shy-basic-table-action.center {
+  justify-content: center;
+}
+.shy-basic-table-action.right {
+  justify-content: flex-end;
+}
+.shy-basic-table-action button {
+  display: flex;
+  align-items: center;
+}
+.shy-basic-table-action button span {
+  margin-left: 0 !important;
+}
+.shy-basic-table-action button.ant-btn-circle span {
+  margin: auto !important;
+}
+.shy-basic-table-action .ant-divider, .shy-basic-table-action .ant-divider-vertical {
+  margin: 0 2px;
+}
+.shy-basic-table-action .icon-more {
+  transform: rotate(90deg);
+}
+.shy-basic-table-action .icon-more svg {
+  font-size: 1.1em;
+  font-weight: 700;
 }