@fewbox/den 0.0.3

package/src/components/View/VBackground/index.d.ts

@@ -0,0 +1,18 @@
+import { Property } from 'csstype';
+import { IBaseProps } from '../../Engine/Base';
+type TLength = (string & {}) | 0;
+export declare enum BackgroundPositionType {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left",
+    Center = "center"
+}
+export interface IVBackgroundProps extends IBaseProps {
+    image: string;
+    imageWidth?: Property.Width<TLength>;
+    imageHeight?: Property.Height<TLength>;
+    position?: BackgroundPositionType;
+}
+declare const VBackground: (props: IVBackgroundProps) => JSX.Element;
+export default VBackground;

package/src/components/View/VBadge/index.d.ts

@@ -0,0 +1,6 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVBadgeProps extends IBaseProps {
+    badge?: string | JSX.Element;
+}
+declare const VBadge: (props: IVBadgeProps) => JSX.Element;
+export default VBadge;

package/src/components/View/VBlock/index.d.ts

@@ -0,0 +1,9 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVBlockProps extends IBaseProps {
+    icon: JSX.Element;
+    action: JSX.Element;
+    title: JSX.Element;
+    subTitle: JSX.Element;
+}
+declare const VBlock: (props: IVBlockProps) => JSX.Element;
+export default VBlock;

package/src/components/View/VBoundary/index.d.ts

@@ -0,0 +1,6 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVBoundaryProps extends IBaseProps {
+    id?: string;
+}
+declare const VBoundary: (props: IVBoundaryProps) => JSX.Element;
+export default VBoundary;

package/src/components/View/VButton/index.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { IBaseProps, IBaseStates } from '../../Engine/Base';
+export declare enum ButtonCategory {
+    Round = "round",
+    Circle = "circle"
+}
+export interface IVButtonProps extends IBaseProps {
+    category?: ButtonCategory;
+    icon?: JSX.Element;
+    caption?: string | JSX.Element;
+    onClick?: React.MouseEventHandler;
+}
+export interface IVButtonStates extends IBaseStates {
+    isClick: boolean;
+}
+declare const VButton: (props: IVButtonProps) => JSX.Element;
+export default VButton;

package/src/components/View/VCard/index.d.ts

@@ -0,0 +1,8 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVCardProps extends IBaseProps {
+    head?: JSX.Element;
+    body?: JSX.Element;
+    isDraggable?: boolean;
+}
+declare const VCard: (props: IVCardProps) => JSX.Element;
+export default VCard;

package/src/components/View/VCardMedia/index.d.ts

@@ -0,0 +1,9 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVCardMediaProps extends IBaseProps {
+    media: JSX.Element;
+    head?: JSX.Element;
+    body?: JSX.Element;
+    foot?: JSX.Element;
+}
+declare const VCardMedia: (props: IVCardMediaProps) => JSX.Element;
+export default VCardMedia;

package/src/components/View/VCardSocial/index.d.ts

@@ -0,0 +1,13 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVCardSocialProps extends IBaseProps {
+    title: JSX.Element;
+    icon: JSX.Element;
+    avatar: JSX.Element;
+    name: JSX.Element;
+    post: JSX.Element;
+    hashTags: JSX.Element[];
+    leftAction: JSX.Element;
+    rightAction: JSX.Element;
+}
+declare const VCardSocial: (props: IVCardSocialProps) => JSX.Element;
+export default VCardSocial;

package/src/components/View/VCardWindow/index.d.ts

@@ -0,0 +1,15 @@
+import { IBaseProps, IBaseStates } from '../../Engine/Base';
+export declare enum CardWindowSizeType {
+    Auto = "auto",
+    Contain = "contain",
+    Cover = "cover"
+}
+export interface IVCardWindowProps extends IBaseProps {
+    backgroundUrl: string;
+    backgroundSize?: CardWindowSizeType;
+}
+export interface IVCardWindowStatus extends IBaseStates {
+    isDetailShow: boolean;
+}
+declare const VCardWindow: (props: IVCardWindowProps) => JSX.Element;
+export default VCardWindow;

package/src/components/View/VChromeExtensionValidator/index.d.ts

