@vnejs/uis.react.icon 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/Icon.d.ts +2 -25
- package/dist/Icon.d.ts.map +1 -1
- package/dist/Icon.js.map +1 -1
- package/dist/Icon.styles.d.ts +1 -1
- package/dist/Icon.styles.d.ts.map +1 -1
- package/dist/Icon.types.d.ts +27 -0
- package/dist/Icon.types.d.ts.map +1 -0
- package/dist/Icon.types.js +2 -0
- package/dist/Icon.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/Icon.tsx +3 -1
- package/src/Icon.types.tsx +27 -0
- package/src/index.ts +2 -1
- package/tsconfig.json +0 -1
package/dist/Icon.d.ts
CHANGED
|
@@ -1,26 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
transition?: number;
|
|
4
|
-
width?: number;
|
|
5
|
-
height?: number;
|
|
6
|
-
marginTop?: number;
|
|
7
|
-
marginRight?: number;
|
|
8
|
-
marginBottom?: number;
|
|
9
|
-
marginLeft?: number;
|
|
10
|
-
aspectRatioX?: number;
|
|
11
|
-
aspectRatioY?: number;
|
|
12
|
-
transformOriginX?: any;
|
|
13
|
-
transformOriginY?: any;
|
|
14
|
-
scale?: any;
|
|
15
|
-
opacity?: any;
|
|
16
|
-
className: any;
|
|
17
|
-
src: any;
|
|
18
|
-
srcHover: any;
|
|
19
|
-
isDisabled?: boolean;
|
|
20
|
-
isNotRender?: boolean;
|
|
21
|
-
isOpacityOnHover?: boolean;
|
|
22
|
-
view?: string;
|
|
23
|
-
onClick: any;
|
|
24
|
-
value: any;
|
|
25
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { type IconProps } from "./Icon.types.js";
|
|
2
|
+
export declare const Icon: ({ zIndex, transition, width, height, marginTop, marginRight, marginBottom, marginLeft, aspectRatioX, aspectRatioY, transformOriginX, transformOriginY, scale, opacity, className, src, srcHover, isDisabled, isNotRender, isOpacityOnHover, view, onClick, value, }: IconProps) => import("react/jsx-runtime").JSX.Element;
|
|
26
3
|
//# sourceMappingURL=Icon.d.ts.map
|
package/dist/Icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,eAAO,MAAM,IAAI,GAAI,qQAwBlB,SAAS,4CAyDX,CAAC"}
|
package/dist/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"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"}
|
package/dist/Icon.styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const b:
|
|
1
|
+
export declare const b: any;
|
|
2
2
|
//# sourceMappingURL=Icon.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../src/Icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Icon.styles.d.ts","sourceRoot":"","sources":["../src/Icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,KAAa,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueLength, CssInsertValueNumber } from "@vnejs/uis.utils";
|
|
2
|
+
export type IconProps<T = unknown> = {
|
|
3
|
+
zIndex?: CssInsertValueNumber;
|
|
4
|
+
transition?: CssInsertValueNumber;
|
|
5
|
+
width?: CssInsertValueLength;
|
|
6
|
+
height?: CssInsertValueLength;
|
|
7
|
+
marginTop?: CssInsertValueLength;
|
|
8
|
+
marginRight?: CssInsertValueLength;
|
|
9
|
+
marginBottom?: CssInsertValueLength;
|
|
10
|
+
marginLeft?: CssInsertValueLength;
|
|
11
|
+
aspectRatioX?: number;
|
|
12
|
+
aspectRatioY?: number;
|
|
13
|
+
transformOriginX?: CssInsertValue;
|
|
14
|
+
transformOriginY?: CssInsertValue;
|
|
15
|
+
scale?: CssInsertValueNumber;
|
|
16
|
+
opacity?: CssInsertValueNumber;
|
|
17
|
+
className?: string;
|
|
18
|
+
src?: string;
|
|
19
|
+
srcHover?: string;
|
|
20
|
+
isDisabled?: boolean;
|
|
21
|
+
isNotRender?: boolean;
|
|
22
|
+
isOpacityOnHover?: boolean;
|
|
23
|
+
view?: string;
|
|
24
|
+
onClick?: (value?: T) => void;
|
|
25
|
+
value?: T;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=Icon.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../src/Icon.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAEnG,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../src/Icon.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,iBAAiB,CAAC;AAChC,cAAc,WAAW,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,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC"}
|
package/package.json
CHANGED
package/src/Icon.tsx
CHANGED
|
@@ -2,6 +2,8 @@ import { useCallback, useMemo } from "react";
|
|
|
2
2
|
|
|
3
3
|
import { getVneLength } from "@vnejs/uis.utils";
|
|
4
4
|
|
|
5
|
+
import { type IconProps } from "./Icon.types.js";
|
|
6
|
+
|
|
5
7
|
import { b } from "./Icon.styles.js";
|
|
6
8
|
|
|
7
9
|
export const Icon = ({
|
|
@@ -28,7 +30,7 @@ export const Icon = ({
|
|
|
28
30
|
view = "",
|
|
29
31
|
onClick,
|
|
30
32
|
value,
|
|
31
|
-
}) => {
|
|
33
|
+
}: IconProps) => {
|
|
32
34
|
const withHoverSrc = !isDisabled && Boolean(srcHover);
|
|
33
35
|
const withOpacityOnHover = !isDisabled && isOpacityOnHover;
|
|
34
36
|
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { CssInsertValue, CssInsertValueLength, CssInsertValueNumber } from "@vnejs/uis.utils";
|
|
2
|
+
|
|
3
|
+
export type IconProps<T = unknown> = {
|
|
4
|
+
zIndex?: CssInsertValueNumber;
|
|
5
|
+
transition?: CssInsertValueNumber;
|
|
6
|
+
width?: CssInsertValueLength;
|
|
7
|
+
height?: CssInsertValueLength;
|
|
8
|
+
marginTop?: CssInsertValueLength;
|
|
9
|
+
marginRight?: CssInsertValueLength;
|
|
10
|
+
marginBottom?: CssInsertValueLength;
|
|
11
|
+
marginLeft?: CssInsertValueLength;
|
|
12
|
+
aspectRatioX?: number;
|
|
13
|
+
aspectRatioY?: number;
|
|
14
|
+
transformOriginX?: CssInsertValue;
|
|
15
|
+
transformOriginY?: CssInsertValue;
|
|
16
|
+
scale?: CssInsertValueNumber;
|
|
17
|
+
opacity?: CssInsertValueNumber;
|
|
18
|
+
className?: string;
|
|
19
|
+
src?: string;
|
|
20
|
+
srcHover?: string;
|
|
21
|
+
isDisabled?: boolean;
|
|
22
|
+
isNotRender?: boolean;
|
|
23
|
+
isOpacityOnHover?: boolean;
|
|
24
|
+
view?: string;
|
|
25
|
+
onClick?: (value?: T) => void;
|
|
26
|
+
value?: T;
|
|
27
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./Icon";
|
|
1
|
+
export * from "./Icon.types.js";
|
|
2
|
+
export * from "./Icon.js";
|