amis-ui 6.2.2 → 6.3.0

package/lib/themes/antd.css

@@ -3873,6 +3873,10 @@
   --inputTime-hover-bg-color: var(--colors-neutral-fill-10);
   --inputTime-active-color: var(--colors-neutral-text-2);
   --inputTime-active-bg-color: var(--colors-brand-10);
+  --signature-tool-height: 2.5rem;
+  --signature-tool-margin-top: 0.5rem;
+  --signature-placeholder-gap: 0.625rem;
+  --signature-placeholder-color: var(--colors-neutral-line-6);
   --steps-base-color: var(--colors-neutral-text-2);
   --steps-base-fontSize: var(--fonts-size-7);
   --steps-base-fontWeight: var(--fonts-weight-6);
@@ -5547,6 +5551,186 @@ div.CodeMirror-dragcursors {
 span.CodeMirror-selectedtext {
   background: none;
 }
+/*
+
+    Name:       Base16 Default Dark
+    Author:     Chris Kempson (http://chriskempson.com)
+
+    CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)
+    Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)
+
+*/
+.cm-s-base16-dark.CodeMirror {
+  background: #151515;
+  color: #e0e0e0;
+}
+.cm-s-base16-dark div.CodeMirror-selected {
+  background: #303030;
+}
+.cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(48, 48, 48, 0.99);
+}
+.cm-s-base16-dark .CodeMirror-line::selection, .cm-s-base16-dark .CodeMirror-line > span::selection, .cm-s-base16-dark .CodeMirror-line > span > span::selection {
+  background: rgba(48, 48, 48, 0.99);
+}
+.cm-s-base16-dark .CodeMirror-line::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span::-moz-selection, .cm-s-base16-dark .CodeMirror-line > span > span::-moz-selection {
+  background: rgba(48, 48, 48, 0.99);
+}
+.cm-s-base16-dark .CodeMirror-gutters {
+  background: #151515;
+  border-right: 0px;
+}
+.cm-s-base16-dark .CodeMirror-guttermarker {
+  color: #ac4142;
+}
+.cm-s-base16-dark .CodeMirror-guttermarker-subtle {
+  color: #505050;
+}
+.cm-s-base16-dark .CodeMirror-linenumber {
+  color: #505050;
+}
+.cm-s-base16-dark .CodeMirror-cursor {
+  border-left: 1px solid #b0b0b0;
+}
+.cm-s-base16-dark.cm-fat-cursor .CodeMirror-cursor {
+  background-color: rgba(142, 141, 136, 0.4588235294) !important;
+}
+.cm-s-base16-dark .cm-animate-fat-cursor {
+  background-color: rgba(142, 141, 136, 0.4588235294) !important;
+}
+.cm-s-base16-dark span.cm-comment {
+  color: #8f5536;
+}
+.cm-s-base16-dark span.cm-atom {
+  color: #aa759f;
+}
+.cm-s-base16-dark span.cm-number {
+  color: #aa759f;
+}
+.cm-s-base16-dark span.cm-property, .cm-s-base16-dark span.cm-attribute {
+  color: #90a959;
+}
+.cm-s-base16-dark span.cm-keyword {
+  color: #ac4142;
+}
+.cm-s-base16-dark span.cm-string {
+  color: #f4bf75;
+}
+.cm-s-base16-dark span.cm-variable {
+  color: #90a959;
+}
+.cm-s-base16-dark span.cm-variable-2 {
+  color: #6a9fb5;
+}
+.cm-s-base16-dark span.cm-def {
+  color: #d28445;
+}
+.cm-s-base16-dark span.cm-bracket {
+  color: #e0e0e0;
+}
+.cm-s-base16-dark span.cm-tag {
+  color: #ac4142;
+}
+.cm-s-base16-dark span.cm-link {
+  color: #aa759f;
+}
+.cm-s-base16-dark span.cm-error {
+  background: #ac4142;
+  color: #b0b0b0;
+}
+.cm-s-base16-dark .CodeMirror-activeline-background {
+  background: #202020;
+}
+.cm-s-base16-dark .CodeMirror-matchingbracket {
+  text-decoration: underline;
+  color: white !important;
+}
+/**
+    Name:       IDEA default theme
+    From IntelliJ IDEA by JetBrains
+ */
+.cm-s-idea span.cm-meta {
+  color: #808000;
+}
+.cm-s-idea span.cm-number {
+  color: #0000FF;
+}
+.cm-s-idea span.cm-keyword {
+  line-height: 1em;
+  font-weight: bold;
+  color: #000080;
+}
+.cm-s-idea span.cm-atom {
+  font-weight: bold;
+  color: #000080;
+}
+.cm-s-idea span.cm-def {
+  color: #000000;
+}
+.cm-s-idea span.cm-variable {
+  color: black;
+}
+.cm-s-idea span.cm-variable-2 {
+  color: black;
+}
+.cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type {
+  color: black;
+}
+.cm-s-idea span.cm-property {
+  color: black;
+}
+.cm-s-idea span.cm-operator {
+  color: black;
+}
+.cm-s-idea span.cm-comment {
+  color: #808080;
+}
+.cm-s-idea span.cm-string {
+  color: #008000;
+}
+.cm-s-idea span.cm-string-2 {
+  color: #008000;
+}
+.cm-s-idea span.cm-qualifier {
+  color: #555;
+}
+.cm-s-idea span.cm-error {
+  color: #FF0000;
+}
+.cm-s-idea span.cm-attribute {
+  color: #0000FF;
+}
+.cm-s-idea span.cm-tag {
+  color: #000080;
+}
+.cm-s-idea span.cm-link {
+  color: #0000FF;
+}
+.cm-s-idea .CodeMirror-activeline-background {
+  background: #FFFAE3;
+}
+.cm-s-idea span.cm-builtin {
+  color: #30a;
+}
+.cm-s-idea span.cm-bracket {
+  color: #cc7;
+}
+.cm-s-idea {
+  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
+}
+.cm-s-idea .CodeMirror-matchingbracket {
+  outline: 1px solid grey;
+  color: black !important;
+}
+.CodeMirror-hints.idea {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  color: #616569;
+  background-color: #ebf3fd !important;
+}
+.CodeMirror-hints.idea .CodeMirror-hint-active {
+  background-color: #a2b8c9 !important;
+  color: #5c6065 !important;
+}
 /*!
  * froala_editor v3.1.0 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
@@ -14276,6 +14460,437 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-disabled .cropper-point {
   cursor: not-allowed;
 }
+/* 默认 CSS 样式，目前主要是 Excel 使用 */
+.ov-excel {
+  /* 从 office 365 中复制的默认字体 */
+  font-family: "Aptos Narrow", "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
+  display: flex;
+  flex-direction: column;
+  --bar-bg-color: #f5f5f5;
+  --bar-input-bg-color: #ffffff;
+  --active-sheet-color: #217346;
+}
+.excel-button {
+  height: 32px;
+  color: rgb(255, 255, 255);
+  padding: 0px 11px;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  display: inline-block;
+  text-decoration: none;
+  text-align: center;
+  cursor: pointer;
+  vertical-align: top;
+  border-radius: 2px;
+  font-size: 14px;
+  font-weight: 600;
+  position: relative;
+  margin-right: 4px;
+  width: 64px;
+}
+.excel-button-primary {
+  background-color: rgb(0, 120, 212);
+}
+/* Excel 工具栏，目前没编辑功能所以还没实现 */
+.ov-excel-toolbar {
+  height: 30px;
+  line-height: 30px;
+}
+.excel-checkbox-list-wrapper .excel-checkbox-list {
+  margin-top: 4px;
+}
+.excel-checkbox-container label {
+  cursor: pointer;
+  padding: 4px 0;
+  display: block;
+}
+.excel-checkbox-container label:hover {
+  background-color: #f6f6f6;
+}
+.excel-checkbox-container input {
+  vertical-align: middle;
+}
+.excel-checkbox-container span {
+  vertical-align: middle;
+}
+.excel-divider {
+  display: block;
+  height: 1px;
+  background-color: rgb(225, 223, 221);
+  margin: 2px 12px 2px;
+  color: rgb(200, 198, 196);
+  border-radius: 0.5px;
+}
+.excel-input {
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+  border-radius: 4px;
+  padding: 4px 12px;
+  border: 1px solid rgb(209, 209, 209);
+}
+.excel-input-border-less {
+  display: block;
+  border: none;
+  width: 100%;
+  height: 100%;
+  padding: 0 2px;
+}
+.excel-input-border-less:focus {
+  outline: none;
+}
+.excel-select {
+  border-color: rgb(209, 209, 209);
+  border-radius: 4px;
+}
+/* Excel 公式栏 */
+.ov-excel-formula-bar {
+  height: 34px;
+  display: flex;
+  flex-direction: row;
+  background-color: var(--bar-bg-color);
+}
+.ov-excel-formula-bar__name-box {
+  text-align: center;
+  width: 64px;
+  margin: 4px 0 4px 4px;
+  padding: 0 4px;
+  line-height: 26px;
+  border: 1px solid #e1dfdd;
+  background-color: var(--bar-input-bg-color);
+}
+/* fx 按钮 */
+.ov-excel-formula-bar__function-button {
+  width: 30px;
+}
+/* fx 按钮右边的输入框 */
+.ov-excel-formula-bar__text-box {
+  margin: 4px;
+  line-height: 26px;
+  border: 1px solid #e1dfdd;
+  flex: 1;
+  padding: 0 4px;
+  background-color: var(--bar-input-bg-color);
+}
+/* Excel sheet 标签页 */
+.ov-excel-sheet-tab-bar {
+  height: 32px;
+  line-height: 32px;
+  display: flex;
+  flex-direction: row;
+  background-color: var(--bar-bg-color);
+}
+.ov-excel-sheet-tab-bar__nav {
+  display: flex;
+}
+.ov-excel-sheet-tab-bar__nav-icon {
+  height: 16px;
+  padding: 4px 4px;
+}
+.ov-excel-sheet-tab-bar__nav-icon svg {
+  height: 16px;
+  width: 16px;
+}
+.ov-excel-sheet-tab-bar__nav-icon svg path {
+  fill: #b1b1b1;
+}
+.ov-excel-sheet-tab-bar__nav-icon--enabled {
+  cursor: pointer;
+}
+.ov-excel-sheet-tab-bar__nav-icon--enabled svg path {
+  fill: #000000;
+}
+.ov-excel-sheet-tab-bar__menu {
+  position: relative;
+}
+.ov-excel-sheet-tab-bar__menu-icon {
+  cursor: pointer;
+  height: 16px;
+  padding: 4px 8px;
+}
+.ov-excel-sheet-tab-bar__menu-icon svg {
+  height: 16px;
+  width: 16px;
+}
+.ov-excel-sheet-tab-bar__menu-list {
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid rgb(199, 199, 199);
+  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+  display: none;
+  position: absolute;
+  bottom: 32px;
+  left: 0;
+  max-height: 400px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  z-index: 15;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ov-excel-sheet-tab-bar__menu-list-item {
+  padding: 4px 8px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.ov-excel-sheet-tab-bar__menu-list-item:hover {
+  background-color: #e1dfdd;
+}
+.ov-excel-sheet-tab-bar__menu-list-item--active {
+  background-color: #e1dfdd;
+}
+.ov-excel-sheet-tab-bar__list-container {
+  position: relative;
+  overflow: hidden;
+  flex: 1 1 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.ov-excel-sheet-tab-bar__list-container--enable-left-nav::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 30px;
+  background-image: linear-gradient(to right, #dcdcdc, rgba(220, 220, 220, 0.1));
+}
+.ov-excel-sheet-tab-bar__list-container--enable-right-nav::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 30px;
+  background-image: linear-gradient(to left, #dcdcdc, rgba(220, 220, 220, 0.1));
+}
+.ov-excel-sheet-tab-bar__list {
+  width: 0;
+  display: flex;
+  flex-direction: row;
+}
+.ov-excel-sheet-tab-bar__list-tab {
+  display: inline-block;
+  position: relative;
+  padding: 0 8px;
+  font-size: 14px;
+  margin: 4px 4px;
+  border-radius: 4px;
+  line-height: 24px;
+  white-space: nowrap;
+}
+.ov-excel-sheet-tab-bar__list-tab:hover {
+  cursor: pointer;
+  background-color: #e1dfdd;
+}
+.ov-excel-sheet-tab-bar__list-tab--active {
+  cursor: default;
+}
+.ov-excel-sheet-tab-bar__list-tab--active::before {
+  content: "";
+  position: absolute;
+  display: inline-block;
+  top: 0;
+  bottom: -4px;
+  left: 0;
+  right: 0;
+  color: transparent;
+  border-bottom: 3px solid var(--active-sheet-color);
+  padding-bottom: 5px;
+  width: calc(100% - 18px);
+  margin: auto;
+  transition: width 0.4s cubic-bezier(0.17, 0.17, 0, 1) 0s;
+}
+.ov-excel-sheet-tab-bar__status {
+  margin-left: 12px;
+  margin-right: 12px;
+}
+.ov-excel-sheet-tab-bar__status-text {
+  margin-right: 16px;
+}
+.ov-excel-sheet-tab-bar__zoom-level {
+  display: flex;
+  flex-direction: row;
+  padding: 0 8px;
+}
+.ov-excel-sheet-tab-bar__zoom-value {
+  margin: 0 8px;
+}
+.ov-excel-sheet-tab-bar__zoom-in,
+.ov-excel-sheet-tab-bar__zoom-out {
+  cursor: pointer;
+}
+/* Excel 内容区域，这个包含表头 */
+.ov-excel-content {
+  flex: 1;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+}
+/** Excel 数据区域，不包含表头，目前这个区域主要是给 drawing 用 */
+.ov-excel-data {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  z-index: 2;
+}
+.ov-excel-canvas {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.ov-excel-scrollbar-y {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+}
+.ov-excel-scrollbar-x {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 3;
+}
+.ov-excel-scrollbar-content-x {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.ov-excel-scrollbar-content-y {
+  overflow-x: hidden;
+}
+/** 缩放的控制界面 */
+.ov-excel-resize-box {
+  position: absolute;
+  border: 1px solid #4af;
+  z-index: 3;
+}
+.ov-excel-resize-box-control {
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  box-sizing: border-box;
+  background: #4af;
+  border: 2px solid #fff;
+  z-index: 5;
+}
+.ov-excel-auto-filter-icon-container {
+  position: absolute;
+}
+.ov-excel-auto-filter-icon {
+  cursor: pointer;
+  position: absolute;
+  right: 2px;
+  top: 2px;
+  bottom: 2px;
+  z-index: 3;
+}
+.ov-excel-auto-filter-icon svg {
+  width: 100%;
+  height: 100%;
+}
+.ov-excel-auto-filter-menu {
+  position: absolute;
+  display: none;
+  flex-direction: column;
+  right: -240px;
+  width: 240px;
+  height: 440px;
+  border-radius: 4px;
+  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
+  z-index: 4;
+  background-color: white;
+}
+.excel-auto-filter__menu-sort {
+  display: flex;
+  flex-direction: row;
+  -moz-column-gap: 4px;
+       column-gap: 4px;
+  padding: 8px;
+}
+.ov-excel-auto-filter__sort-button {
+  cursor: pointer;
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  line-height: 24px;
+  height: 24px;
+  padding: 2px;
+}
+.ov-excel-auto-filter__sort-button-text {
+  flex: 1;
+}
+.ov-excel-auto-filter__sort-button-icon {
+  height: 24px;
+  width: 24px;
+}
+.ov-excel-auto-filter__sort-button-icon svg {
+  height: 100%;
+  width: 100%;
+}
+.ov-excel-auto-filter__sort-button:hover {
+  background-color: #f5f5f5;
+}
+.ov-excel-auto-filter__sort-button-active {
+  background-color: #f5f5f5;
+}
+.ov-excel-auto-filter__menu-filter-filters {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.ov-excel-auto-filter__menu-filter-filters .excel-checkbox-list-wrapper {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  padding: 8px;
+  min-height: 0;
+}
+.ov-excel-auto-filter__menu-filter-filters .excel-checkbox-list {
+  flex-grow: 1;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.ov-excel-auto-filter-menu__custom-filters {
+  display: flex;
+  flex-direction: column;
+  padding: 8px;
+}
+/** 单个规则 */
+.ov-excel-auto-filter-menu__custom-filters-item-input {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 4px;
+}
+.ov-excel-auto-filter-menu__custom-filters-item-input > select {
+  margin-right: 4px;
+}
+.ov-excel-auto-filter-menu__custom-filters .excel-radio-wrapper {
+  margin: 4px 0;
+  text-align: center;
+}
+.excel-cell-editor {
+  position: absolute;
+}
+.excel-chart {
+  position: absolute;
+  z-index: 10;
+}
+.excel-pic {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */
@@ -19414,7 +20029,12 @@ input[type=button].antd-Button--block {
   padding: var(--Tabs-linkPadding);
   text-decoration: none;
   cursor: pointer;
-  display: block;
+  display: flex;
+  align-items: center;
+  max-width: 100%;
+  overflow: hidden;
+}
+.antd-Tabs-links > .antd-Tabs-link > a:first-child .antd-Tabs-link-text {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -22030,6 +22650,7 @@ input[type=button].antd-Button--block {
 }
 .antd-CBGroup-body-wrapper {
   flex: 1;
+  min-width: 0;
 }
 .antd-CBGroup-body-collapse {
   text-align: center;
@@ -22051,6 +22672,7 @@ input[type=button].antd-Button--block {
 }
 .antd-CBGroup-body-wrapper {
   flex: 1;
+  min-width: 0;
 }
 .antd-CBGroup-toolbar {
   display: flex;
@@ -22190,6 +22812,8 @@ input[type=button].antd-Button--block {
   display: flex;
   flex-direction: row;
   align-items: center;
+  flex: 1;
+  min-width: 0;
 }
 .antd-CBGroupOrItem-body-item > .antd-CBGroupOrItem-dragbar {
   left: 0.625rem;
@@ -22264,11 +22888,22 @@ input[type=button].antd-Button--block {
 .antd-CBFunc-args > div {
   display: inline-block;
 }
+.antd-CBItem {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  flex-wrap: wrap;
+}
+.antd-CBItem > * {
+  flex-shrink: 0;
+}
 .antd-CBValue {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin: 0.1875rem;
+  flex: 1;
+  min-width: 6.25rem;
 }
 .antd-CBFormula {
   position: relative;
@@ -22293,6 +22928,7 @@ input[type=button].antd-Button--block {
   width: 20px;
   text-align: center;
   display: inline-block;
+  align-self: center;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -22903,6 +23539,9 @@ input[type=button].antd-Button--block {
 .antd-Crud2-selection, .antd-Crud2-toolbar, .antd-Crud2-body {
   margin-bottom: var(--gap-base);
 }
+.antd-Crud2 .antd-Table-render-wrapper {
+  position: relative;
+}
 .antd-Crud2-selectionLabel {
   display: inline-block;
   vertical-align: top;
@@ -23730,6 +24369,11 @@ input[type=button].antd-Button--block {
 .antd-Table-table > tbody > tr > td.antd-Table-primayCell > .antd-Spinner {
   vertical-align: middle;
 }
+.antd-Table-table > thead > tr > th.antd-Table-primayCell > [data-role=form-item],
+.antd-Table-table > tbody > tr > td.antd-Table-primayCell > [data-role=form-item] {
+  display: inline-block;
+  min-width: 10rem;
+}
 .antd-Table.is-mobile .antd-Table-table > tbody > tr:hover, .antd-Table.is-mobile .antd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -23797,7 +24441,7 @@ input[type=button].antd-Button--block {
   min-width: 20rem;
   max-width: 40rem;
 }
-.antd-TableCell-searchPopOver .antd-Panel {
+.antd-TableCell-searchPopOver > .antd-Panel {
   margin: 0;
 }
 .antd-TableCell-filterBtn {
@@ -27257,7 +27901,7 @@ input[type=button].antd-Button--block {
   width: 1rem;
   height: 1rem;
 }
-.antd-ImageGallery-title {
+.antd-ImageGallery-title, .antd-ImageGallery-caption {
   height: 1.125rem;
   vertical-align: top;
   line-height: 1.125rem;
@@ -27266,6 +27910,10 @@ input[type=button].antd-Button--block {
   text-align: center;
   margin-bottom: 18px;
 }
+.antd-ImageGallery-caption {
+  text-align: left;
+  margin-bottom: 4px;
+}
 .antd-ImageGallery-main {
   background: #000;
   flex-basis: 0;
@@ -27725,6 +28373,7 @@ input[type=button].antd-Button--block {
   border-color: var(--Form-input-onDisabled-borderColor);
 }
 .antd-InputBox-clear {
+  visibility: hidden;
   padding: var(--Form-input-clearBtn-padding);
   cursor: pointer;
   display: flex;
@@ -27737,6 +28386,7 @@ input[type=button].antd-Button--block {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-InputBox-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -27744,6 +28394,9 @@ input[type=button].antd-Button--block {
 .antd-InputBox-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.antd-InputBox.is-focused .antd-InputBox-clear, .antd-InputBox:hover .antd-InputBox-clear {
+  visibility: visible;
+}
 .antd-InputBox > svg {
   display: inline-block;
   width: 14px;
@@ -27809,6 +28462,7 @@ input[type=button].antd-Button--block {
   min-width: 80px;
   max-width: 150px;
   flex: 1;
+  display: flex;
 }
 .antd-JSONSchemaMember-key > span {
   display: flex;
@@ -27823,6 +28477,9 @@ input[type=button].antd-Button--block {
   align-items: center;
   color: var(--Form-input-color);
 }
+.antd-JSONSchemaMember-key > * {
+  flex: 1;
+}
 .antd-JSONSchemaMember-key.is-mobile > span {
   border-radius: 0;
   border: none;
@@ -27984,10 +28641,14 @@ input[type=button].antd-Button--block {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: var(--gap-sm);
+  gap: var(--gap-xs);
+  font-size: var(--fonts-size-8);
   align-items: stretch;
   position: relative;
 }
+.antd-SchemaEditorItem--mini > button {
+  padding: 0 4px;
+}
 .antd-SchemaEditorItem + .antd-SchemaEditorItem {
   margin-top: var(--gap-sm);
 }
@@ -27995,12 +28656,12 @@ input[type=button].antd-Button--block {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  gap: var(--gap-sm);
+  gap: var(--gap-xs);
   align-items: flex-start;
   width: 100%;
 }
 .antd-SchemaEditor-itemsLabel {
-  margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
+  line-height: 2rem;
 }
 .antd-SchemaEditor-caret {
   display: inline-block;
@@ -28034,6 +28695,56 @@ input[type=button].antd-Button--block {
 .antd-SchemaEditor-key > input, .antd-SchemaEditor-title > input, .antd-SchemaEditor-description > input {
   flex-basis: 0;
 }
+.antd-SchemaEditor-info {
+  display: flex;
+  background: var(--Form-input-bg);
+  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-radius: var(--Form-input-borderRadius);
+  line-height: var(--Form-input-lineHeight);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  font-size: var(--Form-input-fontSize);
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.antd-SchemaEditor-info input {
+  flex-basis: 1.875rem;
+  flex-grow: 1;
+  outline: none;
+  background: transparent;
+  border: none;
+  color: var(--Form-input-color);
+  width: 100%;
+}
+.antd-SchemaEditor-info input::-moz-placeholder {
+  color: var(--Form-input-placeholderColor);
+  -moz-user-select: none;
+       user-select: none;
+}
+.antd-SchemaEditor-info input::placeholder {
+  color: var(--Form-input-placeholderColor);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.antd-SchemaEditor-info:hover {
+  border-color: var(--Form-input-onFocused-borderColor);
+}
+.antd-SchemaEditor-info--borderHalf {
+  border-left-color: transparent !important;
+  border-right-color: transparent !important;
+  border-top-color: transparent !important;
+}
+.antd-SchemaEditor-info--borderNone {
+  border-color: transparent !important;
+}
+.antd-SchemaEditor-typeLabel {
+  color: var(--Form-input-placeholderColor);
+}
 .antd-ResultBox {
   display: flex;
   background: var(--Form-input-bg);
@@ -28191,6 +28902,7 @@ input[type=button].antd-Button--block {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-ResultBox-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -28335,6 +29047,7 @@ input[type=button].antd-Button--block {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-ResultBox.is-mobile .antd-ResultBox-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -29806,6 +30519,7 @@ fieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-TextControl-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -29823,9 +30537,6 @@ fieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
     display: inline-flex;
   }
 }
-.antd-TextControl .InputText-clear {
-  content: var(--input-clearable-icon);
-}
 .antd-TextControl-clear {
   padding: 0 var(--Form-input-clearBtn-padding);
 }
@@ -30143,6 +30854,9 @@ fieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   width: var(--input-password-invisible-icon-size);
   height: var(--input-password-invisible-icon-size);
 }
+.InputText-clear.icon {
+  content: var(--input-clearable-icon);
+}
 input.antd-TextControl-input-password {
   flex-basis: 0;
 }
@@ -30241,6 +30955,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-TextareaControl-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -30329,6 +31044,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-TextareaControl-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -32735,6 +33451,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-LocationPicker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -32925,6 +33642,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-ColorPicker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -33101,6 +33819,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-DatePicker-toggler:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -33133,6 +33852,7 @@ input.antd-TextControl-input-password {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-DatePicker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -33879,6 +34599,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-DateRangePicker-toggler:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -33911,6 +34632,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-DateRangePicker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -35546,6 +36268,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-TreeSelect-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -35944,6 +36667,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-ComboTabs-addLink > a svg {
   margin-right: var(--gap-xs);
+  top: 0;
 }
 .antd-Combo-dragableTip {
   color: var(--text--muted-color);
@@ -36168,6 +36892,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-Picker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -36336,6 +37061,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-Picker-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -36571,15 +37297,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
 }
-.antd-TagControl-popover.antd-PopOver--leftBottomLeftTop > .antd-ListMenu {
+.antd-TagControl-popover.antd-PopOver--leftBottomLeftTop > .antd-ListMenu,
+.antd-ListMenu-popover.antd-PopOver--leftBottomLeftTop > .antd-ListMenu {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.antd-TagControl-popover.antd-PopOver--leftTopLeftBottom > .antd-ListMenu {
+.antd-TagControl-popover.antd-PopOver--leftTopLeftBottom > .antd-ListMenu,
+.antd-ListMenu-popover.antd-PopOver--leftTopLeftBottom > .antd-ListMenu {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-.antd-TagControl-popover .antd-ListMenu {
+.antd-TagControl-popover .antd-ListMenu,
+.antd-ListMenu-popover .antd-ListMenu {
   padding: 0.25rem 0;
   max-height: var(--inputTag-popover-maxHeight);
   overflow: auto;
@@ -36587,7 +37316,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
      -moz-user-select: none;
           user-select: none;
 }
-.antd-TagControl-popover .antd-ListMenu-item {
+.antd-TagControl-popover .antd-ListMenu-item,
+.antd-ListMenu-popover .antd-ListMenu-item {
   height: var(--inputTag-option-height);
   color: var(--inputTag-option-color);
   font-size: var(--inputTag-option-fontSize);
@@ -36596,7 +37326,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: var(--inputTag-option-paddingTop) var(--inputTag-option-paddingRight) var(--inputTag-option-paddingBottom) var(--inputTag-option-paddingLeft);
   background: var(--inputTag-option-bg-color);
 }
-.antd-TagControl-popover .antd-ListMenu-item:hover {
+.antd-TagControl-popover .antd-ListMenu-item:hover,
+.antd-ListMenu-popover .antd-ListMenu-item:hover {
   color: var(--inputTag-option-hover-color);
   background: var(--inputTag-option-hover-bg-color);
 }
@@ -37454,6 +38185,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-IconPickerControl-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -37659,6 +38391,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: var(--Form-input-clearBtn-color);
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
+  top: 0;
 }
 .antd-IconSelectControl-clear:hover svg {
   fill: var(--Form-input-clearBtn-color-onHover);
@@ -38565,6 +39298,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: none;
   }
 }
+.antd-Autofill-popOver {
+  border: none;
+  min-width: 20rem;
+  max-width: 40rem;
+}
+.antd-Autofill-popOver > .antd-Panel {
+  margin: 0;
+}
 .antd-UserSelect {
   position: relative;
 }
@@ -39473,6 +40214,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: visible;
   max-width: 100%;
   box-sizing: content-box;
+  min-height: 28.125rem;
   /* 变量列表 */
   /* 函数列表 */
 }
@@ -39480,8 +40222,55 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex: 1;
   height: 100%;
   max-width: 33.125rem;
+  min-width: 0;
   border-top: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
   border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  display: flex;
+  flex-direction: column;
+}
+.antd-FormulaEditor-runPanel {
+  height: 12.5rem;
+  transition: height 0.1s ease-out;
+  border-top: 1px solid var(--Form-input-borderColor);
+  display: flex;
+  flex-wrap: nowrap;
+  flex-direction: row;
+}
+.antd-FormulaEditor-runPanel.in {
+  height: 0;
+  overflow: hidden;
+}
+.antd-FormulaEditor-runPanel-context, .antd-FormulaEditor-runPanel-result {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+.antd-FormulaEditor-runPanel-context > header, .antd-FormulaEditor-runPanel-result > header {
+  width: 100%;
+  height: 1.875rem;
+  line-height: 1.875rem;
+  padding: 0 0.625rem;
+  box-sizing: border-box;
+  background: var(--InputFormula-header-bgColor);
+  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
+  border-bottom: none;
+  font-weight: 500;
+  margin: 0;
+}
+.antd-FormulaEditor-runPanel-context > div, .antd-FormulaEditor-runPanel-result > div {
+  flex: 1;
+  min-height: 0;
+  font-size: 12px;
+}
+.antd-FormulaEditor-runPanel-context {
+  border-right: 1px solid var(--Form-input-borderColor);
+}
+.antd-FormulaEditor-runPanel-result > div {
+  padding: 0 0.625rem;
+}
+.antd-FormulaEditor-runPanel-result.is-error {
+  color: var(--Form-input-onError-borderColor);
 }
 .antd-FormulaEditor-header {
   width: 100%;
@@ -39502,8 +40291,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: 5px;
 }
 .antd-FormulaEditor-editor {
-  min-height: 12.5rem;
-  height: calc(100% - 35px);
+  flex: 1;
+  min-height: 0;
   padding: 0.3125rem;
   padding-right: 0;
 }
@@ -39862,24 +40651,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   background: var(--InputFormula-code-bgColor);
 }
-.antd-FormulaEditor .cm-field,
-.antd-FormulaEditor .cm-func {
-  border-radius: 3px;
-  color: #fff;
-  margin: 0 1px;
-  padding: 0 2px;
-}
-.antd-FormulaEditor .cm-field {
-  padding: 2px 5px;
-}
-.antd-FormulaEditor .cm-field {
-  background: #007bff;
-}
-.antd-FormulaEditor .cm-func {
-  color: #ae4597;
-  font-weight: bold;
-  line-height: 14px;
-}
 .antd-FormulaPicker {
   display: flex;
   flex-flow: row nowrap;
@@ -39896,8 +40667,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-FormulaPicker-input {
   flex: 1;
+  min-width: 0;
   margin-right: 0.625rem;
-  padding-right: 0;
+  padding-right: 0.25rem;
   max-width: calc(100% - 2.625rem);
 }
 .antd-FormulaPicker-action {
@@ -39943,7 +40715,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Form-input-height);
 }
 .antd-FormulaPicker.is-input-group.antd-FormulaPicker--text {
-  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX) var(--Form-input-paddingY) 0.3125rem;
 }
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
   display: flex;
@@ -39960,13 +40732,27 @@ td.rdtQuarter.rdtDisabled:hover > span {
   outline: none;
   box-sizing: none;
 }
-.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-select, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-boolean, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-date, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-time, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-datetime {
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-select, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-boolean, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-date, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-time, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-datetime {
   height: var(--InputFormula-input-schema-height);
   padding-left: var(--Form-input-paddingX);
 }
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number {
+  padding-left: 0;
+}
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number .antd-Number-handler-wrap {
   height: unset; /* 避免调节器超出Input框 */
 }
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-custom {
+  border: 0;
+  flex: 1;
+  min-width: 0;
+}
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-custom > div {
+  border: 0;
+  padding: 0 0 0 var(--Form-input-paddingX);
+  align-items: center;
+  height: var(--InputFormula-input-schema-height);
+}
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-variable {
   border: none;
   min-height: unset;
@@ -39987,6 +40773,60 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: pointer;
   color: var(--colors-brand-5);
 }
+.antd-FormulaCodeEditor .cm-field,
+.antd-FormulaCodeEditor .cm-func {
+  border-radius: 3px;
+  color: #fff;
+}
+.antd-FormulaCodeEditor .cm-field {
+  padding: 2px 5px;
+}
+.antd-FormulaCodeEditor .cm-field {
+  background: #007bff;
+}
+.antd-FormulaCodeEditor .cm-func {
+  color: #ae4597;
+  font-weight: bold;
+  line-height: 14px;
+}
+.antd-FormulaCodeEditor .cm-error-token {
+  background-position: left bottom;
+  background-repeat: repeat-x;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==);
+}
+.antd-FormulaCodeEditor .CodeMirror-placeholder {
+  color: var(--Form-input-placeholderColor) !important;
+}
+.antd-FormulaCodeEditor .lint-error {
+  color: var(--Form-input-onError-borderColor);
+}
+.antd-FormulaCodeEditor--singleLine {
+  max-width: 100%;
+}
+.antd-FormulaCodeEditor--singleLine > .CodeMirror {
+  height: 21px;
+}
+.antd-FormulaCodeEditor--singleLine > .CodeMirror .CodeMirror-hscrollbar,
+.antd-FormulaCodeEditor--singleLine > .CodeMirror .CodeMirror-vscrollbar {
+  display: none !important;
+}
+.antd-FormulaCodeEditor--singleLine > .CodeMirror .CodeMirror-sizer {
+  min-height: 21px !important;
+  border-right-width: 0 !important;
+}
+.antd-FormulaCodeEditor--singleLine > .CodeMirror .CodeMirror-scroll {
+  height: 21px;
+  margin: 0;
+  padding: 0;
+  overflow: hidden !important;
+}
+.antd-FormulaCodeEditor--singleLine > .CodeMirror .CodeMirror-lines {
+  padding: 0;
+}
+.antd-InputBox > .antd-FormulaCodeEditor {
+  flex: 1;
+  min-width: 0;
+}
 .antd-Timeline-vertical {
   display: flex;
   flex-flow: column;
@@ -41336,6 +42176,140 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   white-space: nowrap;
 }
+.antd-PdfViewer {
+  position: relative;
+  width: 100%;
+  min-width: 300px;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  padding: 50px 0;
+}
+.antd-PdfViewer-Content {
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+}
+.antd-PdfViewer-Content.is-loaded {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
+}
+.antd-PdfViewer-Loading {
+  width: 100%;
+  text-align: center;
+}
+.antd-PdfViewer-Tool {
+  position: absolute;
+  z-index: 10;
+  padding: 5px 15px;
+  bottom: 60px;
+  background-color: #444444;
+  border-radius: 10px;
+  color: #fff;
+  text-align: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.antd-PdfViewer-Tool .gap {
+  margin: 0 4px;
+}
+.antd-PdfViewer-Tool .icon {
+  cursor: pointer;
+  width: 20px;
+  margin: 0 10px;
+}
+.antd-PdfViewer-Tool .icon:hover {
+  color: var(--colors-brand-5);
+}
+.antd-PdfViewer-Tool .page-input {
+  width: 40px;
+}
+.antd-Signature {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.antd-Signature-canvas {
+  border: 1px dashed #aaa;
+}
+.antd-Signature-Tool {
+  height: var(--signature-tool-height);
+  margin-top: var(--signature-tool-margin-top);
+}
+.antd-Signature-Tool .actions {
+  display: flex;
+  justify-content: space-between;
+}
+.antd-Signature-Tool .actions .left-actions button {
+  margin-right: 5px;
+}
+.antd-Signature-Tool .actions .right-actions button {
+  margin-left: 5px;
+}
+.antd-Signature-placeholder {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: var(--signature-tool-height);
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: var(--signature-placeholder-gap);
+  color: var(--signature-placeholder-color);
+}
+.antd-Signature-Embed {
+  display: flex;
+  gap: 10px;
+}
+.antd-Signature-Embed-Preview {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: 10px;
+  height: 30px;
+  margin: 1px;
+  padding: 2px;
+  border: 1px dashed #aaa;
+}
+.antd-Signature-Embed-Preview .preview-close {
+  cursor: pointer;
+  font-size: 14px;
+  color: #aaa;
+}
+.antd-Signature-Embed-Preview .preview-close:hover {
+  color: #000;
+}
+.antd-Signature-Embed-Preview img {
+  height: 24px;
+}
+.antd-Signature-Embed-Body {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.antd-Signature.is-fullScreen, .antd-Signature-Embed-Body.is-fullScreen {
+  flex-direction: row-reverse;
+  justify-content: space-between;
+  align-items: stretch;
+}
+.antd-Signature.is-fullScreen .antd-Signature-Tool, .antd-Signature-Embed-Body.is-fullScreen .antd-Signature-Tool {
+  width: calc(var(--signature-tool-height) - var(--signature-tool-margin-top));
+  height: auto;
+  margin-top: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.antd-Signature.is-fullScreen .antd-Signature-Tool .actions, .antd-Signature-Embed-Body.is-fullScreen .antd-Signature-Tool .actions {
+  white-space: nowrap;
+  transform: rotate(90deg);
+}
 @media print {
   .pe-no-print {
     display: none !important;