@fewbox/den-web 0.0.106 → 0.1.2

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 (68) hide show
  1. package/index.js +1 -1
  2. package/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/components/Auth/FigmaSignin/index.d.ts +2 -2
  5. package/src/components/Auth/GoogleGrant/index.d.ts +2 -2
  6. package/src/components/Auth/WeComSignin/index.d.ts +2 -2
  7. package/src/components/Debug/index.d.ts +2 -2
  8. package/src/components/Engine/Base/NativeAttributeMap.d.ts +2 -0
  9. package/src/components/Engine/Base/index.d.ts +9 -179
  10. package/src/components/Engine/BaseComponent/index.d.ts +4 -4
  11. package/src/components/Engine/index.d.ts +3 -3
  12. package/src/components/Layout/Display/index.d.ts +2 -2
  13. package/src/components/Layout/Dock/index.d.ts +2 -3
  14. package/src/components/Layout/DockBak/index.d.ts +2 -3
  15. package/src/components/Layout/Flex/index.d.ts +2 -1
  16. package/src/components/Layout/FlexItem/index.d.ts +1 -1
  17. package/src/components/Layout/Position/index.d.ts +2 -3
  18. package/src/components/Layout/PositionArea/index.d.ts +2 -2
  19. package/src/components/Layout/SBaseline/index.d.ts +2 -2
  20. package/src/components/Layout/SBottom/index.d.ts +2 -2
  21. package/src/components/Layout/SCenter/index.d.ts +2 -2
  22. package/src/components/Layout/SLeft/index.d.ts +2 -2
  23. package/src/components/Layout/SMiddle/index.d.ts +2 -2
  24. package/src/components/Layout/SRight/index.d.ts +2 -2
  25. package/src/components/Layout/SStretch/index.d.ts +2 -2
  26. package/src/components/Layout/STop/index.d.ts +2 -2
  27. package/src/components/Layout/XBase/index.d.ts +0 -2
  28. package/src/components/View/VActionForm/index.d.ts +2 -5
  29. package/src/components/View/VAnimation/index.d.ts +2 -2
  30. package/src/components/View/VAudio/index.d.ts +1 -1
  31. package/src/components/View/VBlock/index.d.ts +2 -2
  32. package/src/components/View/VBoundary/index.d.ts +1 -3
  33. package/src/components/View/VButton/index.d.ts +0 -2
  34. package/src/components/View/VCardSocial/index.d.ts +1 -1
  35. package/src/components/View/VFooter/index.d.ts +1 -1
  36. package/src/components/View/VForm/index.d.ts +2 -2
  37. package/src/components/View/VFrame/index.d.ts +0 -2
  38. package/src/components/View/VHR/index.d.ts +1 -1
  39. package/src/components/View/VHeader/index.d.ts +1 -1
  40. package/src/components/View/VHyperlink/index.d.ts +1 -1
  41. package/src/components/View/VImage/App/index.d.ts +1 -4
  42. package/src/components/View/VInput/VDropdown/index.d.ts +3 -4
  43. package/src/components/View/VInput/VFile/index.d.ts +5 -6
  44. package/src/components/View/VInput/VGroup/index.d.ts +0 -1
  45. package/src/components/View/VInput/VHidden/index.d.ts +1 -2
  46. package/src/components/View/VInput/VSubmitWrapper/index.d.ts +1 -1
  47. package/src/components/View/VInput/VTextBox/index.d.ts +1 -2
  48. package/src/components/View/VInput/index.d.ts +4 -6
  49. package/src/components/View/VLabel/index.d.ts +5 -9
  50. package/src/components/View/VLink/App/index.d.ts +2 -2
  51. package/src/components/View/VLoading/index.d.ts +2 -2
  52. package/src/components/View/VMain/index.d.ts +1 -1
  53. package/src/components/View/VRoot/index.d.ts +2 -4
  54. package/src/components/View/VSection/index.d.ts +1 -1
  55. package/src/components/View/VSelect/index.d.ts +1 -1
  56. package/src/components/View/VSvg/index.d.ts +0 -1
  57. package/src/components/View/VTemplate/index.d.ts +1 -1
  58. package/src/components/View/VText/index.d.ts +6 -5
  59. package/src/components/View/VTextArea/index.d.ts +2 -5
  60. package/src/components/View/VTheme/index.d.ts +4 -5
  61. package/src/components/View/VTooltip/index.d.ts +1 -1
  62. package/src/components/View/VVideo/index.d.ts +1 -1
  63. package/src/components/web.d.ts +2 -5
  64. package/templates/FEWBOX.md +4 -4
  65. package/src/components/Analyze/GA4NextJS/index.d.ts +0 -5
  66. package/src/components/Analyze/util.d.ts +0 -115
  67. package/src/components/View/VPaypal/index.d.ts +0 -10
  68. package/src/components/View/VPureRoot/index.d.ts +0 -7