@@ -0,0 +1,25 @@
+export interface IChromeExtensionValidatorProps {
+    extensionId: string;
+    version?: string;
+    uninstalledCaption?: string | JSX.Element;
+    outdatedCaption?: string | JSX.Element;
+    downloadUrl?: string;
+    waitingTime?: number;
+    overWrite?: (status: ExtensionStatus) => JSX.Element;
+}
+export declare enum ExtensionStatus {
+    Uninstalled = "uninstalled",
+    Outdated = "outdated",
+    Ready = "ready"
+}
+export interface IChromeExtensionValidatorStates {
+    status?: ExtensionStatus;
+}
+export interface MetaEvent {
+    version: string;
+}
+export interface ValidationEvent {
+    id: string;
+}
+declare const ChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => JSX.Element;
+export default ChromeExtensionValidator;

package/src/components/View/VDynamic/index.d.ts

@@ -0,0 +1,7 @@
+export interface IVDynamicProps {
+    components: object;
+    name: string;
+    notFindMessage?: string | JSX.Element;
+    [inject: string]: any;
+}
+export default function VDynamic(props: IVDynamicProps): JSX.Element;

package/src/components/View/VFooter/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVFooterProps extends IBaseProps {
+}
+declare const VFooter: (props: IVFooterProps) => JSX.Element;
+export default VFooter;

package/src/components/View/VForm/index.d.ts

@@ -0,0 +1,13 @@
+import { IChildrenProps } from '../../Engine/Base';
+export declare enum HandleSubmitCategory {
+    Json = "json",
+    FormData = "formdata"
+}
+export interface IVFormProps extends IChildrenProps {
+    handleSubmitCategory?: HandleSubmitCategory;
+    handleSubmit: (json: any) => void;
+    handleValidateError?: (input: HTMLInputElement) => void;
+    errorColor?: string;
+}
+declare const VForm: (props: IVFormProps) => JSX.Element;
+export default VForm;

package/src/components/View/VFrame/index.d.ts

@@ -0,0 +1,14 @@
+import { Property } from 'csstype';
+import { IBaseProps } from '../../Engine/Base';
+export interface BackingBoard {
+    degree: string;
+    startColor: string;
+    endColor: string;
+}
+export interface IVFrameProps extends IBaseProps {
+    image: string;
+    padding?: Property.Padding;
+    backingBoard?: BackingBoard;
+}
+declare const VFrame: (props: IVFrameProps) => JSX.Element;
+export default VFrame;

package/src/components/View/VGoogleFont/index.d.ts

@@ -0,0 +1,18 @@
+import { FontWeightType } from '../../Engine';
+export declare enum GoogleFontType {
+    Normal = "normal",
+    Italic = "italic"
+}
+export interface IGoogleFont {
+    type: GoogleFontType;
+    weight: FontWeightType;
+}
+export interface IGoogleTypeface {
+    family: string;
+    fonts?: IGoogleFont[];
+}
+export interface IVGoogleFontProps {
+    typefaces: IGoogleTypeface[];
+}
+declare const VGoogleFont: (props: IVGoogleFontProps) => JSX.Element;
+export default VGoogleFont;

package/src/components/View/VHR/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVHRProps extends IBaseProps {
+}
+declare const VHR: (props: IVHRProps) => JSX.Element;
+export default VHR;

package/src/components/View/VHeader/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVHeaderProps extends IBaseProps {
+}
+declare const VHeader: (props: IVHeaderProps) => JSX.Element;
+export default VHeader;

package/src/components/View/VHyperlink/index.d.ts

@@ -0,0 +1,13 @@
+import { IBaseProps } from '../../Engine/Base';
+export declare enum HyperlinkCategory {
+    NewWindow = "_blank",
+    Self = "_self",
+    Parent = "_parent",
+    Top = "_top"
+}
+export interface IVHyperlinkProps extends IBaseProps {
+    category: HyperlinkCategory;
+    to: string;
+}
+declare const VHyperlink: (props: IVHyperlinkProps) => JSX.Element;
+export default VHyperlink;

package/src/components/View/VImage/App/index.d.ts

@@ -0,0 +1,16 @@
+import { IBaseProps } from '../../../Engine/Base';
+export declare enum ImageCategory {
+    Default = "default",
+    Circle = "circle",
+    Squared = "squared",
+    FullSize = "full-size",
+    Scale = "scale"
+}
+export interface IVImageProps extends IBaseProps {
+    category?: ImageCategory;
+    src: string;
+    srcSet?: string;
+    alt: string;
+}
+declare const VImage: (props: IVImageProps) => JSX.Element;
+export default VImage;

