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

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;
 }
@@ -8189,4 +8189,366 @@ 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-basic-table {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+}
+.shy-basic-table-table-wrapper {
+  padding: 10px 10px 10px 10px;
+  background: #fff;
+}
+.shy-basic-table-row__striped td {
+  background-color: #fafafa;
+}
+.shy-basic-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-basic-table-advanced-search .shy-ui-advanced-search {
+  max-height: 500px;
+  overflow: auto;
+}
+.shy-basic-table-advanced-search-footer {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+.shy-basic-table-advanced-search-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.shy-basic-table-form-container .ant-form {
+  position: relative;
+  padding: 12px 10px 6px;
+  width: 100%;
+  background-color: #ffffff;
+  border-radius: 12px;
+}
+.shy-basic-table .ant-tag {
+  margin-right: 0;
+}
+.shy-basic-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-basic-table .ant-table-wrapper {
+  padding: 0 !important;
+  background-color: #ffffff;
+  border-radius: 12px;
+}
+.shy-basic-table .ant-table-wrapper .ant-table-title {
+  padding: 0 0 8px !important;
+  min-height: 40px;
+}
+.shy-basic-table .ant-table-wrapper .ant-table.ant-table-bordered .ant-table-title {
+  border: none !important;
+}
+.shy-basic-table .ant-table {
+  overflow-x: hidden;
+  width: 100%;
+}
+.shy-basic-table .ant-table-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px 6px;
+  border-bottom: none;
+}
+.shy-basic-table .ant-pagination {
+  margin: 10px 0 0 !important;
+}
+.shy-basic-table .ant-table-footer {
+  padding: 0;
+}
+.shy-basic-table .ant-table-footer .ant-table-wrapper {
+  padding: 0;
+}
+.shy-basic-table .ant-table-footer table {
+  border: none !important;
+}
+.shy-basic-table .ant-table-footer .ant-table-body {
+  overflow-x: hidden !important;
+  overflow-y: scroll !important;
+  padding-right: 7px;
+}
+.shy-basic-table .ant-table-footer td {
+  padding: 12px 8px;
+}
+.shy-basic-table .shy-basic-form-input > .ant-col {
+  padding-left: 0 !important;
+  padding-right: 20px !important;
+}
+.shy-basic-table--inset .ant-table-wrapper {
+  padding: 0;
+}
+.shy-basic-table .ant-table-container {
+  border: 1px solid #f0f0f0;
+}
+.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 {
+  overflow-x: auto !important;
+}
+.shy-basic-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-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 {
+  overflow-x: auto !important;
+}
+.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;
+}
+.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;
+}
+.ant-table-tbody tr td:empty::after {
+  content: '-' !important;
+}
+.ant-table-expanded-row-fixed {
+  width: 100% !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-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;
 }