@sia.soul/sia-react-ui 0.1.89 → 0.1.91
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/{chunk-IOJ4CNH7.js → chunk-7BJPQCRG.js} +1 -1
- package/dist/{chunk-ZCRCLHBJ.js → chunk-AG2VFAZR.js} +2 -2
- package/dist/{chunk-V2WADR72.js → chunk-G5K72R4O.js} +516 -242
- package/dist/{chunk-2V7IYAA2.js → chunk-GLXGN5SO.js} +2 -2
- package/dist/{chunk-W2F4KFPT.js → chunk-OPYA3PMD.js} +1 -1
- package/dist/{core-CD0Fr3cM.d.ts → core-BGA9VB0L.d.ts} +2 -2
- package/dist/{core-BW2GUYC2.d.cts → core-OIIkAeiG.d.cts} +2 -2
- package/dist/core.cjs +1133 -859
- package/dist/core.css +2 -1
- package/dist/core.d.cts +1 -1
- package/dist/core.d.ts +1 -1
- package/dist/core.js +3 -3
- package/dist/index.cjs +3327 -3053
- package/dist/index.css +2 -1
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +5 -5
- package/dist/rich-text-editor.cjs +768 -494
- package/dist/rich-text-editor.js +2 -2
- package/dist/select-date-range.cjs +928 -654
- package/dist/select-date-range.js +3 -3
- package/package.json +1 -1
|
@@ -321,10 +321,10 @@ function useFloatingPlaceholder({ mode, placeholder, filled, active = false }) {
|
|
|
321
321
|
}
|
|
322
322
|
|
|
323
323
|
// src/components/DatePicker.tsx
|
|
324
|
-
var
|
|
324
|
+
var import_react8 = require("react");
|
|
325
325
|
|
|
326
326
|
// src/components/Icon.tsx
|
|
327
|
-
var
|
|
327
|
+
var import_react4 = require("react");
|
|
328
328
|
|
|
329
329
|
// src/components/IconCatalog.tsx
|
|
330
330
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
@@ -809,328 +809,602 @@ var extendedIconPaths = {
|
|
|
809
809
|
] })
|
|
810
810
|
};
|
|
811
811
|
|
|
812
|
-
// src/components/
|
|
812
|
+
// src/components/iconBounds.ts
|
|
813
|
+
var outlineIconBounds = {
|
|
814
|
+
"activity": [3, 6, 18, 13],
|
|
815
|
+
"align-center": [4, 6, 16, 12],
|
|
816
|
+
"align-justify": [4, 6, 16, 12],
|
|
817
|
+
"align-left": [4, 6, 16, 12],
|
|
818
|
+
"align-right": [4, 6, 16, 12],
|
|
819
|
+
"appstore": [3, 3, 18, 18],
|
|
820
|
+
"area-chart": [3, 5, 18, 15],
|
|
821
|
+
"arrow-down": [5, 3, 14, 18],
|
|
822
|
+
"arrow-left": [3, 5, 18, 14],
|
|
823
|
+
"arrow-right": [3, 5, 18, 14],
|
|
824
|
+
"arrow-up": [5, 3, 14, 18],
|
|
825
|
+
"bank": [3, 3, 18, 18],
|
|
826
|
+
"bar-chart": [3, 4, 18, 17],
|
|
827
|
+
"barcode": [4, 5, 16, 14],
|
|
828
|
+
"bell": [3, 3, 18, 18],
|
|
829
|
+
"bold": [7, 4, 11, 16],
|
|
830
|
+
"book": [4, 3, 16, 19],
|
|
831
|
+
"branches": [4, 3, 16, 18],
|
|
832
|
+
"bug": [5, 5, 14, 15],
|
|
833
|
+
"bulb": [5.000001, 2.255438, 14.000001, 18.744562],
|
|
834
|
+
"calculator": [5, 2, 14, 20],
|
|
835
|
+
"calendar": [3, 3, 18, 18],
|
|
836
|
+
"camera": [3, 4, 18, 16],
|
|
837
|
+
"car": [3, 4, 18, 16],
|
|
838
|
+
"check": [4, 6.5, 16, 11],
|
|
839
|
+
"chevron-down": [5, 8.5, 14, 7],
|
|
840
|
+
"chevron-left": [8.5, 5, 7, 14],
|
|
841
|
+
"chevron-right": [8.5, 5, 7, 14],
|
|
842
|
+
"chevron-up": [5, 8.5, 14, 7],
|
|
843
|
+
"circle-check": [3, 3, 18, 18],
|
|
844
|
+
"circle-close": [3, 3, 18, 18],
|
|
845
|
+
"circle-minus": [3, 3, 18, 18],
|
|
846
|
+
"circle-plus": [3, 3, 18, 18],
|
|
847
|
+
"clipboard": [5, 3, 14, 18],
|
|
848
|
+
"clipboard-check": [5, 3, 14, 18],
|
|
849
|
+
"clock": [3, 3, 18, 18],
|
|
850
|
+
"close": [5, 5, 14, 14],
|
|
851
|
+
"cloud": [1.267807, 5.290112, 20.99, 13.79396],
|
|
852
|
+
"cloud-download": [1.100703, 5.621803, 21.657103, 15.378197],
|
|
853
|
+
"cloud-upload": [1.100703, 5.621803, 21.657103, 15.378197],
|
|
854
|
+
"code": [3, 6, 18, 12],
|
|
855
|
+
"coffee": [4, 3, 18, 17],
|
|
856
|
+
"columns": [3, 4, 18, 16],
|
|
857
|
+
"comments": [3, 4, 18, 17],
|
|
858
|
+
"compass": [3, 3, 18, 18],
|
|
859
|
+
"component": [4, 4, 16, 16],
|
|
860
|
+
"copy": [4, 4, 16, 16],
|
|
861
|
+
"corner-up-left": [4, 5, 16, 14],
|
|
862
|
+
"corner-up-right": [4, 5, 16, 14],
|
|
863
|
+
"database": [4, 2, 16, 20],
|
|
864
|
+
"desktop": [3, 3, 18, 18],
|
|
865
|
+
"double-left": [5, 5, 14, 14],
|
|
866
|
+
"double-right": [5, 5, 14, 14],
|
|
867
|
+
"download": [4, 3, 16, 17],
|
|
868
|
+
"edit": [4, 4.171572, 16, 15.828428],
|
|
869
|
+
"eraser": [4, 5, 17, 15],
|
|
870
|
+
"expand": [4, 4, 16, 16],
|
|
871
|
+
"experiment": [3.720577, 3, 16.558847, 19.019615],
|
|
872
|
+
"external-link": [3, 4, 17, 17],
|
|
873
|
+
"eye": [2.5, 6, 19, 12],
|
|
874
|
+
"eye-off": [2.5, 3, 19, 18],
|
|
875
|
+
"fast-backward": [4, 6, 16, 12],
|
|
876
|
+
"fast-forward": [4, 6, 16, 12],
|
|
877
|
+
"file": [6, 3, 12, 18],
|
|
878
|
+
"file-check": [6, 3, 12, 18],
|
|
879
|
+
"file-plus": [6, 3, 12, 18],
|
|
880
|
+
"file-spreadsheet": [6, 3, 12, 18],
|
|
881
|
+
"file-warning": [6, 3, 12, 18],
|
|
882
|
+
"filter": [3, 5, 18, 16],
|
|
883
|
+
"flip-horizontal": [3, 3, 18, 18],
|
|
884
|
+
"flip-vertical": [3, 3, 18, 18],
|
|
885
|
+
"folder": [3, 6, 18, 13],
|
|
886
|
+
"folder-plus": [3, 6, 18, 13],
|
|
887
|
+
"frown": [3, 3, 18, 18],
|
|
888
|
+
"fullscreen": [4, 4, 16, 16],
|
|
889
|
+
"fullscreen-exit": [4, 4, 16, 16],
|
|
890
|
+
"game-backpack": [4, 1.5, 16, 19.5],
|
|
891
|
+
"game-cultivator": [7, 2, 10, 19],
|
|
892
|
+
"game-elixir-jar": [5, 3, 14, 18],
|
|
893
|
+
"game-flame": [4.5, 2.5, 15.000168, 19.950167],
|
|
894
|
+
"game-gem": [4, 4, 16, 17],
|
|
895
|
+
"game-herb": [4, 5.488038, 16, 15.511962],
|
|
896
|
+
"game-ingot": [3, 6, 18, 13.5],
|
|
897
|
+
"game-meditate": [4, 3, 16, 18],
|
|
898
|
+
"game-necklace": [5, 4, 14, 16],
|
|
899
|
+
"game-pants": [6, 3, 12, 18],
|
|
900
|
+
"game-pendant": [5, 4, 14, 16.6],
|
|
901
|
+
"game-pill": [4.510922, 4.522434, 14.966641, 14.966642],
|
|
902
|
+
"game-potion": [4.370614, 3, 15.258771, 18.002394],
|
|
903
|
+
"game-qi": [3, 3, 18, 18],
|
|
904
|
+
"game-robe": [4.5, 4, 15, 17],
|
|
905
|
+
"game-soul-elixir": [2.5, 2.5, 19, 19],
|
|
906
|
+
"game-spirit-wolf": [4, 4.2, 16.025938, 16.5],
|
|
907
|
+
"game-sword": [4, 3.5, 15.5, 16.5],
|
|
908
|
+
"game-swordsman": [7, 2.5, 12.900002, 18.5],
|
|
909
|
+
"gift": [3, 3.17335, 18, 17.826651],
|
|
910
|
+
"github": [3.699682, 3.977686, 16.600634, 18.022314],
|
|
911
|
+
"heart": [1.584567, 4.178144, 20.83729, 16.821857],
|
|
912
|
+
"help-circle": [3, 3, 18, 18],
|
|
913
|
+
"highlighter": [3, 4, 16, 16],
|
|
914
|
+
"home": [3.5, 4, 17, 16],
|
|
915
|
+
"image": [3, 4, 18, 16],
|
|
916
|
+
"info": [3, 3, 18, 18],
|
|
917
|
+
"italic": [6, 4, 12, 16],
|
|
918
|
+
"key": [4, 4, 15, 15],
|
|
919
|
+
"laptop": [3, 5, 18, 14],
|
|
920
|
+
"line-chart": [3, 5, 18, 15],
|
|
921
|
+
"link": [-0.034671, 4.964466, 24.070208, 14.070206],
|
|
922
|
+
"list-ordered": [4, 5, 17, 15],
|
|
923
|
+
"list-unordered": [4, 5.5, 17, 13],
|
|
924
|
+
"loader": [3, 3, 18, 18],
|
|
925
|
+
"location": [5, 2, 14, 20],
|
|
926
|
+
"lock": [4, 3, 16, 18],
|
|
927
|
+
"login": [5, 5, 12, 14],
|
|
928
|
+
"logout": [7, 5, 12, 14],
|
|
929
|
+
"mail": [3, 5, 18, 14],
|
|
930
|
+
"meh": [3, 3, 18, 18],
|
|
931
|
+
"menu": [4, 6, 16, 12],
|
|
932
|
+
"menu-fold": [4, 6, 16, 12],
|
|
933
|
+
"menu-unfold": [4, 6, 16, 12],
|
|
934
|
+
"message": [4, 4, 16, 17],
|
|
935
|
+
"microphone": [5, 3, 14, 18],
|
|
936
|
+
"minus": [4, 12, 16, 0],
|
|
937
|
+
"mobile": [7, 2, 10, 20],
|
|
938
|
+
"moon": [3.717114, 4, 16.282887, 16.282888],
|
|
939
|
+
"more-horizontal": [5, 12, 14.1, 0],
|
|
940
|
+
"more-vertical": [12, 5, 0, 14.1],
|
|
941
|
+
"move": [3, 3, 18, 18],
|
|
942
|
+
"notepad-file": [3.375, 1.875, 17.25, 20.25],
|
|
943
|
+
"notepad-folder": [1.875, 2.25, 20.2875, 19.5],
|
|
944
|
+
"notepad-virtual-folder": [0.75, 0.75, 22.5, 22.5],
|
|
945
|
+
"paperclip": [1.136039, 3, 21.106602, 18.86396],
|
|
946
|
+
"partition": [4, 1, 16, 20],
|
|
947
|
+
"pause": [3, 3, 18, 18],
|
|
948
|
+
"phone": [4.161916, 3.5, 16.338085, 16.338085],
|
|
949
|
+
"pie-chart": [2, 3, 18.5, 18],
|
|
950
|
+
"pin": [6.5, 3, 11, 18],
|
|
951
|
+
"pin-off": [3, 3, 18, 18],
|
|
952
|
+
"play": [3, 3, 18, 18],
|
|
953
|
+
"plus": [4, 4, 16, 16],
|
|
954
|
+
"power": [4, 3, 16.000002, 16.744997],
|
|
955
|
+
"printer": [4, 3, 16, 18],
|
|
956
|
+
"puzzle": [3, 3, 18, 18],
|
|
957
|
+
"qr-code": [3, 3, 18, 18],
|
|
958
|
+
"question": [3, 3, 18, 18],
|
|
959
|
+
"redo": [4, 7, 17, 12],
|
|
960
|
+
"refresh": [3.999998, 3.999709, 16.000002, 16.000002],
|
|
961
|
+
"rocket": [3, 3, 18, 18],
|
|
962
|
+
"rotate-left": [4, 3, 15.416197, 17],
|
|
963
|
+
"rotate-right": [4.583802, 3, 15.416199, 17],
|
|
964
|
+
"rows": [3, 4, 18, 16],
|
|
965
|
+
"save": [4, 3, 16, 18],
|
|
966
|
+
"scan": [3, 3, 18, 18],
|
|
967
|
+
"scissors": [3, 4, 17, 16],
|
|
968
|
+
"search": [4, 4, 17, 17],
|
|
969
|
+
"send": [3, 3, 18, 18],
|
|
970
|
+
"server": [3, 4, 18, 16],
|
|
971
|
+
"settings": [4, 4, 16, 16],
|
|
972
|
+
"share": [3, 2, 18, 20],
|
|
973
|
+
"shield": [4, 3, 16, 19],
|
|
974
|
+
"shield-check": [4, 3, 16, 19],
|
|
975
|
+
"shop": [3, 4, 18, 17],
|
|
976
|
+
"shopping-bag": [4, 3, 16, 18],
|
|
977
|
+
"shopping-cart": [3, 4, 17, 17],
|
|
978
|
+
"shrink": [5, 4, 14, 16],
|
|
979
|
+
"smile": [3, 3, 18, 18],
|
|
980
|
+
"sort-ascending": [3.5, 5, 17.5, 14],
|
|
981
|
+
"sort-descending": [3.5, 5, 17.5, 14],
|
|
982
|
+
"speaker-muted": [4, 6.4, 16.5, 11.200001],
|
|
983
|
+
"speaker-wave": [4, 6.4, 12.343426, 11.200001],
|
|
984
|
+
"square-check": [3, 3, 18, 18],
|
|
985
|
+
"square-close": [3, 3, 18, 18],
|
|
986
|
+
"square-minus": [3, 3, 18, 18],
|
|
987
|
+
"square-plus": [3, 3, 18, 18],
|
|
988
|
+
"star": [3, 3, 18, 17.200001],
|
|
989
|
+
"step-backward": [6, 5, 12, 14],
|
|
990
|
+
"step-forward": [6, 5, 12, 14],
|
|
991
|
+
"stop": [3, 3, 18, 18],
|
|
992
|
+
"strikethrough": [5, 4, 14, 16],
|
|
993
|
+
"sun": [2.5, 2.5, 19, 19],
|
|
994
|
+
"swap-horizontal": [4, 4, 16, 16],
|
|
995
|
+
"swap-vertical": [4, 4, 16, 16],
|
|
996
|
+
"tab-plus": [3, 4, 18, 16],
|
|
997
|
+
"table": [3, 4, 18, 16],
|
|
998
|
+
"tablet": [5, 2, 14, 20],
|
|
999
|
+
"tag": [3, 4, 18, 17],
|
|
1000
|
+
"tags": [3, 4, 18, 17],
|
|
1001
|
+
"target": [3, 3, 18, 18],
|
|
1002
|
+
"tilde": [3, 9.214088, 18, 4.785912],
|
|
1003
|
+
"token": [2.5, 2.5, 19, 19],
|
|
1004
|
+
"tool": [4.870828, 2.816625, 16.750492, 16.804695],
|
|
1005
|
+
"trash": [4, 3, 16, 18],
|
|
1006
|
+
"trending-down": [4, 7, 16, 9],
|
|
1007
|
+
"trending-up": [4, 8, 16, 9],
|
|
1008
|
+
"trophy": [3.997966, 4, 16.004068, 16],
|
|
1009
|
+
"truck": [3, 5, 18, 16],
|
|
1010
|
+
"underline": [5, 4, 14, 17],
|
|
1011
|
+
"undo": [3, 7, 17, 12],
|
|
1012
|
+
"unlock": [4, 2.935554, 16, 18.064445],
|
|
1013
|
+
"upload": [4, 4, 16, 16],
|
|
1014
|
+
"user": [4.5, 4, 15, 17],
|
|
1015
|
+
"user-minus": [3, 4, 19.5, 17],
|
|
1016
|
+
"user-plus": [3, 4, 19.5, 17],
|
|
1017
|
+
"users": [2.8, 4.5, 18.300001, 15.5],
|
|
1018
|
+
"vertical-align-bottom": [4, 4, 16, 16],
|
|
1019
|
+
"vertical-align-middle": [4, 4, 16, 16],
|
|
1020
|
+
"vertical-align-top": [4, 4, 16, 16],
|
|
1021
|
+
"video": [3, 5, 18, 14],
|
|
1022
|
+
"volume-off": [4, 6, 18, 12],
|
|
1023
|
+
"volume-up": [4, 6, 16.690525, 12],
|
|
1024
|
+
"wallet": [3, 5, 18, 15],
|
|
1025
|
+
"warning": [2.33137, 3.153565, 19.337257, 17.847614],
|
|
1026
|
+
"wifi": [3, 5.723805, 18, 15.376196],
|
|
1027
|
+
"zoom-in": [4, 4, 17, 17],
|
|
1028
|
+
"zoom-out": [4, 4, 17, 17]
|
|
1029
|
+
};
|
|
1030
|
+
var filledIconBounds = {
|
|
1031
|
+
"bell": [3, 2.499593, 18, 19.423376],
|
|
1032
|
+
"book": [3, 1, 18, 22],
|
|
1033
|
+
"calendar": [2.5, 2.5, 19, 19],
|
|
1034
|
+
"circle-check": [2, 2, 20, 20],
|
|
1035
|
+
"circle-close": [2, 2, 20, 20],
|
|
1036
|
+
"circle-minus": [2, 2, 20, 20],
|
|
1037
|
+
"circle-plus": [2, 2, 20, 20],
|
|
1038
|
+
"clock": [2, 2, 20, 20],
|
|
1039
|
+
"component": [3, 3, 18, 18],
|
|
1040
|
+
"file": [5, 2.5, 14, 19.5],
|
|
1041
|
+
"filter": [2, 4, 20, 18],
|
|
1042
|
+
"folder": [2.5, 5, 19, 15],
|
|
1043
|
+
"heart": [1.247845, 3.647845, 21.504313, 17.652155],
|
|
1044
|
+
"home": [2.157447, 2.8, 19.500002, 18.200001],
|
|
1045
|
+
"image": [2.5, 3.5, 19, 17],
|
|
1046
|
+
"info": [2, 2, 20, 20],
|
|
1047
|
+
"lock": [3, 2, 18, 20],
|
|
1048
|
+
"mail": [2.5, 4.5, 19, 15],
|
|
1049
|
+
"pause": [2, 2, 20, 20],
|
|
1050
|
+
"play": [2, 2, 20, 20],
|
|
1051
|
+
"question": [2, 2, 20, 20],
|
|
1052
|
+
"star": [2.4, 2.199999, 19.200001, 18.200001],
|
|
1053
|
+
"token": [1, 1, 22, 22],
|
|
1054
|
+
"trash": [3, 3, 18, 18],
|
|
1055
|
+
"unlock": [3, 1.979363, 18, 20.020638],
|
|
1056
|
+
"user": [3.5, 3, 17, 18],
|
|
1057
|
+
"users": [1.8, 4.2, 19.6, 16.799999],
|
|
1058
|
+
"warning": [1.53137, 2.553565, 20.937256, 19.447613]
|
|
1059
|
+
};
|
|
1060
|
+
|
|
1061
|
+
// src/components/iconGeometry.tsx
|
|
1062
|
+
var import_react3 = require("react");
|
|
813
1063
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
1064
|
+
function compensateStroke(node, scale) {
|
|
1065
|
+
return import_react3.Children.map(node, (child) => {
|
|
1066
|
+
if (!(0, import_react3.isValidElement)(child)) return child;
|
|
1067
|
+
const props = child.props;
|
|
1068
|
+
return (0, import_react3.cloneElement)(child, {
|
|
1069
|
+
...props.strokeWidth === void 0 ? {} : { strokeWidth: Number(props.strokeWidth) / scale },
|
|
1070
|
+
...props.children === void 0 ? {} : { children: compensateStroke(props.children, scale) }
|
|
1071
|
+
});
|
|
1072
|
+
});
|
|
1073
|
+
}
|
|
1074
|
+
function normalizeIconPaths(paths, bounds) {
|
|
1075
|
+
return Object.fromEntries(Object.entries(paths).map(([name, node]) => {
|
|
1076
|
+
const [x, y, width, height] = bounds[name];
|
|
1077
|
+
const scale = 18 / Math.max(width, height);
|
|
1078
|
+
const transform = `translate(${12 - (x + width / 2) * scale} ${12 - (y + height / 2) * scale}) scale(${scale})`;
|
|
1079
|
+
return [name, { scale, node: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { transform, children: compensateStroke(node, scale) }) }];
|
|
1080
|
+
}));
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
// src/components/Icon.tsx
|
|
1084
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
814
1085
|
var coreIconPaths = {
|
|
815
|
-
search: /* @__PURE__ */ (0,
|
|
816
|
-
/* @__PURE__ */ (0,
|
|
817
|
-
/* @__PURE__ */ (0,
|
|
1086
|
+
search: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1087
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
|
|
1088
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15.8 15.8 5.2 5.2" })
|
|
818
1089
|
] }),
|
|
819
|
-
plus: /* @__PURE__ */ (0,
|
|
1090
|
+
plus: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 4v16M4 12h16" }),
|
|
820
1091
|
// 数字区间用波浪线表达范围，避免箭头暗示跳转方向。
|
|
821
|
-
tilde: /* @__PURE__ */ (0,
|
|
822
|
-
minus: /* @__PURE__ */ (0,
|
|
823
|
-
close: /* @__PURE__ */ (0,
|
|
824
|
-
check: /* @__PURE__ */ (0,
|
|
825
|
-
info: /* @__PURE__ */ (0,
|
|
826
|
-
/* @__PURE__ */ (0,
|
|
827
|
-
/* @__PURE__ */ (0,
|
|
828
|
-
] }),
|
|
829
|
-
question: /* @__PURE__ */ (0,
|
|
830
|
-
/* @__PURE__ */ (0,
|
|
831
|
-
/* @__PURE__ */ (0,
|
|
832
|
-
] }),
|
|
833
|
-
warning: /* @__PURE__ */ (0,
|
|
834
|
-
/* @__PURE__ */ (0,
|
|
835
|
-
/* @__PURE__ */ (0,
|
|
836
|
-
] }),
|
|
837
|
-
"circle-check": /* @__PURE__ */ (0,
|
|
838
|
-
/* @__PURE__ */ (0,
|
|
839
|
-
/* @__PURE__ */ (0,
|
|
840
|
-
] }),
|
|
841
|
-
"circle-close": /* @__PURE__ */ (0,
|
|
842
|
-
/* @__PURE__ */ (0,
|
|
843
|
-
/* @__PURE__ */ (0,
|
|
844
|
-
] }),
|
|
845
|
-
"circle-plus": /* @__PURE__ */ (0,
|
|
846
|
-
/* @__PURE__ */ (0,
|
|
847
|
-
/* @__PURE__ */ (0,
|
|
848
|
-
] }),
|
|
849
|
-
"circle-minus": /* @__PURE__ */ (0,
|
|
850
|
-
/* @__PURE__ */ (0,
|
|
851
|
-
/* @__PURE__ */ (0,
|
|
852
|
-
] }),
|
|
853
|
-
"chevron-left": /* @__PURE__ */ (0,
|
|
854
|
-
"chevron-right": /* @__PURE__ */ (0,
|
|
855
|
-
"chevron-up": /* @__PURE__ */ (0,
|
|
856
|
-
"chevron-down": /* @__PURE__ */ (0,
|
|
857
|
-
"double-left": /* @__PURE__ */ (0,
|
|
858
|
-
/* @__PURE__ */ (0,
|
|
859
|
-
/* @__PURE__ */ (0,
|
|
860
|
-
] }),
|
|
861
|
-
"double-right": /* @__PURE__ */ (0,
|
|
862
|
-
/* @__PURE__ */ (0,
|
|
863
|
-
/* @__PURE__ */ (0,
|
|
864
|
-
] }),
|
|
865
|
-
"arrow-left": /* @__PURE__ */ (0,
|
|
866
|
-
/* @__PURE__ */ (0,
|
|
867
|
-
/* @__PURE__ */ (0,
|
|
868
|
-
] }),
|
|
869
|
-
"arrow-right": /* @__PURE__ */ (0,
|
|
870
|
-
/* @__PURE__ */ (0,
|
|
871
|
-
/* @__PURE__ */ (0,
|
|
872
|
-
] }),
|
|
873
|
-
"arrow-up": /* @__PURE__ */ (0,
|
|
874
|
-
/* @__PURE__ */ (0,
|
|
875
|
-
/* @__PURE__ */ (0,
|
|
876
|
-
] }),
|
|
877
|
-
"arrow-down": /* @__PURE__ */ (0,
|
|
878
|
-
/* @__PURE__ */ (0,
|
|
879
|
-
/* @__PURE__ */ (0,
|
|
880
|
-
] }),
|
|
881
|
-
menu: /* @__PURE__ */ (0,
|
|
882
|
-
"more-horizontal": /* @__PURE__ */ (0,
|
|
883
|
-
"more-vertical": /* @__PURE__ */ (0,
|
|
884
|
-
home: /* @__PURE__ */ (0,
|
|
885
|
-
/* @__PURE__ */ (0,
|
|
886
|
-
/* @__PURE__ */ (0,
|
|
887
|
-
] }),
|
|
888
|
-
user: /* @__PURE__ */ (0,
|
|
889
|
-
/* @__PURE__ */ (0,
|
|
890
|
-
/* @__PURE__ */ (0,
|
|
891
|
-
] }),
|
|
892
|
-
users: /* @__PURE__ */ (0,
|
|
893
|
-
/* @__PURE__ */ (0,
|
|
894
|
-
/* @__PURE__ */ (0,
|
|
895
|
-
/* @__PURE__ */ (0,
|
|
896
|
-
] }),
|
|
897
|
-
//
|
|
898
|
-
settings: /* @__PURE__ */ (0,
|
|
899
|
-
/* @__PURE__ */ (0,
|
|
900
|
-
/* @__PURE__ */ (0,
|
|
901
|
-
] }),
|
|
902
|
-
edit: /* @__PURE__ */ (0,
|
|
903
|
-
/* @__PURE__ */ (0,
|
|
904
|
-
/* @__PURE__ */ (0,
|
|
905
|
-
] }),
|
|
906
|
-
copy: /* @__PURE__ */ (0,
|
|
907
|
-
/* @__PURE__ */ (0,
|
|
908
|
-
/* @__PURE__ */ (0,
|
|
909
|
-
] }),
|
|
910
|
-
trash: /* @__PURE__ */ (0,
|
|
911
|
-
scissors: /* @__PURE__ */ (0,
|
|
912
|
-
/* @__PURE__ */ (0,
|
|
913
|
-
/* @__PURE__ */ (0,
|
|
914
|
-
/* @__PURE__ */ (0,
|
|
915
|
-
] }),
|
|
916
|
-
undo: /* @__PURE__ */ (0,
|
|
917
|
-
/* @__PURE__ */ (0,
|
|
918
|
-
/* @__PURE__ */ (0,
|
|
919
|
-
] }),
|
|
920
|
-
redo: /* @__PURE__ */ (0,
|
|
921
|
-
/* @__PURE__ */ (0,
|
|
922
|
-
/* @__PURE__ */ (0,
|
|
923
|
-
] }),
|
|
924
|
-
"zoom-in": /* @__PURE__ */ (0,
|
|
925
|
-
/* @__PURE__ */ (0,
|
|
926
|
-
/* @__PURE__ */ (0,
|
|
927
|
-
] }),
|
|
928
|
-
"zoom-out": /* @__PURE__ */ (0,
|
|
929
|
-
/* @__PURE__ */ (0,
|
|
930
|
-
/* @__PURE__ */ (0,
|
|
1092
|
+
tilde: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 14c3-8 6-4 9-2s6 4 9-2" }),
|
|
1093
|
+
minus: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 12h16" }),
|
|
1094
|
+
close: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 5 14 14M19 5 5 19" }),
|
|
1095
|
+
check: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4 12.5 5.2 5L20 6.5" }),
|
|
1096
|
+
info: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1097
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1098
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 11v6M12 7.2v.1" })
|
|
1099
|
+
] }),
|
|
1100
|
+
question: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1101
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1102
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9.8 9a2.4 2.4 0 1 1 3.5 2.2c-.9.5-1.3 1.1-1.3 2.1M12 16.8v.1" })
|
|
1103
|
+
] }),
|
|
1104
|
+
warning: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1105
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M10.3 4.1 2.6 18a2 2 0 0 0 1.8 3h15.2a2 2 0 0 0 1.8-3L13.7 4.1a2 2 0 0 0-3.4 0Z" }),
|
|
1106
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 9v4M12 17v.1" })
|
|
1107
|
+
] }),
|
|
1108
|
+
"circle-check": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1109
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1110
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m8 12 2.7 2.7L16.5 9" })
|
|
1111
|
+
] }),
|
|
1112
|
+
"circle-close": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1113
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1114
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m9 9 6 6M15 9l-6 6" })
|
|
1115
|
+
] }),
|
|
1116
|
+
"circle-plus": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1117
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1118
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 8v8M8 12h8" })
|
|
1119
|
+
] }),
|
|
1120
|
+
"circle-minus": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1121
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1122
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 12h8" })
|
|
1123
|
+
] }),
|
|
1124
|
+
"chevron-left": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15.5 5-7 7 7 7" }),
|
|
1125
|
+
"chevron-right": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m8.5 5 7 7-7 7" }),
|
|
1126
|
+
"chevron-up": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 15.5 7-7 7 7" }),
|
|
1127
|
+
"chevron-down": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 8.5 7 7 7-7" }),
|
|
1128
|
+
"double-left": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1129
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 5-7 7 7 7" }),
|
|
1130
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m19 5-7 7 7 7" })
|
|
1131
|
+
] }),
|
|
1132
|
+
"double-right": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1133
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 5 7 7-7 7" }),
|
|
1134
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 5 7 7-7 7" })
|
|
1135
|
+
] }),
|
|
1136
|
+
"arrow-left": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1137
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m10 5-7 7 7 7" }),
|
|
1138
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 12h18" })
|
|
1139
|
+
] }),
|
|
1140
|
+
"arrow-right": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1141
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m14 5 7 7-7 7" }),
|
|
1142
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 12h18" })
|
|
1143
|
+
] }),
|
|
1144
|
+
"arrow-up": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1145
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 10 7-7 7 7" }),
|
|
1146
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v18" })
|
|
1147
|
+
] }),
|
|
1148
|
+
"arrow-down": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1149
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m5 14 7 7 7-7" }),
|
|
1150
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v18" })
|
|
1151
|
+
] }),
|
|
1152
|
+
menu: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 6h16M4 12h16M4 18h16" }),
|
|
1153
|
+
"more-horizontal": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 12h.1M12 12h.1M19 12h.1" }),
|
|
1154
|
+
"more-vertical": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 5v.1M12 12v.1M12 19v.1" }),
|
|
1155
|
+
home: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1156
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m3.5 11 8.5-7 8.5 7" }),
|
|
1157
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5.5 9.5V20h13V9.5M9.5 20v-6h5v6" })
|
|
1158
|
+
] }),
|
|
1159
|
+
user: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1160
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "8", r: "4" }),
|
|
1161
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4.5 21c.7-4.2 3.2-6.5 7.5-6.5s6.8 2.3 7.5 6.5" })
|
|
1162
|
+
] }),
|
|
1163
|
+
users: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1164
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "9", cy: "8", r: "3.5" }),
|
|
1165
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2.8 20c.6-3.8 2.7-5.8 6.2-5.8s5.6 2 6.2 5.8" }),
|
|
1166
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M15 5.2a3.5 3.5 0 0 1 0 6.6M16.2 14.5c2.9.5 4.4 2.3 4.9 5.5" })
|
|
1167
|
+
] }),
|
|
1168
|
+
// 保留齿轮原始路径；与其余图标一起通过统一几何规则调整主体大小。
|
|
1169
|
+
settings: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1170
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "2.8" }),
|
|
1171
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M10.4 6.24 10.4 4 13.6 4 13.6 6.24 14.944 6.792 16.528 5.208 18.792 7.472 17.208 9.056 17.76 10.4 20 10.4 20 13.6 17.76 13.6 17.208 14.944 18.792 16.528 16.528 18.792 14.944 17.208 13.6 17.76 13.6 20 10.4 20 10.4 17.76 9.056 17.208 7.472 18.792 5.208 16.528 6.792 14.944 6.24 13.6 4 13.6 4 10.4 6.24 10.4 6.792 9.056 5.208 7.472 7.472 5.208 9.056 6.792Z" })
|
|
1172
|
+
] }),
|
|
1173
|
+
edit: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1174
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 20h4l11-11a2.8 2.8 0 0 0-4-4L4 16v4Z" }),
|
|
1175
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m13.5 6.5 4 4M4 20h16" })
|
|
1176
|
+
] }),
|
|
1177
|
+
copy: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1178
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "8", y: "8", width: "12", height: "12", rx: "2.5" }),
|
|
1179
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2" })
|
|
1180
|
+
] }),
|
|
1181
|
+
trash: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 7h16M9 3h6l1 4H8l1-4ZM6 7l1 14h10l1-14M10 11v6M14 11v6" }) }),
|
|
1182
|
+
scissors: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1183
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "6", cy: "7", r: "3" }),
|
|
1184
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "6", cy: "17", r: "3" }),
|
|
1185
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m8.7 8.3 11.3 6.2M8.7 15.7 20 9.5" })
|
|
1186
|
+
] }),
|
|
1187
|
+
undo: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1188
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m8 7-5 5 5 5" }),
|
|
1189
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 12h10a7 7 0 0 1 7 7" })
|
|
1190
|
+
] }),
|
|
1191
|
+
redo: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1192
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m16 7 5 5-5 5" }),
|
|
1193
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M21 12H11a7 7 0 0 0-7 7" })
|
|
1194
|
+
] }),
|
|
1195
|
+
"zoom-in": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1196
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
|
|
1197
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15.8 15.8 5.2 5.2M10.8 7.8v6M7.8 10.8h6" })
|
|
1198
|
+
] }),
|
|
1199
|
+
"zoom-out": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1200
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "10.8", cy: "10.8", r: "6.8" }),
|
|
1201
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m15.8 15.8 5.2 5.2M7.8 10.8h6" })
|
|
931
1202
|
] }),
|
|
932
1203
|
// 图片变换工具使用独立图标，便于在预览及其他编辑界面复用。
|
|
933
|
-
"flip-horizontal": /* @__PURE__ */ (0,
|
|
934
|
-
"flip-vertical": /* @__PURE__ */ (0,
|
|
935
|
-
"rotate-left": /* @__PURE__ */ (0,
|
|
936
|
-
/* @__PURE__ */ (0,
|
|
937
|
-
/* @__PURE__ */ (0,
|
|
938
|
-
] }),
|
|
939
|
-
"rotate-right": /* @__PURE__ */ (0,
|
|
940
|
-
/* @__PURE__ */ (0,
|
|
941
|
-
/* @__PURE__ */ (0,
|
|
942
|
-
] }),
|
|
943
|
-
download: /* @__PURE__ */ (0,
|
|
944
|
-
upload: /* @__PURE__ */ (0,
|
|
945
|
-
refresh: /* @__PURE__ */ (0,
|
|
946
|
-
/* @__PURE__ */ (0,
|
|
947
|
-
/* @__PURE__ */ (0,
|
|
948
|
-
] }),
|
|
949
|
-
loader: /* @__PURE__ */ (0,
|
|
950
|
-
calendar: /* @__PURE__ */ (0,
|
|
951
|
-
/* @__PURE__ */ (0,
|
|
952
|
-
/* @__PURE__ */ (0,
|
|
953
|
-
] }),
|
|
954
|
-
clock: /* @__PURE__ */ (0,
|
|
955
|
-
/* @__PURE__ */ (0,
|
|
956
|
-
/* @__PURE__ */ (0,
|
|
957
|
-
] }),
|
|
958
|
-
mail: /* @__PURE__ */ (0,
|
|
959
|
-
/* @__PURE__ */ (0,
|
|
960
|
-
/* @__PURE__ */ (0,
|
|
961
|
-
] }),
|
|
962
|
-
phone: /* @__PURE__ */ (0,
|
|
963
|
-
link: /* @__PURE__ */ (0,
|
|
964
|
-
/* @__PURE__ */ (0,
|
|
965
|
-
/* @__PURE__ */ (0,
|
|
966
|
-
] }),
|
|
967
|
-
"external-link": /* @__PURE__ */ (0,
|
|
968
|
-
/* @__PURE__ */ (0,
|
|
969
|
-
/* @__PURE__ */ (0,
|
|
970
|
-
] }),
|
|
971
|
-
eye: /* @__PURE__ */ (0,
|
|
972
|
-
/* @__PURE__ */ (0,
|
|
973
|
-
/* @__PURE__ */ (0,
|
|
974
|
-
] }),
|
|
975
|
-
"eye-off": /* @__PURE__ */ (0,
|
|
976
|
-
lock: /* @__PURE__ */ (0,
|
|
977
|
-
/* @__PURE__ */ (0,
|
|
978
|
-
/* @__PURE__ */ (0,
|
|
979
|
-
] }),
|
|
980
|
-
unlock: /* @__PURE__ */ (0,
|
|
981
|
-
/* @__PURE__ */ (0,
|
|
982
|
-
/* @__PURE__ */ (0,
|
|
983
|
-
] }),
|
|
984
|
-
bell: /* @__PURE__ */ (0,
|
|
985
|
-
/* @__PURE__ */ (0,
|
|
986
|
-
/* @__PURE__ */ (0,
|
|
987
|
-
] }),
|
|
988
|
-
star: /* @__PURE__ */ (0,
|
|
989
|
-
heart: /* @__PURE__ */ (0,
|
|
990
|
-
file: /* @__PURE__ */ (0,
|
|
991
|
-
/* @__PURE__ */ (0,
|
|
992
|
-
/* @__PURE__ */ (0,
|
|
993
|
-
] }),
|
|
994
|
-
folder: /* @__PURE__ */ (0,
|
|
995
|
-
image: /* @__PURE__ */ (0,
|
|
996
|
-
/* @__PURE__ */ (0,
|
|
997
|
-
/* @__PURE__ */ (0,
|
|
998
|
-
/* @__PURE__ */ (0,
|
|
999
|
-
] }),
|
|
1000
|
-
filter: /* @__PURE__ */ (0,
|
|
1001
|
-
"sort-ascending": /* @__PURE__ */ (0,
|
|
1002
|
-
/* @__PURE__ */ (0,
|
|
1003
|
-
/* @__PURE__ */ (0,
|
|
1004
|
-
] }),
|
|
1005
|
-
"sort-descending": /* @__PURE__ */ (0,
|
|
1006
|
-
/* @__PURE__ */ (0,
|
|
1007
|
-
/* @__PURE__ */ (0,
|
|
1008
|
-
] }),
|
|
1009
|
-
play: /* @__PURE__ */ (0,
|
|
1010
|
-
/* @__PURE__ */ (0,
|
|
1011
|
-
/* @__PURE__ */ (0,
|
|
1012
|
-
] }),
|
|
1013
|
-
pause: /* @__PURE__ */ (0,
|
|
1014
|
-
/* @__PURE__ */ (0,
|
|
1015
|
-
/* @__PURE__ */ (0,
|
|
1016
|
-
] }),
|
|
1017
|
-
book: /* @__PURE__ */ (0,
|
|
1018
|
-
/* @__PURE__ */ (0,
|
|
1019
|
-
/* @__PURE__ */ (0,
|
|
1020
|
-
] }),
|
|
1021
|
-
component: /* @__PURE__ */ (0,
|
|
1022
|
-
/* @__PURE__ */ (0,
|
|
1023
|
-
/* @__PURE__ */ (0,
|
|
1024
|
-
/* @__PURE__ */ (0,
|
|
1025
|
-
/* @__PURE__ */ (0,
|
|
1026
|
-
] }),
|
|
1027
|
-
token: /* @__PURE__ */ (0,
|
|
1028
|
-
/* @__PURE__ */ (0,
|
|
1029
|
-
/* @__PURE__ */ (0,
|
|
1030
|
-
] }),
|
|
1031
|
-
sun: /* @__PURE__ */ (0,
|
|
1032
|
-
/* @__PURE__ */ (0,
|
|
1033
|
-
/* @__PURE__ */ (0,
|
|
1034
|
-
] }),
|
|
1035
|
-
moon: /* @__PURE__ */ (0,
|
|
1036
|
-
code: /* @__PURE__ */ (0,
|
|
1037
|
-
github: /* @__PURE__ */ (0,
|
|
1204
|
+
"flip-horizontal": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v18M3 6h5v12H3zM16 6h5v12h-5z" }) }),
|
|
1205
|
+
"flip-vertical": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 12h18M6 3h12v5H6zM6 16h12v5H6z" }) }),
|
|
1206
|
+
"rotate-left": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1207
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 9a8 8 0 1 1 0 6M4 3v6h6" }),
|
|
1208
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
|
|
1209
|
+
] }),
|
|
1210
|
+
"rotate-right": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1211
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 9a8 8 0 1 0 0 6M20 3v6h-6" }),
|
|
1212
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })
|
|
1213
|
+
] }),
|
|
1214
|
+
download: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
|
|
1215
|
+
upload: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
|
|
1216
|
+
refresh: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1217
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 4v4.686h-4.686" }),
|
|
1218
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
|
|
1219
|
+
] }),
|
|
1220
|
+
loader: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
|
|
1221
|
+
calendar: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1222
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "5", width: "18", height: "16", rx: "2.5" }),
|
|
1223
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 3v4M16 3v4M3 10h18M7 14h2M11 14h2M15 14h2M7 18h2M11 18h2" })
|
|
1224
|
+
] }),
|
|
1225
|
+
clock: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1226
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1227
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 7v5l3.5 2" })
|
|
1228
|
+
] }),
|
|
1229
|
+
mail: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1230
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "5", width: "18", height: "14", rx: "2.5" }),
|
|
1231
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4 7 8 6 8-6" })
|
|
1232
|
+
] }),
|
|
1233
|
+
phone: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8.2 3.5 5.4 4.8c-1 .5-1.5 1.7-1.1 2.8 2.2 5.9 6.2 9.9 12.1 12.1 1.1.4 2.3-.1 2.8-1.1l1.3-2.8-4.2-2-1.4 2.1c-2.8-1.2-5.6-4-6.8-6.8l2.1-1.4-2-4.2Z" }),
|
|
1234
|
+
link: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1235
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m9.5 14.5 5-5" }),
|
|
1236
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7.5 16.5 6 18a3.5 3.5 0 0 1-5-5l3-3a3.5 3.5 0 0 1 5 0M16.5 7.5 18 6a3.5 3.5 0 0 1 5 5l-3 3a3.5 3.5 0 0 1-5 0" })
|
|
1237
|
+
] }),
|
|
1238
|
+
"external-link": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1239
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14 4h6v6M20 4 11 13" }),
|
|
1240
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M19 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6" })
|
|
1241
|
+
] }),
|
|
1242
|
+
eye: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1243
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6Z" }),
|
|
1244
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
|
1245
|
+
] }),
|
|
1246
|
+
"eye-off": /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m3 3 18 18M10.6 6.1A10 10 0 0 1 12 6c6 0 9.5 6 9.5 6a14.5 14.5 0 0 1-2.2 3M6.4 6.4C3.9 8.2 2.5 12 2.5 12s3.5 6 9.5 6a9.7 9.7 0 0 0 3-.5M9.9 9.9a3 3 0 0 0 4.2 4.2" }) }),
|
|
1247
|
+
lock: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1248
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
|
|
1249
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 10V7a4 4 0 0 1 8 0v3M12 14v3" })
|
|
1250
|
+
] }),
|
|
1251
|
+
unlock: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1252
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "4", y: "10", width: "16", height: "11", rx: "2.5" }),
|
|
1253
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 10V7a4 4 0 0 1 7.5-2M12 14v3" })
|
|
1254
|
+
] }),
|
|
1255
|
+
bell: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1256
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M18 9a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9Z" }),
|
|
1257
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M10 21h4" })
|
|
1258
|
+
] }),
|
|
1259
|
+
star: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9L12 3Z" }),
|
|
1260
|
+
heart: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20.8 5.8a5.5 5.5 0 0 0-7.8 0L12 6.9l-1-1.1a5.5 5.5 0 1 0-7.8 7.8L12 21l8.8-7.4a5.5 5.5 0 0 0 0-7.8Z" }),
|
|
1261
|
+
file: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1262
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M6 3h8l4 4v14H6V3Z" }),
|
|
1263
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M14 3v5h4" })
|
|
1264
|
+
] }),
|
|
1265
|
+
folder: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 6h7l2 2h9v11H3V6Z" }),
|
|
1266
|
+
image: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1267
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2.5" }),
|
|
1268
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "9", cy: "9", r: "2" }),
|
|
1269
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4 17 4.5-4.5 3.5 3 2.5-2.5 5.5 5" })
|
|
1270
|
+
] }),
|
|
1271
|
+
filter: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 5h18l-7 8v6l-4 2v-8L3 5Z" }),
|
|
1272
|
+
"sort-ascending": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1273
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 19V5M3.5 8.5 7 5l3.5 3.5" }),
|
|
1274
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M13 7h8M13 12h6M13 17h4" })
|
|
1275
|
+
] }),
|
|
1276
|
+
"sort-descending": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1277
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 5v14M3.5 15.5 7 19l3.5-3.5" }),
|
|
1278
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M13 7h4M13 12h6M13 17h8" })
|
|
1279
|
+
] }),
|
|
1280
|
+
play: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1281
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1282
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m10 8 6 4-6 4V8Z" })
|
|
1283
|
+
] }),
|
|
1284
|
+
pause: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1285
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
|
|
1286
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9.5 9v6M14.5 9v6" })
|
|
1287
|
+
] }),
|
|
1288
|
+
book: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1289
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M4 5.5A2.5 2.5 0 0 1 6.5 3H11v17H6.5A2.5 2.5 0 0 0 4 22V5.5Z" }),
|
|
1290
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 5.5A2.5 2.5 0 0 0 17.5 3H13v17h4.5A2.5 2.5 0 0 1 20 22V5.5Z" })
|
|
1291
|
+
] }),
|
|
1292
|
+
component: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1293
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "4", y: "4", width: "6", height: "6", rx: "1.5" }),
|
|
1294
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "14", y: "4", width: "6", height: "6", rx: "1.5" }),
|
|
1295
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "4", y: "14", width: "6", height: "6", rx: "1.5" }),
|
|
1296
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "14", y: "14", width: "6", height: "6", rx: "1.5" })
|
|
1297
|
+
] }),
|
|
1298
|
+
token: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1299
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "4" }),
|
|
1300
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M18.7 5.3l-2.1 2.1M7.4 16.6l-2.1 2.1" })
|
|
1301
|
+
] }),
|
|
1302
|
+
sun: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1303
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "3.6" }),
|
|
1304
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 2.5v2M12 19.5v2M2.5 12h2M19.5 12h2M5.3 5.3l1.4 1.4M17.3 17.3l1.4 1.4M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4" })
|
|
1305
|
+
] }),
|
|
1306
|
+
moon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M20 15.2A8 8 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z" }),
|
|
1307
|
+
code: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m9 18-6-6 6-6M15 6l6 6-6 6" }),
|
|
1308
|
+
github: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9 19c-4 1.2-4-2-5-2.5M14 22v-3.1c0-.9.3-1.5.8-1.9 2.7-.3 5.5-1.3 5.5-6A4.7 4.7 0 0 0 19 7.7 4.4 4.4 0 0 0 18.9 4S17.8 3.7 15 5.3a11.7 11.7 0 0 0-6 0C6.2 3.7 5.1 4 5.1 4A4.4 4.4 0 0 0 5 7.7 4.7 4.7 0 0 0 3.7 11c0 4.7 2.8 5.7 5.5 6 .5.4.8 1 .8 1.9V22" })
|
|
1038
1309
|
};
|
|
1039
1310
|
var iconPaths = { ...coreIconPaths, ...extendedIconPaths };
|
|
1040
1311
|
var ICON_NAMES = Object.freeze(Object.keys(iconPaths));
|
|
1041
1312
|
var filledIconPaths = {
|
|
1042
|
-
info: /* @__PURE__ */ (0,
|
|
1043
|
-
/* @__PURE__ */ (0,
|
|
1044
|
-
/* @__PURE__ */ (0,
|
|
1045
|
-
] }),
|
|
1046
|
-
question: /* @__PURE__ */ (0,
|
|
1047
|
-
/* @__PURE__ */ (0,
|
|
1048
|
-
/* @__PURE__ */ (0,
|
|
1049
|
-
] }),
|
|
1050
|
-
warning: /* @__PURE__ */ (0,
|
|
1051
|
-
/* @__PURE__ */ (0,
|
|
1052
|
-
/* @__PURE__ */ (0,
|
|
1053
|
-
] }),
|
|
1054
|
-
"circle-check": /* @__PURE__ */ (0,
|
|
1055
|
-
/* @__PURE__ */ (0,
|
|
1056
|
-
/* @__PURE__ */ (0,
|
|
1057
|
-
] }),
|
|
1058
|
-
"circle-close": /* @__PURE__ */ (0,
|
|
1059
|
-
/* @__PURE__ */ (0,
|
|
1060
|
-
/* @__PURE__ */ (0,
|
|
1061
|
-
] }),
|
|
1062
|
-
"circle-plus": /* @__PURE__ */ (0,
|
|
1063
|
-
/* @__PURE__ */ (0,
|
|
1064
|
-
/* @__PURE__ */ (0,
|
|
1065
|
-
] }),
|
|
1066
|
-
"circle-minus": /* @__PURE__ */ (0,
|
|
1067
|
-
/* @__PURE__ */ (0,
|
|
1068
|
-
/* @__PURE__ */ (0,
|
|
1069
|
-
] }),
|
|
1070
|
-
home: /* @__PURE__ */ (0,
|
|
1071
|
-
user: /* @__PURE__ */ (0,
|
|
1072
|
-
/* @__PURE__ */ (0,
|
|
1073
|
-
/* @__PURE__ */ (0,
|
|
1074
|
-
] }),
|
|
1075
|
-
users: /* @__PURE__ */ (0,
|
|
1076
|
-
/* @__PURE__ */ (0,
|
|
1077
|
-
/* @__PURE__ */ (0,
|
|
1078
|
-
/* @__PURE__ */ (0,
|
|
1079
|
-
] }),
|
|
1080
|
-
trash: /* @__PURE__ */ (0,
|
|
1081
|
-
bell: /* @__PURE__ */ (0,
|
|
1082
|
-
star: /* @__PURE__ */ (0,
|
|
1083
|
-
heart: /* @__PURE__ */ (0,
|
|
1084
|
-
mail: /* @__PURE__ */ (0,
|
|
1085
|
-
/* @__PURE__ */ (0,
|
|
1086
|
-
/* @__PURE__ */ (0,
|
|
1087
|
-
] }),
|
|
1088
|
-
lock: /* @__PURE__ */ (0,
|
|
1089
|
-
unlock: /* @__PURE__ */ (0,
|
|
1090
|
-
calendar: /* @__PURE__ */ (0,
|
|
1091
|
-
/* @__PURE__ */ (0,
|
|
1092
|
-
/* @__PURE__ */ (0,
|
|
1093
|
-
] }),
|
|
1094
|
-
clock: /* @__PURE__ */ (0,
|
|
1095
|
-
/* @__PURE__ */ (0,
|
|
1096
|
-
/* @__PURE__ */ (0,
|
|
1097
|
-
] }),
|
|
1098
|
-
file: /* @__PURE__ */ (0,
|
|
1099
|
-
folder: /* @__PURE__ */ (0,
|
|
1100
|
-
image: /* @__PURE__ */ (0,
|
|
1101
|
-
/* @__PURE__ */ (0,
|
|
1102
|
-
/* @__PURE__ */ (0,
|
|
1103
|
-
/* @__PURE__ */ (0,
|
|
1104
|
-
] }),
|
|
1105
|
-
filter: /* @__PURE__ */ (0,
|
|
1106
|
-
play: /* @__PURE__ */ (0,
|
|
1107
|
-
/* @__PURE__ */ (0,
|
|
1108
|
-
/* @__PURE__ */ (0,
|
|
1109
|
-
] }),
|
|
1110
|
-
pause: /* @__PURE__ */ (0,
|
|
1111
|
-
/* @__PURE__ */ (0,
|
|
1112
|
-
/* @__PURE__ */ (0,
|
|
1113
|
-
] }),
|
|
1114
|
-
book: /* @__PURE__ */ (0,
|
|
1115
|
-
component: /* @__PURE__ */ (0,
|
|
1116
|
-
/* @__PURE__ */ (0,
|
|
1117
|
-
/* @__PURE__ */ (0,
|
|
1118
|
-
/* @__PURE__ */ (0,
|
|
1119
|
-
/* @__PURE__ */ (0,
|
|
1120
|
-
] }),
|
|
1121
|
-
token: /* @__PURE__ */ (0,
|
|
1122
|
-
/* @__PURE__ */ (0,
|
|
1123
|
-
/* @__PURE__ */ (0,
|
|
1313
|
+
info: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1314
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1315
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 10.5v6M12 7.2v.1", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1316
|
+
] }),
|
|
1317
|
+
question: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1318
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1319
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M9.6 9a2.5 2.5 0 1 1 3.6 2.3c-.8.5-1.2 1.1-1.2 2.1M12 16.8v.1", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1320
|
+
] }),
|
|
1321
|
+
warning: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1322
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M10.3 3.5 1.8 19a2 2 0 0 0 1.8 3h16.8a2 2 0 0 0 1.8-3L13.7 3.5a2 2 0 0 0-3.4 0Z", fill: "currentColor", stroke: "none" }),
|
|
1323
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 9v5M12 18v.1", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1324
|
+
] }),
|
|
1325
|
+
"circle-check": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1326
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1327
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m7.5 12 3 3 6-6", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1328
|
+
] }),
|
|
1329
|
+
"circle-close": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1330
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1331
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m8.8 8.8 6.4 6.4M15.2 8.8l-6.4 6.4", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1332
|
+
] }),
|
|
1333
|
+
"circle-plus": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1334
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1335
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 7.5v9M7.5 12h9", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1336
|
+
] }),
|
|
1337
|
+
"circle-minus": /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1338
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1339
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7.5 12h9", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1340
|
+
] }),
|
|
1341
|
+
home: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2.6 10.8 12 2.8l9.4 8a1 1 0 0 1-1.3 1.5l-.6-.5V21h-5.2v-6.2H9.7V21H4.5v-9.2l-.6.5a1 1 0 1 1-1.3-1.5Z", fill: "currentColor", stroke: "none" }),
|
|
1342
|
+
user: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1343
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "7.5", r: "4.5", fill: "currentColor", stroke: "none" }),
|
|
1344
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3.5 21c.7-5 3.6-7.5 8.5-7.5s7.8 2.5 8.5 7.5H3.5Z", fill: "currentColor", stroke: "none" })
|
|
1345
|
+
] }),
|
|
1346
|
+
users: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1347
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "8.5", cy: "8", r: "3.8", fill: "currentColor", stroke: "none" }),
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "17", cy: "8.5", r: "3", fill: "currentColor", stroke: "none", opacity: ".7" }),
|
|
1349
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M1.8 21c.6-4.6 2.8-7 6.7-7s6.1 2.4 6.7 7H1.8ZM14.4 15.2c3.9-.2 6.4 1.7 7 5.8h-4.5a9.9 9.9 0 0 0-2.5-5.8Z", fill: "currentColor", stroke: "none" })
|
|
1350
|
+
] }),
|
|
1351
|
+
trash: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8 3h8l1 3h4v2H3V6h4l1-3Zm-2.5 7h13l-1 11h-11l-1-11Z", fill: "currentColor", stroke: "none" }),
|
|
1352
|
+
bell: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 2.5a2 2 0 0 1 2 1.6c3 .9 5 3.6 5 6.9v4.3l2 3.2H3l2-3.2V11c0-3.3 2-6 5-6.9a2 2 0 0 1 2-1.6ZM9.2 20h5.6a3 3 0 0 1-5.6 0Z", fill: "currentColor", stroke: "none" }),
|
|
1353
|
+
star: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m12 2.2 3 6 6.6 1-4.8 4.6 1.1 6.6-5.9-3.1-5.9 3.1 1.1-6.6-4.8-4.6 6.6-1 3-6Z", fill: "currentColor", stroke: "none" }),
|
|
1354
|
+
heart: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 21.3 3.1 13.7A5.8 5.8 0 0 1 11 5.2l1 1 1-1a5.8 5.8 0 0 1 7.9 8.5L12 21.3Z", fill: "currentColor", stroke: "none" }),
|
|
1355
|
+
mail: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1356
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2.5", y: "4.5", width: "19", height: "15", rx: "2.5", fill: "currentColor", stroke: "none" }),
|
|
1357
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4.5 7 7.5 5.8L19.5 7", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "1.8" })
|
|
1358
|
+
] }),
|
|
1359
|
+
lock: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 10V7a5 5 0 0 1 10 0v3h1.5a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 19.5v-7A2.5 2.5 0 0 1 5.5 10H7Zm2.5 0h5V7a2.5 2.5 0 0 0-5 0v3Z", fill: "currentColor", stroke: "none" }),
|
|
1360
|
+
unlock: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M7 10V7a5 5 0 0 1 9.5-2.2l-2.2 1.1A2.5 2.5 0 0 0 9.5 7v3h9A2.5 2.5 0 0 1 21 12.5v7a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 19.5v-7A2.5 2.5 0 0 1 5.5 10H7Z", fill: "currentColor", stroke: "none" }),
|
|
1361
|
+
calendar: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1362
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2.5", y: "4.5", width: "19", height: "17", rx: "2.5", fill: "currentColor", stroke: "none" }),
|
|
1363
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 9.5h18M8 2.5v4M16 2.5v4", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "1.8" })
|
|
1364
|
+
] }),
|
|
1365
|
+
clock: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1366
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1367
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 6.5V12l4 2.3", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "2" })
|
|
1368
|
+
] }),
|
|
1369
|
+
file: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M5 2.5h10l4 4V22H5V2.5Zm9 1.8V8h3.7L14 4.3Z", fill: "currentColor", stroke: "none" }),
|
|
1370
|
+
folder: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2.5 5h7l2.2 2.5h9.8V20H2.5V5Z", fill: "currentColor", stroke: "none" }),
|
|
1371
|
+
image: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1372
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "2.5", y: "3.5", width: "19", height: "17", rx: "2.5", fill: "currentColor", stroke: "none" }),
|
|
1373
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m4.5 18 4.3-4.6 3.4 3 2.5-2.6 4.8 4.2", stroke: "var(--sia-icon-contrast, #fff)", strokeWidth: "1.7" }),
|
|
1374
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "8", cy: "8.5", r: "1.7", fill: "var(--sia-icon-contrast, #fff)", stroke: "none" })
|
|
1375
|
+
] }),
|
|
1376
|
+
filter: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M2 4h20l-7.8 9v6.2L9.8 22v-9L2 4Z", fill: "currentColor", stroke: "none" }),
|
|
1377
|
+
play: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1378
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1379
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "m10 7.8 6.5 4.2-6.5 4.2V7.8Z", fill: "var(--sia-icon-contrast, #fff)", stroke: "none" })
|
|
1380
|
+
] }),
|
|
1381
|
+
pause: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1382
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "10", fill: "currentColor", stroke: "none" }),
|
|
1383
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M8.5 7.5h2.5v9H8.5v-9Zm4.5 0h2.5v9H13v-9Z", fill: "var(--sia-icon-contrast, #fff)", stroke: "none" })
|
|
1384
|
+
] }),
|
|
1385
|
+
book: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M3 4.5A3.5 3.5 0 0 1 6.5 1H11v19H6.5A3.5 3.5 0 0 0 3 23V4.5ZM21 4.5A3.5 3.5 0 0 0 17.5 1H13v19h4.5A3.5 3.5 0 0 1 21 23V4.5Z", fill: "currentColor", stroke: "none" }),
|
|
1386
|
+
component: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1387
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "3", width: "8", height: "8", rx: "2", fill: "currentColor", stroke: "none" }),
|
|
1388
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "13", y: "3", width: "8", height: "8", rx: "2", fill: "currentColor", stroke: "none" }),
|
|
1389
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "3", y: "13", width: "8", height: "8", rx: "2", fill: "currentColor", stroke: "none" }),
|
|
1390
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { x: "13", y: "13", width: "8", height: "8", rx: "2", fill: "currentColor", stroke: "none" })
|
|
1391
|
+
] }),
|
|
1392
|
+
token: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
|
|
1393
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", { cx: "12", cy: "12", r: "5", fill: "currentColor", stroke: "none" }),
|
|
1394
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M12 1v4M12 19v4M1 12h4M19 12h4M4.2 4.2 7 7M17 17l2.8 2.8M19.8 4.2 17 7M7 17l-2.8 2.8", stroke: "currentColor", strokeWidth: "2.2" })
|
|
1124
1395
|
] })
|
|
1125
1396
|
};
|
|
1126
1397
|
var FILLED_ICON_NAMES = Object.freeze(Object.keys(filledIconPaths));
|
|
1127
|
-
var
|
|
1398
|
+
var normalizedOutlinePaths = normalizeIconPaths(iconPaths, outlineIconBounds);
|
|
1399
|
+
var normalizedFilledPaths = normalizeIconPaths(filledIconPaths, filledIconBounds);
|
|
1400
|
+
var Icon = (0, import_react4.forwardRef)(function Icon2({ name, size = "1em", strokeWidth = 1.8, rotate = 0, spin = false, pulse = false, label, variant = "outline", className = "", style, ...props }, ref) {
|
|
1128
1401
|
const resolvedSize = typeof size === "number" ? `${size}px` : size;
|
|
1129
1402
|
const mergedStyle = { "--sia-icon-size": resolvedSize, "--sia-icon-rotate": `${rotate}deg`, ...style };
|
|
1130
1403
|
const animationClass = spin ? " sia-icon--spin" : pulse ? " sia-icon--pulse" : "";
|
|
1131
1404
|
const filledPath = filledIconPaths[name];
|
|
1132
1405
|
const resolvedVariant = variant === "filled" && filledPath ? "filled" : "outline";
|
|
1133
|
-
|
|
1406
|
+
const geometry = resolvedVariant === "filled" ? normalizedFilledPaths[name] : normalizedOutlinePaths[name];
|
|
1407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
1134
1408
|
"span",
|
|
1135
1409
|
{
|
|
1136
1410
|
ref,
|
|
@@ -1141,23 +1415,23 @@ var Icon = (0, import_react3.forwardRef)(function Icon2({ name, size = "1em", st
|
|
|
1141
1415
|
"aria-hidden": label ? void 0 : true,
|
|
1142
1416
|
style: mergedStyle,
|
|
1143
1417
|
...withTitleTooltip(props),
|
|
1144
|
-
children: /* @__PURE__ */ (0,
|
|
1418
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: strokeWidth / geometry.scale, strokeLinecap: "round", strokeLinejoin: "round", focusable: "false", children: geometry.node })
|
|
1145
1419
|
}
|
|
1146
1420
|
);
|
|
1147
1421
|
});
|
|
1148
1422
|
|
|
1149
1423
|
// src/components/DatePickerPanel.tsx
|
|
1150
|
-
var
|
|
1424
|
+
var import_react7 = require("react");
|
|
1151
1425
|
|
|
1152
1426
|
// src/components/FloatingScrollbarProvider.tsx
|
|
1153
|
-
var
|
|
1427
|
+
var import_react6 = require("react");
|
|
1154
1428
|
|
|
1155
1429
|
// src/components/useScrollbarProximity.ts
|
|
1156
|
-
var
|
|
1430
|
+
var import_react5 = require("react");
|
|
1157
1431
|
var users = 0;
|
|
1158
1432
|
var cleanup;
|
|
1159
1433
|
function useScrollbarProximity() {
|
|
1160
|
-
(0,
|
|
1434
|
+
(0, import_react5.useEffect)(() => {
|
|
1161
1435
|
if (users++ === 0) {
|
|
1162
1436
|
let frame = 0;
|
|
1163
1437
|
let x = -Infinity;
|
|
@@ -1278,7 +1552,7 @@ function createTrack(axis) {
|
|
|
1278
1552
|
}
|
|
1279
1553
|
function FloatingScrollbarProvider({ disabled = false, targetRef }) {
|
|
1280
1554
|
useScrollbarProximity();
|
|
1281
|
-
(0,
|
|
1555
|
+
(0, import_react6.useEffect)(() => {
|
|
1282
1556
|
if (disabled) return;
|
|
1283
1557
|
const layer = document.createElement("div");
|
|
1284
1558
|
layer.className = "sia-floating-scrollbar-layer";
|
|
@@ -1538,7 +1812,7 @@ function FloatingScrollbarProvider({ disabled = false, targetRef }) {
|
|
|
1538
1812
|
}
|
|
1539
1813
|
|
|
1540
1814
|
// src/components/DatePickerPanel.tsx
|
|
1541
|
-
var
|
|
1815
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
1542
1816
|
function pad(value) {
|
|
1543
1817
|
return String(value).padStart(2, "0");
|
|
1544
1818
|
}
|
|
@@ -1603,9 +1877,9 @@ function CalendarMonth({
|
|
|
1603
1877
|
const end = range[1] || previewEnd || "";
|
|
1604
1878
|
const low = start && end ? start <= end ? start : end : "";
|
|
1605
1879
|
const high = start && end ? start <= end ? end : start : "";
|
|
1606
|
-
return /* @__PURE__ */ (0,
|
|
1607
|
-
/* @__PURE__ */ (0,
|
|
1608
|
-
/* @__PURE__ */ (0,
|
|
1880
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "sia-date-panel__month", children: [
|
|
1881
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "sia-date-panel__weekdays", "aria-hidden": "true", children: WEEKDAYS.map((day) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: day }, day)) }),
|
|
1882
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "sia-date-panel__days", children: Array.from({ length: 42 }, (_, index) => {
|
|
1609
1883
|
const date = addDays(gridStart, index);
|
|
1610
1884
|
const key = dateKey(date);
|
|
1611
1885
|
const outside = date.getMonth() !== month.getMonth();
|
|
@@ -1614,11 +1888,11 @@ function CalendarMonth({
|
|
|
1614
1888
|
const rangeStart = Boolean(start && key === start);
|
|
1615
1889
|
const rangeEnd = Boolean(range[1] && key === range[1]);
|
|
1616
1890
|
const inRange = Boolean(low && high && key >= low && key <= high);
|
|
1617
|
-
return /* @__PURE__ */ (0,
|
|
1891
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1618
1892
|
"span",
|
|
1619
1893
|
{
|
|
1620
1894
|
className: `sia-date-panel__cell${outside ? " is-outside" : ""}${selected ? " is-selected" : ""}${rangeStart ? " is-range-start" : ""}${rangeEnd ? " is-range-end" : ""}${inRange ? " is-in-range" : ""}${key === today ? " is-today" : ""}`,
|
|
1621
|
-
children: /* @__PURE__ */ (0,
|
|
1895
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
1622
1896
|
"button",
|
|
1623
1897
|
{
|
|
1624
1898
|
type: "button",
|
|
@@ -1645,28 +1919,28 @@ function CalendarHeader({
|
|
|
1645
1919
|
onNextMonth,
|
|
1646
1920
|
onNextYear
|
|
1647
1921
|
}) {
|
|
1648
|
-
return /* @__PURE__ */ (0,
|
|
1649
|
-
/* @__PURE__ */ (0,
|
|
1650
|
-
onPreviousYear ? /* @__PURE__ */ (0,
|
|
1651
|
-
/* @__PURE__ */ (0,
|
|
1652
|
-
/* @__PURE__ */ (0,
|
|
1922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "sia-date-panel__header", children: [
|
|
1923
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "sia-date-panel__nav", children: [
|
|
1924
|
+
onPreviousYear ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", "aria-label": "\u4E0A\u4E00\u5E74", onClick: onPreviousYear, children: [
|
|
1925
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-left", size: 13 }),
|
|
1926
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-left", size: 13 })
|
|
1653
1927
|
] }) : null,
|
|
1654
|
-
onPreviousMonth ? /* @__PURE__ */ (0,
|
|
1928
|
+
onPreviousMonth ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": "\u4E0A\u4E2A\u6708", onClick: onPreviousMonth, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-left", size: 15 }) }) : null
|
|
1655
1929
|
] }),
|
|
1656
|
-
/* @__PURE__ */ (0,
|
|
1657
|
-
label ? /* @__PURE__ */ (0,
|
|
1658
|
-
/* @__PURE__ */ (0,
|
|
1930
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("strong", { children: [
|
|
1931
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { children: label }) : null,
|
|
1932
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
|
|
1659
1933
|
month.getFullYear(),
|
|
1660
1934
|
"\u5E74\xA0 ",
|
|
1661
1935
|
month.getMonth() + 1,
|
|
1662
1936
|
"\u6708"
|
|
1663
1937
|
] })
|
|
1664
1938
|
] }),
|
|
1665
|
-
/* @__PURE__ */ (0,
|
|
1666
|
-
onNextMonth ? /* @__PURE__ */ (0,
|
|
1667
|
-
onNextYear ? /* @__PURE__ */ (0,
|
|
1668
|
-
/* @__PURE__ */ (0,
|
|
1669
|
-
/* @__PURE__ */ (0,
|
|
1939
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "sia-date-panel__nav", children: [
|
|
1940
|
+
onNextMonth ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": "\u4E0B\u4E2A\u6708", onClick: onNextMonth, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-right", size: 15 }) }) : null,
|
|
1941
|
+
onNextYear ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", "aria-label": "\u4E0B\u4E00\u5E74", onClick: onNextYear, children: [
|
|
1942
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-right", size: 13 }),
|
|
1943
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "chevron-right", size: 13 })
|
|
1670
1944
|
] }) : null
|
|
1671
1945
|
] }),
|
|
1672
1946
|
range ? null : null
|
|
@@ -1681,12 +1955,12 @@ function TimePanel({
|
|
|
1681
1955
|
onChange
|
|
1682
1956
|
}) {
|
|
1683
1957
|
const [hour = "00", minute = "00", second = "00"] = value.split(":");
|
|
1684
|
-
const columnsRef = (0,
|
|
1685
|
-
const hourRef = (0,
|
|
1686
|
-
const minuteRef = (0,
|
|
1687
|
-
const secondRef = (0,
|
|
1958
|
+
const columnsRef = (0, import_react7.useRef)(null);
|
|
1959
|
+
const hourRef = (0, import_react7.useRef)(null);
|
|
1960
|
+
const minuteRef = (0, import_react7.useRef)(null);
|
|
1961
|
+
const secondRef = (0, import_react7.useRef)(null);
|
|
1688
1962
|
const columnRefs = [hourRef, minuteRef, secondRef];
|
|
1689
|
-
(0,
|
|
1963
|
+
(0, import_react7.useLayoutEffect)(() => {
|
|
1690
1964
|
for (const column of columnsRef.current?.children ?? []) {
|
|
1691
1965
|
const selected = column.querySelector('[aria-selected="true"]');
|
|
1692
1966
|
const first = column.firstElementChild;
|
|
@@ -1708,19 +1982,19 @@ function TimePanel({
|
|
|
1708
1982
|
values[index] = next;
|
|
1709
1983
|
onChange(values.join(":"));
|
|
1710
1984
|
}
|
|
1711
|
-
return /* @__PURE__ */ (0,
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("aside", { className: "sia-date-panel__time", "aria-label": ariaLabel, children: [
|
|
1986
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("strong", { children: [
|
|
1713
1987
|
use12Hours ? pad(Number(hour) % 12 || 12) : hour,
|
|
1714
1988
|
":",
|
|
1715
1989
|
minute,
|
|
1716
1990
|
showSecond ? `:${second}` : "",
|
|
1717
1991
|
use12Hours ? Number(hour) < 12 ? " AM" : " PM" : ""
|
|
1718
1992
|
] }),
|
|
1719
|
-
/* @__PURE__ */ (0,
|
|
1993
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: columnsRef, className: "sia-date-panel__time-columns", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref: columnRefs[column.index], role: "listbox", "aria-label": `${ariaLabel}${column.label}`, children: Array.from({ length: column.count }, (_, index) => {
|
|
1720
1994
|
const next = pad(index);
|
|
1721
1995
|
const candidate = [hour, minute, second];
|
|
1722
1996
|
candidate[column.index] = next;
|
|
1723
|
-
return /* @__PURE__ */ (0,
|
|
1997
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", role: "option", disabled: disabledTime?.(candidate.join(":")), "aria-selected": next === column.value, className: next === column.value ? "is-selected" : "", onKeyDown: (event) => {
|
|
1724
1998
|
if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) return;
|
|
1725
1999
|
event.preventDefault();
|
|
1726
2000
|
const buttons = Array.from(event.currentTarget.parentElement.querySelectorAll("button:not(:disabled)"));
|
|
@@ -1729,7 +2003,7 @@ function TimePanel({
|
|
|
1729
2003
|
buttons[target]?.focus();
|
|
1730
2004
|
}, onClick: () => update(column.index, next), children: use12Hours && column.index === 0 ? `${pad(index % 12 || 12)} ${index < 12 ? "AM" : "PM"}` : next }, next);
|
|
1731
2005
|
}) }, column.label)) }),
|
|
1732
|
-
columns.map((column) => /* @__PURE__ */ (0,
|
|
2006
|
+
columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FloatingScrollbarProvider, { targetRef: columnRefs[column.index] }, column.index))
|
|
1733
2007
|
] });
|
|
1734
2008
|
}
|
|
1735
2009
|
function DatePanelFooter({
|
|
@@ -1741,17 +2015,17 @@ function DatePanelFooter({
|
|
|
1741
2015
|
onToday,
|
|
1742
2016
|
onConfirm
|
|
1743
2017
|
}) {
|
|
1744
|
-
return /* @__PURE__ */ (0,
|
|
1745
|
-
/* @__PURE__ */ (0,
|
|
1746
|
-
showToday ? /* @__PURE__ */ (0,
|
|
2018
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("footer", { className: "sia-date-panel__footer", children: [
|
|
2019
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
|
|
2020
|
+
showToday ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: onToday, children: "\u6B64\u523B" }) : null,
|
|
1747
2021
|
extra
|
|
1748
2022
|
] }),
|
|
1749
|
-
needConfirm ? /* @__PURE__ */ (0,
|
|
2023
|
+
needConfirm ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "sia-date-panel__confirm", disabled: disabledConfirm, onClick: onConfirm, children: confirmText }) : null
|
|
1750
2024
|
] });
|
|
1751
2025
|
}
|
|
1752
2026
|
|
|
1753
2027
|
// src/components/DatePicker.tsx
|
|
1754
|
-
var
|
|
2028
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
1755
2029
|
function formatWeek(date) {
|
|
1756
2030
|
const target = new Date(date);
|
|
1757
2031
|
target.setHours(0, 0, 0, 0);
|
|
@@ -1827,23 +2101,23 @@ function DatePicker({
|
|
|
1827
2101
|
...props
|
|
1828
2102
|
}) {
|
|
1829
2103
|
const size = useControlSize(sizeProp);
|
|
1830
|
-
const id = (0,
|
|
1831
|
-
const rootRef = (0,
|
|
1832
|
-
const popupRef = (0,
|
|
2104
|
+
const id = (0, import_react8.useId)();
|
|
2105
|
+
const rootRef = (0, import_react8.useRef)(null);
|
|
2106
|
+
const popupRef = (0, import_react8.useRef)(null);
|
|
1833
2107
|
const initialValue = defaultValue ?? (multiple ? [] : "");
|
|
1834
2108
|
const [currentValue, setCurrentValue] = useControllableState({ value, defaultValue: initialValue, onChange });
|
|
1835
2109
|
const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
|
|
1836
|
-
const [draftValue, setDraftValue] = (0,
|
|
2110
|
+
const [draftValue, setDraftValue] = (0, import_react8.useState)(currentValue);
|
|
1837
2111
|
const firstCurrent = Array.isArray(currentValue) ? currentValue[0] : currentValue;
|
|
1838
|
-
const [viewMonth, setViewMonth] = (0,
|
|
1839
|
-
const [draftTime, setDraftTime] = (0,
|
|
2112
|
+
const [viewMonth, setViewMonth] = (0, import_react8.useState)(() => startOfMonth(parseDate(dayFromValue(firstCurrent)) ?? /* @__PURE__ */ new Date()));
|
|
2113
|
+
const [draftTime, setDraftTime] = (0, import_react8.useState)(() => timePart(firstCurrent, defaultTimeFrom(showTime)));
|
|
1840
2114
|
const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
|
|
1841
2115
|
const showSecond = showSecondFrom(showTime);
|
|
1842
|
-
const selectedDates = (0,
|
|
2116
|
+
const selectedDates = (0, import_react8.useMemo)(() => {
|
|
1843
2117
|
const values = Array.isArray(draftValue) ? draftValue : draftValue ? [draftValue] : [];
|
|
1844
2118
|
return values.map(dayFromValue).filter(Boolean);
|
|
1845
2119
|
}, [draftValue]);
|
|
1846
|
-
(0,
|
|
2120
|
+
(0, import_react8.useEffect)(() => {
|
|
1847
2121
|
if (!visible) return void 0;
|
|
1848
2122
|
const close = (event) => {
|
|
1849
2123
|
const target = event.target;
|
|
@@ -1904,8 +2178,8 @@ function DatePicker({
|
|
|
1904
2178
|
const display = Array.isArray(currentValue) ? currentValue.map(formatValue).join("\u3001") : currentValue ? formatValue(currentValue) : "";
|
|
1905
2179
|
const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder ?? placeholderFor(picker, showTime, multiple), filled: Boolean(display), active: visible });
|
|
1906
2180
|
const triggerLabel = props["aria-label"] ?? (typeof placeholder === "string" ? placeholder : "\u65E5\u671F\u9009\u62E9\u5668");
|
|
1907
|
-
return /* @__PURE__ */ (0,
|
|
1908
|
-
/* @__PURE__ */ (0,
|
|
2181
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { ref: rootRef, className: `sia-picker${floating.className} sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
|
|
2182
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
1909
2183
|
"button",
|
|
1910
2184
|
{
|
|
1911
2185
|
type: "button",
|
|
@@ -1927,16 +2201,16 @@ function DatePicker({
|
|
|
1927
2201
|
} else if (event.key === "Escape") changeOpen(false);
|
|
1928
2202
|
},
|
|
1929
2203
|
children: [
|
|
1930
|
-
/* @__PURE__ */ (0,
|
|
1931
|
-
/* @__PURE__ */ (0,
|
|
2204
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `sia-picker__value${display ? "" : " is-placeholder"}`, children: display || placeholder || placeholderFor(picker, showTime, multiple) }),
|
|
2205
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "calendar", size: 16 }) })
|
|
1932
2206
|
]
|
|
1933
2207
|
}
|
|
1934
2208
|
),
|
|
1935
2209
|
floating.label,
|
|
1936
|
-
allowClear && display && !disabled ? /* @__PURE__ */ (0,
|
|
1937
|
-
/* @__PURE__ */ (0,
|
|
1938
|
-
/* @__PURE__ */ (0,
|
|
1939
|
-
presets?.length ? /* @__PURE__ */ (0,
|
|
2210
|
+
allowClear && display && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
2211
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel${showTime ? " sia-date-panel--with-time" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u9009\u62E9\u9762\u677F", children: [
|
|
2212
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "sia-date-panel__body", children: [
|
|
2213
|
+
presets?.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("aside", { className: "sia-date-panel__presets", children: presets.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => {
|
|
1940
2214
|
const next = resolvePreset(preset2.value);
|
|
1941
2215
|
if (!next || isDisabled(dayFromValue(next))) return;
|
|
1942
2216
|
setDraftValue(next);
|
|
@@ -1945,8 +2219,8 @@ function DatePicker({
|
|
|
1945
2219
|
changeOpen(false);
|
|
1946
2220
|
}
|
|
1947
2221
|
}, children: preset2.label }, index)) }) : null,
|
|
1948
|
-
/* @__PURE__ */ (0,
|
|
1949
|
-
/* @__PURE__ */ (0,
|
|
2222
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "sia-date-panel__calendar", children: [
|
|
2223
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1950
2224
|
CalendarHeader,
|
|
1951
2225
|
{
|
|
1952
2226
|
month: viewMonth,
|
|
@@ -1956,14 +2230,14 @@ function DatePicker({
|
|
|
1956
2230
|
onNextYear: () => setViewMonth(addMonths(viewMonth, 12))
|
|
1957
2231
|
}
|
|
1958
2232
|
),
|
|
1959
|
-
/* @__PURE__ */ (0,
|
|
2233
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CalendarMonth, { month: viewMonth, selectedDates, disabledDate: isDisabled, onSelect: selectDate })
|
|
1960
2234
|
] }),
|
|
1961
|
-
showTime ? /* @__PURE__ */ (0,
|
|
2235
|
+
showTime ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TimePanel, { value: draftTime, showSecond, onChange: (next) => {
|
|
1962
2236
|
setDraftTime(next);
|
|
1963
2237
|
if (typeof draftValue === "string" && draftValue) setDraftValue(withTime(dayFromValue(draftValue), next, showSecond));
|
|
1964
2238
|
} }) : null
|
|
1965
2239
|
] }),
|
|
1966
|
-
/* @__PURE__ */ (0,
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
1967
2241
|
DatePanelFooter,
|
|
1968
2242
|
{
|
|
1969
2243
|
extra: renderExtraFooter?.(),
|
|
@@ -2017,15 +2291,15 @@ function DateRangePicker({
|
|
|
2017
2291
|
...props
|
|
2018
2292
|
}) {
|
|
2019
2293
|
const size = useControlSize(sizeProp);
|
|
2020
|
-
const id = (0,
|
|
2021
|
-
const rootRef = (0,
|
|
2022
|
-
const popupRef = (0,
|
|
2294
|
+
const id = (0, import_react8.useId)();
|
|
2295
|
+
const rootRef = (0, import_react8.useRef)(null);
|
|
2296
|
+
const popupRef = (0, import_react8.useRef)(null);
|
|
2023
2297
|
const [currentValue, setCurrentValue] = useControllableState({ value: value === void 0 ? void 0 : Array.isArray(value) ? value : ["", ""], defaultValue, onChange });
|
|
2024
2298
|
const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
|
|
2025
|
-
const [draftValue, setDraftValue] = (0,
|
|
2026
|
-
const [activeIndex, setActiveIndex] = (0,
|
|
2027
|
-
const indicatorRef = (0,
|
|
2028
|
-
(0,
|
|
2299
|
+
const [draftValue, setDraftValue] = (0, import_react8.useState)(currentValue);
|
|
2300
|
+
const [activeIndex, setActiveIndex] = (0, import_react8.useState)(endpointDisabled[0] || currentValue[0] && !currentValue[1] ? 1 : 0);
|
|
2301
|
+
const indicatorRef = (0, import_react8.useRef)(null);
|
|
2302
|
+
(0, import_react8.useLayoutEffect)(() => {
|
|
2029
2303
|
const field = rootRef.current?.querySelector(`[data-range-endpoint="${activeIndex}"]`);
|
|
2030
2304
|
const indicator = indicatorRef.current;
|
|
2031
2305
|
if (!field || !indicator) return;
|
|
@@ -2042,22 +2316,22 @@ function DateRangePicker({
|
|
|
2042
2316
|
}
|
|
2043
2317
|
return () => observer.disconnect();
|
|
2044
2318
|
});
|
|
2045
|
-
const [confirmedIndex, setConfirmedIndex] = (0,
|
|
2046
|
-
const [presetSelected, setPresetSelected] = (0,
|
|
2047
|
-
const [hoverDate, setHoverDate] = (0,
|
|
2048
|
-
const [viewMonth, setViewMonth] = (0,
|
|
2049
|
-
const [endViewMonth, setEndViewMonth] = (0,
|
|
2319
|
+
const [confirmedIndex, setConfirmedIndex] = (0, import_react8.useState)(null);
|
|
2320
|
+
const [presetSelected, setPresetSelected] = (0, import_react8.useState)(false);
|
|
2321
|
+
const [hoverDate, setHoverDate] = (0, import_react8.useState)("");
|
|
2322
|
+
const [viewMonth, setViewMonth] = (0, import_react8.useState)(() => startOfMonth(parseDate(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date()));
|
|
2323
|
+
const [endViewMonth, setEndViewMonth] = (0, import_react8.useState)(() => startOfMonth(parseDate(dayFromValue(currentValue[1])) ?? addMonths(parseDate(dayFromValue(currentValue[0])) ?? /* @__PURE__ */ new Date(), 1)));
|
|
2050
2324
|
const showSecond = showSecondFrom(showTime);
|
|
2051
2325
|
const defaultTime = defaultTimeFrom(showTime);
|
|
2052
2326
|
const defaultEndTime = defaultTimeFrom(showTime, 1);
|
|
2053
|
-
const [times, setTimes] = (0,
|
|
2327
|
+
const [times, setTimes] = (0, import_react8.useState)([
|
|
2054
2328
|
timePart(currentValue[0], defaultTime),
|
|
2055
2329
|
timePart(currentValue[1], defaultEndTime)
|
|
2056
2330
|
]);
|
|
2057
2331
|
const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
|
|
2058
2332
|
const rangeDates = [dayFromValue(draftValue[0]), dayFromValue(draftValue[1])];
|
|
2059
2333
|
const invalidDateTimeRange = Boolean(showTime && draftValue[0] && draftValue[1] && draftValue[0] > draftValue[1]);
|
|
2060
|
-
(0,
|
|
2334
|
+
(0, import_react8.useEffect)(() => {
|
|
2061
2335
|
if (!visible) return void 0;
|
|
2062
2336
|
const close = (event) => {
|
|
2063
2337
|
const target = event.target;
|
|
@@ -2230,14 +2504,14 @@ function DateRangePicker({
|
|
|
2230
2504
|
const month = index === 0 ? viewMonth : endViewMonth;
|
|
2231
2505
|
const setMonth = index === 0 ? setViewMonth : setEndViewMonth;
|
|
2232
2506
|
const endpointLabel = index === 0 ? "\u5F00\u59CB" : "\u7ED3\u675F";
|
|
2233
|
-
return /* @__PURE__ */ (0,
|
|
2507
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
2234
2508
|
"div",
|
|
2235
2509
|
{
|
|
2236
2510
|
className: `sia-date-panel__range-date-time-group${activeIndex === index ? " is-active" : ""}`,
|
|
2237
2511
|
"aria-label": `${endpointLabel}\u65E5\u671F\u65F6\u95F4`,
|
|
2238
2512
|
children: [
|
|
2239
|
-
/* @__PURE__ */ (0,
|
|
2240
|
-
/* @__PURE__ */ (0,
|
|
2513
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "sia-date-panel__calendar", children: [
|
|
2514
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2241
2515
|
CalendarHeader,
|
|
2242
2516
|
{
|
|
2243
2517
|
month,
|
|
@@ -2249,7 +2523,7 @@ function DateRangePicker({
|
|
|
2249
2523
|
onNextYear: () => setMonth(addMonths(month, 12))
|
|
2250
2524
|
}
|
|
2251
2525
|
),
|
|
2252
|
-
/* @__PURE__ */ (0,
|
|
2526
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2253
2527
|
CalendarMonth,
|
|
2254
2528
|
{
|
|
2255
2529
|
month,
|
|
@@ -2259,7 +2533,7 @@ function DateRangePicker({
|
|
|
2259
2533
|
}
|
|
2260
2534
|
)
|
|
2261
2535
|
] }),
|
|
2262
|
-
/* @__PURE__ */ (0,
|
|
2536
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2263
2537
|
TimePanel,
|
|
2264
2538
|
{
|
|
2265
2539
|
value: times[index],
|
|
@@ -2277,8 +2551,8 @@ function DateRangePicker({
|
|
|
2277
2551
|
const displayValue = visible && allowEmpty.some(Boolean) ? draftValue : currentValue;
|
|
2278
2552
|
const startFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[0], filled: Boolean(displayValue[0]), active: visible });
|
|
2279
2553
|
const endFloating = useFloatingPlaceholder({ mode: placeholderMode, placeholder: placeholder[1], filled: Boolean(displayValue[1]), active: visible });
|
|
2280
|
-
return /* @__PURE__ */ (0,
|
|
2281
|
-
/* @__PURE__ */ (0,
|
|
2554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { ref: rootRef, className: `sia-picker sia-picker-range-control sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
|
|
2555
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
2282
2556
|
"button",
|
|
2283
2557
|
{
|
|
2284
2558
|
type: "button",
|
|
@@ -2302,27 +2576,27 @@ function DateRangePicker({
|
|
|
2302
2576
|
else changeOpen(true);
|
|
2303
2577
|
},
|
|
2304
2578
|
children: [
|
|
2305
|
-
/* @__PURE__ */ (0,
|
|
2306
|
-
/* @__PURE__ */ (0,
|
|
2579
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { "data-range-endpoint": "0", className: `sia-picker-range-control__field${startFloating.className}${visible && activeIndex === 0 ? " is-active" : ""}`, children: [
|
|
2580
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `sia-picker-range-control__value${displayValue[0] ? "" : " is-placeholder"}`, children: displayValue[0] ? formatValue(displayValue[0]) : placeholder[0] }),
|
|
2307
2581
|
startFloating.label
|
|
2308
2582
|
] }),
|
|
2309
|
-
/* @__PURE__ */ (0,
|
|
2310
|
-
/* @__PURE__ */ (0,
|
|
2311
|
-
/* @__PURE__ */ (0,
|
|
2583
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sia-picker-range-control__separator", children: separator }),
|
|
2584
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { "data-range-endpoint": "1", className: `sia-picker-range-control__field${endFloating.className}${visible && activeIndex === 1 ? " is-active" : ""}`, children: [
|
|
2585
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `sia-picker-range-control__value${displayValue[1] ? "" : " is-placeholder"}`, children: displayValue[1] ? formatValue(displayValue[1]) : placeholder[1] }),
|
|
2312
2586
|
endFloating.label
|
|
2313
2587
|
] }),
|
|
2314
|
-
/* @__PURE__ */ (0,
|
|
2315
|
-
/* @__PURE__ */ (0,
|
|
2588
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { ref: indicatorRef, className: "sia-picker-range-control__indicator", "aria-hidden": "true" }),
|
|
2589
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "calendar", size: 16 }) })
|
|
2316
2590
|
]
|
|
2317
2591
|
}
|
|
2318
2592
|
),
|
|
2319
|
-
allowClear && (displayValue[0] || displayValue[1]) && !disabled ? /* @__PURE__ */ (0,
|
|
2320
|
-
/* @__PURE__ */ (0,
|
|
2321
|
-
/* @__PURE__ */ (0,
|
|
2322
|
-
presets?.length ? /* @__PURE__ */ (0,
|
|
2323
|
-
showTime ? /* @__PURE__ */ (0,
|
|
2324
|
-
/* @__PURE__ */ (0,
|
|
2325
|
-
/* @__PURE__ */ (0,
|
|
2593
|
+
allowClear && (displayValue[0] || displayValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
2594
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? " sia-date-panel--with-time sia-date-panel--range-time-compact" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
|
|
2595
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "sia-date-panel__body", children: [
|
|
2596
|
+
presets?.length ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("aside", { className: "sia-date-panel__presets", "aria-label": "\u5FEB\u6377\u65E5\u671F\u8303\u56F4", children: presets.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => applyPreset(preset2), children: preset2.label }, index)) }) : null,
|
|
2597
|
+
showTime ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "sia-date-panel__range-date-time", children: renderDateTimeGroup(activeIndex) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "sia-date-panel__range-calendars", children: [
|
|
2598
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "sia-date-panel__calendar", children: [
|
|
2599
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2326
2600
|
CalendarHeader,
|
|
2327
2601
|
{
|
|
2328
2602
|
month: viewMonth,
|
|
@@ -2331,10 +2605,10 @@ function DateRangePicker({
|
|
|
2331
2605
|
onPreviousMonth: () => setViewMonth(addMonths(viewMonth, -1))
|
|
2332
2606
|
}
|
|
2333
2607
|
),
|
|
2334
|
-
/* @__PURE__ */ (0,
|
|
2608
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CalendarMonth, { month: viewMonth, range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
|
|
2335
2609
|
] }),
|
|
2336
|
-
/* @__PURE__ */ (0,
|
|
2337
|
-
/* @__PURE__ */ (0,
|
|
2610
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { className: "sia-date-panel__calendar", children: [
|
|
2611
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2338
2612
|
CalendarHeader,
|
|
2339
2613
|
{
|
|
2340
2614
|
month: addMonths(viewMonth, 1),
|
|
@@ -2343,19 +2617,19 @@ function DateRangePicker({
|
|
|
2343
2617
|
onNextYear: () => setViewMonth(addMonths(viewMonth, 12))
|
|
2344
2618
|
}
|
|
2345
2619
|
),
|
|
2346
|
-
/* @__PURE__ */ (0,
|
|
2620
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CalendarMonth, { month: addMonths(viewMonth, 1), range: rangeDates, previewEnd: activeIndex === 1 ? hoverDate : "", disabledDate: isDisabled, onSelect: selectDate, onHover: activeIndex === 1 ? setHoverDate : void 0 })
|
|
2347
2621
|
] })
|
|
2348
2622
|
] })
|
|
2349
2623
|
] }),
|
|
2350
|
-
/* @__PURE__ */ (0,
|
|
2624
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
2351
2625
|
DatePanelFooter,
|
|
2352
2626
|
{
|
|
2353
2627
|
showToday: showToday && !presets?.length,
|
|
2354
2628
|
needConfirm: Boolean(showTime) || resolvedNeedConfirm || allowEmpty.some(Boolean),
|
|
2355
2629
|
disabledConfirm: needsOtherConfirmation ? !draftValue[activeIndex] && !allowEmpty[activeIndex] : !isValidRange(draftValue),
|
|
2356
|
-
extra: /* @__PURE__ */ (0,
|
|
2630
|
+
extra: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
|
|
2357
2631
|
renderExtraFooter?.(),
|
|
2358
|
-
invalidDateTimeRange ? /* @__PURE__ */ (0,
|
|
2632
|
+
invalidDateTimeRange ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { className: "sia-date-panel__range-error", children: "\u7ED3\u675F\u65F6\u95F4\u4E0D\u80FD\u65E9\u4E8E\u5F00\u59CB\u65F6\u95F4" }) : maxRangeDays ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("small", { children: [
|
|
2359
2633
|
"\u6700\u591A\u9009\u62E9 ",
|
|
2360
2634
|
maxRangeDays,
|
|
2361
2635
|
" \u5929"
|
|
@@ -2385,16 +2659,16 @@ function DateRangePicker({
|
|
|
2385
2659
|
})(DatePicker || (DatePicker = {}));
|
|
2386
2660
|
|
|
2387
2661
|
// src/components/Select.tsx
|
|
2388
|
-
var
|
|
2662
|
+
var import_react18 = require("react");
|
|
2389
2663
|
|
|
2390
2664
|
// src/components/Modal.tsx
|
|
2391
|
-
var
|
|
2665
|
+
var import_react11 = require("react");
|
|
2392
2666
|
var import_client2 = require("react-dom/client");
|
|
2393
2667
|
|
|
2394
2668
|
// src/components/Button.tsx
|
|
2395
|
-
var
|
|
2396
|
-
var
|
|
2397
|
-
var Button = (0,
|
|
2669
|
+
var import_react9 = require("react");
|
|
2670
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
2671
|
+
var Button = (0, import_react9.forwardRef)(function Button2({
|
|
2398
2672
|
variant = "default",
|
|
2399
2673
|
size: sizeProp,
|
|
2400
2674
|
loading = false,
|
|
@@ -2410,7 +2684,7 @@ var Button = (0, import_react8.forwardRef)(function Button2({
|
|
|
2410
2684
|
...props
|
|
2411
2685
|
}, forwardedRef) {
|
|
2412
2686
|
const size = useControlSize(sizeProp);
|
|
2413
|
-
const localRef = (0,
|
|
2687
|
+
const localRef = (0, import_react9.useRef)(null);
|
|
2414
2688
|
function setRef(node) {
|
|
2415
2689
|
localRef.current = node;
|
|
2416
2690
|
if (typeof forwardedRef === "function") forwardedRef(node);
|
|
@@ -2428,7 +2702,7 @@ var Button = (0, import_react8.forwardRef)(function Button2({
|
|
|
2428
2702
|
onClick?.(event);
|
|
2429
2703
|
}
|
|
2430
2704
|
const mergedStyle = block ? { ...style, width: "100%" } : style ?? {};
|
|
2431
|
-
return /* @__PURE__ */ (0,
|
|
2705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
|
|
2432
2706
|
"button",
|
|
2433
2707
|
{
|
|
2434
2708
|
ref: setRef,
|
|
@@ -2440,16 +2714,16 @@ var Button = (0, import_react8.forwardRef)(function Button2({
|
|
|
2440
2714
|
style: mergedStyle,
|
|
2441
2715
|
...withTitleTooltip(props),
|
|
2442
2716
|
children: [
|
|
2443
|
-
loading ? /* @__PURE__ */ (0,
|
|
2444
|
-
children !== void 0 && children !== null ? /* @__PURE__ */ (0,
|
|
2445
|
-
!loading && icon && iconPosition === "end" ? /* @__PURE__ */ (0,
|
|
2717
|
+
loading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-button__spinner", "aria-hidden": "true" }) : icon && iconPosition === "start" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-button__icon", children: icon }) : null,
|
|
2718
|
+
children !== void 0 && children !== null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children }) : null,
|
|
2719
|
+
!loading && icon && iconPosition === "end" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "sia-button__icon", children: icon }) : null
|
|
2446
2720
|
]
|
|
2447
2721
|
}
|
|
2448
2722
|
);
|
|
2449
2723
|
});
|
|
2450
2724
|
|
|
2451
2725
|
// src/components/Overlay.tsx
|
|
2452
|
-
var
|
|
2726
|
+
var import_react10 = require("react");
|
|
2453
2727
|
var import_react_dom2 = require("react-dom");
|
|
2454
2728
|
var bodyLockCount = 0;
|
|
2455
2729
|
var previousBodyOverflow = "";
|
|
@@ -2471,10 +2745,10 @@ function focusableElements(container) {
|
|
|
2471
2745
|
)].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
|
|
2472
2746
|
}
|
|
2473
2747
|
function useOverlayLifecycle(open, panelRef, onRequestClose, keyboard = true) {
|
|
2474
|
-
const overlayIdRef = (0,
|
|
2475
|
-
const closeRef = (0,
|
|
2748
|
+
const overlayIdRef = (0, import_react10.useRef)(/* @__PURE__ */ Symbol("sia-overlay"));
|
|
2749
|
+
const closeRef = (0, import_react10.useRef)(onRequestClose);
|
|
2476
2750
|
closeRef.current = onRequestClose;
|
|
2477
|
-
(0,
|
|
2751
|
+
(0, import_react10.useEffect)(() => {
|
|
2478
2752
|
if (!open || typeof document === "undefined") return void 0;
|
|
2479
2753
|
const overlayId = overlayIdRef.current;
|
|
2480
2754
|
const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
|
|
@@ -2528,17 +2802,17 @@ function OverlayPortal({ children, container }) {
|
|
|
2528
2802
|
}
|
|
2529
2803
|
|
|
2530
2804
|
// src/components/Modal.tsx
|
|
2531
|
-
var
|
|
2805
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
2532
2806
|
var modalHandles = /* @__PURE__ */ new Set();
|
|
2533
2807
|
var MODAL_MOTION_DURATION = 220;
|
|
2534
2808
|
var typeIcons = {
|
|
2535
|
-
info: /* @__PURE__ */ (0,
|
|
2536
|
-
success: /* @__PURE__ */ (0,
|
|
2537
|
-
warning: /* @__PURE__ */ (0,
|
|
2538
|
-
error: /* @__PURE__ */ (0,
|
|
2539
|
-
confirm: /* @__PURE__ */ (0,
|
|
2809
|
+
info: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "info", size: 23 }),
|
|
2810
|
+
success: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "circle-check", size: 23 }),
|
|
2811
|
+
warning: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "warning", size: 23 }),
|
|
2812
|
+
error: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "circle-close", size: 23 }),
|
|
2813
|
+
confirm: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "question", size: 23 })
|
|
2540
2814
|
};
|
|
2541
|
-
var ModalRoot = (0,
|
|
2815
|
+
var ModalRoot = (0, import_react11.forwardRef)(function Modal({
|
|
2542
2816
|
open,
|
|
2543
2817
|
title,
|
|
2544
2818
|
children,
|
|
@@ -2567,20 +2841,20 @@ var ModalRoot = (0, import_react10.forwardRef)(function Modal({
|
|
|
2567
2841
|
style,
|
|
2568
2842
|
...props
|
|
2569
2843
|
}, forwardedRef) {
|
|
2570
|
-
const localRef = (0,
|
|
2571
|
-
const titleId = (0,
|
|
2572
|
-
const [submitting, setSubmitting] = (0,
|
|
2573
|
-
const [rendered, setRendered] = (0,
|
|
2574
|
-
const [closing, setClosing] = (0,
|
|
2575
|
-
const afterOpenChangeRef = (0,
|
|
2844
|
+
const localRef = (0, import_react11.useRef)(null);
|
|
2845
|
+
const titleId = (0, import_react11.useId)();
|
|
2846
|
+
const [submitting, setSubmitting] = (0, import_react11.useState)(false);
|
|
2847
|
+
const [rendered, setRendered] = (0, import_react11.useState)(open);
|
|
2848
|
+
const [closing, setClosing] = (0, import_react11.useState)(false);
|
|
2849
|
+
const afterOpenChangeRef = (0, import_react11.useRef)(afterOpenChange);
|
|
2576
2850
|
afterOpenChangeRef.current = afterOpenChange;
|
|
2577
|
-
const submitLock = (0,
|
|
2578
|
-
(0,
|
|
2851
|
+
const submitLock = (0, import_react11.useRef)(false);
|
|
2852
|
+
(0, import_react11.useEffect)(() => {
|
|
2579
2853
|
if (!open || !rendered) return void 0;
|
|
2580
2854
|
const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
|
|
2581
2855
|
return () => window.clearTimeout(timer);
|
|
2582
2856
|
}, [open, rendered]);
|
|
2583
|
-
(0,
|
|
2857
|
+
(0, import_react11.useEffect)(() => {
|
|
2584
2858
|
if (open) {
|
|
2585
2859
|
setRendered(true);
|
|
2586
2860
|
setClosing(false);
|
|
@@ -2637,11 +2911,11 @@ var ModalRoot = (0, import_react10.forwardRef)(function Modal({
|
|
|
2637
2911
|
"--sia-modal-width": typeof width === "number" ? `${width}px` : width
|
|
2638
2912
|
};
|
|
2639
2913
|
const loading = submitting || confirmLoading;
|
|
2640
|
-
const defaultFooter = /* @__PURE__ */ (0,
|
|
2641
|
-
showCancel ? /* @__PURE__ */ (0,
|
|
2642
|
-
/* @__PURE__ */ (0,
|
|
2914
|
+
const defaultFooter = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
2915
|
+
showCancel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { ...cancelButtonProps, onClick: requestClose, disabled: loading || cancelButtonProps?.disabled, children: cancelText }) : null,
|
|
2916
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "primary", ...okButtonProps, onClick: handleOk, loading, children: okText })
|
|
2643
2917
|
] });
|
|
2644
|
-
return /* @__PURE__ */ (0,
|
|
2918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(OverlayPortal, { container: getContainer, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
2645
2919
|
"div",
|
|
2646
2920
|
{
|
|
2647
2921
|
className: `sia-modal-root${centered ? " sia-modal-root--centered" : ""}`,
|
|
@@ -2650,7 +2924,7 @@ var ModalRoot = (0, import_react10.forwardRef)(function Modal({
|
|
|
2650
2924
|
onMouseDown: (event) => {
|
|
2651
2925
|
if (event.target === event.currentTarget && maskClosable) requestClose();
|
|
2652
2926
|
},
|
|
2653
|
-
children: /* @__PURE__ */ (0,
|
|
2927
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
2654
2928
|
"div",
|
|
2655
2929
|
{
|
|
2656
2930
|
ref: setRef,
|
|
@@ -2662,16 +2936,16 @@ var ModalRoot = (0, import_react10.forwardRef)(function Modal({
|
|
|
2662
2936
|
tabIndex: -1,
|
|
2663
2937
|
...withTitleTooltip(props),
|
|
2664
2938
|
children: [
|
|
2665
|
-
/* @__PURE__ */ (0,
|
|
2666
|
-
/* @__PURE__ */ (0,
|
|
2667
|
-
typeIcons[type] ? /* @__PURE__ */ (0,
|
|
2668
|
-
title ? /* @__PURE__ */ (0,
|
|
2939
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "sia-modal__header", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
|
|
2940
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "sia-modal__heading", children: [
|
|
2941
|
+
typeIcons[type] ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-modal__type-icon", "aria-hidden": "true", children: typeIcons[type] }) : null,
|
|
2942
|
+
title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("strong", { id: titleId, children: title }) : null
|
|
2669
2943
|
] }),
|
|
2670
|
-
closable ? /* @__PURE__ */ (0,
|
|
2944
|
+
closable ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { type: "button", className: "sia-modal__close", "aria-label": "\u5173\u95ED\u5BF9\u8BDD\u6846", onClick: requestClose, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { name: "close", size: 17 }) }) : null
|
|
2671
2945
|
] }),
|
|
2672
|
-
children !== void 0 ? /* @__PURE__ */ (0,
|
|
2673
|
-
footer !== null ? /* @__PURE__ */ (0,
|
|
2674
|
-
footer === void 0 && footerExtra != null ? /* @__PURE__ */ (0,
|
|
2946
|
+
children !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "sia-modal__body", style: height !== void 0 ? { flex: 1, minHeight: 0, overflow: "auto" } : void 0, children }) : null,
|
|
2947
|
+
footer !== null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "sia-modal__footer", style: height !== void 0 ? { flexShrink: 0 } : void 0, children: [
|
|
2948
|
+
footer === void 0 && footerExtra != null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { marginRight: "auto" }, children: footerExtra }) : null,
|
|
2675
2949
|
footer ?? defaultFooter
|
|
2676
2950
|
] }) : null
|
|
2677
2951
|
]
|
|
@@ -2705,11 +2979,11 @@ function openModal(config) {
|
|
|
2705
2979
|
render();
|
|
2706
2980
|
}
|
|
2707
2981
|
function ModalInstance() {
|
|
2708
|
-
(0,
|
|
2982
|
+
(0, import_react11.useEffect)(() => {
|
|
2709
2983
|
mounted = true;
|
|
2710
2984
|
if (!currentOpen) render();
|
|
2711
2985
|
}, []);
|
|
2712
|
-
return /* @__PURE__ */ (0,
|
|
2986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModalRoot, { ...currentConfig, open: !mounted || currentOpen, onOpenChange: (nextOpen) => {
|
|
2713
2987
|
currentConfig.onOpenChange?.(nextOpen);
|
|
2714
2988
|
if (!nextOpen) closeWithMotion();
|
|
2715
2989
|
}, afterOpenChange: (nextOpen) => {
|
|
@@ -2721,7 +2995,7 @@ function openModal(config) {
|
|
|
2721
2995
|
} });
|
|
2722
2996
|
}
|
|
2723
2997
|
function render() {
|
|
2724
|
-
root.render(/* @__PURE__ */ (0,
|
|
2998
|
+
root.render(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModalInstance, {}));
|
|
2725
2999
|
}
|
|
2726
3000
|
const handle = {
|
|
2727
3001
|
destroy: closeWithMotion,
|
|
@@ -2766,12 +3040,12 @@ var Modal2 = Object.assign(ModalRoot, {
|
|
|
2766
3040
|
});
|
|
2767
3041
|
|
|
2768
3042
|
// src/components/Input.tsx
|
|
2769
|
-
var
|
|
3043
|
+
var import_react13 = require("react");
|
|
2770
3044
|
|
|
2771
3045
|
// src/components/TextArea.tsx
|
|
2772
|
-
var
|
|
2773
|
-
var
|
|
2774
|
-
var TextArea = (0,
|
|
3046
|
+
var import_react12 = require("react");
|
|
3047
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
3048
|
+
var TextArea = (0, import_react12.forwardRef)(function TextArea2({
|
|
2775
3049
|
label,
|
|
2776
3050
|
hint,
|
|
2777
3051
|
status = "default",
|
|
@@ -2789,9 +3063,9 @@ var TextArea = (0, import_react11.forwardRef)(function TextArea2({
|
|
|
2789
3063
|
...props
|
|
2790
3064
|
}, ref) {
|
|
2791
3065
|
const size = useControlSize(sizeProp);
|
|
2792
|
-
const fallbackId = (0,
|
|
3066
|
+
const fallbackId = (0, import_react12.useId)();
|
|
2793
3067
|
const textAreaId = id ?? fallbackId;
|
|
2794
|
-
const [uncontrolledValue, setUncontrolledValue] = (0,
|
|
3068
|
+
const [uncontrolledValue, setUncontrolledValue] = (0, import_react12.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
|
|
2795
3069
|
const currentText = value !== void 0 ? String(value) : uncontrolledValue;
|
|
2796
3070
|
const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: currentText.length > 0 });
|
|
2797
3071
|
const hintId = `${textAreaId}-hint`;
|
|
@@ -2800,8 +3074,8 @@ var TextArea = (0, import_react11.forwardRef)(function TextArea2({
|
|
|
2800
3074
|
setUncontrolledValue(event.target.value);
|
|
2801
3075
|
onChange?.(event);
|
|
2802
3076
|
}
|
|
2803
|
-
const control = /* @__PURE__ */ (0,
|
|
2804
|
-
/* @__PURE__ */ (0,
|
|
3077
|
+
const control = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-textarea-control sia-textarea-control--${size} sia-textarea-control--${status}${floating.className}${disabled ? " is-disabled" : ""}`, children: [
|
|
3078
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
2805
3079
|
"textarea",
|
|
2806
3080
|
{
|
|
2807
3081
|
...withTitleTooltip(props),
|
|
@@ -2819,22 +3093,22 @@ var TextArea = (0, import_react11.forwardRef)(function TextArea2({
|
|
|
2819
3093
|
}
|
|
2820
3094
|
),
|
|
2821
3095
|
floating.label,
|
|
2822
|
-
showCount ? /* @__PURE__ */ (0,
|
|
3096
|
+
showCount ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-textarea-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
|
|
2823
3097
|
currentText.length,
|
|
2824
3098
|
maxLength !== void 0 ? `/${maxLength}` : null
|
|
2825
3099
|
] }) : null
|
|
2826
3100
|
] });
|
|
2827
|
-
if (!label && !hint) return /* @__PURE__ */ (0,
|
|
2828
|
-
return /* @__PURE__ */ (0,
|
|
2829
|
-
label ? /* @__PURE__ */ (0,
|
|
3101
|
+
if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: `sia-field ${className}`.trim(), children: control });
|
|
3102
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
|
|
3103
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { className: "sia-field__label", htmlFor: textAreaId, children: label }) : null,
|
|
2830
3104
|
control,
|
|
2831
|
-
hint ? /* @__PURE__ */ (0,
|
|
3105
|
+
hint ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
|
|
2832
3106
|
] });
|
|
2833
3107
|
});
|
|
2834
3108
|
|
|
2835
3109
|
// src/components/Input.tsx
|
|
2836
|
-
var
|
|
2837
|
-
var Input = (0,
|
|
3110
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
3111
|
+
var Input = (0, import_react13.forwardRef)(function Input2({
|
|
2838
3112
|
label,
|
|
2839
3113
|
hint,
|
|
2840
3114
|
status = "default",
|
|
@@ -2857,14 +3131,14 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2857
3131
|
...props
|
|
2858
3132
|
}, forwardedRef) {
|
|
2859
3133
|
const size = useControlSize(sizeProp);
|
|
2860
|
-
const fallbackId = (0,
|
|
3134
|
+
const fallbackId = (0, import_react13.useId)();
|
|
2861
3135
|
const inputId = id ?? fallbackId;
|
|
2862
|
-
const localRef = (0,
|
|
2863
|
-
const [uncontrolledValue, setUncontrolledValue] = (0,
|
|
3136
|
+
const localRef = (0, import_react13.useRef)(null);
|
|
3137
|
+
const [uncontrolledValue, setUncontrolledValue] = (0, import_react13.useState)(() => defaultValue === void 0 ? "" : String(defaultValue));
|
|
2864
3138
|
const currentText = value !== void 0 ? String(value) : uncontrolledValue;
|
|
2865
3139
|
const hasValue = currentText.length > 0;
|
|
2866
|
-
const [expanded, setExpanded] = (0,
|
|
2867
|
-
const [expandedDraft, setExpandedDraft] = (0,
|
|
3140
|
+
const [expanded, setExpanded] = (0, import_react13.useState)(false);
|
|
3141
|
+
const [expandedDraft, setExpandedDraft] = (0, import_react13.useState)("");
|
|
2868
3142
|
const floatingPlaceholder = usePlaceholderMode(placeholderMode) === "floating" && Boolean(placeholder);
|
|
2869
3143
|
const hintId = `${inputId}-hint`;
|
|
2870
3144
|
const describedBy = [props["aria-describedby"], hint ? hintId : null].filter(Boolean).join(" ") || void 0;
|
|
@@ -2900,7 +3174,7 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2900
3174
|
event.preventDefault();
|
|
2901
3175
|
localRef.current?.focus({ preventScroll: true });
|
|
2902
3176
|
}
|
|
2903
|
-
const input = /* @__PURE__ */ (0,
|
|
3177
|
+
const input = /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2904
3178
|
"input",
|
|
2905
3179
|
{
|
|
2906
3180
|
...withTitleTooltip(props),
|
|
@@ -2917,15 +3191,15 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2917
3191
|
onChange: handleChange
|
|
2918
3192
|
}
|
|
2919
3193
|
);
|
|
2920
|
-
const control = /* @__PURE__ */ (0,
|
|
2921
|
-
prefix ? /* @__PURE__ */ (0,
|
|
2922
|
-
floatingPlaceholder ? /* @__PURE__ */ (0,
|
|
3194
|
+
const control = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { onMouseDown: handleControlMouseDown, className: `sia-input-control sia-input-control--${size} sia-input-control--${status}${floatingPlaceholder ? " sia-input-control--floating" : ""}${floatingPlaceholder && hasValue ? " is-filled" : ""}${disabled ? " is-disabled" : ""}`, children: [
|
|
3195
|
+
prefix ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sia-input-control__affix", children: prefix }) : null,
|
|
3196
|
+
floatingPlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "sia-input-control__input-wrap", children: [
|
|
2923
3197
|
input,
|
|
2924
|
-
/* @__PURE__ */ (0,
|
|
3198
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sia-input-control__floating-placeholder", "aria-hidden": "true", children: placeholder })
|
|
2925
3199
|
] }) : input,
|
|
2926
|
-
allowClear && hasValue && !disabled ? /* @__PURE__ */ (0,
|
|
2927
|
-
suffix ? /* @__PURE__ */ (0,
|
|
2928
|
-
expandable && !disabled && !props.readOnly && (!props.type || props.type === "text") ? /* @__PURE__ */ (0,
|
|
3200
|
+
allowClear && hasValue && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { className: "sia-input-control__clear", type: "button", "aria-label": "\u6E05\u7A7A\u8F93\u5165", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
3201
|
+
suffix ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sia-input-control__affix", children: suffix }) : null,
|
|
3202
|
+
expandable && !disabled && !props.readOnly && (!props.type || props.type === "text") ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2929
3203
|
"button",
|
|
2930
3204
|
{
|
|
2931
3205
|
type: "button",
|
|
@@ -2937,15 +3211,15 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2937
3211
|
setExpandedDraft(currentText);
|
|
2938
3212
|
setExpanded(true);
|
|
2939
3213
|
},
|
|
2940
|
-
children: /* @__PURE__ */ (0,
|
|
3214
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "expand", size: 15 })
|
|
2941
3215
|
}
|
|
2942
3216
|
) : null,
|
|
2943
|
-
showCount ? /* @__PURE__ */ (0,
|
|
3217
|
+
showCount ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: `sia-input-control__count${maxLength !== void 0 && currentText.length >= maxLength ? " is-limit" : ""}`, "aria-live": "polite", children: [
|
|
2944
3218
|
currentText.length,
|
|
2945
3219
|
maxLength !== void 0 ? `/${maxLength}` : null
|
|
2946
3220
|
] }) : null
|
|
2947
3221
|
] });
|
|
2948
|
-
const editor = expandable ? /* @__PURE__ */ (0,
|
|
3222
|
+
const editor = expandable ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2949
3223
|
Modal2,
|
|
2950
3224
|
{
|
|
2951
3225
|
open: expanded,
|
|
@@ -2966,7 +3240,7 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2966
3240
|
setUncontrolledValue(next);
|
|
2967
3241
|
setExpanded(false);
|
|
2968
3242
|
},
|
|
2969
|
-
children: /* @__PURE__ */ (0,
|
|
3243
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
2970
3244
|
TextArea,
|
|
2971
3245
|
{
|
|
2972
3246
|
"aria-label": "\u5C55\u5F00\u7F16\u8F91\u5185\u5BB9",
|
|
@@ -2982,32 +3256,32 @@ var Input = (0, import_react12.forwardRef)(function Input2({
|
|
|
2982
3256
|
)
|
|
2983
3257
|
}
|
|
2984
3258
|
) : null;
|
|
2985
|
-
if (!label && !hint) return /* @__PURE__ */ (0,
|
|
2986
|
-
/* @__PURE__ */ (0,
|
|
3259
|
+
if (!label && !hint) return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
|
|
3260
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `sia-field ${className}`.trim(), children: control }),
|
|
2987
3261
|
editor
|
|
2988
3262
|
] });
|
|
2989
|
-
return /* @__PURE__ */ (0,
|
|
2990
|
-
/* @__PURE__ */ (0,
|
|
2991
|
-
label ? /* @__PURE__ */ (0,
|
|
3263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
|
|
3264
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: `sia-field ${className}`.trim(), children: [
|
|
3265
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "sia-field__label", htmlFor: inputId, children: label }) : null,
|
|
2992
3266
|
control,
|
|
2993
|
-
hint ? /* @__PURE__ */ (0,
|
|
3267
|
+
hint ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { id: hintId, className: `sia-field__hint sia-field__hint--${status}`, children: hint }) : null
|
|
2994
3268
|
] }),
|
|
2995
3269
|
editor
|
|
2996
3270
|
] });
|
|
2997
3271
|
});
|
|
2998
3272
|
|
|
2999
3273
|
// src/components/Checkbox.tsx
|
|
3000
|
-
var
|
|
3001
|
-
var
|
|
3002
|
-
var CheckboxGroupContext = (0,
|
|
3003
|
-
var CheckboxRoot = (0,
|
|
3274
|
+
var import_react14 = require("react");
|
|
3275
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
3276
|
+
var CheckboxGroupContext = (0, import_react14.createContext)(null);
|
|
3277
|
+
var CheckboxRoot = (0, import_react14.forwardRef)(function Checkbox({ value, size: sizeProp, indeterminate = false, children, disabled, checked, defaultChecked, className = "", onChange, ...props }, forwardedRef) {
|
|
3004
3278
|
const size = useControlSize(sizeProp);
|
|
3005
|
-
const group = (0,
|
|
3006
|
-
const localRef = (0,
|
|
3007
|
-
const fallbackId = (0,
|
|
3279
|
+
const group = (0, import_react14.useContext)(CheckboxGroupContext);
|
|
3280
|
+
const localRef = (0, import_react14.useRef)(null);
|
|
3281
|
+
const fallbackId = (0, import_react14.useId)();
|
|
3008
3282
|
const grouped = group !== null && value !== void 0;
|
|
3009
3283
|
const currentChecked = grouped ? group.values.includes(value) : checked;
|
|
3010
|
-
(0,
|
|
3284
|
+
(0, import_react14.useEffect)(() => {
|
|
3011
3285
|
if (localRef.current) localRef.current.indeterminate = indeterminate;
|
|
3012
3286
|
}, [indeterminate]);
|
|
3013
3287
|
function setRef(node) {
|
|
@@ -3015,8 +3289,8 @@ var CheckboxRoot = (0, import_react13.forwardRef)(function Checkbox({ value, siz
|
|
|
3015
3289
|
if (typeof forwardedRef === "function") forwardedRef(node);
|
|
3016
3290
|
else if (forwardedRef) forwardedRef.current = node;
|
|
3017
3291
|
}
|
|
3018
|
-
return /* @__PURE__ */ (0,
|
|
3019
|
-
/* @__PURE__ */ (0,
|
|
3292
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: `sia-checkbox sia-checkbox--${size}${disabled || group?.disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
|
|
3293
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
3020
3294
|
"input",
|
|
3021
3295
|
{
|
|
3022
3296
|
...withTitleTooltip(props),
|
|
@@ -3035,8 +3309,8 @@ var CheckboxRoot = (0, import_react13.forwardRef)(function Checkbox({ value, siz
|
|
|
3035
3309
|
}
|
|
3036
3310
|
}
|
|
3037
3311
|
),
|
|
3038
|
-
/* @__PURE__ */ (0,
|
|
3039
|
-
children !== void 0 ? /* @__PURE__ */ (0,
|
|
3312
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-checkbox__control", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", {}) }),
|
|
3313
|
+
children !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-checkbox__label", children }) : null
|
|
3040
3314
|
] });
|
|
3041
3315
|
});
|
|
3042
3316
|
function CheckboxGroup({
|
|
@@ -3060,7 +3334,7 @@ function CheckboxGroup({
|
|
|
3060
3334
|
gap: gap === void 0 ? void 0 : typeof gap === "number" ? Math.max(0, gap) : `${Math.max(0, gap[0])}px ${Math.max(0, gap[1])}px`
|
|
3061
3335
|
};
|
|
3062
3336
|
const [values, setValues] = useControllableState({ value, defaultValue, onChange });
|
|
3063
|
-
const context = (0,
|
|
3337
|
+
const context = (0, import_react14.useMemo)(() => ({
|
|
3064
3338
|
values,
|
|
3065
3339
|
disabled,
|
|
3066
3340
|
name,
|
|
@@ -3069,10 +3343,10 @@ function CheckboxGroup({
|
|
|
3069
3343
|
setValues(next);
|
|
3070
3344
|
}
|
|
3071
3345
|
}), [disabled, name, setValues, values]);
|
|
3072
|
-
return /* @__PURE__ */ (0,
|
|
3346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ControlSizeContext.Provider, { value: size, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxGroupContext.Provider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `sia-checkbox-group${gridColumns ? " sia-checkbox-group--grid" : direction === "vertical" ? " sia-checkbox-group--vertical" : ""} ${className}`.trim(), style: layoutStyle, role: "group", children: [
|
|
3073
3347
|
options?.map((option) => {
|
|
3074
3348
|
const normalized = typeof option === "object" ? option : { label: String(option), value: option };
|
|
3075
|
-
return /* @__PURE__ */ (0,
|
|
3349
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CheckboxRoot, { value: normalized.value, disabled: normalized.disabled, children: normalized.label }, normalized.value);
|
|
3076
3350
|
}),
|
|
3077
3351
|
children
|
|
3078
3352
|
] }) }) });
|
|
@@ -3083,12 +3357,12 @@ var Checkbox2 = Object.assign(CheckboxRoot, {
|
|
|
3083
3357
|
});
|
|
3084
3358
|
|
|
3085
3359
|
// src/components/SelectionPanel.tsx
|
|
3086
|
-
var
|
|
3360
|
+
var import_react16 = require("react");
|
|
3087
3361
|
|
|
3088
3362
|
// src/components/FloatingDisplay.tsx
|
|
3089
|
-
var
|
|
3363
|
+
var import_react15 = require("react");
|
|
3090
3364
|
var import_react_dom3 = require("react-dom");
|
|
3091
|
-
var
|
|
3365
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
3092
3366
|
var FLOATING_GAP = 9;
|
|
3093
3367
|
var FLOATING_VIEWPORT_PADDING = 8;
|
|
3094
3368
|
var FLOATING_ARROW_EDGE_OFFSET = 16;
|
|
@@ -3173,23 +3447,23 @@ function Floating({
|
|
|
3173
3447
|
role = "tooltip",
|
|
3174
3448
|
onOpenChange
|
|
3175
3449
|
}) {
|
|
3176
|
-
const rootRef = (0,
|
|
3177
|
-
const triggerElementRef = (0,
|
|
3178
|
-
const overlayRef = (0,
|
|
3179
|
-
const enterTimer = (0,
|
|
3180
|
-
const leaveTimer = (0,
|
|
3181
|
-
const contentId = (0,
|
|
3450
|
+
const rootRef = (0, import_react15.useRef)(null);
|
|
3451
|
+
const triggerElementRef = (0, import_react15.useRef)(null);
|
|
3452
|
+
const overlayRef = (0, import_react15.useRef)(null);
|
|
3453
|
+
const enterTimer = (0, import_react15.useRef)();
|
|
3454
|
+
const leaveTimer = (0, import_react15.useRef)();
|
|
3455
|
+
const contentId = (0, import_react15.useId)();
|
|
3182
3456
|
const triggers = Array.isArray(trigger) ? trigger : [trigger];
|
|
3183
3457
|
const [visible, setVisible] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
|
|
3184
|
-
const [position, setPosition] = (0,
|
|
3185
|
-
const [portalContainer, setPortalContainer] = (0,
|
|
3186
|
-
(0,
|
|
3458
|
+
const [position, setPosition] = (0, import_react15.useState)();
|
|
3459
|
+
const [portalContainer, setPortalContainer] = (0, import_react15.useState)(null);
|
|
3460
|
+
(0, import_react15.useLayoutEffect)(() => {
|
|
3187
3461
|
if (!visible) return;
|
|
3188
3462
|
setPortalContainer(rootRef.current?.closest(".sia-modal-root, .sia-drawer-root") ?? document.body);
|
|
3189
3463
|
});
|
|
3190
|
-
const setVisibleRef = (0,
|
|
3464
|
+
const setVisibleRef = (0, import_react15.useRef)(setVisible);
|
|
3191
3465
|
setVisibleRef.current = setVisible;
|
|
3192
|
-
const closeSelfRef = (0,
|
|
3466
|
+
const closeSelfRef = (0, import_react15.useRef)();
|
|
3193
3467
|
if (!closeSelfRef.current) closeSelfRef.current = () => setVisibleRef.current(false);
|
|
3194
3468
|
const exclusiveTooltip = role === "tooltip" && triggers.includes("hover");
|
|
3195
3469
|
function openNow() {
|
|
@@ -3217,7 +3491,7 @@ function Floating({
|
|
|
3217
3491
|
if (delay <= 0) closeNow();
|
|
3218
3492
|
else leaveTimer.current = window.setTimeout(closeNow, delay * 1e3);
|
|
3219
3493
|
}
|
|
3220
|
-
(0,
|
|
3494
|
+
(0, import_react15.useEffect)(() => {
|
|
3221
3495
|
if (!visible || !triggers.includes("click")) return;
|
|
3222
3496
|
const close = (event) => {
|
|
3223
3497
|
const target = event.target;
|
|
@@ -3226,7 +3500,7 @@ function Floating({
|
|
|
3226
3500
|
document.addEventListener("pointerdown", close);
|
|
3227
3501
|
return () => document.removeEventListener("pointerdown", close);
|
|
3228
3502
|
}, [triggers.join("|"), visible]);
|
|
3229
|
-
(0,
|
|
3503
|
+
(0, import_react15.useLayoutEffect)(() => {
|
|
3230
3504
|
if (!visible) {
|
|
3231
3505
|
setPosition(void 0);
|
|
3232
3506
|
return;
|
|
@@ -3264,11 +3538,11 @@ function Floating({
|
|
|
3264
3538
|
observer.disconnect();
|
|
3265
3539
|
};
|
|
3266
3540
|
}, [children, content, placement, visible, portalContainer, autoAdjustOverflow, typeof arrow === "object" && arrow.pointAtCenter]);
|
|
3267
|
-
(0,
|
|
3541
|
+
(0, import_react15.useEffect)(() => () => {
|
|
3268
3542
|
clearTimers();
|
|
3269
3543
|
if (activeTooltipClose === closeSelfRef.current) activeTooltipClose = void 0;
|
|
3270
3544
|
}, []);
|
|
3271
|
-
const child = (0,
|
|
3545
|
+
const child = (0, import_react15.cloneElement)(children, {
|
|
3272
3546
|
...triggers.includes("hover") ? { onMouseEnter: (event) => {
|
|
3273
3547
|
triggerElementRef.current = event.currentTarget;
|
|
3274
3548
|
children.props.onMouseEnter?.(event);
|
|
@@ -3294,7 +3568,7 @@ function Floating({
|
|
|
3294
3568
|
"aria-describedby": visible ? contentId : void 0
|
|
3295
3569
|
});
|
|
3296
3570
|
const overlay = visible && content !== null && content !== void 0 && typeof document !== "undefined" ? (0, import_react_dom3.createPortal)(
|
|
3297
|
-
/* @__PURE__ */ (0,
|
|
3571
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
3298
3572
|
"span",
|
|
3299
3573
|
{
|
|
3300
3574
|
ref: overlayRef,
|
|
@@ -3314,23 +3588,23 @@ function Floating({
|
|
|
3314
3588
|
onMouseLeave: triggers.includes("hover") ? () => hide(mouseLeaveDelay) : void 0,
|
|
3315
3589
|
children: [
|
|
3316
3590
|
content,
|
|
3317
|
-
arrow ? /* @__PURE__ */ (0,
|
|
3591
|
+
arrow ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "sia-floating__arrow" }) : null
|
|
3318
3592
|
]
|
|
3319
3593
|
}
|
|
3320
3594
|
),
|
|
3321
3595
|
portalContainer ?? document.body
|
|
3322
3596
|
) : null;
|
|
3323
|
-
return /* @__PURE__ */ (0,
|
|
3324
|
-
/* @__PURE__ */ (0,
|
|
3597
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
|
|
3598
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { ref: rootRef, className: `sia-floating ${className}`.trim(), children: child }),
|
|
3325
3599
|
overlay
|
|
3326
3600
|
] });
|
|
3327
3601
|
}
|
|
3328
3602
|
function Tooltip(props) {
|
|
3329
|
-
return /* @__PURE__ */ (0,
|
|
3603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Floating, { ...props, content: props.title });
|
|
3330
3604
|
}
|
|
3331
3605
|
|
|
3332
3606
|
// src/components/SelectionPanel.tsx
|
|
3333
|
-
var
|
|
3607
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
3334
3608
|
function SelectionPanel({
|
|
3335
3609
|
options,
|
|
3336
3610
|
value,
|
|
@@ -3351,26 +3625,26 @@ function SelectionPanel({
|
|
|
3351
3625
|
maxHeight = 250,
|
|
3352
3626
|
autoFocusSearch = false
|
|
3353
3627
|
}) {
|
|
3354
|
-
const [localSearch, setLocalSearch] = (0,
|
|
3628
|
+
const [localSearch, setLocalSearch] = (0, import_react16.useState)("");
|
|
3355
3629
|
const search = searchValue ?? localSearch;
|
|
3356
|
-
const [scrollTop, setScrollTop] = (0,
|
|
3357
|
-
const [active, setActive] = (0,
|
|
3358
|
-
const [keyboardActive, setKeyboardActive] = (0,
|
|
3359
|
-
const [deselectedHover, setDeselectedHover] = (0,
|
|
3360
|
-
const listRef = (0,
|
|
3361
|
-
const id = (0,
|
|
3362
|
-
const selected = (0,
|
|
3630
|
+
const [scrollTop, setScrollTop] = (0, import_react16.useState)(0);
|
|
3631
|
+
const [active, setActive] = (0, import_react16.useState)();
|
|
3632
|
+
const [keyboardActive, setKeyboardActive] = (0, import_react16.useState)(false);
|
|
3633
|
+
const [deselectedHover, setDeselectedHover] = (0, import_react16.useState)();
|
|
3634
|
+
const listRef = (0, import_react16.useRef)(null);
|
|
3635
|
+
const id = (0, import_react16.useId)();
|
|
3636
|
+
const selected = (0, import_react16.useMemo)(() => new Set(value), [value]);
|
|
3363
3637
|
const count = Math.max(1, Math.floor(columns));
|
|
3364
|
-
const allOptions = (0,
|
|
3638
|
+
const allOptions = (0, import_react16.useMemo)(() => {
|
|
3365
3639
|
if (!includeUnknownValues) return [...options];
|
|
3366
3640
|
const known = new Set(options.filter((option) => option.optionType !== "divider").map((option) => option.value));
|
|
3367
3641
|
return [...value.filter((item) => !known.has(item)).map((item) => ({ value: item, label: String(item), group: "\u81EA\u5B9A\u4E49\u503C" })), ...options];
|
|
3368
3642
|
}, [options, value, includeUnknownValues]);
|
|
3369
|
-
const filtered = (0,
|
|
3643
|
+
const filtered = (0, import_react16.useMemo)(
|
|
3370
3644
|
() => allOptions.filter((option) => (!selectedOnly || selected.has(option.value)) && (!search || option.optionType !== "divider" && [option.label, option.value].some((text) => String(text ?? "").toLowerCase().includes(search.toLowerCase())))),
|
|
3371
3645
|
[allOptions, selectedOnly, selected, search]
|
|
3372
3646
|
);
|
|
3373
|
-
const rows = (0,
|
|
3647
|
+
const rows = (0, import_react16.useMemo)(() => {
|
|
3374
3648
|
const groups = /* @__PURE__ */ new Map();
|
|
3375
3649
|
filtered.forEach((option) => {
|
|
3376
3650
|
const items = groups.get(option.group) ?? [];
|
|
@@ -3396,7 +3670,7 @@ function SelectionPanel({
|
|
|
3396
3670
|
const virtual = filtered.length > 100;
|
|
3397
3671
|
const renderedRows = virtual ? rows.filter((row) => row.top + row.height >= scrollTop - 100 && row.top <= scrollTop + maxHeight + 100) : rows;
|
|
3398
3672
|
const enabled = filtered.filter((option) => !option.disabled && option.optionType !== "divider");
|
|
3399
|
-
(0,
|
|
3673
|
+
(0, import_react16.useEffect)(() => {
|
|
3400
3674
|
setScrollTop(0);
|
|
3401
3675
|
if (listRef.current) listRef.current.scrollTop = 0;
|
|
3402
3676
|
setActive(void 0);
|
|
@@ -3419,9 +3693,9 @@ function SelectionPanel({
|
|
|
3419
3693
|
const add = enabled.filter((option) => operation === "all" || !selected.has(option.value)).map((option) => option.value);
|
|
3420
3694
|
onChange([...retained, ...add]);
|
|
3421
3695
|
}
|
|
3422
|
-
return /* @__PURE__ */ (0,
|
|
3423
|
-
/* @__PURE__ */ (0,
|
|
3424
|
-
showSearch && /* @__PURE__ */ (0,
|
|
3696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-selection-panel", children: [
|
|
3697
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FloatingScrollbarProvider, { targetRef: listRef }),
|
|
3698
|
+
showSearch && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3425
3699
|
Input,
|
|
3426
3700
|
{
|
|
3427
3701
|
"aria-label": "\u641C\u7D22\u9009\u9879",
|
|
@@ -3435,17 +3709,17 @@ function SelectionPanel({
|
|
|
3435
3709
|
}
|
|
3436
3710
|
}
|
|
3437
3711
|
),
|
|
3438
|
-
multiple && showActions && /* @__PURE__ */ (0,
|
|
3439
|
-
/* @__PURE__ */ (0,
|
|
3440
|
-
/* @__PURE__ */ (0,
|
|
3441
|
-
/* @__PURE__ */ (0,
|
|
3442
|
-
/* @__PURE__ */ (0,
|
|
3712
|
+
multiple && showActions && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "sia-selection-panel__actions", children: [
|
|
3713
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("all"), children: "\u5168\u9009" }),
|
|
3714
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
|
|
3715
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !value.length, onClick: () => batch("clear"), children: "\u6E05\u7A7A" }),
|
|
3716
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
|
|
3443
3717
|
"\u5DF2\u9009 ",
|
|
3444
3718
|
value.length,
|
|
3445
3719
|
" \u9879"
|
|
3446
3720
|
] })
|
|
3447
3721
|
] }),
|
|
3448
|
-
/* @__PURE__ */ (0,
|
|
3722
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3449
3723
|
"div",
|
|
3450
3724
|
{
|
|
3451
3725
|
ref: listRef,
|
|
@@ -3482,12 +3756,12 @@ function SelectionPanel({
|
|
|
3482
3756
|
toggle(enabled[index], true);
|
|
3483
3757
|
}
|
|
3484
3758
|
},
|
|
3485
|
-
children: loading ? /* @__PURE__ */ (0,
|
|
3759
|
+
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { role: "status", children: "\u52A0\u8F7D\u4E2D\u2026" }) : !rows.length ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "sia-selection-panel__empty", children: "\u6682\u65E0\u5339\u914D\u9009\u9879" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { height: totalHeight, position: "relative" }, children: renderedRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3486
3760
|
"div",
|
|
3487
3761
|
{
|
|
3488
3762
|
className: row.title !== void 0 ? "sia-selection-panel__group" : "sia-selection-panel__row",
|
|
3489
3763
|
style: { position: "absolute", top: row.top, height: row.height, width: "100%", gridTemplateColumns: `repeat(${count}, minmax(0, 1fr))` },
|
|
3490
|
-
children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ (0,
|
|
3764
|
+
children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { role: "separator", className: "sia-selection-panel__divider" }, `divider-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Tooltip, { title: option.disabled ? option.disabledTip : void 0, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
3491
3765
|
"div",
|
|
3492
3766
|
{
|
|
3493
3767
|
role: "option",
|
|
@@ -3503,12 +3777,12 @@ function SelectionPanel({
|
|
|
3503
3777
|
onClick: (event) => {
|
|
3504
3778
|
if (!event.target.closest(".sia-checkbox")) toggle(option);
|
|
3505
3779
|
},
|
|
3506
|
-
children: multiple ? /* @__PURE__ */ (0,
|
|
3507
|
-
/* @__PURE__ */ (0,
|
|
3508
|
-
showValue && /* @__PURE__ */ (0,
|
|
3509
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
3510
|
-
/* @__PURE__ */ (0,
|
|
3511
|
-
showValue && /* @__PURE__ */ (0,
|
|
3780
|
+
children: multiple ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Checkbox2, { checked: selected.has(option.value), disabled: disabled || loading || option.disabled, tabIndex: -1, onChange: () => toggle(option), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "sia-selection-panel__text", children: [
|
|
3781
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
|
|
3782
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { children: String(option.value) })
|
|
3783
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "sia-selection-panel__text", children: [
|
|
3784
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sia-selection-panel__label", children: showValue || displayField === "label" ? option.label : String(option.value) }),
|
|
3785
|
+
showValue && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("small", { children: String(option.value) })
|
|
3512
3786
|
] })
|
|
3513
3787
|
}
|
|
3514
3788
|
) }, `${typeof option.value}-${option.value}`))
|
|
@@ -3521,14 +3795,14 @@ function SelectionPanel({
|
|
|
3521
3795
|
}
|
|
3522
3796
|
|
|
3523
3797
|
// src/components/OverflowTags.tsx
|
|
3524
|
-
var
|
|
3525
|
-
var
|
|
3798
|
+
var import_react17 = require("react");
|
|
3799
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
3526
3800
|
function OverflowTags({ items, maxCount, className = "", tagClassName, restClassName = "" }) {
|
|
3527
|
-
const rootRef = (0,
|
|
3528
|
-
const measureRef = (0,
|
|
3801
|
+
const rootRef = (0, import_react17.useRef)(null);
|
|
3802
|
+
const measureRef = (0, import_react17.useRef)(null);
|
|
3529
3803
|
const limit = Math.min(items.length, Math.max(0, Math.floor(maxCount) || 0));
|
|
3530
|
-
const [visibleCount, setVisibleCount] = (0,
|
|
3531
|
-
(0,
|
|
3804
|
+
const [visibleCount, setVisibleCount] = (0, import_react17.useState)(0);
|
|
3805
|
+
(0, import_react17.useLayoutEffect)(() => {
|
|
3532
3806
|
const root = rootRef.current;
|
|
3533
3807
|
const measure = measureRef.current;
|
|
3534
3808
|
if (!root || !measure) return;
|
|
@@ -3551,15 +3825,15 @@ function OverflowTags({ items, maxCount, className = "", tagClassName, restClass
|
|
|
3551
3825
|
return () => observer.disconnect();
|
|
3552
3826
|
}, [items, limit]);
|
|
3553
3827
|
const count = Math.min(visibleCount, limit);
|
|
3554
|
-
return /* @__PURE__ */ (0,
|
|
3555
|
-
items.slice(0, count).map((item) => /* @__PURE__ */ (0,
|
|
3556
|
-
items.length > count ? /* @__PURE__ */ (0,
|
|
3828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { ref: rootRef, className: `sia-overflow-tags ${className}`.trim(), children: [
|
|
3829
|
+
items.slice(0, count).map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: tagClassName, children: item.label }, item.key)),
|
|
3830
|
+
items.length > count ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: `${tagClassName} sia-overflow-tags__rest ${restClassName}`.trim(), children: [
|
|
3557
3831
|
"+",
|
|
3558
3832
|
items.length - count
|
|
3559
3833
|
] }) : null,
|
|
3560
|
-
/* @__PURE__ */ (0,
|
|
3561
|
-
items.slice(0, limit).map((item) => /* @__PURE__ */ (0,
|
|
3562
|
-
Array.from({ length: limit + 1 }, (_, index) => /* @__PURE__ */ (0,
|
|
3834
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { ref: measureRef, className: "sia-overflow-tags__measure", "aria-hidden": "true", children: [
|
|
3835
|
+
items.slice(0, limit).map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: tagClassName, children: item.label }, item.key)),
|
|
3836
|
+
Array.from({ length: limit + 1 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: `${tagClassName} ${restClassName}`.trim(), children: [
|
|
3563
3837
|
"+",
|
|
3564
3838
|
items.length - index
|
|
3565
3839
|
] }, `rest-${index}`))
|
|
@@ -3568,12 +3842,12 @@ function OverflowTags({ items, maxCount, className = "", tagClassName, restClass
|
|
|
3568
3842
|
}
|
|
3569
3843
|
|
|
3570
3844
|
// src/components/Select.tsx
|
|
3571
|
-
var
|
|
3845
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
3572
3846
|
function defaultFilterOption(query, option) {
|
|
3573
3847
|
const keyword = query.toLowerCase();
|
|
3574
3848
|
return [option.label, option.value].some((value) => String(value).toLowerCase().includes(keyword));
|
|
3575
3849
|
}
|
|
3576
|
-
var Select = (0,
|
|
3850
|
+
var Select = (0, import_react18.forwardRef)(function Select2({
|
|
3577
3851
|
options,
|
|
3578
3852
|
mode = "single",
|
|
3579
3853
|
popupMode: popupModeProp,
|
|
@@ -3612,27 +3886,27 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3612
3886
|
}, forwardedRef) {
|
|
3613
3887
|
const showSearch = showSearchProp ?? options.length > 15;
|
|
3614
3888
|
const size = useControlSize(sizeProp);
|
|
3615
|
-
const fallbackId = (0,
|
|
3889
|
+
const fallbackId = (0, import_react18.useId)();
|
|
3616
3890
|
const selectId = id ?? fallbackId;
|
|
3617
3891
|
const listboxId = `${selectId}-listbox`;
|
|
3618
|
-
const rootRef = (0,
|
|
3619
|
-
const popupRef = (0,
|
|
3620
|
-
const searchRef = (0,
|
|
3621
|
-
const listRef = (0,
|
|
3622
|
-
const [open, setOpen] = (0,
|
|
3892
|
+
const rootRef = (0, import_react18.useRef)(null);
|
|
3893
|
+
const popupRef = (0, import_react18.useRef)(null);
|
|
3894
|
+
const searchRef = (0, import_react18.useRef)(null);
|
|
3895
|
+
const listRef = (0, import_react18.useRef)(null);
|
|
3896
|
+
const [open, setOpen] = (0, import_react18.useState)(false);
|
|
3623
3897
|
const automaticMode = popupModeProp ?? (options.length > modalThreshold ? "modal" : "dropdown");
|
|
3624
|
-
const [openedMode, setOpenedMode] = (0,
|
|
3898
|
+
const [openedMode, setOpenedMode] = (0, import_react18.useState)(automaticMode);
|
|
3625
3899
|
const popupMode = open ? openedMode : automaticMode;
|
|
3626
|
-
const [modalValues, setModalValues] = (0,
|
|
3627
|
-
const [modalSubmitting, setModalSubmitting] = (0,
|
|
3628
|
-
const modalSubmitLock = (0,
|
|
3629
|
-
const [selectedOnly, setSelectedOnly] = (0,
|
|
3630
|
-
const [query, setQuery] = (0,
|
|
3631
|
-
const [activeIndex, setActiveIndex] = (0,
|
|
3632
|
-
const [scrollTop, setScrollTop] = (0,
|
|
3633
|
-
const [dropdownFontSize, setDropdownFontSize] = (0,
|
|
3634
|
-
const pendingSelectedScroll = (0,
|
|
3635
|
-
const deferredQuery = (0,
|
|
3900
|
+
const [modalValues, setModalValues] = (0, import_react18.useState)([]);
|
|
3901
|
+
const [modalSubmitting, setModalSubmitting] = (0, import_react18.useState)(false);
|
|
3902
|
+
const modalSubmitLock = (0, import_react18.useRef)(false);
|
|
3903
|
+
const [selectedOnly, setSelectedOnly] = (0, import_react18.useState)(false);
|
|
3904
|
+
const [query, setQuery] = (0, import_react18.useState)("");
|
|
3905
|
+
const [activeIndex, setActiveIndex] = (0, import_react18.useState)(-1);
|
|
3906
|
+
const [scrollTop, setScrollTop] = (0, import_react18.useState)(0);
|
|
3907
|
+
const [dropdownFontSize, setDropdownFontSize] = (0, import_react18.useState)();
|
|
3908
|
+
const pendingSelectedScroll = (0, import_react18.useRef)(false);
|
|
3909
|
+
const deferredQuery = (0, import_react18.useDeferredValue)(query.trim());
|
|
3636
3910
|
const initialValue = defaultValue === void 0 ? mode === "multiple" ? [] : null : defaultValue;
|
|
3637
3911
|
const [currentValue, setCurrentValue] = useControllableState({
|
|
3638
3912
|
value,
|
|
@@ -3647,20 +3921,20 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3647
3921
|
}
|
|
3648
3922
|
}
|
|
3649
3923
|
});
|
|
3650
|
-
const selectedValues = (0,
|
|
3924
|
+
const selectedValues = (0, import_react18.useMemo)(() => {
|
|
3651
3925
|
if (currentValue == null || currentValue === "" && !options.some((option) => option.value === "")) return [];
|
|
3652
3926
|
if (mode === "multiple") return Array.isArray(currentValue) ? currentValue : currentValue === null ? [] : [currentValue];
|
|
3653
3927
|
return Array.isArray(currentValue) ? currentValue.slice(0, 1) : currentValue === null ? [] : [currentValue];
|
|
3654
3928
|
}, [currentValue, mode, options]);
|
|
3655
|
-
const selectedValueSet = (0,
|
|
3656
|
-
const availableOptions = (0,
|
|
3929
|
+
const selectedValueSet = (0, import_react18.useMemo)(() => new Set(selectedValues), [selectedValues]);
|
|
3930
|
+
const availableOptions = (0, import_react18.useMemo)(() => {
|
|
3657
3931
|
if (!allowInput) return options;
|
|
3658
3932
|
const optionValueSet = new Set(options.map((option) => option.value));
|
|
3659
3933
|
const selectedCustomOptions = selectedValues.filter((selectedValue) => !optionValueSet.has(selectedValue)).map((selectedValue) => ({ label: String(selectedValue), value: selectedValue }));
|
|
3660
3934
|
return selectedCustomOptions.length ? [...selectedCustomOptions, ...options] : options;
|
|
3661
3935
|
}, [allowInput, options, selectedValues]);
|
|
3662
|
-
const selectedOptions = (0,
|
|
3663
|
-
const filteredOptions = (0,
|
|
3936
|
+
const selectedOptions = (0, import_react18.useMemo)(() => selectedValues.map((selectedValue) => availableOptions.find((option) => option.value === selectedValue)).filter((option) => option !== void 0), [availableOptions, selectedValues]);
|
|
3937
|
+
const filteredOptions = (0, import_react18.useMemo)(() => deferredQuery ? availableOptions.filter((option) => filterOption(deferredQuery, option)) : availableOptions, [availableOptions, deferredQuery, filterOption]);
|
|
3664
3938
|
const inputValue = query.trim();
|
|
3665
3939
|
const exactInputOption = inputValue ? availableOptions.find((option) => String(option.value).toLowerCase() === inputValue.toLowerCase() || typeof option.label === "string" && option.label.toLowerCase() === inputValue.toLowerCase()) : void 0;
|
|
3666
3940
|
const canSubmitInput = allowInput && Boolean(inputValue) && !exactInputOption;
|
|
@@ -3674,7 +3948,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3674
3948
|
const renderedOptions = virtualEnabled ? filteredOptions.slice(virtualStart, virtualEnd) : filteredOptions;
|
|
3675
3949
|
const enabledFilteredOptions = filteredOptions.filter((option) => !option.disabled);
|
|
3676
3950
|
const allFilteredSelected = enabledFilteredOptions.length > 0 && enabledFilteredOptions.every((option) => selectedValueSet.has(option.value));
|
|
3677
|
-
(0,
|
|
3951
|
+
(0, import_react18.useEffect)(() => {
|
|
3678
3952
|
if (!open || popupMode === "modal") return void 0;
|
|
3679
3953
|
function closeFromOutside(event) {
|
|
3680
3954
|
const target = event.target;
|
|
@@ -3683,13 +3957,13 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3683
3957
|
document.addEventListener("mousedown", closeFromOutside);
|
|
3684
3958
|
return () => document.removeEventListener("mousedown", closeFromOutside);
|
|
3685
3959
|
}, [open, popupMode]);
|
|
3686
|
-
(0,
|
|
3960
|
+
(0, import_react18.useEffect)(() => {
|
|
3687
3961
|
if (open && (showSearch || allowInput)) searchRef.current?.focus();
|
|
3688
3962
|
}, [allowInput, open, showSearch]);
|
|
3689
|
-
(0,
|
|
3963
|
+
(0, import_react18.useEffect)(() => {
|
|
3690
3964
|
if (disabled || loading) closeDropdown();
|
|
3691
3965
|
}, [disabled, loading]);
|
|
3692
|
-
(0,
|
|
3966
|
+
(0, import_react18.useEffect)(() => {
|
|
3693
3967
|
if (!open || popupMode !== "dropdown" || !pendingSelectedScroll.current || query) return;
|
|
3694
3968
|
const index = filteredOptions.findIndex((option) => selectedValueSet.has(option.value));
|
|
3695
3969
|
if (index < 0) return;
|
|
@@ -3704,7 +3978,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3704
3978
|
});
|
|
3705
3979
|
return () => cancelAnimationFrame(frame);
|
|
3706
3980
|
}, [open, popupMode, filteredOptions, selectedValueSet, virtualEnabled, optionHeight, query]);
|
|
3707
|
-
(0,
|
|
3981
|
+
(0, import_react18.useLayoutEffect)(() => {
|
|
3708
3982
|
if (!open || popupMode !== "dropdown") return;
|
|
3709
3983
|
const trigger = rootRef.current?.querySelector(".sia-select__trigger");
|
|
3710
3984
|
if (trigger) setDropdownFontSize(getComputedStyle(trigger).fontSize);
|
|
@@ -3855,7 +4129,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3855
4129
|
function renderOption(option, renderedIndex) {
|
|
3856
4130
|
const optionIndex = virtualEnabled ? virtualStart + renderedIndex : renderedIndex;
|
|
3857
4131
|
const selected = selectedValueSet.has(option.value);
|
|
3858
|
-
return /* @__PURE__ */ (0,
|
|
4132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
3859
4133
|
"div",
|
|
3860
4134
|
{
|
|
3861
4135
|
id: `${listboxId}-${optionIndex}`,
|
|
@@ -3868,11 +4142,11 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3868
4142
|
onMouseDown: (event) => event.preventDefault(),
|
|
3869
4143
|
onClick: () => selectOption(option),
|
|
3870
4144
|
children: [
|
|
3871
|
-
/* @__PURE__ */ (0,
|
|
3872
|
-
/* @__PURE__ */ (0,
|
|
3873
|
-
showValue ? /* @__PURE__ */ (0,
|
|
4145
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "sia-select__option-content", children: [
|
|
4146
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sia-select__option-label", children: option.label }),
|
|
4147
|
+
showValue ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("small", { className: "sia-select__option-value", children: String(option.value) }) : null
|
|
3874
4148
|
] }),
|
|
3875
|
-
selected ? /* @__PURE__ */ (0,
|
|
4149
|
+
selected ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "check", size: 15 }) : null
|
|
3876
4150
|
]
|
|
3877
4151
|
},
|
|
3878
4152
|
`${typeof option.value}-${option.value}`
|
|
@@ -3886,8 +4160,8 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3886
4160
|
setModalValues([...modalValues.filter((value2) => !editable.has(value2)), ...modalEnabled.filter((option) => operation === "all" || operation === "invert" && !modalValues.includes(option.value)).map((option) => option.value)]);
|
|
3887
4161
|
}
|
|
3888
4162
|
const floating = useFloatingPlaceholder({ mode: placeholderMode, placeholder, filled: hasValue, active: open });
|
|
3889
|
-
return /* @__PURE__ */ (0,
|
|
3890
|
-
/* @__PURE__ */ (0,
|
|
4163
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: rootRef, className: `sia-select sia-select--${size} sia-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""}${multiple ? " sia-select--multiple" : ""} ${className}`.trim(), style, children: [
|
|
4164
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
3891
4165
|
"button",
|
|
3892
4166
|
{
|
|
3893
4167
|
...withTitleTooltip(props),
|
|
@@ -3905,29 +4179,29 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3905
4179
|
onClick: () => open ? closeDropdown() : openDropdown(),
|
|
3906
4180
|
onKeyDown: handleTriggerKeyDown,
|
|
3907
4181
|
children: [
|
|
3908
|
-
multiple && hasValue ? /* @__PURE__ */ (0,
|
|
3909
|
-
loading ? /* @__PURE__ */ (0,
|
|
4182
|
+
multiple && hasValue ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(OverflowTags, { className: "sia-select__tags", tagClassName: "sia-select__tag", restClassName: "sia-select__tag--rest", maxCount: maxTagCount, items: selectedOptions.map((option) => ({ key: `${typeof option.value}-${option.value}`, label: option.label })) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `sia-select__value${hasValue ? "" : " is-placeholder"}`, children: selectedOptions[0]?.label ?? placeholder }),
|
|
4183
|
+
loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sia-select__spinner", "aria-hidden": "true" }) : null,
|
|
3910
4184
|
floating.label,
|
|
3911
|
-
/* @__PURE__ */ (0,
|
|
4185
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "sia-select__arrow", name: "chevron-down", size: 15 })
|
|
3912
4186
|
]
|
|
3913
4187
|
}
|
|
3914
4188
|
),
|
|
3915
|
-
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ (0,
|
|
3916
|
-
/* @__PURE__ */ (0,
|
|
3917
|
-
/* @__PURE__ */ (0,
|
|
3918
|
-
showSearch || allowInput ? /* @__PURE__ */ (0,
|
|
3919
|
-
/* @__PURE__ */ (0,
|
|
3920
|
-
/* @__PURE__ */ (0,
|
|
4189
|
+
allowClear && hasValue && !disabled && !loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { className: "sia-select__clear", type: "button", "aria-label": "\u6E05\u7A7A\u9009\u62E9", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
|
|
4190
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && popupMode === "dropdown", style: { fontSize: dropdownFontSize }, className: `sia-select__dropdown${filteredOptions.length === 0 && !canSubmitInput ? " sia-select__dropdown--empty" : ""}`, children: [
|
|
4191
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FloatingScrollbarProvider, { targetRef: listRef }),
|
|
4192
|
+
showSearch || allowInput ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "sia-select__search", children: [
|
|
4193
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "search", size: 15 }),
|
|
4194
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { ref: searchRef, value: query, maxLength: inputMaxLength, onChange: handleSearchChange, onKeyDown: (event) => handleInteractionKeyDown(event, true), placeholder: searchPlaceholder, "aria-label": searchPlaceholder })
|
|
3921
4195
|
] }) : null,
|
|
3922
|
-
canSubmitInput ? /* @__PURE__ */ (0,
|
|
3923
|
-
/* @__PURE__ */ (0,
|
|
3924
|
-
/* @__PURE__ */ (0,
|
|
4196
|
+
canSubmitInput ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("button", { type: "button", className: "sia-select__input-option", onMouseDown: (event) => event.preventDefault(), onClick: submitInputValue, children: [
|
|
4197
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "plus", size: 14 }),
|
|
4198
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
|
|
3925
4199
|
"\u4F7F\u7528\u201C",
|
|
3926
4200
|
inputValue,
|
|
3927
4201
|
"\u201D"
|
|
3928
4202
|
] })
|
|
3929
4203
|
] }) : null,
|
|
3930
|
-
/* @__PURE__ */ (0,
|
|
4204
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3931
4205
|
"div",
|
|
3932
4206
|
{
|
|
3933
4207
|
ref: listRef,
|
|
@@ -3938,23 +4212,23 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3938
4212
|
"aria-multiselectable": multiple || void 0,
|
|
3939
4213
|
style: { maxHeight: listHeight },
|
|
3940
4214
|
onScroll: handleListScroll,
|
|
3941
|
-
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ (0,
|
|
4215
|
+
children: filteredOptions.length > 0 ? virtualEnabled ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "sia-select__virtual-space", style: { height: filteredOptions.length * optionHeight }, children: renderedOptions.map(renderOption) }) : renderedOptions.map(renderOption) : canSubmitInput ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "sia-select__empty", children: notFoundContent })
|
|
3942
4216
|
}
|
|
3943
4217
|
),
|
|
3944
|
-
showActions ? /* @__PURE__ */ (0,
|
|
3945
|
-
/* @__PURE__ */ (0,
|
|
4218
|
+
showActions ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-select__actions", children: [
|
|
4219
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { children: [
|
|
3946
4220
|
"\u5171 ",
|
|
3947
4221
|
filteredOptions.length,
|
|
3948
4222
|
" \u6761"
|
|
3949
4223
|
] }),
|
|
3950
|
-
multiple && showSelectAll ? /* @__PURE__ */ (0,
|
|
3951
|
-
/* @__PURE__ */ (0,
|
|
3952
|
-
/* @__PURE__ */ (0,
|
|
4224
|
+
multiple && showSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
|
|
4225
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "link", size: "small", disabled: allFilteredSelected || !enabledFilteredOptions.length, onClick: selectAllFiltered, children: "\u5168\u9009" }),
|
|
4226
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "link", size: "small", disabled: !enabledFilteredOptions.length, onClick: invertFiltered, children: "\u53CD\u9009" })
|
|
3953
4227
|
] }) : null,
|
|
3954
|
-
multiple || allowClear ? /* @__PURE__ */ (0,
|
|
4228
|
+
multiple || allowClear ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: !hasValue, onClick: clearSelection, children: "\u6E05\u7A7A" }) : null
|
|
3955
4229
|
] }) : null
|
|
3956
4230
|
] }),
|
|
3957
|
-
popupMode === "modal" ? /* @__PURE__ */ (0,
|
|
4231
|
+
popupMode === "modal" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3958
4232
|
Modal2,
|
|
3959
4233
|
{
|
|
3960
4234
|
className: "sia-select-modal",
|
|
@@ -3966,30 +4240,30 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3966
4240
|
if (!next) closeDropdown();
|
|
3967
4241
|
},
|
|
3968
4242
|
onCancel: closeDropdown,
|
|
3969
|
-
footer: /* @__PURE__ */ (0,
|
|
3970
|
-
/* @__PURE__ */ (0,
|
|
3971
|
-
/* @__PURE__ */ (0,
|
|
3972
|
-
/* @__PURE__ */ (0,
|
|
3973
|
-
/* @__PURE__ */ (0,
|
|
4243
|
+
footer: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-select-modal__footer", children: [
|
|
4244
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: modalConfig?.footerExtra }),
|
|
4245
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
4246
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { disabled: modalSubmitting, onClick: closeDropdown, children: "\u53D6\u6D88" }),
|
|
4247
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "primary", loading: modalSubmitting, disabled: disabled || loading, onClick: confirmModalSelection, children: "\u786E\u5B9A" })
|
|
3974
4248
|
] })
|
|
3975
4249
|
] }),
|
|
3976
|
-
children: open ? /* @__PURE__ */ (0,
|
|
3977
|
-
modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ (0,
|
|
3978
|
-
/* @__PURE__ */ (0,
|
|
3979
|
-
/* @__PURE__ */ (0,
|
|
3980
|
-
/* @__PURE__ */ (0,
|
|
3981
|
-
/* @__PURE__ */ (0,
|
|
4250
|
+
children: open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
|
|
4251
|
+
modalConfig?.headerExtra != null && modalConfig.headerExtra !== false ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "sia-select-modal__header-extra", children: modalConfig.headerExtra }) : null,
|
|
4252
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-select-modal__heading", children: [
|
|
4253
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
|
|
4254
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: "link", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
|
|
4255
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { role: "tab", "aria-selected": selectedOnly, variant: "link", onClick: () => setSelectedOnly(true), children: [
|
|
3982
4256
|
"\u5DF2\u9009\u9879(",
|
|
3983
4257
|
modalValues.length,
|
|
3984
4258
|
")"
|
|
3985
4259
|
] })
|
|
3986
4260
|
] }),
|
|
3987
|
-
/* @__PURE__ */ (0,
|
|
4261
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
3988
4262
|
Input,
|
|
3989
4263
|
{
|
|
3990
4264
|
"aria-label": searchPlaceholder,
|
|
3991
4265
|
placeholder: searchPlaceholder,
|
|
3992
|
-
prefix: /* @__PURE__ */ (0,
|
|
4266
|
+
prefix: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { name: "search", size: 14 }),
|
|
3993
4267
|
value: query,
|
|
3994
4268
|
allowClear: true,
|
|
3995
4269
|
onChange: (event) => {
|
|
@@ -3999,8 +4273,8 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
3999
4273
|
}
|
|
4000
4274
|
)
|
|
4001
4275
|
] }),
|
|
4002
|
-
multiple && showSelectAll ? /* @__PURE__ */ (0,
|
|
4003
|
-
/* @__PURE__ */ (0,
|
|
4276
|
+
multiple && showSelectAll ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sia-select-modal__actions", children: [
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
4004
4278
|
Checkbox2,
|
|
4005
4279
|
{
|
|
4006
4280
|
checked: modalEnabled.length > 0 && modalEnabled.every((option) => modalValues.includes(option.value)),
|
|
@@ -4010,10 +4284,10 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
4010
4284
|
children: "\u5168\u9009"
|
|
4011
4285
|
}
|
|
4012
4286
|
),
|
|
4013
|
-
/* @__PURE__ */ (0,
|
|
4014
|
-
/* @__PURE__ */ (0,
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "link", size: "small", disabled: !modalEnabled.length, onClick: () => modalBatch("invert"), children: "\u53CD\u9009" }),
|
|
4288
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "link", size: "small", danger: true, disabled: !modalValues.length, onClick: () => setModalValues([]), children: "\u6E05\u7A7A" })
|
|
4015
4289
|
] }) : null,
|
|
4016
|
-
allowInput && canSubmitInput ? /* @__PURE__ */ (0,
|
|
4290
|
+
allowInput && canSubmitInput ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, { variant: "link", onClick: () => {
|
|
4017
4291
|
setModalValues(multiple ? [.../* @__PURE__ */ new Set([...modalValues, inputValue])] : [inputValue]);
|
|
4018
4292
|
setQuery("");
|
|
4019
4293
|
}, children: [
|
|
@@ -4021,7 +4295,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
4021
4295
|
inputValue,
|
|
4022
4296
|
"\u201D"
|
|
4023
4297
|
] }) : null,
|
|
4024
|
-
/* @__PURE__ */ (0,
|
|
4298
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
4025
4299
|
SelectionPanel,
|
|
4026
4300
|
{
|
|
4027
4301
|
options: modalFiltered,
|
|
@@ -4045,7 +4319,7 @@ var Select = (0, import_react17.forwardRef)(function Select2({
|
|
|
4045
4319
|
});
|
|
4046
4320
|
|
|
4047
4321
|
// src/components/SelectDateRange.tsx
|
|
4048
|
-
var
|
|
4322
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
4049
4323
|
function SelectDateRange({
|
|
4050
4324
|
options,
|
|
4051
4325
|
value,
|
|
@@ -4068,8 +4342,8 @@ function SelectDateRange({
|
|
|
4068
4342
|
const size = useControlSize(sizeProp);
|
|
4069
4343
|
const initialValue = defaultValue ?? { select: options[0]?.value ?? "", range: ["", ""] };
|
|
4070
4344
|
const [currentValue, setCurrentValue] = useControllableState({ value: value === void 0 ? void 0 : value && typeof value === "object" ? value : { select: "", range: ["", ""] }, defaultValue: initialValue, onChange });
|
|
4071
|
-
return /* @__PURE__ */ (0,
|
|
4072
|
-
/* @__PURE__ */ (0,
|
|
4345
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `sia-select-date-range sia-select-date-range--${size} ${className}`.trim(), role: "group", "aria-label": `${selectAriaLabel}\u4E0E${rangeAriaLabel}`, ...withTitleTooltip(props), style: { ...style, "--sia-select-date-range-select-width": typeof selectWidth === "number" ? `${selectWidth}px` : selectWidth }, children: [
|
|
4346
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
4073
4347
|
Select,
|
|
4074
4348
|
{
|
|
4075
4349
|
className: "sia-select-date-range__select",
|
|
@@ -4087,7 +4361,7 @@ function SelectDateRange({
|
|
|
4087
4361
|
}
|
|
4088
4362
|
}
|
|
4089
4363
|
),
|
|
4090
|
-
/* @__PURE__ */ (0,
|
|
4364
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
4091
4365
|
DatePicker.RangePicker,
|
|
4092
4366
|
{
|
|
4093
4367
|
className: "sia-select-date-range__picker",
|