@vnejs/uis.react.text 0.1.6 → 0.1.7
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/Text.d.ts +11 -37
- package/dist/Text.d.ts.map +1 -1
- package/dist/Text.js +4 -3
- package/dist/Text.js.map +1 -1
- package/dist/Text.styles.d.ts +1 -1
- package/dist/Text.styles.d.ts.map +1 -1
- package/dist/Text.types.d.ts +48 -0
- package/dist/Text.types.d.ts.map +1 -0
- package/dist/Text.types.js +16 -0
- package/dist/Text.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/Text.tsx +6 -4
- package/src/Text.types.tsx +51 -0
- package/src/index.ts +2 -1
- package/tsconfig.json +0 -1
package/dist/Text.d.ts
CHANGED
|
@@ -1,46 +1,20 @@
|
|
|
1
|
+
import { type TextProps } from "./Text.types.js";
|
|
1
2
|
export declare const Text: {
|
|
2
|
-
({ isActive, isSelected, isHoverable, isDisabled, isCurrent, isNotRender, isInlineBlock, text, textPrefix, color, colorPrefix, size, className, padding, width, marginTop, marginRight, font, whiteSpace, align, weight, weightPrefix, opacity, transition, onClick, value, }:
|
|
3
|
-
isActive?: boolean;
|
|
4
|
-
isSelected?: boolean;
|
|
5
|
-
isHoverable?: boolean;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
isCurrent?: boolean;
|
|
8
|
-
isNotRender?: boolean;
|
|
9
|
-
isInlineBlock?: boolean;
|
|
10
|
-
text?: string;
|
|
11
|
-
textPrefix?: string;
|
|
12
|
-
color?: string;
|
|
13
|
-
colorPrefix?: string;
|
|
14
|
-
size?: number;
|
|
15
|
-
className?: string;
|
|
16
|
-
padding?: number;
|
|
17
|
-
width?: number;
|
|
18
|
-
marginTop?: number;
|
|
19
|
-
marginRight?: number;
|
|
20
|
-
font?: string;
|
|
21
|
-
whiteSpace?: string;
|
|
22
|
-
align?: string;
|
|
23
|
-
weight?: any;
|
|
24
|
-
weightPrefix?: any;
|
|
25
|
-
opacity?: any;
|
|
26
|
-
transition?: number;
|
|
27
|
-
onClick: any;
|
|
28
|
-
value: any;
|
|
29
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ isActive, isSelected, isHoverable, isDisabled, isCurrent, isNotRender, isInlineBlock, text, textPrefix, color, colorPrefix, size, className, padding, width, marginTop, marginRight, font, whiteSpace, align, weight, weightPrefix, opacity, transition, onClick, value, }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
30
4
|
WHITESPACES: {
|
|
31
|
-
WRAP:
|
|
32
|
-
NOWRAP:
|
|
5
|
+
readonly WRAP: "wrap";
|
|
6
|
+
readonly NOWRAP: "nowrap";
|
|
33
7
|
};
|
|
34
8
|
ALIGNS: {
|
|
35
|
-
LEFT:
|
|
36
|
-
CENTER:
|
|
37
|
-
RIGHT:
|
|
9
|
+
readonly LEFT: "left";
|
|
10
|
+
readonly CENTER: "center";
|
|
11
|
+
readonly RIGHT: "right";
|
|
38
12
|
};
|
|
39
13
|
WEIGHT: {
|
|
40
|
-
BOLD:
|
|
41
|
-
NORMAL:
|
|
42
|
-
BOLDER:
|
|
43
|
-
LIGHTER:
|
|
14
|
+
readonly BOLD: "bold";
|
|
15
|
+
readonly NORMAL: "normal";
|
|
16
|
+
readonly BOLDER: "bolder";
|
|
17
|
+
readonly LIGHTER: "lighter";
|
|
44
18
|
};
|
|
45
19
|
};
|
|
46
20
|
//# sourceMappingURL=Text.d.ts.map
|
package/dist/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIxF,eAAO,MAAM,IAAI;mRA2Bd,SAAS;;;;;;;;;;;;;;;;CAiDX,CAAC"}
|
package/dist/Text.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useCallback, useMemo } from "react";
|
|
3
3
|
import { getVneLength } from "@vnejs/uis.utils";
|
|
4
|
+
import { TextAlign, TextWeight, TextWhitespace } from "./Text.types.js";
|
|
4
5
|
import { b } from "./Text.styles.js";
|
|
5
6
|
export const Text = ({ isActive = false, isSelected = false, isHoverable = false, isDisabled = false, isCurrent = false, isNotRender = false, isInlineBlock = false, text = "", textPrefix = "", color = "", colorPrefix = "", size = 96, className = "", padding = 0, width = 0, marginTop = 0, marginRight = 0, font = "", whiteSpace = "", align = "", weight = null, weightPrefix = null, opacity = null, transition = 300, onClick, value, }) => {
|
|
6
7
|
const style = useMemo(() => {
|
|
@@ -45,7 +46,7 @@ export const Text = ({ isActive = false, isSelected = false, isHoverable = false
|
|
|
45
46
|
return null;
|
|
46
47
|
return (_jsxs("div", { className: b({ isActive, isHoverable: isRealHovered, isSelected, isDisabled, isCurrent, isInlineBlock, align }, [className]), style: style, onClick: onClickHandler, "vne-cursor-type": isRealHovered ? "pointer" : "", children: [textPrefix && _jsx("span", { style: stylePrefix, children: textPrefix }), text] }));
|
|
47
48
|
};
|
|
48
|
-
Text.WHITESPACES =
|
|
49
|
-
Text.ALIGNS =
|
|
50
|
-
Text.WEIGHT =
|
|
49
|
+
Text.WHITESPACES = TextWhitespace;
|
|
50
|
+
Text.ALIGNS = TextAlign;
|
|
51
|
+
Text.WEIGHT = TextWeight;
|
|
51
52
|
//# sourceMappingURL=Text.js.map
|
package/dist/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,EACrB,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,CAAC,EACb,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,GAAG,EAChB,OAAO,EACP,KAAK,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAExF,OAAO,EAAE,CAAC,EAAE,MAAM,kBAAkB,CAAC;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,aAAa,GAAG,KAAK,EACrB,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,EAAE,EACV,WAAW,GAAG,EAAE,EAChB,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,CAAC,EACX,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,CAAC,EACb,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,EAAE,EACT,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,IAAI,EACd,UAAU,GAAG,GAAG,EAChB,OAAO,EACP,KAAK,GACK,EAAE,EAAE;IACd,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,IAAI,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;QACnC,IAAI,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAChC,IAAI,MAAM;YAAE,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;QACvC,IAAI,UAAU;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;QAC/C,IAAI,UAAU,KAAK,IAAI;YAAE,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACrF,IAAI,OAAO,KAAK,IAAI;YAAE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAE/C,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,CAAC,QAAQ,GAAG,oBAAoB,YAAY,CAAC,IAAI,CAAC,iDAAiD,CAAC;YAC1G,MAAM,CAAC,UAAU,GAAG,oBAAoB,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,iDAAiD,CAAC;QACrH,CAAC;QACD,IAAI,OAAO;YAAE,MAAM,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;QACpD,IAAI,KAAK;YAAE,MAAM,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,SAAS;YAAE,MAAM,CAAC,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1D,IAAI,WAAW;YAAE,MAAM,CAAC,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;QAEhE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5F,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,IAAI,WAAW;YAAE,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC;QAC5C,IAAI,YAAY;YAAE,MAAM,CAAC,UAAU,GAAG,YAAY,CAAC;QAEnD,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3F,IAAI,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7B,OAAO,CACL,eACE,SAAS,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,EAC5H,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAc,qBACN,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAE9C,UAAU,IAAI,eAAM,KAAK,EAAE,WAAW,YAAG,UAAU,GAAQ,EAC3D,IAAI,IACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;AAClC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;AACxB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC"}
|
package/dist/Text.styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const b:
|
|
1
|
+
export declare const b: any;
|
|
2
2
|
//# sourceMappingURL=Text.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.styles.d.ts","sourceRoot":"","sources":["../src/Text.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.styles.d.ts","sourceRoot":"","sources":["../src/Text.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC,KAAa,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export declare const TextWhitespace: {
|
|
2
|
+
readonly WRAP: "wrap";
|
|
3
|
+
readonly NOWRAP: "nowrap";
|
|
4
|
+
};
|
|
5
|
+
export declare const TextAlign: {
|
|
6
|
+
readonly LEFT: "left";
|
|
7
|
+
readonly CENTER: "center";
|
|
8
|
+
readonly RIGHT: "right";
|
|
9
|
+
};
|
|
10
|
+
export declare const TextWeight: {
|
|
11
|
+
readonly BOLD: "bold";
|
|
12
|
+
readonly NORMAL: "normal";
|
|
13
|
+
readonly BOLDER: "bolder";
|
|
14
|
+
readonly LIGHTER: "lighter";
|
|
15
|
+
};
|
|
16
|
+
export type TextWhitespaceValue = (typeof TextWhitespace)[keyof typeof TextWhitespace];
|
|
17
|
+
export type TextAlignValue = (typeof TextAlign)[keyof typeof TextAlign];
|
|
18
|
+
export type TextWeightValue = (typeof TextWeight)[keyof typeof TextWeight];
|
|
19
|
+
export type TextProps<T = unknown> = {
|
|
20
|
+
isActive?: boolean;
|
|
21
|
+
isSelected?: boolean;
|
|
22
|
+
isHoverable?: boolean;
|
|
23
|
+
isDisabled?: boolean;
|
|
24
|
+
isCurrent?: boolean;
|
|
25
|
+
isNotRender?: boolean;
|
|
26
|
+
isInlineBlock?: boolean;
|
|
27
|
+
text?: string;
|
|
28
|
+
textPrefix?: string;
|
|
29
|
+
color?: string;
|
|
30
|
+
colorPrefix?: string;
|
|
31
|
+
size?: number;
|
|
32
|
+
className?: string;
|
|
33
|
+
padding?: number;
|
|
34
|
+
width?: number;
|
|
35
|
+
marginTop?: number;
|
|
36
|
+
marginRight?: number;
|
|
37
|
+
font?: string;
|
|
38
|
+
view?: string;
|
|
39
|
+
whiteSpace?: TextWhitespaceValue | "";
|
|
40
|
+
align?: TextAlignValue | "";
|
|
41
|
+
weight?: TextWeightValue | number | null;
|
|
42
|
+
weightPrefix?: TextWeightValue | number | null;
|
|
43
|
+
opacity?: number | null;
|
|
44
|
+
transition?: number | null;
|
|
45
|
+
onClick?: (value?: T) => void;
|
|
46
|
+
value?: T;
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;CAGjB,CAAC;AAEX,eAAO,MAAM,SAAS;;;;CAIZ,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AACvF,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACxE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAE3E,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,mBAAmB,GAAG,EAAE,CAAC;IACtC,KAAK,CAAC,EAAE,cAAc,GAAG,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,CAAC,CAAC;CACX,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export const TextWhitespace = {
|
|
2
|
+
WRAP: "wrap",
|
|
3
|
+
NOWRAP: "nowrap",
|
|
4
|
+
};
|
|
5
|
+
export const TextAlign = {
|
|
6
|
+
LEFT: "left",
|
|
7
|
+
CENTER: "center",
|
|
8
|
+
RIGHT: "right",
|
|
9
|
+
};
|
|
10
|
+
export const TextWeight = {
|
|
11
|
+
BOLD: "bold",
|
|
12
|
+
NORMAL: "normal",
|
|
13
|
+
BOLDER: "bolder",
|
|
14
|
+
LIGHTER: "lighter",
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=Text.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;CACV,CAAC"}
|
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/Text.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 { TextAlign, TextWeight, TextWhitespace, type TextProps } from "./Text.types.js";
|
|
6
|
+
|
|
5
7
|
import { b } from "./Text.styles.js";
|
|
6
8
|
|
|
7
9
|
export const Text = ({
|
|
@@ -31,7 +33,7 @@ export const Text = ({
|
|
|
31
33
|
transition = 300,
|
|
32
34
|
onClick,
|
|
33
35
|
value,
|
|
34
|
-
}) => {
|
|
36
|
+
}: TextProps) => {
|
|
35
37
|
const style = useMemo(() => {
|
|
36
38
|
const result: Record<string, any> = {};
|
|
37
39
|
|
|
@@ -82,6 +84,6 @@ export const Text = ({
|
|
|
82
84
|
);
|
|
83
85
|
};
|
|
84
86
|
|
|
85
|
-
Text.WHITESPACES =
|
|
86
|
-
Text.ALIGNS =
|
|
87
|
-
Text.WEIGHT =
|
|
87
|
+
Text.WHITESPACES = TextWhitespace;
|
|
88
|
+
Text.ALIGNS = TextAlign;
|
|
89
|
+
Text.WEIGHT = TextWeight;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
export const TextWhitespace = {
|
|
2
|
+
WRAP: "wrap",
|
|
3
|
+
NOWRAP: "nowrap",
|
|
4
|
+
} as const;
|
|
5
|
+
|
|
6
|
+
export const TextAlign = {
|
|
7
|
+
LEFT: "left",
|
|
8
|
+
CENTER: "center",
|
|
9
|
+
RIGHT: "right",
|
|
10
|
+
} as const;
|
|
11
|
+
|
|
12
|
+
export const TextWeight = {
|
|
13
|
+
BOLD: "bold",
|
|
14
|
+
NORMAL: "normal",
|
|
15
|
+
BOLDER: "bolder",
|
|
16
|
+
LIGHTER: "lighter",
|
|
17
|
+
} as const;
|
|
18
|
+
|
|
19
|
+
export type TextWhitespaceValue = (typeof TextWhitespace)[keyof typeof TextWhitespace];
|
|
20
|
+
export type TextAlignValue = (typeof TextAlign)[keyof typeof TextAlign];
|
|
21
|
+
export type TextWeightValue = (typeof TextWeight)[keyof typeof TextWeight];
|
|
22
|
+
|
|
23
|
+
export type TextProps<T = unknown> = {
|
|
24
|
+
isActive?: boolean;
|
|
25
|
+
isSelected?: boolean;
|
|
26
|
+
isHoverable?: boolean;
|
|
27
|
+
isDisabled?: boolean;
|
|
28
|
+
isCurrent?: boolean;
|
|
29
|
+
isNotRender?: boolean;
|
|
30
|
+
isInlineBlock?: boolean;
|
|
31
|
+
text?: string;
|
|
32
|
+
textPrefix?: string;
|
|
33
|
+
color?: string;
|
|
34
|
+
colorPrefix?: string;
|
|
35
|
+
size?: number;
|
|
36
|
+
className?: string;
|
|
37
|
+
padding?: number;
|
|
38
|
+
width?: number;
|
|
39
|
+
marginTop?: number;
|
|
40
|
+
marginRight?: number;
|
|
41
|
+
font?: string;
|
|
42
|
+
view?: string;
|
|
43
|
+
whiteSpace?: TextWhitespaceValue | "";
|
|
44
|
+
align?: TextAlignValue | "";
|
|
45
|
+
weight?: TextWeightValue | number | null;
|
|
46
|
+
weightPrefix?: TextWeightValue | number | null;
|
|
47
|
+
opacity?: number | null;
|
|
48
|
+
transition?: number | null;
|
|
49
|
+
onClick?: (value?: T) => void;
|
|
50
|
+
value?: T;
|
|
51
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./Text";
|
|
1
|
+
export * from "./Text.types.js";
|
|
2
|
+
export * from "./Text.js";
|