@qyu/reactcmp-dropdown 1.2.0 → 2.0.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.
- package/README.md +173 -75
- package/build/bundle/entry/index.js +1266 -398
- package/build/declaration/component/button/element/view.d.ts +8 -5
- package/build/declaration/component/button/element/virtual.d.ts +9 -0
- package/build/declaration/component/container/element/view.d.ts +14 -23
- package/build/declaration/component/container/element/virtual.d.ts +13 -0
- package/build/declaration/component/content/element/view.d.ts +11 -0
- package/build/declaration/component/ctx-state/element/config.d.ts +3 -0
- package/build/declaration/component/ctx-state/element/content.d.ts +3 -0
- package/build/declaration/component/ctx-state/element/open.d.ts +2 -5
- package/build/declaration/component/ctx-state/element/refs.d.ts +3 -0
- package/build/declaration/component/ctx-state/hook/init/config.d.ts +8 -0
- package/build/declaration/component/ctx-state/hook/init/content.d.ts +6 -0
- package/build/declaration/component/ctx-state/hook/init/open.d.ts +7 -0
- package/build/declaration/component/ctx-state/hook/init/refs.d.ts +5 -0
- package/build/declaration/component/ctx-state/hook/view/config.d.ts +1 -0
- package/build/declaration/component/ctx-state/hook/view/content.d.ts +1 -0
- package/build/declaration/component/ctx-state/hook/view/open.d.ts +1 -0
- package/build/declaration/component/ctx-state/hook/view/refs.d.ts +1 -0
- package/build/declaration/component/ctx-state/type/state.d.ts +40 -6
- package/build/declaration/component/list-abs/element/view.d.ts +23 -36
- package/build/declaration/component/list-fix/element/view.d.ts +24 -38
- package/build/declaration/component/list-portal/element/view.d.ts +29 -0
- package/build/declaration/hook/closeevt/root.d.ts +8 -0
- package/build/declaration/hook/closeevt/root_infer.d.ts +3 -0
- package/build/declaration/hook/closeevt/shard.d.ts +9 -0
- package/build/declaration/hook/closeevt/shard_infer.d.ts +3 -0
- package/build/declaration/hook/ddnparts/list.d.ts +6 -0
- package/build/declaration/hook/ddnparts/list_infer.d.ts +3 -0
- package/build/declaration/hook/ddnparts/root.d.ts +8 -0
- package/build/declaration/hook/ddnparts/root_infer.d.ts +3 -0
- package/build/declaration/hook/ddnparts/shard.d.ts +9 -0
- package/build/declaration/hook/ddnparts/shard_infer.d.ts +3 -0
- package/build/declaration/hook/focus/capture.d.ts +16 -0
- package/build/declaration/hook/focus/capture_infer.d.ts +3 -0
- package/build/declaration/hook/listpos/api/absolute.d.ts +15 -0
- package/build/declaration/hook/listpos/api/fixed.d.ts +18 -0
- package/build/declaration/hook/listpos/api/type/api.d.ts +13 -0
- package/build/declaration/hook/listpos/api/type/position.d.ts +6 -0
- package/build/declaration/hook/listpos/api/type/reverse.d.ts +4 -0
- package/build/declaration/hook/listpos/api/type/size.d.ts +4 -0
- package/build/declaration/hook/listpos/rearrange/index.d.ts +10 -0
- package/build/declaration/hook/listpos/rearrange/type/config.d.ts +7 -0
- package/build/declaration/hook/open/view.d.ts +6 -0
- package/build/declaration/hook/open/view_infer.d.ts +3 -0
- package/build/declaration/hook/ref/merge.d.ts +2 -0
- package/build/declaration/hook/ref/o.d.ts +3 -0
- package/build/declaration/index.d.ts +58 -3
- package/build/declaration/type/fnref.d.ts +4 -0
- package/build/declaration/util/clname/merge.d.ts +1 -0
- package/build/declaration/util/closeevt/type/config.d.ts +11 -0
- package/build/declaration/util/cssprops/new/position.d.ts +3 -0
- package/build/declaration/util/cssprops/new/size.d.ts +9 -0
- package/build/declaration/util/focus/config/type/config.d.ts +6 -0
- package/build/declaration/util/prop/align/new/index.d.ts +2 -0
- package/build/declaration/util/prop/align/new/reversed.d.ts +2 -0
- package/build/declaration/util/prop/align/type/prop.d.ts +2 -0
- package/build/declaration/util/prop/clmap/def/container.d.ts +6 -0
- package/build/declaration/util/prop/clmap/def/content.d.ts +8 -0
- package/build/declaration/util/prop/clmap/def/listabs.d.ts +15 -0
- package/build/declaration/util/prop/clmap/def/listfix.d.ts +16 -0
- package/build/declaration/util/prop/clmap/new/index.d.ts +2 -0
- package/build/declaration/util/prop/clmap/type/prop.d.ts +4 -0
- package/build/declaration/util/prop/direction/new/index.d.ts +2 -0
- package/build/declaration/util/prop/direction/type/prop.d.ts +2 -0
- package/build/declaration/util/prop/justify/new/index.d.ts +2 -0
- package/build/declaration/util/prop/justify/new/reversed.d.ts +2 -0
- package/build/declaration/util/prop/justify/type/prop.d.ts +2 -0
- package/build/declaration/util/prop/portal/new/index.d.ts +2 -0
- package/build/declaration/util/prop/portal/type/prop.d.ts +2 -0
- package/build/declaration/util/ref/use.d.ts +2 -0
- package/build/style/index.css +132 -0
- package/build/style/index.css.d.ts +21 -0
- package/package.json +6 -9
- package/build/declaration/component/container/hook/useDropdownCloseEvents.d.ts +0 -15
- package/build/declaration/type/params.d.ts +0 -6
- package/build/declaration/util/cl.d.ts +0 -1
- package/build/declaration/util/nprop/index.d.ts +0 -5
- package/build/declaration/util/stylemap/new/remap.d.ts +0 -2
- package/build/declaration/util/stylemap/type/StyleMap.d.ts +0 -3
- package/build/style/index.global.css +0 -110
- package/build/style/index.global.css.d.ts +0 -21
- package/build/style/index.module.css +0 -110
- package/build/style/index.module.css.d.ts +0 -20
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.listabs {
|
|
6
|
-
--scale: 1;
|
|
7
|
-
position: absolute;
|
|
8
|
-
z-index: var(--qyuddn-z-index, 3);
|
|
9
|
-
transition: transform var(--qyuddn-trtime, 0.2s), opacity var(--qyuddn-trtime, 0.2s);
|
|
10
|
-
}
|
|
11
|
-
.listabs:not(.listabs_open) {
|
|
12
|
-
--scale: 0;
|
|
13
|
-
opacity: 0;
|
|
14
|
-
user-select: none;
|
|
15
|
-
pointer-events: none;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.listabs_justify_start.listabs_horizontal {
|
|
19
|
-
right: 100%;
|
|
20
|
-
transform-origin: center right;
|
|
21
|
-
}
|
|
22
|
-
.listabs_justify_start.listabs_horizontal:not(.listabs_align_center) {
|
|
23
|
-
transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px)));
|
|
24
|
-
}
|
|
25
|
-
.listabs_justify_start.listabs_horizontal.listabs_align_center {
|
|
26
|
-
transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px))) translateY(-50%);
|
|
27
|
-
}
|
|
28
|
-
.listabs_justify_start.listabs_vertical {
|
|
29
|
-
bottom: 100%;
|
|
30
|
-
transform-origin: bottom center;
|
|
31
|
-
}
|
|
32
|
-
.listabs_justify_start.listabs_vertical:not(.listabs_align_center) {
|
|
33
|
-
transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px)));
|
|
34
|
-
}
|
|
35
|
-
.listabs_justify_start.listabs_vertical.listabs_align_center {
|
|
36
|
-
transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px))) translateX(-50%);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.listabs_justify_end.listabs_horizontal {
|
|
40
|
-
left: 100%;
|
|
41
|
-
transform-origin: center left;
|
|
42
|
-
}
|
|
43
|
-
.listabs_justify_end.listabs_horizontal:not(.listabs_align_center) {
|
|
44
|
-
transform: scaleX(var(--scale)) translateX(var(--gap, 0px));
|
|
45
|
-
}
|
|
46
|
-
.listabs_justify_end.listabs_horizontal.listabs_align_center {
|
|
47
|
-
transform: scaleX(var(--scale)) translateX(var(--gap, 0px)) translateY(-50%);
|
|
48
|
-
}
|
|
49
|
-
.listabs_justify_end.listabs_vertical {
|
|
50
|
-
top: 100%;
|
|
51
|
-
transform-origin: top center;
|
|
52
|
-
}
|
|
53
|
-
.listabs_justify_end.listabs_vertical:not(.listabs_align_center) {
|
|
54
|
-
transform: scaleY(var(--scale)) translateY(var(--gap, 0px));
|
|
55
|
-
}
|
|
56
|
-
.listabs_justify_end.listabs_vertical.listabs_align_center {
|
|
57
|
-
transform: scaleY(var(--scale)) translateY(var(--gap, 0px)) translateX(-50%);
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.listabs_align_start.listabs_horizontal {
|
|
61
|
-
top: 0;
|
|
62
|
-
}
|
|
63
|
-
.listabs_align_start.listabs_vertical {
|
|
64
|
-
left: 0;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.listabs_align_center.listabs_horizontal {
|
|
68
|
-
top: 50%;
|
|
69
|
-
}
|
|
70
|
-
.listabs_align_center.listabs_vertical {
|
|
71
|
-
left: 50%;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.listabs_align_end.listabs_horizontal {
|
|
75
|
-
right: 0;
|
|
76
|
-
}
|
|
77
|
-
.listabs_align_end.listabs_vertical {
|
|
78
|
-
top: 0;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.listfix {
|
|
82
|
-
--scale: 1;
|
|
83
|
-
position: fixed;
|
|
84
|
-
z-index: var(--qyuddn-z-index, 3);
|
|
85
|
-
transition: transform var(--qyuddn-trtime, 0.2s), opacity var(--qyuddn-trtime, 0.2s);
|
|
86
|
-
}
|
|
87
|
-
.listfix:not(.listfix_open) {
|
|
88
|
-
--scale: 0;
|
|
89
|
-
opacity: 0;
|
|
90
|
-
user-select: none;
|
|
91
|
-
pointer-events: none;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.listfix_justify_start.listfix_horizontal {
|
|
95
|
-
transform-origin: center right;
|
|
96
|
-
transform: scaleX(var(--scale)) translateX(calc(-1 * var(--gap, 0px)));
|
|
97
|
-
}
|
|
98
|
-
.listfix_justify_start.listfix_vertical {
|
|
99
|
-
transform-origin: bottom center;
|
|
100
|
-
transform: scaleY(var(--scale)) translateY(calc(-1 * var(--gap, 0px)));
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.listfix_justify_end.listfix_horizontal {
|
|
104
|
-
transform-origin: center left;
|
|
105
|
-
transform: scaleX(var(--scale)) translateX(var(--gap, 0px));
|
|
106
|
-
}
|
|
107
|
-
.listfix_justify_end.listfix_vertical {
|
|
108
|
-
transform-origin: top center;
|
|
109
|
-
transform: scaleY(var(--scale)) translateY(var(--gap, 0px));
|
|
110
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
declare const styles: {
|
|
2
|
-
readonly "container": string;
|
|
3
|
-
readonly "listabs": string;
|
|
4
|
-
readonly "listabs_align_center": string;
|
|
5
|
-
readonly "listabs_align_end": string;
|
|
6
|
-
readonly "listabs_align_start": string;
|
|
7
|
-
readonly "listabs_horizontal": string;
|
|
8
|
-
readonly "listabs_justify_end": string;
|
|
9
|
-
readonly "listabs_justify_start": string;
|
|
10
|
-
readonly "listabs_open": string;
|
|
11
|
-
readonly "listabs_vertical": string;
|
|
12
|
-
readonly "listfix": string;
|
|
13
|
-
readonly "listfix_horizontal": string;
|
|
14
|
-
readonly "listfix_justify_end": string;
|
|
15
|
-
readonly "listfix_justify_start": string;
|
|
16
|
-
readonly "listfix_open": string;
|
|
17
|
-
readonly "listfix_vertical": string;
|
|
18
|
-
};
|
|
19
|
-
export = styles;
|
|
20
|
-
|