amis 1.9.1-beta.28 → 1.9.1-beta.30

package/scss/components/form/_date.scss

@@ -288,7 +288,6 @@
     .rdtActive.rdtToday {
       color: #151b26;
       > span {
-        background: transparent;
         border-color: #144bcc;
       }
     }
@@ -333,12 +332,21 @@
   }
 }
 
+.#{$ns}CalendarTimesWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .#{$ns}CalendarInputsWrapper {
+    height: #{px2rem(248px)};
+  }
+}
+
 .#{$ns}CalendarInputWrapper {
   display: inline-block;
   position: relative;
   // padding-top: #{px2rem(4px)};
   width: #{px2rem(64px)};
-  height: #{px2rem(224px)};
+  height: #{px2rem(248px)};
   overflow: auto;
   .#{$ns}CalendarInput-sugs {
     list-style: none;
@@ -349,10 +357,10 @@
     top: 100%;
     z-index: 10;
     &Hours {
-      height: #{px2rem(868px)};
+      height: #{px2rem(892px)};
     }
     &Times {
-      height: #{px2rem(1876px)};
+      height: #{px2rem(1900px)};
       border-left: 1px solid var(--Calendar-input-borderColor);
     }
     &Item {
@@ -609,28 +617,24 @@ td.rdtQuarter {
   }
 }
 
-.#{$ns}DateRangePicker-start {
-  .rdtPicker .rdtActive.rdtBetween {
-    background: linear-gradient(
-      to right,
-      transparent 0%,
-      transparent 50%,
-      var(--Calendar-cell-onBetween-bg) 51%,
-      var(--Calendar-cell-onBetween-bg) 100%
-    );
-  }
+.rdtPicker .rdtActive.rdtBetween.rdtStartDay {
+  background: linear-gradient(
+    to right,
+    transparent 0%,
+    transparent 50%,
+    var(--Calendar-cell-onBetween-bg) 51%,
+    var(--Calendar-cell-onBetween-bg) 100%
+  );
 }
 
-.#{$ns}DateRangePicker-end {
-  .rdtPicker .rdtActive.rdtBetween {
-    background: linear-gradient(
-      to right,
-      var(--Calendar-cell-onBetween-bg) 0%,
-      var(--Calendar-cell-onBetween-bg) 50%,
-      transparent 51%,
-      transparent 100%
-    );
-  }
+.rdtPicker .rdtActive.rdtBetween.rdtEndDay {
+  background: linear-gradient(
+    to right,
+    var(--Calendar-cell-onBetween-bg) 0%,
+    var(--Calendar-cell-onBetween-bg) 50%,
+    transparent 51%,
+    transparent 100%
+  );
 }
 
 .#{$ns}DateCalendar {

package/sdk/ang-ie11.css

@@ -31171,6 +31171,11 @@ readers do not read off random characters that represent icons */
   border-width: 0;
 }
 
+.amis-scope .a-CalendarMobile-pop--time {
+  height: fit-content;
+  max-height: 90vh;
+}
+
 .amis-scope .a-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -31392,7 +31397,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
