@vef-framework/components 2.0.10 → 2.1.0

package/dist/types/src/_base/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from './breakpoints';
+export * from './common';
+export * from './css-vars';
+export * from './theme';

package/dist/types/src/_base/constants/theme.d.ts

@@ -0,0 +1,8 @@
+export interface ThemeColorTokens {
+    colors: Record<string, string | number>;
+}
+export interface GlobalThemeTokens {
+    light: ThemeColorTokens;
+    dark: ThemeColorTokens;
+}
+export declare const globalThemeTokens: GlobalThemeTokens;

package/dist/types/src/_base/helpers/breakpoints.d.ts

@@ -0,0 +1,7 @@
+import { MaybeUndefined } from '@vef-framework/shared';
+import { Breakpoint, Length } from '../types';
+/**
+ * Resolves a breakpoint value from a partial breakpoints config.
+ * Falls back to the nearest defined breakpoint value (smaller first, then larger).
+ */
+export declare function resolveBreakpointValue(breakpointValues: Partial<Record<Breakpoint, Length>>, breakpoint: Breakpoint): MaybeUndefined<Length>;

package/dist/types/src/_base/helpers/color.d.ts

@@ -0,0 +1,3 @@
+import { PresetColor, SemanticColor } from '../types';
+export declare function isPresetColor(color: string): color is PresetColor;
+export declare function isSemanticColor(color: string): color is SemanticColor;

package/dist/types/src/_base/helpers/common.d.ts

@@ -0,0 +1,8 @@
+import { MaybeUndefined } from '@vef-framework/shared';
+import { Length, Size } from '../types';
+export declare function getSpacingValue(value: Length): string;
+/**
+ * Maps VEF Framework size to Ant Design size.
+ * Ant Design uses "middle" instead of the standard "medium".
+ */
+export declare function mapSize(size?: Size): MaybeUndefined<"small" | "middle" | "large">;

package/dist/types/src/_base/helpers/index.d.ts

@@ -0,0 +1,8 @@
+export * from './breakpoints';
+export * from './color';
+export * from './common';
+export * from './message';
+export * from './modal';
+export * from './notification';
+export * from './props';
+export * from './react';

package/dist/types/src/_base/helpers/message.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export declare function showSuccessMessage(content: ReactNode): void;
+export declare function showInfoMessage(content: ReactNode): void;
+export declare function showWarningMessage(content: ReactNode): void;
+export declare function showErrorMessage(content: ReactNode): void;
+export interface LoadingMessageHandle {
+    close: () => void;
+    update: (content: ReactNode) => void;
+}
+export declare function showLoadingMessage(content: ReactNode): LoadingMessageHandle;
+export declare function closeAllMessages(): void;

package/dist/types/src/_base/helpers/modal.d.ts

@@ -0,0 +1,31 @@
+import { Awaitable, Except } from '@vef-framework/shared';
+import { ButtonProps } from 'antd';
+import { ReactNode } from 'react';
+import { Length } from '../types';
+export interface ConfirmOptions {
+    title?: ReactNode;
+    okText?: ReactNode;
+    cancelText?: ReactNode;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    width?: Length;
+    closable?: boolean;
+    onOk?: () => Awaitable<void>;
+    onCancel?: () => Awaitable<void>;
+    onAfterOpen?: () => void;
+    onAfterClose?: () => void;
+}
+export type AlertOptions = Except<ConfirmOptions, "cancelText" | "cancelButtonProps">;
+export interface ModalHandle {
+    close: () => void;
+    update: (content: ReactNode, options?: ConfirmOptions) => void;
+}
+export interface AlertHandle {
+    close: () => void;
+    update: (content: ReactNode, options?: AlertOptions) => void;
+}
+export declare function showConfirm(content: ReactNode, options?: ConfirmOptions): ModalHandle;
+export declare function showSuccessAlert(content: ReactNode, options?: AlertOptions): AlertHandle;
+export declare function showInfoAlert(content: ReactNode, options?: AlertOptions): AlertHandle;
+export declare function showWarningAlert(content: ReactNode, options?: AlertOptions): AlertHandle;
+export declare function showErrorAlert(content: ReactNode, options?: AlertOptions): AlertHandle;

