@zat-design/sisyphus-react 3.4.5 → 3.4.6-beta.10

package/dist/index.esm.css

@@ -686,7 +686,10 @@
   display: none !important;
 }
 .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
-  display: block !important;
+  display: -webkit-box !important;
+  display: -webkit-flex !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
 }
 .pro-collapse.ant-collapse .pro-collapse-panel {
   margin-bottom: 16px;
@@ -1459,6 +1462,70 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
+.pro-step > .step-menu > .anticon {
+  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;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > .menu-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;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > button {
+  width: auto !important;
+  height: auto !important;
+}
+.pro-step > .step-menu > .anticon > button > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > button > .menu-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;
+  width: 48px;
+  height: 24px;
+}
 .pro-step > .step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
@@ -2295,6 +2362,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
   display: none;
 }
+.pro-modal-select .ant-input-affix-wrapper,
+.pro-tree-modal .ant-input-affix-wrapper {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn,
+.pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn {
+  border: 1px solid var(--ant-error-color);
+}
+.pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg,
+.pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg {
+  color: var(--ant-error-color);
+}
 .pro-modal-select .pro-tree-modal-input-appoint .ant-input,
 .pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
   border-top-left-radius: 0;
@@ -2326,6 +2406,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   cursor: pointer;
   fill: #c5c7cd;
 }
+.pro-modal-select .ant-select-status-error + .ant-btn,
+.pro-tree-modal .ant-select-status-error + .ant-btn {
+  border: 1px solid var(--ant-error-color);
+}
+.pro-modal-select .ant-select-status-error + .ant-btn > .viewSvg,
+.pro-tree-modal .ant-select-status-error + .ant-btn > .viewSvg {
+  color: var(--ant-error-color);
+}
 .pro-modal-select .ant-input-group-addon,
 .pro-tree-modal .ant-input-group-addon {
   padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2447,6 +2535,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   color: var(--ant-error-color);
   border-color: var(--ant-error-color);
 }
+.pro-container.pro-container-empty .ant-collapse-content {
+  display: none;
+}
 .pro-container.pro-container-diy .pro-container-content {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2844,6 +2935,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .pro-form .full-form-item {
   width: 100%;
@@ -3539,6 +3631,28 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree {
   height: 100%;
 }
+.pro-tree .ant-tree-node-content-wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+  -webkit-align-items: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
+  color: var(--zaui-text);
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
+  color: var(--zaui-text);
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
+  background-color: inherit;
+}
+.pro-tree .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
+  overflow: hidden!important;
+}
 .pro-tree .ant-spin-nested-loading {
   height: 100%;
 }
@@ -3855,15 +3969,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background-color: var(--zaui-brand);
   opacity: 0.08;
 }
-.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
-  color: var(--zaui-text);
-}
-.ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
-  color: var(--zaui-text);
-}
-.ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
-  background-color: inherit;
-}
 .pro-form.pro-form-view .ant-form-item .pro-tree * {
   line-height: 1 !important;
   height: auto !important;
@@ -3878,8 +3983,13 @@ 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-tree-select .ant-select-selector .check-mark-icon,
+.pro-tree-select-drop-down-container .ant-select-selector .check-mark-icon {
+  display: none;
+}
+.pro-tree-select.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon,
+.pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
+  display: none;
 }
 .pro-drawer .pro-drawer-close {
   position: absolute;
@@ -4036,6 +4146,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   -webkit-box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
           box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
 }
+.pro-edit-table td[rowspan] {
+  vertical-align: middle !important;
+}
 .pro-edit-table .pro-edit-table-tooltip {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -4102,7 +4215,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: -ms-flexbox;
   display: flex;
 }
