@vef-framework-react/components 2.1.0

package/dist/types/src/split-text/props.d.ts

@@ -0,0 +1,78 @@
+import { CSSProperties } from 'react';
+/**
+ * The props for the SplitText component.
+ */
+export interface SplitTextProps {
+    /**
+     * HTML tag to render: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p'.
+     *
+     * @default "p"
+     */
+    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
+    /**
+     * The text content to animate.
+     */
+    text: string;
+    /**
+     * Additional class names to style the component.
+     */
+    className?: string;
+    /**
+     * Delay between animations for each letter (in ms).
+     *
+     * @default 100
+     */
+    delay?: number;
+    /**
+     * Duration of each letter animation (in seconds).
+     *
+     * @default 0.6
+     */
+    duration?: number;
+    /**
+     * GSAP easing function for the animation.
+     *
+     * @default "power3.out"
+     */
+    ease?: string | ((t: number) => number);
+    /**
+     * Split type: "chars", "words", "lines", or "words, chars".
+     *
+     * @default "chars"
+     */
+    splitType?: "chars" | "words" | "lines" | "words, chars";
+    /**
+     * Initial GSAP properties for each letter/word.
+     *
+     * @default { opacity: 0, y: 40 }
+     */
+    from?: gsap.TweenVars;
+    /**
+     * Target GSAP properties for each letter/word.
+     *
+     * @default { opacity: 1, y: 0 }
+     */
+    to?: gsap.TweenVars;
+    /**
+     * Intersection threshold to trigger the animation (0-1).
+     *
+     * @default 0.1
+     */
+    threshold?: number;
+    /**
+     * Root margin for the ScrollTrigger.
+     *
+     * @default "-100px"
+     */
+    rootMargin?: string;
+    /**
+     * Text alignment: 'left', 'center', 'right', etc.
+     *
+     * @default "center"
+     */
+    textAlign?: CSSProperties["textAlign"];
+    /**
+     * Callback function when all animations complete.
+     */
+    onLetterAnimationComplete?: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { Splitter } from 'antd';
+export type { SplitterProps } from 'antd';

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { Statistic } from 'antd';
+export type { StatisticProps, StatisticTimerProps } from 'antd';

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

@@ -0,0 +1,2 @@
+export { Steps } from 'antd';
+export type { StepsProps } from 'antd';

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

@@ -0,0 +1,2 @@
+export { Switch } from 'antd';
+export type { SwitchProps } from 'antd';

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

@@ -0,0 +1,7 @@
+import { AnyObject } from '@vef-framework-react/shared';
+import { TableProps } from './props';
+export { type TableProps } from './props';
+export { pageSizeOptions, usePaginationProps } from './use-pagination-props';
+export type { TableColumnType as TableColumn, TablePaginationConfig } from 'antd';
+export declare function Table<TRow = AnyObject>({ className, style, flexHeight, virtual, columns, ...restProps }: TableProps<TRow>): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { TableRowSelection } from 'antd/es/table/interface';

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

@@ -0,0 +1,13 @@
+import { AnyObject, Except } from '@vef-framework-react/shared';
+import { TableProps as TablePropsInternal } from 'antd';
+/**
+ * The props for the table component.
+ */
+export interface TableProps<TRow = AnyObject> extends Except<TablePropsInternal<TRow>, "scroll"> {
+    /**
+     * Whether the table height is fixed and should be calculated automatically.
+     *
+     * @default true
+     */
+    flexHeight?: boolean;
+}

package/dist/types/src/table/use-pagination-props.d.ts

@@ -0,0 +1,9 @@
+import { PaginationParams } from '@vef-framework-react/core';
+import { TablePaginationConfig } from '.';
+interface UsePaginationPropsOptions {
+    paginationParams: PaginationParams;
+    total: number;
+}
+export declare const pageSizeOptions: number[];
+export declare function usePaginationProps({ total, paginationParams }: UsePaginationPropsOptions): TablePaginationConfig;
+export {};

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

@@ -0,0 +1,4 @@
+import { IterableElement } from '@vef-framework-react/shared';
+import { GetProp, TabsProps } from 'antd';
+export { Tabs, type TabsProps } from 'antd';
+export type TabItem = IterableElement<GetProp<TabsProps, "items">>;

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

@@ -0,0 +1,3 @@
+export { Tag } from 'antd';
+export type { TagProps } from 'antd';
+export type { CheckableTagProps } from 'antd/es/tag';

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

@@ -0,0 +1,2 @@
+export { TimePicker } from 'antd';
+export type { TimePickerProps, TimeRangePickerProps } from 'antd';

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

@@ -0,0 +1,4 @@
+import { TimelineItemProps } from 'antd';
+export { Timeline } from 'antd';
+export type { TimelineProps } from 'antd';
+export type TimelineItem = TimelineItemProps;

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

@@ -0,0 +1,3 @@
+export { Tooltip } from 'antd';
+export type { TooltipProps } from 'antd';
+export type { TooltipPlacement, TooltipRef } from 'antd/es/tooltip';

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

@@ -0,0 +1,4 @@
+import { TourStepProps } from 'antd';
+export { Tour } from 'antd';
+export type { TourProps } from 'antd';
+export type TourStep = TourStepProps;

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

@@ -0,0 +1,3 @@
+export { Transfer } from 'antd';
+export type { TransferProps } from 'antd';
+export type { TransferItem } from 'antd/es/transfer';

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

@@ -0,0 +1 @@
+export * from './use-data-options-tree';

package/dist/types/src/tree/hooks/use-data-options-tree.d.ts

@@ -0,0 +1,16 @@
+import { DataOptionWithPinyin } from '@vef-framework-react/core';
+import { UseDataOptionsQueryOptions } from '@vef-framework-react/hooks';
+import { TreeProps } from '..';
+import { Dispatch, SetStateAction } from 'react';
+export type UseDataOptionsTreeOptions<TQueryFnData = unknown, TData = TQueryFnData, TParams = never> = UseDataOptionsQueryOptions<TQueryFnData, TData, TParams> & {
+    /**
+     * Callback function invoked after data is fetched successfully
+     */
+    onFetch?: (data: TData[]) => void;
+};
+export declare function useDataOptionsTree<TQueryFnData = unknown, TData = TQueryFnData, TParams = never>({ onFetch, ...queryOptions }: UseDataOptionsTreeOptions<TQueryFnData, TData, TParams>): {
+    treeProps: TreeProps<DataOptionWithPinyin>;
+    isFetching: boolean;
+    searchValue: string;
+    setSearchValue: Dispatch<SetStateAction<string>>;
+};

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

@@ -0,0 +1,5 @@
+import { DataNode } from 'antd/es/tree';
+export * from './hooks';
+export { Tree } from 'antd';
+export type { TreeProps } from 'antd';
+export type TreeNode = DataNode;

package/dist/types/src/tree-select/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useDataOptionsTreeSelect, type UseDataOptionsTreeSelectOptions } from './use-data-options-tree-select';

