@fewbox/den 0.0.3

package/src/components/Auth/GoogleGrant/index.d.ts

@@ -0,0 +1,41 @@
+import { IChildrenProps } from '../../Engine/Base';
+export interface GoogleGrantToken {
+    accessToken: string;
+    expiresIn: string;
+    hd: string;
+    prompt: string;
+    tokenType: string;
+    scope: string;
+    state: string;
+    error: string;
+    errorDescription: string;
+    errorUri: string;
+}
+export interface GoogleGrantCode {
+    code: string;
+    scope: string;
+    state: string;
+    error: string;
+    errorDescription: string;
+    errorUri: string;
+}
+export declare enum GoogleGrantUXMode {
+    Popup = "popup",
+    Redirect = "redirect"
+}
+export declare enum GoogleGrantCategory {
+    Implicit = "implicit",
+    AuthorizationCode = "authorization-code"
+}
+export interface IGoogleGrantProps extends IChildrenProps {
+    category?: GoogleGrantCategory;
+    uxMode?: GoogleGrantUXMode;
+    clientId: string;
+    scope: string;
+    isAutoRequest?: boolean;
+    callback: (callbackResult: GoogleGrantToken | GoogleGrantCode) => void;
+    enableGoogle: () => void;
+    disableGoogle: () => void;
+}
+declare const GoogleGrant: (props: IGoogleGrantProps) => JSX.Element;
+export default GoogleGrant;

package/src/components/Auth/GoogleSignin/index.d.ts

@@ -0,0 +1,18 @@
+export declare enum GoogleSigninUXMode {
+    Prompt = "prompt",
+    Popup = "popup",
+    Redirect = "redirect"
+}
+export interface IGoogleSigninProps {
+    googleAuthButtonId?: string;
+    clientId: string;
+    uxMode: GoogleSigninUXMode;
+    redirectUrl?: string;
+    gsiButtonConfiguration?: google.accounts.id.GsiButtonConfiguration;
+    callback: (credential: string) => void;
+    switchAnotherIdentityProvider?: (reason: string) => void;
+    enableGoogle: () => void;
+    disableGoogle: () => void;
+}
+declare const GoogleSignin: (props: IGoogleSigninProps) => JSX.Element;
+export default GoogleSignin;

package/src/components/Auth/WeComSignin/index.d.ts

@@ -0,0 +1,8 @@
+import { IChildrenProps } from '../../Engine/Base';
+export interface IWeComSigninProps extends IChildrenProps {
+    appId: string;
+    agentId: string;
+    redirectUrl: string;
+}
+declare const WeComSignin: (props: IWeComSigninProps) => JSX.Element;
+export default WeComSignin;

package/src/components/Auth/util.d.ts

@@ -0,0 +1,17 @@
+export interface IUserProfile {
+    tenant?: string;
+    id?: string;
+    name?: string;
+    role?: string;
+    mobile?: string;
+    email?: string;
+    issuer?: string;
+    audience?: string;
+    expire?: Date;
+    avatar?: string;
+    exp?: number;
+    iss?: string;
+    aud?: string;
+    api?: string;
+}
+export declare const parseJWT: (token: string) => IUserProfile;

package/src/components/Debug/index.d.ts

@@ -0,0 +1,6 @@
+import { IChildrenProps } from '../Engine/Base';
+export interface IDebugProps extends IChildrenProps {
+    isDebug: boolean;
+}
+declare const Debug: (props: IDebugProps) => JSX.Element;
+export default Debug;

package/src/components/Engine/Base/index.d.ts

