@fewbox/den-web 0.1.9 → 0.1.10

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

@@ -1,4 +1,4 @@
-import { IBaseProps } from '../../Engine/Base';
+import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export declare enum DockCategory {
     Top = "top",
     Right = "right",
@@ -15,8 +15,12 @@ export declare enum DockCategory {
 }
 export interface IDockProps extends IBaseProps {
     category?: DockCategory;
-    overlayWidth?: string;
+    offset?: number;
+    overlayZIndex?: number;
     renderOverlay: () => JSX.Element;
 }
-declare const Dock: React.FC<IDockProps>;
+export interface IDockStates extends IBaseStates {
+    style: React.CSSProperties;
+}
+declare const Dock: (props: IDockProps) => JSX.Element;
 export default Dock;

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

@@ -17,7 +17,7 @@ export declare enum TextAlignType {
 export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
     category?: C;
     alignType?: TextAlignType;
-    body: string | number | undefined | JSX.Element;
+    renderContent: () => JSX.Element;
 };
 declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => JSX.Element;
 export default VText;

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",
@@ -8,10 +7,7 @@ export declare enum TooltipCategory {
 export interface IVTooltipProps extends IBaseProps {
     category?: TooltipCategory;
     dockCategory?: DockCategory;
-    caption: string | JSX.Element;
-    textFrontColor: ColorType;
-    textBackgroundColor: ColorType;
-    overlay?: JSX.Element;
+    renderOverlay: () => JSX.Element;
 }
 export interface IVTooltipStates extends IBaseStates {
     isShow: boolean;

package/src/components/web.d.ts

@@ -3,7 +3,7 @@ export { BreakpointType } from './Layout';
 export { default as VZone, ZoneCategory } from './View/VZone';
 export { default as Display, DisplayCategory, DisplayType } from './Layout/Display';
 export { default as Responsive } from './Layout/Responsive';
-export { FontSizeType as SizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, ComponentType, getGeneratedClassName } from './Engine';
+export { FontSizeType, FontWeightType, FontFamilyType, BorderRadiusType, LineHeightType, LetterSpacingType, PaddingType, ViewSizeType, FullColorType, ColorType, ComponentType, getGeneratedClassName } from './Engine';
 export { default as Dock, DockCategory } from './Layout/Dock';
 export { default as Position, PositionCategory, PositionType } from './Layout/Position';
 export { default as PositionArea, PositionAreaCategory } from './Layout/PositionArea';
@@ -113,6 +113,7 @@ export { default as VMain } from './View/VMain';
 export { default as VSection } from './View/VSection';
 export { default as VMask } from './View/VMask';
 export { default as VFrame } from './View/VFrame';
+export { default as VTooltip, TooltipCategory } from './View/VTooltip';
 export { default as GoogleGrant, GoogleGrantCategory, GoogleGrantUXMode, GoogleGrantCode, GoogleGrantToken } from './Auth/GoogleGrant';
 export { default as FigmaSignin } from './Auth/FigmaSignin';
 export { default as GoogleSignin, GoogleSigninUXMode } from './Auth/GoogleSignin';

package/templates/FEWBOX.md

@@ -19,7 +19,7 @@ $body-color: #e1e1e1;
 
 ## 3. Use
 ```tsx
-import { Den } from '@fewbox/den'; // @fewbox/den-web @fewbox/den-lite
+import { Den } from '@fewbox/den'; // @fewbox/den-web
 <Den.Components.VLabel frontColor={Den.Components.ColorType.Primary} caption='Hello, FewBox!' />
 ```
 

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

@@ -1,23 +0,0 @@
-import { IBaseProps } 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 IBaseProps<'div'> {
-    category?: DockCategory;
-    type?: DockType;
-    gap?: number;
-    renderOverlay: () => JSX.Element;
-}
-declare const Dock: React.FC<IDockProps>;
-export default Dock;