package/dist/types/src/tree-select/hooks/use-data-options-tree-select.d.ts

@@ -0,0 +1,16 @@
+import { DataOptionWithPinyin } from '@vef-framework-react/core';
+import { UseDataOptionsQueryOptions } from '@vef-framework-react/hooks';
+import { TreeSelectProps } from '..';
+export type UseDataOptionsTreeSelectOptions<TQueryFnData = unknown, TData = TQueryFnData, TParams = never> = UseDataOptionsQueryOptions<TQueryFnData, TData, TParams> & {
+    /**
+     * Whether the tree select is filterable
+     *
+     * @default false
+     */
+    filterable?: boolean;
+    /**
+     * Callback function invoked after data is fetched
+     */
+    onFetch?: (data: TData[]) => void;
+};
+export declare function useDataOptionsTreeSelect<TQueryFnData = unknown, TData = TQueryFnData, TParams = never>({ filterable, onFetch, ...queryOptions }: UseDataOptionsTreeSelectOptions<TQueryFnData, TData, TParams>): TreeSelectProps<string, DataOptionWithPinyin<TData>>;

package/dist/types/src/tree-select/index.d.ts

@@ -0,0 +1,3 @@
+export { useDataOptionsTreeSelect, type UseDataOptionsTreeSelectOptions } from './hooks';
+export { TreeSelect } from 'antd';
+export type { TreeSelectProps } from 'antd';

package/dist/types/src/typing-animation/index.d.ts

@@ -0,0 +1,3 @@
+import { TypingAnimationProps } from './props';
+export declare function TypingAnimation({ children, duration, delay, startOnView, ...props }: TypingAnimationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type TypingAnimationProps } from './props';

package/dist/types/src/typing-animation/props.d.ts

