amis 1.9.1-beta.28 → 1.9.1-beta.29

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. package/lib/components/AnchorNav.d.ts +8 -2
  2. package/lib/components/AnchorNav.js +24 -5
  3. package/lib/components/AnchorNav.js.map +2 -2
  4. package/lib/components/DatePicker.d.ts +41 -40
  5. package/lib/components/DatePicker.js +2 -2
  6. package/lib/components/DatePicker.js.map +2 -2
  7. package/lib/components/DateRangePicker.d.ts +44 -41
  8. package/lib/components/DateRangePicker.js +25 -8
  9. package/lib/components/DateRangePicker.js.map +2 -2
  10. package/lib/components/MonthRangePicker.d.ts +41 -40
  11. package/lib/components/MonthRangePicker.js +2 -2
  12. package/lib/components/MonthRangePicker.js.map +2 -2
  13. package/lib/components/SearchBox.d.ts +124 -42
  14. package/lib/components/SearchBox.js +181 -19
  15. package/lib/components/SearchBox.js.map +2 -2
  16. package/lib/components/Tag.d.ts +12 -10
  17. package/lib/components/Tag.js +18 -7
  18. package/lib/components/Tag.js.map +2 -2
  19. package/lib/locale/de-DE.js +1 -0
  20. package/lib/locale/de-DE.js.map +2 -2
  21. package/lib/locale/en-US.js +1 -0
  22. package/lib/locale/en-US.js.map +2 -2
  23. package/lib/locale/zh-CN.js +1 -0
  24. package/lib/locale/zh-CN.js.map +2 -2
  25. package/lib/renderers/Card.d.ts +7 -2
  26. package/lib/renderers/Card.js +11 -7
  27. package/lib/renderers/Card.js.map +2 -2
  28. package/lib/renderers/Form/InputExcel.d.ts +1 -0
  29. package/lib/renderers/Form/InputExcel.js +5 -0
  30. package/lib/renderers/Form/InputExcel.js.map +2 -2
  31. package/lib/renderers/Form/InputFile.d.ts +2 -2
  32. package/lib/renderers/Form/InputFile.js +6 -5
  33. package/lib/renderers/Form/InputFile.js.map +2 -2
  34. package/lib/renderers/Form/InputText.d.ts +8 -0
  35. package/lib/renderers/Form/InputText.js +8 -8
  36. package/lib/renderers/Form/InputText.js.map +2 -2
  37. package/lib/renderers/Table/index.js +1 -1
  38. package/lib/renderers/Table/index.js.map +2 -2
  39. package/lib/renderers/Tag.js +2 -2
  40. package/lib/renderers/Tag.js.map +2 -2
  41. package/lib/renderers/Wizard.d.ts +1 -1
  42. package/lib/renderers/Wizard.js +72 -75
  43. package/lib/renderers/Wizard.js.map +2 -2
  44. package/lib/store/formItem.js +2 -1
  45. package/lib/store/formItem.js.map +2 -2
  46. package/lib/themes/ang-ie11.css +120 -15
  47. package/lib/themes/ang.css +124 -15
  48. package/lib/themes/ang.css.map +1 -1
  49. package/lib/themes/antd-ie11.css +120 -15
  50. package/lib/themes/antd.css +124 -15
  51. package/lib/themes/antd.css.map +1 -1
  52. package/lib/themes/cxd-ie11.css +120 -15
  53. package/lib/themes/cxd.css +124 -15
  54. package/lib/themes/cxd.css.map +1 -1
  55. package/lib/themes/dark-ie11.css +120 -15
  56. package/lib/themes/dark.css +124 -15
  57. package/lib/themes/dark.css.map +1 -1
  58. package/lib/themes/default-ie11.css +120 -15
  59. package/lib/themes/default.css +124 -15
  60. package/lib/themes/default.css.map +1 -1
  61. package/package.json +3 -3
  62. package/schema.json +35 -14
  63. package/scss/_properties.scss +5 -0
  64. package/scss/components/_anchor-nav.scss +1 -0
  65. package/scss/components/_calendar.scss +32 -14
  66. package/scss/components/_search-box.scss +116 -10
  67. package/scss/components/_tag.scss +12 -3
  68. package/scss/components/form/_date-range.scss +1 -1
  69. package/sdk/ang-ie11.css +131 -14
  70. package/sdk/ang.css +135 -14
  71. package/sdk/antd-ie11.css +131 -14
  72. package/sdk/antd.css +135 -14
  73. package/sdk/cxd-ie11.css +131 -14
  74. package/sdk/cxd.css +135 -14
  75. package/sdk/dark-ie11.css +131 -14
  76. package/sdk/dark.css +135 -14
  77. package/sdk/locale/de-DE.js +1 -0
  78. package/sdk/sdk-ie11.css +131 -14
  79. package/sdk/sdk.css +135 -14
  80. package/sdk/sdk.js +17 -17
  81. package/src/components/AnchorNav.tsx +40 -7
  82. package/src/components/DatePicker.tsx +8 -4
  83. package/src/components/DateRangePicker.tsx +34 -8
  84. package/src/components/MonthRangePicker.tsx +4 -2
  85. package/src/components/SearchBox.tsx +262 -29
  86. package/src/components/Tag.tsx +14 -3
  87. package/src/locale/de-DE.ts +1 -0
  88. package/src/locale/en-US.ts +1 -0
  89. package/src/locale/zh-CN.ts +1 -0
  90. package/src/renderers/Card.tsx +24 -12
  91. package/src/renderers/Form/InputExcel.tsx +6 -0
  92. package/src/renderers/Form/InputFile.tsx +19 -18
  93. package/src/renderers/Form/InputText.tsx +20 -5
  94. package/src/renderers/Table/index.tsx +1 -1
  95. package/src/renderers/Tag.tsx +2 -0
  96. package/src/renderers/Wizard.tsx +2 -1
  97. package/src/store/formItem.ts +4 -1
