@cloudtower/eagle 0.0.0-antd5-rc-1 → 0.0.0-double-rc-1

package/dist/src/coreX/DateRangePicker/DateRangePicker.style.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const CalendarStyle: {
+    Wrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    Year: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    Week: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    Month: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+};
+export declare const InputTimeStyle: {
+    Wrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+};
+export declare const AbsoluteTimeStyle: {
+    Wrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    Time: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+};
+export declare const RelativeTimeStyle: {
+    Wrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+};
+export declare const DateRangePickerStyle: {
+    Wrapper: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+    Popover: import("@linaria/core").LinariaClassName;
+    History: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+        as?: import("react").ElementType<any> | undefined;
+    }>;
+};
+export declare const ResetPopoverStyle: import("@linaria/core").LinariaClassName;

package/dist/src/coreX/DateRangePicker/InputTime.d.ts

@@ -0,0 +1,4 @@
+import { InputTimeProps } from "@src/coreX/DateRangePicker/common";
+import React from "react";
+declare const InputTime: React.FC<InputTimeProps>;
+export default InputTime;

package/dist/src/coreX/DateRangePicker/RelativeTime.d.ts

@@ -0,0 +1,4 @@
+import { RelativeTimeProps } from "@src/coreX/DateRangePicker/common";
+import React from "react";
+declare const RelativeTime: React.FC<RelativeTimeProps>;
+export default RelativeTime;

package/dist/src/coreX/DateRangePicker/common.d.ts

@@ -0,0 +1,72 @@
+import { PastTime } from "@src/spec/type";
+import { Dayjs } from "dayjs";
+import { TFunction } from "i18next";
+import React from "react";
+export type MonthAndDate = {
+    month: number;
+    dates: number[];
+    firstDateOfDay: number;
+};
+export type DateRange = [Dayjs | null, Dayjs | null];
+export type InputTimeValue = [string, string, string];
+export type CalendarProps = {
+    range?: DateRange;
+    minDate?: string | Dayjs | undefined;
+    maxDate?: string | Dayjs | undefined;
+    onChange?: (range: DateRange) => void;
+};
+export type InputTimeProps = {
+    className?: string;
+    value?: InputTimeValue;
+    danger?: boolean;
+    error?: React.ReactNode;
+    onChange?: (time: InputTimeValue) => void;
+    onBlur?: (time: InputTimeValue) => void;
+};
+export type AbsoluteTimeProps = {
+    range: DateRange;
+    minDate?: string | Dayjs | undefined;
+    maxDate?: string | Dayjs | undefined;
+    onChange: (range: DateRange) => void;
+    onOk: (range: DateRange) => void;
+};
+export declare const BASIC_RELATIVE_TIME_CONFIG: PastTime[];
+export type RelativeTimeProps = {
+    config?: PastTime[];
+    value?: PastTime;
+    search?: boolean;
+    onChange: (config: PastTime) => void;
+};
+export type DateRangePickerValue = Omit<PastTime, "disabled"> | DateRange;
+export type SetValue<T> = (obj: T | ((val: T) => T)) => void;
+export type DateRangeHistory = {
+    type: "relative" | "absolute";
+    timestamp: number;
+    value: PastTime | string[];
+}[];
+export type DateRangeHistories = {
+    [key: string]: DateRangeHistory | null | undefined;
+};
+export type DateRangePickerProps = {
+    size?: "large" | "medium";
+    value?: Omit<PastTime, "disabled"> | DateRange;
+    history?: {
+        scope: string;
+        dateRangeHistories: DateRangeHistories;
+        setDateRangeHistory: SetValue<DateRangeHistories>;
+    };
+    mode?: ("relative" | "absolute")[] | "relative" | "absolute" | undefined;
+    minDate?: string | Dayjs | undefined;
+    maxDate?: string | Dayjs | undefined;
+    onChange?: (type: "relative" | "absolute", time: DateRangePickerValue, range: DateRange) => void;
+};
+export declare function getTime(year: number, month: number, date: number): Dayjs;
+export declare function trimTime(time: Dayjs): Dayjs;
+export declare function isSameDate(first: Dayjs, second: Dayjs): boolean;
+export declare function getClassNameForDateBlock(range: DateRange, date: Dayjs, mapOfHighlightDay: Map<string, number>, disabled: boolean): string;
+export declare function getDiffMonthAndDate(first: Dayjs, second: Dayjs): string[];
+export declare function time2stringByUnit(time: string, type: "h" | "m" | "s"): string;
+export declare function time2string(time: number): string;
+export declare function getDateText(date: PastTime, t: TFunction): string;
+export declare function checkDateNotInRange(date: Dayjs, minDate?: string | Dayjs | undefined, maxDate?: string | Dayjs | undefined): boolean;
+export declare function copyDay(day: Dayjs): Dayjs;