-  border: 1px solid #2468F2;
+  border: 1px solid #2468f2;
 }
 
 .amis-scope .a-CalendarMobile-calendar-header {
@@ -38992,7 +38997,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-SearchBox.is-active {
   background: #fff;
   border: 0.0625rem solid #d1d5db;
-  width: 150px;
+  width: 9.375rem;
 }
 
 .amis-scope .a-SearchBox.is-active > input {
@@ -39008,14 +39013,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-SearchBox-searchBtn {
-  display: flex;
-  width: var(--SearchBox-height);
-  align-items: center;
-  justify-content: center;
-}
-
-.amis-scope .a-SearchBox-searchBtn .icon {
-  top: 0;
+  display: inline-block;
+  padding: 0.3125rem 0.625rem;
 }
 
 .amis-scope .a-SearchBox-activeBtn,
@@ -39103,6 +39102,116 @@ readers do not read off random characters that represent icons */
   color: var(--SearchBox-enhonce-disabled-search-color);
 }
 
+.amis-scope .a-SearchBox-history > .is-history {
+  width: 100%;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown {
+  position: absolute;
+  left: 0;
+  z-index: 998;
+  padding: 0.5rem 0;
+  width: 100%;
+  max-width: calc(9.375rem * 2);
+  min-height: 4.5rem;
+  max-height: 12.5rem;
+  background: #fff;
+  border: 0.0625rem solid #d1d5db;
+  border-top: none;
+  border-radius: 0.142rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  display: none;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown.is-active {
+  display: block;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1rem;
+  margin-bottom: 0.625rem;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header h4 {
+  font-size: 0.875rem;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header a {
+  display: inline-block;
+  font-size: 0.75rem;
+  cursor: pointer;
+  padding: 0;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 1rem;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( 12.5rem - 38px - 0.5rem * 2 );
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag {
+  display: inlin-flex;
+  height: 1.5rem;
+  padding: 0 0.5rem;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.75rem;
+  max-width: 160px;
+  border-radius: 0.125rem;
+  background-color: #f2f2f4;
+  color: #151a26;
+  margin-bottom: 0.5rem;
+  margin-right: 0.5rem;
+  max-width: 96px;
+  cursor: pointer;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 24px;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close {
+  margin-left: 0.5rem;
+  margin-right: 0.25rem;
+  cursor: pointer;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close i {
+  font-size: 0.5rem;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close .icon {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: inherit;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close:hover {
+  opacity: 0.7;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close:active {
+  opacity: 0.3;
+}
+
 .amis-scope .a-ListMenu {
   background: #fff;
   min-width: 12.5rem;
@@ -43572,7 +43681,6 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdt .rdtPicker .rdtActive.rdtToday > span {
-  background: transparent;
   border-color: #144bcc;
 }
 
@@ -43612,11 +43720,21 @@ readers do not read off random characters that represent icons */
   border-top: 1px solid #d1d5db;
 }
 
+.amis-scope .a-CalendarTimesWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.amis-scope .a-CalendarTimesWrapper .a-CalendarInputsWrapper {
+  height: 15.5rem;
+}
+
 .amis-scope .a-CalendarInputWrapper {
   display: inline-block;
   position: relative;
   width: 4rem;
-  height: 14rem;
+  height: 15.5rem;
   overflow: auto;
 }
 
@@ -43631,11 +43749,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-CalendarInputWrapper .a-CalendarInput-sugsHours {
-  height: 54.25rem;
+  height: 55.75rem;
 }
 
 .amis-scope .a-CalendarInputWrapper .a-CalendarInput-sugsTimes {
-  height: 117.25rem;
+  height: 118.75rem;
   border-left: 1px solid #d1d5db;
 }
 
@@ -43941,11 +44059,11 @@ readers do not read off random characters that represent icons */
   color: #b8babf;
 }
 
-.amis-scope .a-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
+.amis-scope .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
   background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(35, 183, 229, 0.1) 51%, rgba(35, 183, 229, 0.1) 100%);
 }
 
-.amis-scope .a-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
+.amis-scope .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
   background: linear-gradient(to right, rgba(35, 183, 229, 0.1) 0%, rgba(35, 183, 229, 0.1) 50%, transparent 51%, transparent 100%);
 }
 
@@ -44132,7 +44250,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -48716,6 +48834,7 @@ readers do not read off random characters that represent icons */
   overflow: auto;
   scroll-behavior: smooth;
   background: #fff;
+  position: relative;
 }
 
 .amis-scope .a-AnchorNav-section-wrap > .a-AnchorNav-section {
@@ -49697,19 +49816,25 @@ readers do not read off random characters that represent icons */
   display: inline-flex;
   height: 1.5rem;
   padding: 0 0.5rem;
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: 0.75rem;
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: 0.125rem;
   background-color: #f2f2f4;
   color: #151a26;
 }
 
+.amis-scope .a-Tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1.5rem;
+}
+
 .amis-scope .a-Tag:not(:last-child) {
   margin-right: 0.5rem;
 }
@@ -49751,6 +49876,7 @@ readers do not read off random characters that represent icons */
   border-radius: calc((1.5rem + 2px) / 2);
   border: 1px solid #f2f2f4;
   color: #f2f2f4;
+  line-height: 22px;
 }
 
 .amis-scope .a-Tag--rounded--inactive {

package/sdk/ang.css

@@ -14735,6 +14735,10 @@ readers do not read off random characters that represent icons */
   --default-padding: 4px 12px;
   --menu-min-width: 150px;
   --menu-sub-min-width: 100px;
+  --SearchBox-height: 1.875rem;
+  --SearchBox-width: 9.375rem;
+  --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
+  --SearchBox-history-dropdown-maxHeight: 12.5rem;
 }
 
 /* BASICS */
@@ -32667,6 +32671,11 @@ readers do not read off random characters that represent icons */
   border-width: 0;
 }
 
+.amis-scope .a-CalendarMobile-pop--time {
+  height: fit-content;
+  max-height: 90vh;
+}
+
 .amis-scope .a-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -32888,7 +32897,7 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
-  border: 1px solid #2468F2;
+  border: 1px solid #2468f2;
 }
 
 .amis-scope .a-CalendarMobile-calendar-header {
@@ -40412,7 +40421,7 @@ readers do not read off random characters that represent icons */
 .amis-scope .a-SearchBox.is-active {
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  width: 150px;
+  width: var(--SearchBox-width);
 }
 
 .amis-scope .a-SearchBox.is-active > input {
@@ -40428,14 +40437,8 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-SearchBox-searchBtn {
-  display: flex;
-  width: var(--SearchBox-height);
-  align-items: center;
-  justify-content: center;
-}
-
-.amis-scope .a-SearchBox-searchBtn .icon {
-  top: 0;
+  display: inline-block;
+  padding: 0.3125rem 0.625rem;
 }
 
 .amis-scope .a-SearchBox-activeBtn,
@@ -40523,6 +40526,116 @@ readers do not read off random characters that represent icons */
   color: var(--SearchBox-enhonce-disabled-search-color);
 }
 
+.amis-scope .a-SearchBox-history > .is-history {
+  width: 100%;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown {
+  position: absolute;
+  left: 0;
+  z-index: 998;
+  padding: var(--gap-sm) 0;
+  width: 100%;
+  max-width: var(--SearchBox-history-dropdown-maxWidth);
+  min-height: 4.5rem;
+  max-height: var(--SearchBox-history-dropdown-maxHeight);
+  background: var(--white);
+  border: var(--borderWidth) solid var(--borderColor);
+  border-top: none;
+  border-radius: var(--borderRadius);
+  box-shadow: var(--boxShadow);
+  display: none;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown.is-active {
+  display: block;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--gap-md);
+  margin-bottom: 0.625rem;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header h4 {
+  font-size: var(--fontSizeBase);
+  height: 1.5rem;
+  line-height: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-dropdown header a {
+  display: inline-block;
+  font-size: var(--fontSizeSm);
+  cursor: pointer;
+  padding: 0;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 var(--gap-md);
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag {
+  display: inlin-flex;
+  height: var(--Tag-height);
+  padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--Tag-content-fontSize);
+  max-width: 160px;
+  border-radius: var(--Tag-borderRadius);
+  background-color: var(--Tag-default-color);
+  color: var(--Tag-fontColor);
+  margin-bottom: var(--gap-sm);
+  margin-right: var(--gap-sm);
+  max-width: 96px;
+  cursor: pointer;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 24px;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close {
+  margin-left: var(--gap-sm);
+  margin-right: var(--gap-xs);
+  cursor: pointer;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close i {
+  font-size: 0.5rem;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close .icon {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: inherit;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close:hover {
+  opacity: 0.7;
+}
+
+.amis-scope .a-SearchBox-history .a-SearchBox-history-tag-close:active {
+  opacity: 0.3;
+}
+
 .amis-scope .a-ListMenu {
   background: var(--ListMenu-item-bg);
   min-width: 12.5rem;
@@ -44907,7 +45020,6 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .rdt .rdtPicker .rdtActive.rdtToday > span {
-  background: transparent;
   border-color: #144bcc;
 }
 
@@ -44947,11 +45059,21 @@ readers do not read off random characters that represent icons */
   border-top: 1px solid var(--Calendar-input-borderColor);
 }
 
+.amis-scope .a-CalendarTimesWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.amis-scope .a-CalendarTimesWrapper .a-CalendarInputsWrapper {
+  height: 15.5rem;
+}
+
 .amis-scope .a-CalendarInputWrapper {
   display: inline-block;
   position: relative;
   width: 4rem;
-  height: 14rem;
+  height: 15.5rem;
   overflow: auto;
 }
 
@@ -44966,11 +45088,11 @@ readers do not read off random characters that represent icons */
 }
 
 .amis-scope .a-CalendarInputWrapper .a-CalendarInput-sugsHours {
-  height: 54.25rem;
+  height: 55.75rem;
 }
 
 .amis-scope .a-CalendarInputWrapper .a-CalendarInput-sugsTimes {
-  height: 117.25rem;
+  height: 118.75rem;
   border-left: 1px solid var(--Calendar-input-borderColor);
 }
 
@@ -45262,11 +45384,11 @@ readers do not read off random characters that represent icons */
   color: #b8babf;
 }
 
-.amis-scope .a-DateRangePicker-start .rdtPicker .rdtActive.rdtBetween {
+.amis-scope .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
   background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%);
 }
 
-.amis-scope .a-DateRangePicker-end .rdtPicker .rdtActive.rdtBetween {
+.amis-scope .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
   background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%);
 }
 
@@ -45445,7 +45567,7 @@ readers do not read off random characters that represent icons */
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 
@@ -49909,6 +50031,7 @@ readers do not read off random characters that represent icons */
   overflow: auto;
   scroll-behavior: smooth;
   background: var(--Tabs-content-bg);
+  position: relative;
 }
 
 .amis-scope .a-AnchorNav-section-wrap > .a-AnchorNav-section {
@@ -50884,19 +51007,25 @@ readers do not read off random characters that represent icons */
   display: inline-flex;
   height: var(--Tag-height);
   padding: 0 var(--gap-sm);
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: var(--Tag-content-fontSize);
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: var(--Tag-borderRadius);
   background-color: var(--Tag-default-color);
   color: var(--Tag-fontColor);
 }
 
+.amis-scope .a-Tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: var(--Tag-height);
+}
+
 .amis-scope .a-Tag:not(:last-child) {
   margin-right: var(--gap-sm);
 }
@@ -50938,6 +51067,7 @@ readers do not read off random characters that represent icons */
   border-radius: calc((var(--Tag-height) + 2px) / 2);
   border: 1px solid var(--Tag-default-color);
   color: var(--Tag-default-color);
+  line-height: 22px;
 }
 
 .amis-scope .a-Tag--rounded--inactive {