@wujies/components 5.6.5 → 5.6.6

package/dist/style.css

@@ -1,16 +1,16 @@
-.el-image[data-v-ed5d331b] {
+.el-image[data-v-81f8b791] {
   border-radius: 5px;
   background-color: #ebeef5;
   box-shadow: 0 0 5px 1px #ccc;
 }
-.el-image[data-v-ed5d331b] .el-image__inner {
+.el-image[data-v-81f8b791] .el-image__inner {
   transition: all 0.3s;
   cursor: pointer;
 }
-.el-image[data-v-ed5d331b] .el-image__inner:hover {
+.el-image[data-v-81f8b791] .el-image__inner:hover {
   transform: scale(1.2);
 }
-.el-image[data-v-ed5d331b] .image-slot {
+.el-image[data-v-81f8b791] .image-slot {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -18,59 +18,59 @@
   height: 100%;
   color: #909399;
   font-size: 30px;
-}.k-card[data-v-cbf723b1] {
+}.k-card[data-v-33e2619b] {
   border-radius: 8px;
   background: var(--ele-card-bg);
 }
-.k-card[data-v-cbf723b1] .el-card__header {
+.k-card[data-v-33e2619b] .el-card__header {
   border-bottom: 0;
   font-size: 16px;
   font-weight: bold;
   padding: 12px 16px;
 }
-.k-card[data-v-cbf723b1] .el-card__body {
+.k-card[data-v-33e2619b] .el-card__body {
   padding: 0 16px 12px;
 }
-.k-card.is-always-shadow[data-v-cbf723b1] {
+.k-card.is-always-shadow[data-v-33e2619b] {
   box-shadow: var(--ele-card-shadow);
-}.custom-tabs-wrapper[data-v-1a3054fc] {
+}.custom-tabs-wrapper[data-v-0c28b114] {
   display: flex;
   min-height: 600px;
   background: var(--el-bg-color);
   border-radius: 8px;
   overflow: hidden;
 }
-.custom-tabs[data-v-1a3054fc] {
+.custom-tabs[data-v-0c28b114] {
   width: 230px;
   flex-shrink: 0;
   background: var(--el-fill-color-blank);
   border-right: 1px solid var(--el-border-color-light);
 }
-.custom-tabs[data-v-1a3054fc] .is-left {
+.custom-tabs[data-v-0c28b114] .is-left {
   width: 100%;
   margin-right: 0;
   padding: var(--spacing-sm);
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__content {
+.custom-tabs[data-v-0c28b114] .el-tabs__content {
   display: none;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__nav-wrap {
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap {
   width: 100%;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__nav-wrap::after {
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap::after {
   display: none;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__nav-wrap :deep(.el-tabs__nav-scroll) {
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap :deep(.el-tabs__nav-scroll) {
   width: 100%;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__active-bar {
+.custom-tabs[data-v-0c28b114] .el-tabs__active-bar {
   background: transparent;
   width: 0;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__nav {
+.custom-tabs[data-v-0c28b114] .el-tabs__nav {
   background: transparent;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item {
+.custom-tabs[data-v-0c28b114] .el-tabs__item {
   padding: 12px 20px;
   height: auto;
   line-height: normal;
@@ -80,116 +80,116 @@
   background: transparent;
   margin: var(--spacing-xs) 0;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item:hover {
+.custom-tabs[data-v-0c28b114] .el-tabs__item:hover {
   background: var(--el-fill-color-light);
   color: var(--el-color-primary);
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item.is-active {
+.custom-tabs[data-v-0c28b114] .el-tabs__item.is-active {
   background: var(--el-color-primary-light-9);
   color: var(--el-color-primary);
   font-weight: 500;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item .custom-tab-label {
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item .custom-tab-label .tab-icon {
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label .tab-icon {
   font-size: 18px;
 }
-.custom-tabs[data-v-1a3054fc] .el-tabs__item .custom-tab-label .tab-text {
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label .tab-text {
   font-size: 14px;
 }
-.custom-tabs-content[data-v-1a3054fc] {
+.custom-tabs-content[data-v-0c28b114] {
   flex: 1;
   padding: 24px;
   overflow-y: auto;
   background: var(--el-bg-color);
-}.dict-tag[data-v-f24d054e] {
+}.dict-tag[data-v-1cfd13b2] {
   display: inline-flex;
   align-items: center;
   gap: 8px;
 }
-.dict-tag--wrap[data-v-f24d054e] {
+.dict-tag--wrap[data-v-1cfd13b2] {
   flex-wrap: wrap;
 }
-.dict-tag__text[data-v-f24d054e] {
+.dict-tag__text[data-v-1cfd13b2] {
   color: #475569;
   font-size: 13px;
   line-height: 1.4;
 }
-.dict-tag__item[data-v-f24d054e] {
+.dict-tag__item[data-v-1cfd13b2] {
   margin: 0;
   font-weight: 500;
   border-radius: 999px;
   border-width: 1px;
 }
-.dict-tag__item--light[data-v-f24d054e] {
+.dict-tag__item--light[data-v-1cfd13b2] {
   box-shadow: none;
 }
-.dict-tag__item[data-v-f24d054e] .el-tag__content {
+.dict-tag__item[data-v-1cfd13b2] .el-tag__content {
   line-height: 1;
 }
-.dict-tag__item.el-tag--primary[data-v-f24d054e] {
+.dict-tag__item.el-tag--primary[data-v-1cfd13b2] {
   color: #2563eb;
   border-color: #bfdbfe;
   background: #eff6ff;
 }
-.dict-tag__item.el-tag--success[data-v-f24d054e] {
+.dict-tag__item.el-tag--success[data-v-1cfd13b2] {
   color: #15803d;
   border-color: #bbf7d0;
   background: #f0fdf4;
 }
-.dict-tag__item.el-tag--info[data-v-f24d054e] {
+.dict-tag__item.el-tag--info[data-v-1cfd13b2] {
   color: #475569;
   border-color: #cbd5e1;
   background: #f8fafc;
 }
-.dict-tag__item.el-tag--warning[data-v-f24d054e] {
+.dict-tag__item.el-tag--warning[data-v-1cfd13b2] {
   color: #b45309;
   border-color: #fde68a;
   background: #fffbeb;
 }
-.dict-tag__item.el-tag--danger[data-v-f24d054e] {
+.dict-tag__item.el-tag--danger[data-v-1cfd13b2] {
   color: #dc2626;
   border-color: #fecaca;
   background: #fef2f2;
 }
-.dict-tag__item--dark.el-tag--primary[data-v-f24d054e] {
+.dict-tag__item--dark.el-tag--primary[data-v-1cfd13b2] {
   background: #2563eb;
   border-color: #2563eb;
   color: #fff;
 }
-.dict-tag__item--dark.el-tag--success[data-v-f24d054e] {
+.dict-tag__item--dark.el-tag--success[data-v-1cfd13b2] {
   background: #16a34a;
   border-color: #16a34a;
   color: #fff;
 }
-.dict-tag__item--dark.el-tag--info[data-v-f24d054e] {
+.dict-tag__item--dark.el-tag--info[data-v-1cfd13b2] {
   background: #64748b;
   border-color: #64748b;
   color: #fff;
 }
-.dict-tag__item--dark.el-tag--warning[data-v-f24d054e] {
+.dict-tag__item--dark.el-tag--warning[data-v-1cfd13b2] {
   background: #d97706;
   border-color: #d97706;
   color: #fff;
 }
-.dict-tag__item--dark.el-tag--danger[data-v-f24d054e] {
+.dict-tag__item--dark.el-tag--danger[data-v-1cfd13b2] {
   background: #dc2626;
   border-color: #dc2626;
   color: #fff;
 }
-.dict-tag__item--plain.el-tag--primary[data-v-f24d054e],
-.dict-tag__item--plain.el-tag--success[data-v-f24d054e],
-.dict-tag__item--plain.el-tag--info[data-v-f24d054e],
-.dict-tag__item--plain.el-tag--warning[data-v-f24d054e],
-.dict-tag__item--plain.el-tag--danger[data-v-f24d054e] {
+.dict-tag__item--plain.el-tag--primary[data-v-1cfd13b2],
+.dict-tag__item--plain.el-tag--success[data-v-1cfd13b2],
+.dict-tag__item--plain.el-tag--info[data-v-1cfd13b2],
+.dict-tag__item--plain.el-tag--warning[data-v-1cfd13b2],
+.dict-tag__item--plain.el-tag--danger[data-v-1cfd13b2] {
   background: #fff;
 }
-.dict-tag__item--fallback[data-v-f24d054e] {
+.dict-tag__item--fallback[data-v-1cfd13b2] {
   background: #f8fafc;
-}.ip-segment-input[data-v-a3d263a5] {
+}.ip-segment-input[data-v-cc8f2ec6] {
   display: inline-flex;
   align-items: center;
   border: 1px solid #dcdfe6;
@@ -198,23 +198,23 @@
   background: #fff;
   transition: border-color 0.2s;
 }
-.ip-segment-input[data-v-a3d263a5]:hover {
+.ip-segment-input[data-v-cc8f2ec6]:hover {
   border-color: #c0c4cc;
 }
-.ip-segment-input[data-v-a3d263a5]:focus-within {
+.ip-segment-input[data-v-cc8f2ec6]:focus-within {
   border-color: #409eff;
 }
-.ip-segment-input .ip-prefix[data-v-a3d263a5] {
+.ip-segment-input .ip-prefix[data-v-cc8f2ec6] {
   color: #606266;
   font-size: 14px;
   padding-right: 2px;
   user-select: none;
 }
-.ip-segment-input .ip-inputs[data-v-a3d263a5] {
+.ip-segment-input .ip-inputs[data-v-cc8f2ec6] {
   display: flex;
   align-items: center;
 }
-.ip-segment-input .ip-input[data-v-a3d263a5] {
+.ip-segment-input .ip-input[data-v-cc8f2ec6] {
   width: 40px;
   height: 30px;
   border: none;
@@ -224,44 +224,67 @@
   color: #606266;
   padding: 0;
 }
-.ip-segment-input .ip-input[data-v-a3d263a5]::-webkit-inner-spin-button, .ip-segment-input .ip-input[data-v-a3d263a5]::-webkit-outer-spin-button {
+.ip-segment-input .ip-input[data-v-cc8f2ec6]::-webkit-inner-spin-button, .ip-segment-input .ip-input[data-v-cc8f2ec6]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-.ip-segment-input .ip-dot[data-v-a3d263a5] {
+.ip-segment-input .ip-dot[data-v-cc8f2ec6] {
   color: #606266;
   font-size: 14px;
   user-select: none;
   padding: 0 2px;
-}.k-search-bar[data-v-995c528d] .el-collapse {
+}.pagination-container .el-pagination[data-v-e09bceac] {
+  float: var(--c7f283a4);
+}
+.pagination-container.hidden[data-v-e09bceac] {
+  display: none;
+}[data-v-7c7062c5] .el-transfer__button {
+  border-radius: 50%;
+  display: block;
+  margin-left: 0;
+}
+[data-v-7c7062c5] .el-transfer__button:first-child {
+  margin-bottom: 10px;
+}
+.my-el-transfer[data-v-7c7062c5] {
+  text-align: center;
+}
+.tree-header[data-v-7c7062c5] {
+  width: 100%;
+  line-height: 24px;
+  text-align: center;
+}
+.show-btn[data-v-7c7062c5] {
+  margin-left: 12px;
+}.k-search-bar[data-v-af898010] .el-collapse {
   border-radius: 8px;
   overflow: hidden;
   border: 1px solid var(--el-collapse-border-color);
 }
-.k-search-bar[data-v-995c528d] .el-collapse-item__wrap {
+.k-search-bar[data-v-af898010] .el-collapse-item__wrap {
   border-bottom: none;
 }
-.k-search-bar[data-v-995c528d] .el-collapse-item__header {
+.k-search-bar[data-v-af898010] .el-collapse-item__header {
   height: 48px;
   padding: 0 16px;
   border-bottom: none;
   font-weight: 600;
 }
-.k-search-bar[data-v-995c528d] .el-collapse-item__content {
+.k-search-bar[data-v-af898010] .el-collapse-item__content {
   padding: 0 16px 16px;
 }
-.k-search-bar[data-v-995c528d] .el-form-item {
+.k-search-bar[data-v-af898010] .el-form-item {
   margin-bottom: 16px;
 }
-.k-search-bar__title[data-v-995c528d] {
+.k-search-bar__title[data-v-af898010] {
   display: flex;
   align-items: center;
   color: var(--el-text-color-primary);
 }
-.k-search-bar__actions-col[data-v-995c528d] {
+.k-search-bar__actions-col[data-v-af898010] {
   margin-left: auto;
 }
-.k-search-bar__actions[data-v-995c528d] {
+.k-search-bar__actions[data-v-af898010] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
@@ -270,10 +293,10 @@
   min-height: 100%;
 }
 @media (width <= 768px) {
-.k-search-bar__actions[data-v-995c528d] {
+.k-search-bar__actions[data-v-af898010] {
     justify-content: flex-start;
 }
-}.section-title[data-v-59cb5e35] {
+}.section-title[data-v-0504fe3f] {
   position: relative;
   padding-left: 12px;
   margin-bottom: 16px;
@@ -282,7 +305,7 @@
   color: #1d2129;
   line-height: 24px;
 }
-.section-title[data-v-59cb5e35]::before {
+.section-title[data-v-0504fe3f]::before {
   content: "";
   position: absolute;
   left: 0;
@@ -291,7 +314,7 @@
   height: 16px;
   background: #165dff;
   border-radius: 2px;
-}.k-segmented[data-v-bdb6d72b] {
+}.k-segmented[data-v-9ee2c3c5] {
   --k-segmented-track-padding: 2px;
   --k-segmented-track-bg: #f5f5f5;
   --k-segmented-item-color: rgba(0, 0, 0, 0.65);
@@ -317,55 +340,55 @@
   font-size: 14px;
   line-height: 1.5715;
 }
-.k-segmented.is-block[data-v-bdb6d72b] {
+.k-segmented.is-block[data-v-9ee2c3c5] {
   width: 100%;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item-selected {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item-selected {
   border-radius: 4px !important;
   background: var(--k-segmented-item-selected-bg) !important;
   box-shadow: none !important;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item {
   padding: 0 11px !important;
   border-radius: 4px !important;
   color: var(--k-segmented-item-color);
   font-weight: 400;
   transition: color 0.2s, background-color 0.2s;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
   color: var(--k-segmented-item-hover-color) !important;
   background: var(--k-segmented-item-hover-bg) !important;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item:not(.is-disabled):not(.is-selected):active {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item:not(.is-disabled):not(.is-selected):active {
   background: var(--k-segmented-item-active-bg) !important;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item.is-selected {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item.is-selected {
   color: var(--k-segmented-item-selected-color) !important;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item.is-disabled {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item.is-disabled {
   color: var(--k-segmented-item-disabled-color) !important;
 }
-.k-segmented[data-v-bdb6d72b] .el-segmented__item-label {
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item-label {
   line-height: 28px;
 }
-.k-segmented.el-segmented--large[data-v-bdb6d72b] {
+.k-segmented.el-segmented--large[data-v-9ee2c3c5] {
   min-height: 40px;
   border-radius: 8px !important;
 }
-.k-segmented.el-segmented--large[data-v-bdb6d72b] .el-segmented__item,
-.k-segmented.el-segmented--large[data-v-bdb6d72b] .el-segmented__item-selected {
+.k-segmented.el-segmented--large[data-v-9ee2c3c5] .el-segmented__item,
+.k-segmented.el-segmented--large[data-v-9ee2c3c5] .el-segmented__item-selected {
   border-radius: 6px !important;
 }
-.k-segmented.el-segmented--large[data-v-bdb6d72b] .el-segmented__item-label {
+.k-segmented.el-segmented--large[data-v-9ee2c3c5] .el-segmented__item-label {
   line-height: 36px;
 }
-.k-segmented.el-segmented--small[data-v-bdb6d72b] {
+.k-segmented.el-segmented--small[data-v-9ee2c3c5] {
   min-height: 24px;
 }
-.k-segmented.el-segmented--small[data-v-bdb6d72b] .el-segmented__item-label {
+.k-segmented.el-segmented--small[data-v-9ee2c3c5] .el-segmented__item-label {
   line-height: 20px;
 }
-html.dark .k-segmented[data-v-bdb6d72b] {
+html.dark .k-segmented[data-v-9ee2c3c5] {
   --k-segmented-track-bg: rgba(255, 255, 255, 0.08);
   --k-segmented-item-color: rgba(255, 255, 255, 0.65);
   --k-segmented-item-hover-color: rgba(255, 255, 255, 0.88);
@@ -374,24 +397,24 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   --k-segmented-item-active-bg: rgba(255, 255, 255, 0.2);
   --k-segmented-item-selected-color: rgba(255, 255, 255, 0.95);
   --k-segmented-item-disabled-color: rgba(255, 255, 255, 0.3);
-}.k-selected-alert[data-v-cf66b3b3] {
+}.k-selected-alert[data-v-88969fb9] {
   margin: 0 0 10px;
 }
-[data-v-cf66b3b3] .el-alert__title {
+[data-v-88969fb9] .el-alert__title {
   display: flex;
   align-items: center;
   gap: 10px;
 }
-.title[data-v-cf66b3b3] {
+.title[data-v-88969fb9] {
   color: #2c3e50;
-}.k-spin[data-v-92190b3d] {
+}.k-spin[data-v-d7f6a57b] {
   position: relative;
   min-height: inherit;
 }
-.k-spin__content[data-v-92190b3d] {
+.k-spin__content[data-v-d7f6a57b] {
   height: 100%;
 }
-.k-spin__mask[data-v-92190b3d] {
+.k-spin__mask[data-v-d7f6a57b] {
   position: absolute;
   inset: 0;
   z-index: 10;
@@ -400,67 +423,67 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   justify-content: center;
   backdrop-filter: blur(2px);
 }
-.k-spin__indicator[data-v-92190b3d] {
+.k-spin__indicator[data-v-d7f6a57b] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 10px;
   color: var(--el-color-primary);
 }
-.k-spin__description[data-v-92190b3d] {
+.k-spin__description[data-v-d7f6a57b] {
   margin: 0;
   font-size: 13px;
   color: var(--el-text-color-regular);
 }
-.k-spin-fade-enter-active[data-v-92190b3d],
-.k-spin-fade-leave-active[data-v-92190b3d] {
+.k-spin-fade-enter-active[data-v-d7f6a57b],
+.k-spin-fade-leave-active[data-v-d7f6a57b] {
   transition: opacity 0.2s ease;
 }
-.k-spin-fade-enter-from[data-v-92190b3d],
-.k-spin-fade-leave-to[data-v-92190b3d] {
+.k-spin-fade-enter-from[data-v-d7f6a57b],
+.k-spin-fade-leave-to[data-v-d7f6a57b] {
   opacity: 0;
-}.k-table[data-v-05ba2501] {
+}.k-table[data-v-cf2daced] {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
-.k-table__pagination[data-v-05ba2501] {
+.k-table__pagination[data-v-cf2daced] {
   display: flex;
 }
-.k-table__pagination.left[data-v-05ba2501] {
+.k-table__pagination.left[data-v-cf2daced] {
   justify-content: flex-start;
 }
-.k-table__pagination.center[data-v-05ba2501] {
+.k-table__pagination.center[data-v-cf2daced] {
   justify-content: center;
 }
-.k-table__pagination.right[data-v-05ba2501] {
+.k-table__pagination.right[data-v-cf2daced] {
   justify-content: flex-end;
-}.k-table-header[data-v-b92b8ec9] {
+}.k-table-header[data-v-94c8dd86] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
 }
-.k-table-header__left[data-v-b92b8ec9] {
+.k-table-header__left[data-v-94c8dd86] {
   display: flex;
   align-items: center;
 }
-.k-table-header__right[data-v-b92b8ec9] {
+.k-table-header__right[data-v-94c8dd86] {
   text-align: right;
 }
-.k-table-header__right[data-v-b92b8ec9] >  * {
+.k-table-header__right[data-v-94c8dd86] >  * {
   vertical-align: middle;
 }
-.k-table-header__right[data-v-b92b8ec9] >  * + * {
+.k-table-header__right[data-v-94c8dd86] >  * + * {
   margin-left: 8px;
 }
-.k-table-header__title[data-v-b92b8ec9] {
+.k-table-header__title[data-v-94c8dd86] {
   font-size: 15px;
   font-weight: 600;
   line-height: 1;
   color: var(--el-text-color-primary);
 }
-.column-panel__select-all[data-v-b92b8ec9] {
+.column-panel__select-all[data-v-94c8dd86] {
   height: 36px;
   display: flex;
   align-items: center;
@@ -468,27 +491,27 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   border-radius: 6px;
   transition: background-color 0.2s ease;
 }
-.column-panel__select-all[data-v-b92b8ec9]:hover {
+.column-panel__select-all[data-v-94c8dd86]:hover {
   background: var(--el-color-primary-light-9);
 }
-.column-panel__divider[data-v-b92b8ec9] {
+.column-panel__divider[data-v-94c8dd86] {
   height: 1px;
   margin: 4px 0;
   background: var(--el-border-color-lighter);
 }
-.column-panel__list[data-v-b92b8ec9] {
+.column-panel__list[data-v-94c8dd86] {
   max-height: 240px;
   overflow-y: auto;
   padding-right: 2px;
 }
-.column-item[data-v-b92b8ec9] {
+.column-item[data-v-94c8dd86] {
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
-.column-item__main[data-v-b92b8ec9] {
+.column-item__main[data-v-94c8dd86] {
   height: 100%;
   min-width: 0;
   flex: 1;
@@ -498,26 +521,26 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   border-radius: 6px;
   transition: background-color 0.2s ease;
 }
-.column-item__main[data-v-b92b8ec9]:hover {
+.column-item__main[data-v-94c8dd86]:hover {
   background: var(--el-color-primary-light-9);
 }
-.column-item__drag[data-v-b92b8ec9] {
+.column-item__drag[data-v-94c8dd86] {
   margin-right: 8px;
   color: var(--el-text-color-secondary);
   cursor: move;
 }
-.column-item__checkbox[data-v-b92b8ec9] {
+.column-item__checkbox[data-v-94c8dd86] {
   min-width: 0;
   flex: 1;
 }
-.column-item__label[data-v-b92b8ec9] {
+.column-item__label[data-v-94c8dd86] {
   display: inline-block;
   max-width: 180px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.column-item__fixed[data-v-b92b8ec9] {
+.column-item__fixed[data-v-94c8dd86] {
   width: 28px;
   height: 28px;
   padding: 0;
@@ -531,97 +554,193 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   cursor: pointer;
   transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
 }
-.column-item__fixed[data-v-b92b8ec9]:hover:not(:disabled) {
+.column-item__fixed[data-v-94c8dd86]:hover:not(:disabled) {
   border-color: var(--el-color-primary-light-5);
   background: var(--el-color-primary-light-9);
   transform: translateY(-1px);
 }
-.column-item__fixed[data-v-b92b8ec9]:disabled {
+.column-item__fixed[data-v-94c8dd86]:disabled {
   cursor: not-allowed;
   opacity: 0.45;
 }
-.column-item__fixed.is-left[data-v-b92b8ec9] {
+.column-item__fixed.is-left[data-v-94c8dd86] {
   color: var(--el-color-primary);
   border-color: var(--el-color-primary-light-5);
   background: var(--el-color-primary-light-9);
 }
-.column-item__fixed.is-right[data-v-b92b8ec9] {
+.column-item__fixed.is-right[data-v-94c8dd86] {
   color: var(--el-color-warning);
   border-color: var(--el-color-warning-light-5);
   background: var(--el-color-warning-light-9);
 }
-[data-v-b92b8ec9] .column-item--ghost {
+[data-v-94c8dd86] .column-item--ghost {
   opacity: 0.45;
   background: var(--el-color-primary-light-9);
 }
-[data-v-b92b8ec9] .column-item--chosen .column-item__main {
+[data-v-94c8dd86] .column-item--chosen .column-item__main {
   background: var(--el-color-primary-light-9);
 }
-.column-panel__list[data-v-b92b8ec9]::-webkit-scrollbar {
+.column-panel__list[data-v-94c8dd86]::-webkit-scrollbar {
   width: 6px;
 }
-.column-panel__list[data-v-b92b8ec9]::-webkit-scrollbar-thumb {
+.column-panel__list[data-v-94c8dd86]::-webkit-scrollbar-thumb {
   border-radius: 999px;
   background: rgba(148, 163, 184, 0.55);
 }
-.column-panel__list[data-v-b92b8ec9]::-webkit-scrollbar-track {
+.column-panel__list[data-v-94c8dd86]::-webkit-scrollbar-track {
   background: transparent;
 }
 @media (width <= 768px) {
-.k-table-header[data-v-b92b8ec9] {
+.k-table-header[data-v-94c8dd86] {
     flex-direction: column;
     align-items: stretch;
 }
-.k-table-header__right[data-v-b92b8ec9] {
+.k-table-header__right[data-v-94c8dd86] {
     justify-content: flex-end;
 }
-}.setting-form[data-v-3296eadc] {
+}.k-table-sider-layout[data-v-535bdadf] {
+  display: grid;
+  grid-template-columns: 320px minmax(0, 1fr);
+  gap: 16px;
+  min-height: calc(100vh - 196px - var(--calc-footer-height, 0px));
+  position: relative;
+}
+.k-table-sider-layout--collapse[data-v-535bdadf] {
+  grid-template-columns: 1fr;
+}
+.k-table-sider-layout--sider-hidden[data-v-535bdadf] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.k-table-sider-layout__card[data-v-535bdadf],
+.k-table-sider-layout__content[data-v-535bdadf] {
+  height: 100%;
+}
+.k-table-sider-layout__sider[data-v-535bdadf] {
+  min-width: 0;
+}
+.k-table-sider-layout__toggle[data-v-535bdadf] {
+  position: absolute;
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 40px;
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 999px;
+  background: var(--el-bg-color);
+  color: var(--el-text-color-secondary);
+  box-shadow: var(--el-box-shadow-light);
+  cursor: pointer;
+}
+.k-table-sider-layout__toggle--middle[data-v-535bdadf] {
+  top: 50%;
+  left: 320px;
+  transform: translate(-50%, -50%);
+}
+.k-table-sider-layout--sider-hidden .k-table-sider-layout__toggle--middle[data-v-535bdadf] {
+  left: 0;
+}
+.k-table-sider-layout__header[data-v-535bdadf] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+}
+.k-table-sider-layout__title[data-v-535bdadf] {
+  font-size: 16px;
+  font-weight: 600;
+  flex: 1;
+  min-width: 0;
+}
+.k-table-sider-layout__extra[data-v-535bdadf] {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.k-table-sider-layout__sider-body[data-v-535bdadf] {
+  min-height: 0;
+}
+.k-table-sider-layout__content[data-v-535bdadf] {
+  min-width: 0;
+}
+@media (max-width: 1024px) {
+.k-table-sider-layout[data-v-535bdadf] {
+    grid-template-columns: 1fr;
+}
+}
+[data-v-535bdadf] .el-card__header {
+  padding-bottom: 14px;
+}
+[data-v-535bdadf] .el-card__body {
+  height: 100%;
+}
+.k-table-sider-layout__card[data-v-535bdadf] .el-card__body {
+  padding-top: 0;
+}
+[data-v-535bdadf] .el-collapse {
+  border-top: 0;
+  border-bottom: 0;
+}
+[data-v-535bdadf] .el-collapse-item__wrap {
+  border-bottom: 0;
+}
+[data-v-535bdadf] .el-collapse-item__header {
+  height: auto;
+  line-height: normal;
+  padding: 0;
+  border-bottom: 0;
+}
+[data-v-535bdadf] .el-collapse-item__content {
+  padding-bottom: 0;
+}.setting-form[data-v-4c55aa01] {
   background: var(--el-bg-color);
 }
-.form-content .config-form[data-v-3296eadc] {
+.form-content .config-form[data-v-4c55aa01] {
   max-width: 800px;
 }
-.form-content .config-form[data-v-3296eadc] .el-form-item {
+.form-content .config-form[data-v-4c55aa01] .el-form-item {
   margin-bottom: 24px;
 }
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__label {
+.form-content .config-form[data-v-4c55aa01] .el-form-item .el-form-item__label {
   font-weight: 500;
   color: var(--el-text-color-primary);
   margin-bottom: 8px;
 }
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__content .el-input.is-disabled .el-input__wrapper,
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__content .el-input.is-disabled .el-textarea__inner,
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__content .el-textarea.is-disabled .el-input__wrapper,
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__content .el-textarea.is-disabled .el-textarea__inner {
+.form-content .config-form[data-v-4c55aa01] .el-form-item .el-form-item__content .el-input.is-disabled .el-input__wrapper,
+.form-content .config-form[data-v-4c55aa01] .el-form-item .el-form-item__content .el-input.is-disabled .el-textarea__inner,
+.form-content .config-form[data-v-4c55aa01] .el-form-item .el-form-item__content .el-textarea.is-disabled .el-input__wrapper,
+.form-content .config-form[data-v-4c55aa01] .el-form-item .el-form-item__content .el-textarea.is-disabled .el-textarea__inner {
   background-color: var(--el-fill-color-light);
   cursor: not-allowed;
 }
-.form-content .config-form[data-v-3296eadc] .form-item-tip {
+.form-content .config-form[data-v-4c55aa01] .form-item-tip {
   margin-top: 8px;
   font-size: 13px;
   color: var(--el-text-color-secondary);
   line-height: 1.5;
 }
-.form-footer[data-v-3296eadc] {
+.form-footer[data-v-4c55aa01] {
   display: flex;
   gap: 12px;
   padding-top: 24px;
   border-top: 1px solid var(--el-border-color-lighter);
   margin-top: 32px;
-}.setting-tabs[data-v-97bf5366] {
+}.setting-tabs[data-v-a03c2629] {
   display: flex;
   min-height: 800px;
   background: var(--el-bg-color);
   border-radius: 8px;
 }
-.tabs-sidebar[data-v-97bf5366] {
+.tabs-sidebar[data-v-a03c2629] {
   width: 230px;
   background: var(--el-fill-color-blank);
   border-right: 1px solid var(--el-border-color-light);
   padding: var(--spacing-md);
   flex-shrink: 0;
 }
-.tab-item[data-v-97bf5366] {
+.tab-item[data-v-a03c2629] {
   display: flex;
   align-items: center;
   padding: 12px 20px;
@@ -632,23 +751,23 @@ html.dark .k-segmented[data-v-bdb6d72b] {
   margin-bottom: var(--spacing-sm);
   border-radius: var(--radius-md);
 }
-.tab-item[data-v-97bf5366]:hover {
+.tab-item[data-v-a03c2629]:hover {
   background: var(--el-fill-color-light);
   color: var(--el-color-primary);
 }
-.tab-item.active[data-v-97bf5366] {
+.tab-item.active[data-v-a03c2629] {
   background: var(--el-color-primary-light-9);
   color: var(--el-color-primary);
   font-weight: 500;
 }
-.tab-item .tab-icon[data-v-97bf5366] {
+.tab-item .tab-icon[data-v-a03c2629] {
   font-size: 18px;
   margin-right: 12px;
 }
-.tab-item .tab-label[data-v-97bf5366] {
+.tab-item .tab-label[data-v-a03c2629] {
   font-size: 14px;
 }
-.tabs-content[data-v-97bf5366] {
+.tabs-content[data-v-a03c2629] {
   flex: 1;
   padding: 24px;
   overflow-y: auto;