@zat-design/sisyphus-react 3.4.2 → 3.4.3-beta.10

package/dist/index.esm.css

@@ -2,7 +2,7 @@
 .pro-layout-header {
   position: fixed;
   top: 0;
-  z-index: 101;
+  z-index: 103;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -273,7 +273,7 @@
   padding-left: 16px !important;
 }
 .pro-layout-open-menu .ant-menu-root > .ant-menu-submenu .ant-menu-sub {
-  background: #1A202D;
+  background: #1a202d;
 }
 .pro-layout-open-menu .ant-menu-root > .ant-menu-submenu > .ant-menu-sub > .ant-menu-submenu > .ant-menu-submenu-title,
 .pro-layout-open-menu .ant-menu-root > .ant-menu-submenu > .ant-menu-item-only-child,
@@ -281,15 +281,15 @@
   padding-left: 16px !important;
 }
 .pro-layout-open-menu .ant-menu-root > .ant-menu-item-only-child {
+  height: auto;
   min-height: 48px;
+  margin: 0;
   padding-top: 12px;
   padding-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1) - var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1));
-  margin: 0;
-  height: auto;
 }
 .pro-layout-open-menu .ant-menu-root > .ant-menu-item-only-child h2 {
-  line-height: initial !important;
   height: auto !important;
+  line-height: initial !important;
   white-space: pre-wrap;
 }
 .pro-layout-open-menu .ant-menu-root .ant-menu-item {
@@ -310,8 +310,8 @@
   color: #fff;
 }
 .pro-layout-open-menu .ant-menu.ant-menu-dark {
-  background: #1A202D;
   overflow-x: hidden;
+  background: #1a202d;
 }
 .pro-layout-open-menu .ant-menu.ant-menu-dark .ant-menu-item-only-child:hover {
   background: var(--ant-primary-8, #003eb3);
@@ -327,12 +327,12 @@
 }
 .pro-layout-open-menu .ant-menu-sub.ant-menu-inline > .ant-menu-item,
 .pro-layout-open-menu .ant-menu-submenu-title {
-  white-space: pre-wrap;
-  line-height: initial !important;
   height: auto !important;
+  min-height: 48px;
   margin: 0;
   padding: 12px 0;
-  min-height: 48px;
+  line-height: initial !important;
+  white-space: pre-wrap;
 }
 .pro-layout-open-menu .ant-menu-title-content div {
   display: -webkit-box;
@@ -355,62 +355,64 @@
           flex: 0 0 20px;
   width: 20px;
   height: 20px;
-  color: #CACACA;
+  color: #cacaca;
 }
 .pro-layout-open-menu .ant-menu-title-content div h2 {
+  display: inline-block;
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   margin-bottom: 0;
-  opacity: 1;
-  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
-  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
-  display: inline-block;
   padding-left: 12px;
-  color: #CACACA;
+  color: #cacaca;
   font-weight: 400;
   font-size: var(--zaui-font-size-md, 14px);
+  opacity: 1;
+  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
+  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
 }
 .pro-layout-open-menu .anticon-caret-down {
-  color: #CACACA;
+  top: auto;
+  color: #cacaca;
   -webkit-transform: rotateZ(0deg);
           transform: rotateZ(0deg);
-  top: auto;
   -webkit-transition: all 0.1s ease-in;
   transition: all 0.1s ease-in;
 }
 .pro-layout-open-menu .ant-menu-submenu-open .anticon-caret-down {
+  color: #fff;
   -webkit-transform: rotateZ(180deg);
           transform: rotateZ(180deg);
-  color: #fff;
 }
 .pro-layout-open-menu .ant-menu-submenu-open .ant-menu-submenu-inline .anticon-caret-down {
+  color: #cacaca;
   -webkit-transform: rotateZ(0deg);
           transform: rotateZ(0deg);
-  color: #CACACA;
 }
 .pro-layout-open-menu .ant-menu-submenu-open .ant-menu-submenu-inline.ant-menu-submenu-open .anticon-caret-down {
+  color: #fff;
   -webkit-transform: rotateZ(180deg);
           transform: rotateZ(180deg);
-  color: #fff;
 }
 .pro-layout-open-menu .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon {
   color: #fff;
 }
+.pro-layout-open-menu .ant-menu-item-selected .ant-menu-title-content h2 {
+  font-weight: bold !important;
+}
 .pro-layout-open-menu .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-title-content div .pro-layout-icon {
   color: #fff;
 }
 .pro-layout-open-menu .ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-title-content div h2 {
-  font-weight: bold;
   color: #fff;
 }
 .pro-layout-open-menu .ant-menu-submenu-selected .ant-menu-item-only-child .ant-menu-title-content div .pro-layout-icon {
-  color: #CACACA;
+  color: #cacaca;
 }
 .pro-layout-open-menu .ant-menu-submenu-selected .ant-menu-item-only-child .ant-menu-title-content div h2 {
+  color: #cacaca;
   font-weight: 400;
-  color: #CACACA;
 }
 .pro-layout-sider-menu {
   width: 220px;
@@ -442,11 +444,16 @@
   overflow-x: hidden;
   overflow-y: auto;
 }
+.pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item-only-child .ant-menu-title-content .pro-layout-open-menu-lv1 h2 {
+  padding-right: 0;
+}
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-title-content div h2 {
-  color: var(--zaui-text);
   padding: 0;
+  padding-right: 12px;
+  color: var(--zaui-text);
 }
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-title-content .pro-layout-open-menu-lv1 h2 {
+  padding-right: 26px;
   color: var(--zaui-text);
   font-weight: 500;
 }
@@ -460,8 +467,8 @@
   margin-left: var(--zaui-space-size-md, 16px);
 }
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .pro-layout-icon {
-  fill: currentColor;
   color: var(--zaui-text, #343434) !important;
+  fill: currentColor;
 }
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-sub {
   overflow: hidden;
@@ -469,8 +476,8 @@
 }
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-submenu-title:hover,
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item:hover {
-  background-color: #f2f2f2;
   color: #fff;
+  background-color: #f2f2f2;
 }
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-item {
   margin: 0;
@@ -481,9 +488,9 @@
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu .ant-menu-submenu-title,
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-root > .ant-menu-item-only-child,
 .pro-layout-sider-menu .pro-layout-open-menu.pro-layout-sider-menu-list .ant-menu.ant-menu-sub.ant-menu-inline > .ant-menu-item {
+  min-height: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
-  min-height: 40px;
 }
 /** 侧边栏 + 内容区 */
 .pro-layout-row {
@@ -501,12 +508,12 @@
 .pro-layout-row .pro-layout-arrow {
   width: 10px;
   height: 10px;
+  margin-left: -5px;
   background-color: transparent;
   /* 模块背景为透明 */
   border-color: #fff;
   border-style: solid;
   border-width: 2px 2px 0 0;
-  margin-left: -5px;
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
 }
@@ -534,8 +541,8 @@
   display: inline-block;
   white-space: nowrap;
   opacity: 0;
-  -webkit-transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s;
-  transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.5s;
+  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
+  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
 }
 .pro-layout-row.pro-layout-menu-collapsed .pro-layout-content {
   margin-left: 220px !important;
@@ -560,7 +567,7 @@
   position: fixed;
   top: 48px;
   left: 0;
-  z-index: 1;
+  z-index: 99;
   width: 48px;
   height: 100vh;
   min-height: 100%;
@@ -575,10 +582,6 @@
   width: 220px;
 }
 .pro-layout-row .pro-layout-content {
-  margin-left: 48px;
-  padding: 0 var(--zaui-space-size-md, 16px);
-  -webkit-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out;
   z-index: 1;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
@@ -586,6 +589,10 @@
           flex: auto;
   min-height: calc(100vh - 48px);
   margin-top: 48px;
+  margin-left: 48px;
+  padding: 0 var(--zaui-space-size-md, 16px);
+  -webkit-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
 }
 .pro-layout-row .pro-layout-menu.pro-layout-menu-open .pro-layout-menu-collapsed {
   left: 0;
@@ -614,9 +621,9 @@
           justify-content: center;
   width: 48px;
   height: 48px;
-  -webkit-transition: all 0.25s ease;
-  transition: all 0.25s ease;
   background: #292f3b;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
 }
 .pro-layout-row .pro-layout-menu .pro-layout-menu-collapsed:hover {
   background-color: rgba(185, 185, 189, 0.1);
@@ -668,14 +675,21 @@
   width: 12px;
   margin-right: 0;
 }
-.pro-collapse {
-  background: #f6f8fc;
+.pro-collapse .pro-collapse-icon {
+  max-width: 18px;
+  min-width: 16px;
+}
+.pro-collapse .pro-collapse-icon img {
+  vertical-align: sub;
 }
 .pro-collapse.pro-collapse-no-title .ant-collapse-header {
   display: none !important;
 }
+.pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
+  display: block !important;
+}
 .pro-collapse.ant-collapse .pro-collapse-panel {
-  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
+  margin-bottom: 16px;
 }
 .pro-collapse .ant-collapse-header {
   -webkit-box-align: center !important;
@@ -691,14 +705,13 @@
   font-size: var(--zaui-font-size-lg, 16px);
 }
 .pro-collapse .ant-collapse-expand-icon {
-  color: #c5c7cd;
+  color: #999;
 }
 .pro-collapse.ant-collapse-borderless .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
   padding: 0;
 }
 .pro-collapse .ant-collapse-content-box {
   padding: 0;
-  background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse .ant-collapse-content-box .pro-collapse-content {
   padding: var(--zaui-space-size-md, 16px);
@@ -707,16 +720,18 @@
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 {
-  margin-bottom: 0;
   background: var(--zaui-base-bg, #ffffff);
 }
+.pro-collapse.pro-collapse-level2 .pro-collapse-panel {
+  margin-bottom: 0;
+}
 .pro-collapse.pro-collapse-level2 .ant-collapse-header {
   padding: 0 !important;
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text {
   position: relative;
-  padding-left: 12px;
+  padding-left: 15px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-collapse.pro-collapse-level2 .ant-collapse-header .ant-collapse-header-text::before {
@@ -726,7 +741,7 @@
   width: 4px;
   height: 14px;
   background: var(--zaui-brand);
-  border-radius: var(--zaui-border-radius-card, 2px);
+  border-radius: var(--zaui-border-radius-card, 4px);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   content: '';
@@ -735,11 +750,17 @@
   margin-right: var(--zaui-space-size-sm, 8px);
 }
 .pro-collapse.pro-collapse-level2 .pro-collapse-content {
-  padding-top: var(--zaui-space-size-sm, 8px) !important;
+  padding: var(--zaui-space-size-sm, 8px) 0 !important;
+}
+.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse {
+  margin-bottom: var(--zaui-space-size-md, 16px);
+}
+.pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse.ant-collapse-item-active {
+  margin-bottom: 0;
 }
 .pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header {
   padding: 0 8px 6px !important;
-  border-bottom: 2px solid #dee0e3;
+  border-bottom: 1px solid #dee0e3;
   margin: 0 -8px;
 }
 .pro-collapse.pro-collapse-level2 .pro-collapse-level2-collapse .ant-collapse-header .ant-collapse-arrow {
@@ -768,6 +789,9 @@
 .pro-collapse .ant-collapse-extra .extra-info {
   margin-right: 24px;
 }
+.pro-collapse.pro-collapse-list .ant-descriptions-view {
+  margin: 0 -8px;
+}
 .pro-collapse.pro-collapse-list .ant-descriptions-row > th,
 .pro-collapse.pro-collapse-list .ant-descriptions-row > td {
   padding: var(--zaui-space-size-sm, 8px) 0;
@@ -775,7 +799,7 @@
 }
 .pro-collapse.pro-collapse-list .ant-descriptions-row > th.ant-descriptions-item,
 .pro-collapse.pro-collapse-list .ant-descriptions-row > td.ant-descriptions-item {
-  padding-left: var(--zaui-space-size-md, 16px);
+  padding-left: 23px;
 }
 .pro-collapse.pro-collapse-list .ant-descriptions-row td:first-child {
   position: relative;
@@ -787,7 +811,7 @@
   width: 4px;
   height: 14px;
   background: var(--zaui-brand);
-  border-radius: var(--zaui-border-radius-card, 2px);
+  border-radius: var(--zaui-border-radius-card, 4px);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   content: '';
@@ -802,7 +826,7 @@
   position: fixed;
   right: 0;
   bottom: 0;
-  z-index: 101;
+  z-index: 98;
   width: 100%;
   padding: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1)) var(--zaui-space-size-lg, 32px);
   background: var(--zaui-base-bg, #ffffff);
@@ -829,6 +853,8 @@
 .pro-header {
   padding: 16px 0 0 0 !important;
   background-color: var(--zaui-base-bg, #ffffff);
+  -webkit-box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
+          box-shadow: 2px 3px 8px 0px rgba(0, 55, 93, 0.1);
 }
 .pro-header.pro-header-no-back.pro-header-has-describe .pro-header-top {
   padding-left: var(--zaui-space-size-md, 16px);
@@ -894,7 +920,7 @@
   line-height: 16px;
   white-space: pre;
   background: var(--ant-primary-1, #e6f4ff);
-  border-radius: var(--zaui-border-radius-card, 2px);
+  border-radius: var(--zaui-border-radius-card, 4px);
 }
 .pro-header .pro-header-title {
   padding: 0 var(--zaui-space-size-md, 16px);
@@ -906,12 +932,12 @@
   position: -webkit-sticky;
   position: sticky;
   z-index: 101;
-  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
-          box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
+  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
+          box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
 }
 .pro-header.pro-header-shadow {
-  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
-          box-shadow: 0px 1px 2px 0px rgba(0, 55, 93, 0.1);
+  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
+          box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
 }
 .pro-header .ant-breadcrumb li {
   color: #1d2129;
@@ -1011,7 +1037,7 @@
   font-style: initial;
   line-height: 24px;
   background: var(--ant-primary-1, #e6f4ff);
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-header .pro-header-top .pro-header-left ul li.hidden {
   display: none;
@@ -1034,7 +1060,7 @@
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  background: #f7f9fc;
+  background: #fafafa;
   border-top: 1px solid #f2f2f2;
 }
 .pro-header .pro-header-nav.pro-header-nav-open .pro-header-fold .pro-header-fold-bg {
@@ -1184,83 +1210,146 @@
 .pro-layout .pro-layout-menu-open .pro-layout-open-menu-lv1 h2 {
   font-weight: bold;
 }
+.pro-layout.pro-layout-light .pro-collapse {
+  border-radius: var(--zaui-border-radius, 8px);
+}
+.pro-layout.pro-layout-light .pro-collapse.ant-collapse-borderless {
+  background: #fff;
+}
+.pro-layout.pro-layout-light .pro-collapse.pro-collapse-no-title .pro-collapse-content {
+  border-radius: var(--zaui-border-radius, 8px) !important;
+  padding: var(--zaui-space-size-md, 16px);
+}
+.pro-layout.pro-layout-light .pro-collapse.pro-collapse-no-title .pro-header-no-describe {
+  padding: 0 !important;
+}
+.pro-layout.pro-layout-light .pro-collapse .ant-collapse-item-active.pro-collapse-panel .ant-collapse-header {
+  border-radius: var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px) 0 0 !important;
+}
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-content {
+  border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
+  padding: var(--zaui-space-size-md, 16px);
+}
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-content .pro-form {
+  margin-bottom: 0;
+}
+.pro-layout.pro-layout-light .pro-collapse.pro-collapse-level2 .pro-collapse-panel .ant-collapse-header {
+  background: #fff;
+}
+.pro-layout.pro-layout-light .pro-collapse.pro-collapse-level2 .pro-collapse-content {
+  padding-bottom: var(--zaui-space-size-sm, 8px);
+}
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .ant-collapse-header {
+  border-radius: var(--zaui-border-radius, 8px) !important;
+  background: #E4F2FE;
+}
+.pro-layout.pro-layout-light .pro-header {
+  border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
+}
+.pro-layout.pro-layout-light .pro-header.pro-header-no-describe {
+  padding: var(--zaui-space-size-md, 16px) !important;
+}
+.pro-layout.pro-layout-light .pro-header.pro-header-no-describe .pro-header-top {
+  padding-bottom: 0;
+}
+.pro-layout.pro-layout-light .pro-header.pro-header-has-describe .pro-header-nav-open {
+  border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
+}
+.pro-layout.pro-layout-light .pro-layout-content {
+  padding: 0 var(--zaui-space-size-md, 16px);
+  background: #f3f5f8;
+}
 .pro-layout.pro-layout-light .pro-layout-menu-open,
 .pro-layout.pro-layout-light .pro-layout-menu {
   -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
           box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-title-content div .pro-layout-icon {
-  color: var(--zaui-text, #343434);
   position: relative;
   z-index: 1;
+  color: var(--zaui-text, #343434);
+}
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list {
+  border-right: 1px solid #f0f0f0;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li {
   position: relative;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li > div {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li > div {
   position: relative;
   z-index: 1;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active {
   background: transparent;
+  border-radius: var(--zaui-border-radius, 8px);
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active div .pro-layout-icon {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active div .pro-layout-icon {
   color: #fff;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active::before {
-  content: '';
-  border-radius: var(--zaui-border-radius, 4px);
-  background-color: var(--zaui-brand, #006aff);
-  height: 38px;
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li.active::before {
   position: absolute;
-  left: 5px;
   top: 4px;
+  left: 5px;
   width: calc(100% - 10px);
+  height: 38px;
+  background-color: var(--zaui-brand, #006aff);
+  border-radius: var(--zaui-border-radius, 8px);
   opacity: 1 !important;
+  content: '';
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li:hover {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li:hover {
   background: transparent;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li:hover::before {
-  content: '';
-  border-radius: var(--zaui-border-radius, 4px);
-  background-color: var(--zaui-brand, #006aff);
-  height: 38px;
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li:hover::before {
   position: absolute;
-  left: 5px;
   top: 4px;
+  left: 5px;
   width: calc(100% - 10px);
+  height: 38px;
+  background-color: var(--zaui-brand, #006aff);
+  border-radius: var(--zaui-border-radius, 8px);
   opacity: 0.08;
+  content: '';
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li div .pro-layout-icon {
+.pro-layout.pro-layout-light .pro-layout-menu-fold .pro-layout-menu-fold-list li div .pro-layout-icon {
   color: var(--zaui-text, #343434);
 }
-.pro-layout.pro-layout-light .pro-layout-menu-fold-list li.active {
-  border-radius: var(--zaui-border-radius, 4px);
-}
 .pro-layout.pro-layout-light .pro-layout-menu-collapsed {
   position: relative;
+  background: var(--zaui-base-bg, #fff);
+  border-right: 1px solid #f0f0f0;
 }
-.pro-layout.pro-layout-light .pro-layout-menu-collapsed::before {
+.pro-layout.pro-layout-light .pro-layout-menu-collapsed:hover {
+  background: transparent !important;
+}
+.pro-layout.pro-layout-light .pro-layout-menu-collapsed:hover::after {
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  width: calc(100% - 10px);
+  height: 40px;
+  background-color: var(--zaui-brand, #006aff);
+  border-radius: var(--zaui-border-radius, 8px);
+  opacity: 0.08;
   content: '';
-  height: 1px;
-  background: #DEE0E3;
-  width: calc(100% - 16px);
+}
+.pro-layout.pro-layout-light .pro-layout-menu-collapsed::before {
   position: absolute;
   top: 0;
   left: var(--zaui-space-size-sm, 8px);
+  width: calc(100% - 16px);
+  height: 1px;
+  background: #dee0e3;
+  content: '';
 }
 .pro-layout.pro-layout-light .pro-layout-row .pro-layout-arrow {
   border-color: var(--zaui-text, #343434);
 }
-.pro-layout.pro-layout-light .pro-layout-menu-collapsed {
-  background: var(--zaui-base-bg, #fff);
-}
 .pro-layout.pro-layout-light .ant-menu-root {
   overflow-x: hidden !important;
 }
 .pro-layout.pro-layout-light .anticon-caret-down {
-  color: #CACACA !important;
+  color: #999 !important;
 }
 .pro-layout.pro-layout-light .pro-layout-row .pro-layout-menu {
   background: var(--zaui-base-bg, #ffffff);
@@ -1270,24 +1359,32 @@
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-title-content div h2 {
   color: var(--zaui-text, #343434);
+  padding-right: 26px;
+}
+.pro-layout.pro-layout-light .ant-menu-item-only-child .ant-menu-title-content div h2 {
+  padding-right: 16px;
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover,
-.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover {
-  background: transparent;
+.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover,
+.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
   position: relative;
+  background: transparent;
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item:hover:before,
-.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before {
-  content: '';
-  border-radius: var(--zaui-border-radius, 4px);
-  background-color: var(--zaui-brand, #006aff);
-  opacity: 0.08;
-  height: 38px;
+.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-submenu-title:hover:before,
+.pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected:before {
   position: absolute;
   left: var(--zaui-space-size-sm, 8px);
   width: calc(100% - 16px);
+  min-height: 38px;
+  height: 80%;
+  background-color: var(--zaui-brand, #006aff);
+  border-radius: var(--zaui-border-radius, 8px);
+  opacity: 0.08;
+  content: '';
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected {
+  padding-right: 16px;
   background: transparent !important;
 }
 .pro-layout.pro-layout-light .pro-layout-open-menu .ant-menu-item-selected::after {
@@ -1300,10 +1397,6 @@
   min-height: calc(100vh - 80px);
 }
 .pro-layout .pro-layout-content {
-  margin-left: 48px;
-  padding: 0 var(--zaui-space-size-lg, 32px);
-  -webkit-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out;
   z-index: 1;
   -webkit-box-flex: 1;
   -webkit-flex: auto;
@@ -1311,10 +1404,14 @@
           flex: auto;
   min-height: calc(100vh - 48px);
   margin-top: 48px;
+  margin-left: 48px;
+  padding: 0 var(--zaui-space-size-lg, 32px);
+  -webkit-transition: all 0.24s ease;
+  transition: all 0.24s ease;
 }
 .pro-layout .pro-layout-content.pro-layout-has-notice {
-  margin-top: 80px;
   min-height: calc(100vh - 80px);
+  margin-top: 80px;
 }
 .pro-layout .pro-layout-row-pure .pro-layout-content {
   margin: 0 !important;
@@ -1337,15 +1434,16 @@
   z-index: 101;
   min-width: 48px;
   min-height: 48px;
+  overflow-x: hidden;
+  overflow-y: auto;
   text-align: center;
   background-color: var(--zaui-global-bg, #fff);
-  cursor: pointer;
+  border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
   -webkit-box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
           box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
+  cursor: pointer;
   -webkit-transition: width 0.2s;
   transition: width 0.2s;
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 .pro-step > .step-menu {
   display: -webkit-box;
@@ -1363,11 +1461,9 @@
 }
 .pro-step > .step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
-  fill: var(--zaui-brand, #006AFF);
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-step > .step-menu > .menu-icon > div {
-  width: 48px;
-  height: 24px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1380,6 +1476,8 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
+  width: 48px;
+  height: 24px;
 }
 .pro-step .menu-content {
   overflow: hidden;
@@ -1440,12 +1538,12 @@
   height: 100%;
 }
 .pro-step .com-menu-item > .menu-item > .menu-icon > svg {
-  fill: var(--zaui-brand, #006AFF);
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
   width: 6px;
   height: 6px;
-  background: var(--zaui-brand, #006AFF);
+  background: var(--zaui-brand, #006aff);
   border-radius: 3px;
 }
 .pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
@@ -1469,11 +1567,11 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
-  font-size: var(--zaui-font-size-sm, 12px);
-  color: #ffffff;
   width: 18px;
   height: 18px;
-  background: var(--zaui-brand, #006AFF);
+  color: #ffffff;
+  font-size: var(--zaui-font-size-sm, 12px);
+  background: var(--zaui-brand, #006aff);
   border-radius: 9px;
 }
 .pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
@@ -1485,7 +1583,7 @@
   fill: #939599;
 }
 .pro-step .com-menu-item > .menu-item > .menu-name {
-  color: #0A0A0A;
+  color: #0a0a0a;
 }
 .pro-step .com-menu-item > .menu-item > .menu-name.disabled {
   color: #626366;
@@ -1494,7 +1592,7 @@
   height: 18px;
 }
 .pro-step .com-menu-item > .checked-status > svg {
-  fill: var(--zaui-brand, #006AFF);
+  fill: var(--zaui-brand, #006aff);
 }
 .pro-step .com-menu-item > .checked-status .errorDot {
   display: -webkit-box;
@@ -1575,9 +1673,11 @@
   width: 48px;
 }
 .pro-tabs-tab .pro-tabs-card .ant-tag {
+  min-width: 22px;
   margin-right: 0;
   padding: 0 var(--zaui-space-size-xs, 4px);
-  border-radius: 10px;
+  text-align: center;
+  border-radius: 12px;
 }
 .pro-tabs-tab .pro-tabs-card .ant-space-item {
   display: -webkit-box;
@@ -1651,7 +1751,7 @@
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
   background: var(--zaui-contract-bg, #fffaa1);
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .ant-table-body .varied-cell.empty-cell {
   width: 24.5px;
@@ -1868,7 +1968,7 @@
 .pro-table .ant-pagination .ant-pagination-item-active a {
   color: #ffffff;
   background: var(--zaui-brand, #006aff) !important;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .pro-table-footer.no-page {
   margin-top: var(--zaui-space-size-md, 16px);
@@ -1952,6 +2052,9 @@ div.pro-textarea-view::after {
 .pro-textarea .ant-input {
   resize: auto !important;
 }
+.pro-form-list-mode-bloc {
+  background: #000;
+}
 .pro-form-list-block-title {
   height: 14px;
   margin: calc(var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1)) 0;
@@ -1983,6 +2086,7 @@ div.pro-textarea-view::after {
 }
 .pro-form-list .pro-form-list-action {
   padding-bottom: var(--zaui-height-size-md, 16px);
+  background: #000;
 }
 .pro-form-list .pro-form-list-action > .ant-space-item:first-child > .ant-btn-link {
   margin-left: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
@@ -2018,7 +2122,6 @@ div.pro-textarea-view::after {
   background: transparent;
 }
 .ant-form-item-has-error .ant-picker-status-error ~ .forever-checkbox:not(.ant-input-disabled):not( .ant-input-borderless).ant-input {
-  background: var(--zaui-base-bg, #ffffff);
   border-color: var(--ant-error-color);
 }
 .ant-form-item-has-error .forever-checkbox:not(.ant-input-disabled):not( .ant-input-borderless).ant-input:focus {
@@ -2322,13 +2425,13 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-group .ant-space-compact .ant-input-affix-wrapper:first-child,
 .pro-group .ant-space-compact .ant-select:first-child {
-  border-start-start-radius: var(--zaui-border-radius, 4px);
-  border-end-start-radius: var(--zaui-border-radius, 4px);
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
 }
 .pro-group .ant-space-compact .ant-input-affix-wrapper:last-child,
 .pro-group .ant-space-compact .ant-select:last-child {
-  border-start-end-radius: var(--zaui-border-radius, 4px);
-  border-end-end-radius: var(--zaui-border-radius, 4px);
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
 }
 .pro-group .ant-space-compact .ant-select .ant-select-selector {
   border-start-end-radius: 0;
@@ -2337,12 +2440,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-end-start-radius: 0;
 }
 .pro-group .ant-space-compact .ant-select:first-child .ant-select-selector {
-  border-start-start-radius: var(--zaui-border-radius, 4px);
-  border-end-start-radius: var(--zaui-border-radius, 4px);
+  border-start-start-radius: 4px;
+  border-end-start-radius: 4px;
 }
 .pro-group .ant-space-compact .ant-select:last-child .ant-select-selector {
-  border-start-end-radius: var(--zaui-border-radius, 4px);
-  border-end-end-radius: var(--zaui-border-radius, 4px);
+  border-start-end-radius: 4px;
+  border-end-end-radius: 4px;
 }
 .pro-group .ant-space-compact .ant-input-affix-wrapper-status-error ~ .group-separator {
   color: var(--ant-error-color);
@@ -2512,12 +2615,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
       -ms-flex-align: normal;
           align-items: normal;
 }
-.pro-form.ant-form {
-  margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
-}
-.pro-form .pro-collapse-level2 .ant-collapse-item {
-  margin-bottom: 0 !important;
-}
 .pro-form .ant-form-item-control-input {
   -webkit-box-flex: 1;
   -webkit-flex-grow: 1;
@@ -2595,7 +2692,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .ant-form-item.pro-form-item-changed .ant-select-selector input,
 .pro-form .ant-form-item.pro-form-item-changed .ant-picker input,
 .pro-form .ant-form-item.pro-form-item-changed .ant-input-number input {
-  background: var(--zaui-contract-bg, #fffaa1);
+  background: transparent;
 }
 .pro-form .ant-form-item.pro-form-item-changed span.ant-input-affix-wrapper .ant-select-selection-placeholder,
 .pro-form .ant-form-item.pro-form-item-changed .ant-select-selector .ant-select-selection-placeholder,
@@ -2603,11 +2700,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .ant-form-item.pro-form-item-changed .ant-input-number .ant-select-selection-placeholder {
   z-index: 9;
 }
-.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle, .ant-checkbox-wrapper-in-form-item) {
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-switch-handle),
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control:has(.ant-checkbox-wrapper-in-form-item) {
   background: var(--zaui-contract-bg, #fffaa1);
   border-radius: 4px;
 }
-.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > span,
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-select-selector,
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-affix-wrapper,
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > .pro-address .ant-input-disabled {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
+.pro-form .ant-form-item.pro-form-item-changed .ant-form-item-control-input-content > .ant-input-group .forever-checkbox {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
 .pro-form .ant-form-item.pro-form-item-changed .pro-form-view-container {
   padding: 4px 8px;
   background: var(--zaui-contract-bg, #fffaa1);
@@ -2750,9 +2855,22 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .delete-icon {
   width: 18px;
 }
+.pro-form .pro-form-list-tool-btn {
+  margin-left: 8px;
+  padding: 0;
+  cursor: pointer;
+}
+.pro-form .pro-form-list-tool-btn .anticon {
+  color: var(--zaui-text-weak, #a0a0a0);
+  font-size: 16px;
+  vertical-align: middle;
+}
+.pro-form .pro-form-list-mode-block .pro-collapse-content .ant-row {
+  width: auto;
+}
 .pro-upload .pro-upload-dragger .pro-upload-handle-box {
   background: #F8F9FA;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
   padding: var(--zaui-space-size-sm, 8px);
 }
 .pro-upload .pro-upload-dragger .pro-upload-handle-box .ant-upload.ant-upload-drag {
@@ -2923,7 +3041,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   text-align: center;
   line-height: 32px;
   background: #FFFFFF;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
   border: 1px solid #DCDCDC;
 }
 .pro-upload .pro-upload-image .file-item-image {
@@ -3087,93 +3205,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .proupload-modal-preview .ant-modal {
   width: 600px;
 }
-.pro-tree-select .ant-select-selector .check-mark-icon {
-  display: none;
-}
-.pro-tree-select .ant-select.ant-select-single.ant-select-show-arrow:not(.ant-select-show-search).ant-select-open .ant-select-arrow {
-  -webkit-transition: -webkit-transform 300ms ease-in-out;
-  transition: -webkit-transform 300ms ease-in-out;
-  transition: transform 300ms ease-in-out;
-  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown .highlight-search-text {
-  color: var(--zaui-brand, #006aff);
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-list-holder-inner {
-  position: relative!important;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.ant-tree-select-dropdown {
-  width: auto!important;
-  padding: 0px;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.singal-tree .ant-select-tree .ant-select-tree-treenode,
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode {
-  padding-top: var(--zaui-space-size-xs);
-  padding-bottom: var(--zaui-space-size-xs);
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.singal-tree .highlight,
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .highlight {
-  color: red;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode {
-  position: relative;
-  padding-right: 50px;
-  padding-left: 7px;
-  z-index: 0;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode:after {
-  content: '';
-  display: none;
-  position: absolute;
-  z-index: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--zaui-brand, #006aff);
-  opacity: 0.1;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode.ant-select-tree-treenode-selected:after {
-  display: block;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-node-content-wrapper {
-  background-color: transparent;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected .check-mark-icon {
-  display: block;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .ant-select-tree-treenode:hover {
-  background-color: #f5f5f5;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.signal-tree .ant-select-tree .check-option-text .check-mark-icon {
-  position: absolute;
-  right: -34px;
-  top: 2px;
-  display: none;
-  color: var(--zaui-list-item-selected-bg);
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode {
-  padding-left: 7px;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-treenode:hover {
-  background-color: #f5f5f5;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-node-content-wrapper {
-  padding-right: var(--zaui-space-size-md);
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
-  background-color: transparent;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.checkable-tree .ant-select-tree .ant-select-tree-checkbox {
-  margin-top: var(--zaui-space-size-xs);
-  -webkit-align-self: stretch;
-      -ms-flex-item-align: stretch;
-          align-self: stretch;
-}
-.pro-tree-select-drop-down-container.ant-select-dropdown.ten-count-tree-node .ant-select-tree-switcher-noop {
-  width: var(--zaui-space-size-xs);
-}
 .pro-tree-modal-container .ant-modal-content .ant-modal-body {
   max-height: 498px;
 }
@@ -3231,7 +3262,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   font-size: var(--zaui-font-size, 14px);
   line-height: 20px;
   border: 1px solid #e6e6e6;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
   /* 修改滚动条样式 */
 }
 .pro-tree-modal-box:first-child {
@@ -3477,7 +3508,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   font-size: var(--zaui-font-size, 14px);
   background: #f2f2f2;
   border: none;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-transfer-right .checked-item .ant-tag .pro-tooltip {
   -webkit-box-flex: 1;
@@ -3851,6 +3882,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form.pro-form-view .ant-form-item .pro-tree .ant-tree-checkbox * {
   height: 16px !important;
 }
+.ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
+  overflow: hidden!important;
+}
 .pro-drawer .pro-drawer-close {
   position: absolute;
   top: 6px;
@@ -4063,7 +4097,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-edit-table .is-cell .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input:hover {
   border: 1px solid #DEE0E3;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
   text-indent: 5px;
 }
 .pro-edit-table .drag-wrapper {
@@ -4274,7 +4308,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-edit-label .anticon-edit:active {
   background: #E3E8F0;
-  border-radius: var(--zaui-border-radius-card, 2px);
+  border-radius: var(--zaui-border-radius-card, 4px);
 }
 .pro-edit-label.pro-edit-label-small {
   height: 24px;
@@ -4336,7 +4370,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   -webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
       -ms-flex: 0 0 var(--zaui-form-label-width, 130px);
           flex: 0 0 var(--zaui-form-label-width, 130px);
-  text-align: var(--zaui-form-align, left);
   white-space: pre-wrap;
   line-height: 1;
   overflow: initial;
@@ -4393,7 +4426,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: 4px;
   height: 14px;
   background: var(--zaui-brand, #006aff);
-  border-radius: var(zaui-border-radius-card, 2px);
+  border-radius: var(zaui-border-radius-card, 4px);
 }
 .pro-theme-prd-tools-drawer .pro-theme-color {
   display: -webkit-box;
@@ -4540,15 +4573,48 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 34px;
+  height: 34px;
+  background: #d8e6ff;
+  border-radius: var(--zaui-border-radius, 8px);
+  cursor: pointer;
+}
+.pro-theme-tools .setting-icon {
+  margin-top: -1px;
+}
+.pro-theme-tools .setting-icon div {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.pro-theme-tools.pro-theme-tools-follow {
+  background: var(--ant-primary-1);
 }
 .pro-theme-tools.pro-theme-tools-follow svg {
   color: var(--zaui-brand, #006aff);
 }
 .pro-theme-tools .anticon {
-  color: var(--zaui-brand, #006aff);
+  color: var(--zaui-text, #343434);
 }
 .pro-theme-tools .anticon svg {
-  font-size: var(--zaui-font-size-lg-title, 24px);
+  font-size: 20px;
 }
 .pro-theme-tools-drawer .ant-drawer-body {
   padding: 32px;
@@ -4561,23 +4627,23 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 }
 .pro-theme-tools-drawer .copy-btn {
   position: absolute;
-  width: calc(100% - 64px);
   bottom: 20px;
   left: 32px;
   z-index: 10;
+  width: calc(100% - 64px);
 }
 .pro-theme-tools-drawer .pro-theme-tools-box {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
-          flex-wrap: wrap;
 }
 .pro-theme-tools-drawer .pro-theme-tools-space {
   margin-bottom: var(--zaui-space-size-md, 16px);
@@ -4945,8 +5011,8 @@ input[type='button'] {
   --zaui-table-nested-bg: #fafcfe;
   --zaui-contract-bg: #fffaa1;
   --zaui-form-label-width: 130px;
-  --zaui-border-radius: 4px;
-  --zaui-border-radius-card: 2px;
+  --zaui-border-radius: 8px;
+  --zaui-border-radius-card: 4px;
   --zaui-font-size-title: 16px;
   --zaui-font-size-card-title: var(--zaui-font-size-title);
   --zaui-font-size: 14px;
@@ -4993,16 +5059,23 @@ input[type='button'] {
   -webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
       -ms-flex: 0 0 var(--zaui-form-label-width, 130px);
           flex: 0 0 var(--zaui-form-label-width, 130px);
-  padding-right: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
+  padding-right: 16px;
   overflow: initial;
   line-height: 1;
   white-space: pre-wrap;
-  text-align: var(--zaui-form-align, left);
 }
-.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::after,
-.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::after,
-.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required::after {
-  display: block;
+.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required,
+.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required,
+.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required {
+  position: relative;
+}
+.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::before,
+.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::before,
+.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required::before {
+  position: absolute;
+  top: calc(50% - 7px);
+  left: -8px;
+  margin: 0;
 }
 .ant-form .ant-form-item .ant-form-item-label > label,
 .ant-drawer .ant-form-item .ant-form-item-label > label,
@@ -5013,31 +5086,12 @@ input[type='button'] {
 .ant-drawer .ant-form-item .ant-form-item-label > label::after,
 .ant-modal .ant-form-item .ant-form-item-label > label::after {
   display: none;
-  margin: 0;
-}
-.ant-form .ant-form-item .ant-form-item-label .ant-form-item-required::before,
-.ant-drawer .ant-form-item .ant-form-item-label .ant-form-item-required::before,
-.ant-modal .ant-form-item .ant-form-item-label .ant-form-item-required::before {
-  display: inline-block;
 }
 .ant-form .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before,
 .ant-drawer .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before,
 .ant-modal .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::before {
-  display: none;
-}
-.ant-form .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after,
-.ant-drawer .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after,
-.ant-modal .ant-form-item .ant-form-item-label.ant-form-item-label-left > .ant-form-item-required::after {
-  margin-top: 1px;
-  color: #ff4d4f;
-  font-size: var(--zaui-font-size, 14px);
-  line-height: 1;
-  content: '*';
-}
-.ant-form .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after,
-.ant-drawer .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after,
-.ant-modal .ant-form-item .ant-form-item-label:not(.ant-form-item-label-left) > .ant-form-item-required::after {
-  display: none;
+  right: -10px;
+  left: unset;
 }
 .ant-form .ant-form-item .ant-form-item-explain-error,
 .ant-drawer .ant-form-item .ant-form-item-explain-error,
@@ -5313,7 +5367,7 @@ input[type='button'] {
   line-height: 32px;
   background-color: #f7f9fa;
   border: 0;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .ant-pagination .ant-pagination-item a {
   color: var(--zaui-text, #464646);
@@ -5327,7 +5381,7 @@ input[type='button'] {
 .ant-pagination .ant-pagination-item-active a {
   color: #fff;
   background: var(--zaui-brand, #006aff);
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .ant-pagination .ant-pagination-item-active:focus-visible a,
 .ant-pagination .ant-pagination-item-active:hover a {
@@ -5342,7 +5396,7 @@ input[type='button'] {
   line-height: 30px;
   background-color: #f7f9fa;
   border: 0;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .ant-pagination .ant-pagination-prev svg,
 .ant-pagination .ant-pagination-next svg {
@@ -5360,7 +5414,7 @@ input[type='button'] {
   line-height: 32px;
   background-color: #fafafa;
   border: 0;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .ant-pagination .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
   color: var(--zaui-text, #464646);
@@ -5373,7 +5427,7 @@ input[type='button'] {
   position: relative;
   background-color: #fafafa;
   border: 0;
-  border-radius: var(--zaui-border-radius, 4px);
+  border-radius: var(--zaui-border-radius, 8px);
 }
 .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
 .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {