npm - 3h1-ui - Versions diffs - 3.0.0-next.6 → 3.0.0-next.8 - Mend

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

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

package/es/style.css CHANGED Viewed

@@ -297,6 +297,10 @@ ul {
     max-width: 1600px;
   }
 }
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+}
 .border-primary {
   --tw-border-opacity: 1;
   border-color: rgba(24, 144, 255, var(--tw-border-opacity));
@@ -380,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;
 }
@@ -459,6 +463,10 @@ ul {
 .resize {
   resize: both;
 }
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
+}
 .truncate {
   overflow: hidden;
   -o-text-overflow: ellipsis;
@@ -951,7 +959,6 @@ span.iconify {
 }
 .scroll-container .scrollbar__wrap {
   overflow-x: hidden;
-  margin-bottom: 18px !important;
 }
 .scroll-container .scrollbar__view {
   box-sizing: border-box;
@@ -990,28 +997,40 @@ span.iconify {
 .shy-tinymce-container textarea {
   z-index: -1;
   visibility: hidden;
-}.shy-table-edit-icon-plus[data-v-cb71007d] {
+}.shy-table-edit-icon-plus[data-v-9232fde4] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-cb71007d] .ant-form-item {
+.table-children[data-v-9232fde4] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.delete-wrapper[data-v-cb71007d] {
+.table-children-required[data-v-9232fde4] {
+  color: #ff4d4f;
+  margin-right: 4px;
+}
+.table-children[data-v-9232fde4] .ant-table-cell {
+  padding: 8px !important;
+}
+.table-children[data-v-9232fde4] .ant-table-cell .ant-form-item-explain {
+  display: none;
+}
+.table-children-delete-wrapper[data-v-9232fde4] {
+  display: flex;
   height: 100%;
+  justify-content: center;
 }
-.delete-wrapper:hover .delete-item[data-v-cb71007d] {
+.table-children-delete-wrapper:hover .table-children-delete-item[data-v-9232fde4] {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.delete-wrapper:hover .delete-index[data-v-cb71007d] {
+.table-children-delete-wrapper:hover .table-children-delete-index[data-v-9232fde4] {
   display: none;
 }
-.delete-wrapper .delete-item[data-v-cb71007d] {
+.table-children-delete-item[data-v-9232fde4] {
   background-color: red;
   border-radius: 50%;
   width: 30px;
@@ -1020,7 +1039,8 @@ span.iconify {
   display: none;
   cursor: pointer;
 }
-.delete-wrapper .delete-index[data-v-cb71007d] {
+.table-children-delete-index[data-v-9232fde4] {
+  user-select: none;
   display: inline-block;
 }@media screen and (max-height: 600px) {
   .ant-modal {
@@ -1040,15 +1060,22 @@ span.iconify {
 .fullscreen-modal {
   overflow: hidden;
 }
+.fullscreen-modal .ant-modal-header {
+  pointer-events: none;
+}
 .fullscreen-modal .ant-modal {
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
+  padding-bottom: 0;
+  margin: 0;
   width: 100% !important;
-  height: 100%;
+  max-width: 100%;
 }
 .fullscreen-modal .ant-modal-content {
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 .ant-modal {
@@ -1132,7 +1159,6 @@ span.iconify {
 }
 .scroll-container .scrollbar__wrap {
   overflow-x: hidden;
-  margin-bottom: 18px !important;
 }
 .scroll-container .scrollbar__view {
   box-sizing: border-box;
@@ -1296,6 +1322,7 @@ span.iconify {
   width: 250px !important;
 }
 .shy-basic-form-input {
+  width: 100%;
   flex: 1;
 }
 .shy-basic-form-toggle {
@@ -1348,6 +1375,9 @@ span.iconify {
 .shy-basic-form .ant-form-item:not(.ant-form-item-with-help) {
   margin-bottom: 20px;
 }
+.shy-basic-form .ant-form-item-control-input-content > div > div:not(.ant-input-number-handler-wrap) {
+  width: 100%;
+}
 .shy-basic-form .ant-form-item.suffix-item .ant-form-item-children {
   display: flex;
 }
@@ -1393,6 +1423,9 @@ span.iconify {
   height: 14px;
   content: '';
   background: #2991ff;
+}
+.table-children-err-popover .ant-popover-inner-content {
+  padding: 6px 16px;
 }.shy-search[data-v-a0f20f9d] {
   position: relative;
   display: flex;
@@ -8156,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;
 }