package/sdk/antd.css CHANGED
@@ -14739,6 +14739,10 @@ readers do not read off random characters that represent icons */
14739
14739
  --default-padding: 4px 12px;
14740
14740
  --menu-min-width: 150px;
14741
14741
  --menu-sub-min-width: 100px;
14742
+ --SearchBox-height: 1.875rem;
14743
+ --SearchBox-width: 9.375rem;
14744
+ --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
14745
+ --SearchBox-history-dropdown-maxHeight: 12.5rem;
14742
14746
  }
14743
14747
 
14744
14748
  :root {
@@ -32780,6 +32784,11 @@ readers do not read off random characters that represent icons */
32780
32784
  border-width: 0;
32781
32785
  }
32782
32786
 
32787
+ .amis-scope .antd-CalendarMobile-pop--time {
32788
+ height: fit-content;
32789
+ max-height: 90vh;
32790
+ }
32791
+
32783
32792
  .amis-scope .antd-CalendarMobile-wrap {
32784
32793
  display: flex;
32785
32794
  flex-direction: column;
@@ -33001,7 +33010,7 @@ readers do not read off random characters that represent icons */
33001
33010
  }
33002
33011
 
33003
33012
  .amis-scope .antd-CalendarMobile .antd-CalendarMobile-calendar-wrap .antd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
33004
- border: 1px solid #2468F2;
33013
+ border: 1px solid #2468f2;
33005
33014
  }
33006
33015
 
33007
33016
  .amis-scope .antd-CalendarMobile-calendar-header {
@@ -40525,7 +40534,7 @@ readers do not read off random characters that represent icons */
40525
40534
  .amis-scope .antd-SearchBox.is-active {
40526
40535
  background: var(--Form-input-bg);
40527
40536
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
40528
- width: 150px;
40537
+ width: var(--SearchBox-width);
40529
40538
  }
40530
40539
 
40531
40540
  .amis-scope .antd-SearchBox.is-active > input {
@@ -40541,14 +40550,8 @@ readers do not read off random characters that represent icons */
40541
40550
  }
40542
40551
 
40543
40552
  .amis-scope .antd-SearchBox-searchBtn {
40544
- display: flex;
40545
- width: var(--SearchBox-height);
40546
- align-items: center;
40547
- justify-content: center;
40548
- }
40549
-
40550
- .amis-scope .antd-SearchBox-searchBtn .icon {
40551
- top: 0;
40553
+ display: inline-block;
40554
+ padding: 0.3125rem 0.625rem;
40552
40555
  }
40553
40556
 
40554
40557
  .amis-scope .antd-SearchBox-activeBtn,
@@ -40636,6 +40639,116 @@ readers do not read off random characters that represent icons */
40636
40639
  color: var(--SearchBox-enhonce-disabled-search-color);
40637
40640
  }
