@fewbox/den 0.1.44 → 0.2.0-preview.21
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/engine.js +2 -0
- package/engine.js.map +1 -0
- package/index-core.d.ts +1 -4
- package/index-engine.d.ts +27 -0
- package/index.css +1 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/package.json +10 -1
- package/scripts/generate-packages.js +12 -0
- package/server.js +71 -0
- package/src/components/Auth/GoogleGrant/index.d.ts +10 -8
- package/src/components/Auth/GoogleSignin/index.d.ts +6 -5
- package/src/components/Engine/Base/index.d.ts +10 -11
- package/src/components/Engine/index.d.ts +303 -274
- package/src/components/Layout/Breakpoint/index.d.ts +20 -17
- package/src/components/Layout/Dock/index.d.ts +25 -23
- package/src/components/Layout/Flex/index.d.ts +38 -33
- package/src/components/Layout/FlexItem/index.d.ts +8 -7
- package/src/components/Layout/Position/index.d.ts +19 -17
- package/src/components/Layout/PositionArea/index.d.ts +5 -4
- package/src/components/Layout/XBase/index.d.ts +8 -7
- package/src/components/Layout/YBase/index.d.ts +8 -7
- package/src/components/View/VAnimation/index.d.ts +122 -118
- package/src/components/View/VAside/index.d.ts +5 -0
- package/src/components/View/VBackground/index.d.ts +10 -10
- package/src/components/View/VCardWindow/index.d.ts +6 -5
- package/src/components/View/VChromeExtensionValidator/index.d.ts +8 -7
- package/src/components/View/VForm/index.d.ts +5 -4
- package/src/components/View/VGoogleFont/index.d.ts +5 -4
- package/src/components/View/VHyperlink/index.d.ts +7 -6
- package/src/components/View/VImage/index.d.ts +12 -8
- package/src/components/View/VInput/VColor/index.d.ts +0 -2
- package/src/components/View/VInput/VDate/index.d.ts +0 -2
- package/src/components/View/VInput/VDatetimeLocal/index.d.ts +0 -2
- package/src/components/View/VInput/VDropdown/index.d.ts +2 -0
- package/src/components/View/VInput/VFile/index.d.ts +5 -4
- package/src/components/View/VInput/VGroup/index.d.ts +1 -1
- package/src/components/View/VInput/VRange/index.d.ts +1 -2
- package/src/components/View/VLabel/index.d.ts +53 -47
- package/src/components/View/VNav/index.d.ts +5 -0
- package/src/components/View/VPhoto/index.d.ts +12 -10
- package/src/components/View/VRoot/index.d.ts +5 -4
- package/src/components/View/VShadow/index.d.ts +5 -4
- package/src/components/View/VShape/VEllipse/index.d.ts +5 -4
- package/src/components/View/VShape/VLine/index.d.ts +5 -4
- package/src/components/View/VShape/VRectangle/index.d.ts +5 -4
- package/src/components/View/VSvg/index.d.ts +11 -7
- package/src/components/View/VText/index.d.ts +18 -16
- package/src/components/View/VTheme/index.d.ts +13 -11
- package/src/components/View/VTooltip/index.d.ts +5 -4
- package/src/components/View/VVideo/index.d.ts +1 -4
- package/src/components/View/VZone/index.d.ts +9 -8
- package/src/components/core.d.ts +12 -1
- package/src/components/web.d.ts +4 -0
- package/templates/.claude/skills/fewbox-den/SKILL.md +434 -96
- package/templates/style/_core.scss +12 -0
- package/templates/style/_root-properties.scss +3 -0
- package/templates/style/_variables.scss +12 -0
- package/tsconfig.app.tsbuildinfo +1 -1
|
@@ -6,11 +6,12 @@ export interface IChromeExtensionValidatorProps {
|
|
|
6
6
|
downloadUrl?: string;
|
|
7
7
|
overWrite?: (status: ExtensionStatus, meta: any) => React.JSX.Element;
|
|
8
8
|
}
|
|
9
|
-
export declare
|
|
10
|
-
Uninstalled
|
|
11
|
-
Outdated
|
|
12
|
-
Ready
|
|
13
|
-
}
|
|
9
|
+
export declare const ExtensionStatus: {
|
|
10
|
+
readonly Uninstalled: "uninstalled";
|
|
11
|
+
readonly Outdated: "outdated";
|
|
12
|
+
readonly Ready: "ready";
|
|
13
|
+
};
|
|
14
|
+
export type ExtensionStatus = typeof ExtensionStatus[keyof typeof ExtensionStatus];
|
|
14
15
|
interface Meta {
|
|
15
16
|
name: string;
|
|
16
17
|
version: string;
|
|
@@ -19,5 +20,5 @@ export interface IChromeExtensionValidatorStates {
|
|
|
19
20
|
meta?: Meta;
|
|
20
21
|
status?: ExtensionStatus;
|
|
21
22
|
}
|
|
22
|
-
declare const
|
|
23
|
-
export default
|
|
23
|
+
declare const VChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => React.JSX.Element;
|
|
24
|
+
export default VChromeExtensionValidator;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Json
|
|
4
|
-
FormData
|
|
5
|
-
}
|
|
2
|
+
export declare const HandleSubmitCategory: {
|
|
3
|
+
readonly Json: "json";
|
|
4
|
+
readonly FormData: "formdata";
|
|
5
|
+
};
|
|
6
|
+
export type HandleSubmitCategory = typeof HandleSubmitCategory[keyof typeof HandleSubmitCategory];
|
|
6
7
|
export interface IVFormProps extends IBaseProps<'form'> {
|
|
7
8
|
handleSubmitCategory?: HandleSubmitCategory;
|
|
8
9
|
handleSubmit: (data: any) => void;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { FontWeightType } from '../../Engine';
|
|
2
|
-
export declare
|
|
3
|
-
Normal
|
|
4
|
-
Italic
|
|
5
|
-
}
|
|
2
|
+
export declare const GoogleFontType: {
|
|
3
|
+
readonly Normal: "normal";
|
|
4
|
+
readonly Italic: "italic";
|
|
5
|
+
};
|
|
6
|
+
export type GoogleFontType = typeof GoogleFontType[keyof typeof GoogleFontType];
|
|
6
7
|
export interface IGoogleFont {
|
|
7
8
|
type: GoogleFontType;
|
|
8
9
|
weight: FontWeightType;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
NewWindow
|
|
4
|
-
Self
|
|
5
|
-
Parent
|
|
6
|
-
Top
|
|
7
|
-
}
|
|
2
|
+
export declare const HyperlinkCategory: {
|
|
3
|
+
readonly NewWindow: "_blank";
|
|
4
|
+
readonly Self: "_self";
|
|
5
|
+
readonly Parent: "_parent";
|
|
6
|
+
readonly Top: "_top";
|
|
7
|
+
};
|
|
8
|
+
export type HyperlinkCategory = typeof HyperlinkCategory[keyof typeof HyperlinkCategory];
|
|
8
9
|
export interface IVHyperlinkProps extends IBaseProps<'a'> {
|
|
9
10
|
category: HyperlinkCategory;
|
|
10
11
|
to: string;
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Default
|
|
4
|
-
Circle
|
|
5
|
-
Squared
|
|
6
|
-
FullSize
|
|
7
|
-
Scale
|
|
8
|
-
}
|
|
2
|
+
export declare const ImageCategory: {
|
|
3
|
+
readonly Default: "default";
|
|
4
|
+
readonly Circle: "circle";
|
|
5
|
+
readonly Squared: "squared";
|
|
6
|
+
readonly FullSize: "full-size";
|
|
7
|
+
readonly Scale: "scale";
|
|
8
|
+
};
|
|
9
|
+
export type ImageCategory = typeof ImageCategory[keyof typeof ImageCategory];
|
|
9
10
|
export interface IVImageProps extends IBaseProps<'img'> {
|
|
10
11
|
category?: ImageCategory;
|
|
11
12
|
}
|
|
12
|
-
declare const _default: import("react").MemoExoticComponent<
|
|
13
|
+
declare const _default: import("react").MemoExoticComponent<{
|
|
14
|
+
(props: IVImageProps): React.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
}>;
|
|
13
17
|
export default _default;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { IBaseInputProps } from "..";
|
|
2
2
|
export interface IVDatetimeLocalProps extends IBaseInputProps {
|
|
3
3
|
}
|
|
4
|
-
export interface IVDatetimeLocalProps {
|
|
5
|
-
}
|
|
6
4
|
declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => React.JSX.Element;
|
|
7
5
|
export default VDatetimeLocal;
|
|
@@ -22,6 +22,8 @@ export interface IVDropdownProps extends IBaseProps<'input'> {
|
|
|
22
22
|
dockAlignment?: DockAlignment;
|
|
23
23
|
menuBackgroundColor?: ColorType;
|
|
24
24
|
menuZIndex?: Property.ZIndex;
|
|
25
|
+
menuGap?: Property.Gap;
|
|
26
|
+
isSelectOnly?: boolean;
|
|
25
27
|
overWriteDropdownMenu?: (items: IDropdownItemData[]) => React.JSX.Element;
|
|
26
28
|
overWriteDropdownItem?: (item: IDropdownItemData) => React.JSX.Element;
|
|
27
29
|
handleChange?: (value: string) => void;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { IBaseInputProps } from "..";
|
|
2
2
|
import { ColorType, FontSizeType } from "../../../Engine";
|
|
3
|
-
export declare
|
|
4
|
-
Vertical
|
|
5
|
-
Horizontal
|
|
6
|
-
}
|
|
3
|
+
export declare const FileCategory: {
|
|
4
|
+
readonly Vertical: "Vertical";
|
|
5
|
+
readonly Horizontal: "Horizontal";
|
|
6
|
+
};
|
|
7
|
+
export type FileCategory = typeof FileCategory[keyof typeof FileCategory];
|
|
7
8
|
export interface InputFile {
|
|
8
9
|
name: string;
|
|
9
10
|
objectUrl?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IBaseProps } from "../../../Engine/Base";
|
|
2
2
|
export interface IVGroupProps extends IBaseProps {
|
|
3
3
|
selectedValue: string;
|
|
4
|
-
renderGroup: (selectedValue: string,
|
|
4
|
+
renderGroup: (selectedValue: string, handleSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
|
|
5
5
|
}
|
|
6
6
|
export interface IVGroupStates {
|
|
7
7
|
selectedValue: string;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { Property } from "csstype";
|
|
2
2
|
import { IBaseInputProps } from "..";
|
|
3
3
|
import { ColorType } from "../../../Engine";
|
|
4
|
-
export type TLength = (string & {}) | 0;
|
|
5
4
|
export interface IVRangeProps extends IBaseInputProps {
|
|
6
5
|
thumbColor: ColorType;
|
|
7
6
|
thumbBorderColor: ColorType;
|
|
8
7
|
trackColor: ColorType;
|
|
9
|
-
trackHeight?: Property.Height
|
|
8
|
+
trackHeight?: Property.Height;
|
|
10
9
|
}
|
|
11
10
|
declare const VRange: (props: IVRangeProps) => React.JSX.Element;
|
|
12
11
|
export default VRange;
|
|
@@ -1,57 +1,63 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Div
|
|
4
|
-
Abbr
|
|
5
|
-
Span
|
|
6
|
-
H1
|
|
7
|
-
H2
|
|
8
|
-
H3
|
|
9
|
-
H4
|
|
10
|
-
H5
|
|
11
|
-
H6
|
|
12
|
-
I
|
|
13
|
-
B
|
|
14
|
-
U
|
|
15
|
-
Em
|
|
16
|
-
Strong
|
|
17
|
-
Blockquote
|
|
18
|
-
Cite
|
|
19
|
-
Code
|
|
20
|
-
Del
|
|
21
|
-
Dfn
|
|
22
|
-
Ins
|
|
23
|
-
Kbd
|
|
24
|
-
Mark
|
|
25
|
-
Pre
|
|
26
|
-
Q
|
|
27
|
-
S
|
|
28
|
-
Samp
|
|
29
|
-
Small
|
|
30
|
-
Summary
|
|
31
|
-
Sup
|
|
32
|
-
Sub
|
|
33
|
-
Time
|
|
34
|
-
Var
|
|
35
|
-
Wbr
|
|
36
|
-
}
|
|
2
|
+
export declare const LabelCategory: {
|
|
3
|
+
readonly Div: "div";
|
|
4
|
+
readonly Abbr: "abbr";
|
|
5
|
+
readonly Span: "span";
|
|
6
|
+
readonly H1: "h1";
|
|
7
|
+
readonly H2: "h2";
|
|
8
|
+
readonly H3: "h3";
|
|
9
|
+
readonly H4: "h4";
|
|
10
|
+
readonly H5: "h5";
|
|
11
|
+
readonly H6: "h6";
|
|
12
|
+
readonly I: "i";
|
|
13
|
+
readonly B: "b";
|
|
14
|
+
readonly U: "u";
|
|
15
|
+
readonly Em: "em";
|
|
16
|
+
readonly Strong: "strong";
|
|
17
|
+
readonly Blockquote: "blockquote";
|
|
18
|
+
readonly Cite: "cite";
|
|
19
|
+
readonly Code: "code";
|
|
20
|
+
readonly Del: "del";
|
|
21
|
+
readonly Dfn: "dfn";
|
|
22
|
+
readonly Ins: "ins";
|
|
23
|
+
readonly Kbd: "kbd";
|
|
24
|
+
readonly Mark: "mark";
|
|
25
|
+
readonly Pre: "pre";
|
|
26
|
+
readonly Q: "q";
|
|
27
|
+
readonly S: "s";
|
|
28
|
+
readonly Samp: "samp";
|
|
29
|
+
readonly Small: "small";
|
|
30
|
+
readonly Summary: "summary";
|
|
31
|
+
readonly Sup: "sup";
|
|
32
|
+
readonly Sub: "sub";
|
|
33
|
+
readonly Time: "time";
|
|
34
|
+
readonly Var: "var";
|
|
35
|
+
readonly Wbr: "wbr";
|
|
36
|
+
};
|
|
37
|
+
export type LabelCategory = typeof LabelCategory[keyof typeof LabelCategory];
|
|
37
38
|
type ElementOf<C extends LabelCategory> = C;
|
|
38
|
-
export declare
|
|
39
|
-
Default
|
|
40
|
-
Circle
|
|
41
|
-
}
|
|
42
|
-
export
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
export declare const LabelType: {
|
|
40
|
+
readonly Default: "default";
|
|
41
|
+
readonly Circle: "circle";
|
|
42
|
+
};
|
|
43
|
+
export type LabelType = typeof LabelType[keyof typeof LabelType];
|
|
44
|
+
export declare const LabelAlignType: {
|
|
45
|
+
readonly Justify: 0;
|
|
46
|
+
readonly Left: 1;
|
|
47
|
+
readonly Right: 2;
|
|
48
|
+
readonly Center: 3;
|
|
49
|
+
};
|
|
50
|
+
export type LabelAlignType = typeof LabelAlignType[keyof typeof LabelAlignType];
|
|
51
|
+
export type IVLabelProps<C extends LabelCategory = typeof LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
|
|
49
52
|
category?: C;
|
|
50
53
|
type?: LabelType;
|
|
51
54
|
alignType?: LabelAlignType;
|
|
52
55
|
isTextOverflow?: boolean;
|
|
53
56
|
caption: string | React.JSX.Element;
|
|
54
57
|
};
|
|
55
|
-
declare const VLabel:
|
|
58
|
+
declare const VLabel: {
|
|
59
|
+
<C extends LabelCategory>(props: IVLabelProps<C>): React.JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
56
62
|
declare const _default: typeof VLabel;
|
|
57
63
|
export default _default;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Auto
|
|
4
|
-
Contain
|
|
5
|
-
Cover
|
|
6
|
-
}
|
|
7
|
-
export
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
export declare const PhotoCategory: {
|
|
3
|
+
readonly Auto: "auto";
|
|
4
|
+
readonly Contain: "contain";
|
|
5
|
+
readonly Cover: "cover";
|
|
6
|
+
};
|
|
7
|
+
export type PhotoCategory = typeof PhotoCategory[keyof typeof PhotoCategory];
|
|
8
|
+
export declare const PhotoPositionType: {
|
|
9
|
+
readonly Left: "left";
|
|
10
|
+
readonly Center: "center";
|
|
11
|
+
readonly Right: "right";
|
|
12
|
+
};
|
|
13
|
+
export type PhotoPositionType = typeof PhotoPositionType[keyof typeof PhotoPositionType];
|
|
12
14
|
export interface IVPhotoProps extends IBaseProps {
|
|
13
15
|
category: PhotoCategory;
|
|
14
16
|
position?: PhotoPositionType;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseReturn } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Display
|
|
4
|
-
Rich
|
|
5
|
-
}
|
|
2
|
+
export declare const RootCategory: {
|
|
3
|
+
readonly Display: "display";
|
|
4
|
+
readonly Rich: "rich";
|
|
5
|
+
};
|
|
6
|
+
export type RootCategory = typeof RootCategory[keyof typeof RootCategory];
|
|
6
7
|
export interface IVRootProps {
|
|
7
8
|
ref?: React.Ref<HTMLDivElement>;
|
|
8
9
|
_base: IBaseReturn;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Default
|
|
4
|
-
Max
|
|
5
|
-
}
|
|
2
|
+
export declare const ShadowCategory: {
|
|
3
|
+
readonly Default: "default";
|
|
4
|
+
readonly Max: "max";
|
|
5
|
+
};
|
|
6
|
+
export type ShadowCategory = typeof ShadowCategory[keyof typeof ShadowCategory];
|
|
6
7
|
export interface IVShadowProps extends IBaseProps {
|
|
7
8
|
category?: ShadowCategory;
|
|
8
9
|
x?: number;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Default
|
|
4
|
-
Fixed
|
|
5
|
-
}
|
|
2
|
+
export declare const EllipseCategory: {
|
|
3
|
+
readonly Default: "default";
|
|
4
|
+
readonly Fixed: "fixed";
|
|
5
|
+
};
|
|
6
|
+
export type EllipseCategory = typeof EllipseCategory[keyof typeof EllipseCategory];
|
|
6
7
|
export interface IVEllipseProps extends IBaseProps {
|
|
7
8
|
category?: EllipseCategory;
|
|
8
9
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Vertical
|
|
4
|
-
Horizontal
|
|
5
|
-
}
|
|
2
|
+
export declare const LineCategory: {
|
|
3
|
+
readonly Vertical: "vertical";
|
|
4
|
+
readonly Horizontal: "horizontal";
|
|
5
|
+
};
|
|
6
|
+
export type LineCategory = typeof LineCategory[keyof typeof LineCategory];
|
|
6
7
|
export interface IVLineProps extends IBaseProps {
|
|
7
8
|
category: LineCategory;
|
|
8
9
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Default
|
|
4
|
-
Fixed
|
|
5
|
-
}
|
|
2
|
+
export declare const RectangleCategory: {
|
|
3
|
+
readonly Default: "default";
|
|
4
|
+
readonly Fixed: "fixed";
|
|
5
|
+
};
|
|
6
|
+
export type RectangleCategory = typeof RectangleCategory[keyof typeof RectangleCategory];
|
|
6
7
|
export interface IVRectangleProps extends IBaseProps {
|
|
7
8
|
category?: RectangleCategory;
|
|
8
9
|
}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Default
|
|
4
|
-
Circle
|
|
5
|
-
Squared
|
|
6
|
-
Custom
|
|
7
|
-
}
|
|
2
|
+
export declare const SvgCategory: {
|
|
3
|
+
readonly Default: "default";
|
|
4
|
+
readonly Circle: "circle";
|
|
5
|
+
readonly Squared: "squared";
|
|
6
|
+
readonly Custom: "custom";
|
|
7
|
+
};
|
|
8
|
+
export type SvgCategory = typeof SvgCategory[keyof typeof SvgCategory];
|
|
8
9
|
export interface IVSvgProps extends IBaseProps {
|
|
9
10
|
category?: SvgCategory;
|
|
10
11
|
onClick?: React.MouseEventHandler<any>;
|
|
11
12
|
onMouseEnter?: React.MouseEventHandler<any>;
|
|
12
13
|
onMouseLeave?: React.MouseEventHandler<any>;
|
|
13
14
|
}
|
|
14
|
-
declare const _default: import("react").MemoExoticComponent<
|
|
15
|
+
declare const _default: import("react").MemoExoticComponent<{
|
|
16
|
+
(props: IVSvgProps): React.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
}>;
|
|
15
19
|
export default _default;
|
|
@@ -1,23 +1,25 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
P
|
|
4
|
-
Address
|
|
5
|
-
Article
|
|
6
|
-
Aside
|
|
7
|
-
Details
|
|
8
|
-
Section
|
|
9
|
-
}
|
|
2
|
+
export declare const TextCategory: {
|
|
3
|
+
readonly P: "p";
|
|
4
|
+
readonly Address: "address";
|
|
5
|
+
readonly Article: "article";
|
|
6
|
+
readonly Aside: "aside";
|
|
7
|
+
readonly Details: "details";
|
|
8
|
+
readonly Section: "section";
|
|
9
|
+
};
|
|
10
|
+
export type TextCategory = typeof TextCategory[keyof typeof TextCategory];
|
|
10
11
|
type ElementOf<C extends TextCategory> = C;
|
|
11
|
-
export declare
|
|
12
|
-
Justify
|
|
13
|
-
Left
|
|
14
|
-
Right
|
|
15
|
-
Center
|
|
16
|
-
}
|
|
17
|
-
export type
|
|
12
|
+
export declare const TextAlignType: {
|
|
13
|
+
readonly Justify: 0;
|
|
14
|
+
readonly Left: 1;
|
|
15
|
+
readonly Right: 2;
|
|
16
|
+
readonly Center: 3;
|
|
17
|
+
};
|
|
18
|
+
export type TextAlignType = typeof TextAlignType[keyof typeof TextAlignType];
|
|
19
|
+
export type IVTextProps<C extends TextCategory = typeof TextCategory.P> = IBaseProps<ElementOf<C>> & {
|
|
18
20
|
category?: C;
|
|
19
21
|
alignType?: TextAlignType;
|
|
20
22
|
renderContent: () => React.JSX.Element;
|
|
21
23
|
};
|
|
22
|
-
declare const VText: <C extends TextCategory =
|
|
24
|
+
declare const VText: <C extends TextCategory = "p">(props: IVTextProps<C>) => React.JSX.Element;
|
|
23
25
|
export default VText;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ColorType } from '../../Engine';
|
|
2
|
+
import type { BorderRadiusType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
|
|
2
3
|
import { IBaseProps } from '../../Engine/Base';
|
|
3
|
-
type DefaultColors = ColorType
|
|
4
|
-
type DefaultFontSizes = FontSizeType
|
|
5
|
-
type DefaultFontWeights = FontWeightType
|
|
6
|
-
type DefaultBorderRadius = BorderRadiusType
|
|
7
|
-
type DefaultViewSizes = ViewSizeType
|
|
8
|
-
export interface ThemeVariables<C extends string = DefaultColors, FS extends string = DefaultFontSizes, FW extends string = DefaultFontWeights, FF extends string = FontFamilyType
|
|
4
|
+
type DefaultColors = Exclude<ColorType, 'transparent'>;
|
|
5
|
+
type DefaultFontSizes = FontSizeType;
|
|
6
|
+
type DefaultFontWeights = FontWeightType;
|
|
7
|
+
type DefaultBorderRadius = BorderRadiusType;
|
|
8
|
+
type DefaultViewSizes = ViewSizeType;
|
|
9
|
+
export interface ThemeVariables<C extends string = DefaultColors, FS extends string = DefaultFontSizes, FW extends string = DefaultFontWeights, FF extends string = FontFamilyType, BR extends string = DefaultBorderRadius, LH extends string = LineHeightType, LS extends string = LetterSpacingType, P extends string = PaddingType, VS extends string = DefaultViewSizes> {
|
|
9
10
|
colors: {
|
|
10
11
|
[key in C]: string;
|
|
11
12
|
};
|
|
@@ -34,10 +35,11 @@ export interface ThemeVariables<C extends string = DefaultColors, FS extends str
|
|
|
34
35
|
[key in VS]: string;
|
|
35
36
|
};
|
|
36
37
|
}
|
|
37
|
-
export declare
|
|
38
|
-
Global
|
|
39
|
-
Area
|
|
40
|
-
}
|
|
38
|
+
export declare const ThemeCategory: {
|
|
39
|
+
readonly Global: "global";
|
|
40
|
+
readonly Area: "area";
|
|
41
|
+
};
|
|
42
|
+
export type ThemeCategory = typeof ThemeCategory[keyof typeof ThemeCategory];
|
|
41
43
|
export interface IVThemeProps extends IBaseProps {
|
|
42
44
|
category?: ThemeCategory;
|
|
43
45
|
area?: string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { IBaseProps, IBaseStates } from '../../Engine/Base';
|
|
2
2
|
import { DockAlignment, DockCategory } from '../../Layout/Dock';
|
|
3
|
-
export declare
|
|
4
|
-
Hover
|
|
5
|
-
Click
|
|
6
|
-
}
|
|
3
|
+
export declare const TooltipCategory: {
|
|
4
|
+
readonly Hover: "hover";
|
|
5
|
+
readonly Click: "click";
|
|
6
|
+
};
|
|
7
|
+
export type TooltipCategory = typeof TooltipCategory[keyof typeof TooltipCategory];
|
|
7
8
|
export interface IVTooltipProps extends IBaseProps {
|
|
8
9
|
category?: TooltipCategory;
|
|
9
10
|
dockCategory: DockCategory;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export declare
|
|
3
|
-
Fluid
|
|
4
|
-
Small
|
|
5
|
-
Medium
|
|
6
|
-
Large
|
|
7
|
-
ExtraLarge
|
|
8
|
-
ExtraExtraLarge
|
|
9
|
-
}
|
|
2
|
+
export declare const ZoneCategory: {
|
|
3
|
+
readonly Fluid: "fluid";
|
|
4
|
+
readonly Small: "small";
|
|
5
|
+
readonly Medium: "medium";
|
|
6
|
+
readonly Large: "large";
|
|
7
|
+
readonly ExtraLarge: "extra-large";
|
|
8
|
+
readonly ExtraExtraLarge: "extra-extra-large";
|
|
9
|
+
};
|
|
10
|
+
export type ZoneCategory = typeof ZoneCategory[keyof typeof ZoneCategory];
|
|
10
11
|
export interface IVZoneProps extends IBaseProps {
|
|
11
12
|
category: ZoneCategory;
|
|
12
13
|
}
|
package/src/components/core.d.ts
CHANGED
|
@@ -105,16 +105,27 @@ export { default as VRectangle } from './View/VShape/VRectangle';
|
|
|
105
105
|
export { default as VShadow, ShadowCategory } from './View/VShadow';
|
|
106
106
|
export { default as VAnimation, AnimationCategory, AnimationDelay, AnimationRepeat, AnimationSpeed } from './View/VAnimation';
|
|
107
107
|
export { default as VAudio } from './View/VAudio';
|
|
108
|
+
export type { SourceItem } from './View/VAudio';
|
|
108
109
|
export { default as VVideo } from './View/VVideo';
|
|
109
110
|
export { default as VHeader } from './View/VHeader';
|
|
110
111
|
export { default as VMain } from './View/VMain';
|
|
111
112
|
export { default as VFooter } from './View/VFooter';
|
|
113
|
+
export { default as VAside } from './View/VAside';
|
|
114
|
+
export { default as VNav } from './View/VNav';
|
|
112
115
|
export { default as VHR } from './View/VHR';
|
|
113
116
|
export { default as VSection } from './View/VSection';
|
|
114
117
|
export { default as VMask } from './View/VMask';
|
|
115
118
|
export { default as VFrame } from './View/VFrame';
|
|
116
|
-
export { default as VTheme, ThemeCategory
|
|
119
|
+
export { default as VTheme, ThemeCategory } from './View/VTheme';
|
|
120
|
+
export type { ThemeVariables } from './View/VTheme';
|
|
117
121
|
export { default as VTooltip, TooltipCategory } from './View/VTooltip';
|
|
118
122
|
export { default as VLoading } from './View/VLoading';
|
|
119
123
|
export { default as VErrorBoundary } from './View/VErrorBoundary';
|
|
124
|
+
export { default as VBadge } from './View/VBadge';
|
|
125
|
+
export type { IVBadgeProps } from './View/VBadge';
|
|
126
|
+
export { default as VTemplate } from './View/VTemplate';
|
|
127
|
+
export type { IVTemplateProps } from './View/VTemplate';
|
|
128
|
+
export { default as VMount } from './View/VMount';
|
|
129
|
+
export { RootCategory } from './View/VRoot';
|
|
130
|
+
export { PseudoType, DirectionType, getWeightValue } from './Engine';
|
|
120
131
|
export { convertFormDataToJson } from './util';
|
package/src/components/web.d.ts
CHANGED
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
export * from './core';
|
|
2
2
|
export { default as Debug } from './Debug';
|
|
3
|
+
export type { IDebugProps } from './Debug';
|
|
3
4
|
export { default as VChromeExtensionValidator, ExtensionStatus } from './View/VChromeExtensionValidator';
|
|
4
5
|
export { default as VGoogleFont, GoogleFontType } from './View/VGoogleFont';
|
|
5
6
|
export type { IGoogleTypeface, IGoogleFont } from './View/VGoogleFont';
|
|
6
7
|
export { default as GoogleGrant, GoogleGrantCategory, GoogleGrantUXMode } from './Auth/GoogleGrant';
|
|
7
8
|
export type { GoogleGrantCode, GoogleGrantToken } from './Auth/GoogleGrant';
|
|
8
9
|
export { default as FigmaSignin } from './Auth/FigmaSignin';
|
|
10
|
+
export type { IFigmaSigninProps } from './Auth/FigmaSignin';
|
|
9
11
|
export { default as GoogleSignin, GoogleSigninUXMode } from './Auth/GoogleSignin';
|
|
12
|
+
export type { IGoogleSigninProps } from './Auth/GoogleSignin';
|
|
10
13
|
export { default as WeComSignin } from './Auth/WeComSignin';
|
|
14
|
+
export type { IWeComSigninProps } from './Auth/WeComSignin';
|
|
11
15
|
export { parseJWT } from './Auth/util';
|
|
12
16
|
export type { IUserProfile } from './Auth/util';
|