package/src/components/View/VInput/VBase64File/App/index.d.ts

@@ -0,0 +1,10 @@
+import { IBaseInputProps } from "../..";
+export interface IVBase64FileProps extends IBaseInputProps {
+    fileIcon?: JSX.Element;
+    base64Image: string;
+}
+export interface IVBase64FileStates {
+    base64Image: string;
+}
+declare const VBase64File: (props: IVBase64FileProps) => JSX.Element;
+export default VBase64File;

package/src/components/View/VInput/VCheckBox/index.d.ts

@@ -0,0 +1,9 @@
+import { IBaseInputProps } from "..";
+export interface IVCheckBoxProps extends IBaseInputProps {
+    isChecked?: boolean;
+}
+export interface IVCheckBoxStates {
+    isChecked?: boolean;
+}
+declare const VCheckBox: (props: IVCheckBoxProps) => JSX.Element;
+export default VCheckBox;

package/src/components/View/VInput/VColor/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseInputProps } from "..";
+export interface IVColorProps extends IBaseInputProps {
+}
+export interface IVColorProps {
+}
+declare const VColor: (props: IVColorProps) => JSX.Element;
+export default VColor;

package/src/components/View/VInput/VDate/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseInputProps } from "..";
+export interface IVDateProps extends IBaseInputProps {
+}
+export interface IVDateProps {
+}
+declare const VDate: (props: IVDateProps) => JSX.Element;
+export default VDate;

package/src/components/View/VInput/VDatetimeLocal/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseInputProps } from "..";
+export interface IVDatetimeLocalProps extends IBaseInputProps {
+}
+export interface IVDatetimeLocalProps {
+}
+declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => JSX.Element;
+export default VDatetimeLocal;

package/src/components/View/VInput/VDropdown/index.d.ts

@@ -0,0 +1,31 @@
+import { IViewProps } from "../../../Engine/Base";
+import { InputExtensionItem } from "..";
+export interface IDropdownItemData {
+    icon?: JSX.Element;
+    caption: string;
+    value: string;
+}
+export interface IVDropdownProps extends IViewProps {
+    id?: string;
+    value?: string | ReadonlyArray<string> | number | undefined;
+    name?: string;
+    icon?: JSX.Element;
+    emptyIcon: JSX.Element;
+    downIcon: JSX.Element;
+    upIcon: JSX.Element;
+    enableClear?: boolean;
+    isReadonly?: boolean;
+    items: IDropdownItemData[];
+    extensions?: InputExtensionItem[];
+    overWriteDropdownItem?: (item: IDropdownItemData) => JSX.Element;
+    onChange?: (value: string) => void;
+}
+export interface IVDropdownStates {
+    isSelectionShow: boolean;
+    selectIcon?: JSX.Element;
+    selectValue: string | ReadonlyArray<string> | number | undefined;
+    selectCaption: string | ReadonlyArray<string> | number | undefined;
+    items: IDropdownItemData[];
+}
+declare const VDropdown: (props: IVDropdownProps) => JSX.Element;
+export default VDropdown;

package/src/components/View/VInput/VEmail/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVEmailProps extends IBaseInputProps {
+}
+declare const VEmail: (props: IVEmailProps) => JSX.Element;
+export default VEmail;

package/src/components/View/VInput/VFile/index.d.ts

@@ -0,0 +1,22 @@
+import { IBaseInputProps } from "..";
+import { ColorType, SizeType } from "../../../Engine";
+export declare enum FileCategory {
+    Vertical = "Vertical",
+    Horizontal = "Horizontal"
+}
+export interface IVFileProps extends IBaseInputProps {
+    category?: FileCategory;
+    fileIcon: JSX.Element;
+    caption?: JSX.Element | string;
+    emptyMessage: string;
+    autoUpload?: (file: any, complete: () => void) => void;
+    renderLoading?: () => JSX.Element;
+    loadingSize?: SizeType;
+    loadingColor?: ColorType;
+}
+export interface IVFileStates {
+    isLoading: boolean;
+    fileName: string;
+}
+declare const VFile: (props: IVFileProps) => JSX.Element;
+export default VFile;

package/src/components/View/VInput/VGroup/index.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { IBaseProps } from "../../../Engine/Base";
+export interface IVGroupProps extends IBaseProps {
+    selectedValue: string;
+    renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => JSX.Element;
+}
+export interface IVGroupStates {
+    selectedValue: string;
+}
+declare const VGroup: (props: IVGroupProps) => JSX.Element;
+export default VGroup;