40638
40641
 
40642
+ .amis-scope .antd-SearchBox-history > .is-history {
40643
+ width: 100%;
40644
+ }
40645
+
40646
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-dropdown {
40647
+ position: absolute;
40648
+ left: 0;
40649
+ z-index: 998;
40650
+ padding: var(--gap-sm) 0;
40651
+ width: 100%;
40652
+ max-width: var(--SearchBox-history-dropdown-maxWidth);
40653
+ min-height: 4.5rem;
40654
+ max-height: var(--SearchBox-history-dropdown-maxHeight);
40655
+ background: var(--white);
40656
+ border: var(--borderWidth) solid var(--borderColor);
40657
+ border-top: none;
40658
+ border-radius: var(--borderRadius);
40659
+ box-shadow: var(--boxShadow);
40660
+ display: none;
40661
+ }
40662
+
40663
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-dropdown.is-active {
40664
+ display: block;
40665
+ }
40666
+
40667
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-dropdown header {
40668
+ display: flex;
40669
+ flex-flow: row nowrap;
40670
+ align-items: center;
40671
+ justify-content: space-between;
40672
+ padding: 0 var(--gap-md);
40673
+ margin-bottom: 0.625rem;
40674
+ }
40675
+
40676
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-dropdown header h4 {
40677
+ font-size: var(--fontSizeBase);
40678
+ height: 1.5rem;
40679
+ line-height: 1.5rem;
40680
+ font-weight: bold;
40681
+ margin: 0;
40682
+ }
40683
+
40684
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-dropdown header a {
40685
+ display: inline-block;
40686
+ font-size: var(--fontSizeSm);
40687
+ cursor: pointer;
40688
+ padding: 0;
40689
+ }
40690
+
40691
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-content {
40692
+ display: flex;
40693
+ flex-flow: row wrap;
40694
+ justify-content: flex-start;
40695
+ align-items: center;
40696
+ padding: 0 var(--gap-md);
40697
+ overflow-x: hidden;
40698
+ overflow-y: auto;
40699
+ max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
40700
+ }
40701
+
40702
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag {
40703
+ display: inlin-flex;
40704
+ height: var(--Tag-height);
40705
+ padding: 0 var(--gap-sm);
40706
+ flex-flow: row nowrap;
40707
+ justify-content: center;
40708
+ align-items: center;
40709
+ font-size: var(--Tag-content-fontSize);
40710
+ max-width: 160px;
40711
+ border-radius: var(--Tag-borderRadius);
40712
+ background-color: var(--Tag-default-color);
40713
+ color: var(--Tag-fontColor);
40714
+ margin-bottom: var(--gap-sm);
40715
+ margin-right: var(--gap-sm);
40716
+ max-width: 96px;
40717
+ cursor: pointer;
40718
+ }
40719
+
40720
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-text {
40721
+ display: inline-block;
40722
+ text-overflow: ellipsis;
40723
+ overflow: hidden;
40724
+ white-space: nowrap;
40725
+ line-height: 24px;
40726
+ }
40727
+
40728
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-close {
40729
+ margin-left: var(--gap-sm);
40730
+ margin-right: var(--gap-xs);
40731
+ cursor: pointer;
40732
+ }
40733
+
40734
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-close i {
40735
+ font-size: 0.5rem;
40736
+ }
40737
+
40738
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-close .icon {
40739
+ width: 0.5rem;
40740
+ height: 0.5rem;
40741
+ position: inherit;
40742
+ }
40743
+
40744
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-close:hover {
40745
+ opacity: 0.7;
40746
+ }
40747
+
40748
+ .amis-scope .antd-SearchBox-history .antd-SearchBox-history-tag-close:active {
40749
+ opacity: 0.3;
40750
+ }
40751
+
40639
40752
  .amis-scope .antd-ListMenu {
40640
40753
  background: var(--ListMenu-item-bg);
40641
40754
  min-width: 12.5rem;
@@ -45558,7 +45671,7 @@ readers do not read off random characters that represent icons */
45558
45671
  margin: 0;
45559
45672
  padding-left: 0.625rem;
45560
45673
  list-style: none;
45561
- background: #F7F7F9;
45674
+ background: #f7f7f9;
45562
45675
  line-height: 2rem;
45563
45676
  }
