@vnejs/uis.react.position-box 0.1.11 → 0.1.13

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.
Files changed (10) hide show
  1. package/dist/PositionBox.d.ts +1 -1
  2. package/dist/PositionBox.d.ts.map +1 -1
  3. package/dist/PositionBox.js +8 -2
  4. package/dist/PositionBox.js.map +1 -1
  5. package/dist/PositionBox.types.d.ts +1 -0
  6. package/dist/PositionBox.types.d.ts.map +1 -1
  7. package/package.json +1 -4
  8. package/src/PositionBox.stories.tsx +1 -1
  9. package/src/PositionBox.tsx +15 -1
  10. package/src/PositionBox.types.tsx +1 -0
package/dist/PositionBox.d.ts CHANGED
@@ -1,3 +1,3 @@
1
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;
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, animation, onClick, value, className, children, }: PositionBoxProps) => import("react").JSX.Element;
3
3
  //# sourceMappingURL=PositionBox.d.ts.map
package/dist/PositionBox.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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,6RA2BrB,gBAAgB,gCA2ElB,CAAC"}
package/dist/PositionBox.js CHANGED
@@ -14,7 +14,7 @@ const setPositionField = (result, field, value) => {
14
14
  return setField(result, field, value);
15
15
  setField(result, field, getVneLength(value));
16
16
  };
17
- export const PositionBox = ({ top = null, right = null, bottom = null, left = null, translateX = null, translateY = null, transformOriginX = null, transformOriginY = null, scale = null, transition = null, zIndex = null, opacity = null, boxRef = null, isCentered = false, isCenteredVertical = false, isCenteredHorizontal = false, isNotRender = false, background = null, clip = null, mask = null, filter = null, onClick, value, className, children, }) => {
17
+ export const PositionBox = ({ top = null, right = null, bottom = null, left = null, translateX = null, translateY = null, transformOriginX = null, transformOriginY = null, scale = null, transition = null, zIndex = null, opacity = null, boxRef = null, isCentered = false, isCenteredVertical = false, isCenteredHorizontal = false, isNotRender = false, background = null, clip = null, mask = null, filter = null, animation = null, onClick, value, className, children, }) => {
18
18
  const style = useMemo(() => {
19
19
  const result = {};
20
20
  setPositionField(result, "top", top);
@@ -66,9 +66,15 @@ export const PositionBox = ({ top = null, right = null, bottom = null, left = nu
66
66
  clip,
67
67
  mask,
68
68
  ]);
69
+ const childrenStyle = useMemo(() => {
70
+ const result = {};
71
+ if (animation !== null)
72
+ result.animation = animation || "none";
73
+ return result;
74
+ }, [animation]);
69
75
  const onClickHandler = useCallback(() => onClick && onClick(value), [onClick, value]);
70
76
  if (isNotRender)
71
77
  return null;
72
- return (_jsx("div", { className: b({ isCentered, isCenteredHorizontal, isCenteredVertical, isHided: opacity === 0 }, [className]), style: style, onClick: onClickHandler, ref: boxRef, children: _jsx("div", { className: b("children"), children: children }) }));
78
+ return (_jsx("div", { className: b({ isCentered, isCenteredHorizontal, isCenteredVertical, isHided: opacity === 0 }, [className]), style: style, onClick: onClickHandler, ref: boxRef, children: _jsx("div", { className: b("children"), style: childrenStyle, children: children }) }));
73
79
  };
74
80
  //# sourceMappingURL=PositionBox.js.map
package/dist/PositionBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PositionBox.js","sourceRoot":"","sources":["../src/PositionBox.tsx"],"names":[],"mappings":"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"}
package/dist/PositionBox.types.d.ts CHANGED
@@ -23,6 +23,7 @@ export type PositionBoxProps<T = unknown> = {
23
23
  clip?: CssInsertValueString;
24
24
  mask?: CssInsertValueString;
25
25
  filter?: CssInsertValueString;
26
+ animation?: CssInsertValueString;
26
27
  onClick?: (value?: T) => void;
27
28
  value?: T;
28
29
  className?: string;
package/dist/PositionBox.types.d.ts.map CHANGED
@@ -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,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,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;AAEF,KAAK,kBAAkB,GAAG,UAAU,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,GACnE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GACjB,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,GACnB,CAAC,SAAS,MAAM,GACd;IAAE,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACpG,KAAK,CAAC,CAAC,CAAC,CAAC"}
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,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,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,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,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;AAEF,KAAK,kBAAkB,GAAG,UAAU,GAAG,cAAc,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,MAAM,CAAC,KAAK,MAAM,CAAC,GACnE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,GACjB,CAAC,SAAS,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,GAC5B,cAAc,CAAC,CAAC,CAAC,EAAE,GACnB,CAAC,SAAS,MAAM,GACd;IAAE,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,GACpG,KAAK,CAAC,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,13 +1,10 @@
1
1
  {
2
2
  "name": "@vnejs/uis.react.position-box",
3
- "version": "0.1.11",
3
+ "version": "0.1.13",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "scripts": {
7
7
  "build": "npx @vnejs/monorepo package",
8
- "publish:major:uis:react": "npm run publish:major",
9
- "publish:minor:uis:react": "npm run publish:minor",
10
- "publish:patch:uis:react": "npm run publish:patch",
11
8
  "publish:major": "npx @vnejs/monorepo publish major --access public",
12
9
  "publish:minor": "npx @vnejs/monorepo publish minor --access public",
13
10
  "publish:patch": "npx @vnejs/monorepo publish patch --access public"
package/src/PositionBox.stories.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { VneWrap, renderWithVneWrap } from "@vnejs/uis.react.vne-wrap";
1
+ import { VneWrap, renderWithVneWrap } from "@vnejs/uis.react.storybook";
2
2
  import { PositionBox } from "./PositionBox.js";
3
3
 
4
4
  export const Common = {
package/src/PositionBox.tsx CHANGED
@@ -40,6 +40,7 @@ export const PositionBox = ({
40
40
  clip = null,
41
41
  mask = null,
42
42
  filter = null,
43
+ animation = null,
43
44
  onClick,
44
45
  value,
45
46
  className,
@@ -92,6 +93,14 @@ export const PositionBox = ({
92
93
  mask,
93
94
  ]);
94
95
 
96
+ const childrenStyle = useMemo(() => {
97
+ const result: Record<string, any> = {};
98
+
99
+ if (animation !== null) result.animation = animation || "none";
100
+
101
+ return result;
102
+ }, [animation]);
103
+
95
104
  const onClickHandler = useCallback(() => onClick && onClick(value), [onClick, value]);
96
105
 
97
106
  if (isNotRender) return null;
@@ -103,7 +112,12 @@ export const PositionBox = ({
103
112
  onClick={onClickHandler}
104
113
  ref={boxRef}
105
114
  >
106
- <div className={b("children")}>{children}</div>
115
+ <div
116
+ className={b("children")}
117
+ style={childrenStyle}
118
+ >
119
+ {children}
120
+ </div>
107
121
  </div>
108
122
  );
109
123
  };
package/src/PositionBox.types.tsx CHANGED
@@ -25,6 +25,7 @@ export type PositionBoxProps<T = unknown> = {
25
25
  clip?: CssInsertValueString;
26
26
  mask?: CssInsertValueString;
27
27
  filter?: CssInsertValueString;
28
+ animation?: CssInsertValueString;
28
29
  onClick?: (value?: T) => void;
29
30
  value?: T;
30
31
  className?: string;