package/dist/types/src/_base/helpers/notification.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface NotificationOptions {
+    title?: ReactNode;
+    duration?: number;
+    actions?: ReactNode;
+    closable?: boolean;
+    icon?: ReactNode;
+}
+export interface NotificationHandle {
+    close: () => void;
+    update: (content: ReactNode, options?: NotificationOptions) => void;
+}
+export declare function showSuccessNotification(content: ReactNode, options?: NotificationOptions): NotificationHandle;
+export declare function showInfoNotification(content: ReactNode, options?: NotificationOptions): NotificationHandle;
+export declare function showWarningNotification(content: ReactNode, options?: NotificationOptions): NotificationHandle;
+export declare function showErrorNotification(content: ReactNode, options?: NotificationOptions): NotificationHandle;
+export declare function closeAllNotifications(): void;

package/dist/types/src/_base/helpers/props.d.ts

@@ -0,0 +1,5 @@
+export type FilteredProps<T extends Record<string, unknown>> = {
+    [K in keyof T]-?: T[K] extends undefined ? never : T[K];
+};
+export declare function filterProps<T extends Record<string, unknown>>(props: T): FilteredProps<T>;
+export declare function mergeProps<TProps extends Record<string, unknown>, TDefault extends TProps>(props: TProps, defaultProps: TDefault): TDefault & FilteredProps<TProps>;

package/dist/types/src/_base/helpers/react.d.ts

@@ -0,0 +1,2 @@
+import { FragmentProps, ReactElement, ReactNode } from 'react';
+export declare function isFragment(node: ReactNode): node is ReactElement<FragmentProps>;

package/dist/types/src/_base/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-theme-tokens';

package/dist/types/src/_base/hooks/use-theme-tokens.d.ts

@@ -0,0 +1,2 @@
+import { GlobalToken } from 'antd';
+export declare function useThemeTokens(): GlobalToken;

package/dist/types/src/_base/index.d.ts

@@ -0,0 +1,5 @@
+export * from './constants';
+export * from './helpers';
+export * from './hooks';
+export * from './styles';
+export * from './types';

package/dist/types/src/_base/styles/common.d.ts

@@ -0,0 +1,4 @@
+import { SerializedStyles } from '@emotion/react';
+export declare const fullWidth: SerializedStyles;
+export declare const fullHeight: SerializedStyles;
+export declare const fullSize: SerializedStyles;

package/dist/types/src/_base/styles/index.d.ts

@@ -0,0 +1 @@
+export * as styles from './common';

package/dist/types/src/_base/types/breakpoints.d.ts

@@ -0,0 +1,2 @@
+import { breakpoints } from '../constants';
+export type Breakpoint = keyof typeof breakpoints;

package/dist/types/src/_base/types/common.d.ts

@@ -0,0 +1,41 @@
+import { PermissionCheckMode } from '@vef-framework/core';
+import { AnyObject, Awaitable, EmptyObject, If, IsNever, LiteralUnion, Simplify } from '@vef-framework/shared';
+import { ReactNode, Ref } from 'react';
+import { ButtonColor, ButtonVariant } from '../../button';
+import { colors, fullSizes, presetColors, semanticColors, semanticScenes, sizes } from '../constants';
+export type PresetColor = (typeof presetColors)[number];
+export type SemanticScene = (typeof semanticScenes)[number];
+export type SemanticColor = (typeof semanticColors)[number];
+export type Color = Simplify<PresetColor | SemanticColor>;
+export type Colors = typeof colors;
+export type Size = (typeof sizes)[number];
+export type FullSize = (typeof fullSizes)[number];
+export type Orientation = "horizontal" | "vertical";
+export type ActionConfirmMode = "popover" | "dialog";
+export type Length = string | number;
+export type ActionButtonMaybeComputed<TContext, TValue> = If<IsNever<TContext>, TValue, TValue | ((context: TContext) => TValue)>;
+export type SizeableLength<TSize extends FullSize | Size> = LiteralUnion<TSize, Length>;
+export type { GetProp, GetProps, GetRef } from 'antd';
+export type PropsWithRef<TRef, TProps extends AnyObject = EmptyObject> = TProps & {
+    ref?: Ref<TRef>;
+};
+export interface Position {
+    x: number;
+    y: number;
+}
+export interface ActionButtonConfig<TContext = never> {
+    key: string;
+    label: string;
+    disabled?: ActionButtonMaybeComputed<TContext, boolean>;
+    hidden?: ActionButtonMaybeComputed<TContext, boolean>;
+    color?: ButtonColor;
+    variant?: ButtonVariant;
+    icon?: ReactNode;
+    permTokens?: string[];
+    checkMode?: PermissionCheckMode;
+    confirmable?: ActionButtonMaybeComputed<TContext, boolean>;
+    confirmMode?: ActionButtonMaybeComputed<TContext, ActionConfirmMode>;
+    confirmTitle?: ActionButtonMaybeComputed<TContext, ReactNode>;
+    confirmDescription?: ActionButtonMaybeComputed<TContext, ReactNode>;
+    onClick: (context: If<IsNever<TContext>, void, TContext>) => Awaitable<void>;
+}

