@kne/react-filter 1.0.9 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +85 -49
- package/dist/index.css.map +1 -1
- package/dist/index.js +86 -42
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +82 -38
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -293,6 +293,7 @@
|
|
|
293
293
|
flex: 0 0 auto;
|
|
294
294
|
}
|
|
295
295
|
|
|
296
|
+
.kne-react-filter_Punga,
|
|
296
297
|
.kne-react-filter_BdfSI {
|
|
297
298
|
display: none;
|
|
298
299
|
}
|
|
@@ -424,6 +425,54 @@
|
|
|
424
425
|
.kne-react-filter_m7Csi .ant-input-number-focused {
|
|
425
426
|
box-shadow: none;
|
|
426
427
|
}
|
|
428
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 {
|
|
429
|
+
left: 0 !important;
|
|
430
|
+
right: auto !important;
|
|
431
|
+
width: var(--kne-viewport-width, 100vw) !important;
|
|
432
|
+
max-width: var(--kne-viewport-width, 100vw) !important;
|
|
433
|
+
min-width: var(--kne-viewport-width, 100vw) !important;
|
|
434
|
+
max-height: var(--react-filter-popover-mobile-height, 100vh);
|
|
435
|
+
overflow: hidden;
|
|
436
|
+
border-radius: 0 !important;
|
|
437
|
+
box-shadow: none !important;
|
|
438
|
+
z-index: 1050 !important;
|
|
439
|
+
}
|
|
440
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x .ant-dropdown-menu, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 .ant-dropdown-menu {
|
|
441
|
+
padding: 0;
|
|
442
|
+
border-radius: 0 !important;
|
|
443
|
+
box-shadow: none !important;
|
|
444
|
+
}
|
|
445
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x .kne-react-filter_4n4MP, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 .kne-react-filter_4n4MP {
|
|
446
|
+
display: flex;
|
|
447
|
+
flex-direction: column;
|
|
448
|
+
width: 100%;
|
|
449
|
+
max-height: var(--react-filter-popover-mobile-height, 100vh);
|
|
450
|
+
min-height: 0;
|
|
451
|
+
overflow: hidden;
|
|
452
|
+
background: #fff;
|
|
453
|
+
border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
|
|
454
|
+
box-shadow: none;
|
|
455
|
+
}
|
|
456
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x .kne-react-filter_g-hXk, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 .kne-react-filter_g-hXk {
|
|
457
|
+
flex: 1 1 auto;
|
|
458
|
+
min-height: 0;
|
|
459
|
+
overflow: auto;
|
|
460
|
+
-webkit-overflow-scrolling: touch;
|
|
461
|
+
}
|
|
462
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x .kne-react-filter_iqe8W, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 .kne-react-filter_iqe8W {
|
|
463
|
+
flex: 0 0 auto;
|
|
464
|
+
}
|
|
465
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x .kne-react-filter_iqe8W .ant-btn, .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 .kne-react-filter_iqe8W .ant-btn {
|
|
466
|
+
height: 32px;
|
|
467
|
+
padding: 0 16px;
|
|
468
|
+
font-size: 14px;
|
|
469
|
+
}
|
|
470
|
+
.kne-react-filter_m7Csi.kne-react-filter_3Wr-x {
|
|
471
|
+
position: fixed !important;
|
|
472
|
+
}
|
|
473
|
+
.kne-react-filter_m7Csi.kne-react-filter_pPiQ8 {
|
|
474
|
+
position: absolute !important;
|
|
475
|
+
}
|
|
427
476
|
|
|
428
477
|
.kne-react-filter_o2B3k {
|
|
429
478
|
left: 0;
|
|
@@ -830,6 +879,7 @@
|
|
|
830
879
|
display: none;
|
|
831
880
|
}
|
|
832
881
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_oaIF4 {
|
|
882
|
+
padding-left: 18px;
|
|
833
883
|
padding-right: 18px;
|
|
834
884
|
overflow: hidden;
|
|
835
885
|
}
|
|
@@ -840,7 +890,7 @@
|
|
|
840
890
|
gap: 8px;
|
|
841
891
|
overflow-x: auto;
|
|
842
892
|
overflow-y: hidden;
|
|
843
|
-
scroll-padding-inline:
|
|
893
|
+
scroll-padding-inline: 36px 36px;
|
|
844
894
|
scrollbar-width: none;
|
|
845
895
|
-webkit-overflow-scrolling: touch;
|
|
846
896
|
}
|
|
@@ -868,36 +918,62 @@
|
|
|
868
918
|
background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
|
|
869
919
|
pointer-events: none;
|
|
870
920
|
}
|
|
921
|
+
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Punga,
|
|
871
922
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_BdfSI {
|
|
872
923
|
position: absolute;
|
|
873
|
-
top:
|
|
874
|
-
|
|
924
|
+
top: 0;
|
|
925
|
+
bottom: 0;
|
|
926
|
+
z-index: 1;
|
|
875
927
|
display: flex;
|
|
876
928
|
align-items: center;
|
|
877
|
-
justify-content: flex-end;
|
|
878
929
|
width: 10px;
|
|
879
|
-
height:
|
|
930
|
+
height: auto;
|
|
931
|
+
margin: 0;
|
|
880
932
|
padding: 0;
|
|
881
933
|
border: 0;
|
|
882
934
|
color: var(--font-color-grey, #666);
|
|
883
|
-
|
|
884
|
-
transform: translateY(-50%);
|
|
935
|
+
line-height: 1;
|
|
885
936
|
cursor: pointer;
|
|
886
937
|
}
|
|
938
|
+
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Punga {
|
|
939
|
+
left: 0;
|
|
940
|
+
justify-content: flex-start;
|
|
941
|
+
background: linear-gradient(270deg, rgba(255, 255, 255, 0), #fff 55%);
|
|
942
|
+
}
|
|
943
|
+
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Punga::before {
|
|
944
|
+
content: "";
|
|
945
|
+
position: absolute;
|
|
946
|
+
top: 0;
|
|
947
|
+
bottom: 0;
|
|
948
|
+
right: -24px;
|
|
949
|
+
width: 24px;
|
|
950
|
+
background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92));
|
|
951
|
+
pointer-events: none;
|
|
952
|
+
}
|
|
953
|
+
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_BdfSI {
|
|
954
|
+
right: 0;
|
|
955
|
+
justify-content: flex-end;
|
|
956
|
+
background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 55%);
|
|
957
|
+
}
|
|
887
958
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_BdfSI::before {
|
|
888
959
|
content: "";
|
|
889
960
|
position: absolute;
|
|
890
961
|
top: 0;
|
|
962
|
+
bottom: 0;
|
|
891
963
|
left: -24px;
|
|
892
964
|
width: 24px;
|
|
893
|
-
height: 100%;
|
|
894
965
|
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92));
|
|
895
966
|
pointer-events: none;
|
|
896
967
|
}
|
|
968
|
+
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_B3jzr,
|
|
897
969
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Fd6ab {
|
|
898
|
-
display:
|
|
970
|
+
display: flex;
|
|
971
|
+
align-items: center;
|
|
972
|
+
justify-content: center;
|
|
973
|
+
height: 24px;
|
|
899
974
|
font-size: 24px;
|
|
900
975
|
line-height: 1;
|
|
976
|
+
transform: translateY(-2px);
|
|
901
977
|
}
|
|
902
978
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_Co4Pg {
|
|
903
979
|
height: auto;
|
|
@@ -921,46 +997,6 @@
|
|
|
921
997
|
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_JpaMr.kne-react-filter_Ww12R .kne-react-filter_e3V6h {
|
|
922
998
|
transform: rotate(180deg) scale(0.5);
|
|
923
999
|
}
|
|
924
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi {
|
|
925
|
-
left: 0 !important;
|
|
926
|
-
right: auto !important;
|
|
927
|
-
width: var(--kne-viewport-width, 100vw);
|
|
928
|
-
max-width: var(--kne-viewport-width, 100vw);
|
|
929
|
-
max-height: var(--react-filter-popover-mobile-height, 100vh);
|
|
930
|
-
overflow: hidden;
|
|
931
|
-
z-index: 1050 !important;
|
|
932
|
-
}
|
|
933
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi.kne-react-filter_3Wr-x {
|
|
934
|
-
position: fixed !important;
|
|
935
|
-
}
|
|
936
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi.kne-react-filter_pPiQ8 {
|
|
937
|
-
position: absolute !important;
|
|
938
|
-
}
|
|
939
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_4n4MP {
|
|
940
|
-
display: flex;
|
|
941
|
-
flex-direction: column;
|
|
942
|
-
width: 100%;
|
|
943
|
-
max-height: var(--react-filter-popover-mobile-height, 100vh);
|
|
944
|
-
min-height: 0;
|
|
945
|
-
overflow: hidden;
|
|
946
|
-
background: #fff;
|
|
947
|
-
border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;
|
|
948
|
-
box-shadow: none;
|
|
949
|
-
}
|
|
950
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_g-hXk {
|
|
951
|
-
flex: 1 1 auto;
|
|
952
|
-
min-height: 0;
|
|
953
|
-
overflow: auto;
|
|
954
|
-
-webkit-overflow-scrolling: touch;
|
|
955
|
-
}
|
|
956
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_iqe8W {
|
|
957
|
-
flex: 0 0 auto;
|
|
958
|
-
}
|
|
959
|
-
.kne-react-filter_b3gMw.kne-react-filter_LtgJz .kne-react-filter_m7Csi .kne-react-filter_iqe8W .ant-btn {
|
|
960
|
-
height: 32px;
|
|
961
|
-
padding: 0 16px;
|
|
962
|
-
font-size: 14px;
|
|
963
|
-
}
|
|
964
1000
|
.kne-react-filter_3w4Bb {
|
|
965
1001
|
display: flex;
|
|
966
1002
|
flex-wrap: wrap;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,uBAAuB;EACvB,kDAAkD;AACpD;AACA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kDAAkD;EAClD,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,kDAAkD;EAClD,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,uCAAuC;EACvC,kDAAkD;AACpD;AACA;EACE,OAAO;EACP,YAAY;AACd;AACA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE;IACE,aAAa;EACf;EACA;IACE,4DAA4D;EAC9D;AACF;AACA;EACE;IACE,4DAA4D;IAC5D,UAAU;EACZ;EACA;IACE,aAAa;IACb,UAAU;EACZ;AACF;AACA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;AACA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;AACA;EACE,SAAS;EACT,QAAQ;EACR,OAAO;EACP,MAAM;EACN,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,OAAO;AACT;AACA;EACE,gDAAgD;AAClD;;AAEA;EACE,qDAAqD;EACrD,cAAc;EACd,kDAAkD;AACpD;;AAEA;EACE,cAAc;EACd,iBAAiB;EACjB,mBAAmB;EACnB,kDAAkD;EAClD,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,QAAQ;AACV;AACA;EACE,mCAAmC;EACnC,yBAAyB;AAC3B;AACA;EACE,oCAAoC;AACtC;;AAEA;EACE,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,oBAAoB;EACpB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,kDAAkD;AACpD;AACA;EACE,cAAc;AAChB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,mCAAmC;EACnC,yCAAyC;EACzC,uCAAuC;EACvC,yCAAyC;EACzC,eAAe;AACjB;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,oCAAoC;EACpC,WAAW;AACb;AACA;EACE,2CAA2C;AAC7C;AACA;EACE,oCAAoC;AACtC;AACA;EACE,WAAW;EACX,yCAAyC;AAC3C;AACA;EACE,oCAAoC;AACtC;AACA;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,oBAAoB;EACpB,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;AACX;AACA;EACE,kDAAkD;AACpD;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,OAAO;EACP,MAAM;EACN,WAAW;EACX,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,oBAAoB;AACtB;AACA;;;EAGE,eAAe;AACjB;AACA;EACE,OAAO;AACT;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA
|
|
1
|
+
{"version":3,"sources":["style.module.scss"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,2BAA2B;EAC3B,4BAA4B;EAC5B,iCAAiC;EACjC,gCAAgC;AAClC;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,uBAAuB;EACvB,kDAAkD;AACpD;AACA;EACE,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kDAAkD;EAClD,qBAAqB;AACvB;;AAEA;EACE,cAAc;EACd,kDAAkD;EAClD,sBAAsB;AACxB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,uCAAuC;EACvC,kDAAkD;AACpD;AACA;EACE,OAAO;EACP,YAAY;AACd;AACA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE;IACE,aAAa;EACf;EACA;IACE,4DAA4D;EAC9D;AACF;AACA;EACE;IACE,4DAA4D;IAC5D,UAAU;EACZ;EACA;IACE,aAAa;IACb,UAAU;EACZ;AACF;AACA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;AACA;EACE;IACE,UAAU;EACZ;EACA;IACE,UAAU;EACZ;AACF;AACA;EACE,SAAS;EACT,QAAQ;EACR,OAAO;EACP,MAAM;EACN,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,OAAO;AACT;AACA;EACE,gDAAgD;AAClD;;AAEA;EACE,qDAAqD;EACrD,cAAc;EACd,kDAAkD;AACpD;;AAEA;EACE,cAAc;EACd,iBAAiB;EACjB,mBAAmB;EACnB,kDAAkD;EAClD,iBAAiB;AACnB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,QAAQ;AACV;AACA;EACE,mCAAmC;EACnC,yBAAyB;AAC3B;AACA;EACE,oCAAoC;AACtC;;AAEA;EACE,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,kBAAkB;EAClB,oBAAoB;EACpB,SAAS;EACT,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,kDAAkD;AACpD;AACA;EACE,cAAc;AAChB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,mCAAmC;EACnC,yCAAyC;EACzC,uCAAuC;EACvC,yCAAyC;EACzC,eAAe;AACjB;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,oCAAoC;EACpC,WAAW;AACb;AACA;EACE,2CAA2C;AAC7C;AACA;EACE,oCAAoC;AACtC;AACA;EACE,WAAW;EACX,yCAAyC;AAC3C;AACA;EACE,oCAAoC;AACtC;AACA;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;EACV,oBAAoB;EACpB,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;AACX;AACA;EACE,kDAAkD;AACpD;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,OAAO;EACP,MAAM;EACN,WAAW;EACX,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,oBAAoB;AACtB;AACA;;;EAGE,eAAe;AACjB;AACA;EACE,OAAO;AACT;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,eAAe;AACjB;;AAEA;EACE,cAAc;AAChB;;AAEA;;EAEE,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,cAAc;AAChB;;AAEA;EACE,iBAAiB;EACjB,cAAc;EACd,SAAS;AACX;;AAEA;EACE,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,2CAA2C;EAC3C,YAAY;EACZ,eAAe;EACf,kBAAkB;EAClB,mCAAmC;AACrC;AACA;EACE,oCAAoC;AACtC;AACA;EACE,mCAAmC;AACrC;;AAEA;EACE,oCAAoC;EACpC,gBAAgB;EAChB,cAAc;EACd,uBAAuB;EACvB,gBAAgB;EAChB,gBAAgB;AAClB;AACA;EACE,eAAe;AACjB;;AAEA;EACE,2DAA2D;EAC3D,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,iBAAiB;EACjB,kDAAkD;AACpD;AACA;EACE,oCAAoC;EACpC,kDAAkD;AACpD;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,4BAA4B;EAC5B,kBAAkB;EAClB,mBAAmB;AACrB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,wBAAwB;AAC1B;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,QAAQ;AACV;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;AACX;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,uCAAuC;EACvC,+EAA+E;AACjF;;AAEA;EACE,wBAAwB;AAC1B;AACA;EACE,4BAA4B;AAC9B;;AAEA;EACE,UAAU;AACZ;AACA;EACE,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,kDAAkD;EAClD,sDAAsD;EACtD,sDAAsD;EACtD,4DAA4D;EAC5D,gBAAgB;EAChB,2BAA2B;EAC3B,2BAA2B;EAC3B,wBAAwB;AAC1B;AACA;EACE,UAAU;EACV,2BAA2B;EAC3B,2BAA2B;AAC7B;AACA;EACE,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,4DAA4D;EAC5D,aAAa;EACb,gBAAgB;EAChB,gBAAgB;EAChB,mFAAmF;EACnF,gBAAgB;AAClB;AACA;EACE,cAAc;EACd,aAAa;EACb,cAAc;EACd,iCAAiC;AACnC;AACA;EACE,cAAc;AAChB;AACA;EACE,YAAY;EACZ,eAAe;EACf,eAAe;AACjB;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,6BAA6B;AAC/B;;AAEA;EACE,OAAO;EACP,QAAQ;EACR,SAAS;EACT,aAAa;EACb,+BAA+B;EAC/B,qDAAoD;AACtD;AACA;EACE,eAAe;AACjB;AACA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,qDAAqD;AACvD;;AAEA;EACE,kBAAkB;EAClB,sBAAsB;EACtB,oDAAoD;EACpD,kDAAkD;EAClD,2CAA2C;EAC3C,0DAA0D;EAC1D,gBAAgB;EAChB,gBAAgB;EAChB,mFAAmF;EACnF,2BAA2B;EAC3B,qDAA0D;EAC1D,wBAAwB;AAC1B;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,6BAA6B;AAC/B;AACA;EACE,0BAA0B;EAC1B,2BAA2B;AAC7B;AACA;;;EAGE,2BAA2B;EAC3B,mFAAmF;EACnF,wBAAwB;AAC1B;AACA;;;EAGE,eAAe;AACjB;AACA;EACE,cAAc;EACd,0DAA0D;EAC1D,0BAA0B;AAC5B;AACA;EACE,mBAAmB;AACrB;AACA;EACE,uCAAuC;EACvC,2CAA2C;EAC3C,gBAAgB;EAChB,0DAA0D;EAC1D,gBAAgB;EAChB,aAAa;EACb,sBAAsB;EACtB,gBAAgB;AAClB;AACA;EACE,cAAc;EACd,aAAa;EACb,gBAAgB;AAClB;AACA;;;EAGE,2BAA2B;EAC3B,cAAc;EACd,aAAa;EACb,cAAc;AAChB;AACA;EACE,2BAA2B;EAC3B,cAAc;EACd,aAAa;EACb,cAAc;AAChB;;AAEA;;;;;;;EAOE,WAAW;EACX,eAAe;AACjB;AACA;;;;;;;EAOE,WAAW;AACb;;AAEA;;;;;;;;EAQE,0BAA0B;EAC1B,2BAA2B;EAC3B,gEAAqE;AACvE;;AAEA;;EAEE,0BAA0B;EAC1B,2BAA2B;EAC3B,+BAA+B;EAC/B,gEAAqE;AACvE;;AAEA;EACE,qDAAqD;EACrD,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,4BAA4B;AAC9B;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,oBAAoB;AACtB;AACA;EACE,8BAA8B;AAChC;AACA;EACE,kDAAkD;EAClD,8BAA8B;AAChC;AACA;EACE,6BAA6B;AAC/B;AACA;EACE,oCAAoC;AACtC;AACA;;EAEE,+CAA+C;AACjD;AACA;;EAEE,WAAW;AACb;AACA;EACE,aAAa;AACf;;AAEA;EACE,+CAA+C;AACjD;AACA;EACE,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,WAAW;EACX,cAAc;EACd,eAAe;EACf,oBAAoB;EACpB,uBAAuB;AACzB;;AAEA;EACE,YAAY;AACd;AACA;EACE,+BAA+B;AACjC;AACA;EACE,YAAY;AACd;AACA;EACE,8BAA8B;AAChC;AACA;EACE,8BAA8B;AAChC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,kCAAkC;EAClC,yBAAyB;EACzB,yCAAyC;AAC3C;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,kDAAkD;AACpD;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,YAAY;AACd;AACA;EACE,kBAAkB;AACpB;AACA;EACE,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,oBAAoB;EACpB,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;EAC7B,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,0BAA0B;AAC5B;;AAEA;EACE,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;EACE,iBAAiB;EACjB,cAAc;EACd,sBAAsB;EACtB,mBAAmB;AACrB;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,YAAY;EACZ,gBAAgB;AAClB;AACA;EACE,cAAc;AAChB;AACA;EACE,yBAAyB;EACzB,4BAA4B;AAC9B;AACA;EACE,iBAAiB;AACnB;AACA;EACE,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,YAAY;AACd;AACA;EACE,mBAAmB;EACnB,mBAAmB;AACrB;AACA;EACE,cAAc;EACd,YAAY;AACd;AACA;EACE,cAAc;EACd,cAAc;EACd,gBAAgB;AAClB;AACA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,kBAAkB;EAClB,+BAA+B;EAC/B,qBAAqB;EACrB,iCAAiC;AACnC;AACA;EACE,aAAa;AACf;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,cAAc;AAChB;AACA;EACE,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,UAAU;EACV,WAAW;EACX,YAAY;EACZ,gEAAgE;EAChE,oBAAoB;AACtB;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,gBAAgB;AAClB;AACA;EACE,aAAa;AACf;AACA;EACE,mBAAmB;AACrB;AACA;EACE,iBAAiB;AACnB;AACA;EACE,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,SAAS;EACT,oBAAoB;EACpB,mBAAmB;EACnB,2BAA2B;EAC3B,YAAY;EACZ,UAAU;EACV,oCAAoC;EACpC,uCAAuC;EACvC,cAAc;AAChB;AACA;EACE,aAAa;AACf;AACA;EACE,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;AAClB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,QAAQ;EACR,gBAAgB;EAChB,kBAAkB;EAClB,gCAAgC;EAChC,qBAAqB;EACrB,iCAAiC;AACnC;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;EACd,iBAAiB;EACjB,gBAAgB;AAClB;AACA;EACE,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,UAAU;EACV,WAAW;EACX,YAAY;EACZ,gEAAgE;EAChE,oBAAoB;AACtB;AACA;;EAEE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,UAAU;EACV,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,SAAS;EACT,UAAU;EACV,SAAS;EACT,mCAAmC;EACnC,cAAc;EACd,eAAe;AACjB;AACA;EACE,OAAO;EACP,2BAA2B;EAC3B,qEAAqE;AACvE;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,YAAY;EACZ,WAAW;EACX,sFAAsF;EACtF,oBAAoB;AACtB;AACA;EACE,QAAQ;EACR,yBAAyB;EACzB,oEAAoE;AACtE;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,WAAW;EACX,WAAW;EACX,qFAAqF;EACrF,oBAAoB;AACtB;AACA;;EAEE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,YAAY;EACZ,eAAe;EACf,cAAc;EACd,2BAA2B;AAC7B;AACA;EACE,YAAY;AACd;AACA;EACE,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,2CAA2C;EAC3C,aAAa;EACb,mBAAmB;AACrB;AACA;EACE,oCAAoC;AACtC;AACA;EACE,WAAW;EACX,yCAAyC;AAC3C;AACA;EACE,oCAAoC;AACtC;AAt+BA;EACE,aAAa;EACb,eAAe;EACf,QAAQ;EACR,gBAAgB;AAClB;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,uBAAuB;EACvB,iBAAiB;EACjB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;EACf,oBAAoB;EACpB,YAAY;EACZ,2CAA2C;EAC3C,mCAAmC;EACnC,yBAAiB;UAAjB,iBAAiB;AACnB;AACA;EACE,2DAA2D;EAC3D,oCAAoC;AACtC;AACA;EACE,2DAA2D;EAC3D,oCAAoC;AACtC","file":"index.css","sourcesContent":[".shortcuts-container {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n padding-top: 8px;\n}\n\n.shortcut-item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 2px 12px;\n font-size: 12px;\n line-height: 20px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s;\n border: none;\n background: var(--bg-color-grey-1, #f5f5f5);\n color: var(--font-color-grey, #666);\n user-select: none;\n}\n.shortcut-item:hover {\n background: var(--primary-color-1, rgba(24, 144, 255, 0.1));\n color: var(--primary-color, #1890ff);\n}\n.shortcut-item.is-active {\n background: var(--primary-color-1, rgba(24, 144, 255, 0.1));\n color: var(--primary-color, #1890ff);\n}"]}
|
package/dist/index.js
CHANGED
|
@@ -48,7 +48,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
48
48
|
return t;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
var style$1 = {"kne-responsive-boundary":"kne-react-filter_gh14z","kne-responsive-scroll":"kne-react-filter_Kfn6L","filter":"kne-react-filter_b3gMw","filter-item-icon":"kne-react-filter_e3V6h","filter-item-option-icon":"kne-react-filter_dLoYj","filter-title":"kne-react-filter_khFt2","filter-title-hidden":"kne-react-filter_j2mP1","ad-filter-title":"kne-react-filter_HptIY","ad-filter-line":"kne-react-filter_7Ob6-","filter-line":"kne-react-filter_Y9XTa","clean-btn":"kne-react-filter_CJ935","filter-item":"kne-react-filter_JpaMr","un-expand":"kne-react-filter_LfQME","ad-filter-selected":"kne-react-filter_pBsaE","filter-label":"kne-react-filter_Bx3s8","filter-line-nowrap":"kne-react-filter_Ccx24","filter-line-measure":"kne-react-filter_uMXzo","filter-item-wrap":"kne-react-filter_Co4Pg","option":"kne-react-filter_G1cRp","is-active":"kne-react-filter_Aab98","is-visited":"kne-react-filter_Ww12R","un-expand-shadow":"kne-react-filter_2ExqW","filter-item-label":"kne-react-filter_JAmeE","filter-item-field":"kne-react-filter_WvRvl","filter-drop-tag":"kne-react-filter_dG8rq","filter-list":"kne-react-filter_qlWu6","filter-list-scroll-wrap":"kne-react-filter_oaIF4","filter-list-constrained":"kne-react-filter_3gXxO","filter-list-scroll":"kne-react-filter_Jq43Q","filter-scroll-next":"kne-react-filter_BdfSI","filter-list-tag":"kne-react-filter_LV2VI","filter-tag":"kne-react-filter_yyR3u","filter-tag-value":"kne-react-filter_8nm8n","filter-value-tag":"kne-react-filter_tWyCr","filter-value-tag-label":"kne-react-filter_XPzrL","filter-value-tag-content":"kne-react-filter_6e79l","filter-value-display-content":"kne-react-filter_v2dnw","filter-value-display":"kne-react-filter_8-R34","is-hide-label":"kne-react-filter_zpGJE","is-flush":"kne-react-filter_z8bDM","filter-value-tags-wrap":"kne-react-filter_J1wBU","filter-value-tags":"kne-react-filter_rRhFE","filter-value-actions":"kne-react-filter_-Brt9","filter-value-toggle":"kne-react-filter_WuL0c","pop-util-content":"kne-react-filter_g-hXk","pop-util-body":"kne-react-filter_4n4MP","date-range-picker-popup":"kne-react-filter_6Zx60","pop-util-overlay":"kne-react-filter_m7Csi","
|
|
51
|
+
var style$1 = {"kne-responsive-boundary":"kne-react-filter_gh14z","kne-responsive-scroll":"kne-react-filter_Kfn6L","filter":"kne-react-filter_b3gMw","filter-item-icon":"kne-react-filter_e3V6h","filter-item-option-icon":"kne-react-filter_dLoYj","filter-title":"kne-react-filter_khFt2","filter-title-hidden":"kne-react-filter_j2mP1","ad-filter-title":"kne-react-filter_HptIY","ad-filter-line":"kne-react-filter_7Ob6-","filter-line":"kne-react-filter_Y9XTa","clean-btn":"kne-react-filter_CJ935","filter-item":"kne-react-filter_JpaMr","un-expand":"kne-react-filter_LfQME","ad-filter-selected":"kne-react-filter_pBsaE","filter-label":"kne-react-filter_Bx3s8","filter-line-nowrap":"kne-react-filter_Ccx24","filter-line-measure":"kne-react-filter_uMXzo","filter-item-wrap":"kne-react-filter_Co4Pg","option":"kne-react-filter_G1cRp","is-active":"kne-react-filter_Aab98","is-visited":"kne-react-filter_Ww12R","un-expand-shadow":"kne-react-filter_2ExqW","filter-item-label":"kne-react-filter_JAmeE","filter-item-field":"kne-react-filter_WvRvl","filter-drop-tag":"kne-react-filter_dG8rq","filter-list":"kne-react-filter_qlWu6","filter-list-scroll-wrap":"kne-react-filter_oaIF4","filter-list-constrained":"kne-react-filter_3gXxO","filter-list-scroll":"kne-react-filter_Jq43Q","filter-scroll-prev":"kne-react-filter_Punga","filter-scroll-next":"kne-react-filter_BdfSI","filter-list-tag":"kne-react-filter_LV2VI","filter-tag":"kne-react-filter_yyR3u","filter-tag-value":"kne-react-filter_8nm8n","filter-value-tag":"kne-react-filter_tWyCr","filter-value-tag-label":"kne-react-filter_XPzrL","filter-value-tag-content":"kne-react-filter_6e79l","filter-value-display-content":"kne-react-filter_v2dnw","filter-value-display":"kne-react-filter_8-R34","is-hide-label":"kne-react-filter_zpGJE","is-flush":"kne-react-filter_z8bDM","filter-value-tags-wrap":"kne-react-filter_J1wBU","filter-value-tags":"kne-react-filter_rRhFE","filter-value-actions":"kne-react-filter_-Brt9","filter-value-toggle":"kne-react-filter_WuL0c","pop-util-content":"kne-react-filter_g-hXk","pop-util-body":"kne-react-filter_4n4MP","date-range-picker-popup":"kne-react-filter_6Zx60","pop-util-overlay":"kne-react-filter_m7Csi","is-viewport":"kne-react-filter_3Wr-x","is-boundary":"kne-react-filter_pPiQ8","pop-util-footer":"kne-react-filter_iqe8W","pop-util-mask":"kne-react-filter_o2B3k","pop-util-mask-fade-in":"kne-react-filter_oCXiX","pop-util-mask-leave":"kne-react-filter_qGnRO","pop-util-mask-fade-out":"kne-react-filter_cDx1y","field-item-mobile-popup":"kne-react-filter_wq5nf","pop-util-mobile-expand-down":"kne-react-filter_6RxjE","date-picker-popup":"kne-react-filter_iwLs2","pop-util-mobile-collapse-up":"kne-react-filter_009r-","pop-util-text":"kne-react-filter_72gGQ","filter-item-inner":"kne-react-filter_cYX12","filter-item-text":"kne-react-filter_cnMY-","filter-item-number-range":"kne-react-filter_Cv2Bw","filter-item-custom":"kne-react-filter_CBczA","filter-item-custom-active":"kne-react-filter_ldxUR","filter-item-number-range-split":"kne-react-filter_4p3C9","filter-item-number-input":"kne-react-filter_yy1y1","range-picker":"kne-react-filter_81zQn","cascader-select-wrap":"kne-react-filter_UHBfi","cascader-dropdown-menu":"kne-react-filter_bY8JQ","filter-advanced":"kne-react-filter_rg45N","filter-advanced-item-other":"kne-react-filter_HcsA8","filter-advanced-item-other-inner":"kne-react-filter_4Bqtz","filter-advanced-more":"kne-react-filter_jVH7z","is-mobile":"kne-react-filter_LtgJz","is-not-overflow":"kne-react-filter_TM1E2","is-expand":"kne-react-filter_7aclr","filter-value-scroll-prev-shadow":"kne-react-filter_C1t-q","filter-value-scroll-next-shadow":"kne-react-filter_ZFoeL","is-overflow":"kne-react-filter_GhFCl","filter-value-action-placeholder":"kne-react-filter_wGZp6","filter-value-action-right":"kne-react-filter_vyPwo","filter-scroll-prev-shadow":"kne-react-filter_fyhz3","filter-scroll-prev-icon":"kne-react-filter_B3jzr","filter-scroll-next-icon":"kne-react-filter_Fd6ab"};
|
|
52
52
|
|
|
53
53
|
const context = /*#__PURE__*/react.createContext({});
|
|
54
54
|
const Provider = context.Provider;
|
|
@@ -504,6 +504,14 @@ const FilterLines = _ref3 => {
|
|
|
504
504
|
behavior: 'smooth'
|
|
505
505
|
});
|
|
506
506
|
}, [scrollRef]);
|
|
507
|
+
const scrollToPrev = react.useCallback(() => {
|
|
508
|
+
const el = scrollRef.current;
|
|
509
|
+
if (!el) return;
|
|
510
|
+
el.scrollTo({
|
|
511
|
+
left: Math.max(el.scrollLeft - el.clientWidth * 0.8, 0),
|
|
512
|
+
behavior: 'smooth'
|
|
513
|
+
});
|
|
514
|
+
}, [scrollRef]);
|
|
507
515
|
const scrollItemIntoView = react.useCallback(e => {
|
|
508
516
|
if (!isMobile) return;
|
|
509
517
|
const container = scrollRef.current;
|
|
@@ -612,8 +620,15 @@ const FilterLines = _ref3 => {
|
|
|
612
620
|
children: moreButtonLabel
|
|
613
621
|
})
|
|
614
622
|
})]
|
|
615
|
-
}) : null, isMobile && showScrollPrev ? /*#__PURE__*/jsxRuntime.jsx("
|
|
616
|
-
|
|
623
|
+
}) : null, isMobile && showScrollPrev ? /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
624
|
+
type: "button",
|
|
625
|
+
className: style$1['filter-scroll-prev'],
|
|
626
|
+
onClick: scrollToPrev,
|
|
627
|
+
"aria-label": "scroll prev",
|
|
628
|
+
children: /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
629
|
+
className: style$1['filter-scroll-prev-icon'],
|
|
630
|
+
children: "\u2039"
|
|
631
|
+
})
|
|
617
632
|
}) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
618
633
|
className: style$1['filter-list-scroll'],
|
|
619
634
|
ref: setScrollContainerRef,
|
|
@@ -933,7 +948,7 @@ const FilterOuter = _ref => {
|
|
|
933
948
|
return /*#__PURE__*/jsxRuntime.jsx(FilterProvider, _extends({}, props, {
|
|
934
949
|
children: context => /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
935
950
|
ref: boundaryRef,
|
|
936
|
-
className: classnames__default["default"](style$1['filter'], 'filter',
|
|
951
|
+
className: classnames__default["default"](style$1['filter'], 'filter', isMobile && style$1['is-mobile'], className),
|
|
937
952
|
children: children(_extends({}, context, {
|
|
938
953
|
props
|
|
939
954
|
}))
|
|
@@ -974,8 +989,9 @@ const Filter = withLocale(_ref => {
|
|
|
974
989
|
*/
|
|
975
990
|
const useMobileFixedMode = () => {
|
|
976
991
|
const isMobile = useFilterIsMobile();
|
|
977
|
-
const
|
|
978
|
-
mode
|
|
992
|
+
const {
|
|
993
|
+
mode
|
|
994
|
+
} = responsiveUtils.useResponsiveContext();
|
|
979
995
|
const useBoundaryMount = isMobile && mode === 'container';
|
|
980
996
|
const useViewportFixed = isMobile && mode !== 'container';
|
|
981
997
|
return {
|
|
@@ -985,6 +1001,42 @@ const useMobileFixedMode = () => {
|
|
|
985
1001
|
};
|
|
986
1002
|
};
|
|
987
1003
|
|
|
1004
|
+
/**
|
|
1005
|
+
* Filter Item 弹窗挂载（不使用 RESPONSIVE_BOUNDARY_CLASS，避免劫持全局 pop）：
|
|
1006
|
+
* - useBoundaryMount（example container / 手机预览）：ResponsiveProvider 的 boundary
|
|
1007
|
+
* - 真实移动端 viewport：document.body
|
|
1008
|
+
* - 桌面端：页面级 boundary（usePopupContainer）
|
|
1009
|
+
*/
|
|
1010
|
+
const resolveFilterPopupContainer = ({
|
|
1011
|
+
isMobile,
|
|
1012
|
+
useBoundaryMount,
|
|
1013
|
+
getBoundaryElement
|
|
1014
|
+
}) => {
|
|
1015
|
+
if (!isMobile || useBoundaryMount) {
|
|
1016
|
+
return typeof getBoundaryElement === 'function' ? getBoundaryElement() : null;
|
|
1017
|
+
}
|
|
1018
|
+
return typeof document !== 'undefined' ? document.body : null;
|
|
1019
|
+
};
|
|
1020
|
+
|
|
1021
|
+
const useFilterPopupContainer = () => {
|
|
1022
|
+
const getBoundaryElement = responsiveUtils.usePopupContainer();
|
|
1023
|
+
const _useMobileFixedMode = useMobileFixedMode(),
|
|
1024
|
+
isMobile = _useMobileFixedMode.isMobile,
|
|
1025
|
+
useBoundaryMount = _useMobileFixedMode.useBoundaryMount;
|
|
1026
|
+
const getMountNode = react.useCallback(() => resolveFilterPopupContainer({
|
|
1027
|
+
isMobile,
|
|
1028
|
+
useBoundaryMount,
|
|
1029
|
+
getBoundaryElement
|
|
1030
|
+
}), [getBoundaryElement, isMobile, useBoundaryMount]);
|
|
1031
|
+
const getPopupContainer = react.useCallback(() => getMountNode(), [getMountNode]);
|
|
1032
|
+
return {
|
|
1033
|
+
isMobile,
|
|
1034
|
+
useBoundaryMount,
|
|
1035
|
+
getMountNode,
|
|
1036
|
+
getPopupContainer
|
|
1037
|
+
};
|
|
1038
|
+
};
|
|
1039
|
+
|
|
988
1040
|
const FilterItem = withLocale(_ref => {
|
|
989
1041
|
let open = _ref.open,
|
|
990
1042
|
active = _ref.active,
|
|
@@ -1081,9 +1133,11 @@ const withFieldItem = function (WrappedComponent, options) {
|
|
|
1081
1133
|
const _useState = react.useState(false),
|
|
1082
1134
|
open = _useState[0],
|
|
1083
1135
|
setOpen = _useState[1];
|
|
1084
|
-
const
|
|
1085
|
-
isMobile =
|
|
1086
|
-
useBoundaryMount =
|
|
1136
|
+
const _useFilterPopupContai = useFilterPopupContainer(),
|
|
1137
|
+
isMobile = _useFilterPopupContai.isMobile,
|
|
1138
|
+
useBoundaryMount = _useFilterPopupContai.useBoundaryMount,
|
|
1139
|
+
getMountNode = _useFilterPopupContai.getMountNode,
|
|
1140
|
+
getPopupContainer = _useFilterPopupContai.getPopupContainer;
|
|
1087
1141
|
const fixedModeClass = useBoundaryMount ? style$1['is-boundary'] : style$1['is-viewport'];
|
|
1088
1142
|
const _useState2 = react.useState(false),
|
|
1089
1143
|
renderMask = _useState2[0],
|
|
@@ -1099,7 +1153,6 @@ const withFieldItem = function (WrappedComponent, options) {
|
|
|
1099
1153
|
popupMetrics = _useState4[0],
|
|
1100
1154
|
setPopupMetrics = _useState4[1];
|
|
1101
1155
|
const triggerRef = react.useRef(null);
|
|
1102
|
-
const getBoundaryElement = responsiveUtils.usePopupContainer();
|
|
1103
1156
|
const getScrollElement = responsiveUtils.useScrollElement();
|
|
1104
1157
|
const resolveGetPopupContainer = react.useCallback(triggerNode => {
|
|
1105
1158
|
if (typeof props.getPopupContainer === 'function') {
|
|
@@ -1108,15 +1161,9 @@ const withFieldItem = function (WrappedComponent, options) {
|
|
|
1108
1161
|
return customContainer;
|
|
1109
1162
|
}
|
|
1110
1163
|
}
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
if (useBoundaryMount) {
|
|
1115
|
-
return getBoundaryElement();
|
|
1116
|
-
}
|
|
1117
|
-
return typeof document !== 'undefined' ? document.body : null;
|
|
1118
|
-
}, [getBoundaryElement, isMobile, props.getPopupContainer, useBoundaryMount]);
|
|
1119
|
-
const popupMountNode = typeof document !== 'undefined' ? isMobile ? useBoundaryMount ? getBoundaryElement() || document.body : document.body : getBoundaryElement() || document.body : null;
|
|
1164
|
+
return getPopupContainer(triggerNode);
|
|
1165
|
+
}, [getPopupContainer, props.getPopupContainer]);
|
|
1166
|
+
const popupMountNode = typeof document !== 'undefined' ? getMountNode() || document.body : null;
|
|
1120
1167
|
const setMobilePopupVariables = react.useCallback(metrics => {
|
|
1121
1168
|
if (typeof document === 'undefined') return;
|
|
1122
1169
|
document.body.style.setProperty('--react-filter-field-mobile-height', metrics.height + "px");
|
|
@@ -1127,13 +1174,13 @@ const withFieldItem = function (WrappedComponent, options) {
|
|
|
1127
1174
|
if (typeof window === 'undefined' || !triggerRef.current) return;
|
|
1128
1175
|
const metrics = getMobilePopupMetrics(triggerRef.current, {
|
|
1129
1176
|
scrollEl: getScrollElement(),
|
|
1130
|
-
boundaryEl:
|
|
1177
|
+
boundaryEl: getMountNode(),
|
|
1131
1178
|
useBoundaryMount,
|
|
1132
1179
|
offset: MOBILE_POPUP_OFFSET$1
|
|
1133
1180
|
});
|
|
1134
1181
|
setPopupMetrics(metrics);
|
|
1135
1182
|
setMobilePopupVariables(metrics);
|
|
1136
|
-
}, [
|
|
1183
|
+
}, [getMountNode, getScrollElement, setMobilePopupVariables, useBoundaryMount]);
|
|
1137
1184
|
useResponsiveScrollListener(updatePopupMetrics, open && isMobile);
|
|
1138
1185
|
react.useEffect(() => {
|
|
1139
1186
|
if (typeof document === 'undefined' || !isMobile || popupMetrics.height <= 0) return;
|
|
@@ -1231,7 +1278,7 @@ const withFieldItem = function (WrappedComponent, options) {
|
|
|
1231
1278
|
zIndex: isMobile ? MOBILE_POPUP_Z_INDEX : props.zIndex,
|
|
1232
1279
|
overlayWidth: isMobile && options.forcePopup ? typeof window === 'undefined' ? props.overlayWidth : getMobilePopupMetrics(triggerRef.current, {
|
|
1233
1280
|
scrollEl: getScrollElement(),
|
|
1234
|
-
boundaryEl:
|
|
1281
|
+
boundaryEl: getMountNode(),
|
|
1235
1282
|
useBoundaryMount
|
|
1236
1283
|
}).width || window.innerWidth : props.overlayWidth
|
|
1237
1284
|
}));
|
|
@@ -1289,11 +1336,12 @@ const PopoverItem = withLocale(_ref => {
|
|
|
1289
1336
|
const _useState2 = react.useState(false),
|
|
1290
1337
|
open = _useState2[0],
|
|
1291
1338
|
setOpen = _useState2[1];
|
|
1292
|
-
const
|
|
1293
|
-
isMobile =
|
|
1294
|
-
useBoundaryMount =
|
|
1339
|
+
const _useFilterPopupContai = useFilterPopupContainer(),
|
|
1340
|
+
isMobile = _useFilterPopupContai.isMobile,
|
|
1341
|
+
useBoundaryMount = _useFilterPopupContai.useBoundaryMount,
|
|
1342
|
+
getMountNode = _useFilterPopupContai.getMountNode,
|
|
1343
|
+
getPopupContainer = _useFilterPopupContai.getPopupContainer;
|
|
1295
1344
|
const fixedModeClass = useBoundaryMount ? style$1['is-boundary'] : style$1['is-viewport'];
|
|
1296
|
-
const getBoundaryElement = responsiveUtils.usePopupContainer();
|
|
1297
1345
|
const getScrollElement = responsiveUtils.useScrollElement();
|
|
1298
1346
|
const resolveGetPopupContainer = react.useCallback(triggerNode => {
|
|
1299
1347
|
if (typeof customGetPopupContainer === 'function') {
|
|
@@ -1302,15 +1350,8 @@ const PopoverItem = withLocale(_ref => {
|
|
|
1302
1350
|
return customContainer;
|
|
1303
1351
|
}
|
|
1304
1352
|
}
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
}
|
|
1308
|
-
if (useBoundaryMount) {
|
|
1309
|
-
return getBoundaryElement();
|
|
1310
|
-
}
|
|
1311
|
-
return typeof document !== 'undefined' ? document.body : null;
|
|
1312
|
-
}, [customGetPopupContainer, getBoundaryElement, isMobile, useBoundaryMount]);
|
|
1313
|
-
const popupMountNode = typeof document !== 'undefined' ? isMobile ? useBoundaryMount ? getBoundaryElement() || document.body : document.body : getBoundaryElement() || document.body : null;
|
|
1353
|
+
return getPopupContainer(triggerNode);
|
|
1354
|
+
}, [customGetPopupContainer, getPopupContainer]);
|
|
1314
1355
|
const _useState3 = react.useState(false),
|
|
1315
1356
|
renderMask = _useState3[0],
|
|
1316
1357
|
setRenderMask = _useState3[1];
|
|
@@ -1325,6 +1366,7 @@ const PopoverItem = withLocale(_ref => {
|
|
|
1325
1366
|
popupMetrics = _useState5[0],
|
|
1326
1367
|
setPopupMetrics = _useState5[1];
|
|
1327
1368
|
const triggerRef = react.useRef(null);
|
|
1369
|
+
const popupMountNode = typeof document !== 'undefined' ? getMountNode() || document.body : null;
|
|
1328
1370
|
const disabled = react.useMemo(() => {
|
|
1329
1371
|
return onValidate && !onValidate(state);
|
|
1330
1372
|
}, [onValidate, state]);
|
|
@@ -1336,12 +1378,12 @@ const PopoverItem = withLocale(_ref => {
|
|
|
1336
1378
|
if (typeof window === 'undefined' || !triggerRef.current) return;
|
|
1337
1379
|
const metrics = getMobilePopupMetrics(triggerRef.current, {
|
|
1338
1380
|
scrollEl: getScrollElement(),
|
|
1339
|
-
boundaryEl:
|
|
1381
|
+
boundaryEl: getMountNode(),
|
|
1340
1382
|
useBoundaryMount,
|
|
1341
1383
|
offset: MOBILE_POPUP_OFFSET
|
|
1342
1384
|
});
|
|
1343
1385
|
setPopupMetrics(metrics);
|
|
1344
|
-
}, [
|
|
1386
|
+
}, [getMountNode, getScrollElement, useBoundaryMount]);
|
|
1345
1387
|
useResponsiveScrollListener(updatePopupMetrics, open && isMobile);
|
|
1346
1388
|
react.useEffect(() => {
|
|
1347
1389
|
if (open && isMobile) {
|
|
@@ -1679,10 +1721,10 @@ const TypeDateRangePickerField = _ref => {
|
|
|
1679
1721
|
moduleName: 'Filter'
|
|
1680
1722
|
}),
|
|
1681
1723
|
formatMessage = _useIntl.formatMessage;
|
|
1682
|
-
const
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
|
|
1724
|
+
const _useFilterPopupContai = useFilterPopupContainer(),
|
|
1725
|
+
isMobile = _useFilterPopupContai.isMobile,
|
|
1726
|
+
useBoundaryMount = _useFilterPopupContai.useBoundaryMount,
|
|
1727
|
+
getPopupContainer = _useFilterPopupContai.getPopupContainer;
|
|
1686
1728
|
const fixedModeClass = useBoundaryMount ? style['is-boundary'] : style['is-viewport'];
|
|
1687
1729
|
const nestedPopupClassName = classnames__default["default"](style['field-item-mobile-popup'], FIELD_MOBILE_POPUP_CLASS, fixedModeClass);
|
|
1688
1730
|
const nestedPopupStyle = isMobile ? {
|
|
@@ -2787,7 +2829,9 @@ const CityFilterItemInner = ({
|
|
|
2787
2829
|
const {
|
|
2788
2830
|
message
|
|
2789
2831
|
} = antd.App.useApp();
|
|
2790
|
-
const
|
|
2832
|
+
const {
|
|
2833
|
+
getPopupContainer
|
|
2834
|
+
} = useFilterPopupContainer();
|
|
2791
2835
|
const {
|
|
2792
2836
|
locale
|
|
2793
2837
|
} = reactIntl.useIntl();
|