@fewbox/den-web 0.0.106 → 0.1.1
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/index.js +1 -1
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Auth/FigmaSignin/index.d.ts +2 -2
- package/src/components/Auth/GoogleGrant/index.d.ts +2 -2
- package/src/components/Auth/WeComSignin/index.d.ts +2 -2
- package/src/components/Debug/index.d.ts +2 -2
- package/src/components/Engine/Base/NativeAttributeMap.d.ts +2 -0
- package/src/components/Engine/Base/index.d.ts +9 -179
- package/src/components/Engine/BaseComponent/index.d.ts +4 -4
- package/src/components/Engine/index.d.ts +3 -3
- package/src/components/Layout/Display/index.d.ts +2 -2
- package/src/components/Layout/Dock/index.d.ts +2 -3
- package/src/components/Layout/DockBak/index.d.ts +2 -3
- package/src/components/Layout/Flex/index.d.ts +2 -1
- package/src/components/Layout/FlexItem/index.d.ts +1 -1
- package/src/components/Layout/Position/index.d.ts +2 -3
- package/src/components/Layout/PositionArea/index.d.ts +2 -2
- package/src/components/Layout/SBaseline/index.d.ts +2 -2
- package/src/components/Layout/SBottom/index.d.ts +2 -2
- package/src/components/Layout/SCenter/index.d.ts +2 -2
- package/src/components/Layout/SLeft/index.d.ts +2 -2
- package/src/components/Layout/SMiddle/index.d.ts +2 -2
- package/src/components/Layout/SRight/index.d.ts +2 -2
- package/src/components/Layout/SStretch/index.d.ts +2 -2
- package/src/components/Layout/STop/index.d.ts +2 -2
- package/src/components/Layout/XBase/index.d.ts +0 -2
- package/src/components/View/VActionForm/index.d.ts +2 -5
- package/src/components/View/VAnimation/index.d.ts +2 -2
- package/src/components/View/VAudio/index.d.ts +1 -1
- package/src/components/View/VBlock/index.d.ts +2 -2
- package/src/components/View/VBoundary/index.d.ts +1 -3
- package/src/components/View/VButton/index.d.ts +0 -2
- package/src/components/View/VCardSocial/index.d.ts +1 -1
- package/src/components/View/VFooter/index.d.ts +1 -1
- package/src/components/View/VForm/index.d.ts +2 -2
- package/src/components/View/VFrame/index.d.ts +0 -2
- package/src/components/View/VHR/index.d.ts +1 -1
- package/src/components/View/VHeader/index.d.ts +1 -1
- package/src/components/View/VHyperlink/index.d.ts +1 -1
- package/src/components/View/VImage/App/index.d.ts +1 -4
- package/src/components/View/VInput/VDropdown/index.d.ts +3 -4
- package/src/components/View/VInput/VFile/index.d.ts +5 -6
- package/src/components/View/VInput/VGroup/index.d.ts +0 -1
- package/src/components/View/VInput/VHidden/index.d.ts +1 -2
- package/src/components/View/VInput/VSubmitWrapper/index.d.ts +1 -1
- package/src/components/View/VInput/VTextBox/index.d.ts +1 -2
- package/src/components/View/VInput/index.d.ts +4 -6
- package/src/components/View/VLabel/index.d.ts +5 -9
- package/src/components/View/VLink/App/index.d.ts +2 -2
- package/src/components/View/VLoading/index.d.ts +2 -2
- package/src/components/View/VMain/index.d.ts +1 -1
- package/src/components/View/VRoot/index.d.ts +2 -4
- package/src/components/View/VSection/index.d.ts +1 -1
- package/src/components/View/VSelect/index.d.ts +1 -1
- package/src/components/View/VSvg/index.d.ts +0 -1
- package/src/components/View/VTemplate/index.d.ts +1 -1
- package/src/components/View/VText/index.d.ts +6 -5
- package/src/components/View/VTextArea/index.d.ts +2 -5
- package/src/components/View/VTheme/index.d.ts +4 -5
- package/src/components/View/VTooltip/index.d.ts +1 -1
- package/src/components/View/VVideo/index.d.ts +1 -1
- package/src/components/web.d.ts +2 -5
- package/templates/FEWBOX.md +4 -4
- package/src/components/Analyze/GA4NextJS/index.d.ts +0 -5
- package/src/components/Analyze/util.d.ts +0 -115
- package/src/components/View/VPaypal/index.d.ts +0 -10
- package/src/components/View/VPureRoot/index.d.ts +0 -7
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IBaseProps } from "../../../Engine/Base";
|
|
2
2
|
import { InputExtensionItem } from "..";
|
|
3
3
|
export interface IDropdownItemData {
|
|
4
4
|
icon?: JSX.Element;
|
|
5
5
|
caption: string;
|
|
6
6
|
value: string;
|
|
7
7
|
}
|
|
8
|
-
export interface IVDropdownProps extends
|
|
9
|
-
id?: string;
|
|
8
|
+
export interface IVDropdownProps extends IBaseProps {
|
|
10
9
|
value?: string | ReadonlyArray<string> | number | undefined;
|
|
11
10
|
name?: string;
|
|
12
11
|
icon?: JSX.Element;
|
|
@@ -18,7 +17,7 @@ export interface IVDropdownProps extends IViewProps {
|
|
|
18
17
|
items: IDropdownItemData[];
|
|
19
18
|
extensions?: InputExtensionItem[];
|
|
20
19
|
overWriteDropdownItem?: (item: IDropdownItemData) => JSX.Element;
|
|
21
|
-
|
|
20
|
+
handleChange?: (value: string) => void;
|
|
22
21
|
}
|
|
23
22
|
export interface IVDropdownStates {
|
|
24
23
|
isSelectionShow: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IBaseInputProps } from "..";
|
|
2
|
-
import { ColorType,
|
|
2
|
+
import { ColorType, FontSizeType } from "../../../Engine";
|
|
3
3
|
export declare enum FileCategory {
|
|
4
4
|
Vertical = "Vertical",
|
|
5
5
|
Horizontal = "Horizontal"
|
|
@@ -13,15 +13,14 @@ export interface IVFileProps extends IBaseInputProps {
|
|
|
13
13
|
fileIcon: JSX.Element;
|
|
14
14
|
caption?: JSX.Element | string;
|
|
15
15
|
emptyMessage: string;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
renderLoading?: () => JSX.Element;
|
|
19
|
-
loadingSize?: SizeType;
|
|
20
|
-
loadingColor?: ColorType;
|
|
16
|
+
loaderSize?: FontSizeType;
|
|
17
|
+
loaderColor?: ColorType;
|
|
21
18
|
isMultiple?: boolean;
|
|
22
19
|
accept?: string;
|
|
23
20
|
previewImageWidth?: number;
|
|
24
21
|
textLength?: number;
|
|
22
|
+
autoUpload?: (files: File[], complete: () => void) => void;
|
|
23
|
+
renderLoader?: () => JSX.Element;
|
|
25
24
|
}
|
|
26
25
|
export interface IVFileStates {
|
|
27
26
|
isLoading: boolean;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import { IBaseInputProps } from "..";
|
|
3
2
|
export interface IVHiddenProps extends IBaseInputProps {
|
|
4
3
|
id?: string;
|
|
5
4
|
name: string | undefined;
|
|
6
5
|
value?: string | ReadonlyArray<string> | number | undefined;
|
|
7
6
|
}
|
|
8
|
-
declare const VHidden:
|
|
7
|
+
declare const VHidden: import("react").ForwardRefExoticComponent<IVHiddenProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
8
|
export default VHidden;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import { IBaseInputProps } from "..";
|
|
3
2
|
export interface IVTextBoxProps extends IBaseInputProps {
|
|
4
3
|
enableClear?: boolean;
|
|
5
4
|
isFocus?: boolean;
|
|
6
5
|
}
|
|
7
|
-
declare const VTextBox:
|
|
6
|
+
declare const VTextBox: import("react").ForwardRefExoticComponent<IVTextBoxProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
7
|
export default VTextBox;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
1
|
import { IBaseProps, TLength } from "../../Engine/Base";
|
|
3
|
-
import { ColorType,
|
|
2
|
+
import { ColorType, FontSizeType } from "../../Engine";
|
|
4
3
|
import { LabelCategory } from "../VLabel";
|
|
5
4
|
import { Property } from 'csstype';
|
|
6
5
|
export interface InputExtensionItem {
|
|
7
6
|
option: JSX.Element;
|
|
8
7
|
handleOption: (input: any) => void;
|
|
9
8
|
}
|
|
10
|
-
export interface IBaseInputProps extends IBaseProps {
|
|
9
|
+
export interface IBaseInputProps extends IBaseProps<'input'> {
|
|
11
10
|
type?: React.HTMLInputTypeAttribute | undefined;
|
|
12
11
|
icon?: JSX.Element;
|
|
13
12
|
extensions?: InputExtensionItem[];
|
|
@@ -18,13 +17,12 @@ export interface IBaseInputProps extends IBaseProps {
|
|
|
18
17
|
valueHook?: string;
|
|
19
18
|
setStateHook?: (value: string) => void;
|
|
20
19
|
placeholder?: string | undefined;
|
|
21
|
-
onChange?: React.ChangeEventHandler<any> | undefined;
|
|
22
20
|
isValueShow?: boolean;
|
|
23
21
|
isReadonly?: boolean;
|
|
24
22
|
min?: number;
|
|
25
23
|
max?: number;
|
|
26
24
|
step?: number;
|
|
27
|
-
valueSize?:
|
|
25
|
+
valueSize?: FontSizeType;
|
|
28
26
|
valueColor?: ColorType;
|
|
29
27
|
valueCategory?: LabelCategory;
|
|
30
28
|
valuePadding?: Property.Padding<TLength>;
|
|
@@ -43,5 +41,5 @@ export interface IVInputProps extends IBaseInputProps {
|
|
|
43
41
|
export interface IVInputStates {
|
|
44
42
|
value?: string | ReadonlyArray<string> | number | undefined;
|
|
45
43
|
}
|
|
46
|
-
declare const VInput:
|
|
44
|
+
declare const VInput: import("react").ForwardRefExoticComponent<IVInputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
47
45
|
export default VInput;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
3
2
|
export declare enum LabelCategory {
|
|
4
3
|
Div = "div",
|
|
@@ -35,6 +34,7 @@ export declare enum LabelCategory {
|
|
|
35
34
|
Var = "var",
|
|
36
35
|
Wbr = "wbr"
|
|
37
36
|
}
|
|
37
|
+
type ElementOf<C extends LabelCategory> = C;
|
|
38
38
|
export declare enum LabelType {
|
|
39
39
|
Default = "default",
|
|
40
40
|
Circle = "circle"
|
|
@@ -45,16 +45,12 @@ export declare enum LabelAlignType {
|
|
|
45
45
|
Right = 2,
|
|
46
46
|
Center = 3
|
|
47
47
|
}
|
|
48
|
-
export
|
|
49
|
-
category?:
|
|
48
|
+
export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
|
|
49
|
+
category?: C;
|
|
50
50
|
type?: LabelType;
|
|
51
51
|
alignType?: LabelAlignType;
|
|
52
|
-
title?: string;
|
|
53
|
-
cite?: string;
|
|
54
52
|
isTextOverflow?: boolean;
|
|
55
53
|
caption: string | JSX.Element;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
declare const VLabel: (props: IVLabelProps) => JSX.Element;
|
|
54
|
+
};
|
|
55
|
+
declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => JSX.Element;
|
|
60
56
|
export default VLabel;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export interface IVLinkProps extends
|
|
1
|
+
import { IBaseProps } from '../../../Engine/Base';
|
|
2
|
+
export interface IVLinkProps extends IBaseProps {
|
|
3
3
|
to: string;
|
|
4
4
|
}
|
|
5
5
|
declare const VLink: (props: IVLinkProps) => JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
2
2
|
import { AnimationCategory, AnimationSpeed } from '../VAnimation';
|
|
3
|
-
export interface ILoadingProps extends
|
|
3
|
+
export interface ILoadingProps extends IBaseProps {
|
|
4
4
|
animationCategory?: AnimationCategory;
|
|
5
5
|
animationSpeed?: AnimationSpeed;
|
|
6
6
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
3
|
-
export interface IVRootProps extends IBaseProps {
|
|
2
|
+
export interface IVRootProps extends IBaseProps<any> {
|
|
4
3
|
vClassName: string;
|
|
5
|
-
id?: string;
|
|
6
4
|
}
|
|
7
|
-
declare const VRoot:
|
|
5
|
+
declare const VRoot: import("react").ForwardRefExoticComponent<Omit<IVRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
6
|
export default VRoot;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IBaseProps } from '../../Engine/Base';
|
|
2
|
-
export interface IVTemplateProps extends IBaseProps {
|
|
2
|
+
export interface IVTemplateProps extends IBaseProps<'template'> {
|
|
3
3
|
}
|
|
4
4
|
declare const VTemplate: (props: IVTemplateProps) => JSX.Element;
|
|
5
5
|
export default VTemplate;
|
|
@@ -7,16 +7,17 @@ export declare enum TextCategory {
|
|
|
7
7
|
Details = "details",
|
|
8
8
|
Section = "section"
|
|
9
9
|
}
|
|
10
|
+
type ElementOf<C extends TextCategory> = C;
|
|
10
11
|
export declare enum TextAlignType {
|
|
11
12
|
Justify = 0,
|
|
12
13
|
Left = 1,
|
|
13
14
|
Right = 2,
|
|
14
15
|
Center = 3
|
|
15
16
|
}
|
|
16
|
-
export
|
|
17
|
-
category?:
|
|
17
|
+
export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
|
|
18
|
+
category?: C;
|
|
18
19
|
alignType?: TextAlignType;
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
declare const VText: (props: IVTextProps) => JSX.Element;
|
|
20
|
+
body: string | number | undefined | JSX.Element;
|
|
21
|
+
};
|
|
22
|
+
declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => JSX.Element;
|
|
22
23
|
export default VText;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { IBaseProps, IBaseStates } from '../../Engine/Base';
|
|
3
|
-
export interface IVTextAreaProps extends IBaseProps {
|
|
4
|
-
id?: string;
|
|
5
|
-
name?: string;
|
|
2
|
+
export interface IVTextAreaProps extends IBaseProps<'textarea'> {
|
|
6
3
|
icon?: JSX.Element;
|
|
7
4
|
placeholder?: string;
|
|
8
5
|
isRequired?: boolean;
|
|
@@ -14,5 +11,5 @@ export interface IVTextAreaProps extends IBaseProps {
|
|
|
14
11
|
export interface IVTextAreaStates extends IBaseStates {
|
|
15
12
|
value?: string | ReadonlyArray<string> | number | undefined;
|
|
16
13
|
}
|
|
17
|
-
declare const VTextArea:
|
|
14
|
+
declare const VTextArea: import("react").ForwardRefExoticComponent<IVTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
18
15
|
export default VTextArea;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import { IChildrenProps } from '../../Engine/Base';
|
|
1
|
+
import { BorderRadiusType, ColorType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
|
|
2
|
+
import { IBaseProps } from '../../Engine/Base';
|
|
4
3
|
export interface Theme<C extends string, FS extends string, FW extends string, FF extends string, BR extends string, LH extends string, LS extends string, P extends string, VS extends string> {
|
|
5
4
|
colors: {
|
|
6
5
|
[key in C]: string;
|
|
@@ -34,10 +33,10 @@ export declare enum ThemeCategory {
|
|
|
34
33
|
Global = "global",
|
|
35
34
|
Area = "area"
|
|
36
35
|
}
|
|
37
|
-
export interface IVThemeProps extends
|
|
36
|
+
export interface IVThemeProps extends IBaseProps {
|
|
38
37
|
category?: ThemeCategory;
|
|
39
38
|
area?: string;
|
|
40
|
-
theme: Theme<ColorType.Font | ColorType.Body | ColorType.White | ColorType.Black | ColorType.Light | ColorType.Light75 | ColorType.Light50 | ColorType.Light25 | ColorType.Dark | ColorType.Dark75 | ColorType.Dark50 | ColorType.Dark25 | ColorType.Primary | ColorType.Primary75 | ColorType.Primary50 | ColorType.Primary25 | ColorType.Secondary | ColorType.Secondary75 | ColorType.Secondary50 | ColorType.Secondary25 | ColorType.Tertiary | ColorType.Tertiary75 | ColorType.Tertiary50 | ColorType.Tertiary25 | ColorType.Info | ColorType.Info75 | ColorType.Info50 | ColorType.Info25 | ColorType.Success | ColorType.Success75 | ColorType.Success50 | ColorType.Success25 | ColorType.Warning | ColorType.Warning75 | ColorType.Warning50 | ColorType.Warning25 | ColorType.Error | ColorType.Error75 | ColorType.Error50 | ColorType.Error25 | ColorType.Border | ColorType.Border75 | ColorType.Border50 | ColorType.Border25 | ColorType.Placeholder | ColorType.Placeholder75 | ColorType.Placeholder50 | ColorType.Placeholder25,
|
|
39
|
+
theme: Theme<ColorType.Font | ColorType.Body | ColorType.White | ColorType.Black | ColorType.Light | ColorType.Light75 | ColorType.Light50 | ColorType.Light25 | ColorType.Dark | ColorType.Dark75 | ColorType.Dark50 | ColorType.Dark25 | ColorType.Primary | ColorType.Primary75 | ColorType.Primary50 | ColorType.Primary25 | ColorType.Secondary | ColorType.Secondary75 | ColorType.Secondary50 | ColorType.Secondary25 | ColorType.Tertiary | ColorType.Tertiary75 | ColorType.Tertiary50 | ColorType.Tertiary25 | ColorType.Info | ColorType.Info75 | ColorType.Info50 | ColorType.Info25 | ColorType.Success | ColorType.Success75 | ColorType.Success50 | ColorType.Success25 | ColorType.Warning | ColorType.Warning75 | ColorType.Warning50 | ColorType.Warning25 | ColorType.Error | ColorType.Error75 | ColorType.Error50 | ColorType.Error25 | ColorType.Border | ColorType.Border75 | ColorType.Border50 | ColorType.Border25 | ColorType.Placeholder | ColorType.Placeholder75 | ColorType.Placeholder50 | ColorType.Placeholder25, FontSizeType.AutoExtraLarge | FontSizeType.AutoExtraSmall | FontSizeType.AutoLarge | FontSizeType.AutoNormal | FontSizeType.AutoSmall | FontSizeType.Default | FontSizeType.ExtraLarge | FontSizeType.ExtraSmall | FontSizeType.Large | FontSizeType.Normal | FontSizeType.Small, FontWeightType.Black | FontWeightType.Bold | FontWeightType.ExtraBold | FontWeightType.ExtraLight | FontWeightType.Light | FontWeightType.Medium | FontWeightType.Regular | FontWeightType.SemiBold | FontWeightType.Thin, FontFamilyType.Default, BorderRadiusType.Default | BorderRadiusType.Fixed | BorderRadiusType.Max, LineHeightType.Default, LetterSpacingType.Default, PaddingType.Default, ViewSizeType.Ellipse | ViewSizeType.Image | ViewSizeType.Rectangle | ViewSizeType.Svg | ViewSizeType.Window>;
|
|
41
40
|
}
|
|
42
41
|
declare const VTheme: React.FC<IVThemeProps>;
|
|
43
42
|
export default VTheme;
|
|
@@ -11,7 +11,7 @@ export interface IVTooltipProps extends IBaseProps {
|
|
|
11
11
|
caption: string | JSX.Element;
|
|
12
12
|
textFrontColor: ColorType;
|
|
13
13
|
textBackgroundColor: ColorType;
|
|
14
|
-
|
|
14
|
+
overlay?: JSX.Element;
|
|
15
15
|
}
|
|
16
16
|
export interface IVTooltipStates extends IBaseStates {
|
|
17
17
|
isShow: boolean;
|
|
@@ -3,7 +3,7 @@ export interface SourceItem {
|
|
|
3
3
|
src: string;
|
|
4
4
|
type: string;
|
|
5
5
|
}
|
|
6
|
-
export interface IVVideoProps extends IBaseProps {
|
|
6
|
+
export interface IVVideoProps extends IBaseProps<'video'> {
|
|
7
7
|
sources: SourceItem[];
|
|
8
8
|
}
|
|
9
9
|
declare const VVideo: (props: IVVideoProps) => JSX.Element;
|
package/src/components/web.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
export { RootCategory } from './Engine/Base';
|
|
2
1
|
export { default as Debug } from './Debug';
|
|
3
2
|
export { BreakpointType } from './Layout';
|
|
4
3
|
export { default as VZone, ZoneCategory } from './View/VZone';
|
|
5
4
|
export { default as Display, DisplayCategory, DisplayType } from './Layout/Display';
|
|
6
5
|
export { default as Responsive } from './Layout/Responsive';
|
|
7
|
-
export { SizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, ComponentType, getGeneratedClassName } from './Engine';
|
|
6
|
+
export { FontSizeType as SizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, ComponentType, getGeneratedClassName } from './Engine';
|
|
8
7
|
export { default as Dock, DockCategory } from './Layout/Dock';
|
|
9
8
|
export { default as Position, PositionCategory, PositionType } from './Layout/Position';
|
|
10
9
|
export { default as PositionArea, PositionAreaCategory } from './Layout/PositionArea';
|
|
@@ -62,7 +61,7 @@ export { default as YWrapAround } from './Layout/YWrapAround';
|
|
|
62
61
|
export { default as YWrapBetween } from './Layout/YWrapBetween';
|
|
63
62
|
export { default as YWrapEvenly } from './Layout/YWrapEvenly';
|
|
64
63
|
export { YCrossType } from './Layout/YBase';
|
|
65
|
-
export { default as Base, IBaseProps, IBaseStates,
|
|
64
|
+
export { default as Base, IBaseProps, IBaseStates, IBaseReturn } from './Engine/Base';
|
|
66
65
|
export { default as VBackground, BackgroundPositionType } from './View/VBackground';
|
|
67
66
|
export { default as VForm, HandleSubmitCategory } from './View/VForm';
|
|
68
67
|
export { default as VActionForm } from './View/VActionForm';
|
|
@@ -112,11 +111,9 @@ export { default as VMain } from './View/VMain';
|
|
|
112
111
|
export { default as VSection } from './View/VSection';
|
|
113
112
|
export { default as VMask } from './View/VMask';
|
|
114
113
|
export { default as VFrame } from './View/VFrame';
|
|
115
|
-
export { default as GA4NextJS } from './Analyze/GA4NextJS';
|
|
116
114
|
export { default as GoogleGrant, GoogleGrantCategory, GoogleGrantUXMode, GoogleGrantCode, GoogleGrantToken } from './Auth/GoogleGrant';
|
|
117
115
|
export { default as FigmaSignin } from './Auth/FigmaSignin';
|
|
118
116
|
export { default as GoogleSignin, GoogleSigninUXMode } from './Auth/GoogleSignin';
|
|
119
117
|
export { default as WeComSignin } from './Auth/WeComSignin';
|
|
120
118
|
export { IUserProfile, parseJWT } from './Auth/util';
|
|
121
|
-
export { ga4NextJSScope, ga4NextJSEvent, ga4NextJSInit, ga4NextJSPageview, ga4NextJSSetFieldsObject, IGAEvent, IGA4Options, ICustomGA4Options, IGAOptions, ICustomGAOptions, IGTagOptions, ICustomGTagOptions, IGFieldsObject, GAEventTransportType } from './Analyze/util';
|
|
122
119
|
export { convertFormDataToJson } from './util';
|
package/templates/FEWBOX.md
CHANGED
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
## 1. Init
|
|
3
3
|
```shell
|
|
4
4
|
yarn add sass -D
|
|
5
|
-
yarn add @paypal/react-paypal-js
|
|
6
5
|
yarn add jwt-decode
|
|
7
|
-
yarn add react-ga4
|
|
8
6
|
yarn add react-intl
|
|
9
7
|
|
|
10
8
|
```
|
|
@@ -28,7 +26,7 @@ import { Den } from '@fewbox/den'; // @fewbox/den-web @fewbox/den-lite
|
|
|
28
26
|
## 4. Custom Component
|
|
29
27
|
```tsx
|
|
30
28
|
// Class Component
|
|
31
|
-
|
|
29
|
+
|
|
32
30
|
import { Den } from '@fewbox/den';
|
|
33
31
|
import './index.scss';
|
|
34
32
|
|
|
@@ -47,7 +45,7 @@ export default class ClassComponent extends Den.Components.BaseComponent<IClassC
|
|
|
47
45
|
}
|
|
48
46
|
}
|
|
49
47
|
// Function Component
|
|
50
|
-
|
|
48
|
+
|
|
51
49
|
import { Den } from '@fewbox/den';
|
|
52
50
|
import './index.scss';
|
|
53
51
|
|
|
@@ -61,6 +59,8 @@ export interface IFunctionComponentStates extends Den.Interface.IBaseStates {
|
|
|
61
59
|
|
|
62
60
|
const FunctionComponent = (props: IFunctionComponentProps) => {
|
|
63
61
|
const _base = Den.Components.Base(props);
|
|
62
|
+
_base.getNativeProps(); // Native: div, span, input...
|
|
63
|
+
_base.getViewProps(); // View: VRoot, VLabel...
|
|
64
64
|
const [state, setState] = React.useState<IFunctionComponentStates>({ isSelected: props.isSelected });
|
|
65
65
|
return (
|
|
66
66
|
<div className={_base.getClassName(`function-component${state.isSelected ? ' selected' : ''}`)} style={_base.getStyle()} onClick={() => { setState({ ...state, isSelected: !state.isSelected }); }}>
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
export declare const ga4Scope: (callback: () => void) => void;
|
|
2
|
-
export declare const ga4NextJSScope: (GA4: any, callback: () => void) => void;
|
|
3
|
-
export interface ICustomGA4Options {
|
|
4
|
-
[key: string]: any;
|
|
5
|
-
}
|
|
6
|
-
export interface IGA4Options {
|
|
7
|
-
userId?: string;
|
|
8
|
-
app?: string;
|
|
9
|
-
version?: string;
|
|
10
|
-
cookieExpires?: number;
|
|
11
|
-
cookieDomain?: string;
|
|
12
|
-
cookieFlags?: string;
|
|
13
|
-
clientId?: string;
|
|
14
|
-
anonymizeIp?: boolean;
|
|
15
|
-
contentGroup1?: string;
|
|
16
|
-
contentGroup2?: string;
|
|
17
|
-
contentGroup3?: string;
|
|
18
|
-
contentGroup4?: string;
|
|
19
|
-
contentGroup5?: string;
|
|
20
|
-
allowAdFeatures?: boolean;
|
|
21
|
-
allowAdPersonalizationSignals?: boolean;
|
|
22
|
-
nonInteraction?: boolean;
|
|
23
|
-
page?: string;
|
|
24
|
-
}
|
|
25
|
-
export interface ICustomGAOptions {
|
|
26
|
-
[key: string]: any;
|
|
27
|
-
}
|
|
28
|
-
export interface IGAOptions {
|
|
29
|
-
name?: string;
|
|
30
|
-
clientId?: string;
|
|
31
|
-
sampleRate?: number;
|
|
32
|
-
siteSpeedSampleRate?: number;
|
|
33
|
-
alwaysSendReferrer?: boolean;
|
|
34
|
-
allowAnchor?: boolean;
|
|
35
|
-
cookieName?: string;
|
|
36
|
-
cookieDomain?: string;
|
|
37
|
-
cookieExpires?: number;
|
|
38
|
-
cookieUpdate?: boolean;
|
|
39
|
-
legacyCookieDomain?: string;
|
|
40
|
-
legacyHistoryImport?: boolean;
|
|
41
|
-
allowLinker?: boolean;
|
|
42
|
-
userId?: string;
|
|
43
|
-
storage?: string;
|
|
44
|
-
storeGac?: boolean;
|
|
45
|
-
cookieFlags?: string;
|
|
46
|
-
}
|
|
47
|
-
export interface ICustomGTagOptions {
|
|
48
|
-
[key: string]: any;
|
|
49
|
-
}
|
|
50
|
-
export interface IGTagOptions {
|
|
51
|
-
}
|
|
52
|
-
export declare const ga4Init: (trackingId: string, isDebugMode?: boolean, gaOptions?: IGA4Options | ICustomGA4Options, gTagOptions?: IGTagOptions | ICustomGTagOptions) => void;
|
|
53
|
-
export declare const ga4NextJSInit: (GA4: any, trackingId: string, isDebugMode?: boolean, gaOptions?: IGA4Options | ICustomGA4Options, gTagOptions?: IGTagOptions | ICustomGTagOptions) => void;
|
|
54
|
-
export interface IGFieldsObject {
|
|
55
|
-
[key: string]: any;
|
|
56
|
-
}
|
|
57
|
-
export declare const ga4SetFieldsObject: (fieldsObject: IGFieldsObject, isDebugMode?: boolean) => void;
|
|
58
|
-
export declare const ga4NextJSSetFieldsObject: (GA4: any, fieldsObject: IGFieldsObject, isDebugMode?: boolean) => void;
|
|
59
|
-
export declare const ga4Pageview: (path: string, isDebugMode?: boolean) => void;
|
|
60
|
-
export declare const ga4NextJSPageview: (GA4: any, path: string, isDebugMode?: boolean) => void;
|
|
61
|
-
export declare enum GAEventTransportType {
|
|
62
|
-
Beacon = "beacon",
|
|
63
|
-
Xhr = "xhr",
|
|
64
|
-
Image = "image"
|
|
65
|
-
}
|
|
66
|
-
export interface IGAEvent {
|
|
67
|
-
category: string;
|
|
68
|
-
action: string;
|
|
69
|
-
label?: string;
|
|
70
|
-
value?: number;
|
|
71
|
-
nonInteraction?: boolean;
|
|
72
|
-
transport?: GAEventTransportType;
|
|
73
|
-
dimension1?: string;
|
|
74
|
-
dimension2?: string;
|
|
75
|
-
dimension3?: string;
|
|
76
|
-
dimension4?: string;
|
|
77
|
-
dimension5?: string;
|
|
78
|
-
dimension6?: string;
|
|
79
|
-
dimension7?: string;
|
|
80
|
-
dimension8?: string;
|
|
81
|
-
dimension9?: string;
|
|
82
|
-
dimension10?: string;
|
|
83
|
-
dimension11?: string;
|
|
84
|
-
dimension12?: string;
|
|
85
|
-
dimension13?: string;
|
|
86
|
-
dimension14?: string;
|
|
87
|
-
dimension15?: string;
|
|
88
|
-
dimension16?: string;
|
|
89
|
-
dimension17?: string;
|
|
90
|
-
dimension18?: string;
|
|
91
|
-
dimension19?: string;
|
|
92
|
-
dimension20?: string;
|
|
93
|
-
metric1?: number;
|
|
94
|
-
metric2?: number;
|
|
95
|
-
metric3?: number;
|
|
96
|
-
metric4?: number;
|
|
97
|
-
metric5?: number;
|
|
98
|
-
metric6?: number;
|
|
99
|
-
metric7?: number;
|
|
100
|
-
metric8?: number;
|
|
101
|
-
metric9?: number;
|
|
102
|
-
metric10?: number;
|
|
103
|
-
metric11?: number;
|
|
104
|
-
metric12?: number;
|
|
105
|
-
metric13?: number;
|
|
106
|
-
metric14?: number;
|
|
107
|
-
metric15?: number;
|
|
108
|
-
metric16?: number;
|
|
109
|
-
metric17?: number;
|
|
110
|
-
metric18?: number;
|
|
111
|
-
metric19?: number;
|
|
112
|
-
metric20?: number;
|
|
113
|
-
}
|
|
114
|
-
export declare const ga4Event: (gaEvent: IGAEvent, isDebugMode?: boolean) => void;
|
|
115
|
-
export declare const ga4NextJSEvent: (GA4: any, gaEvent: IGAEvent, isDebugMode?: boolean) => void;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactPayPalScriptOptions } from '@paypal/react-paypal-js';
|
|
2
|
-
import type { PayPalButtonsComponentOptions } from "@paypal/paypal-js/types/components/buttons";
|
|
3
|
-
export interface IVPaypalProps {
|
|
4
|
-
options: ReactPayPalScriptOptions;
|
|
5
|
-
buttonOptions?: PayPalButtonsComponentOptions;
|
|
6
|
-
}
|
|
7
|
-
export interface IVPaypalStates {
|
|
8
|
-
}
|
|
9
|
-
declare const VPaypal: (props: IVPaypalProps) => JSX.Element;
|
|
10
|
-
export default VPaypal;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { IViewProps, IChildrenProps } from '../../Engine/Base';
|
|
2
|
-
export interface IVPureRootProps extends IViewProps, IChildrenProps {
|
|
3
|
-
vClassName: string;
|
|
4
|
-
id?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const VPureRoot: (props: IVPureRootProps) => JSX.Element;
|
|
7
|
-
export default VPureRoot;
|