starry-sky-ui 0.1.0

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.
Files changed (59) hide show
  1. package/README.md +644 -0
  2. package/dist/ChatInput/index.d.ts +23 -0
  3. package/dist/ChatInput/index.d.ts.map +1 -0
  4. package/dist/ChatInput/index.js +50 -0
  5. package/dist/ChatInput/index.js.map +1 -0
  6. package/dist/ChatInput/index.scss +170 -0
  7. package/dist/ContentRenderer/index.d.ts +15 -0
  8. package/dist/ContentRenderer/index.d.ts.map +1 -0
  9. package/dist/ContentRenderer/index.js +73 -0
  10. package/dist/ContentRenderer/index.js.map +1 -0
  11. package/dist/ContentRenderer/index.scss +203 -0
  12. package/dist/Input/Textarea.d.ts +46 -0
  13. package/dist/Input/Textarea.d.ts.map +1 -0
  14. package/dist/Input/Textarea.js +42 -0
  15. package/dist/Input/Textarea.js.map +1 -0
  16. package/dist/Input/index.d.ts +57 -0
  17. package/dist/Input/index.d.ts.map +1 -0
  18. package/dist/Input/index.js +87 -0
  19. package/dist/Input/index.js.map +1 -0
  20. package/dist/Input/index.scss +498 -0
  21. package/dist/Message/index.d.ts +36 -0
  22. package/dist/Message/index.d.ts.map +1 -0
  23. package/dist/Message/index.js +184 -0
  24. package/dist/Message/index.js.map +1 -0
  25. package/dist/Message/index.scss +147 -0
  26. package/dist/Modal/index.d.ts +57 -0
  27. package/dist/Modal/index.d.ts.map +1 -0
  28. package/dist/Modal/index.js +99 -0
  29. package/dist/Modal/index.js.map +1 -0
  30. package/dist/Modal/index.scss +250 -0
  31. package/dist/Pagination/index.d.ts +37 -0
  32. package/dist/Pagination/index.d.ts.map +1 -0
  33. package/dist/Pagination/index.js +98 -0
  34. package/dist/Pagination/index.js.map +1 -0
  35. package/dist/Pagination/index.scss +393 -0
  36. package/dist/Select/index.d.ts +56 -0
  37. package/dist/Select/index.d.ts.map +1 -0
  38. package/dist/Select/index.js +153 -0
  39. package/dist/Select/index.js.map +1 -0
  40. package/dist/Select/index.scss +251 -0
  41. package/dist/Starfield/index.d.ts +20 -0
  42. package/dist/Starfield/index.d.ts.map +1 -0
  43. package/dist/Starfield/index.js +39 -0
  44. package/dist/Starfield/index.js.map +1 -0
  45. package/dist/Starfield/index.scss +61 -0
  46. package/dist/Table/index.d.ts +72 -0
  47. package/dist/Table/index.d.ts.map +1 -0
  48. package/dist/Table/index.js +192 -0
  49. package/dist/Table/index.js.map +1 -0
  50. package/dist/Table/index.scss +377 -0
  51. package/dist/index.d.ts +22 -0
  52. package/dist/index.d.ts.map +1 -0
  53. package/dist/index.js +11 -0
  54. package/dist/index.js.map +1 -0
  55. package/dist/types.d.ts +12 -0
  56. package/dist/types.d.ts.map +1 -0
  57. package/dist/types.js +3 -0
  58. package/dist/types.js.map +1 -0
  59. package/package.json +57 -0
