3h1-ui 3.0.0-next.62 → 3.0.0-next.64

package/es/style.css

@@ -309,27 +309,12 @@ ul {
   --tw-border-opacity: 1;
   border-color: rgba(24, 144, 255, var(--tw-border-opacity));
 }
-.border-color-\[\#f0f0f0\] {
-  --tw-border-opacity: 1;
-  border-color: rgba(240, 240, 240, var(--tw-border-opacity));
-}
-.border-color-\[\#2DA44E\] {
-  --tw-border-opacity: 1;
-  border-color: rgba(45, 164, 78, var(--tw-border-opacity));
-}
 .rounded-4px {
   border-radius: 4px;
 }
-.rounded-b-4px {
-  border-bottom-right-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
 .border-solid {
   border-style: solid;
 }
-.border-dashed {
-  border-style: dashed;
-}
 .border {
   border-width: 1px;
 }
@@ -339,15 +324,6 @@ ul {
 .border-t-0 {
   border-top-width: 0px;
 }
-.border-left-1px {
-  border-left-width: 1px;
-}
-.border-right-1px {
-  border-right-width: 1px;
-}
-.border-bottom-1px {
-  border-bottom-width: 1px;
-}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -389,6 +365,12 @@ ul {
   -webkit-align-items: center;
   align-items: center;
 }
+.justify-end {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  -webkit-justify-content: flex-end;
+  justify-content: flex-end;
+}
 .justify-center {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
@@ -407,11 +389,8 @@ ul {
 .\!h-full {
   height: 100% !important;
 }
-.h-50px {
-  height: 50px;
-}
-.h-32px {
-  height: 32px;
+.h-\[fit-content\] {
+  height: fit-content;
 }
 .\.w-100 {
   height: 25rem;
@@ -420,9 +399,6 @@ ul {
   font-size: 14px;
   line-height: 1;
 }
-.leading-32px {
-  line-height: 32px;
-}
 .mx-1 {
   margin-left: 0.25rem;
   margin-right: 0.25rem;
@@ -491,11 +467,9 @@ ul {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.pl-8px {
-  padding-left: 8px;
-}
-.pr-8px {
-  padding-right: 8px;
+.py-8px {
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 .pl-2 {
   padding-left: 0.5rem;
@@ -515,9 +489,6 @@ ul {
 .resize {
   resize: both;
 }
-.text-center {
-  text-align: center;
-}
 .text-red-500 {
   --tw-text-opacity: 1;
   color: rgba(239, 68, 68, var(--tw-text-opacity));
@@ -526,10 +497,6 @@ ul {
   --tw-text-opacity: 1;
   color: rgba(27, 31, 36, var(--tw-text-opacity));
 }
-.text-\[\#2DA44E\] {
-  --tw-text-opacity: 1;
-  color: rgba(45, 164, 78, var(--tw-text-opacity));
-}
 .truncate {
   overflow: hidden;
   -o-text-overflow: ellipsis;
@@ -948,7 +915,7 @@ input:focus.ant-input {
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar {
   position: absolute;
   height: 10px;
-  width: 10px;
+  width: 0;
 }
 :is(.ant-table-body, .ant-table-content)::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 10px 10px var(--gray-2);
@@ -977,11 +944,78 @@ input:focus.ant-input {
 .ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-last::after {
   box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08) !important;
 }
+.ant-table-cell-fix-right-first {
+  right: -1px !important;
+}
 .ant-table-body {
   overflow: auto auto !important;
 }
-.ant-table-cell-fix-right-first {
-  right: 0 !important;
+.ant-table-body table:has(.ant-table-placeholder) {
+  height: 100%;
+}
+.ant-table-body table:has(.ant-table-placeholder) .ant-table-expanded-row-fixed {
+  width: 100% !important;
+}
+.ant-table-wrapper.ant-table-wrapper {
+  padding: 0;
+  background-color: var(--gray-1);
+  border-radius: 12px;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table {
+  overflow-x: hidden;
+  width: 100%;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table .ant-table-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 0 16px 0;
+  border-bottom: none;
+  min-height: 40px;
+  border: none;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table:not(.ant-table-bordered) .ant-table-tbody > tr > td {
+  border-top: none;
+  border-bottom: 1px solid var(--gray-2);
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-header .ant-table-selection-column::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead .ant-table-selection-column::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 1px;
+  height: 1.6em;
+  background-color: var(--gray-3);
+  transform: translateY(-50%);
+  transition: background-color 0.3s;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-header th, .ant-table-wrapper.ant-table-wrapper .ant-table-thead th, .ant-table-wrapper.ant-table-wrapper .ant-table-header td, .ant-table-wrapper.ant-table-wrapper .ant-table-thead td {
+  background: var(--gray-1);
+  border-bottom: 1px solid var(--gray-3);
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-header th::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead th::before, .ant-table-wrapper.ant-table-wrapper .ant-table-header td::before, .ant-table-wrapper.ant-table-wrapper .ant-table-thead td::before {
+  background-color: var(--gray-3) !important;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-container.ant-table-container {
+  border-inline-start: unset;
+  border: 1px solid var(--gray-3);
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-small .ant-table-tbody > tr > td {
+  padding: 7px 8px;
+}
+.ant-table-wrapper.ant-table-wrapper .ant-table-small .ant-table-thead > tr > th * {
+  line-height: 20px;
+}
+.ant-btn {
+  box-shadow: none;
+}
+.ant-btn-dashed.ant-btn-dashed {
+  color: var(--primary-5);
+  border-color: var(--primary-5);
+}
+.ant-btn-dashed.ant-btn-dashed:hover, .ant-btn-dashed.ant-btn-dashed:active, .ant-btn-dashed.ant-btn-dashed:focus {
+  color: var(--gray-0);
+  background-color: var(--primary-5);
 }.shy-strength-meter-bar[data-v-678d40fd] {
   position: relative;
   margin: 10px auto 6px;
@@ -1090,7 +1124,7 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}.shy-basic-title[data-v-df3764dc] {
+}.shy-basic-title[data-v-b0cf71c3] {
   position: relative;
   display: flex;
   font-family: PingFangSC, PingFang SC;
@@ -1103,7 +1137,12 @@ span.iconify {
   justify-content: space-between;
   align-items: center;
 }
-.shy-basic-title-show-span[data-v-df3764dc]::before {
+.shy-basic-title-label[data-v-b0cf71c3] {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.shy-basic-title-show-span[data-v-b0cf71c3]::before {
   content: '';
   position: absolute;
   width: 2px;
@@ -1114,18 +1153,12 @@ span.iconify {
   top: 50%;
   transform: translateY(-50%);
 }
-.shy-basic-title-help[data-v-df3764dc] {
+.shy-basic-title-help[data-v-b0cf71c3] {
   margin-left: 10px;
-}
-.shy-basic-title-expand[data-v-df3764dc] {
-  cursor: pointer;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
+}.shy-collapse-container-arrow {
+  font-size: 14px !important;
   color: var(--primary-5);
-}
-.shy-basic-title-expand-icon[data-v-df3764dc] {
-  margin-right: 3px;
+  cursor: pointer;
 }.shy-collapse-container {
   background-color: #ffffff;
   border-radius: 2px;
@@ -1136,7 +1169,10 @@ span.iconify {
   justify-content: space-between;
   align-items: center;
   height: 32px;
-  border-bottom: 1px solid #E4E7ED;
+  border-radius: 4px;
+}
+.shy-collapse-container__header-action {
+  background: var(--gray-1);
 }
 .shy-collapse-container__footer {
   border-top: 1px solid #E4E7ED;
@@ -2042,7 +2078,7 @@ span.iconify {
 }
 .table-children-err-popover .ant-popover-inner-content {
   padding: 6px 16px;
-}.shy-search[data-v-d8be8a1f] {
+}.shy-search[data-v-743e62ba] {
   position: relative;
   display: flex;
   align-items: center;
@@ -8267,51 +8303,41 @@ html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
   overflow: auto;
   padding: 0 0;
   height: 100%;
-}.shy-table-edit-icon-plus[data-v-abb4b35a] {
+}.shy-table-edit-icon-plus[data-v-221ba907] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-abb4b35a] .ant-form-item {
+.table-children[data-v-221ba907] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children-required[data-v-abb4b35a] {
+.table-children[data-v-221ba907] {
+  width: 100%;
+}
+.table-children-required[data-v-221ba907] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-abb4b35a] .ant-table-cell {
+.table-children[data-v-221ba907] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-abb4b35a] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-221ba907] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-delete-wrapper[data-v-abb4b35a] {
+.table-children-add-btn[data-v-221ba907] {
   display: flex;
-  height: 100%;
-  justify-content: center;
-}
-.table-children-delete-wrapper:hover .table-children-delete-item[data-v-abb4b35a] {
-  display: flex;
-  justify-content: center;
   align-items: center;
+  padding-inline: 8px;
+  height: 50px;
+  border-inline: 1px solid var(--gray-3);
+  border-bottom: 1px solid var(--gray-3);
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
 }
-.table-children-delete-wrapper:hover .table-children-delete-index[data-v-abb4b35a] {
-  display: none;
-}
-.table-children-delete-item[data-v-abb4b35a] {
-  background-color: red;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  text-align: center;
-  display: none;
-  cursor: pointer;
-}
-.table-children-delete-index[data-v-abb4b35a] {
-  user-select: none;
-  display: inline-block;
+.table-children-add-btn[data-v-221ba907] .ant-btn {
+  width: 100%;
 }.shy-ant-form {
   display: flex;
   justify-content: space-between;
@@ -8434,58 +8460,66 @@ html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
   width: 100%;
   background-color: var(--gray-3);
 }
+.shy-ant-form-wrapper {
+  --max-width-large: 1224px;
+  --max-width-middle: 864px;
+  --max-width-small: 720px;
+  --min-width--large: 70%;
+  --min-width--middle: 69%;
+  --min-width--small: 68%;
+}
 @media screen and (max-width: 1440px) {
   .shy-ant-form-wrapper-col-1 {
-    min-width: 46%;
-    max-width: 492px;
+    min-width: calc(var(--min-width--small) * (1 / 3));
+    max-width: calc(var(--max-width-small) * (1 / 3));
   }
 }
 @media screen and (max-width: 1920px) and (min-width: 1440px) {
   .shy-ant-form-wrapper-col-1 {
-    min-width: 47%;
-    max-width: 588px;
+    min-width: calc(var(--min-width--middle) * (1 / 3));
+    max-width: calc(var(--max-width-middle) * (1 / 3));
   }
 }
 @media screen and (min-width: 1920px) {
   .shy-ant-form-wrapper-col-1 {
-    min-width: 48%;
-    max-width: 828px;
+    min-width: calc(var(--min-width--large) * (1 / 3));
+    max-width: calc(var(--max-width-large) * (1 / 3));
   }
 }
 @media screen and (max-width: 1440px) {
   .shy-ant-form-wrapper-col-2 {
-    min-width: 69%;
-    max-width: 732px;
+    min-width: calc(var(--min-width--small) * (1 / 3) * 2);
+    max-width: calc(var(--max-width-small) * (1 / 3) * 2);
   }
 }
 @media screen and (max-width: 1920px) and (min-width: 1440px) {
   .shy-ant-form-wrapper-col-2 {
-    min-width: 70%;
-    max-width: 876px;
+    min-width: calc(var(--min-width--middle) * (1 / 3) * 2);
+    max-width: calc(var(--max-width-middle) * (1 / 3) * 2);
   }
 }
 @media screen and (min-width: 1920px) {
   .shy-ant-form-wrapper-col-2 {
-    min-width: 71%;
-    max-width: 1236px;
+    min-width: calc(var(--min-width--large) * (1 / 3) * 2);
+    max-width: calc(var(--max-width-large) * (1 / 3) * 2);
   }
 }
 @media screen and (max-width: 1440px) {
   .shy-ant-form-wrapper-col-3 {
-    min-width: 68%;
-    max-width: 720px;
+    min-width: var(--min-width--small);
+    max-width: var(--max-width-small);
   }
 }
 @media screen and (max-width: 1920px) and (min-width: 1440px) {
   .shy-ant-form-wrapper-col-3 {
-    min-width: 69%;
-    max-width: 864px;
+    min-width: var(--min-width--middle);
+    max-width: var(--max-width-middle);
   }
 }
 @media screen and (min-width: 1920px) {
   .shy-ant-form-wrapper-col-3 {
-    min-width: 70%;
-    max-width: 1224px;
+    min-width: var(--min-width--large);
+    max-width: var(--max-width-large);
   }
 }.wrapper[data-v-0ca4fd85] {
   display: flex;
@@ -8763,56 +8797,11 @@ html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
   height: 7px;
   border-width: 1.5px;
 }
-.shy-ant-table :is(.ant-table-wrapper) {
-  padding: 0;
-  background-color: var(gray-1);
-  border-radius: 12px;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table {
-  overflow-x: hidden;
-  width: 100%;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table .ant-table-title {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 0 16px 0;
-  border-bottom: none;
-  min-height: 40px;
-  border: none;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table:not(.ant-table-bordered) .ant-table-tbody > tr > td {
-  border-top: none;
-  border-bottom: 1px solid var(--gray-2);
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-header .ant-table-selection-column::before, .shy-ant-table :is(.ant-table-wrapper) .ant-table-thead .ant-table-selection-column::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 1px;
-  height: 1.6em;
-  background-color: var(--gray-3);
-  transform: translateY(-50%);
-  transition: background-color 0.3s;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-header th, .shy-ant-table :is(.ant-table-wrapper) .ant-table-thead th, .shy-ant-table :is(.ant-table-wrapper) .ant-table-header td, .shy-ant-table :is(.ant-table-wrapper) .ant-table-thead td {
-  background: var(--gray-1);
-  border-bottom: 1px solid var(--gray-3);
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-header th::before, .shy-ant-table :is(.ant-table-wrapper) .ant-table-thead th::before, .shy-ant-table :is(.ant-table-wrapper) .ant-table-header td::before, .shy-ant-table :is(.ant-table-wrapper) .ant-table-thead td::before {
-  background-color: var(--gray-3) !important;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-container {
+.shy-ant-table .ant-table-container.ant-table-container {
   border-radius: 4px !important;
+  border-inline-start: unset;
   border: 1px solid var(--gray-3);
 }
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-small .ant-table-tbody > tr > td {
-  padding: 7px 8px;
-}
-.shy-ant-table :is(.ant-table-wrapper) .ant-table-small .ant-table-thead > tr > th * {
-  line-height: 20px;
-}
 .shy-ant-table .shy-basic-form-input > .ant-col {
   padding-left: 0;
   padding-right: 20px;
@@ -8997,7 +8986,7 @@ html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
 .shy-container-content {
   flex: 1;
   overflow: auto;
-  padding: 0 16px;
+  padding: 0 16px 16px 16px;
 }
 .shy-container-footer {
   height: 55px;