@@ -0,0 +1,228 @@
+import * as React from 'react';
+import { DirectionType, FullColorType, PseudoType, FullSizeType, FontWeightType } from '..';
+import { Property } from 'csstype';
+export type TLength = (string & {}) | 0;
+export interface IChildrenProps {
+    children?: React.ReactNode | undefined;
+}
+export declare enum RootCategory {
+    Div = "div",
+    Span = "span"
+}
+export interface IViewProps {
+    rootCategory?: RootCategory;
+    className?: string;
+    style?: React.CSSProperties;
+    size?: FullSizeType;
+    isAutoSize?: boolean;
+    weight?: FontWeightType;
+    frontColor?: FullColorType;
+    backgroundColor?: FullColorType;
+    borderColor?: FullColorType;
+    borderDirection?: DirectionType;
+    pseudoType?: PseudoType;
+    pseudoFrontColor?: FullColorType;
+    pseudoBackgroundColor?: FullColorType;
+    pseudoBorderColor?: FullColorType;
+    pseudoBorderDirection?: DirectionType;
+    display?: Property.Display;
+    visibility?: Property.Visibility;
+    zIndex?: Property.ZIndex;
+    fontFamily?: Property.FontFamily;
+    borderWidth?: Property.BorderWidth<TLength>;
+    borderRadius?: Property.BorderRadius<TLength>;
+    borderStyle?: Property.BorderStyle;
+    padding?: Property.Padding<TLength>;
+    margin?: Property.Margin<TLength>;
+    height?: Property.Height<TLength>;
+    width?: Property.Width<TLength>;
+    minHeight?: Property.Width<TLength>;
+    minWidth?: Property.Width<TLength>;
+    maxHeight?: Property.Width<TLength>;
+    maxWidth?: Property.Width<TLength>;
+    opacity?: Property.Opacity;
+    letterSpacing?: Property.LetterSpacing<TLength>;
+    lineHeight?: Property.LineHeight<TLength>;
+    cursor?: Property.Cursor;
+    overflow?: Property.Overflow;
+    overflowX?: Property.OverflowX;
+    overflowY?: Property.OverflowY;
+    isDefaultValue?: boolean;
+    key?: React.Key;
+    ref?: React.RefObject<any>;
+    readonlyRef?: React.RefObject<any>;
+    customAttibutes?: Object;
+}
+export interface IEventProps {
+    onCopy?: React.ClipboardEventHandler<any> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<any> | undefined;
+    onCut?: React.ClipboardEventHandler<any> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<any> | undefined;
+    onPaste?: React.ClipboardEventHandler<any> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<any> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<any> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<any> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<any> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<any> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<any> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<any> | undefined;
+    onFocus?: React.FocusEventHandler<any> | undefined;
+    onFocusCapture?: React.FocusEventHandler<any> | undefined;
+    onBlur?: React.FocusEventHandler<any> | undefined;
+    onBlurCapture?: React.FocusEventHandler<any> | undefined;
+    onChange?: React.FormEventHandler<any> | undefined;
+    onChangeCapture?: React.FormEventHandler<any> | undefined;
+    onBeforeInput?: React.FormEventHandler<any> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<any> | undefined;
+    onInput?: React.FormEventHandler<any> | undefined;
+    onInputCapture?: React.FormEventHandler<any> | undefined;
+    onReset?: React.FormEventHandler<any> | undefined;
+    onResetCapture?: React.FormEventHandler<any> | undefined;
+    onSubmit?: React.FormEventHandler<any> | undefined;
+    onSubmitCapture?: React.FormEventHandler<any> | undefined;
+    onInvalid?: React.FormEventHandler<any> | undefined;
+    onInvalidCapture?: React.FormEventHandler<any> | undefined;
+    onLoad?: React.ReactEventHandler<any> | undefined;
+    onLoadCapture?: React.ReactEventHandler<any> | undefined;
+    onError?: React.ReactEventHandler<any> | undefined;
+    onErrorCapture?: React.ReactEventHandler<any> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<any> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<any> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<any> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<any> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<any> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<any> | undefined;
+    onAbort?: React.ReactEventHandler<any> | undefined;
+    onAbortCapture?: React.ReactEventHandler<any> | undefined;
+    onCanPlay?: React.ReactEventHandler<any> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<any> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<any> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<any> | undefined;
+    onDurationChange?: React.ReactEventHandler<any> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<any> | undefined;
+    onEmptied?: React.ReactEventHandler<any> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<any> | undefined;
+    onEncrypted?: React.ReactEventHandler<any> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<any> | undefined;
+    onEnded?: React.ReactEventHandler<any> | undefined;
+    onEndedCapture?: React.ReactEventHandler<any> | undefined;
+    onLoadedData?: React.ReactEventHandler<any> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<any> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<any> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<any> | undefined;
+    onLoadStart?: React.ReactEventHandler<any> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<any> | undefined;
+    onPause?: React.ReactEventHandler<any> | undefined;
+    onPauseCapture?: React.ReactEventHandler<any> | undefined;
+    onPlay?: React.ReactEventHandler<any> | undefined;
+    onPlayCapture?: React.ReactEventHandler<any> | undefined;
+    onPlaying?: React.ReactEventHandler<any> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<any> | undefined;
+    onProgress?: React.ReactEventHandler<any> | undefined;
+    onProgressCapture?: React.ReactEventHandler<any> | undefined;
+    onRateChange?: React.ReactEventHandler<any> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<any> | undefined;
+    onSeeked?: React.ReactEventHandler<any> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<any> | undefined;
+    onSeeking?: React.ReactEventHandler<any> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<any> | undefined;
+    onStalled?: React.ReactEventHandler<any> | undefined;
+    onStalledCapture?: React.ReactEventHandler<any> | undefined;
+    onSuspend?: React.ReactEventHandler<any> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<any> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<any> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<any> | undefined;
+    onVolumeChange?: React.ReactEventHandler<any> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<any> | undefined;
+    onWaiting?: React.ReactEventHandler<any> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<any> | undefined;
+    onAuxClick?: React.MouseEventHandler<any> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<any> | undefined;
+    onClick?: React.MouseEventHandler<any> | undefined;
+    onClickCapture?: React.MouseEventHandler<any> | undefined;
+    onContextMenu?: React.MouseEventHandler<any> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<any> | undefined;
+    onDoubleClick?: React.MouseEventHandler<any> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<any> | undefined;
+    onDrag?: React.DragEventHandler<any> | undefined;
+    onDragCapture?: React.DragEventHandler<any> | undefined;
+    onDragEnd?: React.DragEventHandler<any> | undefined;
+    onDragEndCapture?: React.DragEventHandler<any> | undefined;
+    onDragEnter?: React.DragEventHandler<any> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<any> | undefined;
+    onDragExit?: React.DragEventHandler<any> | undefined;
+    onDragExitCapture?: React.DragEventHandler<any> | undefined;
+    onDragLeave?: React.DragEventHandler<any> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<any> | undefined;
+    onDragOver?: React.DragEventHandler<any> | undefined;
+    onDragOverCapture?: React.DragEventHandler<any> | undefined;
+    onDragStart?: React.DragEventHandler<any> | undefined;
+    onDragStartCapture?: React.DragEventHandler<any> | undefined;
+    onDrop?: React.DragEventHandler<any> | undefined;
+    onDropCapture?: React.DragEventHandler<any> | undefined;
+    onMouseDown?: React.MouseEventHandler<any> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<any> | undefined;
+    onMouseEnter?: React.MouseEventHandler<any> | undefined;
+    onMouseLeave?: React.MouseEventHandler<any> | undefined;
+    onMouseMove?: React.MouseEventHandler<any> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<any> | undefined;
+    onMouseOut?: React.MouseEventHandler<any> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<any> | undefined;
+    onMouseOver?: React.MouseEventHandler<any> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<any> | undefined;
+    onMouseUp?: React.MouseEventHandler<any> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<any> | undefined;
+    onSelect?: React.ReactEventHandler<any> | undefined;
+    onSelectCapture?: React.ReactEventHandler<any> | undefined;
+    onTouchCancel?: React.TouchEventHandler<any> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<any> | undefined;
+    onTouchEnd?: React.TouchEventHandler<any> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<any> | undefined;
+    onTouchMove?: React.TouchEventHandler<any> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<any> | undefined;
+    onTouchStart?: React.TouchEventHandler<any> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<any> | undefined;
+    onPointerDown?: React.PointerEventHandler<any> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerMove?: React.PointerEventHandler<any> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerUp?: React.PointerEventHandler<any> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerCancel?: React.PointerEventHandler<any> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerEnter?: React.PointerEventHandler<any> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerLeave?: React.PointerEventHandler<any> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerOver?: React.PointerEventHandler<any> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<any> | undefined;
+    onPointerOut?: React.PointerEventHandler<any> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<any> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<any> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<any> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
+    onScroll?: React.UIEventHandler<any> | undefined;
+    onScrollCapture?: React.UIEventHandler<any> | undefined;
+    onWheel?: React.WheelEventHandler<any> | undefined;
+    onWheelCapture?: React.WheelEventHandler<any> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<any> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<any> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<any> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<any> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<any> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
+}
+export interface IBaseProps extends IChildrenProps, IViewProps, IEventProps {
+}
+export interface IBaseStates {
+}
+export interface IBaseReturn {
+    getClassName: (vClassName: string) => string;
+    getStyle: () => object;
+    getChildren: (props: IChildrenProps) => React.ReactNode;
+}
+declare const Base: (props: IViewProps | IBaseProps) => IBaseReturn;
+export default Base;