@@ -0,0 +1,393 @@
1
+ // ---- AdUI Pagination ----
2
+ // Design reference: Ant Design Pagination
3
+
4
+ $primary: #8b5cf6;
5
+ $primary-light: rgba(139, 92, 246, 0.15);
6
+ $primary-bg: rgba(139, 92, 246, 0.08);
7
+ $text: #e0e0e0;
8
+ $text-secondary: #aaa;
9
+ $text-muted: #666;
10
+ $border: rgba(255, 255, 255, 0.12);
11
+ $border-light: rgba(255, 255, 255, 0.08);
12
+ $bg-hover: rgba(255, 255, 255, 0.06);
13
+ $bg-active: $primary;
14
+ $border-active: $primary;
15
+ $btn-radius: 6px;
16
+ $input-radius: 6px;
17
+ $transition: all 0.2s ease;
18
+
19
+ .pagination {
20
+ display: flex;
21
+ align-items: center;
22
+ gap: 6px;
23
+ flex-wrap: wrap;
24
+ user-select: none;
25
+ font-size: 14px;
26
+ line-height: 1.5;
27
+
28
+ &.pagination-disabled {
29
+ opacity: 0.45;
30
+ pointer-events: none;
31
+ }
32
+ }
33
+
34
+ /* ========== 公共按钮 ========== */
35
+
36
+ .pagination-btn {
37
+ display: inline-flex;
38
+ align-items: center;
39
+ justify-content: center;
40
+ min-width: 34px;
41
+ height: 34px;
42
+ padding: 0 8px;
43
+ border: 1px solid $border;
44
+ border-radius: $btn-radius;
45
+ background: transparent;
46
+ color: $text-secondary;
47
+ font-size: 14px;
48
+ font-family: inherit;
49
+ cursor: pointer;
50
+ transition: $transition;
51
+ user-select: none;
52
+ line-height: 1;
53
+ box-sizing: border-box;
54
+
55
+ &:hover:not(:disabled):not(.active) {
56
+ color: #fff;
57
+ border-color: $primary;
58
+ background: $primary-light;
59
+ }
60
+
61
+ &:active:not(:disabled):not(.active) {
62
+ transform: scale(0.95);
63
+ }
64
+
65
+ &:disabled {
66
+ opacity: 0.3;
67
+ cursor: not-allowed;
68
+ }
69
+
70
+ &.active {
71
+ color: #fff;
72
+ background: $bg-active;
73
+ border-color: $border-active;
74
+ font-weight: 600;
75
+ cursor: default;
76
+ box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.3);
77
+ }
78
+ }
79
+
80
+ /* ========== 省略号 ========== */
81
+
82
+ .pagination-ellipsis {
83
+ display: inline-flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ min-width: 30px;
87
+ height: 34px;
88
+ color: $text-muted;
89
+ font-size: 14px;
90
+ letter-spacing: 2px;
91
+ }
92
+
93
+ /* ========== 总条数 ========== */
94
+
95
+ .pagination-total {
96
+ font-size: 14px;
97
+ color: $text-secondary;
98
+ margin-right: 4px;
99
+ white-space: nowrap;
100
+ line-height: 34px;
101
+ }
102
+
103
+ /* ========== 简洁模式 ========== */
104
+
105
+ .pagination-simple-wrapper {
106
+ display: inline-flex;
107
+ align-items: center;
108
+ gap: 2px;
109
+ height: 34px;
110
+ padding: 0 12px;
111
+ border: 1px solid $border;
112
+ border-radius: $btn-radius;
113
+ background: transparent;
114
+ transition: $transition;
115
+ box-sizing: border-box;
116
+
117
+ &:focus-within {
118
+ border-color: $primary;
119
+ box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
120
+ }
121
+ }
122
+
123
+ .pagination-simple-input {
124
+ display: inline-block;
125
+ width: 40px;
126
+ height: 100%;
127
+ padding: 0;
128
+ text-align: center;
129
+ border: none;
130
+ outline: none;
131
+ background: transparent;
132
+ color: $text;
133
+ font-size: 14px;
134
+ font-family: inherit;
135
+
136
+ /* 隐藏数字输入框 spinner */
137
+ &::-webkit-inner-spin-button,
138
+ &::-webkit-outer-spin-button {
139
+ -webkit-appearance: none;
140
+ margin: 0;
141
+ }
142
+ -moz-appearance: textfield;
143
+ }
144
+
145
+ .pagination-simple-sep {
146
+ color: $text-muted;
147
+ font-size: 12px;
148
+ padding: 0 2px;
149
+ line-height: 1;
150
+ }
151
+
152
+ .pagination-simple-total {
153
+ color: $text-secondary;
154
+ font-size: 14px;
155
+ line-height: 1;
156
+ }
157
+
158
+ /* ========== 快捷跳转 ========== */
159
+
160
+ .pagination-jumper-wrapper {
161
+ display: inline-flex;
162
+ align-items: center;
163
+ gap: 4px;
164
+ margin-left: 4px;
165
+ color: $text-secondary;
166
+ font-size: 14px;
167
+ white-space: nowrap;
168
+ line-height: 34px;
169
+ }
170
+
171
+ .pagination-jumper-label {
172
+ color: $text-secondary;
173
+ font-size: 14px;
174
+ white-space: nowrap;
175
+ }
176
+
177
+ .pagination-jumper-input {
178
+ display: inline-block;
179
+ width: 50px;
180
+ height: 34px;
181
+ padding: 0 6px;
182
+ text-align: center;
183
+ border: 1px solid $border;
184
+ border-radius: $input-radius;
185
+ background: transparent;
186
+ color: $text;
187
+ font-size: 14px;
188
+ font-family: inherit;
189
+ outline: none;
190
+ transition: $transition;
191
+ box-sizing: border-box;
192
+
193
+ &:focus {
194
+ border-color: $primary;
195
+ box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
196
+ }
197
+
198
+ /* 隐藏数字 spinner */
199
+ &::-webkit-inner-spin-button,
200
+ &::-webkit-outer-spin-button {
201
+ -webkit-appearance: none;
202
+ margin: 0;
203
+ }
204
+ -moz-appearance: textfield;
205
+
206
+ // 占位符
207
+ &::placeholder {
208
+ color: $text-muted;
209
+ font-size: 12px;
210
+ }
211
+ }
212
+
213
+ .pagination-jumper-btn {
214
+ display: inline-flex;
215
+ align-items: center;
216
+ justify-content: center;
217
+ height: 34px;
218
+ min-width: 34px;
219
+ padding: 0 10px;
220
+ border: 1px solid $border;
221
+ border-radius: $btn-radius;
222
+ background: transparent;
223
+ color: $text-secondary;
224
+ font-size: 13px;
225
+ font-family: inherit;
226
+ cursor: pointer;
227
+ transition: $transition;
228
+ line-height: 1;
229
+ white-space: nowrap;
230
+ box-sizing: border-box;
231
+
232
+ &:hover:not(:disabled) {
233
+ color: #fff;
234
+ border-color: $primary;
235
+ background: $primary-light;
236
+ }
237
+
238
+ &:active:not(:disabled) {
239
+ transform: scale(0.95);
240
+ }
241
+
242
+ &:disabled {
243
+ opacity: 0.3;
244
+ cursor: not-allowed;
245
+ }
246
+ }
247
+
248
+ /* ========== 每页条数切换 ========== */
249
+
250
+ .pagination-size-changer {
251
+ margin-left: 4px;
252
+
253
+ select {
254
+ display: inline-block;
255
+ height: 34px;
256
+ padding: 0 28px 0 10px;
257
+ border: 1px solid $border;
258
+ border-radius: $input-radius;
259
+ background: transparent;
260
+ color: $text-secondary;
261
+ font-size: 14px;
262
+ font-family: inherit;
263
+ cursor: pointer;
264
+ outline: none;
265
+ transition: $transition;
266
+ appearance: none;
267
+ -webkit-appearance: none;
268
+ -moz-appearance: none;
269
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
270
+ background-repeat: no-repeat;
271
+ background-position: right 10px center;
272
+ background-size: 10px 6px;
273
+ box-sizing: border-box;
274
+
275
+ &:hover {
276
+ border-color: $primary;
277
+ }
278
+
279
+ &:focus {
280
+ border-color: $primary;
281
+ box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
282
+ }
283
+
284
+ option {
285
+ background: rgba(24, 24, 37, 0.98);
286
+ color: $text;
287
+ }
288
+ }
289
+ }
290
+
291
+ /* ========== 小尺寸 ========== */
292
+
293
+ .pagination-small {
294
+ gap: 4px;
295
+ font-size: 13px;
296
+
297
+ .pagination-btn {
298
+ min-width: 28px;
299
+ height: 28px;
300
+ padding: 0 5px;
301
+ font-size: 13px;
302
+ }
303
+
304
+ .pagination-ellipsis {
305
+ min-width: 24px;
306
+ height: 28px;
307
+ font-size: 13px;
308
+ }
309
+
310
+ .pagination-total {
311
+ font-size: 13px;
312
+ line-height: 28px;
313
+ }
314
+
315
+ .pagination-simple-wrapper {
316
+ height: 28px;
317
+ padding: 0 8px;
318
+ }
319
+
320
+ .pagination-simple-input {
321
+ width: 32px;
322
+ font-size: 13px;
323
+ }
324
+
325
+ .pagination-simple-sep {
326
+ font-size: 11px;
327
+ }
328
+
329
+ .pagination-simple-total {
330
+ font-size: 13px;
331
+ }
332
+
333
+ .pagination-jumper-wrapper {
334
+ font-size: 13px;
335
+ line-height: 28px;
336
+ }
337
+
338
+ .pagination-jumper-input {
339
+ width: 42px;
340
+ height: 28px;
341
+ font-size: 13px;
342
+ }
343
+
344
+ .pagination-jumper-btn {
345
+ height: 28px;
346
+ min-width: 28px;
347
+ padding: 0 7px;
348
+ font-size: 12px;
349
+ }
350
+
351
+ .pagination-size-changer {
352
+ select {
353
+ height: 28px;
354
+ padding: 0 24px 0 8px;
355
+ font-size: 13px;
356
+ background-position: right 8px center;
357
+ }
358
+ }
359
+ }
360
+
361
+ /* ========== 响应式 ========== */
362
+
363
+ @media (max-width: 576px) {
364
+ .pagination {
365
+ gap: 4px;
366
+ justify-content: center;
367
+ }
368
+
369
+ .pagination-btn {
370
+ min-width: 30px;
371
+ height: 30px;
372
+ font-size: 13px;
373
+ }
374
+
375
+ .pagination-total {
376
+ width: 100%;
377
+ text-align: center;
378
+ margin-bottom: 4px;
379
+ }
380
+
381
+ .pagination-jumper-wrapper {
382
+ .pagination-jumper-label {
383
+ display: none;
384
+ }
385
+ }
386
+
387
+ .pagination-size-changer {
388
+ select {
389
+ height: 30px;
390
+ font-size: 13px;
391
+ }
392
+ }
393
+ }
@@ -0,0 +1,56 @@
1
+ import React from 'react';
2
+ import './index.scss';
3
+ export interface SelectOption {
4
+ label: string;
5
+ value: string | number;
6
+ disabled?: boolean;
7
+ }
8
+ export interface SelectProps {
9
+ /** 选项列表 */
10
+ options: SelectOption[];
11
+ /** 当前选中值 */
12
+ value?: string | number;
13
+ /** 默认选中值 */
14
+ defaultValue?: string | number;
15
+ /** 选中回调 */
16
+ onChange?: (value: string | number, option: SelectOption) => void;
17
+ /** 占位文本 */
18
+ placeholder?: string;
19
+ /** 是否禁用 */
20
+ disabled?: boolean;
21
+ /** 尺寸 */
22
+ size?: 'small' | 'middle' | 'large';
23
+ /** 是否显示清除按钮 */
24
+ allowClear?: boolean;
25
+ /** 是否支持搜索 */
26
+ showSearch?: boolean;
27
+ /** 搜索过滤函数,默认按 label 匹配 */
28
+ filterOption?: (input: string, option: SelectOption) => boolean;
29
+ /** 自定义空数据内容 */
30
+ notFoundContent?: React.ReactNode;
31
+ /** 是否显示边框 */
32
+ bordered?: boolean;
33
+ /** 受控:是否展开下拉 */
34
+ open?: boolean;
35
+ /** 受控:展开变化回调 */
36
+ onOpenChange?: (open: boolean) => void;
37
+ /** 下拉菜单匹配选择器宽度 */
38
+ dropdownMatchSelectWidth?: boolean;
39
+ /** 下拉菜单最大高度 */
40
+ listHeight?: number;
41
+ /** 自定义类名 */
42
+ className?: string;
43
+ /** 自定义样式 */
44
+ style?: React.CSSProperties;
45
+ /** 下拉菜单类名 */
46
+ dropdownClassName?: string;
47
+ /** 失焦回调 */
48
+ onBlur?: () => void;
49
+ /** 聚焦回调 */
50
+ onFocus?: () => void;
51
+ /** 获取弹窗容器 */
52
+ getPopupContainer?: () => HTMLElement;
53
+ }
54
+ declare const Select: React.FC<SelectProps>;
55
+ export default Select;
56
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,WAAW;IACX,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,WAAW;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAClE,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS;IACT,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,eAAe;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC;IAChE,eAAe;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,aAAa;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kBAAkB;IAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa;IACb,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW;IACX,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa;IACb,iBAAiB,CAAC,EAAE,MAAM,WAAW,CAAC;CACvC;AAMD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsPjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -0,0 +1,153 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
3
+ import './index.scss';
4
+ const defaultFilterOption = (input, option) => {
5
+ return option.label.toLowerCase().includes(input.toLowerCase());
6
+ };
7
+ const Select = ({ options, value: valueProp, defaultValue, onChange, placeholder = '请选择', disabled = false, size = 'middle', allowClear = false, showSearch = false, filterOption = defaultFilterOption, notFoundContent = '暂无数据', bordered = true, open: openProp, onOpenChange, dropdownMatchSelectWidth = true, listHeight = 256, className = '', style, dropdownClassName = '', onBlur, onFocus, getPopupContainer, }) => {
8
+ // ---- 内部状态 ----
9
+ const [innerValue, setInnerValue] = useState(defaultValue);
10
+ const [innerOpen, setInnerOpen] = useState(false);
11
+ const [searchValue, setSearchValue] = useState('');
12
+ const [activeIndex, setActiveIndex] = useState(-1);
13
+ const wrapperRef = useRef(null);
14
+ const inputRef = useRef(null);
15
+ const dropdownRef = useRef(null);
16
+ // 受控 / 非受控
17
+ const currentValue = valueProp !== undefined ? valueProp : innerValue;
18
+ const isOpen = openProp !== undefined ? openProp : innerOpen;
19
+ const selectedOption = useMemo(() => options.find((opt) => opt.value === currentValue), [options, currentValue]);
20
+ // 过滤后的选项
21
+ const filteredOptions = useMemo(() => {
22
+ if (!searchValue)
23
+ return options;
24
+ return options.filter((opt) => filterOption(searchValue, opt));
25
+ }, [options, searchValue, filterOption]);
26
+ // ---- 打开/关闭下拉 ----
27
+ const setOpen = useCallback((val) => {
28
+ if (openProp === undefined)
29
+ setInnerOpen(val);
30
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(val);
31
+ if (!val) {
32
+ setSearchValue('');
33
+ setActiveIndex(-1);
34
+ }
35
+ }, [openProp, onOpenChange]);
36
+ const handleToggle = useCallback(() => {
37
+ if (disabled)
38
+ return;
39
+ const next = !isOpen;
40
+ setOpen(next);
41
+ if (next) {
42
+ onFocus === null || onFocus === void 0 ? void 0 : onFocus();
43
+ // 聚焦搜索框
44
+ setTimeout(() => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 50);
45
+ }
46
+ else {
47
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur();
48
+ }
49
+ }, [disabled, isOpen, setOpen, onFocus, onBlur]);
50
+ // ---- 选择 ----
51
+ const handleSelect = useCallback((option) => {
52
+ if (option.disabled)
53
+ return;
54
+ if (valueProp === undefined)
55
+ setInnerValue(option.value);
56
+ onChange === null || onChange === void 0 ? void 0 : onChange(option.value, option);
57
+ setOpen(false);
58
+ setSearchValue('');
59
+ }, [onChange, valueProp, setOpen]);
60
+ // ---- 清除 ----
61
+ const handleClear = useCallback((e) => {
62
+ e.stopPropagation();
63
+ const clearedOption = { label: '', value: '' };
64
+ if (valueProp === undefined)
65
+ setInnerValue(undefined);
66
+ onChange === null || onChange === void 0 ? void 0 : onChange('', clearedOption);
67
+ }, [onChange, valueProp]);
68
+ // ---- 搜索 ----
69
+ const handleSearch = useCallback((e) => {
70
+ setSearchValue(e.target.value);
71
+ setActiveIndex(-1);
72
+ }, []);
73
+ // ---- 键盘导航 ----
74
+ const handleKeyDown = useCallback((e) => {
75
+ if (!isOpen) {
76
+ if (e.key === 'Enter' || e.key === 'ArrowDown') {
77
+ setOpen(true);
78
+ e.preventDefault();
79
+ }
80
+ return;
81
+ }
82
+ const len = filteredOptions.length;
83
+ switch (e.key) {
84
+ case 'ArrowDown':
85
+ e.preventDefault();
86
+ setActiveIndex((prev) => (prev < len - 1 ? prev + 1 : 0));
87
+ break;
88
+ case 'ArrowUp':
89
+ e.preventDefault();
90
+ setActiveIndex((prev) => (prev > 0 ? prev - 1 : len - 1));
91
+ break;
92
+ case 'Enter':
93
+ e.preventDefault();
94
+ if (activeIndex >= 0 && activeIndex < len) {
95
+ handleSelect(filteredOptions[activeIndex]);
96
+ }
97
+ break;
98
+ case 'Escape':
99
+ setOpen(false);
100
+ break;
101
+ case 'Tab':
102
+ setOpen(false);
103
+ break;
104
+ }
105
+ }, [isOpen, filteredOptions, activeIndex, handleSelect, setOpen]);
106
+ // ---- 点击外部关闭 ----
107
+ useEffect(() => {
108
+ if (!isOpen)
109
+ return;
110
+ const handleClickOutside = (e) => {
111
+ if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
112
+ setOpen(false);
113
+ }
114
+ };
115
+ document.addEventListener('mousedown', handleClickOutside);
116
+ return () => document.removeEventListener('mousedown', handleClickOutside);
117
+ }, [isOpen, setOpen]);
118
+ // ---- 滚动到激活项 ----
119
+ useEffect(() => {
120
+ if (activeIndex < 0 || !dropdownRef.current)
121
+ return;
122
+ const activeEl = dropdownRef.current.children[activeIndex];
123
+ activeEl === null || activeEl === void 0 ? void 0 : activeEl.scrollIntoView({ block: 'nearest' });
124
+ }, [activeIndex]);
125
+ // ---- 渲染 ----
126
+ const showClearIcon = allowClear && currentValue !== undefined && currentValue !== '';
127
+ const containerClass = [
128
+ 'select-wrapper',
129
+ `select-${size}`,
130
+ disabled ? 'select-disabled' : '',
131
+ !bordered ? 'select-borderless' : '',
132
+ className,
133
+ ]
134
+ .filter(Boolean)
135
+ .join(' ');
136
+ const triggerClass = ['select-trigger', isOpen ? 'select-trigger-open' : ''].filter(Boolean).join(' ');
137
+ const dropdownClass = [
138
+ 'select-dropdown',
139
+ !dropdownMatchSelectWidth ? 'select-dropdown-auto' : '',
140
+ dropdownClassName,
141
+ ]
142
+ .filter(Boolean)
143
+ .join(' ');
144
+ const showPlaceholder = !selectedOption && !searchValue;
145
+ const dropdownNode = isOpen ? (_jsx("div", Object.assign({ className: dropdownClass, ref: dropdownRef, style: { maxHeight: listHeight } }, { children: filteredOptions.length === 0 ? (_jsx("div", Object.assign({ className: "select-empty" }, { children: notFoundContent }))) : (filteredOptions.map((option, idx) => (_jsxs("div", Object.assign({ className: `select-option ${option.value === currentValue ? 'select-option-active' : ''} ${idx === activeIndex ? 'select-option-hover' : ''} ${option.disabled ? 'select-option-disabled' : ''}`, onClick: () => handleSelect(option) }, { children: [_jsx("span", { children: option.label }), option.value === currentValue && _jsx("span", Object.assign({ className: "select-check" }, { children: "\u2713" }))] }), option.value)))) }))) : null;
146
+ return (_jsxs("div", Object.assign({ ref: wrapperRef, className: containerClass, style: style, onKeyDown: handleKeyDown }, { children: [_jsxs("div", Object.assign({ className: triggerClass, onClick: handleToggle, tabIndex: disabled ? -1 : 0 }, { children: [showSearch ? (_jsx("input", { ref: inputRef, className: "select-search-input", value: searchValue, onChange: handleSearch, placeholder: selectedOption ? selectedOption.label : placeholder, readOnly: !isOpen, onClick: (e) => {
147
+ if (!isOpen)
148
+ handleToggle();
149
+ e.stopPropagation();
150
+ } })) : (_jsx("span", Object.assign({ className: `select-value ${showPlaceholder ? 'select-placeholder' : ''}` }, { children: showPlaceholder ? placeholder : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label }))), _jsxs("span", Object.assign({ className: "select-suffix" }, { children: [showClearIcon && (_jsx("span", Object.assign({ className: "select-clear", onClick: handleClear }, { children: "\u2715" }))), _jsx("span", Object.assign({ className: `select-arrow ${isOpen ? 'select-arrow-up' : ''}` }, { children: "\u25BC" }))] }))] })), dropdownNode] })));
151
+ };
152
+ export default Select;
153
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Select/index.tsx"],"names":[],"mappings":"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"}