amis-ui 3.4.2 → 3.5.0

package/lib/themes/dark.css

@@ -2,6 +2,8 @@
 /* 此处放置需要override的变量，因为部分变量已经在variables.scss中定义 */
 :root,
 .AMISCSSWrapper {
+  --affix-offset-top: 0px;
+  --affix-offset-bottom: 0px;
   --white: var(--colors-neutral-text-11);
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
@@ -3252,6 +3254,14 @@
   --Divider-marginLeft: var(--sizes-size-0);
   --Divider-marginRight: var(--sizes-size-0);
   --Divider-marginBottom: var(--sizes-size-7);
+  --Divider-text-width: 5%;
+  --Divider-text-fontSize: var(--fonts-size-7);
+  --Divider-text-fontWeight: var(--fonts-weight-6);
+  --Divider-text-color: var(--colors-neutral-text-2);
+  --Divider-text-marginTop: var(--sizes-size-0);
+  --Divider-text-marginLeft: var(--sizes-size-9);
+  --Divider-text-marginRight: var(--sizes-size-9);
+  --Divider-text-marginBottom: var(--sizes-size-0);
   --inputFile-base-des-color: var(--colors-neutral-text-2);
   --inputFile-base-des-fontSize: var(--fonts-size-7);
   --inputFile-base-des-fontWeight: var(--fonts-weight-6);
@@ -4177,7 +4187,7 @@
   --Toast--danger-bottom-left-border-radius: var(--borders-radius-3);
   --Toast--danger-bgColor: var(--colors-neutral-fill-11);
   --Toast--info-color: var(--colors-neutral-text-2);
-  --Toast--info-fontSize: var(--fonts-size-7);
+  --Toast--info-fontSize: var(--fonts-size-8);
   --Toast--info-fontWeight: var(--fonts-weight-6);
   --Toast--info-top-border-color: var(--colors-neutral-line-11);
   --Toast--info-top-border-width: var(--borders-width-2);
@@ -4193,7 +4203,6 @@
   --Toast--info-left-border-style: var(--borders-style-2);
   --Toast--info-bgColor: var(--colors-neutral-fill-11);
   --Toast--success-color: var(--colors-neutral-text-2);
-  --Toast--success-fontSize: var(--fonts-weight-6);
   --Toast--success-fontWeight: var(--fonts-weight-6);
   --Toast--success-fontSize: var(--fonts-size-8);
   --Toast--success-fontWeight: var(--fonts-weight-6);
@@ -10117,6 +10126,7 @@ button::-moz-focus-inner {
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
+  max-width: 100%;
   text-transform: none;
   word-break: break-all;
 }
@@ -10825,16 +10835,21 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content a {
   color: #006ce7;
   cursor: pointer;
-  text-decoration: none;
+  text-decoration: underline;
 }
 .tox .tox-dialog__body-content a:hover,
 .tox .tox-dialog__body-content a:focus {
-  color: #0054b4;
-  text-decoration: none;
+  color: #003c81;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #006ce7;
+  outline-offset: 2px;
 }
 .tox .tox-dialog__body-content a:active {
-  color: #0054b4;
-  text-decoration: none;
+  color: #00244e;
+  text-decoration: underline;
 }
 .tox .tox-dialog__body-content svg {
   fill: #222f3e;
@@ -10983,9 +10998,23 @@ button::-moz-focus-inner {
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
-.tox .tox-dialog__iframe.tox-dialog__iframe--bordered {
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
   border: 1px solid #eeeeee;
   border-radius: 6px;
+  content: "";
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+  outline: none;
 }
 .tox .tox-dialog__popups {
   position: absolute;
@@ -11388,7 +11417,6 @@ body.tox-dialog__disable-scroll {
   cursor: not-allowed;
 }
 .tox .tox-textfield:focus,
-.tox .tox-dialog__iframe.tox-dialog__iframe--bordered:focus-within,
 .tox .tox-listboxfield .tox-listbox--select:focus,
 .tox .tox-textarea-wrap:focus-within,
 .tox .tox-textarea:focus,
@@ -11718,6 +11746,9 @@ body.tox-dialog__disable-scroll {
     overflow-wrap: break-word;
     word-break: normal;
   }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
 }
 .tox .tox-menu__label h1,
 .tox .tox-menu__label h2,
@@ -12218,19 +12249,42 @@ body.tox-dialog__disable-scroll {
   position: relative;
   text-transform: none;
 }
-.tox .tox-statusbar__text-container {
+.tox .tox-statusbar__path {
   display: flex;
   flex: 1 1 auto;
-  justify-content: flex-end;
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.tox .tox-statusbar__path {
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
   display: flex;
   flex: 1 1 auto;
-  margin-right: auto;
+  justify-content: space-between;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+}
+@media only screen and (min-width: 768px) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 33.3333333333%;
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
 }
 .tox .tox-statusbar__path > * {
   display: inline;
@@ -12240,6 +12294,14 @@ body.tox-dialog__disable-scroll {
   flex: 0 0 auto;
   margin-left: 1ch;
 }
+@media only screen and (max-width: 767px) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
 .tox .tox-statusbar a,
 .tox .tox-statusbar__path-item,
 .tox .tox-statusbar__wordcount {
@@ -13929,13 +13991,13 @@ body.video-react-full-window .video-react-fullscreen {
   transform: translateY(-30px);
 }
 /*!
- * Cropper.js v1.5.13
+ * Cropper.js v1.6.1
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-11-20T05:30:43.444Z
+ * Date: 2023-09-17T03:44:17.565Z
  */
 .cropper-container {
   direction: ltr;
@@ -13985,7 +14047,7 @@ body.video-react-full-window .video-react-fullscreen {
   display: block;
   height: 100%;
   outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 75%);
+  outline-color: rgba(51, 153, 255, 0.75);
   overflow: hidden;
   width: 100%;
 }
@@ -14851,6 +14913,7 @@ body {
 }
 .dark-Layout--headerFixed {
   padding-top: var(--Layout-header-height);
+  --affix-offset-top: var(--Layout-header-height);
 }
 .dark-Layout--headerFixed .dark-Layout-header {
   position: fixed;
@@ -17355,9 +17418,6 @@ input[type=button].dark-Button--block {
 .dark-Modal-header::after {
   clear: both;
 }
-.dark-Modal-header .Dialog-close {
-  content: var(--dialog-icon-icon);
-}
 .dark-Modal-title {
   font-size: var(--dialog-header-fontSize);
   color: var(--dialog-header-color);
@@ -17372,6 +17432,9 @@ input[type=button].dark-Button--block {
   vertical-align: middle;
   z-index: calc(11 + 1);
 }
+.dark-Modal-close .Dialog-close {
+  content: var(--dialog-icon-icon);
+}
 .dark-Modal-close svg {
   width: var(--dialog-icon-size);
   height: var(--dialog-icon-size);
@@ -17418,70 +17481,34 @@ input[type=button].dark-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .dark-Modal--2th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          1 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--3th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          2 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--4th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          3 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--5th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          4 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--6th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          5 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--7th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          6 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--8th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          7 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--9th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          8 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--10th .dark-Modal-content {
-  margin-top: calc(
-        var(--Modal-content-startMarginTop) +
-          9 *
-          var(--Modal-content-stepMarginTop)
-      );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop));
 }
 @media (min-width: 576px) {
-  .dark-Modal-content {
+  .dark-Modal-content:not(.dark-Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
@@ -20232,6 +20259,25 @@ input[type=button].dark-Button--block {
   background: var(--Nav-item-onActive-color);
   height: 2px;
 }
+.dark-Nav--searchable {
+  display: flex;
+}
+.dark-Nav--searchable:not(.dark-Nav-horizontal) {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.dark-Nav--searchable:not(.dark-Nav-horizontal) .dark-Nav-SearchBox.is-active {
+  width: 100%;
+}
+.dark-Nav--searchable.dark-Nav-horizontal {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.dark-Nav--searchable.dark-Nav-horizontal .dark-Nav-SearchBox {
+  margin-left: 1rem;
+}
 .dark-Page {
   width: 100%;
   height: 100%;
@@ -20321,6 +20367,7 @@ input[type=button].dark-Button--block {
 }
 @media (min-width: 768px) {
   .dark-Page-aside {
+    flex-shrink: 0;
     width: var(--Page-aside-width);
     border-right: var(--borderWidth) solid var(--borderColor);
   }
@@ -20348,6 +20395,13 @@ input[type=button].dark-Button--block {
     width: 0;
     flex-grow: 1;
   }
+  .dark-Page--asideSticky > .dark-Page-aside {
+    position: sticky;
+    top: var(--affix-offset-top);
+    max-height: calc(100vh - var(--affix-offset-top) - var(--affix-offset-bottom));
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
 }
 .dark-Remark {
   display: inline-block;
@@ -20606,19 +20660,10 @@ input[type=button].dark-Button--block {
   /* 子组件 */
 }
 .dark-Panel-fixedBottom {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  bottom: 999999px;
-  box-shadow: var(--Panel-fixedBottom-boxShadow);
-  border-top: var(--Panel-fixedBottom-borderTop);
-}
-.dark-Panel-fixedBottom.in {
-  position: fixed;
-  bottom: 0;
+  bottom: var(--affix-offset-bottom);
   z-index: 900;
-  opacity: 1;
 }
 .dark-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
@@ -21717,10 +21762,13 @@ input[type=button].dark-Button--block {
   padding-left: 0;
   padding-right: 0;
 }
-.dark-Form .dark-Collapse.dark-Collapse--fieldset {
+.dark-Form {
+  /* 恢复 Form 嵌套场景下的样式 */
+}
+.dark-Form .dark-Collapse {
   border: none;
 }
-.dark-Form .dark-Collapse.dark-Collapse--fieldset .dark-Collapse-header {
+.dark-Form .dark-Collapse .dark-Collapse-header {
   background-color: var(--white);
   display: inline-flex;
   justify-content: flex-end;
@@ -21728,9 +21776,23 @@ input[type=button].dark-Button--block {
   flex-direction: row-reverse;
   border-radius: 0;
 }
-.dark-Form .dark-Collapse.dark-Collapse--fieldset .dark-Collapse-content {
+.dark-Form .dark-Collapse .dark-Collapse-content {
   padding: 0;
 }
+.dark-Form .dark-Collapse-fieldset--disabled {
+  border-width: var(--collapse-default-top-border-width) var(--collapse-default-right-border-width) var(--collapse-default-bottom-border-width) var(--collapse-default-left-border-width);
+  border-style: var(--collapse-default-top-border-style) var(--collapse-default-right-border-style) var(--collapse-default-bottom-border-style) var(--collapse-default-left-border-style);
+  border-color: var(--collapse-default-top-border-color) var(--collapse-default-right-border-color) var(--collapse-default-bottom-border-color) var(--collapse-default-left-border-color);
+  border-radius: var(--collapse-default-top-left-border-radius) var(--collapse-default-top-right-border-radius) var(--collapse-default-bottom-right-border-radius) var(--collapse-default-bottom-left-border-radius);
+}
+.dark-Form .dark-Collapse-fieldset--disabled .dark-Collapse-header {
+  background: var(--Collapse-header-bg);
+  display: block;
+  border-radius: unset;
+}
+.dark-Form .dark-Collapse-fieldset--disabled .dark-Collapse-content {
+  padding: var(--Collapse-content-padding);
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .dark-Collapse {
@@ -22581,9 +22643,7 @@ input[type=button].dark-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22628,9 +22688,7 @@ input[type=button].dark-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22774,9 +22832,7 @@ input[type=button].dark-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22901,6 +22957,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-fixedTop {
   position: sticky;
+  top: var(--affix-offset-top);
   background: var(--Table-bg);
   display: block;
   opacity: 1;
@@ -22922,6 +22979,9 @@ input[type=button].dark-Button--block {
   visibility: hidden;
   position: absolute;
 }
+.dark-Table-fixedTop .dark-Table-table {
+  table-layout: fixed;
+}
 .dark-Table-heading {
   background: var(--Table-heading-bg);
   padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
@@ -23167,9 +23227,11 @@ input[type=button].dark-Button--block {
 .dark-Table-table > thead > tr {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
+.dark-Table-table-tr {
+  background: var(--Table-bg);
+}
 .dark-Table-table > tbody > tr {
   position: relative;
-  background: var(--Table-bg);
 }
 .dark-Table-table > tbody > tr + tr {
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -23567,6 +23629,10 @@ input[type=button].dark-Button--block {
 .dark-Table-table > tbody > tr > td.dark-Table-primayCell {
   white-space: nowrap;
 }
+.dark-Table-table > thead > tr > th.dark-Table-primayCell > .dark-Spinner,
+.dark-Table-table > tbody > tr > td.dark-Table-primayCell > .dark-Spinner {
+  vertical-align: middle;
+}
 .dark-Table.is-mobile .dark-Table-table > tbody > tr:hover, .dark-Table.is-mobile .dark-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -23749,6 +23815,13 @@ input[type=button].dark-Button--block {
 .dark-Table-footTable > tbody > tr:not(:first-child) {
   border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
 }
+.dark-Table-retryBtn {
+  color: var(--Form-feedBack-color);
+  cursor: pointer;
+}
+.dark-Table-retryBtn:hover {
+  color: var(--Form-feedBack-color);
+}
 .dark-Table-expandBtn, .dark-Table-expandBtn2 {
   position: relative;
   z-index: 1;
@@ -24892,10 +24965,9 @@ input[type=button].dark-Button--block {
   background: var(--TableRow-onDisabled-bg);
   color: var(--TableRow-onDisabled-color);
 }
-.dark-Table2 .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-row-hover {
-  background: var(--Table-onHover-bg);
-  border-color: var(--Table-onHover-borderColor);
-  color: var(--Table-onHover-color);
+.dark-Table2 .dark-Table-table > tbody > tr > td.dark-Table-cell-fix-left,
+.dark-Table2 .dark-Table-table > tbody > tr > td.dark-Table-cell-fix-right {
+  background: inherit;
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-Table-cell-fix-left-last:after,
 .dark-Table2 .dark-Table-table > tbody > tr > td.dark-Table-cell-fix-left-last:after,
@@ -24912,7 +24984,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-Table-cell-fix-right-first:after,
 .dark-Table2 .dark-Table-table > tbody > tr > td.dark-Table-cell-fix-right-first:after,
-.dark-Table2 .dark-Table-table > tfoot > tr > td.dark-Table-cell-fix-right-last:after {
+.dark-Table2 .dark-Table-table > tfoot > tr > td.dark-Table-cell-fix-right-first:after {
   position: absolute;
   top: 0;
   bottom: -1px;
@@ -24950,9 +25022,6 @@ input[type=button].dark-Button--block {
 .dark-Table2.dark-Table-ping-left .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-fix-left {
   border-right: none;
 }
-.dark-Table2.dark-Table-ping-left .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-fix-left:not(.dark-Table-cell-row-hover) {
-  background: #fff;
-}
 .dark-Table2.dark-Table-ping-left .dark-Table-table > tfoot > tr > td:not(:last-child).dark-Table-cell-fix-left-last {
   border-right: none;
 }
@@ -24967,9 +25036,6 @@ input[type=button].dark-Button--block {
 .dark-Table2.dark-Table-ping-right .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-fix-right {
   border-right: none;
 }
-.dark-Table2.dark-Table-ping-right .dark-Table-table > tbody > tr:not(.dark-Table-row-disabled) > td.dark-Table-cell-fix-right:not(.dark-Table-cell-row-hover) {
-  background: #fff;
-}
 .dark-Table2.dark-Table-ping-right:not(.dark-Table-bordered) .dark-Table-table > thead > tr > th.dark-Table-cell-fix-right-first-prev {
   border-right: none;
 }
@@ -25470,6 +25536,7 @@ input[type=button].dark-Button--block {
   position: sticky;
   background: var(--white);
   z-index: 900;
+  top: var(--affix-offset-top);
 }
 .dark-List-fixedTop .dark-Cards-toolbar {
   margin-bottom: 0;
@@ -25660,6 +25727,7 @@ input[type=button].dark-Button--block {
 .dark-Cards-fixedTop {
   position: sticky;
   background: var(--white);
+  top: var(--affix-offset-top);
   padding: var(--gap-sm);
   z-index: 900;
 }
@@ -26425,14 +26493,43 @@ input[type=button].dark-Button--block {
   border-left-style: dashed;
 }
 .dark-Divider--horizontal {
-  border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
+  position: relative;
   height: 0.125rem;
+  border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
+  transform-origin: 0 center;
+  clear: both;
 }
 .dark-Divider--vertical {
   border-left: var(--Divider-width) var(--Divider-style) var(--Divider-color);
   height: var(--sizes-base-15);
+  transform-origin: center bottom;
   display: inline-block;
 }
+.dark-Divider--with-text {
+  display: flex;
+  align-items: center;
+  height: unset;
+  border-bottom-width: 0 !important;
+}
+.dark-Divider--with-text::before, .dark-Divider--with-text::after {
+  content: "";
+  height: 0;
+  flex: 1;
+  border-bottom: inherit;
+  border-bottom-width: var(--Divider-width);
+}
+.dark-Divider--with-text.dark-Divider--with-text-left:before, .dark-Divider--with-text.dark-Divider--with-text-right:after {
+  flex-basis: var(--Divider-text-width);
+  flex-grow: 0;
+}
+.dark-Divider-text {
+  margin: var(--Divider-text-marginTop) var(--Divider-text-marginRight) var(--Divider-text-marginBottom) var(--Divider-text-marginLeft);
+  font-size: var(--Divider-text-fontSize);
+  font-weight: var(--Divider-text-fontWeight);
+  line-height: 1;
+  color: var(--Divider-text-color);
+  box-sizing: border-box;
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .dark-Divider {
@@ -26943,13 +27040,23 @@ input[type=button].dark-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  overflow: hidden;
 }
 .dark-ImageGallery-main > img {
+  cursor: move;
+  cursor: -webkit-grab;
   display: block;
   max-width: 100%;
   max-height: 100%;
   transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
 }
+.dark-ImageGallery-main.is-dragging > img {
+  transition: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: -webkit-grabbing;
+}
 .dark-ImageGallery-prevBtn, .dark-ImageGallery-nextBtn {
   position: absolute;
   top: 50%;
@@ -27080,6 +27187,7 @@ input[type=button].dark-Button--block {
 .dark-ImageGallery-toolbar {
   background-color: var(--image-images-preview-bgColor);
   border-radius: var(--image-images-preview-radius);
+  box-shadow: 0 2px 6px 0 rgba(211, 211, 211, 0.5);
   display: flex;
   align-items: flex-start;
   padding: var(--image-images-preview-paddingTop) var(--image-images-preview-paddingRight) var(--image-images-preview-paddingBottom) var(--image-images-preview-paddingLeft);
@@ -27906,6 +28014,13 @@ input[type=button].dark-Button--block {
 .dark-ResultBox-value.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
 }
+.dark-ResultBox-valueLabel {
+  max-width: var(--Form-valueLabel-maxWidth);
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .dark-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
   flex-grow: 1;
@@ -29655,10 +29770,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
   overflow: auto;
 }
 .dark-TextControl-sugItem {
-  padding: calc((
-            var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
-              var(--Form-input-fontSize) - 0.125rem
-          ) / 2) 0.75rem;
+  padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem) / 2) 0.75rem;
 }
 .dark-TextControl-sugItem svg {
   width: 1rem;
@@ -29704,9 +29816,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
 }
 .dark-TextControl-input--multiple .dark-TextControl-value {
   white-space: nowrap;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   font-size: var(--Form-selectValue-fontSize);
   background: var(--Form-select-multiple-bgColor);
   border-radius: 0.125rem;
@@ -29904,6 +30014,7 @@ input.dark-TextControl-input-password {
 }
 .dark-TextareaControl > textarea.dark-TextareaControl-input--counter {
   padding-bottom: 23px;
+  display: block !important;
 }
 .dark-TextareaControl > textarea {
   border: 1px solid var(--Form-input-borderColor);
@@ -30520,6 +30631,13 @@ input.dark-TextControl-input-password {
   height: 0.875rem;
   margin-right: var(--Checkbox-gap);
 }
+.dark-Selection-ellipsis-line {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .dark-GroupedSelection {
   max-height: 18.75rem;
   height: 100%;
@@ -30574,6 +30692,7 @@ input.dark-TextControl-input-password {
 }
 .dark-GroupedSelection-itemLabel {
   flex-grow: 1;
+  overflow: hidden;
 }
 .dark-GroupedSelection-itemLabel span {
   vertical-align: middle;
@@ -31010,9 +31129,7 @@ input.dark-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .dark-Switch.is-checked:active .slider::before {
-  left: calc(
-          100% - (var(--Switch-height) + 0.125rem) - 0.125rem
-        );
+  left: calc(100% - (var(--Switch-height) + 0.125rem) - 0.125rem);
 }
 .dark-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31623,9 +31740,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(
-        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-      );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -31908,9 +32023,7 @@ input.dark-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc((
-            var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)
-          ) * 5);
+  max-height: calc((var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)) * 5);
 }
 .dark-Select-overflow-wrapper .dark-Select-value {
   position: static;
@@ -31918,9 +32031,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(
-        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-      );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32073,6 +32184,7 @@ input.dark-TextControl-input-password {
 .dark-Selections-item > label {
   flex-basis: 3.125rem;
   flex-grow: 1;
+  width: 3.125rem;
 }
 .dark-Selections-item > label.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
@@ -32247,6 +32359,16 @@ input.dark-TextControl-input-password {
 .dark-ListControl-item.is-disabled .b-inherit {
   border-color: var(--ListControl-item-onDisabled-borderColor);
 }
+.dark-ListControl-item.is-custom {
+  border: none;
+  padding: 0;
+}
+.dark-ListControl-item.is-custom:hover, .dark-ListControl-item.is-custom.is-active {
+  border: none;
+}
+.dark-ListControl-item.is-custom::before, .dark-ListControl-item.is-custom::after {
+  display: none;
+}
 .dark-LocationPicker {
   position: relative;
   display: inline-flex;
@@ -33924,6 +34046,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: 20px;
 }
 .dark-FileControl-description {
+  margin-top: var(--inputFile-base-des-margin);
+  line-height: 20px;
   color: var(--inputFile-base-des-color);
   font-size: var(--inputFile-base-des-fontSize);
   font-weight: var(--inputFile-base-des-fontWeight);
@@ -34787,6 +34911,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
   padding-right: var(--Tree-icon-gap);
+  flex-shrink: 0;
 }
 .dark-Tree-item-icons > a {
   display: inline-block;
@@ -34822,10 +34947,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--inputTree-border-color);
   border-radius: var(--inputTree-border-radius);
   line-height: var(--inputTree-input-lineHeight);
-  padding: calc((
-              var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) *
-                var(--inputTree-fontSize) - 0.125rem
-            ) / 2) var(--Form-input-paddingX);
+  padding: calc((var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem) / 2) var(--Form-input-paddingX);
   font-size: var(--inputTree-fontSize);
 }
 .dark-Tree-itemInput > input::-moz-placeholder {
@@ -34913,7 +35035,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Tree-itemText {
   cursor: pointer;
-  flex: 1 auto;
   display: inline-block;
   color: var(--inputTree-base-default-color);
   font-size: var(--select-tree-fontSize);
@@ -35253,6 +35374,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Combo-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
 }
+.dark-Tabs--radio .is-active .dark-Combo-tab-delBtn {
+  color: var(--Tabs--radio-active-color);
+}
+.dark-Tabs--radio .is-active .dark-Combo-tab-delBtn:hover {
+  color: var(--Tabs--radio-active-color);
+}
 .dark-Combo-tab-delBtn {
   color: var(--combo-multi-delBtn-color);
   cursor: pointer;
@@ -35260,8 +35387,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
 }
 .dark-Combo-tab-delBtn > svg {
-  width: 0.6875rem;
-  height: 0.6875rem;
+  width: 0.875rem;
+  height: 0.875rem;
 }
 .dark-Combo-tab-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
@@ -35773,9 +35900,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -35873,9 +35998,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -37315,7 +37438,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-IconSelectControl-icon-list-item-info-name {
   margin: 0;
-  margin-bottom: var(--IconSelect-xs-margin);
   font-size: var(--IconSelect-type-font-size);
   color: var(--IconSelect-icon-name-color);
 }
@@ -39053,6 +39175,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: auto;
   overflow-y: auto;
+  max-height: 100% !important;
 }
 .dark-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
@@ -39188,7 +39311,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   min-width: 100px;
   padding: 0 5px;
   margin: 5px;
-  text-align: center;
+  text-align: left;
 }
 .dark-FormulaEditor-VariableList-item-oper li {
   line-height: 24px;
@@ -40277,8 +40400,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-Nav-Menu-vertical.dark-Nav-Menu-sub {
   min-width: 160px;
-  border-radius: 2px;
-  box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
 }
 .dark-Nav-Menu-item, .dark-Nav-Menu-submenu-title {
   margin: 0;
@@ -40489,6 +40610,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background-color: var(--Layout-light-backgroundColor);
   line-height: var(--Nav-Item-height);
   cursor: pointer;
+  border-radius: 2px;
+  max-height: 400px;
+  overflow-y: auto;
+  box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
 }
 .dark-Nav-Menu-submenu-popup .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-link .dark-Nav-Menu-submenu-arrow {
   display: none;