@vnejs/uis.react.position-box 0.1.7 → 0.1.8
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/PositionBox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAuB,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAE,CAAC,EAAE,MAAM,yBAAyB,CAAC;AAE5C,MAAM,QAAQ,GAAG,CAAC,MAA8B,EAAE,KAAa,EAAE,KAAa,EAAE,EAAE;IAChF,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,KAAa,EAAE,KAAqB,EAAE,EAAE;IAChG,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO;IAC3B,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IACrD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAErE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,GAAG,GAAG,IAAI,EACV,KAAK,GAAG,IAAI,EACZ,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,IAAI,EACX,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,gBAAgB,GAAG,IAAI,EACvB,gBAAgB,GAAG,IAAI,EACvB,KAAK,GAAG,IAAI,EACZ,UAAU,GAAG,IAAI,EACjB,MAAM,GAAG,IAAI,EACb,OAAO,GAAG,IAAI,EACd,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,KAAK,EAClB,kBAAkB,GAAG,KAAK,EAC1B,oBAAoB,GAAG,KAAK,EAC5B,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,GACS,EAAE,EAAE;IACrB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,gBAAgB,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QACrC,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;QACzC,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC3C,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QAEvC,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;YAC/C,MAAM,CAAC,gCAAgC,CAAC,GAAG,UAAU,IAAI,IAAI,CAAC;YAC9D,MAAM,CAAC,gCAAgC,CAAC,GAAG,UAAU,IAAI,IAAI,CAAC;YAC9D,MAAM,CAAC,gCAAgC,CAAC,GAAG,UAAU,IAAI,IAAI,CAAC;YAC9D,MAAM,CAAC,gCAAgC,CAAC,GAAG,UAAU,IAAI,IAAI,CAAC;QAChE,CAAC;QACD,IAAI,gBAAgB,KAAK,IAAI,IAAI,gBAAgB,KAAK,IAAI,EAAE,CAAC;YAC3D,MAAM,CAAC,gCAAgC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC;YACjE,MAAM,CAAC,gCAAgC,CAAC,GAAG,gBAAgB,IAAI,CAAC,CAAC;QACnE,CAAC;QACD,IAAI,KAAK;YAAE,MAAM,CAAC,0BAA0B,CAAC,GAAG,KAAK,CAAC;QACtD,IAAI,UAAU,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACrF,IAAI,MAAM,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5C,IAAI,OAAO,KAAK,IAAI;YAAE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAC/C,IAAI,UAAU,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;QACxD,IAAI,MAAM,KAAK,IAAI;YAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QAC5C,IAAI,IAAI,KAAK,IAAI;YAAE,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1C,IAAI,IAAI,KAAK,IAAI;YAAE,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;QAEtC,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE;QACD,GAAG;QACH,KAAK;QACL,MAAM;QACN,IAAI;QACJ,UAAU;QACV,UAAU;QACV,gBAAgB;QAChB,gBAAgB;QAChB,MAAM;QACN,KAAK;QACL,UAAU;QACV,OAAO;QACP,UAAU;QACV,MAAM;QACN,IAAI;QACJ,IAAI;KACL,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtF,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,cACE,SAAS,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,OAAO,EAAE,OAAO,KAAK,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAC3G,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,MAAM,YAEX,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,GAC3C,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
|
|
1
2
|
import type { MutableRefObject, ReactNode } from "react";
|
|
2
3
|
export type PositionBoxProps<T = unknown> = {
|
|
3
|
-
top?:
|
|
4
|
-
right?:
|
|
5
|
-
bottom?:
|
|
6
|
-
left?:
|
|
7
|
-
translateX?:
|
|
8
|
-
translateY?:
|
|
9
|
-
transformOriginX?:
|
|
10
|
-
transformOriginY?:
|
|
11
|
-
scale?:
|
|
12
|
-
transition?:
|
|
13
|
-
zIndex?:
|
|
14
|
-
opacity?:
|
|
4
|
+
top?: CssInsertValue;
|
|
5
|
+
right?: CssInsertValue;
|
|
6
|
+
bottom?: CssInsertValue;
|
|
7
|
+
left?: CssInsertValue;
|
|
8
|
+
translateX?: CssInsertValue;
|
|
9
|
+
translateY?: CssInsertValue;
|
|
10
|
+
transformOriginX?: CssInsertValue;
|
|
11
|
+
transformOriginY?: CssInsertValue;
|
|
12
|
+
scale?: CssInsertValueNumber;
|
|
13
|
+
transition?: CssInsertValueNumber;
|
|
14
|
+
zIndex?: CssInsertValueNumber;
|
|
15
|
+
opacity?: CssInsertValueNumber;
|
|
15
16
|
boxRef?: MutableRefObject<HTMLDivElement | null> | null;
|
|
16
17
|
isCentered?: boolean;
|
|
17
18
|
isCenteredVertical?: boolean;
|
|
18
19
|
isCenteredHorizontal?: boolean;
|
|
19
20
|
isNotRender?: boolean;
|
|
20
|
-
background?:
|
|
21
|
-
clip?:
|
|
22
|
-
mask?:
|
|
23
|
-
filter?:
|
|
21
|
+
background?: CssInsertValueString;
|
|
22
|
+
clip?: CssInsertValueString;
|
|
23
|
+
mask?: CssInsertValueString;
|
|
24
|
+
filter?: CssInsertValueString;
|
|
24
25
|
onClick?: (value?: T) => void;
|
|
25
26
|
value?: T;
|
|
26
27
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PositionBox.types.d.ts","sourceRoot":"","sources":["../src/PositionBox.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,GAAG,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"PositionBox.types.d.ts","sourceRoot":"","sources":["../src/PositionBox.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI;IAC1C,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}
|
package/package.json
CHANGED
package/src/PositionBox.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useCallback, useMemo } from "react";
|
|
2
2
|
|
|
3
|
-
import { getVneLength } from "@vnejs/uis.utils";
|
|
3
|
+
import { getVneLength, type CssInsertValue } from "@vnejs/uis.utils";
|
|
4
4
|
|
|
5
5
|
import { type PositionBoxProps } from "./PositionBox.types.js";
|
|
6
6
|
|
|
@@ -10,7 +10,7 @@ const setField = (result: Record<string, string>, field: string, value: string)
|
|
|
10
10
|
result[field] = value;
|
|
11
11
|
};
|
|
12
12
|
|
|
13
|
-
const setPositionField = (result: Record<string, string>, field: string, value:
|
|
13
|
+
const setPositionField = (result: Record<string, string>, field: string, value: CssInsertValue) => {
|
|
14
14
|
if (value === null) return;
|
|
15
15
|
if (value === 0) return setField(result, field, "0");
|
|
16
16
|
if (typeof value === "string") return setField(result, field, value);
|
|
@@ -1,27 +1,28 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
|
|
1
2
|
import type { MutableRefObject, ReactNode } from "react";
|
|
2
3
|
|
|
3
4
|
export type PositionBoxProps<T = unknown> = {
|
|
4
|
-
top?:
|
|
5
|
-
right?:
|
|
6
|
-
bottom?:
|
|
7
|
-
left?:
|
|
8
|
-
translateX?:
|
|
9
|
-
translateY?:
|
|
10
|
-
transformOriginX?:
|
|
11
|
-
transformOriginY?:
|
|
12
|
-
scale?:
|
|
13
|
-
transition?:
|
|
14
|
-
zIndex?:
|
|
15
|
-
opacity?:
|
|
5
|
+
top?: CssInsertValue;
|
|
6
|
+
right?: CssInsertValue;
|
|
7
|
+
bottom?: CssInsertValue;
|
|
8
|
+
left?: CssInsertValue;
|
|
9
|
+
translateX?: CssInsertValue;
|
|
10
|
+
translateY?: CssInsertValue;
|
|
11
|
+
transformOriginX?: CssInsertValue;
|
|
12
|
+
transformOriginY?: CssInsertValue;
|
|
13
|
+
scale?: CssInsertValueNumber;
|
|
14
|
+
transition?: CssInsertValueNumber;
|
|
15
|
+
zIndex?: CssInsertValueNumber;
|
|
16
|
+
opacity?: CssInsertValueNumber;
|
|
16
17
|
boxRef?: MutableRefObject<HTMLDivElement | null> | null;
|
|
17
18
|
isCentered?: boolean;
|
|
18
19
|
isCenteredVertical?: boolean;
|
|
19
20
|
isCenteredHorizontal?: boolean;
|
|
20
21
|
isNotRender?: boolean;
|
|
21
|
-
background?:
|
|
22
|
-
clip?:
|
|
23
|
-
mask?:
|
|
24
|
-
filter?:
|
|
22
|
+
background?: CssInsertValueString;
|
|
23
|
+
clip?: CssInsertValueString;
|
|
24
|
+
mask?: CssInsertValueString;
|
|
25
|
+
filter?: CssInsertValueString;
|
|
25
26
|
onClick?: (value?: T) => void;
|
|
26
27
|
value?: T;
|
|
27
28
|
className?: string;
|