package/dist/types/src/_base/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './breakpoints';
+export * from './common';

package/dist/types/src/action-button/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionButtonProps } from './props';
+export declare function ActionButton({ confirmable, confirmMode, confirmTitle, confirmDescription, onClick, ...props }: ActionButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type ActionButtonProps } from './props';

package/dist/types/src/action-button/props.d.ts

@@ -0,0 +1,39 @@
+import { Awaitable, Except, SetReturnType } from '@vef-framework/shared';
+import { ReactNode } from 'react';
+import { ActionConfirmMode, GetProp } from '../_base';
+import { ButtonProps } from '../button';
+/**
+ * The props for the ActionButton component.
+ *
+ * @see {@link ButtonProps}
+ */
+export interface ActionButtonProps extends Except<ButtonProps, "loading" | "onClick"> {
+    /**
+     * Whether the action requires confirm before execution.
+     *
+     * @default false
+     */
+    confirmable?: boolean;
+    /**
+     * The confirm mode for the action.
+     *
+     * @default "popover"
+     */
+    confirmMode?: ActionConfirmMode;
+    /**
+     * The title of the confirm dialog.
+     *
+     * @default "确认提示"
+     */
+    confirmTitle?: ReactNode;
+    /**
+     * The description of the confirm dialog.
+     *
+     * @default "确定要执行此操作吗？"
+     */
+    confirmDescription?: ReactNode;
+    /**
+     * The click handler that supports async operations.
+     */
+    onClick?: SetReturnType<GetProp<ButtonProps, "onClick">, Awaitable<void>>;
+}

package/dist/types/src/action-button/use-action-button.d.ts

@@ -0,0 +1,12 @@
+import { Except, SetRequired } from '@vef-framework/shared';
+import { MouseEvent, MouseEventHandler } from 'react';
+import { ButtonProps } from '../button';
+import { ActionButtonProps } from './props';
+type UseActionButtonOptions = SetRequired<Except<ActionButtonProps, keyof Except<ButtonProps, "loading" | "onClick">>, "confirmable" | "confirmMode" | "confirmTitle" | "confirmDescription">;
+interface UseActionButtonReturn {
+    loading: boolean;
+    invokeClickAction: (event: MouseEvent<HTMLElement>, waitForActionDone?: boolean) => Promise<void>;
+    handleClick: MouseEventHandler<HTMLElement>;
+}
+export declare function useActionButton({ confirmable, confirmMode, confirmTitle, confirmDescription, onClick }: UseActionButtonOptions): UseActionButtonReturn;
+export {};

package/dist/types/src/action-group/index.d.ts

@@ -0,0 +1,7 @@
+import { EmptyObject, If, IsNever } from '@vef-framework/shared';
+import { ReactNode } from 'react';
+import { ActionGroupProps } from './props';
+export declare function ActionGroup<TContext = never>(props: ActionGroupProps<TContext> & If<IsNever<TContext>, EmptyObject, {
+    context: TContext;
+}>): ReactNode;
+export { type ActionGroupProps } from './props';

package/dist/types/src/action-group/props.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { ActionButtonConfig } from '../_base';
+import { ButtonProps } from '../button';
+/**
+ * The props of the action group.
+ *
+ * @template T - The context type of the action group.
+ */
+export interface ActionGroupProps<T = never> extends Pick<ButtonProps, "size"> {
+    /**
+     * The buttons of the action group.
+     */
+    buttons: Array<ActionButtonConfig<T>>;
+    /**
+     * The render wrapper of the action group.
+     */
+    renderWrapper?: (buttonsNode: ReactNode) => ReactNode;
+}

package/dist/types/src/action-group/use-action-group.d.ts