45564
45677
 
@@ -50022,6 +50135,7 @@ readers do not read off random characters that represent icons */
50022
50135
  overflow: auto;
50023
50136
  scroll-behavior: smooth;
50024
50137
  background: var(--Tabs-content-bg);
50138
+ position: relative;
50025
50139
  }
50026
50140
 
50027
50141
  .amis-scope .antd-AnchorNav-section-wrap > .antd-AnchorNav-section {
@@ -50997,19 +51111,25 @@ readers do not read off random characters that represent icons */
50997
51111
  display: inline-flex;
50998
51112
  height: var(--Tag-height);
50999
51113
  padding: 0 var(--gap-sm);
51114
+ flex-flow: row nowrap;
51000
51115
  justify-content: center;
51001
51116
  align-items: center;
51002
51117
  font-size: var(--Tag-content-fontSize);
51003
51118
  max-width: 160px;
51004
- text-overflow: ellipsis;
51005
- overflow: hidden;
51006
- white-space: nowrap;
51007
51119
  transition: all 0.3;
51008
51120
  border-radius: var(--Tag-borderRadius);
51009
51121
  background-color: var(--Tag-default-color);
51010
51122
  color: var(--Tag-fontColor);
51011
51123
  }
51012
51124
 
51125
+ .amis-scope .antd-Tag-text {
51126
+ display: inline-block;
51127
+ text-overflow: ellipsis;
51128
+ overflow: hidden;
51129
+ white-space: nowrap;
51130
+ line-height: var(--Tag-height);
51131
+ }
51132
+
51013
51133
  .amis-scope .antd-Tag:not(:last-child) {
51014
51134
  margin-right: var(--gap-sm);
51015
51135
  }
@@ -51051,6 +51171,7 @@ readers do not read off random characters that represent icons */
51051
51171
  border-radius: calc((var(--Tag-height) + 2px) / 2);
51052
51172
  border: 1px solid var(--Tag-default-color);
51053
51173
  color: var(--Tag-default-color);
51174
+ line-height: 22px;
51054
51175
  }
51055
51176
 
51056
51177
  .amis-scope .antd-Tag--rounded--inactive {
package/sdk/cxd-ie11.css CHANGED
@@ -31149,6 +31149,11 @@ readers do not read off random characters that represent icons */
31149
31149
  border-width: 0;
31150
31150
  }
31151
31151
 
31152
+ .amis-scope .cxd-CalendarMobile-pop--time {
31153
+ height: fit-content;
31154
+ max-height: 90vh;
31155
+ }
31156
+
31152
31157
  .amis-scope .cxd-CalendarMobile-wrap {
31153
31158
  display: flex;
31154
31159
  flex-direction: column;
@@ -31370,7 +31375,7 @@ readers do not read off random characters that represent icons */
31370
31375
  }
31371
31376
 
31372
31377
  .amis-scope .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
31373
- border: 1px solid #2468F2;
31378
+ border: 1px solid #2468f2;
31374
31379
  }
31375
31380
 
