xrk-components 2.0.0-beta.8 → 2.0.0-beta.80

package/lib/index.css

@@ -19649,16 +19649,16 @@
           user-select: none;
 }
 .btn-group .btn.disabled[data-v-c71e9bd0] {
-  opacity: 0.9;
+  color: rgba(26, 26, 26, 0.5);
   cursor: not-allowed;
 }
-.btn-group .btn[data-v-c71e9bd0]:hover {
+.btn-group .btn[data-v-c71e9bd0]:not(.disabled):hover {
   color: #2c82ea;
   background-color: #f0f0f0;
 }
 .xrk-custom-image-viewer[data-v-35819562] {
-  width: 500px;
-  height: 500px;
+  width: 100%;
+  height: 100%;
   position: relative;
   overflow: hidden;
 }
@@ -19670,9 +19670,6 @@
 .xrk-custom-image-viewer.hide-close[data-v-35819562] .xrk-image-viewer__close {
   display: none;
 }
-.base-radio-group[data-v-9d4003c2] .xrk-loading-spinner .circular {
-  width: 20px;
-}
 .base-radio[data-v-56d41f26].is-checked .xrk-radio__inner {
   background: var(--xrk-color-primary-light-9);
 }
@@ -19682,12 +19679,24 @@
 .base-radio[data-v-56d41f26] .xrk-loading-spinner .circular {
   width: 20px;
 }
-.base-checkbox-group[data-v-1e1f0947] .xrk-loading-spinner .circular {
+.base-radio-group[data-v-9d4003c2] .xrk-loading-spinner .circular {
   width: 20px;
 }
 .base-checkbox[data-v-53a67995] .xrk-loading-spinner .circular {
   width: 20px;
 }
+.base-checkbox-group[data-v-1e1f0947] .xrk-loading-spinner .circular {
+  width: 20px;
+}
+.base-tool-tip-1200 {
+  max-width: 1200px !important;
+}
+.base-tool-tip-800 {
+  max-width: 800px !important;
+}
+.base-tool-tip-400 {
+  max-width: 400px !important;
+}
 .base-tool-tip {
   max-width: 400px;
 }
@@ -19709,6 +19718,12 @@
 .base-input[data-v-36a4c1cb] .xrk-input__wrapper:has(input[disabled]) {
   pointer-events: none;
 }
+[data-v-13bddb91] .xrk-empty__description {
+  --xrk-empty-description-margin-top: 4px;
+}
+[data-v-13bddb91] .xrk-empty__description p {
+  color: var(--xrk-text-color-disabled);
+}
 @charset "UTF-8";
 .base-input-number.no-controls[data-v-0a3ed835] {
   width: 100%;
@@ -19780,8 +19795,51 @@
 .base-pagination[data-v-1a7c8335] .btn-next .xrk-icon {
   font-size: var(--xrk-font-size-medium);
 }
+.base-form-item[data-v-17eda5db] {
+  margin-bottom: 24px;
+}
 .base-form-item[data-v-17eda5db] .xrk-form-item__label {
-  font-weight: 700;
+  color: var(--xrk-text-color-secondary);
+  padding-right: 16px;
+}
+.base-form-item[data-v-17eda5db] .base-upload {
+  padding: 16px 8px;
+  border-radius: 2px;
+  border: 1px dashed #dfdfdf;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.xrk-search[data-v-a1781a06] > .xrk-form {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+  gap: 16px;
+}
+.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item {
+  margin-bottom: 0px;
+}
+.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label {
+  padding-right: 6px !important;
+}
+.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label-wrap {
+  margin-right: 0 !important;
+}
+.xrk-search[data-v-a1781a06] > .xrk-form .xrk-button + .xrk-button {
+  margin-left: 0;
+}
+.xrk-search .btn-group[data-v-a1781a06] {
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
+  gap: 16px;
 }
 .base_text_title {
   min-height: var(--base-text-title-min-height, 54px);
@@ -19850,11 +19908,45 @@
   overflow: auto;
   min-height: 24px;
 }
+.xrk-dialog .xrk-dialog__footer {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  padding: 16px 24px;
+  border-top: 1px solid #f0f0f0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.xrk-dialog .xrk-dialog__footer:empty {
+  display: none;
+}
 .base-upload[data-v-75b461d5] {
   line-height: 1.4;
 }
-.xrk-upload__list[data-v-75b461d5] {
-  margin-top: 6px;
+.base-upload[data-v-75b461d5] .xrk-upload--text {
+  display: none;
+}
+.base-upload[data-v-75b461d5] .xrk-upload__tip {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  color: var(--xrk-text-color-disabled);
+  font-size: var(--xrk-font-size-base);
+}
+.base-upload[data-v-75b461d5] .xrk-upload__tip:empty {
+  display: none;
+}
+.c > *[data-v-75b461d5] {
+  margin-top: 10px;
+}
+.c > *[data-v-75b461d5]:first-child {
+  margin-top: 0;
 }
 .xrk-upload__list.picture[data-v-75b461d5] {
   display: -webkit-box;
@@ -19864,6 +19956,7 @@
   -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
+  gap: 12px;
 }
 .xrk-upload__text--right[data-v-75b461d5] {
   display: inline-block;
@@ -19872,6 +19965,9 @@
   display: none;
 }
 .xrk-upload__item[data-v-75b461d5] {
+  padding: 10px;
+  background: #f3f3f3;
+  border-radius: 2px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -19880,20 +19976,10 @@
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  cursor: pointer;
-  padding: 6px 4px;
-}
-.xrk-upload__item[data-v-75b461d5]:hover {
-  background: var(--xrk-fill-color-light);
-}
-.xrk-upload__item:hover .xrk-upload__item_name[data-v-75b461d5] {
-  color: var(--xrk-color-primary);
+  gap: 4px;
 }
-.xrk-upload__item:hover .xrk-upload__item_icon__del[data-v-75b461d5] {
-  opacity: 0.7;
-  pointer-events: inherit;
+.xrk-upload__item + .xrk-upload__item[data-v-75b461d5] {
+  margin-top: 4px;
 }
 .xrk-upload__item_icon[data-v-75b461d5] {
   -webkit-flex-shrink: 0;
@@ -19901,29 +19987,9 @@
           flex-shrink: 0;
   line-height: 1;
 }
-.xrk-upload__item_icon__del[data-v-75b461d5] {
-  line-height: 1;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  opacity: 0;
-  pointer-events: none;
-}
-.xrk-upload__item_icon__del[data-v-75b461d5]:hover {
-  opacity: 1;
-}
-.xrk-upload__item_name[data-v-75b461d5] {
+.xrk-upload__item[data-v-75b461d5] .xrk-tooltip__trigger {
   font-size: 14px;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  padding: 0 4px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.xrk-upload__item_name[data-v-75b461d5] .xrk-tooltip__trigger {
+  color: #898989;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
@@ -19931,23 +19997,23 @@
   -webkit-line-clamp: 1;
   white-space: initial;
   word-break: break-all;
+  margin-top: 1px;
 }
 .xrk-upload__item_img[data-v-75b461d5] {
-  width: 140px;
-  height: 140px;
+  width: 88px;
+  height: 88px;
   position: relative;
-  overflow: hidden;
-  border-radius: 4px;
-  border: 1px dashed var(--xrk-border-color);
-  margin: 0 8px 8px 0;
 }
 .xrk-upload__item_img > img[data-v-75b461d5] {
+  border-radius: 2px;
+  border: 1px dashed #dfdfdf;
+  background: #fafafa;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.xrk-upload__item_img:hover .xrk-upload__item_img_operate[data-v-75b461d5] {
+.xrk-upload__item_img > img:hover ~ .xrk-upload__item_img_operate[data-v-75b461d5] {
   pointer-events: initial;
   opacity: 1;
   background: rgba(0, 0, 0, 0.5);
@@ -19974,52 +20040,27 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
+  z-index: 1;
+}
+.xrk-upload__item_img_operate[data-v-75b461d5]:hover {
+  pointer-events: initial;
+  opacity: 1;
+  background: rgba(0, 0, 0, 0.5);
 }
 .xrk-upload__item_img_operate > div[data-v-75b461d5] {
   cursor: pointer;
 }
-.xrk-search[data-v-a1781a06] > .xrk-form {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
-  gap: 16px;
-}
-.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item {
-  margin-bottom: 0px;
-}
-.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label {
-  padding-right: 6px !important;
-}
-.xrk-search[data-v-a1781a06] > .xrk-form .xrk-form-item__label-wrap {
-  margin-right: 0 !important;
-}
-.xrk-search[data-v-a1781a06] > .xrk-form .xrk-button + .xrk-button {
-  margin-left: 0;
-}
-.xrk-search .btn-group[data-v-a1781a06] {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
-  gap: 16px;
+.xrk-form-grid[data-v-67a1b635] {
+  display: grid;
+  grid-template-columns: repeat(var(--column-count, 1), 1fr);
+  -webkit-column-gap: 24px;
+     -moz-column-gap: 24px;
+          column-gap: 24px;
 }
 .xrk-table[data-v-968a9a5a] tr td .cell {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
   line-height: normal;
+  font-size: var(--xrk-font-size-base);
+  color: var(--xrk-text-color-secondary);
 }
 .xrk-table[data-v-968a9a5a] tr .is-left .cell {
   -webkit-box-pack: start;
@@ -20043,6 +20084,9 @@
   --xrk-table-header-bg-color: #f6f6f6;
   --xrk-table-border-color: #f4f4f5;
 }
+.base-table[data-v-968a9a5a] .xrk-table__empty-block {
+  height: auto !important;
+}
 .base-table[data-v-968a9a5a] thead {
   position: relative;
 }
@@ -20053,17 +20097,9 @@
   right: 0;
 }
 .base-table[data-v-968a9a5a] th.xrk-table__cell > .cell {
-  color: #333;
-  font-weight: normal;
-}
-.base-table-column[data-v-2a64ae40] .xrk-tooltip__trigger {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-box-orient: vertical;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  white-space: initial;
-  word-break: break-all;
+  font-size: var(--xrk-font-size-base);
+  color: var(--xrk-color-black);
+  font-weight: var(--xrk-font-weight-primary);
 }
 .table-base-checkbox[data-v-2a64ae40] .xrk-loading-mask {
   background-color: transparent;
@@ -20082,26 +20118,26 @@
   height: 24px;
 }
 .base-layout-flex-content[data-v-4fbb1d70] {
+  width: 100%;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.base-layout-flex-content.fix[data-v-4fbb1d70] {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
-  width: 100%;
   height: 100%;
-  position: relative;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
 }
-.base-layout-flex-content > .content[data-v-4fbb1d70] {
+.base-layout-flex-content.fix > .content[data-v-4fbb1d70] {
   position: absolute;
+}
+.base-layout-flex-content > .content[data-v-4fbb1d70] {
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
-  padding-top: var(--base-layout-flex-content-padding-top, 0px);
-  padding-right: var(--base-layout-flex-content-padding-right, 0px);
-  padding-bottom: var(--base-layout-flex-content-padding-bottom, 0px);
-  padding-left: var(--base-layout-flex-content-padding-left, 0px);
 }
 .base-layout-header[data-v-cbf300d0] {
   --base-layout-header-height: 64px;
@@ -20171,14 +20207,9 @@
           flex-direction: column;
 }
 .base-layout-body > .content[data-v-b5383626] {
-  --base-layout-flex-content-padding-top: 24px;
-  --base-layout-flex-content-padding-right: 16px;
-  --base-layout-flex-content-padding-bottom: 0;
-  --base-layout-flex-content-padding-left: 16px;
-  background-color: var(--base-layout-body-bg, #fff);
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-radius: 4px;
   overflow: auto;
+  background-color: var(--base-layout-body-bg, #fff);
 }
 .base-layout-body .body-top[data-v-b5383626] {
   min-height: 10px;
@@ -20196,17 +20227,38 @@
   width: 100%;
   height: 100%;
   overflow: auto;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+.base-layout-menu .main-menu[data-v-1bea9a2a]::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
 }
 .base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__content {
   padding-bottom: 0;
 }
 .base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header {
   color: var(--xrk-text-color-secondary);
+  min-height: var(--xrk-collapse-header-height) !important;
+  height: auto;
 }
 .base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header.is-active, .base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header:hover {
   color: var(--xrk-text-color-primary);
   font-weight: var(--xrk-font-weight-primary);
 }
+.base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header.active {
+  color: var(--xrk-color-primary);
+  background-color: var(--xrk-color-primary-light-9);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header.active::before {
+  background-color: var(--xrk-color-primary);
+}
+.base-layout-menu .main-menu[data-v-1bea9a2a] .xrk-collapse-item__header.active::after {
+  opacity: 1;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
 .base-layout-menu .main-menu .menu-name-one[data-v-1bea9a2a] {
   padding-left: 12px;
   font-size: var(--xrk-font-size-base);
@@ -20282,16 +20334,27 @@
   -webkit-transition: all 0.15s;
   transition: all 0.15s;
 }
-.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:hover, .base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a] {
+.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:not(.active):hover {
+  color: var(--xrk-color-primary);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:not(.active):hover::before {
+  background-color: var(--xrk-color-primary);
+}
+.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:not(.active):hover::after {
+  opacity: 0;
+}
+.base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a] {
   color: var(--xrk-color-primary);
   background-color: var(--xrk-color-primary-light-9);
   -webkit-transition: all 0.15s;
   transition: all 0.15s;
 }
-.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:hover::before, .base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a]::before {
+.base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a]::before {
   background-color: var(--xrk-color-primary);
 }
-.base-layout-menu .main-menu .sub-menu[data-v-1bea9a2a]:hover::after, .base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a]::after {
+.base-layout-menu .main-menu .sub-menu.active[data-v-1bea9a2a]::after {
   opacity: 1;
   -webkit-transform: translateX(0);
           transform: translateX(0);
@@ -20342,7 +20405,7 @@
 }
 .base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a] {
   padding: 3px 10px;
-  min-height: 28px;
+  min-height: 32px;
   position: relative;
   cursor: pointer;
   font-size: var(--xrk-font-size-base);
@@ -20354,6 +20417,7 @@
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
+  line-height: 1.8;
 }
 .base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]::after {
   content: "";
@@ -20366,16 +20430,25 @@
   -webkit-transform: translateX(-100%);
           transform: translateX(-100%);
 }
-.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:hover, .base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a] {
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:not(.active):hover {
+  color: var(--xrk-color-primary);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:not(.active):hover::after {
+  opacity: 0;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a] {
   color: var(--xrk-color-primary);
   background-color: var(--xrk-color-primary-light-9);
   -webkit-transition: all 0.15s;
   transition: all 0.15s;
 }
-.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-1bea9a2a]:hover::after, .base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a]::after {
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-1bea9a2a]::after {
   -webkit-transform: translateX(0);
           transform: translateX(0);
 }
+@charset "UTF-8";
 .base-layout-main[data-v-3f66cd84] {
   width: var(--base-layout-main-width, 100vw);
   height: var(--base-layout-main-height, 100vh);
@@ -20396,6 +20469,46 @@
       -ms-flex-negative: 0;
           flex-shrink: 0;
 }
+.base-layout-main > .menu-top[data-v-3f66cd84] {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  width: 100vw;
+  overflow: auto;
+  overflow-y: hidden;
+  scroll-behavior: smooth;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE 和 Edge */
+}
+.base-layout-main > .menu-top[data-v-3f66cd84]::-webkit-scrollbar {
+  display: none; /* 对于Chrome, Safari */
+}
+.base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84] {
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 5px 20px;
+  cursor: pointer;
+}
+.base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:hover {
+  color: var(--xrk-color-primary);
+  background: var(--xrk-color-primary-light-9);
+}
+.base-layout-main > .menu-top .menu-top-item[data-v-3f66cd84]:active {
+  opacity: 0.6;
+}
+.base-layout-main > .menu-top .active[data-v-3f66cd84] {
+  color: var(--xrk-color-primary);
+}
 .base-layout-main > .content[data-v-3f66cd84] {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
@@ -20407,7 +20520,6 @@
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  padding-right: 10px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
@@ -20417,13 +20529,19 @@
           flex-shrink: 0;
   width: var(--base-layout-menu-width, 140px);
   background-color: #fff;
-  margin-right: 10px;
+  z-index: 2;
+}
+.base-layout-main > .content > .menu[data-v-3f66cd84]:hover {
+  z-index: 3;
 }
 .base-layout-main > .content > .body[data-v-3f66cd84] {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
+  margin: 0 10px;
+  height: calc(100% - 10px);
+  z-index: 2;
 }
 .custom_xrk-table {
   width: 100%;
@@ -20437,6 +20555,7 @@
   -webkit-flex-direction: column;
       -ms-flex-direction: column;
           flex-direction: column;
+  min-height: 200px;
 }
 .custom_xrk-table .xrk-pagination {
   height: 64px;
@@ -20445,9 +20564,6 @@
       -ms-flex-pack: end;
           justify-content: flex-end;
 }
-.xrk-table-content {
-  height: initial !important;
-}
 .fade-enter-active[data-v-5d796c46],
 .fade-leave-active[data-v-5d796c46] {
   -webkit-transition: opacity 0.5s;