@@ -0,0 +1,8 @@
+import { EmptyObject, If, IsNever } from '@vef-framework/shared';
+import { ActionGroupProps } from './props';
+import { ReactNode } from 'react';
+export declare function useActionGroup<TContext>(props: ActionGroupProps<TContext> & If<IsNever<TContext>, EmptyObject, {
+    context: TContext;
+}>): {
+    buttonNodes: ReactNode[];
+};

package/dist/types/src/action-group/use-computed-action-buttons.d.ts

@@ -0,0 +1,12 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { ReactNode } from 'react';
+import { ActionButtonConfig } from '../_base';
+/**
+ * The hook to compute the action buttons.
+ *
+ * @param buttons - The action button configs.
+ * @param size - The button size.
+ * @param context - The context.
+ * @returns The computed action buttons.
+ */
+export declare function useComputedActionButtons<TContext>(buttons: Array<ActionButtonConfig<TContext>>, size: SizeType, context: TContext): ReactNode[];

package/dist/types/src/affix/index.d.ts

@@ -0,0 +1,2 @@
+export { Affix } from 'antd';
+export type { AffixProps } from 'antd';

package/dist/types/src/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert } from 'antd';
+export type { AlertProps } from 'antd';

package/dist/types/src/anchor/index.d.ts

@@ -0,0 +1,4 @@
+import { AnchorLinkItemProps } from 'antd/es/anchor/Anchor';
+export { Anchor } from 'antd';
+export type { AnchorProps } from 'antd';
+export type AnchorLinkItem = AnchorLinkItemProps;

package/dist/types/src/auto-complete/index.d.ts

@@ -0,0 +1,4 @@
+import { DataSourceItemType } from 'antd/es/auto-complete/AutoComplete';
+export { AutoComplete } from 'antd';
+export type { AutoCompleteProps } from 'antd';
+export type AutoCompleteOption = DataSourceItemType;

package/dist/types/src/avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from 'antd';
+export type { AvatarProps } from 'antd';
+export type { AvatarGroupProps } from 'antd/es/avatar/AvatarGroup';

package/dist/types/src/badge/index.d.ts

@@ -0,0 +1,4 @@
+import { RibbonProps } from 'antd/es/badge/Ribbon';
+export { Badge } from 'antd';
+export type { BadgeProps } from 'antd';
+export type BadgeRibbonProps = RibbonProps;

package/dist/types/src/bool/index.d.ts

@@ -0,0 +1,4 @@
+import { BoolProps } from './props';
+import { MemoExoticComponent } from 'react';
+export declare const Bool: MemoExoticComponent<(props: BoolProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export type { BoolProps, BoolVariant } from './props';

package/dist/types/src/bool/props.d.ts

@@ -0,0 +1,67 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Size } from '../_base';
+/**
+ * The variant of the Bool component
+ */
+export type BoolVariant = "radio" | "radio-button" | "switch" | "checkbox";
+/**
+ * The props for the `Bool` component
+ */
+export interface BoolProps {
+    /**
+     * The class name of the component.
+     */
+    className?: string;
+    /**
+     * The style of the component.
+     */
+    style?: CSSProperties;
+    /**
+     * The value of the component (controlled).
+     */
+    value?: boolean;
+    /**
+     * The default value of the component (uncontrolled).
+     */
+    defaultValue?: boolean;
+    /**
+     * The variant of the component.
+     *
+     * @default "switch"
+     */
+    variant?: BoolVariant;
+    /**
+     * The label for the true/checked state.
+     * - For radio variant: displayed on the true radio option
+     * - For radio-button variant: displayed on the true button
+     * - For switch variant: displayed inside the switch when checked
+     *
+     * @default "是"
+     */
+    trueLabel?: ReactNode;
+    /**
+     * The label for the false/unchecked state.
+     * - For radio variant: displayed on the false radio option
+     * - For radio-button variant: displayed on the false button
+     * - For switch variant: displayed inside the switch when unchecked
+     *
+     * @default "否"
+     */
+    falseLabel?: ReactNode;
+    /**
+     * Whether the component is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The size of the component.
+     */
+    size?: Size;
+    /**
+     * The callback function when the value changes.
+     */
+    onChange?: (value: boolean) => void;
+    /**
+     * The label text for switch/checkbox variants.
+     */
+    children?: ReactNode;
+}