31376
31381
  .amis-scope .cxd-CalendarMobile-calendar-header {
@@ -38969,7 +38974,7 @@ readers do not read off random characters that represent icons */
38969
38974
  .amis-scope .cxd-SearchBox.is-active {
38970
38975
  background: #ffffff;
38971
38976
  border: 0.0625rem solid #e8e9eb;
38972
- width: 150px;
38977
+ width: 9.375rem;
38973
38978
  }
38974
38979
 
38975
38980
  .amis-scope .cxd-SearchBox.is-active > input {
@@ -38985,14 +38990,8 @@ readers do not read off random characters that represent icons */
38985
38990
  }
38986
38991
 
38987
38992
  .amis-scope .cxd-SearchBox-searchBtn {
38988
- display: flex;
38989
- width: 1.875rem;
38990
- align-items: center;
38991
- justify-content: center;
38992
- }
38993
-
38994
- .amis-scope .cxd-SearchBox-searchBtn .icon {
38995
- top: 0;
38993
+ display: inline-block;
38994
+ padding: 0.3125rem 0.625rem;
38996
38995
  }
38997
38996
 
38998
38997
  .amis-scope .cxd-SearchBox-activeBtn,
@@ -39080,6 +39079,116 @@ readers do not read off random characters that represent icons */
39080
39079
  color: #b8babf;
39081
39080
  }
39082
39081
 
39082
+ .amis-scope .cxd-SearchBox-history > .is-history {
39083
+ width: 100%;
39084
+ }
39085
+
39086
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown {
39087
+ position: absolute;
39088
+ left: 0;
39089
+ z-index: 998;
39090
+ padding: 0.5rem 0;
39091
+ width: 100%;
39092
+ max-width: calc(9.375rem * 2);
39093
+ min-height: 4.5rem;
39094
+ max-height: 12.5rem;
39095
+ background: #fff;
39096
+ border: 0.0625rem solid #e8e9eb;
39097
+ border-top: none;
39098
+ border-radius: 0.25rem;
39099
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
39100
+ display: none;
39101
+ }
39102
+
39103
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown.is-active {
39104
+ display: block;
39105
+ }
39106
+
39107
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header {
39108
+ display: flex;
39109
+ flex-flow: row nowrap;
39110
+ align-items: center;
39111
+ justify-content: space-between;
39112
+ padding: 0 1rem;
39113
+ margin-bottom: 0.625rem;
39114
+ }
39115
+
39116
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header h4 {
39117
+ font-size: 14px;
39118
+ height: 1.5rem;
39119
+ line-height: 1.5rem;
39120
+ font-weight: bold;
39121
+ margin: 0;
39122
+ }
39123
+
39124
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header a {
39125
+ display: inline-block;
39126
+ font-size: 12px;
39127
+ cursor: pointer;
39128
+ padding: 0;
39129
+ }
39130
+
39131
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-content {
39132
+ display: flex;
39133
+ flex-flow: row wrap;
39134
+ justify-content: flex-start;
39135
+ align-items: center;
39136
+ padding: 0 1rem;
39137
+ overflow-x: hidden;
39138
+ overflow-y: auto;
39139
+ max-height: calc( 12.5rem - 38px - 0.5rem * 2 );
39140
+ }
39141
+
39142
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag {
39143
+ display: inlin-flex;
39144
+ height: 1.5rem;
39145
+ padding: 0 0.5rem;
39146
+ flex-flow: row nowrap;
39147
+ justify-content: center;
39148
+ align-items: center;
39149
+ font-size: 12px;
39150
+ max-width: 160px;
39151
+ border-radius: 0.125rem;
39152
+ background-color: #f2f2f4;
39153
+ color: #151a26;
39154
+ margin-bottom: 0.5rem;
39155
+ margin-right: 0.5rem;
39156
+ max-width: 96px;
39157
+ cursor: pointer;
39158
+ }
39159
+
39160
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-text {
39161
+ display: inline-block;
39162
+ text-overflow: ellipsis;
39163
+ overflow: hidden;
39164
+ white-space: nowrap;
39165
+ line-height: 24px;
39166
+ }
39167
+
39168
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close {
39169
+ margin-left: 0.5rem;
39170
+ margin-right: 0.25rem;
39171
+ cursor: pointer;
39172
+ }
39173
+
39174
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close i {
39175
+ font-size: 0.5rem;
39176
+ }
39177
+
39178
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close .icon {
39179
+ width: 0.5rem;
39180
+ height: 0.5rem;
39181
+ position: inherit;
39182
+ }
39183
+
39184
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:hover {
39185
+ opacity: 0.7;
39186
+ }
39187
+
39188
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:active {
39189
+ opacity: 0.3;
39190
+ }
39191
+
39083
39192
  .amis-scope .cxd-ListMenu {
39084
39193
  background: #fff;
39085
39194
  min-width: 12.5rem;
@@ -44105,7 +44214,7 @@ readers do not read off random characters that represent icons */
44105
44214
  margin: 0;
44106
44215
  padding-left: 0.625rem;
44107
44216
  list-style: none;
44108
- background: #F7F7F9;
44217
+ background: #f7f7f9;
44109
44218
  line-height: 2rem;
44110
44219
  }