package/src/components/View/VInput/VHidden/index.d.ts

@@ -0,0 +1,8 @@
+import { IBaseInputProps } from "..";
+export interface IVHiddenProps extends IBaseInputProps {
+    id?: string;
+    name: string | undefined;
+    value?: string | ReadonlyArray<string> | number | undefined;
+}
+declare const VHidden: (props: IVHiddenProps) => JSX.Element;
+export default VHidden;

package/src/components/View/VInput/VMonth/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVMonthProps extends IBaseInputProps {
+}
+declare const VMonth: (props: IVMonthProps) => JSX.Element;
+export default VMonth;

package/src/components/View/VInput/VNumber/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVNumberProps extends IBaseInputProps {
+}
+declare const VNumber: (props: IVNumberProps) => JSX.Element;
+export default VNumber;

package/src/components/View/VInput/VPassword/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVPasswordProps extends IBaseInputProps {
+}
+declare const VPassword: (props: IVPasswordProps) => JSX.Element;
+export default VPassword;

package/src/components/View/VInput/VRadio/index.d.ts

@@ -0,0 +1,6 @@
+import { IBaseInputProps } from "..";
+export interface IVRadioProps extends IBaseInputProps {
+    isChecked?: boolean;
+}
+declare const VRadio: (props: IVRadioProps) => JSX.Element;
+export default VRadio;

package/src/components/View/VInput/VRange/index.d.ts

@@ -0,0 +1,8 @@
+import { IBaseInputProps } from "..";
+import { ColorType } from "../../../Engine";
+export interface IVRangeProps extends IBaseInputProps {
+    controlBackgroundColor: ColorType;
+    controlBorderColor: ColorType;
+}
+declare const VRange: (props: IVRangeProps) => JSX.Element;
+export default VRange;

package/src/components/View/VInput/VSearch/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVSearchProps extends IBaseInputProps {
+}
+declare const VSearch: (props: IVSearchProps) => JSX.Element;
+export default VSearch;

package/src/components/View/VInput/VSubmit/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseInputProps } from "..";
+export interface IVSubmitProps extends IBaseInputProps {
+    caption: string | JSX.Element;
+    isFormNoValidate?: boolean;
+}
+declare const VSubmit: (props: IVSubmitProps) => JSX.Element;
+export default VSubmit;

package/src/components/View/VInput/VSubmitWrapper/index.d.ts

@@ -0,0 +1,6 @@
+import { IBaseInputProps } from "..";
+export interface IVSubmitWrapperProps extends IBaseInputProps {
+    content: JSX.Element;
+}
+declare const VSubmitWrapper: (props: IVSubmitWrapperProps) => JSX.Element;
+export default VSubmitWrapper;

package/src/components/View/VInput/VTel/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVTelProps extends IBaseInputProps {
+}
+declare const VTel: (props: IVTelProps) => JSX.Element;
+export default VTel;

package/src/components/View/VInput/VTextBox/index.d.ts

@@ -0,0 +1,7 @@
+import { IBaseInputProps } from "..";
+export interface IVTextBoxProps extends IBaseInputProps {
+    enableClear?: boolean;
+    isFocus?: boolean;
+}
+declare const VTextBox: (props: IVTextBoxProps) => JSX.Element;
+export default VTextBox;

package/src/components/View/VInput/VTime/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVTimeProps extends IBaseInputProps {
+}
+declare const VTime: (props: IVTimeProps) => JSX.Element;
+export default VTime;

package/src/components/View/VInput/VUrl/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVUrlProps extends IBaseInputProps {
+}
+declare const VUrl: (props: IVUrlProps) => JSX.Element;
+export default VUrl;

package/src/components/View/VInput/VWeek/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseInputProps } from "..";
+export interface IVWeekProps extends IBaseInputProps {
+}
+declare const VWeek: (props: IVWeekProps) => JSX.Element;
+export default VWeek;

