@vnejs/uis.react.position-box 0.1.6 → 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.d.ts +2 -27
- package/dist/PositionBox.d.ts.map +1 -1
- package/dist/PositionBox.js.map +1 -1
- package/dist/PositionBox.styles.d.ts +1 -1
- package/dist/PositionBox.styles.d.ts.map +1 -1
- package/dist/PositionBox.types.d.ts +30 -0
- package/dist/PositionBox.types.d.ts.map +1 -0
- package/dist/PositionBox.types.js +2 -0
- package/dist/PositionBox.types.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/PositionBox.tsx +6 -4
- package/src/PositionBox.types.tsx +30 -0
- package/src/index.ts +2 -1
- package/tsconfig.json +0 -1
package/dist/PositionBox.d.ts
CHANGED
|
@@ -1,28 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
right?: any;
|
|
4
|
-
bottom?: any;
|
|
5
|
-
left?: any;
|
|
6
|
-
translateX?: any;
|
|
7
|
-
translateY?: any;
|
|
8
|
-
transformOriginX?: any;
|
|
9
|
-
transformOriginY?: any;
|
|
10
|
-
scale?: any;
|
|
11
|
-
transition?: any;
|
|
12
|
-
zIndex?: any;
|
|
13
|
-
opacity?: any;
|
|
14
|
-
boxRef?: any;
|
|
15
|
-
isCentered?: boolean;
|
|
16
|
-
isCenteredVertical?: boolean;
|
|
17
|
-
isCenteredHorizontal?: boolean;
|
|
18
|
-
isNotRender?: boolean;
|
|
19
|
-
background?: any;
|
|
20
|
-
clip?: any;
|
|
21
|
-
mask?: any;
|
|
22
|
-
filter?: any;
|
|
23
|
-
onClick: any;
|
|
24
|
-
value: any;
|
|
25
|
-
className: any;
|
|
26
|
-
children: any;
|
|
27
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { type PositionBoxProps } from "./PositionBox.types.js";
|
|
2
|
+
export declare const PositionBox: ({ top, right, bottom, left, translateX, translateY, transformOriginX, transformOriginY, scale, transition, zIndex, opacity, boxRef, isCentered, isCenteredVertical, isCenteredHorizontal, isNotRender, background, clip, mask, filter, onClick, value, className, children, }: PositionBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
3
|
//# sourceMappingURL=PositionBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PositionBox.d.ts","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PositionBox.d.ts","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAgB/D,eAAO,MAAM,WAAW,GAAI,+QA0BzB,gBAAgB,4CA8DlB,CAAC"}
|
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":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const b:
|
|
1
|
+
export declare const b: any;
|
|
2
2
|
//# sourceMappingURL=PositionBox.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PositionBox.styles.d.ts","sourceRoot":"","sources":["../src/PositionBox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"PositionBox.styles.d.ts","sourceRoot":"","sources":["../src/PositionBox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,KAAoB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
|
|
2
|
+
import type { MutableRefObject, ReactNode } from "react";
|
|
3
|
+
export type PositionBoxProps<T = unknown> = {
|
|
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;
|
|
16
|
+
boxRef?: MutableRefObject<HTMLDivElement | null> | null;
|
|
17
|
+
isCentered?: boolean;
|
|
18
|
+
isCenteredVertical?: boolean;
|
|
19
|
+
isCenteredHorizontal?: boolean;
|
|
20
|
+
isNotRender?: boolean;
|
|
21
|
+
background?: CssInsertValueString;
|
|
22
|
+
clip?: CssInsertValueString;
|
|
23
|
+
mask?: CssInsertValueString;
|
|
24
|
+
filter?: CssInsertValueString;
|
|
25
|
+
onClick?: (value?: T) => void;
|
|
26
|
+
value?: T;
|
|
27
|
+
className?: string;
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=PositionBox.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PositionBox.types.js","sourceRoot":"","sources":["../src/PositionBox.types.tsx"],"names":[],"mappings":""}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC"}
|
package/package.json
CHANGED
package/src/PositionBox.tsx
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
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
|
+
|
|
5
|
+
import { type PositionBoxProps } from "./PositionBox.types.js";
|
|
4
6
|
|
|
5
7
|
import { b } from "./PositionBox.styles.js";
|
|
6
8
|
|
|
7
|
-
const setField = (result, field, value) => {
|
|
9
|
+
const setField = (result: Record<string, string>, field: string, value: string) => {
|
|
8
10
|
result[field] = value;
|
|
9
11
|
};
|
|
10
12
|
|
|
11
|
-
const setPositionField = (result, field, value) => {
|
|
13
|
+
const setPositionField = (result: Record<string, string>, field: string, value: CssInsertValue) => {
|
|
12
14
|
if (value === null) return;
|
|
13
15
|
if (value === 0) return setField(result, field, "0");
|
|
14
16
|
if (typeof value === "string") return setField(result, field, value);
|
|
@@ -42,7 +44,7 @@ export const PositionBox = ({
|
|
|
42
44
|
value,
|
|
43
45
|
className,
|
|
44
46
|
children,
|
|
45
|
-
}) => {
|
|
47
|
+
}: PositionBoxProps) => {
|
|
46
48
|
const style = useMemo(() => {
|
|
47
49
|
const result: Record<string, any> = {};
|
|
48
50
|
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueNumber, CssInsertValueString } from "@vnejs/uis.utils";
|
|
2
|
+
import type { MutableRefObject, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
export type PositionBoxProps<T = unknown> = {
|
|
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;
|
|
17
|
+
boxRef?: MutableRefObject<HTMLDivElement | null> | null;
|
|
18
|
+
isCentered?: boolean;
|
|
19
|
+
isCenteredVertical?: boolean;
|
|
20
|
+
isCenteredHorizontal?: boolean;
|
|
21
|
+
isNotRender?: boolean;
|
|
22
|
+
background?: CssInsertValueString;
|
|
23
|
+
clip?: CssInsertValueString;
|
|
24
|
+
mask?: CssInsertValueString;
|
|
25
|
+
filter?: CssInsertValueString;
|
|
26
|
+
onClick?: (value?: T) => void;
|
|
27
|
+
value?: T;
|
|
28
|
+
className?: string;
|
|
29
|
+
children?: ReactNode;
|
|
30
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./PositionBox";
|
|
1
|
+
export * from "./PositionBox.types.js";
|
|
2
|
+
export * from "./PositionBox.js";
|