44111
44220
 
@@ -48673,6 +48782,7 @@ readers do not read off random characters that represent icons */
48673
48782
  overflow: auto;
48674
48783
  scroll-behavior: smooth;
48675
48784
  background: #fff;
48785
+ position: relative;
48676
48786
  }
48677
48787
 
48678
48788
  .amis-scope .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
@@ -49654,19 +49764,25 @@ readers do not read off random characters that represent icons */
49654
49764
  display: inline-flex;
49655
49765
  height: 1.5rem;
49656
49766
  padding: 0 0.5rem;
49767
+ flex-flow: row nowrap;
49657
49768
  justify-content: center;
49658
49769
  align-items: center;
49659
49770
  font-size: 12px;
49660
49771
  max-width: 160px;
49661
- text-overflow: ellipsis;
49662
- overflow: hidden;
49663
- white-space: nowrap;
49664
49772
  transition: all 0.3;
49665
49773
  border-radius: 0.125rem;
49666
49774
  background-color: #f2f2f4;
49667
49775
  color: #151a26;
49668
49776
  }
49669
49777
 
49778
+ .amis-scope .cxd-Tag-text {
49779
+ display: inline-block;
49780
+ text-overflow: ellipsis;
49781
+ overflow: hidden;
49782
+ white-space: nowrap;
49783
+ line-height: 1.5rem;
49784
+ }
49785
+
49670
49786
  .amis-scope .cxd-Tag:not(:last-child) {
49671
49787
  margin-right: 0.5rem;
49672
49788
  }
@@ -49708,6 +49824,7 @@ readers do not read off random characters that represent icons */
49708
49824
  border-radius: calc((1.5rem + 2px) / 2);
49709
49825
  border: 1px solid #f2f2f4;
49710
49826
  color: #f2f2f4;
49827
+ line-height: 22px;
49711
49828
  }
49712
49829
 
49713
49830
  .amis-scope .cxd-Tag--rounded--inactive {
package/sdk/cxd.css CHANGED
@@ -14735,6 +14735,10 @@ readers do not read off random characters that represent icons */
14735
14735
  --default-padding: 4px 12px;
14736
14736
  --menu-min-width: 150px;
14737
14737
  --menu-sub-min-width: 100px;
14738
+ --SearchBox-height: 1.875rem;
14739
+ --SearchBox-width: 9.375rem;
14740
+ --SearchBox-history-dropdown-maxWidth: calc(var(--SearchBox-width) * 2);
14741
+ --SearchBox-history-dropdown-maxHeight: 12.5rem;
14738
14742
  }
14739
14743
 
14740
14744
  :root {
@@ -33162,6 +33166,11 @@ readers do not read off random characters that represent icons */
33162
33166
  border-width: 0;
33163
33167
  }
33164
33168
 
33169
+ .amis-scope .cxd-CalendarMobile-pop--time {
33170
+ height: fit-content;
33171
+ max-height: 90vh;
33172
+ }
33173
+
33165
33174
  .amis-scope .cxd-CalendarMobile-wrap {
33166
33175
  display: flex;
33167
33176
  flex-direction: column;
@@ -33383,7 +33392,7 @@ readers do not read off random characters that represent icons */
33383
33392
  }