package/dist/types/src/breadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+import { ItemType } from 'antd/es/breadcrumb/Breadcrumb';
+export { Breadcrumb } from 'antd';
+export type { BreadcrumbProps } from 'antd';
+export type BreadcrumbItem = ItemType;
+export { type BreadcrumbItemType, type BreadcrumbSeparatorType } from 'antd/es/breadcrumb/Breadcrumb';

package/dist/types/src/button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from 'antd';
+export type { ButtonProps } from 'antd';
+export type { ButtonColorType as ButtonColor, ButtonVariantType as ButtonVariant } from 'antd/es/button';

package/dist/types/src/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar } from 'antd';
+export type { CalendarProps } from 'antd';

package/dist/types/src/card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from 'antd';
+export type { CardProps } from 'antd';
+export type { CardGridProps, CardMetaProps } from 'antd/es/card';

package/dist/types/src/carousel/index.d.ts

@@ -0,0 +1,3 @@
+export { Carousel } from 'antd';
+export type { CarouselProps } from 'antd';
+export { type DotPlacement as CarouselDotPlacement, type CarouselEffect, type CarouselRef } from 'antd/es/carousel';

package/dist/types/src/cascader/index.d.ts

@@ -0,0 +1,3 @@
+export { Cascader } from 'antd';
+export type { CascaderProps } from 'antd';
+export type { DefaultOptionType as CascaderOption } from 'antd/es/cascader';

package/dist/types/src/center/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithRef } from '../_base';
+import { CenterProps } from './props';
+export declare function Center({ ref, children, gap, ...props }: PropsWithRef<HTMLDivElement, CenterProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type CenterProps } from './props';

package/dist/types/src/center/props.d.ts

@@ -0,0 +1,13 @@
+import { Except, LiteralUnion } from '@vef-framework/shared';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { CSSProperties } from 'react';
+import { FlexProps } from '../flex';
+/**
+ * The props for the center component.
+ */
+export interface CenterProps extends Except<FlexProps, "vertical" | "gap" | "justify" | "align"> {
+    /**
+     * The gap between the items.
+     */
+    gap?: LiteralUnion<SizeType, CSSProperties["gap"]>;
+}

package/dist/types/src/charts/chart.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties, MemoExoticComponent } from 'react';
+import { PropsWithRef } from '../_base';
+import { UseChartOptions } from './hooks';
+export interface ChartProps extends UseChartOptions {
+    className?: string;
+    style?: CSSProperties;
+    deepMemo?: boolean;
+}
+declare function ChartComponent({ className, style, ref, deepMemo: _deepMemo, ...options }: PropsWithRef<HTMLDivElement, ChartProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Chart: MemoExoticComponent<typeof ChartComponent>;
+export {};

package/dist/types/src/charts/helpers/group.d.ts

@@ -0,0 +1,2 @@
+export declare function connectCharts(groupId: string): void;
+export declare function disconnectCharts(groupId: string): void;

package/dist/types/src/charts/helpers/index.d.ts

@@ -0,0 +1 @@
+export { connectCharts, disconnectCharts } from './group';

package/dist/types/src/charts/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useChart } from './use-chart';
+export type { ChartInstance, ChartOption, UseChartOptions } from './use-chart';

package/dist/types/src/charts/hooks/use-chart.d.ts

@@ -0,0 +1,15 @@
+import { AnyObject, Except } from '@vef-framework/shared';
+import { ECharts, EChartsInitOpts, EChartsOption, SetOptionOpts } from 'echarts';
+import { RefObject } from 'react';
+export interface UseChartOptions extends Except<EChartsInitOpts, "width" | "height">, SetOptionOpts {
+    option: EChartsOption;
+    theme?: "walden" | "wonderland" | AnyObject;
+    loading?: boolean;
+    width?: number | "auto";
+    height?: number | "auto";
+    group?: string;
+    onReady?: (chart: ECharts) => void;
+    onBeforeDispose?: (chart: ECharts) => void;
+}
+export declare function useChart({ option, theme, loading, group, onReady, onBeforeDispose, notMerge, replaceMerge, lazyUpdate, silent, transition, renderer, devicePixelRatio, width, height, ssr, useCoarsePointer, useDirtyRect, pointerSize, locale }: UseChartOptions): RefObject<HTMLDivElement | null>;
+export type { ECharts as ChartInstance, EChartsOption as ChartOption } from 'echarts';