@@ -1,12 +1,11 @@
1
- import { IViewProps } from "../../../Engine/Base";
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 IViewProps {
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
- onChange?: (value: string) => void;
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, SizeType } from "../../../Engine";
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
- autoUpload?: (files: File[], complete: () => void) => void;
17
- drapUpload?: (files: File[]) => void;
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,4 +1,3 @@
1
- import * as React from "react";
2
1
  import { IBaseProps } from "../../../Engine/Base";
3
2
  export interface IVGroupProps extends IBaseProps {
4
3
  selectedValue: string;
@@ -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: React.ForwardRefExoticComponent<IVHiddenProps & React.RefAttributes<HTMLInputElement>>;
7
+ declare const VHidden: import("react").ForwardRefExoticComponent<IVHiddenProps & import("react").RefAttributes<HTMLInputElement>>;
9
8
  export default VHidden;
@@ -1,6 +1,6 @@
1
1
  import { IBaseInputProps } from "..";
2
2
  export interface IVSubmitWrapperProps extends IBaseInputProps {
3
- content: JSX.Element;
3
+ body: JSX.Element;
4
4
  }
5
5
  declare const VSubmitWrapper: (props: IVSubmitWrapperProps) => JSX.Element;
6
6
  export default VSubmitWrapper;
@@ -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: React.ForwardRefExoticComponent<IVTextBoxProps & React.RefAttributes<HTMLInputElement>>;
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, SizeType } from "../../Engine";
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?: SizeType;
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: React.ForwardRefExoticComponent<IVInputProps & React.RefAttributes<HTMLInputElement>>;
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 interface IVLabelProps extends IBaseProps {
49
- category?: LabelCategory;
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
- onMouseEnter?: React.MouseEventHandler<any>;
57
- onMouseLeave?: React.MouseEventHandler<any>;
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 { IChildrenProps } from '../../../Engine/Base';
2
- export interface IVLinkProps extends IChildrenProps {
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 { IChildrenProps } from '../../Engine/Base';
1
+ import { IBaseProps } from '../../Engine/Base';
2
2
  import { AnimationCategory, AnimationSpeed } from '../VAnimation';
3
- export interface ILoadingProps extends IChildrenProps {
3
+ export interface ILoadingProps extends IBaseProps {
4
4
  animationCategory?: AnimationCategory;
5
5
  animationSpeed?: AnimationSpeed;
6
6
  }
@@ -1,5 +1,5 @@
1
1
  import { IBaseProps } from '../../Engine/Base';
2
- export interface IVMainProps extends IBaseProps {
2
+ export interface IVMainProps extends IBaseProps<'main'> {
3
3
  }
4
4
  declare const VMain: (props: IVMainProps) => JSX.Element;
5
5
  export default VMain;
@@ -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: React.ForwardRefExoticComponent<IVRootProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
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 IVSectionProps extends IBaseProps {
2
+ export interface IVSectionProps extends IBaseProps<'section'> {
3
3
  }
4
4
  declare const VSection: (props: IVSectionProps) => JSX.Element;
5
5
  export default VSection;
@@ -3,7 +3,7 @@ export interface ISelectItemData {
3
3
  caption: string;
4
4
  value: string;
5
5
  }
6
- export interface IVSelectProps extends IBaseProps {
6
+ export interface IVSelectProps extends IBaseProps<'select'> {
7
7
  name?: string;
8
8
  items: ISelectItemData[];
9
9
  value?: string;
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import { IBaseProps } from '../../Engine/Base';
3
2
  export declare enum SvgCategory {
4
3
  Default = "default",
@@ -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 interface IVTextProps extends IBaseProps {
17
- category?: TextCategory;
17
+ export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
18
+ category?: C;
18
19
  alignType?: TextAlignType;
19
- content: string | number | undefined | JSX.Element;
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: React.ForwardRefExoticComponent<IVTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
14
+ declare const VTextArea: import("react").ForwardRefExoticComponent<IVTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
18
15
  export default VTextArea;
@@ -1,6 +1,5 @@
1
- import * as React from 'react';
2
- import { BorderRadiusType, ColorType, FontFamilyType, SizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
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 IChildrenProps {
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, SizeType.AutoExtraLarge | SizeType.AutoExtraSmall | SizeType.AutoLarge | SizeType.AutoNormal | SizeType.AutoSmall | SizeType.Default | SizeType.ExtraLarge | SizeType.ExtraSmall | SizeType.Large | SizeType.Normal | SizeType.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>;
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
- content?: JSX.Element;
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;
@@ -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, IChildrenProps, IBaseReturn } from './Engine/Base';
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';
@@ -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
- import * as React from 'react';
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
- import * as React from 'react';
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,5 +0,0 @@
1
- import * as React from 'react';
2
- export interface IGA4NextJSProps {
3
- }
4
- export declare const GA4NextJS: React.FC<IGA4NextJSProps>;
5
- export default GA4NextJS;
@@ -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;