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

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;
@@ -675,9 +675,19 @@
   width: 12px;
   margin-right: 0;
 }
+.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));
 }
@@ -710,7 +720,6 @@
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 {
-  margin-top: var(--zaui-space-size-md, 16px);
   background: var(--zaui-base-bg, #ffffff);
 }
 .pro-collapse.pro-collapse-level2 .pro-collapse-panel {
@@ -722,7 +731,7 @@
 }
 .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 {
@@ -741,7 +750,13 @@
   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;
@@ -784,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: 20px;
+  padding-left: 23px;
 }
 .pro-collapse.pro-collapse-list .ant-descriptions-row td:first-child {
   position: relative;
@@ -917,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;
@@ -1222,7 +1237,7 @@
   background: #fff;
 }
 .pro-layout.pro-layout-light .pro-collapse.pro-collapse-level2 .pro-collapse-content {
-  padding-bottom: var(--zaui-border-radius, 8px);
+  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;
@@ -1347,15 +1362,17 @@
   padding-right: 26px;
 }
 .pro-layout.pro-layout-light .ant-menu-item-only-child .ant-menu-title-content div h2 {
-  padding-right: 0;
+  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 {
+.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 {
+.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);
@@ -1367,6 +1384,7 @@
   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 {
@@ -1416,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;
@@ -1442,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;
@@ -1459,6 +1476,8 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
+  width: 48px;
+  height: 24px;
 }
 .pro-step .menu-content {
   overflow: hidden;
@@ -1519,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 {
@@ -1548,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 {
@@ -1564,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;
@@ -1573,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;
@@ -2099,7 +2118,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 {
@@ -2593,12 +2611,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;
@@ -2676,7 +2688,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,
@@ -2688,7 +2700,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   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);
@@ -4330,7 +4349,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;
@@ -5020,16 +5038,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,
@@ -5040,31 +5065,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,