cloud-business 0.1.87-3 → 0.1.87-4

package/cloud-business.css

@@ -261,7 +261,7 @@ li {
 @font-face {
   font-family: 'cloud-react-icon-font';
   /* Project id 2990746 */
-  src: url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.woff2') format('woff2'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.woff') format('woff'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.37/libs/cloud-react/icon/font/iconfont.ttf') format('truetype');
+  src: url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.99/libs/cloud-react/icon/font/iconfont.woff2') format('woff2'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.99/libs/cloud-react/icon/font/iconfont.woff') format('woff'), url('//cloud-cdn.shuyun.com/fe-publish-asset/0.0.99/libs/cloud-react/icon/font/iconfont.ttf') format('truetype');
 }
 .newCloud-icon {
   font-family: 'cloud-react-icon-font' !important;
@@ -534,6 +534,18 @@ li {
 .newCloud-icon-checkbox-blank:before {
   content: '\e61f';
 }
+.newCloud-icon-arrange-3:before {
+  content: '\e66c';
+}
+.newCloud-icon-arrange-2:before {
+  content: '\e66e';
+}
+.newCloud-icon-edit-2:before {
+  content: '\e66d';
+}
+.newCloud-icon-warn:before {
+  content: '\e66f';
+}
 .newCloud-icon-close-fill {
   position: relative;
   color: #e5e5e5 !important;
@@ -3555,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;
@@ -3671,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;
@@ -3741,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;
@@ -3770,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;
 }
@@ -4051,8 +4097,8 @@ 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,
@@ -4066,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;
@@ -4088,15 +4137,18 @@ 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 {
   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(.newCloud-picker-week-panel-row-selected .newCloud-picker-cell-in-view):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 {
   background: none !important;
@@ -4107,6 +4159,18 @@ input::-webkit-search-cancel-button {
 .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 {
   color: rgba(0, 0, 0, 0.85);
 }
+.newCloud-picker-week-panel-row-selected .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 {
+  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-selected .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 {
   background: var(--shuyunBlue2);
 }
@@ -4271,8 +4335,12 @@ input::-webkit-search-cancel-button {
 .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 {
   background-color: var(--shuyunBlue1);
 }
+.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;
@@ -5266,6 +5334,12 @@ input::-webkit-search-cancel-button {
   content: '';
   pointer-events: none;
 }
+.newCloud-table-cell-fix-left-first,
+.newCloud-table-cell-fix-left-last,
+.newCloud-table-cell-fix-right-first,
+.newCloud-table-cell-fix-right-last {
+  z-index: 2;
+}
 .newCloud-table-rtl .newCloud-table-cell-fix-right-first,
 .newCloud-table-rtl .newCloud-table-cell-fix-right-last {
   box-shadow: none;
@@ -5535,16 +5609,16 @@ input::-webkit-search-cancel-button {
   position: absolute;
   right: 12px;
   font-size: 14px;
-  color: rgba(0, 0, 0, 0.45);
+  color: #949494;
   display: inline-block;
   transform: scale(0.9);
   z-index: 1;
 }
 .newCloud-table .title-container .sort-icon-container .sort-up-icon {
-  top: calc(50% - 14px);
+  top: calc(50% - 13px);
 }
 .newCloud-table .title-container .sort-icon-container .sort-down-icon {
-  top: calc(50% - 7px);
+  top: calc(50% - 6px);
 }
 .newCloud-table .title-container.filter-container .sort-icon-container:hover:not(.cell-align-right):after {
   right: 35px;
@@ -5556,7 +5630,7 @@ input::-webkit-search-cancel-button {
 .newCloud-table .title-container .filter-icon {
   position: absolute;
   right: 14px;
-  top: 11px;
+  top: 13px;
   cursor: pointer;
   color: rgba(0, 0, 0, 0.45);
 }
@@ -5566,6 +5640,53 @@ input::-webkit-search-cancel-button {
 .newCloud-table .title-container .filter-icon.has-filter-value {
   color: var(--shuyunBlue4);
 }
+.newCloud-table .title-container .title-with-tip {
+  display: inline-flex;
+  align-items: center;
+}
+.newCloud-table .title-container .title-with-tip .title-tip-icon {
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.25);
+}
+.newCloud-table .title-container .title-with-tip.title-with-tip-left {
+  flex-direction: row-reverse;
+}
+.newCloud-table-sticky-holder {
+  position: sticky;
+  z-index: 2;
+}
+.newCloud-table-sticky-scroll {
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  border-top: 1px solid #f3f3f3;
+  opacity: 0.6;
+  transition: transform 0.1s ease-in 0s;
+}
+.newCloud-table-sticky-scroll:hover {
+  transform: scaleY(1.2);
+  transform-origin: center bottom;
+}
+.newCloud-table-sticky-scroll-bar {
+  height: 8px;
+  background-color: #bbb;
+  border-radius: 4px;
+}
+.newCloud-table-sticky-scroll-bar:hover {
+  background-color: #999;
+}
+.newCloud-table-sticky-scroll-bar-active {
+  background-color: #999;
+}
+.newCloud-table-sticky-footer {
+  position: sticky;
+  bottom: 0;
+  background: white;
+  z-index: 100;
+  border-top: 1px solid #e8e8e8;
+}
 .newCloud-table-sticky-holder {
   position: sticky;
   z-index: 2;
@@ -13453,6 +13574,16 @@ body {
   --shuyunBlue6: #003775;
   --shuyunBlue7: #002147;
 }
+.customer-view-new-top-div {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
 .newCloud-drawer1-content {
   padding: 0 !important;
   width: 100% !important;
@@ -13518,6 +13649,16 @@ body {
   --shuyunBlue6: #003775;
   --shuyunBlue7: #002147;
 }
+.customer-view-new-top-div {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
 .newCloud-drawer1-content {
   padding: 0 !important;
   width: 100% !important;
@@ -13746,6 +13887,16 @@ body {
   --shuyunBlue6: #003775;
   --shuyunBlue7: #002147;
 }
+.customer-view-new-top-div {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
 .newCloud-drawer1-content {
   padding: 0 !important;
   width: 100% !important;
@@ -14065,11 +14216,17 @@ body {
   box-sizing: border-box;
 }
 .grid-area-new .customer-order-area-new .shop-filter {
+  position: relative;
   font-size: 14px;
   margin-bottom: 16px;
   padding-left: 16px;
   margin-top: 16px;
 }
+.grid-area-new .customer-order-area-new .shop-filter .shop-filter-flag {
+  position: absolute;
+  right: 16px;
+  top: 0;
+}
 .grid-area-new .customer-order-area-new .empty-order {
   position: absolute;
   top: calc((100% - 90px)/2);
@@ -14105,13 +14262,6 @@ body {
   position: relative;
   flex: none;
 }
-.grid-area-new .customer-order-area-new .table-column5 .newCloud-icon {
-  position: absolute;
-  right: 16px;
-  top: 12px;
-  cursor: pointer;
-  color: var(--shuyunBlue4);
-}
 .grid-area-new .customer-order-area-new .order-table-title {
   display: flex;
   font-size: 14px;
@@ -14462,6 +14612,16 @@ body {
   --shuyunBlue6: #003775;
   --shuyunBlue7: #002147;
 }
+.customer-view-new-top-div {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
 .newCloud-drawer1-content {
   padding: 0 !important;
   width: 100% !important;
@@ -14647,6 +14807,16 @@ body {
   --shuyunBlue6: #003775;
   --shuyunBlue7: #002147;
 }
+.customer-view-new-top-div {
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.2);
+  position: fixed;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
 .newCloud-drawer1-content {
   padding: 0 !important;
   width: 100% !important;
@@ -14791,7 +14961,7 @@ body {
   line-height: 20px;
   cursor: pointer;
 }
-.customer-label-area-new .customer-label-content .common-block .common-block-title .opt .newCloud-icon-edit {
+.customer-label-area-new .customer-label-content .common-block .common-block-title .opt .newCloud-icon-edit-2 {
   font-size: 14px;
   padding-right: 2px;
 }
@@ -14968,8 +15138,16 @@ body {
   font-size: 14px;
 }
 .customer-label-area-new .customer-label-content .custom-module-new .common-title-right span {
-  padding-right: 5px;
+  padding-right: 13px;
   cursor: pointer;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.customer-label-area-new .customer-label-content .custom-module-new .common-title-right .newCloud-icon {
+  font-size: 14px;
+}
+.customer-label-area-new .customer-label-content .custom-module-new .common-title-right .active-icon {
+  color: var(--shuyunBlue4) !important;
 }
 .customer-label-area-new .customer-label-content .custom-module-new .common-block-info {
   display: block;