amis-ui 3.4.2 → 3.5.0

package/lib/themes/ang.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);
@@ -10115,6 +10124,7 @@ button::-moz-focus-inner {
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
+  max-width: 100%;
   text-transform: none;
   word-break: break-all;
 }
@@ -10823,16 +10833,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;
@@ -10981,9 +10996,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;
@@ -11386,7 +11415,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,
@@ -11716,6 +11744,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,
@@ -12216,19 +12247,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;
@@ -12238,6 +12292,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 {
@@ -13927,13 +13989,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;
@@ -13983,7 +14045,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%;
 }
@@ -14849,6 +14911,7 @@ body {
 }
 .a-Layout--headerFixed {
   padding-top: var(--Layout-header-height);
+  --affix-offset-top: var(--Layout-header-height);
 }
 .a-Layout--headerFixed .a-Layout-header {
   position: fixed;
@@ -17353,9 +17416,6 @@ input[type=button].a-Button--block {
 .a-Modal-header::after {
   clear: both;
 }
-.a-Modal-header .Dialog-close {
-  content: var(--dialog-icon-icon);
-}
 .a-Modal-title {
   font-size: var(--dialog-header-fontSize);
   color: var(--dialog-header-color);
@@ -17370,6 +17430,9 @@ input[type=button].a-Button--block {
   vertical-align: middle;
   z-index: calc(11 + 1);
 }
+.a-Modal-close .Dialog-close {
+  content: var(--dialog-icon-icon);
+}
 .a-Modal-close svg {
   width: var(--dialog-icon-size);
   height: var(--dialog-icon-size);
@@ -17416,70 +17479,34 @@ input[type=button].a-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .a-Modal--2th .a-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));
 }
 .a-Modal--3th .a-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));
 }
 .a-Modal--4th .a-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));
 }
 .a-Modal--5th .a-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));
 }
 .a-Modal--6th .a-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));
 }
 .a-Modal--7th .a-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));
 }
 .a-Modal--8th .a-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));
 }
 .a-Modal--9th .a-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));
 }
 .a-Modal--10th .a-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) {
-  .a-Modal-content {
+  .a-Modal-content:not(.a-Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
@@ -20230,6 +20257,25 @@ input[type=button].a-Button--block {
   background: var(--Nav-item-onActive-color);
   height: 2px;
 }
+.a-Nav--searchable {
+  display: flex;
+}
+.a-Nav--searchable:not(.a-Nav-horizontal) {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.a-Nav--searchable:not(.a-Nav-horizontal) .a-Nav-SearchBox.is-active {
+  width: 100%;
+}
+.a-Nav--searchable.a-Nav-horizontal {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.a-Nav--searchable.a-Nav-horizontal .a-Nav-SearchBox {
+  margin-left: 1rem;
+}
 .a-Page {
   width: 100%;
   height: 100%;
@@ -20319,6 +20365,7 @@ input[type=button].a-Button--block {
 }
 @media (min-width: 768px) {
   .a-Page-aside {
+    flex-shrink: 0;
     width: var(--Page-aside-width);
     border-right: var(--borderWidth) solid var(--borderColor);
   }
@@ -20346,6 +20393,13 @@ input[type=button].a-Button--block {
     width: 0;
     flex-grow: 1;
   }
+  .a-Page--asideSticky > .a-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;
+  }
 }
 .a-Remark {
   display: inline-block;
@@ -20604,19 +20658,10 @@ input[type=button].a-Button--block {
   /* 子组件 */
 }
 .a-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);
-}
-.a-Panel-fixedBottom.in {
-  position: fixed;
-  bottom: 0;
+  bottom: var(--affix-offset-bottom);
   z-index: 900;
-  opacity: 1;
 }
 .a-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
@@ -21715,10 +21760,13 @@ input[type=button].a-Button--block {
   padding-left: 0;
   padding-right: 0;
 }
-.a-Form .a-Collapse.a-Collapse--fieldset {
+.a-Form {
+  /* 恢复 Form 嵌套场景下的样式 */
+}
+.a-Form .a-Collapse {
   border: none;
 }
-.a-Form .a-Collapse.a-Collapse--fieldset .a-Collapse-header {
+.a-Form .a-Collapse .a-Collapse-header {
   background-color: var(--white);
   display: inline-flex;
   justify-content: flex-end;
@@ -21726,9 +21774,23 @@ input[type=button].a-Button--block {
   flex-direction: row-reverse;
   border-radius: 0;
 }
-.a-Form .a-Collapse.a-Collapse--fieldset .a-Collapse-content {
+.a-Form .a-Collapse .a-Collapse-content {
   padding: 0;
 }
+.a-Form .a-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);
+}
+.a-Form .a-Collapse-fieldset--disabled .a-Collapse-header {
+  background: var(--Collapse-header-bg);
+  display: block;
+  border-radius: unset;
+}
+.a-Form .a-Collapse-fieldset--disabled .a-Collapse-content {
+  padding: var(--Collapse-content-padding);
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .a-Collapse {
@@ -22579,9 +22641,7 @@ input[type=button].a-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);
@@ -22626,9 +22686,7 @@ input[type=button].a-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);
@@ -22772,9 +22830,7 @@ input[type=button].a-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);
@@ -22899,6 +22955,7 @@ input[type=button].a-Button--block {
 }
 .a-Table-fixedTop {
   position: sticky;
+  top: var(--affix-offset-top);
   background: var(--Table-bg);
   display: block;
   opacity: 1;
@@ -22920,6 +22977,9 @@ input[type=button].a-Button--block {
   visibility: hidden;
   position: absolute;
 }
+.a-Table-fixedTop .a-Table-table {
+  table-layout: fixed;
+}
 .a-Table-heading {
   background: var(--Table-heading-bg);
   padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
@@ -23165,9 +23225,11 @@ input[type=button].a-Button--block {
 .a-Table-table > thead > tr {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
+.a-Table-table-tr {
+  background: var(--Table-bg);
+}
 .a-Table-table > tbody > tr {
   position: relative;
-  background: var(--Table-bg);
 }
 .a-Table-table > tbody > tr + tr {
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -23565,6 +23627,10 @@ input[type=button].a-Button--block {
 .a-Table-table > tbody > tr > td.a-Table-primayCell {
   white-space: nowrap;
 }
+.a-Table-table > thead > tr > th.a-Table-primayCell > .a-Spinner,
+.a-Table-table > tbody > tr > td.a-Table-primayCell > .a-Spinner {
+  vertical-align: middle;
+}
 .a-Table.is-mobile .a-Table-table > tbody > tr:hover, .a-Table.is-mobile .a-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -23747,6 +23813,13 @@ input[type=button].a-Button--block {
 .a-Table-footTable > tbody > tr:not(:first-child) {
   border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
 }
+.a-Table-retryBtn {
+  color: var(--Form-feedBack-color);
+  cursor: pointer;
+}
+.a-Table-retryBtn:hover {
+  color: var(--Form-feedBack-color);
+}
 .a-Table-expandBtn, .a-Table-expandBtn2 {
   position: relative;
   z-index: 1;
@@ -24890,10 +24963,9 @@ input[type=button].a-Button--block {
   background: var(--TableRow-onDisabled-bg);
   color: var(--TableRow-onDisabled-color);
 }
-.a-Table2 .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-row-hover {
-  background: var(--Table-onHover-bg);
-  border-color: var(--Table-onHover-borderColor);
-  color: var(--Table-onHover-color);
+.a-Table2 .a-Table-table > tbody > tr > td.a-Table-cell-fix-left,
+.a-Table2 .a-Table-table > tbody > tr > td.a-Table-cell-fix-right {
+  background: inherit;
 }
 .a-Table2 .a-Table-table > thead > tr > th.a-Table-cell-fix-left-last:after,
 .a-Table2 .a-Table-table > tbody > tr > td.a-Table-cell-fix-left-last:after,
@@ -24910,7 +24982,7 @@ input[type=button].a-Button--block {
 }
 .a-Table2 .a-Table-table > thead > tr > th.a-Table-cell-fix-right-first:after,
 .a-Table2 .a-Table-table > tbody > tr > td.a-Table-cell-fix-right-first:after,
-.a-Table2 .a-Table-table > tfoot > tr > td.a-Table-cell-fix-right-last:after {
+.a-Table2 .a-Table-table > tfoot > tr > td.a-Table-cell-fix-right-first:after {
   position: absolute;
   top: 0;
   bottom: -1px;
@@ -24948,9 +25020,6 @@ input[type=button].a-Button--block {
 .a-Table2.a-Table-ping-left .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-left {
   border-right: none;
 }
-.a-Table2.a-Table-ping-left .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-left:not(.a-Table-cell-row-hover) {
-  background: #fff;
-}
 .a-Table2.a-Table-ping-left .a-Table-table > tfoot > tr > td:not(:last-child).a-Table-cell-fix-left-last {
   border-right: none;
 }
@@ -24965,9 +25034,6 @@ input[type=button].a-Button--block {
 .a-Table2.a-Table-ping-right .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-right {
   border-right: none;
 }
-.a-Table2.a-Table-ping-right .a-Table-table > tbody > tr:not(.a-Table-row-disabled) > td.a-Table-cell-fix-right:not(.a-Table-cell-row-hover) {
-  background: #fff;
-}
 .a-Table2.a-Table-ping-right:not(.a-Table-bordered) .a-Table-table > thead > tr > th.a-Table-cell-fix-right-first-prev {
   border-right: none;
 }
@@ -25468,6 +25534,7 @@ input[type=button].a-Button--block {
   position: sticky;
   background: var(--white);
   z-index: 900;
+  top: var(--affix-offset-top);
 }
 .a-List-fixedTop .a-Cards-toolbar {
   margin-bottom: 0;
@@ -25658,6 +25725,7 @@ input[type=button].a-Button--block {
 .a-Cards-fixedTop {
   position: sticky;
   background: var(--white);
+  top: var(--affix-offset-top);
   padding: var(--gap-sm);
   z-index: 900;
 }
@@ -26423,14 +26491,43 @@ input[type=button].a-Button--block {
   border-left-style: dashed;
 }
 .a-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;
 }
 .a-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;
 }
+.a-Divider--with-text {
+  display: flex;
+  align-items: center;
+  height: unset;
+  border-bottom-width: 0 !important;
+}
+.a-Divider--with-text::before, .a-Divider--with-text::after {
+  content: "";
+  height: 0;
+  flex: 1;
+  border-bottom: inherit;
+  border-bottom-width: var(--Divider-width);
+}
+.a-Divider--with-text.a-Divider--with-text-left:before, .a-Divider--with-text.a-Divider--with-text-right:after {
+  flex-basis: var(--Divider-text-width);
+  flex-grow: 0;
+}
+.a-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) {
   .a-Divider {
@@ -26941,13 +27038,23 @@ input[type=button].a-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  overflow: hidden;
 }
 .a-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;
 }
+.a-ImageGallery-main.is-dragging > img {
+  transition: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: -webkit-grabbing;
+}
 .a-ImageGallery-prevBtn, .a-ImageGallery-nextBtn {
   position: absolute;
   top: 50%;
@@ -27078,6 +27185,7 @@ input[type=button].a-Button--block {
 .a-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);
@@ -27904,6 +28012,13 @@ input[type=button].a-Button--block {
 .a-ResultBox-value.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
 }
+.a-ResultBox-valueLabel {
+  max-width: var(--Form-valueLabel-maxWidth);
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .a-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
   flex-grow: 1;
@@ -29653,10 +29768,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   overflow: auto;
 }
 .a-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;
 }
 .a-TextControl-sugItem svg {
   width: 1rem;
@@ -29702,9 +29814,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
 }
 .a-TextControl-input--multiple .a-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;
@@ -29902,6 +30012,7 @@ input.a-TextControl-input-password {
 }
 .a-TextareaControl > textarea.a-TextareaControl-input--counter {
   padding-bottom: 23px;
+  display: block !important;
 }
 .a-TextareaControl > textarea {
   border: 1px solid var(--Form-input-borderColor);
@@ -30518,6 +30629,13 @@ input.a-TextControl-input-password {
   height: 0.875rem;
   margin-right: var(--Checkbox-gap);
 }
+.a-Selection-ellipsis-line {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .a-GroupedSelection {
   max-height: 18.75rem;
   height: 100%;
@@ -30572,6 +30690,7 @@ input.a-TextControl-input-password {
 }
 .a-GroupedSelection-itemLabel {
   flex-grow: 1;
+  overflow: hidden;
 }
 .a-GroupedSelection-itemLabel span {
   vertical-align: middle;
@@ -31008,9 +31127,7 @@ input.a-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .a-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);
 }
 .a-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31621,9 +31738,7 @@ input.a-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);
@@ -31906,9 +32021,7 @@ input.a-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);
 }
 .a-Select-overflow-wrapper .a-Select-value {
   position: static;
@@ -31916,9 +32029,7 @@ input.a-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);
@@ -32071,6 +32182,7 @@ input.a-TextControl-input-password {
 .a-Selections-item > label {
   flex-basis: 3.125rem;
   flex-grow: 1;
+  width: 3.125rem;
 }
 .a-Selections-item > label.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
@@ -32245,6 +32357,16 @@ input.a-TextControl-input-password {
 .a-ListControl-item.is-disabled .b-inherit {
   border-color: var(--ListControl-item-onDisabled-borderColor);
 }
+.a-ListControl-item.is-custom {
+  border: none;
+  padding: 0;
+}
+.a-ListControl-item.is-custom:hover, .a-ListControl-item.is-custom.is-active {
+  border: none;
+}
+.a-ListControl-item.is-custom::before, .a-ListControl-item.is-custom::after {
+  display: none;
+}
 .a-LocationPicker {
   position: relative;
   display: inline-flex;
@@ -33922,6 +34044,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: 20px;
 }
 .a-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);
@@ -34785,6 +34909,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
   padding-right: var(--Tree-icon-gap);
+  flex-shrink: 0;
 }
 .a-Tree-item-icons > a {
   display: inline-block;
@@ -34820,10 +34945,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);
 }
 .a-Tree-itemInput > input::-moz-placeholder {
@@ -34911,7 +35033,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Tree-itemText {
   cursor: pointer;
-  flex: 1 auto;
   display: inline-block;
   color: var(--inputTree-base-default-color);
   font-size: var(--select-tree-fontSize);
@@ -35251,6 +35372,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Combo-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
 }
+.a-Tabs--radio .is-active .a-Combo-tab-delBtn {
+  color: var(--Tabs--radio-active-color);
+}
+.a-Tabs--radio .is-active .a-Combo-tab-delBtn:hover {
+  color: var(--Tabs--radio-active-color);
+}
 .a-Combo-tab-delBtn {
   color: var(--combo-multi-delBtn-color);
   cursor: pointer;
@@ -35258,8 +35385,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
 }
 .a-Combo-tab-delBtn > svg {
-  width: 0.6875rem;
-  height: 0.6875rem;
+  width: 0.875rem;
+  height: 0.875rem;
 }
 .a-Combo-tab-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
@@ -35771,9 +35898,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);
@@ -35871,9 +35996,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);
@@ -37313,7 +37436,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-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);
 }
@@ -39051,6 +39173,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: auto;
   overflow-y: auto;
+  max-height: 100% !important;
 }
 .a-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
@@ -39186,7 +39309,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   min-width: 100px;
   padding: 0 5px;
   margin: 5px;
-  text-align: center;
+  text-align: left;
 }
 .a-FormulaEditor-VariableList-item-oper li {
   line-height: 24px;
@@ -40275,8 +40398,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Nav-Menu-vertical.a-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);
 }
 .a-Nav-Menu-item, .a-Nav-Menu-submenu-title {
   margin: 0;
@@ -40487,6 +40608,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);
 }
 .a-Nav-Menu-submenu-popup .a-Nav-Menu-submenu-title .a-Nav-Menu-item-link .a-Nav-Menu-submenu-arrow {
   display: none;