package/src/components/Engine/BaseComponent/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { IBaseProps, IBaseStates, IChildrenProps, IViewProps } from '../Base';
+export default abstract class BaseComponent<P extends IViewProps | IBaseProps = {}, S extends IBaseStates = {}> extends React.Component<P, S> {
+    private _base;
+    constructor(props: any);
+    protected getClassName(vClassName: string): string;
+    protected getStyle(): object;
+    protected getChildren(props: IChildrenProps): React.ReactNode;
+}

package/src/components/Engine/index.d.ts

@@ -0,0 +1,212 @@
+export declare enum ColorType {
+    Font = "font",
+    Body = "body",
+    White = "white",
+    Black = "black",
+    Light = "light",
+    Light75 = "light75",
+    Light50 = "light50",
+    Light25 = "light25",
+    Dark = "dark",
+    Dark75 = "dark75",
+    Dark50 = "dark50",
+    Dark25 = "dark25",
+    Primary = "primary",
+    Primary75 = "primary75",
+    Primary50 = "primary50",
+    Primary25 = "primary25",
+    Secondary = "secondary",
+    Secondary75 = "secondary75",
+    Secondary50 = "secondary50",
+    Secondary25 = "secondary25",
+    Tertiary = "tertiary",
+    Tertiary75 = "tertiary75",
+    Tertiary50 = "tertiary50",
+    Tertiary25 = "tertiary25",
+    Info = "info",
+    Info75 = "info75",
+    Info50 = "info50",
+    Info25 = "info25",
+    Success = "success",
+    Success75 = "success75",
+    Success50 = "success50",
+    Success25 = "success25",
+    Warning = "warning",
+    Warning75 = "warning75",
+    Warning50 = "warning50",
+    Warning25 = "warning25",
+    Error = "error",
+    Error75 = "error75",
+    Error50 = "error50",
+    Error25 = "error25",
+    Border = "border",
+    Border75 = "border75",
+    Border50 = "border50",
+    Border25 = "border25",
+    Placeholder = "placeholder",
+    Placeholder75 = "placeholder75",
+    Placeholder50 = "placeholder50",
+    Placeholder25 = "placeholder25",
+    Transparent = "transparent"
+}
+export declare enum FontWeightType {
+    Thin = "font-weight-thin",
+    ExtraLight = "font-weight-extra-light",
+    Light = "font-weight-light",
+    Regular = "font-weight-regular",
+    Medium = "font-weight-medium",
+    SemiBold = "font-weight-semi-bold",
+    Bold = "font-weight-bold",
+    ExtraBold = "font-weight-extra-bold",
+    Black = "font-weight-black"
+}
+export declare enum FontFamilyType {
+    Default = "font-family"
+}
+export declare enum LineHeightType {
+    Default = "line-height"
+}
+export declare enum PaddingType {
+    Default = "padding"
+}
+export declare enum LetterSpacingType {
+    Default = "letter-spacing"
+}
+export declare enum BorderRadiusType {
+    Default = "border-radius",
+    Fixed = "border-radius-fixed",
+    Max = "border-radius-max"
+}
+export declare enum ViewSizeType {
+    Ellipse = "v-ellipse-size",
+    Rectangle = "v-rectangle-size",
+    Image = "v-image-size",
+    Svg = "v-svg-size",
+    Window = "v-window-size"
+}
+export declare const getWeightValue: (weightType: FontWeightType) => number;
+export type FullSizeType = SizeType | string;
+export declare enum SizeType {
+    Default = "font-size",
+    Normal = "font-size-normal",
+    Small = "font-size-small",
+    ExtraSmall = "font-size-extra-small",
+    Large = "font-size-large",
+    ExtraLarge = "font-size-extra-large",
+    AutoNormal = "auto-font-size-normal",
+    AutoSmall = "auto-font-size-small",
+    AutoExtraSmall = "auto-font-size-extra-small",
+    AutoLarge = "auto-font-size-large",
+    AutoExtraLarge = "auto-font-size-extra-large"
+}
+export type FullColorType = ColorType | string;
+export declare enum PseudoType {
+    All = "all",
+    Before = "before",
+    After = "after"
+}
+export declare enum DirectionType {
+    All = "all",
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left",
+    ExceptTop = "except-top",
+    ExceptRight = "except-right",
+    ExceptBottom = "except-bottom",
+    ExceptLeft = "except-left",
+    RightTop = "right-top",
+    RightBottom = "right-bottom",
+    LeftTop = "left-top",
+    LeftBottom = "left-bottom",
+    TopBottom = "top-bottom",
+    LeftRight = "left-right"
+}
+export declare enum ComponentType {
+    Flex = "Flex",
+    FlexItem = "FlexItem",
+    Position = "Position",
+    PositionArea = "PositionArea",
+    SBaseline = "SBaseline",
+    SBottom = "SBottom",
+    SLeft = "SLeft",
+    SMiddle = "SMiddle",
+    SCenter = "SCenter",
+    SRight = "SRight",
+    SStretch = "SStretch",
+    STop = "STop",
+    X = "X",
+    XAround = "XAround",
+    XAutoBoth = "XAutoBoth",
+    XAutoCenter = "XAutoCenter",
+    XAutoLeft = "XAutoLeft",
+    XAutoLefts = "XAutoLefts",
+    XAutoRight = "XAutoRight",
+    XAutoRights = "XAutoRights",
+    XBetween = "XBetween",
+    XCenter = "XCenter",
+    XCustom = "XCustom",
+    XCustomBoth = "XCustomBoth",
+    XEvenly = "XEvenly",
+    XLeft = "XLeft",
+    XRight = "XRight",
+    XWrap = "XWrap",
+    XWrapAround = "XWrapAround",
+    XWrapBetween = "XWrapBetween",
+    XWrapBottom = "XWrapBottom",
+    XWrapEvenly = "XWrapEvenly",
+    XWrapMiddle = "XWrapMiddle",
+    XWrapTop = "XWrapTop",
+    Y = "Y",
+    YAround = "YAround",
+    YBetween = "YBetween",
+    YBottom = "YBottom",
+    YEvenly = "YEvenly",
+    YMiddle = "YMiddle",
+    YTop = "YTop",
+    VEllipse = "VEllipse",
+    VLine = "VLine",
+    VRectangle = "VRectangle",
+    VAvatar = "VAvatar",
+    VBlock = "VBlock",
+    VBoundary = "VBoundary",
+    VButton = "VButton",
+    VCard = "VCard",
+    VCardMedia = "VCardMedia",
+    VCardSocial = "VCardSocial",
+    VCardWindow = "VCardWindow",
+    VChromeExtensionValidator = "VChromeExtensionValidator",
+    VCodePreview = "VCodePreview",
+    VDesigner = "VDesigner",
+    VDynamic = "VDynamic",
+    VBackground = "VBackground",
+    VForm = "VForm",
+    VImage = "VImage",
+    VCheckBox = "VCheckBox",
+    VColor = "VColor",
+    VDate = "VDate",
+    VDatetimeLocal = "VDatetimeLocal",
+    VEmail = "VEmail",
+    VFile = "VFile",
+    VMonth = "VMonth",
+    VNumber = "VNumber",
+    VPassword = "VPassword",
+    VRadio = "VRadio",
+    VRange = "VRange",
+    VSearch = "VSearch",
+    VSubmit = "VSubmit",
+    VTel = "VTel",
+    VTextBox = "VTextBox",
+    VTime = "VTime",
+    VUrl = "VUrl",
+    VWeek = "VWeek",
+    VLabel = "VLabel",
+    VLink = "VLink",
+    VPhoto = "VPhoto",
+    VShadow = "VShadow",
+    VStack = "VStack",
+    VSvg = "VSvg",
+    VText = "VText",
+    VTooltip = "VTooltip"
+}
+export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType) => string;

