@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,7 +1,10 @@
|
|
|
1
1
|
import * as r from "react";
|
|
2
|
-
export type
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
export type CmpButton_Props = {
|
|
3
|
+
readonly isroot?: boolean;
|
|
4
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["button"]) => r.ReactNode;
|
|
5
|
+
readonly disabled?: boolean;
|
|
6
|
+
readonly className?: string;
|
|
7
|
+
readonly children?: r.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export declare const CmpButton: r.NamedExoticComponent<CmpButton_Props & r.RefAttributes<HTMLButtonElement>>;
|
|
7
10
|
export default CmpButton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FnORefHTML } from "../../../type/fnref.js";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
export type CmpButtonVirtual_Props = {
|
|
4
|
+
readonly target: FnORefHTML;
|
|
5
|
+
readonly isroot?: boolean;
|
|
6
|
+
readonly children?: r.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare const CmpButtonVirtual: r.NamedExoticComponent<CmpButtonVirtual_Props>;
|
|
9
|
+
export default CmpButtonVirtual;
|
|
@@ -1,26 +1,17 @@
|
|
|
1
|
-
import { type UseDropdownCloseEvents_Config } from "../hook/useDropdownCloseEvents.js";
|
|
2
1
|
import type { FnSetterStateful } from "../../../type/setter.js";
|
|
2
|
+
import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
|
|
3
|
+
import type { Focus_Config } from "../../../util/focus/config/type/config.js";
|
|
4
|
+
import { prop_clmap_def_container } from "../../../util/prop/clmap/def/container.js";
|
|
5
|
+
import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
|
|
3
6
|
import * as r from "react";
|
|
4
|
-
|
|
5
|
-
readonly
|
|
7
|
+
export type CmpContainer_Props = {
|
|
8
|
+
readonly open?: boolean;
|
|
9
|
+
readonly open_set?: FnSetterStateful<boolean>;
|
|
10
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
|
|
11
|
+
readonly focus?: Partial<Focus_Config>;
|
|
12
|
+
readonly closeevt?: Partial<CloseEvt_ConfigFull>;
|
|
13
|
+
readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_container>;
|
|
14
|
+
readonly className?: string;
|
|
15
|
+
readonly children?: r.ReactNode;
|
|
6
16
|
};
|
|
7
|
-
export
|
|
8
|
-
[K in keyof typeof stylemap]?: string | null;
|
|
9
|
-
};
|
|
10
|
-
export type CmpContainer_Props = Readonly<{
|
|
11
|
-
open?: boolean;
|
|
12
|
-
open_set?: FnSetterStateful<boolean>;
|
|
13
|
-
className?: string;
|
|
14
|
-
children?: r.ReactNode;
|
|
15
|
-
stylemodule?: CmpContainer_StyleModule;
|
|
16
|
-
closeevents?: UseDropdownCloseEvents_Config;
|
|
17
|
-
}>;
|
|
18
|
-
export declare const CmpContainer: r.NamedExoticComponent<Readonly<{
|
|
19
|
-
open?: boolean;
|
|
20
|
-
open_set?: FnSetterStateful<boolean>;
|
|
21
|
-
className?: string;
|
|
22
|
-
children?: r.ReactNode;
|
|
23
|
-
stylemodule?: CmpContainer_StyleModule;
|
|
24
|
-
closeevents?: UseDropdownCloseEvents_Config;
|
|
25
|
-
}> & r.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
export {};
|
|
17
|
+
export declare const CmpContainer: r.NamedExoticComponent<CmpContainer_Props & r.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { FnSetterStateful } from "../../../type/setter.js";
|
|
2
|
+
import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
|
|
3
|
+
import type { Focus_Config } from "../../../util/focus/config/type/config.js";
|
|
4
|
+
import * as r from "react";
|
|
5
|
+
export type CmpContainerVirtual_Props = {
|
|
6
|
+
readonly open?: boolean;
|
|
7
|
+
readonly open_set?: FnSetterStateful<boolean>;
|
|
8
|
+
readonly className?: string;
|
|
9
|
+
readonly children?: r.ReactNode;
|
|
10
|
+
readonly focus?: Partial<Focus_Config>;
|
|
11
|
+
readonly closeevt?: Partial<CloseEvt_ConfigFull>;
|
|
12
|
+
};
|
|
13
|
+
export declare const CmpContainerVirtual: r.NamedExoticComponent<CmpContainerVirtual_Props>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
export type CmpContent_Props = {
|
|
4
|
+
readonly focus_noguards?: boolean;
|
|
5
|
+
readonly clmap?: PropClMap_DefContent;
|
|
6
|
+
readonly className?: string;
|
|
7
|
+
readonly children?: r.ReactNode;
|
|
8
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare const CmpContent: r.NamedExoticComponent<CmpContent_Props & r.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export default CmpContent;
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
+
import type { CmpCtxState_StateOpen } from "../type/state.js";
|
|
1
2
|
import * as r from "react";
|
|
2
|
-
export declare const CmpCtxState_Open: r.Context<
|
|
3
|
-
ref: r.RefObject<HTMLDivElement | null>;
|
|
4
|
-
open: boolean;
|
|
5
|
-
open_set: import("../../../index.js").FnSetterStateful<boolean>;
|
|
6
|
-
}> | null>;
|
|
3
|
+
export declare const CmpCtxState_Open: r.Context<CmpCtxState_StateOpen | null>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CmpCtxState_StateConfig } from "../../type/state.js";
|
|
2
|
+
import type { CloseEvt_ConfigFull } from "../../../../util/closeevt/type/config.js";
|
|
3
|
+
import type { Focus_Config } from "../../../../util/focus/config/type/config.js";
|
|
4
|
+
export type UseCtxStateInitConfig_Params = {
|
|
5
|
+
readonly focus?: Partial<Focus_Config>;
|
|
6
|
+
readonly closeevt?: Partial<CloseEvt_ConfigFull>;
|
|
7
|
+
};
|
|
8
|
+
export declare const useCtxStateInitConfig: (params: UseCtxStateInitConfig_Params) => CmpCtxState_StateConfig;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CmpCtxState_StateContent } from "../../type/state.js";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
export type UseCtxStateInitContent_Params = {
|
|
4
|
+
readonly ref_content: r.RefObject<HTMLElement | null>;
|
|
5
|
+
};
|
|
6
|
+
export declare const useCtxStateInitContent: (params: UseCtxStateInitContent_Params) => CmpCtxState_StateContent;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { CmpCtxState_StateOpen } from "../../type/state.js";
|
|
2
|
+
import type { FnSetterStateful } from "../../../../type/setter.js";
|
|
3
|
+
export type UseCtxStateInitOpen_Params = {
|
|
4
|
+
readonly open?: boolean;
|
|
5
|
+
readonly open_set?: FnSetterStateful<boolean>;
|
|
6
|
+
};
|
|
7
|
+
export declare const useCtxStateInitOpen: (params: UseCtxStateInitOpen_Params) => CmpCtxState_StateOpen;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useCtxStateConfig: () => import("../../type/state.js").CmpCtxState_StateConfig;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useCtxStateContent: () => import("../../type/state.js").CmpCtxState_StateContent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useCtxStateOpen: () => import("../../type/state.js").CmpCtxState_StateOpen;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useCtxStateRefs: () => import("../../type/state.js").CmpCtxState_StateRefs;
|
|
@@ -1,7 +1,41 @@
|
|
|
1
|
+
import type { FnORefHTML } from "../../../type/fnref.js";
|
|
1
2
|
import type { FnSetterStateful } from "../../../type/setter.js";
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import type { CloseEvt_ConfigFull } from "../../../util/closeevt/type/config.js";
|
|
4
|
+
import type { Focus_Config } from "../../../util/focus/config/type/config.js";
|
|
5
|
+
import type * as r from "react";
|
|
6
|
+
export type CmpCtxState_StateOpen = {
|
|
7
|
+
readonly open_local: boolean;
|
|
8
|
+
readonly open_inherited: boolean;
|
|
9
|
+
readonly open_set: FnSetterStateful<boolean>;
|
|
10
|
+
};
|
|
11
|
+
export type CmpCtxState_StateRefs_CascadeApi = {
|
|
12
|
+
readonly increment: VoidFunction;
|
|
13
|
+
readonly decrement: VoidFunction;
|
|
14
|
+
};
|
|
15
|
+
export type CmpCtxState_StateRefs_Register = {
|
|
16
|
+
readonly it_up: Iterable<FnORefHTML>;
|
|
17
|
+
readonly it_down: Iterable<FnORefHTML>;
|
|
18
|
+
readonly it_full: Iterable<FnORefHTML>;
|
|
19
|
+
readonly it_local: Iterable<FnORefHTML>;
|
|
20
|
+
readonly it_context: Iterable<FnORefHTML>;
|
|
21
|
+
readonly add_own: (ref: FnORefHTML) => void;
|
|
22
|
+
readonly delete_own: (ref: FnORefHTML) => void;
|
|
23
|
+
readonly add_down: (ref: FnORefHTML) => void;
|
|
24
|
+
readonly delete_down: (ref: FnORefHTML) => void;
|
|
25
|
+
};
|
|
26
|
+
export type CmpCtxState_StateRefs = {
|
|
27
|
+
readonly rootref: ReadonlySet<FnORefHTML>;
|
|
28
|
+
readonly rootref_set: FnSetterStateful<ReadonlySet<FnORefHTML>>;
|
|
29
|
+
readonly cascade: number;
|
|
30
|
+
readonly cascade_api: CmpCtxState_StateRefs_CascadeApi;
|
|
31
|
+
readonly container_real: boolean;
|
|
32
|
+
readonly register: CmpCtxState_StateRefs_Register;
|
|
33
|
+
readonly shardevt_scroll: Set<(event: Event) => void>;
|
|
34
|
+
};
|
|
35
|
+
export type CmpCtxState_StateConfig = {
|
|
36
|
+
readonly focus: Partial<Focus_Config>;
|
|
37
|
+
readonly closeevt: Partial<CloseEvt_ConfigFull>;
|
|
38
|
+
};
|
|
39
|
+
export type CmpCtxState_StateContent = {
|
|
40
|
+
readonly ref_content: r.RefObject<HTMLElement | null>;
|
|
41
|
+
};
|
|
@@ -1,39 +1,26 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
|
|
2
|
+
import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
|
|
3
|
+
import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
|
|
4
|
+
import { prop_clmap_def_listabs } from "../../../util/prop/clmap/def/listabs.js";
|
|
5
|
+
import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
|
|
6
|
+
import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
|
|
7
|
+
import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
|
|
2
8
|
import * as r from "react";
|
|
3
|
-
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
9
|
-
readonly
|
|
10
|
-
readonly
|
|
11
|
-
readonly
|
|
12
|
-
readonly
|
|
9
|
+
export type CmpListAbs_Props = {
|
|
10
|
+
readonly gap?: number;
|
|
11
|
+
readonly lazy?: boolean;
|
|
12
|
+
readonly align?: PropAlign_Raw;
|
|
13
|
+
readonly justify?: PropJustify_Raw;
|
|
14
|
+
readonly direction?: PropDirection_Raw;
|
|
15
|
+
readonly transition_nosize?: boolean;
|
|
16
|
+
readonly rearrange?: Partial<ListPosRearrange_Config>;
|
|
17
|
+
readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listabs>;
|
|
18
|
+
readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
|
|
19
|
+
readonly event_visible_change?: (visible: boolean) => void;
|
|
20
|
+
readonly event_transition_change?: (name: string, active: boolean) => void;
|
|
21
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
|
|
22
|
+
readonly className?: string;
|
|
23
|
+
readonly children?: r.ReactNode | (() => r.ReactNode);
|
|
13
24
|
};
|
|
14
|
-
export
|
|
15
|
-
[K in keyof typeof stylemap]?: string | null;
|
|
16
|
-
};
|
|
17
|
-
export type CmpListAbs_Props = Readonly<{
|
|
18
|
-
gap?: number;
|
|
19
|
-
lazy?: boolean;
|
|
20
|
-
align?: AlignRaw;
|
|
21
|
-
tabIndex?: number;
|
|
22
|
-
justify?: JustifyRaw;
|
|
23
|
-
direction?: DirectionRaw;
|
|
24
|
-
className?: string;
|
|
25
|
-
stylemodule?: CmpListAbs_StyleModule;
|
|
26
|
-
children?: r.ReactNode | (() => r.ReactNode);
|
|
27
|
-
}>;
|
|
28
|
-
export declare const CmpListAbs: r.NamedExoticComponent<Readonly<{
|
|
29
|
-
gap?: number;
|
|
30
|
-
lazy?: boolean;
|
|
31
|
-
align?: AlignRaw;
|
|
32
|
-
tabIndex?: number;
|
|
33
|
-
justify?: JustifyRaw;
|
|
34
|
-
direction?: DirectionRaw;
|
|
35
|
-
className?: string;
|
|
36
|
-
stylemodule?: CmpListAbs_StyleModule;
|
|
37
|
-
children?: r.ReactNode | (() => r.ReactNode);
|
|
38
|
-
}> & r.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export declare const CmpListAbs: r.NamedExoticComponent<CmpListAbs_Props & r.RefAttributes<HTMLDivElement>>;
|
|
39
26
|
export default CmpListAbs;
|
|
@@ -1,41 +1,27 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
|
|
2
|
+
import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
|
|
3
|
+
import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
|
|
4
|
+
import { prop_clmap_def_listfix } from "../../../util/prop/clmap/def/listfix.js";
|
|
5
|
+
import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
|
|
6
|
+
import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
|
|
7
|
+
import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
|
|
2
8
|
import * as r from "react";
|
|
3
|
-
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
9
|
-
readonly
|
|
10
|
-
readonly
|
|
11
|
-
readonly
|
|
12
|
-
readonly
|
|
9
|
+
export type CmpListFix_Props = {
|
|
10
|
+
readonly gap?: number;
|
|
11
|
+
readonly lazy?: boolean;
|
|
12
|
+
readonly align?: PropAlign_Raw;
|
|
13
|
+
readonly justify?: PropJustify_Raw;
|
|
14
|
+
readonly direction?: PropDirection_Raw;
|
|
15
|
+
readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listfix>;
|
|
16
|
+
readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
|
|
17
|
+
readonly transition_nopos?: boolean;
|
|
18
|
+
readonly transition_nosize?: boolean;
|
|
19
|
+
readonly rearrange?: Partial<ListPosRearrange_Config>;
|
|
20
|
+
readonly event_visible_change?: (visible: boolean) => void;
|
|
21
|
+
readonly event_transition_change?: (name: string, active: boolean) => void;
|
|
22
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
|
|
23
|
+
readonly className?: string;
|
|
24
|
+
readonly children?: r.ReactNode | (() => r.ReactNode);
|
|
13
25
|
};
|
|
14
|
-
export
|
|
15
|
-
[K in keyof typeof stylemap]?: string | null;
|
|
16
|
-
};
|
|
17
|
-
export type CmpListFix_Props = Readonly<{
|
|
18
|
-
gap?: number;
|
|
19
|
-
lazy?: boolean;
|
|
20
|
-
align?: AlignRaw;
|
|
21
|
-
tabIndex?: number;
|
|
22
|
-
justify?: JustifyRaw;
|
|
23
|
-
direction?: DirectionRaw;
|
|
24
|
-
portal?: string | HTMLElement;
|
|
25
|
-
className?: string;
|
|
26
|
-
stylemodule?: CmpListFix_StyleModule;
|
|
27
|
-
children?: r.ReactNode | (() => r.ReactNode);
|
|
28
|
-
}>;
|
|
29
|
-
export declare const CmpListFix: r.NamedExoticComponent<Readonly<{
|
|
30
|
-
gap?: number;
|
|
31
|
-
lazy?: boolean;
|
|
32
|
-
align?: AlignRaw;
|
|
33
|
-
tabIndex?: number;
|
|
34
|
-
justify?: JustifyRaw;
|
|
35
|
-
direction?: DirectionRaw;
|
|
36
|
-
portal?: string | HTMLElement;
|
|
37
|
-
className?: string;
|
|
38
|
-
stylemodule?: CmpListFix_StyleModule;
|
|
39
|
-
children?: r.ReactNode | (() => r.ReactNode);
|
|
40
|
-
}> & r.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export declare const CmpListFix: r.NamedExoticComponent<CmpListFix_Props & r.RefAttributes<HTMLDivElement>>;
|
|
41
27
|
export default CmpListFix;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { ListPosRearrange_Config } from "../../../hook/listpos/rearrange/type/config.js";
|
|
2
|
+
import type { PropAlign_Raw } from "../../../util/prop/align/type/prop.js";
|
|
3
|
+
import { prop_clmap_def_content } from "../../../util/prop/clmap/def/content.js";
|
|
4
|
+
import { prop_clmap_def_listfix } from "../../../util/prop/clmap/def/listfix.js";
|
|
5
|
+
import type { PropClMap_Raw } from "../../../util/prop/clmap/type/prop.js";
|
|
6
|
+
import type { PropDirection_Raw } from "../../../util/prop/direction/type/prop.js";
|
|
7
|
+
import type { PropJustify_Raw } from "../../../util/prop/justify/type/prop.js";
|
|
8
|
+
import type { PropPortal_Raw } from "../../../util/prop/portal/type/prop.js";
|
|
9
|
+
import * as r from "react";
|
|
10
|
+
export type CmpListPortal_Props = {
|
|
11
|
+
readonly portal: NonNullable<PropPortal_Raw>;
|
|
12
|
+
readonly gap?: number;
|
|
13
|
+
readonly lazy?: boolean;
|
|
14
|
+
readonly align?: PropAlign_Raw;
|
|
15
|
+
readonly justify?: PropJustify_Raw;
|
|
16
|
+
readonly direction?: PropDirection_Raw;
|
|
17
|
+
readonly transition_nopos?: boolean;
|
|
18
|
+
readonly transition_nosize?: boolean;
|
|
19
|
+
readonly clmap?: PropClMap_Raw<keyof typeof prop_clmap_def_listfix>;
|
|
20
|
+
readonly clmap_content?: PropClMap_Raw<keyof typeof prop_clmap_def_content>;
|
|
21
|
+
readonly rearrange?: Partial<ListPosRearrange_Config>;
|
|
22
|
+
readonly event_visible_change?: (visible: boolean) => void;
|
|
23
|
+
readonly event_transition_change?: (name: string, active: boolean) => void;
|
|
24
|
+
readonly render_view?: (props: r.JSX.IntrinsicElements["div"]) => r.ReactNode;
|
|
25
|
+
readonly className?: string;
|
|
26
|
+
readonly children?: r.ReactNode | (() => r.ReactNode);
|
|
27
|
+
};
|
|
28
|
+
export declare const CmpListPortal: r.NamedExoticComponent<CmpListPortal_Props & r.RefAttributes<HTMLDivElement>>;
|
|
29
|
+
export default CmpListPortal;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
export type UseCloseEvtRoot_Params = {
|
|
3
|
+
readonly active: boolean;
|
|
4
|
+
readonly ctxstate_open: CmpCtxState_StateOpen;
|
|
5
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
6
|
+
readonly ctxstate_config: CmpCtxState_StateConfig;
|
|
7
|
+
};
|
|
8
|
+
export declare const useCloseEvtRoot: (params: UseCloseEvtRoot_Params) => void;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type UseCloseEvtRoot_Params } from "./root.js";
|
|
2
|
+
export type UseCloseEvtRootInfer_Params = Omit<UseCloseEvtRoot_Params, ("ctxstate_open" | "ctxstate_refs" | "ctxstate_config")>;
|
|
3
|
+
export declare const useCloseEvtRootInfer: (params: UseCloseEvtRootInfer_Params) => void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
export type UseCloseEvtShard_Params = {
|
|
3
|
+
readonly active: boolean;
|
|
4
|
+
readonly ref: () => HTMLElement | null;
|
|
5
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
6
|
+
readonly ctxstate_open: CmpCtxState_StateOpen;
|
|
7
|
+
readonly ctxstate_config: CmpCtxState_StateConfig;
|
|
8
|
+
};
|
|
9
|
+
export declare const useCloseEvtShard: (params: UseCloseEvtShard_Params) => void;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { type UseCloseEvtShard_Params } from "./shard.js";
|
|
2
|
+
export type UseCloseEvtShardInfer_Params = Omit<UseCloseEvtShard_Params, ("ctxstate_open" | "ctxstate_refs" | "ctxstate_config")>;
|
|
3
|
+
export declare const useCloseEvtShardInfer: (params: UseCloseEvtShardInfer_Params) => void;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
export type UseDDNList_Params = {
|
|
3
|
+
readonly visible: boolean;
|
|
4
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
5
|
+
};
|
|
6
|
+
export declare const useDDNList: (params: UseDDNList_Params) => void;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
import type { FnORefHTML } from "../../type/fnref.js";
|
|
3
|
+
export type UseDDNRoot_Params = {
|
|
4
|
+
readonly active: boolean;
|
|
5
|
+
readonly ref: FnORefHTML;
|
|
6
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
7
|
+
};
|
|
8
|
+
export declare const useDDNRoot: (params: UseDDNRoot_Params) => void;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { CmpCtxState_StateConfig, CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
export type UseDDNShard_Params = {
|
|
3
|
+
readonly isolated: boolean;
|
|
4
|
+
readonly ref: () => HTMLElement | null;
|
|
5
|
+
readonly ctxstate_open: CmpCtxState_StateOpen;
|
|
6
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
7
|
+
readonly ctxstate_config: CmpCtxState_StateConfig;
|
|
8
|
+
};
|
|
9
|
+
export declare const useDDNShard: (params: UseDDNShard_Params) => void;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { CmpCtxState_StateConfig, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
import type { FnORefHTML } from "../../type/fnref.js";
|
|
3
|
+
export type UseFocusCapture_Api = {
|
|
4
|
+
readonly capture: VoidFunction;
|
|
5
|
+
readonly restore: VoidFunction;
|
|
6
|
+
};
|
|
7
|
+
export type UseFocusCapture_Return = {
|
|
8
|
+
readonly api: UseFocusCapture_Api;
|
|
9
|
+
};
|
|
10
|
+
export type UseFocusCapture_Params = {
|
|
11
|
+
readonly open: boolean;
|
|
12
|
+
readonly ref_target: FnORefHTML;
|
|
13
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
14
|
+
readonly ctxstate_config: CmpCtxState_StateConfig;
|
|
15
|
+
};
|
|
16
|
+
export declare function useFocusCapture(params: UseFocusCapture_Params): void;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ListPosApi_Api } from "./type/api.js";
|
|
2
|
+
import type { ListPosApi_Reverse } from "./type/reverse.js";
|
|
3
|
+
import type { ListPosApi_Size } from "./type/size.js";
|
|
4
|
+
import type { PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
|
|
5
|
+
export type UseListPosAbsolute_Return = {
|
|
6
|
+
readonly api: ListPosApi_Api;
|
|
7
|
+
readonly size: ListPosApi_Size;
|
|
8
|
+
readonly reverse: ListPosApi_Reverse;
|
|
9
|
+
};
|
|
10
|
+
export type UseListPosAbsolute_Params = {
|
|
11
|
+
readonly ref_list: () => HTMLElement | null;
|
|
12
|
+
readonly ref_content: () => HTMLElement | null;
|
|
13
|
+
readonly clmap_content: PropClMap_DefContent;
|
|
14
|
+
};
|
|
15
|
+
export declare const useListPosApiAbsolute: (params: UseListPosAbsolute_Params) => UseListPosAbsolute_Return;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ListPosApi_Api } from "./type/api.js";
|
|
2
|
+
import type { ListPosApi_Position } from "./type/position.js";
|
|
3
|
+
import type { ListPosApi_Reverse } from "./type/reverse.js";
|
|
4
|
+
import type { ListPosApi_Size } from "./type/size.js";
|
|
5
|
+
import type { FnORefHTML } from "../../../type/fnref.js";
|
|
6
|
+
import type { PropClMap_DefContent } from "../../../util/prop/clmap/def/content.js";
|
|
7
|
+
export type UseListPosFixed_Return = {
|
|
8
|
+
readonly api: ListPosApi_Api;
|
|
9
|
+
readonly size: ListPosApi_Size;
|
|
10
|
+
readonly reverse: ListPosApi_Reverse;
|
|
11
|
+
readonly position: ListPosApi_Position;
|
|
12
|
+
};
|
|
13
|
+
export type UseListPosFixed_Params = {
|
|
14
|
+
readonly ref_list: FnORefHTML;
|
|
15
|
+
readonly ref_content: FnORefHTML;
|
|
16
|
+
readonly clmap_content: PropClMap_DefContent;
|
|
17
|
+
};
|
|
18
|
+
export declare const useListPosApiFixed: (params: UseListPosFixed_Params) => UseListPosFixed_Return;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { PropAlign } from "../../../../util/prop/align/type/prop.js";
|
|
2
|
+
import type { PropDirection } from "../../../../util/prop/direction/type/prop.js";
|
|
3
|
+
import type { PropJustify } from "../../../../util/prop/justify/type/prop.js";
|
|
4
|
+
export type ListPosApi_Config = {
|
|
5
|
+
readonly gap: number;
|
|
6
|
+
readonly align: PropAlign;
|
|
7
|
+
readonly justify: PropJustify;
|
|
8
|
+
readonly direction: PropDirection;
|
|
9
|
+
};
|
|
10
|
+
export type ListPosApi_Api = {
|
|
11
|
+
readonly clear: VoidFunction;
|
|
12
|
+
readonly rearrange: (config: ListPosApi_Config) => void;
|
|
13
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ListPosRearrange_Config } from "./type/config.js";
|
|
2
|
+
import type { ListPosApi_Api, ListPosApi_Config } from "../api/type/api.js";
|
|
3
|
+
export type UseListPosRearrange_Params = {
|
|
4
|
+
readonly open: boolean;
|
|
5
|
+
readonly active: boolean;
|
|
6
|
+
readonly api: ListPosApi_Api;
|
|
7
|
+
readonly api_config: ListPosApi_Config;
|
|
8
|
+
readonly rearrange_config?: Partial<ListPosRearrange_Config>;
|
|
9
|
+
};
|
|
10
|
+
export declare const useListPosRearrange: (params: UseListPosRearrange_Params) => void;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { CmpCtxState_StateOpen, CmpCtxState_StateRefs } from "../../component/ctx-state/type/state.js";
|
|
2
|
+
export type UseOpen_Params = {
|
|
3
|
+
readonly ctxstate_open: CmpCtxState_StateOpen;
|
|
4
|
+
readonly ctxstate_refs: CmpCtxState_StateRefs;
|
|
5
|
+
};
|
|
6
|
+
export declare const useOpen: (params: UseOpen_Params) => boolean;
|