@fewbox/den-web 0.0.106 → 0.1.2

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

@@ -1,4 +1,4 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export interface GoogleGrantToken {
     accessToken: string;
     expiresIn: string;
@@ -27,7 +27,7 @@ export declare enum GoogleGrantCategory {
     Implicit = "implicit",
     AuthorizationCode = "authorization-code"
 }
-export interface IGoogleGrantProps extends IChildrenProps {
+export interface IGoogleGrantProps extends IBaseProps {
     category?: GoogleGrantCategory;
     uxMode?: GoogleGrantUXMode;
     clientId: string;

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

@@ -1,5 +1,5 @@
-import { IChildrenProps } from '../../Engine/Base';
-export interface IWeComSigninProps extends IChildrenProps {
+import { IBaseProps } from '../../Engine/Base';
+export interface IWeComSigninProps extends IBaseProps {
     appId: string;
     agentId: string;
     redirectUrl: string;

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

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

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

@@ -0,0 +1,2 @@
+declare const NativeAttributeMap: Record<string, string[]>;
+export default NativeAttributeMap;

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

@@ -1,21 +1,14 @@
-import * as React from 'react';
-import { DirectionType, FullColorType, PseudoType, FullSizeType, FontWeightType } from '..';
+import { DirectionType, FullColorType, PseudoType, FullFontSizeType, 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 type ViewPropsKey = keyof IViewProps;
+export declare const ViewPropsKeys: ViewPropsKey[];
 export interface IViewProps {
-    rootCategory?: RootCategory;
     className?: string;
     style?: React.CSSProperties;
-    size?: FullSizeType;
+    fontSize?: FullFontSizeType;
     isAutoSize?: boolean;
-    weight?: FontWeightType;
+    fontWeight?: FontWeightType;
     frontColor?: FullColorType;
     backgroundColor?: FullColorType;
     borderColor?: FullColorType;
@@ -48,180 +41,17 @@ export interface IViewProps {
     overflowX?: Property.OverflowX;
     overflowY?: Property.OverflowY;
     isDefaultValue?: boolean;
-    key?: React.Key;
     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 type IBaseProps<T extends keyof JSX.IntrinsicElements = 'div'> = IViewProps & React.ComponentPropsWithoutRef<T>;
 export interface IBaseStates {
 }
 export interface IBaseReturn {
     getClassName: (vClassName: string) => string;
     getStyle: () => object;
-    getChildren: (props: IChildrenProps) => React.ReactNode;
+    getChildren: () => React.ReactNode;
+    getProps: <T extends keyof JSX.IntrinsicElements = 'div'>(tag: T) => object;
 }
-declare const Base: (props: IViewProps | IBaseProps) => IBaseReturn;
+declare const Base: (restProps: IBaseProps<any>) => IBaseReturn;
 export default Base;

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

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

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

@@ -85,8 +85,8 @@ export declare enum ViewSizeType {
     Window = "v-window-size"
 }
 export declare const getWeightValue: (weightType: FontWeightType) => number;
-export type FullSizeType = SizeType | string;
-export declare enum SizeType {
+export type FullFontSizeType = FontSizeType | string;
+export declare enum FontSizeType {
     Default = "font-size",
     Normal = "font-size-normal",
     Small = "font-size-small",
@@ -209,4 +209,4 @@ export declare enum ComponentType {
     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;
+export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, 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

@@ -1,5 +1,5 @@
 import { BreakpointType } from '..';
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum DisplayCategory {
     Visiable = "visiable",
     Hidden = "hidden"
@@ -9,7 +9,7 @@ export declare enum DisplayType {
     Up = "up",
     Down = "down"
 }
-export interface IDisplayProps extends IChildrenProps {
+export interface IDisplayProps extends IBaseProps {
     category: DisplayCategory;
     type?: DisplayType;
     breakpoint?: BreakpointType | BreakpointType[];

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { IChildrenProps, IEventProps, IViewProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum DockCategory {
     Top = "top",
     Right = "right",
@@ -14,7 +13,7 @@ export declare enum DockCategory {
     LeftInnerBottom = "left-inner-bottom",
     RightInnerBottom = "right-inner-bottom"
 }
-export interface IDockProps extends IChildrenProps, IEventProps, IViewProps {
+export interface IDockProps extends IBaseProps {
     category?: DockCategory;
     overlayWidth?: string;
     renderOverlay: () => JSX.Element;

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { IChildrenProps, IEventProps, IViewProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum DockCategory {
     Auto = "auto",
     Fix = "fix"
@@ -14,7 +13,7 @@ export declare enum DockType {
     LeftBottom = "left-bottom",
     RightBottom = "right-bottom"
 }
-export interface IDockProps extends IChildrenProps, IEventProps, IViewProps {
+export interface IDockProps extends IBaseProps<'div'> {
     category?: DockCategory;
     type?: DockType;
     gap?: number;

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

@@ -32,7 +32,8 @@ export declare enum FlexAlignContentType {
     SpaceAround = "space-around",
     SpaceEvenly = "space-evenly"
 }
-export interface IFlexProps extends IBaseProps {
+export interface IFlexProps extends IBaseProps<'div'> {
+    vClassName: string;
     direction?: FlexDirectionType;
     wrap?: FlexWrapType;
     justifyContent?: FlexJustifyContentType;

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

@@ -7,7 +7,7 @@ export declare enum FlexItemAlignSelfType {
     Stretch = "stretch",
     Baseline = "baseline"
 }
-export interface IFlexItemProps extends IBaseProps {
+export interface IFlexItemProps extends IBaseProps<any> {
     alignSelf?: FlexItemAlignSelfType;
     order?: Property.Order;
     basis?: Property.FlexBasis;

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { Property } from 'csstype';
 export declare enum PositionCategory {
     Edge = "edge",
@@ -18,7 +17,7 @@ export declare enum PositionType {
     RightBottom = "right-bottom",
     Center = "center"
 }
-export interface IPositionProps extends IChildrenProps {
+export interface IPositionProps extends IBaseProps {
     category: PositionCategory;
     type?: PositionType;
     top?: string;

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

@@ -1,9 +1,9 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum PositionAreaCategory {
     Default = "default",
     FullSize = "full-size"
 }
-export interface IPositionAreaProps extends IChildrenProps {
+export interface IPositionAreaProps extends IBaseProps {
     category?: PositionAreaCategory;
 }
 declare const PositionArea: (props: IPositionAreaProps) => JSX.Element;

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

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

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

@@ -1,6 +1,6 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { ISCenterProps } from '../SCenter';
-export interface ISBottomProps extends IChildrenProps {
+export interface ISBottomProps extends IBaseProps {
 }
 declare const SBottom: (props: ISCenterProps) => JSX.Element;
 export default SBottom;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 import { FlexAlignContentType, FlexJustifyContentType, FlexWrapType } from '../Flex';
 import { FlexItemAlignSelfType } from '../FlexItem';
@@ -12,7 +11,6 @@ export declare enum XCrossType {
 export interface IXBaseProps extends IBaseProps {
     gap?: string;
     cross?: XCrossType;
-    style?: React.CSSProperties;
 }
 declare const XBase: (props: IXBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetJustifyContent?: () => FlexJustifyContentType, overwriteGetAlignContent?: () => FlexAlignContentType) => JSX.Element;
 export default XBase;

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

@@ -1,8 +1,5 @@
-import { IChildrenProps } from '../../Engine/Base';
-export interface IVActionFormProps extends IChildrenProps {
-    action: string | undefined;
-    method: string | undefined;
-    target: string | undefined;
+import { IBaseProps } from '../../Engine/Base';
+export interface IVActionFormProps extends IBaseProps<'form'> {
 }
 export interface IVActionFormStates {
 }

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

@@ -1,4 +1,4 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum AnimationCategory {
     Bounce = "animate__bounce",
     Flash = "animate__flash",
@@ -117,7 +117,7 @@ export declare enum AnimationDelay {
     Delay4Second = "animate__delay-4s",
     Delay5Second = "animate__delay-5s"
 }
-export interface IVAnimationProps extends IChildrenProps {
+export interface IVAnimationProps extends IBaseProps {
     category: AnimationCategory;
     repeat?: AnimationRepeat;
     speed?: AnimationSpeed;

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

@@ -3,7 +3,7 @@ export interface SourceItem {
     src: string;
     type: string;
 }
-export interface IVAudioProps extends IBaseProps {
+export interface IVAudioProps extends IBaseProps<'audio'> {
     sources: SourceItem[];
 }
 declare const VAudio: (props: IVAudioProps) => JSX.Element;

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

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

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

@@ -1,7 +1,5 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 export interface IVBoundaryProps extends IBaseProps {
-    id?: string;
 }
-declare const VBoundary: React.ForwardRefExoticComponent<IVBoundaryProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+declare const VBoundary: import("react").ForwardRefExoticComponent<IVBoundaryProps & import("react").RefAttributes<HTMLDivElement>>;
 export default VBoundary;

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

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export declare enum ButtonCategory {
     Round = "round",
@@ -8,7 +7,6 @@ export interface IVButtonProps extends IBaseProps {
     category?: ButtonCategory;
     icon?: JSX.Element;
     caption?: string | JSX.Element;
-    onClick?: React.MouseEventHandler;
 }
 export interface IVButtonStates extends IBaseStates {
     isClick: boolean;

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

@@ -1,6 +1,6 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVCardSocialProps extends IBaseProps {
-    title: JSX.Element;
+    caption: JSX.Element;
     icon: JSX.Element;
     avatar: JSX.Element;
     name: JSX.Element;

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

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

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

@@ -1,9 +1,9 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum HandleSubmitCategory {
     Json = "json",
     FormData = "formdata"
 }
-export interface IVFormProps extends IChildrenProps {
+export interface IVFormProps extends IBaseProps<'form'> {
     handleSubmitCategory?: HandleSubmitCategory;
     handleSubmit: (json: any) => void;
     handleValidateError?: (input: HTMLInputElement) => void;

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ export declare enum HyperlinkCategory {
     Parent = "_parent",
     Top = "_top"
 }
-export interface IVHyperlinkProps extends IBaseProps {
+export interface IVHyperlinkProps extends IBaseProps<'a'> {
     category: HyperlinkCategory;
     to: string;
 }

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

@@ -6,11 +6,8 @@ export declare enum ImageCategory {
     FullSize = "full-size",
     Scale = "scale"
 }
-export interface IVImageProps extends IBaseProps {
+export interface IVImageProps extends IBaseProps<'img'> {
     category?: ImageCategory;
-    src: string;
-    srcSet?: string;
-    alt: string;
 }
 declare const VImage: (props: IVImageProps) => JSX.Element;
 export default VImage;