cloud-business 0.1.89-4 → 0.1.89-5

package/cloud-business.css

@@ -3567,8 +3567,6 @@ input::-webkit-search-cancel-button {
   color: rgba(0, 0, 0, 0.65);
 }
 
-/* 不要在此引入normalize.less及其他放置公用无需编译的css */
-/* 不要在此引入animation.less及其他放置公用无需编译的css */
 .newCloud-picker {
   height: 32px;
   background: #ffffff;
@@ -3683,6 +3681,8 @@ input::-webkit-search-cancel-button {
   opacity: 0;
   transition: opacity 0.3s, color 0.3s;
 }
+/* 不要在此引入normalize.less及其他放置公用无需编译的css */
+/* 不要在此引入animation.less及其他放置公用无需编译的css */
 .newCloud-picker-dropdown {
   position: absolute;
   box-sizing: border-box;
@@ -3753,6 +3753,34 @@ input::-webkit-search-cancel-button {
   border-width: 0;
   border-radius: 0;
 }
+.newCloud-picker-presets {
+  padding: 12px;
+}
+.newCloud-picker-presets ul {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.newCloud-picker-presets ul li {
+  box-sizing: border-box;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: 76px;
+  border-radius: 3px;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.85);
+  line-height: 20px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.newCloud-picker-presets ul li:hover {
+  background: #F5F5F5;
+}
 .newCloud-picker-panels {
   display: flex;
   justify-content: center;
@@ -3782,6 +3810,12 @@ input::-webkit-search-cancel-button {
 .newCloud-picker-panel table {
   text-align: center;
 }
+.newCloud-picker-panel-layout {
+  display: flex;
+}
+.newCloud-picker-panel-layout .newCloud-picker-presets {
+  border-right: 1px solid #f5f5f5;
+}
 .newCloud-picker-datetime-panel {
   display: flex;
 }
@@ -4063,11 +4097,11 @@ input::-webkit-search-cancel-button {
   border-radius: 2px;
   transition: background-color 0.3s, border 0.3s;
 }
-.newCloud-picker-cell:hover:not(.newCloud-picker-cell-in-view) .newCloud-picker-cell-inner,
-.newCloud-picker-cell:hover:not(.newCloud-picker-cell-selected):not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-range-hover-start):not(.newCloud-picker-cell-range-hover-end) .newCloud-picker-cell-inner {
+.newCloud-picker-cell:hover:not(.newCloud-picker-cell-in-view):not(.newCloud-picker-cell-week) .newCloud-picker-cell-inner,
+.newCloud-picker-cell:hover:not(.newCloud-picker-cell-selected):not(.newCloud-picker-cell-week):not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not(.newCloud-picker-cell-range-hover-start):not(.newCloud-picker-cell-range-hover-end) .newCloud-picker-cell-inner {
   background-color: var(--shuyunBlue1);
 }
-.newCloud-picker-cell-selected.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-cell-selected:not(.newCloud-picker-cell-in-range).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
 .newCloud-picker-cell-range-start.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
 .newCloud-picker-cell-range-end.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
   color: #fff;
@@ -4078,7 +4112,10 @@ input::-webkit-search-cancel-button {
   color: var(--shuyunBlue4);
 }
 .newCloud-picker-cell-week {
-  display: none;
+  color: #D9D9D9;
+  width: 30px;
+  text-align: left;
+  cursor: default;
 }
 .newCloud-picker-ranges {
   margin-bottom: 0;
@@ -4100,39 +4137,88 @@ input::-webkit-search-cancel-button {
 .newCloud-picker-year-panel .newCloud-picker-content {
   height: 200px;
 }
-.newCloud-picker-week-panel .newCloud-picker-content th[aria-label~='empty'],
-.newCloud-picker-week-panel .newCloud-picker-content th[aria-label~='cell'],
-.newCloud-picker-week-panel .newCloud-picker-content th:first-child {
-  display: none;
-}
-.newCloud-picker-week-panel-row:hover .newCloud-picker-cell::before {
+.newCloud-picker-week-panel-row:hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
+.newCloud-picker-week-panel-row-range-hover .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
   background: var(--shuyunBlue1);
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:hover .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.newCloud-picker-week-panel-row .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(:nth-child(2)):not(:last-of-type):hover .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(:nth-child(2)):not(:last-of-type):hover .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(:nth-child(2)):not(:last-of-type):hover .newCloud-picker-cell-inner,
 .newCloud-picker-week-panel-row-selected .newCloud-picker-cell-today .newCloud-picker-cell-inner,
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell-today .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell-today .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell-selected .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
   background: none !important;
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type) .newCloud-picker-cell-inner {
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type) .newCloud-picker-cell-inner {
   color: rgba(0, 0, 0, 0.45);
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type).newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell-selected:not(:nth-child(2)):not(:last-of-type).newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
   color: rgba(0, 0, 0, 0.85);
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:nth-child(2) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:nth-child(2) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:nth-child(2) .newCloud-picker-cell-inner {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:last-of-type .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:last-of-type .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:last-of-type .newCloud-picker-cell-inner {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:nth-child(2).newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:last-of-type.newCloud-picker-cell-in-view .newCloud-picker-cell-inner {
+  background: var(--shuyunBlue4) !important;
+}
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week)::before {
   background: var(--shuyunBlue2);
 }
 .newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner {
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2) .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type .newCloud-picker-cell-inner {
   color: #fff;
-  background: var(--shuyunBlue4);
+  background: var(--shuyunBlue4) !important;
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before {
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):nth-child(2)::before {
   left: 8px;
 }
-.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before {
+.newCloud-picker-week-panel-row-selected .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
+.newCloud-picker-week-panel-row-range-start .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before,
+.newCloud-picker-week-panel-row-range-end .newCloud-picker-cell:not(.newCloud-picker-cell-week):last-of-type::before {
   right: 8px;
 }
+.newCloud-picker-month-panel .newCloud-picker-cell::before,
+.newCloud-picker-year-panel .newCloud-picker-cell::before,
+.newCloud-picker-quarter-panel .newCloud-picker-cell::before {
+  height: 28px;
+}
 .newCloud-picker-month-panel .newCloud-picker-cell-inner,
 .newCloud-picker-year-panel .newCloud-picker-cell-inner,
 .newCloud-picker-quarter-panel .newCloud-picker-cell-inner {
@@ -4146,6 +4232,12 @@ input::-webkit-search-cancel-button {
 .newCloud-picker-quarter-panel .newCloud-picker-cell-selected .newCloud-picker-cell-inner {
   color: #fff;
 }
+.newCloud-picker-month-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
+.newCloud-picker-year-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
+.newCloud-picker-quarter-panel .newCloud-picker-cell-selected:not(.newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner {
+  color: rgba(0, 0, 0, 0.85);
+  background: unset;
+}
 .newCloud-picker-range {
   display: inline-flex;
   align-items: stretch;
@@ -4233,58 +4325,82 @@ input::-webkit-search-cancel-button {
 .newCloud-picker-range:hover .newCloud-picker-clear {
   opacity: 1;
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before {
-  left: 8px;
-}
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-range-end) .newCloud-picker-cell-inner {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
-  right: 8px;
-}
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-range-start) .newCloud-picker-cell-inner,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-range-start) .newCloud-picker-cell-inner {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-range-start) .newCloud-picker-cell-inner,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-range-start) .newCloud-picker-cell-inner {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not( .newCloud-picker-cell-range-start)::before,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not( .newCloud-picker-cell-range-start)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end::before {
   background-color: var(--shuyunBlue1);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not( .newCloud-picker-cell-range-start) .newCloud-picker-cell-inner,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end .newCloud-picker-cell-inner {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not( .newCloud-picker-cell-range-start) .newCloud-picker-cell-inner,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end .newCloud-picker-cell-inner {
   background-color: var(--shuyunBlue2);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end .newCloud-picker-cell-inner {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end .newCloud-picker-cell-inner {
   color: #fff;
   background: var(--shuyunBlue4);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start::before,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end::before,
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-in-range::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-in-range::before {
   background-color: var(--shuyunBlue1);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-in-range.newCloud-picker-cell-today .newCloud-picker-cell-inner {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-in-range.newCloud-picker-cell-today .newCloud-picker-cell-inner {
   background-color: transparent;
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start.newCloud-picker-cell-range-hover-start::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start.newCloud-picker-cell-range-hover-start::before {
   background-color: var(--shuyunBlue1);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start.newCloud-picker-cell-range-start-single:not( .newCloud-picker-cell-range-hover-start)::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start.newCloud-picker-cell-range-start-single:not( .newCloud-picker-cell-range-hover-start)::before {
   background-color: transparent;
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover:not( .newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not( .newCloud-picker-cell-in-range)::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover:not( .newCloud-picker-cell-range-start):not(.newCloud-picker-cell-range-end):not( .newCloud-picker-cell-in-range)::before {
   background-color: var(--shuyunBlue1);
 }
-.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover.newCloud-picker-cell-in-range::before {
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover.newCloud-picker-cell-in-range::before {
   background-color: var(--shuyunBlue1);
 }
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-week-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-week-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-start-near-hover)::before {
+  left: 8px;
+}
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-week-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-date-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-week-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-quarter-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not( .newCloud-picker-cell-range-end-near-hover)::before {
+  right: 8px;
+}
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-start:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-start-near-hover)::before {
+  left: 18px;
+}
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-month-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before,
+.newCloud-picker-range-wrapper .newCloud-picker-panel .newCloud-picker-year-panel .newCloud-picker-body .newCloud-picker-cell.newCloud-picker-cell-in-view.newCloud-picker-cell-range-hover-end:not(.newCloud-picker-cell-in-range):not(.newCloud-picker-cell-range-end-near-hover)::before {
+  right: 18px;
+}
+.newCloud-picker-range-wrapper .newCloud-picker-panel-container {
+  margin-left: 0 !important;
+}
 .newCloud-picker-range-wrapper.newCloud-picker-time-range-wrapper .newCloud-picker-panel-container {
-  width: 168px;
+  width: -moz-fit-content;
+  width: fit-content;
 }
 .newCloud-picker-range-range-arrow {
   display: none;
@@ -4308,8 +4424,7 @@ input::-webkit-search-cancel-button {
   bottom: 0;
   left: 0;
   cursor: sw-resize;
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
+  transform: rotate(90deg);
 }
 .react-resizable-handle-se {
   bottom: 0;
@@ -4320,15 +4435,13 @@ input::-webkit-search-cancel-button {
   top: 0;
   left: 0;
   cursor: nw-resize;
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 .react-resizable-handle-ne {
   top: 0;
   right: 0;
   cursor: ne-resize;
-  -webkit-transform: rotate(270deg);
-          transform: rotate(270deg);
+  transform: rotate(270deg);
 }
 .react-resizable-handle-w,
 .react-resizable-handle-e {
@@ -4338,13 +4451,11 @@ input::-webkit-search-cancel-button {
 }
 .react-resizable-handle-w {
   left: 0;
-  -webkit-transform: rotate(135deg);
-          transform: rotate(135deg);
+  transform: rotate(135deg);
 }
 .react-resizable-handle-e {
   right: 0;
-  -webkit-transform: rotate(315deg);
-          transform: rotate(315deg);
+  transform: rotate(315deg);
 }
 .react-resizable-handle-n,
 .react-resizable-handle-s {
@@ -4354,13 +4465,11 @@ input::-webkit-search-cancel-button {
 }
 .react-resizable-handle-n {
   top: 0;
-  -webkit-transform: rotate(225deg);
-          transform: rotate(225deg);
+  transform: rotate(225deg);
 }
 .react-resizable-handle-s {
   bottom: 0;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
+  transform: rotate(45deg);
 }
 /* 不要在此引入normalize.less及其他放置公用无需编译的css */
 /* 不要在此引入animation.less及其他放置公用无需编译的css */
@@ -4487,6 +4596,21 @@ input::-webkit-search-cancel-button {
   padding: 8px 0;
   background: #fff;
 }
+.newCloud-select-option-container .divider {
+  height: 1px;
+  background: #e8e8e8;
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.newCloud-select-group-select-options .groupName {
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 12px;
+  margin-left: 12px;
+  margin-bottom: 8px;
+}
+.newCloud-select-group-select-options .groupName:not(:first-child) {
+  margin-top: 8px;
+}
 .newCloud-select-select-options {
   box-sizing: border-box;
   padding: 0;
@@ -6759,11 +6883,10 @@ input::-webkit-search-cancel-button {
   position: fixed;
   background: white;
   transition: top 500ms, right 500ms, bottom 500ms, left 500ms;
-  z-index: -1;
+  z-index: 1010;
 }
 .newCloud-drawer1.show {
   box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1), 0px 2px 8px 0px rgba(0, 0, 0, 0.04);
-  z-index: 1010;
 }
 .newCloud-drawer1.top {
   top: 0;
@@ -16214,6 +16337,7 @@ body {
 .cloud-new-shop-selector .shop-selector-panel .all-shops-area .all-shops-operation {
   color: #0083ba;
   margin-bottom: 8px;
+  z-index: 1;
 }
 .cloud-new-shop-selector .shop-selector-panel .all-shops-area .all-shop {
   flex: 1;