amis-ui 3.4.2 → 3.5.0

package/lib/themes/default.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);
@@ -10112,6 +10121,7 @@ button::-moz-focus-inner {
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
+  max-width: 100%;
   text-transform: none;
   word-break: break-all;
 }
@@ -10820,16 +10830,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;
@@ -10978,9 +10993,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;
@@ -11383,7 +11412,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,
@@ -11713,6 +11741,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,
@@ -12213,19 +12244,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;
@@ -12235,6 +12289,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 {
@@ -13924,13 +13986,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;
@@ -13980,7 +14042,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%;
 }
@@ -14846,6 +14908,7 @@ body {
 }
 .cxd-Layout--headerFixed {
   padding-top: var(--Layout-header-height);
+  --affix-offset-top: var(--Layout-header-height);
 }
 .cxd-Layout--headerFixed .cxd-Layout-header {
   position: fixed;
@@ -17350,9 +17413,6 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-header::after {
   clear: both;
 }
-.cxd-Modal-header .Dialog-close {
-  content: var(--dialog-icon-icon);
-}
 .cxd-Modal-title {
   font-size: var(--dialog-header-fontSize);
   color: var(--dialog-header-color);
@@ -17367,6 +17427,9 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   z-index: calc(11 + 1);
 }
+.cxd-Modal-close .Dialog-close {
+  content: var(--dialog-icon-icon);
+}
 .cxd-Modal-close svg {
   width: var(--dialog-icon-size);
   height: var(--dialog-icon-size);
@@ -17413,70 +17476,34 @@ input[type=button].cxd-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .cxd-Modal--2th .cxd-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));
 }
 .cxd-Modal--3th .cxd-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));
 }
 .cxd-Modal--4th .cxd-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));
 }
 .cxd-Modal--5th .cxd-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));
 }
 .cxd-Modal--6th .cxd-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));
 }
 .cxd-Modal--7th .cxd-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));
 }
 .cxd-Modal--8th .cxd-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));
 }
 .cxd-Modal--9th .cxd-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));
 }
 .cxd-Modal--10th .cxd-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) {
-  .cxd-Modal-content {
+  .cxd-Modal-content:not(.cxd-Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
@@ -20227,6 +20254,25 @@ input[type=button].cxd-Button--block {
   background: var(--Nav-item-onActive-color);
   height: 2px;
 }
+.cxd-Nav--searchable {
+  display: flex;
+}
+.cxd-Nav--searchable:not(.cxd-Nav-horizontal) {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.cxd-Nav--searchable:not(.cxd-Nav-horizontal) .cxd-Nav-SearchBox.is-active {
+  width: 100%;
+}
+.cxd-Nav--searchable.cxd-Nav-horizontal {
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+.cxd-Nav--searchable.cxd-Nav-horizontal .cxd-Nav-SearchBox {
+  margin-left: 1rem;
+}
 .cxd-Page {
   width: 100%;
   height: 100%;
@@ -20316,6 +20362,7 @@ input[type=button].cxd-Button--block {
 }
 @media (min-width: 768px) {
   .cxd-Page-aside {
+    flex-shrink: 0;
     width: var(--Page-aside-width);
     border-right: var(--borderWidth) solid var(--borderColor);
   }
@@ -20343,6 +20390,13 @@ input[type=button].cxd-Button--block {
     width: 0;
     flex-grow: 1;
   }
+  .cxd-Page--asideSticky > .cxd-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;
+  }
 }
 .cxd-Remark {
   display: inline-block;
@@ -20601,19 +20655,10 @@ input[type=button].cxd-Button--block {
   /* 子组件 */
 }
 .cxd-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);
-}
-.cxd-Panel-fixedBottom.in {
-  position: fixed;
-  bottom: 0;
+  bottom: var(--affix-offset-bottom);
   z-index: 900;
-  opacity: 1;
 }
 .cxd-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
@@ -21712,10 +21757,13 @@ input[type=button].cxd-Button--block {
   padding-left: 0;
   padding-right: 0;
 }
-.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset {
+.cxd-Form {
+  /* 恢复 Form 嵌套场景下的样式 */
+}
+.cxd-Form .cxd-Collapse {
   border: none;
 }
-.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset .cxd-Collapse-header {
+.cxd-Form .cxd-Collapse .cxd-Collapse-header {
   background-color: var(--white);
   display: inline-flex;
   justify-content: flex-end;
@@ -21723,9 +21771,23 @@ input[type=button].cxd-Button--block {
   flex-direction: row-reverse;
   border-radius: 0;
 }
-.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset .cxd-Collapse-content {
+.cxd-Form .cxd-Collapse .cxd-Collapse-content {
   padding: 0;
 }
+.cxd-Form .cxd-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);
+}
+.cxd-Form .cxd-Collapse-fieldset--disabled .cxd-Collapse-header {
+  background: var(--Collapse-header-bg);
+  display: block;
+  border-radius: unset;
+}
+.cxd-Form .cxd-Collapse-fieldset--disabled .cxd-Collapse-content {
+  padding: var(--Collapse-content-padding);
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .cxd-Collapse {
@@ -22576,9 +22638,7 @@ input[type=button].cxd-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);
@@ -22623,9 +22683,7 @@ input[type=button].cxd-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);
@@ -22769,9 +22827,7 @@ input[type=button].cxd-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);
@@ -22896,6 +22952,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-fixedTop {
   position: sticky;
+  top: var(--affix-offset-top);
   background: var(--Table-bg);
   display: block;
   opacity: 1;
@@ -22917,6 +22974,9 @@ input[type=button].cxd-Button--block {
   visibility: hidden;
   position: absolute;
 }
+.cxd-Table-fixedTop .cxd-Table-table {
+  table-layout: fixed;
+}
 .cxd-Table-heading {
   background: var(--Table-heading-bg);
   padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
@@ -23162,9 +23222,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > thead > tr {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
+.cxd-Table-table-tr {
+  background: var(--Table-bg);
+}
 .cxd-Table-table > tbody > tr {
   position: relative;
-  background: var(--Table-bg);
 }
 .cxd-Table-table > tbody > tr + tr {
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -23562,6 +23624,10 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr > td.cxd-Table-primayCell {
   white-space: nowrap;
 }
+.cxd-Table-table > thead > tr > th.cxd-Table-primayCell > .cxd-Spinner,
+.cxd-Table-table > tbody > tr > td.cxd-Table-primayCell > .cxd-Spinner {
+  vertical-align: middle;
+}
 .cxd-Table.is-mobile .cxd-Table-table > tbody > tr:hover, .cxd-Table.is-mobile .cxd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -23744,6 +23810,13 @@ input[type=button].cxd-Button--block {
 .cxd-Table-footTable > tbody > tr:not(:first-child) {
   border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
 }
+.cxd-Table-retryBtn {
+  color: var(--Form-feedBack-color);
+  cursor: pointer;
+}
+.cxd-Table-retryBtn:hover {
+  color: var(--Form-feedBack-color);
+}
 .cxd-Table-expandBtn, .cxd-Table-expandBtn2 {
   position: relative;
   z-index: 1;
@@ -24887,10 +24960,9 @@ input[type=button].cxd-Button--block {
   background: var(--TableRow-onDisabled-bg);
   color: var(--TableRow-onDisabled-color);
 }
-.cxd-Table2 .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-row-hover {
-  background: var(--Table-onHover-bg);
-  border-color: var(--Table-onHover-borderColor);
-  color: var(--Table-onHover-color);
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right {
+  background: inherit;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after,
@@ -24907,7 +24979,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after,
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after,
-.cxd-Table2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-last:after {
+.cxd-Table2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-first:after {
   position: absolute;
   top: 0;
   bottom: -1px;
@@ -24945,9 +25017,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left {
   border-right: none;
 }
-.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
-  background: #fff;
-}
 .cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
   border-right: none;
 }
@@ -24962,9 +25031,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right {
   border-right: none;
 }
-.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
-  background: #fff;
-}
 .cxd-Table2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
   border-right: none;
 }
@@ -25465,6 +25531,7 @@ input[type=button].cxd-Button--block {
   position: sticky;
   background: var(--white);
   z-index: 900;
+  top: var(--affix-offset-top);
 }
 .cxd-List-fixedTop .cxd-Cards-toolbar {
   margin-bottom: 0;
@@ -25655,6 +25722,7 @@ input[type=button].cxd-Button--block {
 .cxd-Cards-fixedTop {
   position: sticky;
   background: var(--white);
+  top: var(--affix-offset-top);
   padding: var(--gap-sm);
   z-index: 900;
 }
@@ -26420,14 +26488,43 @@ input[type=button].cxd-Button--block {
   border-left-style: dashed;
 }
 .cxd-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;
 }
 .cxd-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;
 }
+.cxd-Divider--with-text {
+  display: flex;
+  align-items: center;
+  height: unset;
+  border-bottom-width: 0 !important;
+}
+.cxd-Divider--with-text::before, .cxd-Divider--with-text::after {
+  content: "";
+  height: 0;
+  flex: 1;
+  border-bottom: inherit;
+  border-bottom-width: var(--Divider-width);
+}
+.cxd-Divider--with-text.cxd-Divider--with-text-left:before, .cxd-Divider--with-text.cxd-Divider--with-text-right:after {
+  flex-basis: var(--Divider-text-width);
+  flex-grow: 0;
+}
+.cxd-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) {
   .cxd-Divider {
@@ -26938,13 +27035,23 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  overflow: hidden;
 }
 .cxd-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;
 }
+.cxd-ImageGallery-main.is-dragging > img {
+  transition: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: -webkit-grabbing;
+}
 .cxd-ImageGallery-prevBtn, .cxd-ImageGallery-nextBtn {
   position: absolute;
   top: 50%;
@@ -27075,6 +27182,7 @@ input[type=button].cxd-Button--block {
 .cxd-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);
@@ -27901,6 +28009,13 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-value.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
 }
+.cxd-ResultBox-valueLabel {
+  max-width: var(--Form-valueLabel-maxWidth);
+  overflow: hidden;
+  vertical-align: top;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .cxd-ResultBox-placeholder {
   color: var(--Form-input-placeholderColor);
   flex-grow: 1;
@@ -29650,10 +29765,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   overflow: auto;
 }
 .cxd-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;
 }
 .cxd-TextControl-sugItem svg {
   width: 1rem;
@@ -29699,9 +29811,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 }
 .cxd-TextControl-input--multiple .cxd-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;
@@ -29899,6 +30009,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl > textarea.cxd-TextareaControl-input--counter {
   padding-bottom: 23px;
+  display: block !important;
 }
 .cxd-TextareaControl > textarea {
   border: 1px solid var(--Form-input-borderColor);
@@ -30515,6 +30626,13 @@ input.cxd-TextControl-input-password {
   height: 0.875rem;
   margin-right: var(--Checkbox-gap);
 }
+.cxd-Selection-ellipsis-line {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .cxd-GroupedSelection {
   max-height: 18.75rem;
   height: 100%;
@@ -30569,6 +30687,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-GroupedSelection-itemLabel {
   flex-grow: 1;
+  overflow: hidden;
 }
 .cxd-GroupedSelection-itemLabel span {
   vertical-align: middle;
@@ -31005,9 +31124,7 @@ input.cxd-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .cxd-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);
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31618,9 +31735,7 @@ input.cxd-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);
@@ -31903,9 +32018,7 @@ input.cxd-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);
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value {
   position: static;
@@ -31913,9 +32026,7 @@ input.cxd-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);
@@ -32068,6 +32179,7 @@ input.cxd-TextControl-input-password {
 .cxd-Selections-item > label {
   flex-basis: 3.125rem;
   flex-grow: 1;
+  width: 3.125rem;
 }
 .cxd-Selections-item > label.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
@@ -32242,6 +32354,16 @@ input.cxd-TextControl-input-password {
 .cxd-ListControl-item.is-disabled .b-inherit {
   border-color: var(--ListControl-item-onDisabled-borderColor);
 }
+.cxd-ListControl-item.is-custom {
+  border: none;
+  padding: 0;
+}
+.cxd-ListControl-item.is-custom:hover, .cxd-ListControl-item.is-custom.is-active {
+  border: none;
+}
+.cxd-ListControl-item.is-custom::before, .cxd-ListControl-item.is-custom::after {
+  display: none;
+}
 .cxd-LocationPicker {
   position: relative;
   display: inline-flex;
@@ -33919,6 +34041,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: 20px;
 }
 .cxd-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);
@@ -34782,6 +34906,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
   padding-right: var(--Tree-icon-gap);
+  flex-shrink: 0;
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
@@ -34817,10 +34942,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);
 }
 .cxd-Tree-itemInput > input::-moz-placeholder {
@@ -34908,7 +35030,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Tree-itemText {
   cursor: pointer;
-  flex: 1 auto;
   display: inline-block;
   color: var(--inputTree-base-default-color);
   font-size: var(--select-tree-fontSize);
@@ -35248,6 +35369,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Combo-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
 }
+.cxd-Tabs--radio .is-active .cxd-Combo-tab-delBtn {
+  color: var(--Tabs--radio-active-color);
+}
+.cxd-Tabs--radio .is-active .cxd-Combo-tab-delBtn:hover {
+  color: var(--Tabs--radio-active-color);
+}
 .cxd-Combo-tab-delBtn {
   color: var(--combo-multi-delBtn-color);
   cursor: pointer;
@@ -35255,8 +35382,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
 }
 .cxd-Combo-tab-delBtn > svg {
-  width: 0.6875rem;
-  height: 0.6875rem;
+  width: 0.875rem;
+  height: 0.875rem;
 }
 .cxd-Combo-tab-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
@@ -35768,9 +35895,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);
@@ -35868,9 +35993,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);
@@ -37310,7 +37433,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-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);
 }
@@ -39048,6 +39170,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-VariableList-base.is-scrollable {
   overflow-x: auto;
   overflow-y: auto;
+  max-height: 100% !important;
 }
 .cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
@@ -39183,7 +39306,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   min-width: 100px;
   padding: 0 5px;
   margin: 5px;
-  text-align: center;
+  text-align: left;
 }
 .cxd-FormulaEditor-VariableList-item-oper li {
   line-height: 24px;
@@ -40272,8 +40395,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Nav-Menu-vertical.cxd-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);
 }
 .cxd-Nav-Menu-item, .cxd-Nav-Menu-submenu-title {
   margin: 0;
@@ -40484,6 +40605,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);
 }
 .cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-link .cxd-Nav-Menu-submenu-arrow {
   display: none;