3h1-ui 3.0.0-next.24 → 3.0.0-next.26

package/es/style.css

@@ -887,14 +887,14 @@ mark {
 }
 .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;
-}.shy-strength-meter-bar[data-v-c8d77eaa] {
+}.shy-strength-meter-bar[data-v-678d40fd] {
   position: relative;
   margin: 10px auto 6px;
   height: 6px;
   background-color: rgba(0, 0, 0, 0.25);
   border-radius: 6px;
 }
-.shy-strength-meter-bar[data-v-c8d77eaa]::before, .shy-strength-meter-bar[data-v-c8d77eaa]::after {
+.shy-strength-meter-bar[data-v-678d40fd]::before, .shy-strength-meter-bar[data-v-678d40fd]::after {
   position: absolute;
   z-index: 10;
   display: block;
@@ -906,13 +906,13 @@ mark {
   border-color: #fff;
   content: '';
 }
-.shy-strength-meter-bar[data-v-c8d77eaa]::before {
+.shy-strength-meter-bar[data-v-678d40fd]::before {
   left: 20%;
 }
-.shy-strength-meter-bar[data-v-c8d77eaa]::after {
+.shy-strength-meter-bar[data-v-678d40fd]::after {
   right: 20%;
 }
-.shy-strength-meter-bar--fill[data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-v-678d40fd] {
   position: absolute;
   width: 0;
   height: inherit;
@@ -920,32 +920,32 @@ mark {
   border-radius: inherit;
   transition: width 0.5s ease-in-out, background 0.25s;
 }
-.shy-strength-meter-bar--fill[data-score='0'][data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-score='0'][data-v-678d40fd] {
   width: 20%;
   background-color: #e74242;
 }
-.shy-strength-meter-bar--fill[data-score='1'][data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-score='1'][data-v-678d40fd] {
   width: 40%;
   background-color: #ED6F6F;
 }
-.shy-strength-meter-bar--fill[data-score='2'][data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-score='2'][data-v-678d40fd] {
   width: 60%;
   background-color: #EFBD47;
 }
-.shy-strength-meter-bar--fill[data-score='3'][data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-score='3'][data-v-678d40fd] {
   width: 80%;
   background-color: rgba(85, 209, 135, 0.5);
 }
-.shy-strength-meter-bar--fill[data-score='4'][data-v-c8d77eaa] {
+.shy-strength-meter-bar--fill[data-score='4'][data-v-678d40fd] {
   width: 100%;
   background-color: #55D187;
-}.shy-svg-icon[data-v-fa64fe87] {
+}.shy-svg-icon[data-v-905fa4a6] {
   display: inline-block;
   overflow: hidden;
   vertical-align: -0.15em;
   fill: currentcolor;
 }
-.svg-icon-spin[data-v-fa64fe87] {
+.svg-icon-spin[data-v-905fa4a6] {
   animation: loadingCircle 1s infinite linear;
 }.app-iconify {
   display: inline-block;
@@ -959,29 +959,29 @@ span.iconify {
   min-height: 1em;
   background-color: #5551;
   border-radius: 100%;
-}.shy-basic-arrow[data-v-03d87956] {
+}.shy-basic-arrow[data-v-fea26917] {
   display: inline-block;
   cursor: pointer;
   transform: rotate(0deg);
   transition: all 0.3s ease 0.1s;
   transform-origin: center center;
 }
-.shy-basic-arrow--active[data-v-03d87956] {
+.shy-basic-arrow--active[data-v-fea26917] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.inset[data-v-03d87956] {
+.shy-basic-arrow.inset[data-v-fea26917] {
   line-height: 0px;
 }
-.shy-basic-arrow.up[data-v-03d87956] {
+.shy-basic-arrow.up[data-v-fea26917] {
   transform: rotate(-90deg);
 }
-.shy-basic-arrow.down[data-v-03d87956] {
+.shy-basic-arrow.down[data-v-fea26917] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.up.shy-basic-arrow--active[data-v-03d87956] {
+.shy-basic-arrow.up.shy-basic-arrow--active[data-v-fea26917] {
   transform: rotate(90deg);
 }
-.shy-basic-arrow.down.shy-basic-arrow--active[data-v-03d87956] {
+.shy-basic-arrow.down.shy-basic-arrow--active[data-v-fea26917] {
   transform: rotate(-90deg);
 }.shy-basic-help {
   display: inline-block;
@@ -995,7 +995,7 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}.shy-basic-title[data-v-c007dbdf] {
+}.shy-basic-title[data-v-59bc8f76] {
   position: relative;
   display: flex;
   padding-left: 7px;
@@ -1006,11 +1006,11 @@ span.iconify {
   cursor: pointer;
   user-select: none;
 }
-.shy-basic-title-normal[data-v-c007dbdf] {
+.shy-basic-title-normal[data-v-59bc8f76] {
   font-size: 14px;
   font-weight: 500;
 }
-.shy-basic-title-show-span[data-v-c007dbdf]::before {
+.shy-basic-title-show-span[data-v-59bc8f76]::before {
   position: absolute;
   top: 4px;
   left: 0;
@@ -1020,7 +1020,7 @@ span.iconify {
   background-color: #006eff;
   content: '';
 }
-.shy-basic-title-help[data-v-c007dbdf] {
+.shy-basic-title-help[data-v-59bc8f76] {
   margin-left: 10px;
 }.shy-collapse-container {
   background-color: #ffffff;
@@ -1144,40 +1144,40 @@ span.iconify {
 .shy-tinymce-container textarea {
   z-index: -1;
   visibility: hidden;
-}.shy-table-edit-icon-plus[data-v-9232fde4] {
+}.shy-table-edit-icon-plus[data-v-95018c58] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-9232fde4] .ant-form-item {
+.table-children[data-v-95018c58] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children-required[data-v-9232fde4] {
+.table-children-required[data-v-95018c58] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-9232fde4] .ant-table-cell {
+.table-children[data-v-95018c58] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-9232fde4] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-95018c58] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-delete-wrapper[data-v-9232fde4] {
+.table-children-delete-wrapper[data-v-95018c58] {
   display: flex;
   height: 100%;
   justify-content: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-item[data-v-9232fde4] {
+.table-children-delete-wrapper:hover .table-children-delete-item[data-v-95018c58] {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-index[data-v-9232fde4] {
+.table-children-delete-wrapper:hover .table-children-delete-index[data-v-95018c58] {
   display: none;
 }
-.table-children-delete-item[data-v-9232fde4] {
+.table-children-delete-item[data-v-95018c58] {
   background-color: red;
   border-radius: 50%;
   width: 30px;
@@ -1186,27 +1186,11 @@ span.iconify {
   display: none;
   cursor: pointer;
 }
-.table-children-delete-index[data-v-9232fde4] {
+.table-children-delete-index[data-v-95018c58] {
   user-select: none;
   display: inline-block;
-}@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-content) {
+}.shy-basic-modal :is(.ant-modal-content) {
   padding: 0;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 .shy-basic-modal :is(.ant-modal-close) {
   top: unset;
@@ -1221,14 +1205,22 @@ span.iconify {
   background: unset;
 }
 .shy-basic-modal :is(.ant-modal-header) {
-  padding: 14px;
+  height: 56px;
+  padding: 18px 16px;
   margin: 0;
-  border-bottom: 1px solid #E4E7ED;
+  box-shadow: inset 0px -1px 0px 0px var(--gray-3);
+  border-bottom: unset;
+}
+.shy-basic-modal :is(.ant-modal-body) {
+  padding: unset !important;
 }
 .shy-basic-modal :is(.ant-modal-footer) {
-  padding: 10px;
+  height: 56px;
+  padding: 12px 16px;
   margin: 0;
-  border-top: 1px solid #E4E7ED;
+  border-top: unset;
+  box-shadow: inset 0px 1px 0px 0px var(--gray-3);
+  background: var(--gray-1);
 }
 .shy-basic-modal.fullscreen-modal {
   height: 100%;
@@ -1480,7 +1472,7 @@ span.iconify {
 }
 .shy-basic-help__wrap p {
   margin-bottom: 0;
-}[data-v-a48f9d86]:root {
+}[data-v-fdc837af]:root {
   --gray-1: #f6f8fa;
   --gray-2: #eaeef2;
   --gray-3: #d0d7de;
@@ -1570,7 +1562,7 @@ span.iconify {
   --shadow-5: 0px 24px 60px 0px rgba(0, 0, 0, 0.12),
       0px 8px 20px 0px rgba(0, 0, 0, 0.06);
 }
-.shy-basic-title[data-v-a48f9d86] {
+.shy-basic-title[data-v-fdc837af] {
   position: relative;
   display: flex;
   padding-left: 7px;
@@ -1581,11 +1573,11 @@ span.iconify {
   cursor: pointer;
   user-select: none;
 }
-.shy-basic-title-normal[data-v-a48f9d86] {
+.shy-basic-title-normal[data-v-fdc837af] {
   font-size: 14px;
   font-weight: 500;
 }
-.shy-basic-title-show-span[data-v-a48f9d86]::before {
+.shy-basic-title-show-span[data-v-fdc837af]::before {
   position: absolute;
   top: 4px;
   left: 0;
@@ -1595,26 +1587,10 @@ span.iconify {
   background-color: #006eff;
   content: '';
 }
-.shy-basic-title-help[data-v-a48f9d86] {
+.shy-basic-title-help[data-v-fdc837af] {
   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-content) {
+}.shy-basic-modal :is(.ant-modal-content) {
   padding: 0;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 .shy-basic-modal :is(.ant-modal-close) {
   top: unset;
@@ -1629,14 +1605,22 @@ span.iconify {
   background: unset;
 }
 .shy-basic-modal :is(.ant-modal-header) {
-  padding: 14px;
+  height: 56px;
+  padding: 18px 16px;
   margin: 0;
-  border-bottom: 1px solid #E4E7ED;
+  box-shadow: inset 0px -1px 0px 0px var(--gray-3);
+  border-bottom: unset;
+}
+.shy-basic-modal :is(.ant-modal-body) {
+  padding: unset !important;
 }
 .shy-basic-modal :is(.ant-modal-footer) {
-  padding: 10px;
+  height: 56px;
+  padding: 12px 16px;
   margin: 0;
-  border-top: 1px solid #E4E7ED;
+  border-top: unset;
+  box-shadow: inset 0px 1px 0px 0px var(--gray-3);
+  background: var(--gray-1);
 }
 .shy-basic-modal.fullscreen-modal {
   height: 100%;
@@ -1867,7 +1851,7 @@ span.iconify {
 }
 .table-children-err-popover .ant-popover-inner-content {
   padding: 6px 16px;
-}.shy-search[data-v-a0f20f9d] {
+}.shy-search[data-v-6d3f2554] {
   position: relative;
   display: flex;
   align-items: center;
@@ -1971,7 +1955,7 @@ span.iconify {
 .shy-tree__action {
   margin-left: 4px;
   visibility: hidden;
-}.shy-page-footer[data-v-b4695833] {
+}.shy-page-footer[data-v-44a47dbd] {
   position: fixed;
   right: 0;
   bottom: 0;
@@ -1986,7 +1970,7 @@ span.iconify {
   line-height: 44px;
   border-top: 1px solid #E4E7ED;
 }
-.shy-page-footer__left[data-v-b4695833] {
+.shy-page-footer__left[data-v-44a47dbd] {
   flex: 1 1;
 }.shy-page-wrapper {
   position: relative;
@@ -2158,7 +2142,7 @@ span.iconify {
 }
 .shy-basic-column-setting__cloumn-list .scrollbar {
   height: 220px;
-}.icon-selected[data-v-c5892da8] {
+}.icon-selected[data-v-f74ee46a] {
   color: #498bf8;
 }.shy-ui-advanced-search .ant-form-item {
   margin-bottom: 0;
@@ -2228,7 +2212,7 @@ span.iconify {
 }
 .shy-basic-table-header__toolbar > * {
   margin-right: 8px;
-}.shy-basic-table-global-search[data-v-5f6e7403] {
+}.shy-basic-table-global-search[data-v-90331d26] {
   position: absolute;
   top: 40px;
   right: 131px;
@@ -2240,7 +2224,7 @@ span.iconify {
   border: 1px solid #ebebeb;
   padding: 10px;
 }
-.shy-basic-table-global-search-item-global[data-v-5f6e7403] {
+.shy-basic-table-global-search-item-global[data-v-90331d26] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2251,7 +2235,7 @@ span.iconify {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-item-special[data-v-5f6e7403] {
+.shy-basic-table-global-search-item-special[data-v-90331d26] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -2262,10 +2246,10 @@ span.iconify {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-checkbox-wrapper[data-v-5f6e7403] {
+.shy-basic-table-global-search-checkbox-wrapper[data-v-90331d26] {
   padding: 0 8px;
 }
-.shy-basic-table-global-search .selected-bg[data-v-5f6e7403] {
+.shy-basic-table-global-search .selected-bg[data-v-90331d26] {
   background-color: #ebf1ff;
 }.shy-basic-table-img .ant-image {
   margin-right: 4px;
@@ -2276,7 +2260,7 @@ span.iconify {
 }
 .shy-basic-table-img .img-div {
   display: inline-grid;
-}.app-iconify[data-v-21146269] {
+}.app-iconify[data-v-7d89a0e9] {
   vertical-align: middle;
 }.shy-basic-table .ant-table-expanded-row-fixed {
   width: 100% !important;
@@ -2421,19 +2405,19 @@ 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;
-}.wrapper[data-v-24f758b3] {
+}.wrapper[data-v-4dc415ac] {
   display: flex;
 }
-.tree[data-v-24f758b3] {
+.tree[data-v-4dc415ac] {
   flex: none;
 }
-.table-wrapper[data-v-24f758b3] {
+.table-wrapper[data-v-4dc415ac] {
   flex: 1 1 0%;
   overflow: hidden;
-}[data-v-5427533c] .ant-input-group-addon {
+}[data-v-fb4fe18d] .ant-input-group-addon {
   padding: 0;
 }
-.btn-wrapper[data-v-5427533c] {
+.btn-wrapper[data-v-fb4fe18d] {
   padding: 0 5px;
   display: flex;
   align-items: center;
@@ -2860,21 +2844,21 @@ span.iconify {
   padding-top: 8px;
   margin-top: 8px;
   border-top: 1px solid #E4E7ED;
-}.shy-cropper-avatar[data-v-6ac45907] {
+}.shy-cropper-avatar[data-v-31315934] {
   display: inline-block;
   text-align: center;
 }
-.shy-cropper-avatar-image-wrapper[data-v-6ac45907] {
+.shy-cropper-avatar-image-wrapper[data-v-31315934] {
   overflow: hidden;
   cursor: pointer;
   background: #ffffff;
   border: 1px solid #E4E7ED;
   border-radius: 50%;
 }
-.shy-cropper-avatar-image-wrapper img[data-v-6ac45907] {
+.shy-cropper-avatar-image-wrapper img[data-v-31315934] {
   width: 100%;
 }
-.shy-cropper-avatar-image-mask[data-v-6ac45907] {
+.shy-cropper-avatar-image-mask[data-v-31315934] {
   position: absolute;
   width: inherit;
   height: inherit;
@@ -2885,15 +2869,15 @@ span.iconify {
   transition: opacity 0.4s;
   cursor: pointer;
 }
-.shy-cropper-avatar-image-mask[data-v-6ac45907] svg {
+.shy-cropper-avatar-image-mask[data-v-31315934] svg {
   margin: auto;
 }
-.shy-cropper-avatar-image-mask[data-v-6ac45907]:hover {
+.shy-cropper-avatar-image-mask[data-v-31315934]:hover {
   opacity: 40;
 }
-.shy-cropper-avatar-upload-btn[data-v-6ac45907] {
+.shy-cropper-avatar-upload-btn[data-v-31315934] {
   margin: 10px auto;
-}.full-loading[data-v-33b23b82] {
+}.full-loading[data-v-ee545744] {
   position: fixed;
   top: 0;
   left: 0;
@@ -2905,16 +2889,16 @@ span.iconify {
   align-items: center;
   background-color: rgba(240, 242, 245, 0.4);
 }
-.full-loading.absolute[data-v-33b23b82] {
+.full-loading.absolute[data-v-ee545744] {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 300;
 }
-html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
+html[data-theme='dark'] .full-loading[data-v-ee545744]:not(.light) {
   background-color: rgba(0, 0, 0, 0.45);
 }
-.full-loading.dark[data-v-33b23b82] {
+.full-loading.dark[data-v-ee545744] {
   background-color: rgba(0, 0, 0, 0.45);
 }.shy-basic-table-plus-wrapper {
   display: flex;
@@ -8458,19 +8442,19 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
 }
 .shy-basic-container-footer-cancel-right {
   flex-direction: row-reverse;
-}[data-v-b1ced086] .ant-descriptions-item-content {
+}[data-v-2d2eda80] .ant-descriptions-item-content {
   padding: 0 !important;
   flex: 1;
   height: 100%;
 }
-[data-v-b1ced086] .ant-form-item {
+[data-v-2d2eda80] .ant-form-item {
   margin: 0;
 }
-[data-v-b1ced086] .ant-form-item-explain {
+[data-v-2d2eda80] .ant-form-item-explain {
   display: none;
 }
-[data-v-b1ced086] .ant-descriptions-item-label {
-  --label-width: var(--7210fae1);
+[data-v-2d2eda80] .ant-descriptions-item-label {
+  --label-width: var(--989efb00);
   justify-content: right;
   align-items: center;
   width: var(--label-width) !important;
@@ -8479,59 +8463,59 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   text-overflow: ellipsis;
   color: #b1b1b1;
 }
-[data-v-b1ced086] .ant-descriptions-item-label span {
+[data-v-2d2eda80] .ant-descriptions-item-label span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-[data-v-b1ced086] .ant-descriptions-view tbody {
+[data-v-2d2eda80] .ant-descriptions-view tbody {
   display: block;
 }
-[data-v-b1ced086] .ant-descriptions-view .ant-descriptions-row {
+[data-v-2d2eda80] .ant-descriptions-view .ant-descriptions-row {
   display: flex;
   width: 100%;
   align-items: center;
   gap: 0 10px;
 }
-[data-v-b1ced086] .ant-descriptions-item-label.description-active::before {
+[data-v-2d2eda80] .ant-descriptions-item-label.description-active::before {
   content: '*';
   color: red;
 }
-[data-v-b1ced086] .ant-descriptions-item.description-active .ant-descriptions-item-label::before {
+[data-v-2d2eda80] .ant-descriptions-item.description-active .ant-descriptions-item-label::before {
   content: '*';
   color: red;
 }
-[data-v-b1ced086] .ant-descriptions-item-label::after {
+[data-v-2d2eda80] .ant-descriptions-item-label::after {
   content: '';
 }
-[data-v-b1ced086] .ant-descriptions-item.description-placeholder .ant-descriptions-item-label::after {
+[data-v-2d2eda80] .ant-descriptions-item.description-placeholder .ant-descriptions-item-label::after {
   content: '';
 }
-[data-v-b1ced086] .ant-form-item-has-error .ant-select-selection-placeholder {
+[data-v-2d2eda80] .ant-form-item-has-error .ant-select-selection-placeholder {
   color: #ff4d4f !important;
 }
-[data-v-b1ced086] .ant-descriptions.ant-descriptions-bordered .ant-descriptions-view .ant-descriptions-row {
+[data-v-2d2eda80] .ant-descriptions.ant-descriptions-bordered .ant-descriptions-view .ant-descriptions-row {
   gap: 0;
 }
-[data-v-b1ced086] .ant-descriptions.ant-descriptions-bordered .ant-form-item div {
+[data-v-2d2eda80] .ant-descriptions.ant-descriptions-bordered .ant-form-item div {
   border: unset !important;
 }
-[data-v-b1ced086] .ant-descriptions-item-label.description-placeholder {
+[data-v-2d2eda80] .ant-descriptions-item-label.description-placeholder {
   background-color: unset;
   border-right: unset;
 }
-[data-v-b1ced086] .ant-descriptions-item {
+[data-v-2d2eda80] .ant-descriptions-item {
   flex: 1;
 }
-[data-v-b1ced086] .ant-row.ant-form-item {
+[data-v-2d2eda80] .ant-row.ant-form-item {
   width: 100%;
   height: 100%;
 }
-.descriptions-item-content[data-v-b1ced086] {
+.descriptions-item-content[data-v-2d2eda80] {
   padding: 0 8px;
 }.shy-basic-resize-wrapper {
-  --design-width: var(--1a93f028);
-  --design-height: var(--1e1b1b05);
+  --design-width: var(--0aaa544f);
+  --design-height: var(--30d13bbe);
 }
 .shy-basic-resize-wrapper-view {
   position: absolute;
@@ -8547,124 +8531,40 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   overflow: auto;
   padding: 0 0;
   height: 100%;
-}.vue-colorful {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 200px;
-  height: 200px;
-  user-select: none;
-  cursor: default;
-}
-.vue-colorful__saturation {
-  position: relative;
-  flex-grow: 1;
-  border-color: transparent;
-  border-bottom: 12px solid #000;
-  border-radius: 8px 8px 0 0;
-  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
-      linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
-}
-.vue-colorful__pointer-fill, .vue-colorful__alpha-gradient {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-  border-radius: inherit;
-}
-.vue-colorful__alpha-gradient, .vue-colorful__saturation {
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
-}
-.vue-colorful__hue, .vue-colorful__alpha {
-  position: relative;
-  height: 24px;
-}
-.vue-colorful__hue {
-  background: linear-gradient(
-      to right,
-      #f00 0%,
-      #ff0 17%,
-      #0f0 33%,
-      #0ff 50%,
-      #00f 67%,
-      #f0f 83%,
-      #f00 100%
-    );
-}
-.vue-colorful__last-control {
-  border-radius: 0 0 8px 8px;
-}
-.vue-colorful__interactive {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: inherit;
-  outline: none;
-  touch-action: none;
-}
-.vue-colorful__pointer {
-  position: absolute;
-  z-index: 1;
-  box-sizing: border-box;
-  width: 28px;
-  height: 28px;
-  transform: translate(-50%, -50%);
-  background-color: #fff;
-  border: 2px solid #fff;
-  border-radius: 50%;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-}
-.vue-colorful__interactive:focus .vue-colorful__pointer {
-  transform: translate(-50%, -50%) scale(1.1);
-}
-.vue-colorful__alpha, .vue-colorful__alpha-pointer {
-  background-color: #fff;
-  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><rect x="8" width="8" height="8"/><rect y="8" width="8" height="8"/></svg>');
-}
-.vue-colorful__saturation-pointer {
-  z-index: 3;
-}
-.vue-colorful__hue-pointer {
-  z-index: 2;
-}.shy-table-edit-icon-plus[data-v-c563312c] {
+}.shy-table-edit-icon-plus[data-v-6380f8c9] {
   width: 30px;
   height: 30px;
   font-size: 30px;
   cursor: pointer;
   display: flex;
 }
-.table-children[data-v-c563312c] .ant-form-item {
+.table-children[data-v-6380f8c9] .ant-form-item {
   margin-bottom: 0 !important;
 }
-.table-children-required[data-v-c563312c] {
+.table-children-required[data-v-6380f8c9] {
   color: #ff4d4f;
   margin-right: 4px;
 }
-.table-children[data-v-c563312c] .ant-table-cell {
+.table-children[data-v-6380f8c9] .ant-table-cell {
   padding: 8px !important;
 }
-.table-children[data-v-c563312c] .ant-table-cell .ant-form-item-explain {
+.table-children[data-v-6380f8c9] .ant-table-cell .ant-form-item-explain {
   display: none;
 }
-.table-children-delete-wrapper[data-v-c563312c] {
+.table-children-delete-wrapper[data-v-6380f8c9] {
   display: flex;
   height: 100%;
   justify-content: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-item[data-v-c563312c] {
+.table-children-delete-wrapper:hover .table-children-delete-item[data-v-6380f8c9] {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.table-children-delete-wrapper:hover .table-children-delete-index[data-v-c563312c] {
+.table-children-delete-wrapper:hover .table-children-delete-index[data-v-6380f8c9] {
   display: none;
 }
-.table-children-delete-item[data-v-c563312c] {
+.table-children-delete-item[data-v-6380f8c9] {
   background-color: red;
   border-radius: 50%;
   width: 30px;
@@ -8673,7 +8573,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   display: none;
   cursor: pointer;
 }
-.table-children-delete-index[data-v-c563312c] {
+.table-children-delete-index[data-v-6380f8c9] {
   user-select: none;
   display: inline-block;
 }.shy-ant-form {
@@ -8785,19 +8685,19 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   height: 0.5px;
   width: 100%;
   background-color: var(--gray-3);
-}.wrapper[data-v-15e2dcbb] {
+}.wrapper[data-v-0ca4fd85] {
   display: flex;
 }
-.tree[data-v-15e2dcbb] {
+.tree[data-v-0ca4fd85] {
   flex: none;
 }
-.table-wrapper[data-v-15e2dcbb] {
+.table-wrapper[data-v-0ca4fd85] {
   flex: 1 1 0%;
   overflow: hidden;
-}[data-v-5019fbdf] .ant-input-group-addon {
+}[data-v-45845a8d] .ant-input-group-addon {
   padding: 0;
 }
-.btn-wrapper[data-v-5019fbdf] {
+.btn-wrapper[data-v-45845a8d] {
   padding: 0 5px;
   display: flex;
   align-items: center;
@@ -8922,6 +8822,9 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   justify-content: space-between;
   align-items: center;
 }
+.shy-table-header-placeholder {
+  flex: 1;
+}
 .shy-table-header-toolbar {
   display: flex;
   align-items: center;
@@ -8954,7 +8857,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   font-size: 20px;
   line-height: 24px;
   font-weight: 500;
-}.shy-basic-table-global-search[data-v-ac81b595] {
+}.shy-basic-table-global-search[data-v-b3419d34] {
   position: absolute;
   top: 80px;
   right: 131px;
@@ -8966,7 +8869,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   border: 1px solid #ebebeb;
   padding: 10px;
 }
-.shy-basic-table-global-search-item-global[data-v-ac81b595] {
+.shy-basic-table-global-search-item-global[data-v-b3419d34] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -8977,7 +8880,7 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-item-special[data-v-ac81b595] {
+.shy-basic-table-global-search-item-special[data-v-b3419d34] {
   height: 32px;
   line-height: 32px;
   font-size: 14px;
@@ -8988,10 +8891,10 @@ html[data-theme='dark'] .full-loading[data-v-33b23b82]:not(.light) {
   align-items: center;
   justify-content: space-between;
 }
-.shy-basic-table-global-search-checkbox-wrapper[data-v-ac81b595] {
+.shy-basic-table-global-search-checkbox-wrapper[data-v-b3419d34] {
   padding: 0 8px;
 }
-.shy-basic-table-global-search .selected-bg[data-v-ac81b595] {
+.shy-basic-table-global-search .selected-bg[data-v-b3419d34] {
   background-color: #ebf1ff;
 }.shy-basic-table-header-cell__help {
   margin-left: 8px;