@rainbow-oh/yee-c 0.8.18 → 0.8.20
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/cjs/Anchor/anchor.js +4 -1
- package/dist/cjs/Checkbox/checkbox-group.js +1 -1
- package/dist/cjs/Checkbox/checkbox.js +2 -1
- package/dist/cjs/Checkbox/style/index.less +3 -0
- package/dist/cjs/Form/Group.js +1 -3
- package/dist/cjs/Form/style/index.less +2 -0
- package/dist/cjs/Form/utils/validate.d.ts +1 -0
- package/dist/cjs/Form/utils/validate.js +3 -2
- package/dist/cjs/Progress/circle.js +46 -35
- package/dist/cjs/Progress/line.js +20 -11
- package/dist/cjs/Search/demo/basic.js +38 -3
- package/dist/cjs/Search/interface.d.ts +2 -2
- package/dist/cjs/Search/search.js +52 -32
- package/dist/cjs/Search/style/index.less +20 -3
- package/dist/cjs/Table/style/index.less +4 -2
- package/dist/cjs/Table/tbody/cell.js +2 -2
- package/dist/cjs/Transfer/interface.d.ts +0 -1
- package/dist/cjs/Transfer/style/index.less +4 -0
- package/dist/cjs/Transfer/transfer-list.js +1 -0
- package/dist/cjs/message/use-message.js +1 -3
- package/dist/cjs/notice/notice.js +1 -1
- package/dist/cjs/style/themes.css +1 -1
- package/dist/cjs/style/variables.css +1 -1
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/Checkbox/checkbox-group.js +1 -1
- package/dist/esm/Checkbox/checkbox.js +2 -1
- package/dist/esm/Checkbox/style/index.less +3 -0
- package/dist/esm/Form/Group.js +2 -2
- package/dist/esm/Form/style/index.less +2 -0
- package/dist/esm/Form/utils/validate.d.ts +1 -0
- package/dist/esm/Form/utils/validate.js +2 -2
- package/dist/esm/Search/demo/basic.js +61 -7
- package/dist/esm/Search/interface.d.ts +2 -2
- package/dist/esm/Search/search.js +22 -15
- package/dist/esm/Search/style/index.less +20 -3
- package/dist/esm/Table/style/index.less +4 -2
- package/dist/esm/Table/tbody/cell.js +2 -2
- package/dist/esm/Transfer/interface.d.ts +0 -1
- package/dist/esm/Transfer/style/index.less +4 -0
- package/dist/esm/Transfer/transfer-list.js +1 -0
- package/dist/esm/notice/notice.js +1 -1
- package/dist/esm/style/themes.css +1 -1
- package/dist/esm/style/variables.css +1 -1
- package/dist/esm/version.d.ts +1 -1
- package/dist/esm/version.js +1 -1
- package/dist/umd/yee-c.min.css +1 -1
- package/dist/umd/yee-c.min.js +1 -1
- package/package.json +1 -1
- package/src/Anchor/anchor.tsx +9 -5
- package/src/Checkbox/checkbox-group.tsx +1 -1
- package/src/Checkbox/checkbox.tsx +1 -0
- package/src/Checkbox/style/index.less +3 -0
- package/src/Form/Group.tsx +2 -4
- package/src/Form/style/index.less +2 -0
- package/src/Form/utils/validate.ts +7 -2
- package/src/Progress/circle.tsx +5 -1
- package/src/Progress/line.tsx +5 -1
- package/src/Progress/progress.tsx +5 -1
- package/src/Search/demo/basic.tsx +43 -7
- package/src/Search/index.en-US.md +1 -1
- package/src/Search/index.zh-CN.md +1 -1
- package/src/Search/interface.ts +2 -2
- package/src/Search/search.tsx +40 -23
- package/src/Search/style/index.less +20 -3
- package/src/Spin/indicator.tsx +1 -1
- package/src/Table/style/index.less +4 -2
- package/src/Table/tbody/cell.tsx +2 -2
- package/src/Transfer/interface.ts +0 -1
- package/src/Transfer/style/index.less +4 -0
- package/src/Transfer/transfer-list.tsx +1 -0
- package/src/Tree/interface.ts +6 -1
- package/src/Tree/tree-node.tsx +7 -6
- package/src/Tree/utils/tree-tools.ts +4 -1
- package/src/Trigger/interface.ts +2 -1
- package/src/message/demo/base.tsx +1 -1
- package/src/message/interface.ts +1 -5
- package/src/message/message.test.tsx +15 -5
- package/src/message/message.tsx +10 -4
- package/src/message/use-message.tsx +2 -8
- package/src/message/wrapper.tsx +1 -2
- package/src/notice/interface.ts +1 -5
- package/src/notice/notice.test.tsx +14 -6
- package/src/notice/notice.tsx +12 -6
- package/src/notice/wrapper.tsx +1 -2
- package/src/version.ts +1 -1
- package/dist/cjs/Search/style/index.d.ts +0 -1
- package/dist/cjs/Search/style/index.js +0 -2
- package/dist/esm/Search/style/index.d.ts +0 -1
- package/dist/esm/Search/style/index.js +0 -1
- package/src/Search/style/index.ts +0 -1
package/src/message/message.tsx
CHANGED
|
@@ -5,10 +5,16 @@ import Spin from '../Spin';
|
|
|
5
5
|
import type { MessageProps } from './interface';
|
|
6
6
|
|
|
7
7
|
const icons = {
|
|
8
|
-
info: <Info size={22} fill=
|
|
9
|
-
success:
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
info: <Info size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />,
|
|
9
|
+
success: (
|
|
10
|
+
<CircleCheck size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
11
|
+
),
|
|
12
|
+
warning: (
|
|
13
|
+
<CircleAlert size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
14
|
+
),
|
|
15
|
+
error: (
|
|
16
|
+
<CircleX size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
17
|
+
),
|
|
12
18
|
loading: <Spin className="loading" type="spin" size="small" height="auto" />,
|
|
13
19
|
};
|
|
14
20
|
|
|
@@ -6,11 +6,7 @@ import React, {
|
|
|
6
6
|
useState,
|
|
7
7
|
} from 'react';
|
|
8
8
|
import { createPortal } from 'react-dom';
|
|
9
|
-
import {
|
|
10
|
-
MessageApi,
|
|
11
|
-
MessageType,
|
|
12
|
-
WrapperedMessageConfig,
|
|
13
|
-
} from './interface';
|
|
9
|
+
import { MessageApi, MessageType, WrapperedMessageConfig } from './interface';
|
|
14
10
|
import Message from './message';
|
|
15
11
|
|
|
16
12
|
const useMessage = () => {
|
|
@@ -78,9 +74,7 @@ const useMessage = () => {
|
|
|
78
74
|
updateMessages((current) => {
|
|
79
75
|
const exists = current.some((item) => item.key === key);
|
|
80
76
|
if (exists) {
|
|
81
|
-
return current.map((item) =>
|
|
82
|
-
item.key === key ? nextMessage : item,
|
|
83
|
-
);
|
|
77
|
+
return current.map((item) => (item.key === key ? nextMessage : item));
|
|
84
78
|
}
|
|
85
79
|
return [...current, nextMessage];
|
|
86
80
|
});
|
package/src/message/wrapper.tsx
CHANGED
|
@@ -93,8 +93,7 @@ class MessageWrapper {
|
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
const key = params.key ?? this.uuid();
|
|
96
|
-
const keyGeneration =
|
|
97
|
-
this.generationByKey.get(key) ?? this.generation++;
|
|
96
|
+
const keyGeneration = this.generationByKey.get(key) ?? this.generation++;
|
|
98
97
|
this.generationByKey.set(key, keyGeneration);
|
|
99
98
|
const nextMessage = {
|
|
100
99
|
...params,
|
package/src/notice/interface.ts
CHANGED
|
@@ -7,11 +7,7 @@ export type PlacementType =
|
|
|
7
7
|
| 'bottom';
|
|
8
8
|
|
|
9
9
|
export type NoticeConfig = {
|
|
10
|
-
[dataAttribute: `data-${string}`]:
|
|
11
|
-
| string
|
|
12
|
-
| number
|
|
13
|
-
| boolean
|
|
14
|
-
| undefined;
|
|
10
|
+
[dataAttribute: `data-${string}`]: string | number | boolean | undefined;
|
|
15
11
|
/**
|
|
16
12
|
* Custom prefix class name
|
|
17
13
|
*/
|
|
@@ -90,7 +90,11 @@ describe('notice', () => {
|
|
|
90
90
|
render(<NoticeHarness />);
|
|
91
91
|
|
|
92
92
|
act(() => {
|
|
93
|
-
currentApi.info({
|
|
93
|
+
currentApi.info({
|
|
94
|
+
content: 'first',
|
|
95
|
+
duration: 300,
|
|
96
|
+
onClose: firstOnClose,
|
|
97
|
+
});
|
|
94
98
|
});
|
|
95
99
|
act(() => vi.advanceTimersByTime(200));
|
|
96
100
|
act(() => {
|
|
@@ -295,7 +299,9 @@ describe('notice', () => {
|
|
|
295
299
|
expect(screen.queryByText('still paused')).not.toBeNull();
|
|
296
300
|
expect(onClose).not.toHaveBeenCalled();
|
|
297
301
|
|
|
298
|
-
fireEvent.mouseLeave(
|
|
302
|
+
fireEvent.mouseLeave(
|
|
303
|
+
screen.getByText('still paused').closest('.yee-notice')!,
|
|
304
|
+
);
|
|
299
305
|
act(() => vi.advanceTimersByTime(300));
|
|
300
306
|
expect(onClose).toHaveBeenCalledTimes(1);
|
|
301
307
|
});
|
|
@@ -365,7 +371,9 @@ describe('notice', () => {
|
|
|
365
371
|
expect(screen.queryByText('pause enabled')).not.toBeNull();
|
|
366
372
|
expect(onClose).not.toHaveBeenCalled();
|
|
367
373
|
|
|
368
|
-
fireEvent.mouseLeave(
|
|
374
|
+
fireEvent.mouseLeave(
|
|
375
|
+
screen.getByText('pause enabled').closest('.yee-notice')!,
|
|
376
|
+
);
|
|
369
377
|
act(() => vi.advanceTimersByTime(300));
|
|
370
378
|
expect(onClose).toHaveBeenCalledTimes(1);
|
|
371
379
|
});
|
|
@@ -439,9 +447,9 @@ describe('notice', () => {
|
|
|
439
447
|
expect(element.getAttribute('role')).toBe('button');
|
|
440
448
|
expect(element.getAttribute('aria-live')).toBe('assertive');
|
|
441
449
|
expect(element.getAttribute('tabindex')).toBe('0');
|
|
442
|
-
expect(
|
|
443
|
-
'
|
|
444
|
-
);
|
|
450
|
+
expect(
|
|
451
|
+
element.querySelector('.yee-notice-icon')?.getAttribute('aria-hidden'),
|
|
452
|
+
).toBe('true');
|
|
445
453
|
|
|
446
454
|
fireEvent.keyDown(element, { key: 'Enter' });
|
|
447
455
|
fireEvent.keyDown(element, { key: ' ' });
|
package/src/notice/notice.tsx
CHANGED
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import { CircleAlert, CircleCheck, CircleX, Info, X } from 'lucide-react';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import Button from '../Button';
|
|
4
5
|
import Progress from '../Progress';
|
|
5
6
|
import useCountdown from '../hooks/useCountdown';
|
|
6
7
|
import { NoticeProps } from './interface';
|
|
7
|
-
import Button from '../Button';
|
|
8
8
|
|
|
9
9
|
const icons = {
|
|
10
|
-
info: <Info size={22} fill=
|
|
11
|
-
success:
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
info: <Info size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />,
|
|
11
|
+
success: (
|
|
12
|
+
<CircleCheck size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
13
|
+
),
|
|
14
|
+
warning: (
|
|
15
|
+
<CircleAlert size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
16
|
+
),
|
|
17
|
+
error: (
|
|
18
|
+
<CircleX size={22} fill="currentColor" stroke="#FFF" strokeWidth={2} />
|
|
19
|
+
),
|
|
14
20
|
};
|
|
15
21
|
|
|
16
22
|
const Notice: React.FC<NoticeProps & { id: string | number }> = (props) => {
|
|
@@ -102,7 +108,7 @@ const Notice: React.FC<NoticeProps & { id: string | number }> = (props) => {
|
|
|
102
108
|
|
|
103
109
|
return (
|
|
104
110
|
<Button
|
|
105
|
-
variant=
|
|
111
|
+
variant="text"
|
|
106
112
|
size="small"
|
|
107
113
|
className={`${prefixCls}-close`}
|
|
108
114
|
onClick={handleClose}
|
package/src/notice/wrapper.tsx
CHANGED
|
@@ -146,8 +146,7 @@ class NoticeWrapper {
|
|
|
146
146
|
|
|
147
147
|
const placement = params.placement ?? 'topRight';
|
|
148
148
|
const key = params.key ?? this.uuid();
|
|
149
|
-
const keyGeneration =
|
|
150
|
-
this.generationByKey.get(key) ?? this.generation++;
|
|
149
|
+
const keyGeneration = this.generationByKey.get(key) ?? this.generation++;
|
|
151
150
|
this.generationByKey.set(key, keyGeneration);
|
|
152
151
|
|
|
153
152
|
const affectedPlacements = new Set<PlacementType>([placement]);
|
package/src/version.ts
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.less';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.less';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "./index.less";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './index.less';
|