package/dist/src/coreX/DateRangePicker/index.d.ts

@@ -0,0 +1,9 @@
+import { DateRangePickerProps } from "@src/coreX/DateRangePicker/common";
+import React from "react";
+declare const DateRangePicker: React.FC<DateRangePickerProps>;
+export default DateRangePicker;
+export { default as AbsoluteDate } from "./AbsoluteDate";
+export { default as Calendar } from "./Calendar";
+export type { DateRange as PickerDateRange } from "./common";
+export { default as InputTime } from "./InputTime";
+export { default as RelativeTime } from "./RelativeTime";

package/dist/{coreX → src/coreX}/GoBackButton/index.d.ts

@@ -1,4 +1,4 @@
+import { GoBackButtonType } from "@src/spec";
 import React from "react";
-import { GoBackButtonType } from "../../spec";
 declare const GobackButton: React.FC<GoBackButtonType>;
 export default GobackButton;

package/dist/{components → src/coreX}/I18nNameTag/index.d.ts

@@ -1,4 +1,4 @@
+import { I18nNameTagType } from "@src/spec";
 import React from "react";
-import { I18nNameTagType } from "../../spec";
 declare const I18nNameTag: React.FC<I18nNameTagType>;
 export default I18nNameTag;

package/dist/{coreX → src/coreX}/NamesTooltip/index.d.ts

@@ -1,4 +1,4 @@
+import { NamesTooltipType } from "@src/spec";
 import React from "react";
-import { NamesTooltipType } from "../../spec";
 declare const NamesTooltip: React.FC<NamesTooltipType>;
 export default NamesTooltip;

package/dist/{components → src/coreX}/OverflowTooltip/index.d.ts

@@ -1,4 +1,4 @@
+import { OverflowTooltipProps } from "@src/spec";
 import React from "react";
-import { OverflowTooltipProps } from "../../spec";
 declare const OverflowTooltip: React.FC<OverflowTooltipProps>;
 export default OverflowTooltip;

package/dist/{coreX → src/coreX}/SidebarSubtitle/index.d.ts

@@ -1,3 +1,3 @@
-import { SidebarSubtitleComponentType } from "../../spec/base";
+import { SidebarSubtitleComponentType } from "@src/spec/base";
 declare const SidebarSubtitle: SidebarSubtitleComponentType;
 export default SidebarSubtitle;

package/dist/{coreX → src/coreX}/SortableList/index.d.ts

@@ -1,3 +1,3 @@
-import { SortableListComponentType } from "../../spec";
+import { SortableListComponentType } from "@src/spec";
 declare const SortableList: SortableListComponentType;
 export default SortableList;

package/dist/{coreX → src/coreX}/SummaryTable/index.d.ts

@@ -1,5 +1,5 @@
+import { SummaryTableComponentType } from "@src/spec";
 import React, { ReactNode } from "react";