-.pro-edit-table .drag-wrapper .drag-icon {
+.pro-edit-table .drag-wrapper .anticon {
   margin-right: var(--zaui-space-size-md, 16px);
   margin-left: var(--zaui-space-size-xs, 4px);
   cursor: pointer;
@@ -4119,10 +4232,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-space .ant-btn-link:first-child {
   padding-left: 0;
 }
-.pro-edit-table .ant-table-header > table .ant-table-thead > tr > th.ant-table-selection-column {
-  padding-left: var(--zaui-space-size-md, 16px);
-  padding-right: var(--zaui-space-size-md, 16px);
-}
 .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required.is-required-right .pro-edit-table-title::before {
   position: static;
   top: 0;
@@ -4409,20 +4518,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   gap: var(--zaui-space-size-sm, 8px) !important;
 }
 .pro-theme-prd-tools-drawer p {
-  padding-left: 12px;
   position: relative;
   margin-bottom: var(--zaui-space-size-md, 16px);
+  padding-left: 12px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-theme-prd-tools-drawer p:before {
-  content: '';
   position: absolute;
-  left: 0;
   top: 4px;
+  left: 0;
   width: 4px;
   height: 14px;
   background: var(--zaui-brand, #006aff);
   border-radius: var(zaui-border-radius-card, 4px);
+  content: '';
 }
 .pro-theme-prd-tools-drawer .pro-theme-color {
   display: -webkit-box;
@@ -4431,25 +4540,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: flex;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li {
-  width: 38px;
-  height: 38px;
-  border-radius: 50%;
-  background: #fff;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 6px solid #fff;
-  color: #fff;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 38px;
+  height: 38px;
   margin-right: 34px;
+  color: #fff;
+  background: #fff;
+  border: 6px solid #fff;
+  border-radius: 50%;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li span {
   font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4586,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-color: #ffecdd;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
-  margin-right: 0;
   background: #a00f20;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
   border-color: #f2dbdb;
 }
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
+  margin-right: 0;
+  background: #31af96;
+}
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
+  border-color: #f2dbdb;
+}
 .pro-theme-prd-tools-drawer .anticon-question-circle {
   color: var(--zaui-brand, #006aff);
 }
 .pro-theme-prd-tools-drawer .copy-btn {
   position: absolute;
-  width: calc(100% - 64px);
   bottom: 20px;
   left: 32px;
   z-index: 10;
+  width: calc(100% - 64px);
 }
 .pro-theme-prd-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-prd-tools-drawer .pro-theme-tools-space {
   margin-bottom: 24px;

package/dist/less.esm.css

@@ -686,7 +686,10 @@
   display: none !important;
 }
 .pro-collapse.pro-collapse-no-title .pro-collapse-level2 .ant-collapse-header {
-  display: block !important;
+  display: -webkit-box !important;
+  display: -webkit-flex !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
 }
 .pro-collapse.ant-collapse .pro-collapse-panel {
   margin-bottom: 16px;
@@ -1459,6 +1462,70 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
+.pro-step > .step-menu > .anticon {
+  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;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > .menu-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;
+  width: 48px;
+  height: 24px;
+}
+.pro-step > .step-menu > .anticon > button {
+  width: auto !important;
+  height: auto !important;
+}
+.pro-step > .step-menu > .anticon > button > .menu-icon {
+  width: auto !important;
+  height: auto !important;
+  font-size: var(--zaui-font-size-lg-title, 24px);
+  fill: var(--zaui-brand, #006aff);
+}
+.pro-step > .step-menu > .anticon > button > .menu-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;
+  width: 48px;
+  height: 24px;
+}
 .pro-step > .step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
@@ -2295,6 +2362,19 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree-modal .ant-input-group-wrapper:hover .ant-input-disabled + span .close-icon {
   display: none;
 }
+.pro-modal-select .ant-input-affix-wrapper,
+.pro-tree-modal .ant-input-affix-wrapper {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn,
+.pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn {
+  border: 1px solid var(--ant-error-color);
+}
+.pro-modal-select .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg,
+.pro-tree-modal .ant-input-affix-wrapper.ant-input-affix-wrapper-status-error + .ant-btn > .viewSvg {
+  color: var(--ant-error-color);
+}
 .pro-modal-select .pro-tree-modal-input-appoint .ant-input,
 .pro-tree-modal .pro-tree-modal-input-appoint .ant-input {
   border-top-left-radius: 0;
@@ -2326,6 +2406,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   cursor: pointer;
   fill: #c5c7cd;
 }
+.pro-modal-select .ant-select-status-error + .ant-btn,
+.pro-tree-modal .ant-select-status-error + .ant-btn {
+  border: 1px solid var(--ant-error-color);
+}
+.pro-modal-select .ant-select-status-error + .ant-btn > .viewSvg,
+.pro-tree-modal .ant-select-status-error + .ant-btn > .viewSvg {
+  color: var(--ant-error-color);
+}
 .pro-modal-select .ant-input-group-addon,
 .pro-tree-modal .ant-input-group-addon {
   padding: 0px var(--zaui-space-size-sm, 8px);
@@ -2447,6 +2535,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   color: var(--ant-error-color);
   border-color: var(--ant-error-color);
 }
+.pro-container.pro-container-empty .ant-collapse-content {
+  display: none;
+}
 .pro-container.pro-container-diy .pro-container-content {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2844,6 +2935,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .pro-form .full-form-item {
   width: 100%;
@@ -3539,6 +3631,28 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-tree {
   height: 100%;
 }
+.pro-tree .ant-tree-node-content-wrapper {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: baseline;
+  -webkit-align-items: baseline;
+      -ms-flex-align: baseline;
+          align-items: baseline;
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
+  color: var(--zaui-text);
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
+  color: var(--zaui-text);
+}
+.pro-tree .ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
+  background-color: inherit;
+}
+.pro-tree .ant-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
+  overflow: hidden!important;
+}
 .pro-tree .ant-spin-nested-loading {
   height: 100%;
 }
@@ -3855,15 +3969,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   background-color: var(--zaui-brand);
   opacity: 0.08;
 }
-.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
-  color: var(--zaui-text);
-}
-.ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked {
-  color: var(--zaui-text);
-}
-.ant-tree .ant-tree-treenode-disabled .pro-tree-tree-node.checked .brand-bg-opa-ten {
-  background-color: inherit;
-}
 .pro-form.pro-form-view .ant-form-item .pro-tree * {
   line-height: 1 !important;
   height: auto !important;
@@ -3878,8 +3983,13 @@ 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-tree-select .ant-select-selector .check-mark-icon,
+.pro-tree-select-drop-down-container .ant-select-selector .check-mark-icon {
+  display: none;
+}
+.pro-tree-select.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon,
+.pro-tree-select-drop-down-container.ant-select-dropdown .ant-select-tree-node-content-wrapper .check-mark-icon {
+  display: none;
 }
 .pro-drawer .pro-drawer-close {
   position: absolute;
@@ -4036,6 +4146,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   -webkit-box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
           box-shadow: 3px 2px 12px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
 }
+.pro-edit-table td[rowspan] {
+  vertical-align: middle !important;
+}
 .pro-edit-table .pro-edit-table-tooltip {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;
@@ -4102,7 +4215,7 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: -ms-flexbox;
   display: flex;
 }
-.pro-edit-table .drag-wrapper .drag-icon {
+.pro-edit-table .drag-wrapper .anticon {
   margin-right: var(--zaui-space-size-md, 16px);
   margin-left: var(--zaui-space-size-xs, 4px);
   cursor: pointer;
@@ -4119,10 +4232,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-space .ant-btn-link:first-child {
   padding-left: 0;
 }
-.pro-edit-table .ant-table-header > table .ant-table-thead > tr > th.ant-table-selection-column {
-  padding-left: var(--zaui-space-size-md, 16px);
-  padding-right: var(--zaui-space-size-md, 16px);
-}
 .pro-edit-table .ant-table-header > table .ant-table-thead > tr > th:not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]).is-required.is-required-right .pro-edit-table-title::before {
   position: static;
   top: 0;
@@ -4409,20 +4518,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   gap: var(--zaui-space-size-sm, 8px) !important;
 }
 .pro-theme-prd-tools-drawer p {
-  padding-left: 12px;
   position: relative;
   margin-bottom: var(--zaui-space-size-md, 16px);
+  padding-left: 12px;
   font-size: var(--zaui-font-size, 14px);
 }
 .pro-theme-prd-tools-drawer p:before {
-  content: '';
   position: absolute;
-  left: 0;
   top: 4px;
+  left: 0;
   width: 4px;
   height: 14px;
   background: var(--zaui-brand, #006aff);
   border-radius: var(zaui-border-radius-card, 4px);
+  content: '';
 }
 .pro-theme-prd-tools-drawer .pro-theme-color {
   display: -webkit-box;
@@ -4431,25 +4540,25 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   display: flex;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li {
-  width: 38px;
-  height: 38px;
-  border-radius: 50%;
-  background: #fff;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  border: 6px solid #fff;
-  color: #fff;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 38px;
+  height: 38px;
   margin-right: 34px;
+  color: #fff;
+  background: #fff;
+  border: 6px solid #fff;
+  border-radius: 50%;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li span {
   font-size: var(--zaui-font-size, 14px);
@@ -4477,35 +4586,42 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-color: #ffecdd;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4) {
-  margin-right: 0;
   background: #a00f20;
 }
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4).active,
 .pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(4):hover {
   border-color: #f2dbdb;
 }
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5) {
+  margin-right: 0;
+  background: #31af96;
+}
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5).active,
+.pro-theme-prd-tools-drawer .pro-theme-color li:nth-child(5):hover {
+  border-color: #f2dbdb;
+}
 .pro-theme-prd-tools-drawer .anticon-question-circle {
   color: var(--zaui-brand, #006aff);
 }
 .pro-theme-prd-tools-drawer .copy-btn {
   position: absolute;
-  width: calc(100% - 64px);
   bottom: 20px;
   left: 32px;
   z-index: 10;
+  width: calc(100% - 64px);
 }
 .pro-theme-prd-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-prd-tools-drawer .pro-theme-tools-space {
   margin-bottom: 24px;

package/es/ProConfigProvider/index.d.ts

@@ -2,14 +2,14 @@ import React, { FC } from 'react';
 import { FormInstance } from 'antd';
 import { PropSelectProps } from '../ProSelect/propsType';
 import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
-import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
+import { ProCascaderProps } from '../ProForm/components/combination/ProCascader/propsType';
 import { ProEnumConfig } from '../ProEnum/propsType';
 export interface ProConfigState {
     locale?: string;
     ProEnum?: Partial<ProEnumConfig>;
     ProSelect?: Partial<PropSelectProps> & Record<string, any>;
     ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
-    ProAddressBar?: Partial<AddressProps> & Record<string, any>;
+    ProAddressBar?: Partial<ProCascaderProps> & Record<string, any>;
     forms: Record<string, FormInstance | undefined>;
     [key: string]: any;
 }

package/es/ProConfigProvider/index.js

@@ -53,9 +53,6 @@ var reducer = function reducer(state, action) {
     case 'setWithLocal':
       {
         var _state = merge({}, state, action.payload);
-        var localConfigStr = localStorage.getItem('localConfig');
-        var localConfig = JSON.parse(localConfigStr || '{}');
-        localStorage.setItem('localConfig', JSON.stringify(merge(localConfig, action.payload)));
         return _state;
       }
     case 'setProEnum':