@wujies/components 5.6.4 → 5.6.6

package/dist/style.css

@@ -1,16 +1,16 @@
-@charset "UTF-8";.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,262 +18,273 @@
   height: 100%;
   color: #909399;
   font-size: 30px;
+}.k-card[data-v-33e2619b] {
+  border-radius: 8px;
+  background: var(--ele-card-bg);
 }
-/**
- * naive-ui Upload（list-type = image-card）皮肤
- * ------------------------------------------------------------------
- * 数值取自 naive-ui 源码：
- *   src/upload/src/styles/index.cssr.ts  → &--image-card / --image-card-type / __action / __progress
- *   src/upload/styles/light.ts           → itemBorderImageCard = 1px solid borderColor
- *   src/_styles/common/light.ts          → borderColor #e0e0e6 / actionColor #fafafc / borderRadius 3px
- */
-.component-upload-image[data-v-ab47c3bc] {
-  /* ---------------- 触发区（加号卡片） ---------------- */
-  /* n-upload-trigger--image-card .n-base-icon { font-size: 24px } */
-  /* ---------------- 已上传卡片 ---------------- */
-  /* 干掉 Element Plus 自带的“成功对勾角标”，naive 没有这个元素 */
-  /* 干掉 Element Plus 自带的悬停遮罩层，改用 naive 的做法（缩略图降透明 + 操作居中） */
-}
-.component-upload-image[data-v-ab47c3bc] .el-upload--picture-card {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 96px;
-  height: 96px;
-  line-height: 1;
-  border: 1px dashed #e0e0e6;
-  border-radius: 3px;
-  background-color: #fafafc;
-  transition: border-color 0.3s, background-color 0.3s;
-}
-.component-upload-image[data-v-ab47c3bc] .el-upload--picture-card:hover {
-  border-color: var(--el-color-primary);
+.k-card[data-v-33e2619b] .el-card__header {
+  border-bottom: 0;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 12px 16px;
 }
-.component-upload-image .naive-image-card__plus[data-v-ab47c3bc] {
-  font-size: 24px;
-  color: #c2c2c2;
+.k-card[data-v-33e2619b] .el-card__body {
+  padding: 0 16px 12px;
 }
-.component-upload-image[data-v-ab47c3bc] .el-upload-list--picture-card .el-upload-list__item {
-  width: 96px;
-  height: 96px;
-  padding: 0;
-  border: 1px solid #e0e0e6;
-  border-radius: 3px;
+.k-card.is-always-shadow[data-v-33e2619b] {
+  box-shadow: var(--ele-card-shadow);
+}.custom-tabs-wrapper[data-v-0c28b114] {
+  display: flex;
+  min-height: 600px;
+  background: var(--el-bg-color);
+  border-radius: 8px;
   overflow: hidden;
-  background-color: transparent;
 }
-.component-upload-image[data-v-ab47c3bc] .el-upload-list--picture-card .el-upload-list__item-status-label {
-  display: none;
+.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);
 }
-.component-upload-image[data-v-ab47c3bc] .el-upload-list--picture-card .el-upload-list__item-actions {
-  display: none;
+.custom-tabs[data-v-0c28b114] .is-left {
+  width: 100%;
+  margin-right: 0;
+  padding: var(--spacing-sm);
 }
-.component-upload-image[data-v-ab47c3bc] .el-upload-list--picture-card .el-upload-list__item-thumbnail {
+.custom-tabs[data-v-0c28b114] .el-tabs__content {
   display: none;
 }
-.naive-image-card[data-v-ab47c3bc] {
-  position: relative;
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap {
   width: 100%;
-  height: 100%;
-  /* n-upload-file--image-card-type .n-progress { left/right/bottom: 8px } */
-  /* n-upload-file-info__action--image-card-type：铺满并居中 */
-  /* 悬停：缩略图降到 .12，操作浮现（与 naive 的 ::before + thumbnail opacity .12 等价） */
 }
-.naive-image-card__img[data-v-ab47c3bc] {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  opacity: 1;
-  transition: opacity 0.2s;
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap::after {
+  display: none;
 }
-.naive-image-card__progress[data-v-ab47c3bc] {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  bottom: 8px;
-  height: 2px;
-  border-radius: 1px;
-  background-color: rgba(0, 0, 0, 0.12);
-  overflow: hidden;
+.custom-tabs[data-v-0c28b114] .el-tabs__nav-wrap :deep(.el-tabs__nav-scroll) {
+  width: 100%;
 }
-.naive-image-card__bar[data-v-ab47c3bc] {
-  height: 100%;
-  background-color: var(--el-color-primary);
-  transition: width 0.2s;
+.custom-tabs[data-v-0c28b114] .el-tabs__active-bar {
+  background: transparent;
+  width: 0;
 }
-.naive-image-card__action[data-v-ab47c3bc] {
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  opacity: 0;
-  transition: opacity 0.2s;
+.custom-tabs[data-v-0c28b114] .el-tabs__nav {
+  background: transparent;
 }
-.naive-image-card__action[data-v-ab47c3bc] .el-button {
-  font-size: 18px;
-  color: #333639;
+.custom-tabs[data-v-0c28b114] .el-tabs__item {
+  padding: 12px 20px;
+  height: auto;
+  line-height: normal;
+  color: var(--el-text-color-regular);
+  transition: all 0.3s;
+  border: none;
+  background: transparent;
+  margin: var(--spacing-xs) 0;
 }
-.naive-image-card__action[data-v-ab47c3bc] .el-button:hover {
+.custom-tabs[data-v-0c28b114] .el-tabs__item:hover {
+  background: var(--el-fill-color-light);
   color: var(--el-color-primary);
 }
-.naive-image-card:hover .naive-image-card__img[data-v-ab47c3bc] {
-  opacity: 0.12;
-}
-.naive-image-card:hover .naive-image-card__action[data-v-ab47c3bc] {
-  opacity: 1;
+.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;
 }
-
-/* ---------------- 提示 ---------------- */
-.naive-upload-tip[data-v-ab47c3bc] {
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label {
   display: flex;
   align-items: center;
-  gap: 4px;
-  margin-top: 8px;
-  font-size: 14px;
-  line-height: 1.6;
-  color: #767c82;
-}
-.naive-upload-tip__icon[data-v-ab47c3bc] {
-  font-size: 15px;
-  color: #c2c2c2;
-  cursor: help;
-}
-.naive-upload-tip__icon[data-v-ab47c3bc]:hover {
-  color: var(--el-color-primary);
-}
-[data-v-ab47c3bc] .hide .el-upload--picture-card {
-  display: none;
-}.k-card[data-v-cbf723b1] {
-  border-radius: 8px;
-  background: var(--ele-card-bg);
+  gap: 12px;
 }
-.k-card[data-v-cbf723b1] .el-card__header {
-  border-bottom: 0;
-  font-size: 16px;
-  font-weight: bold;
-  padding: 12px 16px;
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label .tab-icon {
+  font-size: 18px;
 }
-.k-card[data-v-cbf723b1] .el-card__body {
-  padding: 0 16px 12px;
+.custom-tabs[data-v-0c28b114] .el-tabs__item .custom-tab-label .tab-text {
+  font-size: 14px;
 }
-.k-card.is-always-shadow[data-v-cbf723b1] {
-  box-shadow: var(--ele-card-shadow);
-}.dict-tag[data-v-f24d054e] {
+.custom-tabs-content[data-v-0c28b114] {
+  flex: 1;
+  padding: 24px;
+  overflow-y: auto;
+  background: var(--el-bg-color);
+}.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;
-}.k-search-bar[data-v-995c528d] .el-collapse {
+}.ip-segment-input[data-v-cc8f2ec6] {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  padding: 0 8px;
+  background: #fff;
+  transition: border-color 0.2s;
+}
+.ip-segment-input[data-v-cc8f2ec6]:hover {
+  border-color: #c0c4cc;
+}
+.ip-segment-input[data-v-cc8f2ec6]:focus-within {
+  border-color: #409eff;
+}
+.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-cc8f2ec6] {
+  display: flex;
+  align-items: center;
+}
+.ip-segment-input .ip-input[data-v-cc8f2ec6] {
+  width: 40px;
+  height: 30px;
+  border: none;
+  outline: none;
+  text-align: center;
+  font-size: 14px;
+  color: #606266;
+  padding: 0;
+}
+.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-cc8f2ec6] {
+  color: #606266;
+  font-size: 14px;
+  user-select: none;
+  padding: 0 2px;
+}.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;
@@ -282,61 +293,197 @@
   min-height: 100%;
 }
 @media (width <= 768px) {
-.k-search-bar__actions[data-v-995c528d] {
+.k-search-bar__actions[data-v-af898010] {
     justify-content: flex-start;
 }
-}.k-selected-alert[data-v-cf66b3b3] {
+}.section-title[data-v-0504fe3f] {
+  position: relative;
+  padding-left: 12px;
+  margin-bottom: 16px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #1d2129;
+  line-height: 24px;
+}
+.section-title[data-v-0504fe3f]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 4px;
+  width: 4px;
+  height: 16px;
+  background: #165dff;
+  border-radius: 2px;
+}.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);
+  --k-segmented-item-hover-color: rgba(0, 0, 0, 0.88);
+  --k-segmented-item-hover-bg: rgba(0, 0, 0, 0.06);
+  --k-segmented-item-selected-bg: #ffffff;
+  --k-segmented-item-active-bg: rgba(0, 0, 0, 0.15);
+  --k-segmented-item-selected-color: rgba(0, 0, 0, 0.88);
+  --k-segmented-item-disabled-color: rgba(0, 0, 0, 0.25);
+  --el-segmented-color: var(--k-segmented-item-color);
+  --el-segmented-bg-color: var(--k-segmented-track-bg);
+  --el-segmented-padding: var(--k-segmented-track-padding);
+  --el-segmented-item-selected-color: var(--k-segmented-item-selected-color);
+  --el-segmented-item-selected-bg-color: var(--k-segmented-item-selected-bg);
+  --el-segmented-item-hover-color: var(--k-segmented-item-hover-color);
+  --el-segmented-item-hover-bg-color: var(--k-segmented-item-hover-bg);
+  --el-segmented-item-active-bg-color: var(--k-segmented-item-active-bg);
+  --el-segmented-item-disabled-color: var(--k-segmented-item-disabled-color);
+  min-height: 32px;
+  padding: var(--k-segmented-track-padding) !important;
+  border-radius: 6px !important;
+  background: var(--k-segmented-track-bg) !important;
+  font-size: 14px;
+  line-height: 1.5715;
+}
+.k-segmented.is-block[data-v-9ee2c3c5] {
+  width: 100%;
+}
+.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-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-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-9ee2c3c5] .el-segmented__item:not(.is-disabled):not(.is-selected):active {
+  background: var(--k-segmented-item-active-bg) !important;
+}
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item.is-selected {
+  color: var(--k-segmented-item-selected-color) !important;
+}
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item.is-disabled {
+  color: var(--k-segmented-item-disabled-color) !important;
+}
+.k-segmented[data-v-9ee2c3c5] .el-segmented__item-label {
+  line-height: 28px;
+}
+.k-segmented.el-segmented--large[data-v-9ee2c3c5] {
+  min-height: 40px;
+  border-radius: 8px !important;
+}
+.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-9ee2c3c5] .el-segmented__item-label {
+  line-height: 36px;
+}
+.k-segmented.el-segmented--small[data-v-9ee2c3c5] {
+  min-height: 24px;
+}
+.k-segmented.el-segmented--small[data-v-9ee2c3c5] .el-segmented__item-label {
+  line-height: 20px;
+}
+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);
+  --k-segmented-item-hover-bg: rgba(255, 255, 255, 0.12);
+  --k-segmented-item-selected-bg: rgba(255, 255, 255, 0.16);
+  --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-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-table[data-v-05ba2501] {
+}.k-spin[data-v-d7f6a57b] {
+  position: relative;
+  min-height: inherit;
+}
+.k-spin__content[data-v-d7f6a57b] {
+  height: 100%;
+}
+.k-spin__mask[data-v-d7f6a57b] {
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  backdrop-filter: blur(2px);
+}
+.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-d7f6a57b] {
+  margin: 0;
+  font-size: 13px;
+  color: var(--el-text-color-regular);
+}
+.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-d7f6a57b],
+.k-spin-fade-leave-to[data-v-d7f6a57b] {
+  opacity: 0;
+}.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;
@@ -344,27 +491,27 @@
   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;
@@ -374,26 +521,26 @@
   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;
@@ -407,165 +554,193 @@
   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] {
-  background: var(--el-bg-color);
+}.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;
 }
-.form-content .config-form[data-v-3296eadc] {
-  max-width: 800px;
+.k-table-sider-layout--collapse[data-v-535bdadf] {
+  grid-template-columns: 1fr;
 }
-.form-content .config-form[data-v-3296eadc] .el-form-item {
-  margin-bottom: 24px;
+.k-table-sider-layout--sider-hidden[data-v-535bdadf] {
+  grid-template-columns: minmax(0, 1fr);
 }
-.form-content .config-form[data-v-3296eadc] .el-form-item .el-form-item__label {
-  font-weight: 500;
-  color: var(--el-text-color-primary);
-  margin-bottom: 8px;
+.k-table-sider-layout__card[data-v-535bdadf],
+.k-table-sider-layout__content[data-v-535bdadf] {
+  height: 100%;
 }
-.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 {
-  background-color: var(--el-fill-color-light);
-  cursor: not-allowed;
+.k-table-sider-layout__sider[data-v-535bdadf] {
+  min-width: 0;
 }
-.form-content .config-form[data-v-3296eadc] .form-item-tip {
-  margin-top: 8px;
-  font-size: 13px;
+.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);
-  line-height: 1.5;
+  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%);
 }
-.form-footer[data-v-3296eadc] {
+.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;
-  padding-top: 24px;
-  border-top: 1px solid var(--el-border-color-lighter);
-  margin-top: 32px;
-}.business-config-container[data-v-1df6b0cb] {
-  max-width: 800px;
-}
-.w-full[data-v-1df6b0cb] {
   width: 100%;
-}.website-config-container[data-v-d11a083d] {
-  display: flex;
-  gap: 24px;
-  align-items: flex-start;
 }
-@media (max-width: 1200px) {
-.website-config-container[data-v-d11a083d] {
-    flex-direction: column;
-}
-}
-.form-section[data-v-d11a083d] {
+.k-table-sider-layout__title[data-v-535bdadf] {
+  font-size: 16px;
+  font-weight: 600;
   flex: 1;
   min-width: 0;
 }
-.preview-section[data-v-d11a083d] {
-  width: 360px;
+.k-table-sider-layout__extra[data-v-535bdadf] {
+  display: flex;
+  align-items: center;
   flex-shrink: 0;
-  position: sticky;
-  top: 20px;
 }
-@media (max-width: 1200px) {
-.preview-section[data-v-d11a083d] {
-    width: 100%;
-    position: static;
+.k-table-sider-layout__sider-body[data-v-535bdadf] {
+  min-height: 0;
 }
+.k-table-sider-layout__content[data-v-535bdadf] {
+  min-width: 0;
 }
-.preview-title[data-v-d11a083d] {
-  margin-bottom: 16px;
-  font-size: 16px;
-  font-weight: 600;
+@media (max-width: 1024px) {
+.k-table-sider-layout[data-v-535bdadf] {
+    grid-template-columns: 1fr;
 }
-.preview-container[data-v-d11a083d] {
-  padding: 16px;
-  border: 1px solid var(--el-border-color);
-  border-radius: 6px;
-  background: var(--el-fill-color-blank);
 }
-.preview-header[data-v-d11a083d] {
-  padding-bottom: 16px;
-  margin-bottom: 16px;
-  border-bottom: 1px solid var(--el-border-color);
+[data-v-535bdadf] .el-card__header {
+  padding-bottom: 14px;
 }
-.preview-logo[data-v-d11a083d] {
-  height: 40px;
-  object-fit: contain;
+[data-v-535bdadf] .el-card__body {
+  height: 100%;
 }
-.preview-name[data-v-d11a083d] {
-  margin: 0;
-  font-size: 24px;
-  font-weight: 700;
+.k-table-sider-layout__card[data-v-535bdadf] .el-card__body {
+  padding-top: 0;
 }
-.preview-desc[data-v-d11a083d] {
-  margin: 12px 0 0;
-  line-height: 1.7;
-  color: var(--el-text-color-regular);
+[data-v-535bdadf] .el-collapse {
+  border-top: 0;
+  border-bottom: 0;
 }
-.preview-meta[data-v-d11a083d] {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  margin-top: 16px;
+[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-4c55aa01] {
+  max-width: 800px;
+}
+.form-content .config-form[data-v-4c55aa01] .el-form-item {
+  margin-bottom: 24px;
+}
+.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-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-4c55aa01] .form-item-tip {
+  margin-top: 8px;
   font-size: 13px;
   color: var(--el-text-color-secondary);
-}.setting-tabs[data-v-97bf5366] {
+  line-height: 1.5;
+}
+.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-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;
@@ -576,39 +751,24 @@
   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;
-}.user-detail-container[data-v-c0cb0304] {
-  min-height: 200px;
-}
-.user-detail-container .detail-content .user-avatar[data-v-c0cb0304] {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 20px;
-  padding: 20px;
-  background: #f5f7fa;
-  border-radius: 4px;
-}
-.user-detail-container .detail-content .user-info .roles-container[data-v-c0cb0304] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 4px;
 }