package/dist/types/src/charts/index.d.ts

@@ -0,0 +1,4 @@
+export { Chart, type ChartProps } from './chart';
+export { connectCharts, disconnectCharts } from './helpers';
+export { useChart } from './hooks';
+export type { ChartInstance, ChartOption, UseChartOptions } from './hooks';

package/dist/types/src/charts/themes/index.d.ts

@@ -0,0 +1,4 @@
+export { registerWaldenTheme } from './walden';
+export { registerWaldenDarkTheme } from './walden-dark';
+export { registerWonderlandTheme } from './wonderland';
+export { registerWonderlandDarkTheme } from './wonderland-dark';

package/dist/types/src/charts/themes/walden-dark.d.ts

@@ -0,0 +1 @@
+export declare function registerWaldenDarkTheme(): void;

package/dist/types/src/charts/themes/walden.d.ts

@@ -0,0 +1 @@
+export declare function registerWaldenTheme(): void;

package/dist/types/src/charts/themes/wonderland-dark.d.ts

@@ -0,0 +1 @@
+export declare function registerWonderlandDarkTheme(): void;

package/dist/types/src/charts/themes/wonderland.d.ts

@@ -0,0 +1 @@
+export declare function registerWonderlandTheme(): void;

package/dist/types/src/checkbox/index.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxOptionType } from 'antd';
+export { Checkbox } from 'antd';
+export type { CheckboxProps } from 'antd';
+export type { CheckboxGroupProps } from 'antd/es/checkbox';
+export type CheckboxOption<T = any> = CheckboxOptionType<T>;

package/dist/types/src/code-highlighter/index.d.ts

@@ -0,0 +1,3 @@
+import { CodeHighlighterProps } from './props';
+export declare function CodeHighlighter({ children, language, showLineNumbers, startingLineNumber, wrapLines, wrapLongLines, className, style, customStyle, lineProps }: CodeHighlighterProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type CodeHighlighterProps } from './props';

package/dist/types/src/code-highlighter/props.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties } from 'react';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+/**
+ * The props of the CodeHighlighter component.
+ */
+export interface CodeHighlighterProps {
+    /**
+     * The code string to highlight.
+     */
+    children: string;
+    /**
+     * The programming language for syntax highlighting.
+     *
+     * @default "typescript"
+     */
+    language?: string;
+    /**
+     * Whether to show line numbers.
+     *
+     * @default false
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Starting line number when showLineNumbers is true.
+     *
+     * @default 1
+     */
+    startingLineNumber?: number;
+    /**
+     * Whether to wrap long lines.
+     *
+     * @default false
+     */
+    wrapLines?: boolean;
+    /**
+     * Whether to wrap long lines with a scrollbar instead of breaking them.
+     *
+     * @default true
+     */
+    wrapLongLines?: boolean;
+    /**
+     * Additional CSS class name for the component.
+     */
+    className?: string;
+    /**
+     * Custom CSS styles to apply to the component.
+     */
+    style?: CSSProperties;
+    /**
+     * Custom style object for the syntax highlighter.
+     * You can import styles from 'react-syntax-highlighter/dist/esm/styles/prism'.
+     */
+    customStyle?: CSSProperties;
+    /**
+     * Lines to highlight (e.g., [1, 3, 5] or "1,3,5-7").
+     */
+    lineProps?: SyntaxHighlighterProps["lineProps"];
+}

package/dist/types/src/col/index.d.ts

@@ -0,0 +1,2 @@
+export { Col } from 'antd';
+export type { ColProps } from 'antd';

package/dist/types/src/collapse/index.d.ts

@@ -0,0 +1,5 @@
+import { IterableElement } from '@vef-framework/shared';
+import { CollapseProps, GetProp } from 'antd';
+export { Collapse } from 'antd';
+export type { CollapseProps } from 'antd';
+export type CollapseItem = IterableElement<GetProp<CollapseProps, "items">>;

package/dist/types/src/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorPicker } from 'antd';
+export type { ColorPickerProps } from 'antd';

package/dist/types/src/compact/index.d.ts

@@ -0,0 +1,5 @@
+import { SpaceCompactProps } from 'antd/es/space/Compact';
+import { FC } from 'react';
+declare const Compact: FC<SpaceCompactProps>;
+export { Compact };
+export type CompactProps = SpaceCompactProps;