package/src/components/Layout/Display/index.d.ts

@@ -0,0 +1,18 @@
+import { BreakpointType } from '..';
+import { IChildrenProps } from '../../Engine/Base';
+export declare enum DisplayCategory {
+    Visiable = "visiable",
+    Hidden = "hidden"
+}
+export declare enum DisplayType {
+    Only = "only",
+    Up = "up",
+    Down = "down"
+}
+export interface IDisplayProps extends IChildrenProps {
+    category: DisplayCategory;
+    type?: DisplayType;
+    breakpoint?: BreakpointType | BreakpointType[];
+}
+declare const Display: (props: IDisplayProps) => JSX.Element;
+export default Display;

package/src/components/Layout/Dock/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IChildrenProps, IEventProps, IViewProps } from '../../Engine/Base';
+export declare enum DockCategory {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left",
+    LeftTop = "left-top",
+    RightTop = "right-top",
+    LeftBottom = "left-bottom",
+    RightBottom = "right-bottom",
+    LeftInnerTop = "left-inner-top",
+    RightInnerTop = "right-inner-top",
+    LeftInnerBottom = "left-inner-bottom",
+    RightInnerBottom = "right-inner-bottom"
+}
+export interface IDockProps extends IChildrenProps, IEventProps, IViewProps {
+    category?: DockCategory;
+    overlayWidth?: string;
+    renderOverlay: () => JSX.Element;
+}
+declare const Dock: React.FC<IDockProps>;
+export default Dock;

