@fewbox/den 0.2.0-preview.29 → 0.2.0-preview.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewbox/den",
-  "version": "0.2.0-preview.29",
+  "version": "0.2.0-preview.31",
   "main": "index.js",
   "types": "index-core.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",

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

@@ -0,0 +1,13 @@
+import { Property } from 'csstype';
+import { DockCategory, DockAlignment, DockPopoverMode } from '../types';
+interface IDockPopoverOverlayProps {
+    category: DockCategory;
+    offset: number;
+    zIndex: Property.ZIndex;
+    alignment?: DockAlignment;
+    popoverMode?: DockPopoverMode;
+    onOverlayClose?: () => void;
+    renderOverlay: () => React.JSX.Element;
+}
+declare const DockPopoverOverlay: ({ category, offset, zIndex, alignment, popoverMode, onOverlayClose, renderOverlay }: IDockPopoverOverlayProps) => React.JSX.Element;
+export default DockPopoverOverlay;

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

@@ -1,5 +1,5 @@
 import { Property } from 'csstype';
-import { DockCategory, DockAlignment } from '../';
+import { DockCategory, DockAlignment } from '../types';
 interface IDockPortalOverlayProps {
     category: DockCategory;
     offset: number;

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

@@ -1,35 +1,16 @@
 import { IBaseProps } from '../../Engine/Base';
 import { Property } from 'csstype';
-export declare const DockCategory: {
-    readonly Top: "top";
-    readonly Right: "right";
-    readonly Bottom: "bottom";
-    readonly Left: "left";
-    readonly LeftTop: "left-top";
-    readonly RightTop: "right-top";
-    readonly LeftBottom: "left-bottom";
-    readonly RightBottom: "right-bottom";
-    readonly InnerTop: "inner-top";
-    readonly InnerRight: "inner-right";
-    readonly InnerBottom: "inner-bottom";
-    readonly InnerLeft: "inner-left";
-    readonly InnerLeftTop: "inner-left-top";
-    readonly InnerRightTop: "inner-right-top";
-    readonly InnerLeftBottom: "inner-left-bottom";
-    readonly InnerRightBottom: "inner-right-bottom";
-};
-export type DockCategory = typeof DockCategory[keyof typeof DockCategory];
-export declare const DockAlignment: {
-    readonly Horizontal: "horizontal";
-    readonly Vertical: "vertical";
-};
-export type DockAlignment = typeof DockAlignment[keyof typeof DockAlignment];
-type AlignmentCategory = typeof DockCategory.LeftTop | typeof DockCategory.RightTop | typeof DockCategory.RightBottom | typeof DockCategory.LeftBottom;
-type NonAlignmentCategory = Exclude<DockCategory, AlignmentCategory>;
+import type { DockAlignment, AlignmentCategory, NonAlignmentCategory } from './types';
+import { DockPopoverMode } from './types';
+export { DockCategory, DockAlignment, DockPopoverMode } from './types';
+export type { AlignmentCategory, NonAlignmentCategory, IDockOverlayProps } from './types';
 interface IDockBaseProps extends IBaseProps {
     offset?: number;
     overlayZIndex?: Property.ZIndex;
     isPortal?: boolean;
+    isOverlayVisible?: boolean;
+    popoverMode?: DockPopoverMode;
+    onOverlayClose?: () => void;
     renderOverlay: () => React.JSX.Element;
 }
 export type IDockProps = ({
@@ -38,6 +19,5 @@ export type IDockProps = ({
 } | {
     category: NonAlignmentCategory;
 }) & IDockBaseProps;
-export declare const getOverlayStyle: (category: DockCategory, offset: number, zIndex: Property.ZIndex, alignment?: DockAlignment) => React.CSSProperties;
 declare const Dock: (props: IDockProps) => React.JSX.Element;
 export default Dock;

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

@@ -0,0 +1,39 @@
+import { Property } from 'csstype';
+export declare const DockCategory: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+    readonly LeftTop: "left-top";
+    readonly RightTop: "right-top";
+    readonly LeftBottom: "left-bottom";
+    readonly RightBottom: "right-bottom";
+    readonly InnerTop: "inner-top";
+    readonly InnerRight: "inner-right";
+    readonly InnerBottom: "inner-bottom";
+    readonly InnerLeft: "inner-left";
+    readonly InnerLeftTop: "inner-left-top";
+    readonly InnerRightTop: "inner-right-top";
+    readonly InnerLeftBottom: "inner-left-bottom";
+    readonly InnerRightBottom: "inner-right-bottom";
+};
+export type DockCategory = typeof DockCategory[keyof typeof DockCategory];
+export declare const DockAlignment: {
+    readonly Horizontal: "horizontal";
+    readonly Vertical: "vertical";
+};
+export type DockAlignment = typeof DockAlignment[keyof typeof DockAlignment];
+export declare const DockPopoverMode: {
+    readonly Manual: "manual";
+    readonly Auto: "auto";
+};
+export type DockPopoverMode = typeof DockPopoverMode[keyof typeof DockPopoverMode];
+export type AlignmentCategory = typeof DockCategory.LeftTop | typeof DockCategory.RightTop | typeof DockCategory.RightBottom | typeof DockCategory.LeftBottom;
+export type NonAlignmentCategory = Exclude<DockCategory, AlignmentCategory>;
+export interface IDockOverlayProps {
+    category: DockCategory;
+    offset: number;
+    zIndex: Property.ZIndex;
+    alignment?: DockAlignment;
+    renderOverlay: () => React.JSX.Element;
+}

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

@@ -1,4 +1,4 @@
-import { IBaseProps, IBaseStates } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { DockAlignment, DockCategory } from '../../Layout/Dock';
 export declare const TooltipCategory: {
     readonly Hover: "hover";
@@ -11,8 +11,5 @@ export interface IVTooltipProps extends IBaseProps {
     dockAlignment?: DockAlignment;
     renderOverlay: () => React.JSX.Element;
 }
-export interface IVTooltipStates extends IBaseStates {
-    isShow: boolean;
-}
 declare const VTooltip: (props: IVTooltipProps) => React.JSX.Element;
 export default VTooltip;

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

@@ -1,5 +1,5 @@
 import { IBaseProps, IBaseStates } from '../../../Engine/Base';
-import { IVTreeNode } from '..';
+import { IVTreeNode } from '../types';
 export interface IVTreeBlockProps extends IBaseProps {
     node: IVTreeNode;
     expandIcon?: React.JSX.Element;

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

@@ -1,10 +1,6 @@
 import { IBaseProps } from '../../Engine/Base';
-export interface IVTreeNode {
-    key: string;
-    name: string;
-    icon?: React.JSX.Element;
-    children?: IVTreeNode[];
-}
+export type { IVTreeNode } from './types';
+import type { IVTreeNode } from './types';
 export interface IVTreeProps extends IBaseProps {
     rootNode: IVTreeNode;
     isExpand?: boolean;

package/src/components/View/VTree/types.d.ts

@@ -0,0 +1,6 @@
+export interface IVTreeNode {
+    key: string;
+    name: string;
+    icon?: React.JSX.Element;
+    children?: IVTreeNode[];
+}

package/src/components/core.d.ts

@@ -5,7 +5,7 @@ export { default as BreakpointDisplay, ScreenSizeType, BreakpointCategory, Break
 export { default as Responsive } from './Layout/Responsive';
 export { FontSizeType, FontWeightType, FontFamilyType, BorderRadiusType, BorderStyleType, BorderWidthType, LineHeightType, LetterSpacingType, PaddingType, MarginType, GapType, OpacityType, DisplayType, VisibilityType, CursorType, OverflowType, OverflowXType, OverflowYType, ViewSizeType, ColorType, getGeneratedClassName } from './Engine';
 export type { FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, FullGapType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType, FullColorType } from './Engine';
-export { default as Dock, DockCategory, DockAlignment } from './Layout/Dock';
+export { default as Dock, DockCategory, DockAlignment, DockPopoverMode } from './Layout/Dock';
 export { default as Position, PositionCategory, PositionType } from './Layout/Position';
 export { default as PositionArea, PositionAreaCategory } from './Layout/PositionArea';
 export { default as Flex, FlexDirectionType, FlexWrapType, FlexJustifyContentType, FlexAlignItemsType, FlexAlignContentType } from './Layout/Flex';