@fewbox/den 0.0.99 → 0.1.16

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

@@ -5,5 +5,5 @@ export interface IVCheckBoxProps extends IBaseInputProps {
 export interface IVCheckBoxStates {
     isChecked?: boolean;
 }
-declare const VCheckBox: (props: IVCheckBoxProps) => JSX.Element;
+declare const VCheckBox: (props: IVCheckBoxProps) => React.JSX.Element;
 export default VCheckBox;

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

@@ -3,5 +3,5 @@ export interface IVColorProps extends IBaseInputProps {
 }
 export interface IVColorProps {
 }
-declare const VColor: (props: IVColorProps) => JSX.Element;
+declare const VColor: (props: IVColorProps) => React.JSX.Element;
 export default VColor;

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

@@ -3,5 +3,5 @@ export interface IVDateProps extends IBaseInputProps {
 }
 export interface IVDateProps {
 }
-declare const VDate: (props: IVDateProps) => JSX.Element;
+declare const VDate: (props: IVDateProps) => React.JSX.Element;
 export default VDate;

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

@@ -3,5 +3,5 @@ export interface IVDatetimeLocalProps extends IBaseInputProps {
 }
 export interface IVDatetimeLocalProps {
 }
-declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => JSX.Element;
+declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => React.JSX.Element;
 export default VDatetimeLocal;

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

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

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

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

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

@@ -1,30 +1,28 @@
 import { IBaseInputProps } from "..";
-import { ColorType, SizeType } from "../../../Engine";
+import { ColorType, FontSizeType } from "../../../Engine";
 export declare enum FileCategory {
     Vertical = "Vertical",
     Horizontal = "Horizontal"
 }
-export interface ImageFile {
+export interface InputFile {
     name: string;
-    objectUrl: string;
+    objectUrl?: string;
 }
 export interface IVFileProps extends IBaseInputProps {
     category?: FileCategory;
-    fileIcon: JSX.Element;
-    caption?: JSX.Element | string;
-    emptyMessage: string;
-    autoUpload?: (files: File[], complete: () => void) => void;
-    renderLoading?: () => JSX.Element;
-    loadingSize?: SizeType;
-    loadingColor?: ColorType;
-    isMultiple?: boolean;
-    accept?: string;
+    appearance: React.JSX.Element;
+    loader?: React.JSX.Element;
+    loaderSize?: FontSizeType;
+    loaderColor?: ColorType;
+    isPreview: boolean;
     previewImageWidth?: number;
     textLength?: number;
+    autoUpload?: (files: File[], complete: () => void) => void;
+    renderLoader?: () => React.JSX.Element;
 }
 export interface IVFileStates {
     isLoading: boolean;
-    imageFiles: ImageFile[];
+    inputFiles: InputFile[];
 }
-declare const VFile: (props: IVFileProps) => JSX.Element;
+declare const VFile: (props: IVFileProps) => React.JSX.Element;
 export default VFile;

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

@@ -1,11 +1,10 @@
-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;
+    renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
 }
 export interface IVGroupStates {
     selectedValue: string;
 }
-declare const VGroup: (props: IVGroupProps) => JSX.Element;
+declare const VGroup: (props: IVGroupProps) => React.JSX.Element;
 export default VGroup;

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

@@ -1,9 +1,8 @@
-import * as React from "react";
 import { IBaseInputProps } from "..";
 export interface IVHiddenProps extends IBaseInputProps {
     id?: string;
     name: string | undefined;
     value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VHidden: React.ForwardRefExoticComponent<IVHiddenProps & React.RefAttributes<HTMLInputElement>>;
+declare const VHidden: import("react").ForwardRefExoticComponent<IVHiddenProps & import("react").RefAttributes<HTMLInputElement>>;
 export default VHidden;

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

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

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

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

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

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

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

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

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

@@ -4,5 +4,5 @@ export interface IVRangeProps extends IBaseInputProps {
     controlBackgroundColor: ColorType;
     controlBorderColor: ColorType;
 }
-declare const VRange: (props: IVRangeProps) => JSX.Element;
+declare const VRange: (props: IVRangeProps) => React.JSX.Element;
 export default VRange;

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,6 @@
-import * as React from "react";
 import { IBaseInputProps } from "..";
 export interface IVTextBoxProps extends IBaseInputProps {
     enableClear?: boolean;
-    isFocus?: boolean;
 }
-declare const VTextBox: React.ForwardRefExoticComponent<IVTextBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const VTextBox: import("react").ForwardRefExoticComponent<IVTextBoxProps & import("react").RefAttributes<HTMLInputElement>>;
 export default VTextBox;

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

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

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

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

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

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

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

@@ -1,47 +1,35 @@
-import * as React from "react";
 import { IBaseProps, TLength } from "../../Engine/Base";
-import { ColorType, SizeType } from "../../Engine";
+import { ColorType, FontSizeType } from "../../Engine";
 import { LabelCategory } from "../VLabel";
 import { Property } from 'csstype';
 export interface InputExtensionItem {
-    option: JSX.Element;
+    option: React.JSX.Element;
     handleOption: (input: any) => void;
 }
-export interface IBaseInputProps extends IBaseProps {
+export interface IBaseInputProps extends IBaseProps<'input'> {
     type?: React.HTMLInputTypeAttribute | undefined;
-    icon?: JSX.Element;
+    isFocus?: boolean;
+    label?: string;
+    icon?: React.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;
+    valueSize?: FontSizeType;
     valueColor?: ColorType;
     valueCategory?: LabelCategory;
     valuePadding?: Property.Padding<TLength>;
     inputStyle?: React.CSSProperties;
     inputClassName?: string;
-    isRequired?: boolean;
-    disabled?: boolean;
-    isMultiple?: boolean;
-    accept?: string;
-    overWrite?: (inputRef: React.RefObject<HTMLInputElement>) => JSX.Element;
+    overWrite?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
 }
 export interface IVInputProps extends IBaseInputProps {
     inheritClassName?: string;
-    isFocus?: boolean;
 }
 export interface IVInputStates {
     value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VInput: React.ForwardRefExoticComponent<IVInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const VInput: import("react").ForwardRefExoticComponent<IVInputProps & import("react").RefAttributes<HTMLInputElement>>;
 export default VInput;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 export declare enum LabelCategory {
     Div = "div",
@@ -35,6 +34,7 @@ export declare enum LabelCategory {
     Var = "var",
     Wbr = "wbr"
 }
+type ElementOf<C extends LabelCategory> = C;
 export declare enum LabelType {
     Default = "default",
     Circle = "circle"
@@ -45,16 +45,12 @@ export declare enum LabelAlignType {
     Right = 2,
     Center = 3
 }
-export interface IVLabelProps extends IBaseProps {
-    category?: LabelCategory;
+export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBaseProps<ElementOf<C>> & {
+    category?: C;
     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;
+    caption: string | React.JSX.Element;
+};
+declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => React.JSX.Element;
 export default VLabel;

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

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

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

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

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

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

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

@@ -16,5 +16,5 @@ export interface IVPhotoProps extends IBaseProps {
     width?: string;
     height?: string;
 }
-declare const VPhoto: (props: IVPhotoProps) => JSX.Element;
+declare const VPhoto: (props: IVPhotoProps) => React.JSX.Element;
 export default VPhoto;

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

@@ -1,8 +1,6 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
-export interface IVRootProps extends IBaseProps {
+export interface IVRootProps extends IBaseProps<any> {
     vClassName: string;
-    id?: string;
 }
-declare const VRoot: React.ForwardRefExoticComponent<IVRootProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+declare const VRoot: import("react").ForwardRefExoticComponent<Omit<IVRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default VRoot;

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

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
-export interface IVSectionProps extends IBaseProps {
+export interface IVSectionProps extends IBaseProps<'section'> {
 }
-declare const VSection: (props: IVSectionProps) => JSX.Element;
+declare const VSection: (props: IVSectionProps) => React.JSX.Element;
 export default VSection;

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

@@ -3,12 +3,12 @@ export interface ISelectItemData {
     caption: string;
     value: string;
 }
-export interface IVSelectProps extends IBaseProps {
+export interface IVSelectProps extends IBaseProps<'select'> {
     name?: string;
     items: ISelectItemData[];
     value?: string;
     isMultiple?: boolean;
     fontFamily?: string;
 }
-declare const VSelect: (props: IVSelectProps) => JSX.Element;
+declare const VSelect: (props: IVSelectProps) => React.JSX.Element;
 export default VSelect;

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

@@ -11,5 +11,5 @@ export interface IVShadowProps extends IBaseProps {
     spread?: number;
     color?: string;
 }
-declare const VShadow: (props: IVShadowProps) => JSX.Element;
+declare const VShadow: (props: IVShadowProps) => React.JSX.Element;
 export default VShadow;

package/src/components/View/VShape/VEllipse/index.d.ts

@@ -6,5 +6,5 @@ export declare enum EllipseCategory {
 export interface IVEllipseProps extends IBaseProps {
     category?: EllipseCategory;
 }
-declare const VEllipse: (props: IVEllipseProps) => JSX.Element;
+declare const VEllipse: (props: IVEllipseProps) => React.JSX.Element;
 export default VEllipse;

package/src/components/View/VShape/VLine/index.d.ts

@@ -6,5 +6,5 @@ export declare enum LineCategory {
 export interface IVLineProps extends IBaseProps {
     category: LineCategory;
 }
-declare const VLine: (props: IVLineProps) => JSX.Element;
+declare const VLine: (props: IVLineProps) => React.JSX.Element;
 export default VLine;

package/src/components/View/VShape/VRectangle/index.d.ts

@@ -6,5 +6,5 @@ export declare enum RectangleCategory {
 export interface IVRectangleProps extends IBaseProps {
     category?: RectangleCategory;
 }
-declare const VRectangle: (props: IVRectangleProps) => JSX.Element;
+declare const VRectangle: (props: IVRectangleProps) => React.JSX.Element;
 export default VRectangle;

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

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

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 export declare enum SvgCategory {
     Default = "default",
@@ -12,5 +11,5 @@ export interface IVSvgProps extends IBaseProps {
     onMouseEnter?: React.MouseEventHandler<any>;
     onMouseLeave?: React.MouseEventHandler<any>;
 }
-declare const VSvg: (props: IVSvgProps) => JSX.Element;
+declare const VSvg: (props: IVSvgProps) => React.JSX.Element;
 export default VSvg;

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

@@ -1,7 +1,7 @@
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export interface IVSwitchProps extends IBaseProps {
     isOn: boolean;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     gap?: string;
     isDisabled?: boolean;
     onSwitch?: (isOn: boolean) => void;
@@ -9,5 +9,5 @@ export interface IVSwitchProps extends IBaseProps {
 export interface IVSwitchStates extends IBaseStates {
     isOn: boolean;
 }
-declare const VSwitch: (props: IVSwitchProps) => JSX.Element;
+declare const VSwitch: (props: IVSwitchProps) => React.JSX.Element;
 export default VSwitch;

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

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
-export interface IVTemplateProps extends IBaseProps {
+export interface IVTemplateProps extends IBaseProps<'template'> {
 }
-declare const VTemplate: (props: IVTemplateProps) => JSX.Element;
+declare const VTemplate: (props: IVTemplateProps) => React.JSX.Element;
 export default VTemplate;

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

@@ -7,16 +7,17 @@ export declare enum TextCategory {
     Details = "details",
     Section = "section"
 }
+type ElementOf<C extends TextCategory> = C;
 export declare enum TextAlignType {
     Justify = 0,
     Left = 1,
     Right = 2,
     Center = 3
 }
-export interface IVTextProps extends IBaseProps {
-    category?: TextCategory;
+export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
+    category?: C;
     alignType?: TextAlignType;
-    content: string | number | undefined | JSX.Element;
-}
-declare const VText: (props: IVTextProps) => JSX.Element;
+    renderContent: () => React.JSX.Element;
+};
+declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => React.JSX.Element;
 export default VText;

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

@@ -1,9 +1,6 @@
-import * as React from 'react';
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
-export interface IVTextAreaProps extends IBaseProps {
-    id?: string;
-    name?: string;
-    icon?: JSX.Element;
+export interface IVTextAreaProps extends IBaseProps<'textarea'> {
+    icon?: React.JSX.Element;
     placeholder?: string;
     isRequired?: boolean;
     rows: number;
@@ -14,5 +11,5 @@ export interface IVTextAreaProps extends IBaseProps {
 export interface IVTextAreaStates extends IBaseStates {
     value?: string | ReadonlyArray<string> | number | undefined;
 }
-declare const VTextArea: React.ForwardRefExoticComponent<IVTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const VTextArea: import("react").ForwardRefExoticComponent<IVTextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export default VTextArea;

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

@@ -1,6 +1,5 @@
-import * as React from 'react';
-import { BorderRadiusType, ColorType, FontFamilyType, SizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
-import { IChildrenProps } from '../../Engine/Base';
+import { BorderRadiusType, ColorType, FontFamilyType, FontSizeType, FontWeightType, LetterSpacingType, LineHeightType, PaddingType, ViewSizeType } from '../../Engine';
+import { IBaseProps } from '../../Engine/Base';
 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> {
     colors: {
         [key in C]: string;
@@ -34,10 +33,10 @@ export declare enum ThemeCategory {
     Global = "global",
     Area = "area"
 }
-export interface IVThemeProps extends IChildrenProps {
+export interface IVThemeProps extends IBaseProps {
     category?: ThemeCategory;
     area?: string;
-    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>;
+    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>;
 }
 declare const VTheme: React.FC<IVThemeProps>;
 export default VTheme;

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

@@ -1,5 +1,4 @@
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
-import { ColorType } from '../../Engine';
 import { DockCategory } from '../../Layout/Dock';
 export declare enum TooltipCategory {
     Hover = "hover",
@@ -7,14 +6,11 @@ export declare enum TooltipCategory {
 }
 export interface IVTooltipProps extends IBaseProps {
     category?: TooltipCategory;
-    dockCategory?: DockCategory;
-    caption: string | JSX.Element;
-    textFrontColor: ColorType;
-    textBackgroundColor: ColorType;
-    content?: JSX.Element;
+    dockCategory: DockCategory;
+    renderOverlay: () => React.JSX.Element;
 }
 export interface IVTooltipStates extends IBaseStates {
     isShow: boolean;
 }
-declare const VTooltip: (props: IVTooltipProps) => JSX.Element;
+declare const VTooltip: (props: IVTooltipProps) => React.JSX.Element;
 export default VTooltip;

package/src/components/View/VTree/Block/index.d.ts

@@ -2,13 +2,13 @@ import { IBaseProps, IBaseStates } from '../../../Engine/Base';
 import { IVTreeNode } from '..';
 export interface IVTreeBlockProps extends IBaseProps {
     node: IVTreeNode;
-    expandIcon?: JSX.Element;
-    collapseIcon?: JSX.Element;
+    expandIcon?: React.JSX.Element;
+    collapseIcon?: React.JSX.Element;
     isExpand?: boolean;
-    renderItem?: (node: IVTreeNode) => JSX.Element;
+    renderItem?: (node: IVTreeNode) => React.JSX.Element;
 }
 export interface IVTreeBlockStates extends IBaseStates {
     isExpand?: boolean;
 }
-declare const VTreeBlock: (props: IVTreeBlockProps) => JSX.Element;
+declare const VTreeBlock: (props: IVTreeBlockProps) => React.JSX.Element;
 export default VTreeBlock;