@@ -0,0 +1,25 @@
+import { motion } from '@vef-framework-react/core';
+import { ComponentProps } from 'react';
+/**
+ * The props of the TypingAnimation component.
+ */
+export interface TypingAnimationProps extends ComponentProps<typeof motion.div> {
+    /**
+     * Duration in milliseconds between each character animation.
+     *
+     * @default 100ms
+     */
+    duration?: number;
+    /**
+     * Delay in milliseconds before starting the typing animation.
+     *
+     * @default 0ms
+     */
+    delay?: number;
+    /**
+     * Whether to start the animation only when the element comes into view.
+     *
+     * @default false
+     */
+    startOnView?: boolean;
+}

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

@@ -0,0 +1,11 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { TextProps } from 'antd/es/typography/Text';
+import { LinkProps } from 'antd/es/typography/Link';
+import { TitleProps } from 'antd/es/typography/Title';
+import { ParagraphProps } from 'antd/es/typography/Paragraph';
+declare const Text: ForwardRefExoticComponent< TextProps & RefAttributes<HTMLSpanElement>>, Link: ForwardRefExoticComponent< LinkProps & RefAttributes<HTMLElement>>, Title: ForwardRefExoticComponent< TitleProps & RefAttributes<HTMLElement>>, Paragraph: ForwardRefExoticComponent< ParagraphProps & RefAttributes<HTMLElement>>;
+export { Link, Paragraph, Text, Title };
+export { type LinkProps } from 'antd/es/typography/Link';
+export { type ParagraphProps } from 'antd/es/typography/Paragraph';
+export { type TextProps } from 'antd/es/typography/Text';
+export { type TitleProps } from 'antd/es/typography/Title';

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

@@ -0,0 +1,4 @@
+import { UploadProps } from './props';
+export declare function Upload({ enableCrop, cropperProps, listType, fileList, defaultFileList, maxCount, pastable, onPreview, children, ...props }: UploadProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export { type UploadProps } from './props';
+export { type UploadFile } from 'antd';

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

@@ -0,0 +1,15 @@
+import { Except } from '@vef-framework-react/shared';
+import { UploadProps as UploadPropsInternal } from 'antd';
+import { ImgCropProps } from 'antd-img-crop';
+export interface UploadProps extends UploadPropsInternal {
+    /**
+     * Whether to enable image cropping feature
+     *
+     * @default false
+     */
+    enableCrop?: boolean;
+    /**
+     * Additional props for the image cropper component
+     */
+    cropperProps?: Except<ImgCropProps, "children">;
+}

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

@@ -0,0 +1,2 @@
+export { Watermark } from 'antd';
+export type { WatermarkProps } from 'antd';

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@vef-framework-react/components",
+  "type": "module",
+  "version": "2.1.0",
+  "private": false,
+  "description": "Components for VEF Framework",
+  "author": {
+    "name": "Venus",
+    "email": "iweixiaopeng@163.com",
+    "url": "https://github.com/ilxqx"
+  },
+  "license": "Apache-2.0",
+  "homepage": "https://vef.ilxqx.com",
+  "keywords": [
+    "vef",
+    "framework",
+    "ui",
+    "react",
+    "components"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "vef": "./src/index.ts",
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/es/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/es/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.x"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@ant-design/cssinjs": "^2.1.2",
+    "@ant-design/icons": "^6.1.0",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/serialize": "^1.3.3",
+    "@gsap/react": "^2.1.2",
+    "@lucide/icons": "^1.6.0",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@tanstack/react-form": "^1.28.5",
+    "antd": "^6.3.4",
+    "antd-img-crop": "^4.30.0",
+    "echarts": "^6.0.0",
+    "echarts-for-react": "^3.0.6",
+    "gsap": "^3.14.1",
+    "lucide-react": "^1.6.0",
+    "modern-normalize": "^3.0.1",
+    "react-error-boundary": "^6.1.1",
+    "react-syntax-highlighter": "^16.1.1",
+    "tslib": "^2.8.1",
+    "@vef-framework-react/core": "2.1.0",
+    "@vef-framework-react/hooks": "2.1.0",
+    "@vef-framework-react/shared": "2.1.0"
+  },
+  "devDependencies": {
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "react": "^19.2.4"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "typecheck": "tsc --noEmit",
+    "build": "vite build",
+    "rename-fonts": "tsx ../../scripts/rename-fonts.ts"
+  }
+}