33384
33393
 
33385
33394
  .amis-scope .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
33386
- border: 1px solid #2468F2;
33395
+ border: 1px solid #2468f2;
33387
33396
  }
33388
33397
 
33389
33398
  .amis-scope .cxd-CalendarMobile-calendar-header {
@@ -40907,7 +40916,7 @@ readers do not read off random characters that represent icons */
40907
40916
  .amis-scope .cxd-SearchBox.is-active {
40908
40917
  background: var(--Form-input-bg);
40909
40918
  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
40910
- width: 150px;
40919
+ width: var(--SearchBox-width);
40911
40920
  }
40912
40921
 
40913
40922
  .amis-scope .cxd-SearchBox.is-active > input {
@@ -40923,14 +40932,8 @@ readers do not read off random characters that represent icons */
40923
40932
  }
40924
40933
 
40925
40934
  .amis-scope .cxd-SearchBox-searchBtn {
40926
- display: flex;
40927
- width: var(--SearchBox-height);
40928
- align-items: center;
40929
- justify-content: center;
40930
- }
40931
-
40932
- .amis-scope .cxd-SearchBox-searchBtn .icon {
40933
- top: 0;
40935
+ display: inline-block;
40936
+ padding: 0.3125rem 0.625rem;
40934
40937
  }
40935
40938
 
40936
40939
  .amis-scope .cxd-SearchBox-activeBtn,
@@ -41018,6 +41021,116 @@ readers do not read off random characters that represent icons */
41018
41021
  color: var(--SearchBox-enhonce-disabled-search-color);
41019
41022
  }
41020
41023
 
41024
+ .amis-scope .cxd-SearchBox-history > .is-history {
41025
+ width: 100%;
41026
+ }
41027
+
41028
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown {
41029
+ position: absolute;
41030
+ left: 0;
41031
+ z-index: 998;
41032
+ padding: var(--gap-sm) 0;
41033
+ width: 100%;
41034
+ max-width: var(--SearchBox-history-dropdown-maxWidth);
41035
+ min-height: 4.5rem;
41036
+ max-height: var(--SearchBox-history-dropdown-maxHeight);
41037
+ background: var(--white);
41038
+ border: var(--borderWidth) solid var(--borderColor);
41039
+ border-top: none;
41040
+ border-radius: var(--borderRadius);
41041
+ box-shadow: var(--boxShadow);
41042
+ display: none;
41043
+ }
41044
+
41045
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown.is-active {
41046
+ display: block;
41047
+ }
41048
+
41049
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header {
41050
+ display: flex;
41051
+ flex-flow: row nowrap;
41052
+ align-items: center;
41053
+ justify-content: space-between;
41054
+ padding: 0 var(--gap-md);
41055
+ margin-bottom: 0.625rem;
41056
+ }
41057
+
41058
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header h4 {
41059
+ font-size: var(--fontSizeBase);
41060
+ height: 1.5rem;
41061
+ line-height: 1.5rem;
41062
+ font-weight: bold;
41063
+ margin: 0;
41064
+ }
41065
+
41066
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-dropdown header a {
41067
+ display: inline-block;
41068
+ font-size: var(--fontSizeSm);
41069
+ cursor: pointer;
41070
+ padding: 0;
41071
+ }
41072
+
41073
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-content {
41074
+ display: flex;
41075
+ flex-flow: row wrap;
41076
+ justify-content: flex-start;
41077
+ align-items: center;
41078
+ padding: 0 var(--gap-md);
41079
+ overflow-x: hidden;
41080
+ overflow-y: auto;
41081
+ max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
41082
+ }
41083
+
41084
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag {
41085
+ display: inlin-flex;
41086
+ height: var(--Tag-height);
41087
+ padding: 0 var(--gap-sm);
41088
+ flex-flow: row nowrap;
41089
+ justify-content: center;
41090
+ align-items: center;
41091
+ font-size: var(--Tag-content-fontSize);
41092
+ max-width: 160px;
41093
+ border-radius: var(--Tag-borderRadius);
41094
+ background-color: var(--Tag-default-color);
41095
+ color: var(--Tag-fontColor);
41096
+ margin-bottom: var(--gap-sm);
41097
+ margin-right: var(--gap-sm);
41098
+ max-width: 96px;
41099
+ cursor: pointer;
41100
+ }
41101
+
41102
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-text {
41103
+ display: inline-block;
41104
+ text-overflow: ellipsis;
41105
+ overflow: hidden;
41106
+ white-space: nowrap;
41107
+ line-height: 24px;
41108
+ }
41109
+
41110
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close {
41111
+ margin-left: var(--gap-sm);
41112
+ margin-right: var(--gap-xs);
41113
+ cursor: pointer;
41114
+ }
41115
+
41116
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close i {
41117
+ font-size: 0.5rem;
41118
+ }
41119
+
41120
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close .icon {
41121
+ width: 0.5rem;
41122
+ height: 0.5rem;
41123
+ position: inherit;
41124
+ }
41125
+
41126
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:hover {
41127
+ opacity: 0.7;
41128
+ }
41129
+
41130
+ .amis-scope .cxd-SearchBox-history .cxd-SearchBox-history-tag-close:active {
41131
+ opacity: 0.3;
41132
+ }
41133
+
41021
41134
  .amis-scope .cxd-ListMenu {
41022
41135
  background: var(--ListMenu-item-bg);
41023
41136
  min-width: 12.5rem;
@@ -45940,7 +46053,7 @@ readers do not read off random characters that represent icons */
45940
46053
  margin: 0;
45941
46054
  padding-left: 0.625rem;
45942
46055
  list-style: none;
45943
- background: #F7F7F9;
46056
+ background: #f7f7f9;
45944
46057
  line-height: 2rem;
45945
46058
  }