package/src/components/View/VInput/index.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+import { IBaseProps, TLength } from "../../Engine/Base";
+import { ColorType, SizeType } from "../../Engine";
+import { LabelCategory } from "../VLabel";
+import { Property } from 'csstype';
+export interface InputExtensionItem {
+    option: JSX.Element;
+    handleOption: (input: any) => void;
+}
+export interface IBaseInputProps extends IBaseProps {
+    type?: React.HTMLInputTypeAttribute | undefined;
+    icon?: JSX.Element;
+    extensions?: InputExtensionItem[];
+    id?: string;
+    name?: string;
+    label?: string | JSX.Element;
+    value?: string | ReadonlyArray<string> | number | undefined;
+    valueHook?: string;
+    setStateHook?: (value: string) => void;
+    placeholder?: string | undefined;
+    onChange?: React.ChangeEventHandler<any> | undefined;
+    isValueShow?: boolean;
+    isReadonly?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    valueSize?: SizeType;
+    valueColor?: ColorType;
+    valueCategory?: LabelCategory;
+    valuePadding?: Property.Padding<TLength>;
+    inputStyle?: React.CSSProperties;
+    inputClassName?: string;
+    isRequired?: boolean;
+    disabled?: boolean;
+    overWrite?: (inputRef: React.RefObject<HTMLInputElement>) => JSX.Element;
+}
+export interface IVInputProps extends IBaseInputProps {
+    inheritClassName?: string;
+    isFocus?: boolean;
+}
+export interface IVInputStates {
+    value?: string | ReadonlyArray<string> | number | undefined;
+}
+declare const VInput: (props: IVInputProps) => JSX.Element;
+export default VInput;

package/src/components/View/VLabel/index.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { IBaseProps } from '../../Engine/Base';
+export declare enum LabelCategory {
+    Div = "div",
+    Abbr = "abbr",
+    Span = "span",
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    I = "i",
+    B = "b",
+    U = "u",
+    Em = "em",
+    Strong = "strong",
+    Blockquote = "blockquote",
+    Cite = "cite",
+    Code = "code",
+    Del = "del",
+    Dfn = "dfn",
+    Ins = "ins",
+    Kbd = "kbd",
+    Mark = "mark",
+    Pre = "pre",
+    Q = "q",
+    S = "s",
+    Samp = "samp",
+    Small = "small",
+    Summary = "summary",
+    Sup = "sup",
+    Sub = "sub",
+    Time = "time",
+    Var = "var",
+    Wbr = "wbr"
+}
+export declare enum LabelType {
+    Default = "default",
+    Circle = "circle"
+}
+export declare enum LabelAlignType {
+    Justify = 0,
+    Left = 1,
+    Right = 2,
+    Center = 3
+}
+export interface IVLabelProps extends IBaseProps {
+    category?: LabelCategory;
+    type?: LabelType;
+    alignType?: LabelAlignType;
+    title?: string;
+    cite?: string;
+    isTextOverflow?: boolean;
+    caption: string | JSX.Element;
+    onMouseEnter?: React.MouseEventHandler<any>;
+    onMouseLeave?: React.MouseEventHandler<any>;
+}
+declare const VLabel: (props: IVLabelProps) => JSX.Element;
+export default VLabel;

package/src/components/View/VLink/App/index.d.ts

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

package/src/components/View/VLoading/index.d.ts

@@ -0,0 +1,8 @@
+import { IChildrenProps } from '../../Engine/Base';
+import { AnimationCategory, AnimationSpeed } from '../VAnimation';
+export interface ILoadingProps extends IChildrenProps {
+    animationCategory?: AnimationCategory;
+    animationSpeed?: AnimationSpeed;
+}
+declare const VLoading: (props: ILoadingProps) => JSX.Element;
+export default VLoading;

package/src/components/View/VMain/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVMainProps extends IBaseProps {
+}
+declare const VMain: (props: IVMainProps) => JSX.Element;
+export default VMain;

package/src/components/View/VMask/index.d.ts

@@ -0,0 +1,5 @@
+import { IBaseProps } from '../../Engine/Base';
+export interface IVMaskProps extends IBaseProps {
+}
+declare const VMask: (props: IVMaskProps) => JSX.Element;
+export default VMask;

package/src/components/View/VPaypal/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactPayPalScriptOptions } from '@paypal/react-paypal-js';
+import type { PayPalButtonsComponentOptions } from "@paypal/paypal-js/types/components/buttons";
+export interface IVPaypalProps {
+    options: ReactPayPalScriptOptions;
+    buttonOptions?: PayPalButtonsComponentOptions;
+}
+export interface IVPaypalStates {
+}
+declare const VPaypal: (props: IVPaypalProps) => JSX.Element;
+export default VPaypal;