-import { SummaryTableComponentType } from "../../spec";
 export declare const SummaryTableRow: React.FunctionComponent<{
     labelWidth?: string;
     title: string | ReactNode;

package/dist/{coreX → src/coreX}/SwitchWithText/index.d.ts

@@ -1,4 +1,4 @@
+import { SwitchWithTextProps } from "@src/spec";
 import React from "react";
-import { SwitchWithTextProps } from "../../spec";
 declare const SwitchWithText: React.FC<SwitchWithTextProps>;
 export default SwitchWithText;

package/dist/src/coreX/TabMenu/index.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+export type TabMenuTab = {
+    key: string;
+    title: string | React.ReactNode;
+    items?: {
+        key: string;
+        title: string | React.ReactNode;
+        onClick?: () => void;
+        children: React.ReactNode;
+        isOverview?: boolean;
+    }[];
+    children?: React.ReactNode;
+    isAsync?: boolean;
+    skeleton?: React.ReactNode;
+    isOverview?: boolean;
+} | {
+    key: string;
+    title: string | React.ReactNode;
+    children?: React.ReactNode;
+    isAsync?: boolean;
+    skeleton?: React.ReactNode;
+    isOverview?: boolean;
+};
+export type TabMenuProps = {
+    size?: "small" | "medium";
+    theme?: "default" | "light";
+    selectedKey: string;
+    tabs: TabMenuTab[];
+    onChange?: (activeKey: string) => void;
+};
+declare const TabMenu: React.FC<TabMenuProps>;
+export default TabMenu;

package/dist/{coreX → src/coreX}/TruncatedTextWithTooltip/index.d.ts

@@ -1,5 +1,5 @@
+import { TruncateTextWithTooltipType } from "@src/spec/base";
 import React from "react";
-import { TruncateTextWithTooltipType } from "../../spec/base";
 /**
  * Before use this component,
  * Make sure text parent element has set css like below:

package/dist/src/coreX/index.d.ts

@@ -0,0 +1,4 @@
+export { default as BatchOperation, renderBatchOperationMenuItem, } from "./BatchOperation";
+export { stringifyPlan } from "./CronPlan";
+export * from "./DateRangePicker";
+export { default as DateRangePicker } from "./DateRangePicker";

package/dist/src/hooks/useElementIntersectionRatio.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "react";
+export default function useElementIntersectionRatio<Current extends HTMLElement, Parent extends HTMLElement>(el: MutableRefObject<Current | null>, parent?: MutableRefObject<Parent | null>): IntersectionObserverEntry | null;

package/dist/src/hooks/useMemoCompare.d.ts

@@ -0,0 +1,2 @@
+declare function useMemoCompare<T>(next: T, compare: (prev: T | undefined, next: T) => boolean): T | undefined;
+export default useMemoCompare;

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,13 +1,18 @@
 import "./styles/index.scss";
-export type { CardProps, DateRange, GraphType, IconProps, IDataPoint, } from "./components";
-export { antdKit, BaseIcon, Button, ButtonStyle, CannotOperationInfo, ContentWrapper, createBatchMessageMethods, Desc, FailedLoad, FullView, Icon, InputTagItem, KitStoreProvider, LightDesc, ModalStack, RadioDesc, radioStyle, tableStyleCover, tickFormatter, Truncate, Typo, useKitDispatch, useKitSelector, WizardBody, } from "./components";
-export * from "./components/TableForm/types";
+export type { CardProps, DateRange, GraphType, IconProps, IDataPoint, } from "./core";
+export { antdKit, BaseIcon, Button, ButtonStyle, CannotOperationInfo, ContentWrapper, createBatchMessageMethods, Desc, FailedLoad, FullView, Icon, InputTagItem, KitStoreProvider, LightDesc, ModalStack, RadioDesc, radioStyle, tableStyleCover, tickFormatter, Truncate, Typo, useKitDispatch, useKitSelector, WizardBody, } from "./core";
+export * from "./core/Cascader/cascader.style";
+export * from "./core/Cascader/cascader.widget";
+export { RenderMenuItem } from "./core/DropdownMenu";
+export { default as DropdownMenu } from "./core/DropdownMenu";
+export * from "./core/TableForm/types";
 export * from "./coreX";
 export { useElementsSize } from "./hooks";
 export type { AntdInputComponentType, AntdTreeSelectComponentType, BaseEnumProps, ButtonProps, DateTimeRangeProps, EnumProps, FloatProps, InputSize, IntegerFieldProps, IntFieldProps, IntProps, Kit, KitSelectProps, ModalProps, RequiredColumnProps, SorterOrder, StringProps, SummaryTableItem, TableProps, TagColor, TextAreaProps, TooltipProps, WizardSteps, } from "./spec";
 export * from "./spec/type";
 export type { CloseCb, GetModalProps, IModalProps, KitRootState, ModalType, } from "./store";
 export { closeModal, ModalActions, popModal, pushModal, UIKitStore, } from "./store";
+export * from "./styles/token";
 export * from "./UIKitProvider";
 export { default as UIKitProvider } from "./UIKitProvider";
 export * from "@cloudtower/parrot";

package/dist/{spec → src/spec}/base.d.ts

@@ -1,11 +1,15 @@
 import { StyledMeta } from "@linaria/react";
+import { CardProps } from "@src/core/Card";
+import { IEmptyProps } from "@src/core/Empty";
+import { MessageApi } from "@src/core/message";
+import { TableFormHandle, TableFormProps } from "@src/core/TableForm/types";
+import { TruncatePropTypes } from "@src/core/Truncate";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { AlertProps } from "antd/lib/alert";
 import { AutoCompleteProps } from "antd/lib/auto-complete";
 import { BadgeProps } from "antd/lib/badge";
 import { ButtonProps as AntdButtonProps, ButtonType } from "antd/lib/button";
 import { CalendarProps } from "antd/lib/calendar/generateCalendar";
-import { CascaderProps } from "antd5/lib/cascader";
 import { CheckboxGroupProps, CheckboxProps } from "antd/lib/checkbox";
 import { ColProps } from "antd/lib/col";
 import { CollapsePanelProps, CollapseProps } from "antd/lib/collapse";
@@ -48,23 +52,20 @@ import { TreeProps as AntdTreeProps } from "antd/lib/tree";
 import type TreeSelect from "antd/lib/tree-select";
 import { TextProps } from "antd/lib/typography/Text";
 import { DraggerProps, UploadProps } from "antd/lib/upload";
+import { CascaderProps } from "antd5/lib/cascader";
 import type { Dayjs } from "dayjs";
 import type { History } from "history";
 import type { Moment } from "moment";
 import React, { ForwardRefExoticComponent, PropsWithChildren, PropsWithoutRef, ReactNode, RefAttributes } from "react";
 import { Draggable } from "react-beautiful-dnd";
-import { CardProps } from "../components/Card";
-import { IEmptyProps } from "../components/Empty";
-import { MessageApi } from "../components/message";
-import { TableFormHandle, TableFormProps } from "../components/TableForm/types";
-import { TruncatePropTypes } from "../components/Truncate";
 import type { CloseButtonProps } from "../core/AccordionCard";
 import { IChartWithUnitProps, ICWTProps } from "../coreX/ChartWithTooltip";
+import { DateRangePickerProps } from "../coreX/DateRangePicker/common";
 import { IDonutChartProps } from "../coreX/DonutChart";
 import { IUnitWithChartProps } from "../coreX/UnitWithChart";
 import { SerializableObject } from "../utils/tower";
 import { FieldRenderProps } from "./react-final-form";
-import { Architecture, DropdownTransitionProps, HistoryType, IAccordionCardProps, IBreadcrumbProps, ICircleProgressProps, ICountingProps, IDetailCardProps, ISpaceProps, ITimeProps, ITimeZoneSelectProps, PropsFrom } from "./type";
+import { Architecture, DropdownTransitionProps, HistoryType, IAccordionCardProps, IBatchOperation, IBreadcrumbProps, ICircleProgressProps, ICountingProps, IDetailCardProps, IDropdownMenuProps, ISegmentedControlProps, ISpaceProps, ITimeProps, ITimeZoneSelectProps, PropsFrom } from "./type";
 export type AntdTableComponentType = <RecordType extends object = any>(props: AntdTableProps<RecordType>) => JSX.Element;
 export type AntdTreeSelectComponentType<T> = TreeSelect<T>;
 interface EmptyType extends React.FC<EmptyProps> {
@@ -296,7 +297,7 @@ export type ModalProps = Omit<AntdModalProps, "okType"> & {
         disablePrevStep?: boolean;
     } | boolean;
 };
-type SearchInputProps = Omit<InputProps, "onChange"> & {
+export type SearchInputProps = Omit<InputProps, "onChange"> & {
     onChange: (value: string) => void;
     debounceWait?: number;
 };
@@ -358,6 +359,7 @@ export type StepProps = {
     onClick?: React.MouseEventHandler<HTMLElement>;
     title: string;
     style?: React.CSSProperties;
+    disabled?: boolean;
 };
 export type IStepsProps = {
     className?: string;
@@ -368,6 +370,7 @@ export type IStepsProps = {
     stepsConfig: Array<StepProps>;
     containerClassname?: string;
     disabled?: boolean;
+    preview?: boolean;
 };
 export interface ISimplePaginationProps {
     className?: string;
@@ -544,6 +547,11 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     SummaryTable: SummaryTableComponentType;
     SortableList: SortableListComponentType;
     SidebarSubtitle: SidebarSubtitleComponentType;
+    Link: LinkComponentType;
+    DropdownMenu: React.FC<IDropdownMenuProps>;
+    BatchOperation: React.FC<IBatchOperation>;
+    DateRangePicker: React.FC<DateRangePickerProps>;
+    SegmentedControl: React.FC<ISegmentedControlProps>;
 }
 export type ArchComponentType = React.FC<{
     architecture?: Architecture;
@@ -615,15 +623,24 @@ export type OverflowTooltipProps = {
     tooltip?: React.ReactNode;
     className?: string;
     onClick?: () => void;
-    isMultiLine?: boolean;
+    multiLines?: number;
 };
 export type TruncateTextWithTooltipType = {
     text: string;
     textWrapperCls?: string;
 } & Omit<TooltipProps, "title">;
 export type I18nNameTagType = {
+    /**
+     * 需要高亮的内容，对应 i18n 词条 <1>{name}<1> 部分
+     */
     name: string;
+    /**
+     * i18n 词条 key
+     */
     i18nKey: string;
+    /**
+     * 其它透传给 i18n Trans 组件的内容，具体参考 [trans-component](https://react.i18next.com/latest/trans-component)
+     */
     [key: string]: unknown;
 };
 export type CronPlanState = {
@@ -703,4 +720,8 @@ export type SidebarSubtitleComponentType = React.FC<{
     title: string;
     className?: string;
 }>;
+type LinkProps = Omit<ButtonProps, "type"> & {
+    type?: "default" | "subtle";
+};
+export type LinkComponentType = React.ForwardRefExoticComponent<PropsWithChildren<LinkProps> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/{spec → src/spec}/type.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SegmentedProps as AntdSegmentedProps } from "antd5";
 import type { History, Location as HistoryLocation } from "history";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 export declare enum Architecture {
@@ -80,3 +81,68 @@ export type HistoryType = Omit<History, "push" | "replace" | "location" | "lengt
         (location: any): void;
     };
 };