45946
46059
 
@@ -50404,6 +50517,7 @@ readers do not read off random characters that represent icons */
50404
50517
  overflow: auto;
50405
50518
  scroll-behavior: smooth;
50406
50519
  background: var(--Tabs-content-bg);
50520
+ position: relative;
50407
50521
  }
50408
50522
 
50409
50523
  .amis-scope .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
@@ -51379,19 +51493,25 @@ readers do not read off random characters that represent icons */
51379
51493
  display: inline-flex;
51380
51494
  height: var(--Tag-height);
51381
51495
  padding: 0 var(--gap-sm);
51496
+ flex-flow: row nowrap;
51382
51497
  justify-content: center;
51383
51498
  align-items: center;
51384
51499
  font-size: var(--Tag-content-fontSize);
51385
51500
  max-width: 160px;
51386
- text-overflow: ellipsis;
51387
- overflow: hidden;
51388
- white-space: nowrap;
51389
51501
  transition: all 0.3;
51390
51502
  border-radius: var(--Tag-borderRadius);
51391
51503
  background-color: var(--Tag-default-color);
51392
51504
  color: var(--Tag-fontColor);
51393
51505
  }
51394
51506
 
51507
+ .amis-scope .cxd-Tag-text {
51508
+ display: inline-block;
51509
+ text-overflow: ellipsis;
51510
+ overflow: hidden;
51511
+ white-space: nowrap;
51512
+ line-height: var(--Tag-height);
51513
+ }
51514
+
51395
51515
  .amis-scope .cxd-Tag:not(:last-child) {
51396
51516
  margin-right: var(--gap-sm);
51397
51517
  }
@@ -51433,6 +51553,7 @@ readers do not read off random characters that represent icons */
51433
51553
  border-radius: calc((var(--Tag-height) + 2px) / 2);
51434
51554
  border: 1px solid var(--Tag-default-color);
51435
51555
  color: var(--Tag-default-color);
51556
+ line-height: 22px;
51436
51557
  }
51437
51558
 
51438
51559
  .amis-scope .cxd-Tag--rounded--inactive {