package/src/components/Layout/DockBak/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IChildrenProps, IEventProps, IViewProps } from '../../Engine/Base';
+export declare enum DockCategory {
+    Auto = "auto",
+    Fix = "fix"
+}
+export declare enum DockType {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left",
+    LeftTop = "left-top",
+    RightTop = "right-top",
+    LeftBottom = "left-bottom",
+    RightBottom = "right-bottom"
+}
+export interface IDockProps extends IChildrenProps, IEventProps, IViewProps {
+    category?: DockCategory;
+    type?: DockType;
+    gap?: number;
+    renderOverlay: () => JSX.Element;
+}
+declare const Dock: React.FC<IDockProps>;
+export default Dock;

package/src/components/Layout/Flex/index.d.ts

@@ -0,0 +1,44 @@
+import { IBaseProps } from '../../Engine/Base';
+export declare enum FlexDirectionType {
+    Row = "row",
+    RowReverse = "row-reverse",
+    Column = "column",
+    ColumnReverse = "column-reverse"
+}
+export declare enum FlexWrapType {
+    NoWrap = "nowrap",
+    Wrap = "wrap"
+}
+export declare enum FlexJustifyContentType {
+    Start = "flex-start",
+    Center = "center",
+    End = "flex-end",
+    SpaceBetween = "space-between",
+    SpaceAround = "space-around",
+    SpaceEvenly = "space-evenly"
+}
+export declare enum FlexAlignItemsType {
+    Start = "flex-start",
+    Center = "center",
+    End = "flex-end",
+    Stretch = "stretch",
+    Baseline = "baseline"
+}
+export declare enum FlexAlignContentType {
+    Start = "flex-start",
+    Center = "center",
+    End = "flex-end",
+    SpaceBetween = "space-between",
+    SpaceAround = "space-around",
+    SpaceEvenly = "space-evenly"
+}
+export interface IFlexProps extends IBaseProps {
+    direction?: FlexDirectionType;
+    wrap?: FlexWrapType;
+    justifyContent?: FlexJustifyContentType;
+    alignItems?: FlexAlignItemsType;
+    alignContent?: FlexAlignContentType;
+    gap?: string;
+}
+declare const Flex: (props: IFlexProps) => JSX.Element;
+export default Flex;

package/src/components/Layout/FlexItem/index.d.ts

@@ -0,0 +1,18 @@
+import { Property } from 'csstype';
+import { IBaseProps } from '../../Engine/Base';
+export declare enum FlexItemAlignSelfType {
+    Start = "start",
+    Center = "center",
+    End = "end",
+    Stretch = "stretch",
+    Baseline = "baseline"
+}
+export interface IFlexItemProps extends IBaseProps {
+    alignSelf?: FlexItemAlignSelfType;
+    order?: Property.Order;
+    basis?: Property.FlexBasis;
+    grow?: Property.FlexGrow;
+    shrink?: Property.FlexShrink;
+}
+declare const FlexItem: (props: IFlexItemProps) => JSX.Element;
+export default FlexItem;