+export interface IDropDownMenuItem {
+    type?: "single" | "group" | "divider";
+    key: string;
+    disabled?: boolean;
+    text?: string;
+    icon?: React.ReactElement;
+    hidden?: boolean;
+    onClick?: () => void;
+    danger?: boolean;
+    tooltip?: string;
+}
+export type Placement = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight";
+export interface IDropdownMenuProps {
+    items: Array<IDropDownMenuItem & {
+        title?: string;
+        children?: Array<IDropDownMenuItem>;
+    }>;
+    disabled?: boolean;
+    placement?: Placement;
+    trigger?: ("click" | "hover" | "contextMenu")[];
+    customStyle?: {
+        content: string;
+    };
+    slotsElements: {
+        trigger?: (args: object) => string | React.ReactNode;
+    };
+}
+export type NormalAction = {
+    key: string;
+    icon?: React.ReactElement;
+    title: string;
+    onClick: () => void;
+    danger?: boolean;
+    count?: number;
+    disabled?: boolean;
+    tooltip?: string;
+};
+type SubAction = {
+    key: string;
+    icon?: React.ReactElement;
+    title: string;
+    children: Array<Action>;
+    danger?: boolean;
+    canMove?: {
+        id: string;
+    }[];
+    canDelete?: {
+        id: string;
+    }[];
+};
+export type Action = NormalAction | SubAction | "divider";
+export interface IBatchOperation {
+    count: number;
+    onClearSelection: () => void;
+    actions: Action[];
+}
+export type PastTime = {
+    unit: "h" | "m" | "d";
+    value: number;
+    disabled?: boolean;
+};
+export interface ISegmentedControlProps extends Omit<AntdSegmentedProps, "ref"> {
+    size?: "small" | "middle";
+}
+export {};