@_tc/template-core 0.0.1-bate.1 → 0.0.1-bate.10

package/fe/packages/ui/react/components/Skeleton/Skeleton.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table';
+const SkeletonItem = ({ className, ...props }) => (_jsx("div", { className: cn('animate-pulse rounded bg-gray-200/60 dark:bg-gray-700/60', className), ...props }));
+const SkeletonText = ({ width = '100%', className }) => (_jsx(SkeletonItem, { className: cn('h-4', className), style: { width: typeof width === 'number' ? `${width}px` : width } }));
+const PageLoadingSkeleton = ({ rows = 5, showTitle = true, showActions = true }) => {
+    return (_jsxs("div", { className: "w-full space-y-6 p-6", children: [showTitle && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(SkeletonItem, { className: "h-8 w-48" }), showActions && (_jsxs("div", { className: "flex gap-3", children: [_jsx(SkeletonItem, { className: "h-10 w-24" }), _jsx(SkeletonItem, { className: "h-10 w-24" })] }))] })), _jsxs("div", { className: "flex gap-4", children: [_jsx(SkeletonItem, { className: "h-10 flex-1" }), _jsx(SkeletonItem, { className: "h-10 w-24" }), _jsx(SkeletonItem, { className: "h-10 w-24" })] }), _jsx("div", { className: "space-y-4", children: Array.from({ length: rows }).map((_, index) => (_jsxs("div", { className: "flex gap-4", children: [_jsx(SkeletonItem, { className: "h-20 flex-1" }), _jsx(SkeletonItem, { className: "h-20 w-32" }), _jsx(SkeletonItem, { className: "h-20 w-32" })] }, index))) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(SkeletonItem, { className: "h-4 w-32" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(SkeletonItem, { className: "h-8 w-8" }), _jsx(SkeletonItem, { className: "h-8 w-8" }), _jsx(SkeletonItem, { className: "h-8 w-8" })] })] })] }));
+};
+const TableLoadingSkeleton = ({ rows = 5 }) => {
+    const columnCount = 6; // 默认列数，可以根据需要调整
+    return (_jsx("div", { className: "w-full", children: _jsx("div", { className: "bg-white rounded-[20px] overflow-hidden", children: _jsxs(Table, { containerClassName: "rounded-b-none", children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: Array.from({ length: columnCount }).map((_, index) => (_jsx(TableHead, { children: _jsx(SkeletonText, { width: index === 0 ? 120 : index === columnCount - 1 ? 80 : 150 }) }, index))) }) }), _jsx(TableBody, { children: Array.from({ length: rows }).map((_, rowIndex) => (_jsx(TableRow, { children: Array.from({ length: columnCount }).map((_, colIndex) => (_jsx(TableCell, { children: colIndex === columnCount - 1 ? (_jsxs("div", { className: "flex gap-2", children: [_jsx(SkeletonItem, { className: "h-8 w-16" }), _jsx(SkeletonItem, { className: "h-8 w-16" })] })) : (_jsx(SkeletonText, { width: colIndex === 0 ? 120 : colIndex === 1 ? '80%' : 150 })) }, colIndex))) }, rowIndex))) })] }) }) }));
+};
+const ComponentsLoadingSkeleton = ({ rows = 3 }) => {
+    return (_jsx("div", { className: "w-full space-y-3", children: Array.from({ length: rows }).map((_, index) => (_jsx(SkeletonItem, { className: "h-4 w-full" }, index))) }));
+};
+export const Skeleton = ({ mode = 'componentsloading', className, rows, showTitle, showActions, ...props }) => {
+    const renderSkeleton = () => {
+        switch (mode) {
+            case 'pageloading':
+                return _jsx(PageLoadingSkeleton, { rows: rows, showTitle: showTitle, showActions: showActions });
+            case 'tableloading':
+                return _jsx(TableLoadingSkeleton, { rows: rows });
+            case 'componentsloading':
+                return _jsx(ComponentsLoadingSkeleton, { rows: rows });
+            default:
+                return _jsx(ComponentsLoadingSkeleton, { rows: rows });
+        }
+    };
+    return (_jsx("div", { className: cn('w-full', className), ...props, children: renderSkeleton() }));
+};
+Skeleton.displayName = 'Skeleton';

package/fe/packages/ui/react/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export { Skeleton } from './Skeleton';
+export type { SkeletonProps, SkeletonMode } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Skeleton/index.js

@@ -0,0 +1 @@
+export { Skeleton } from './Skeleton';

package/fe/packages/ui/react/components/Switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type SwitchProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/fe/packages/ui/react/components/Switch/Switch.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import React, { forwardRef } from 'react';
+const Switch = forwardRef(({ checked: controlledChecked, defaultChecked, onChange, disabled, className }, ref) => {
+    const [internalChecked, setInternalChecked] = React.useState(defaultChecked || false);
+    const isControlled = controlledChecked !== undefined;
+    const checked = isControlled ? controlledChecked : internalChecked;
+    const handleToggle = () => {
+        if (disabled)
+            return;
+        const newChecked = !checked;
+        if (!isControlled) {
+            setInternalChecked(newChecked);
+        }
+        onChange?.(newChecked);
+    };
+    return (_jsx("button", { ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, onClick: handleToggle, className: cn('relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200', 'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2', disabled && 'cursor-not-allowed opacity-50', !disabled && 'cursor-pointer', checked ? 'bg-[hsl(var(--theme-primary))]' : 'bg-gray-300', className), children: _jsx("span", { className: cn('inline-block h-4 w-4 transform rounded-full bg-white transition-transform duration-200', checked ? 'translate-x-6' : 'translate-x-1') }) }));
+});
+Switch.displayName = 'Switch';
+export { Switch };

package/fe/packages/ui/react/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Switch';
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Switch/index.js

@@ -0,0 +1 @@
+export * from './Switch';

package/fe/packages/ui/react/components/TableSearch/TableSearch.d.ts

@@ -0,0 +1,67 @@
+import { ExportType } from '../../lib/export';
+import type { MOmit } from '../../types';
+import { type ReactNode } from 'react';
+import { type DropdownItem } from '../Dropdown';
+import type { FormFieldScheme } from '../Form';
+import type { SearchProps } from '../Search/Search';
+type TableSearchScheme<T> = MOmit<FormFieldScheme<T>, 'rules' | 'required'> & {
+    /**
+     * - 字段是否常驻
+     * - 如果都没有则去前四个
+     */
+    isPermanent?: boolean;
+};
+type TableSearchProps<T> = MOmit<SearchProps<T>, 'children' | 'schemes'> & {
+    onSearch?: (values: T) => void;
+    onReset?: () => void;
+    schemes: TableSearchScheme<T>[];
+    /**
+     * 导出Excel按钮的下拉菜单项
+     */
+    exportMenuItems?: DropdownItem[];
+    btnConfig?: Partial<{
+        /**
+         * 导出Excel按钮的文案
+         */
+        export?: ReactNode;
+        /**
+         * 收起按钮的文案
+         */
+        collapse?: ReactNode;
+        /**
+         * 展开按钮的icon
+         */
+        expandIcon?: ReactNode;
+        /**
+         * 展开按钮的文案
+         */
+        expand?: ReactNode;
+        /**
+         * 重置按钮的文案
+         */
+        reset?: ReactNode;
+        /**
+         * 查询按钮的文案
+         */
+        search?: ReactNode;
+    }>;
+    /**
+     * 备选边界
+     */
+    expandBoundaries?: number;
+    /**
+     *
+     * @param exportType 导出类型
+     * @param searchData 当前查询条件
+     * @returns
+     */
+    onExport?: (exportType: ExportType, searchData: T) => void;
+    additionalButtons?: ReactNode;
+    /**
+     * 默认是否展开 @default true
+     */
+    defaultExpand?: boolean;
+};
+declare const TableSearch: <T extends object>(props: TableSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default TableSearch;
+//# sourceMappingURL=TableSearch.d.ts.map

package/fe/packages/ui/react/components/TableSearch/TableSearch.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExportType } from '../../lib/export';
+import { cn } from '../../lib/utils';
+import { ChevronDown } from 'lucide-react';
+import { useMemo, useRef, useState } from 'react';
+import { Button } from '../Button';
+import { Dropdown } from '../Dropdown';
+import { Search } from '../Search';
+import { useTableSearchLocaleStore } from './tableSearchLocaleStore';
+const EXPAND_BOUNDARIES = 4;
+const TableSearch = (props) => {
+    const { onSearch, onReset, exportMenuItems, btnConfig: PBtnText, expandBoundaries = EXPAND_BOUNDARIES, schemes, onExport, additionalButtons, defaultExpand = true, ...searchProps } = props;
+    const formRef = useRef(undefined);
+    const [isExpanded, setIsExpanded] = useState(defaultExpand);
+    const handleSearch = () => {
+        const values = formRef.current?.getFieldsValue();
+        onSearch?.(values);
+    };
+    const handleReset = () => {
+        formRef.current?.resetFields();
+        if (onReset) {
+            onReset();
+        }
+    };
+    const handleExpand = () => {
+        setIsExpanded(!isExpanded);
+    };
+    const locale = useTableSearchLocaleStore((state) => state.locale);
+    const defaultExportItems = useMemo(() => exportMenuItems || [
+        {
+            key: 'export-current-page',
+            label: locale.exportCurrentPage,
+            onClick: () => {
+                const values = formRef.current?.getFieldsValue();
+                onExport?.(ExportType.current, values);
+            },
+        },
+        {
+            key: 'export-current-query',
+            label: locale.exportCurrentQuery,
+            onClick: () => {
+                const values = formRef.current?.getFieldsValue();
+                onExport?.(ExportType.all, values);
+            },
+        },
+    ], [exportMenuItems, locale.exportCurrentPage, locale.exportCurrentQuery, onExport]);
+    const btnConfig = useMemo(() => {
+        const resetBtn = PBtnText?.reset || locale.reset;
+        const searchBtn = PBtnText?.search || locale.search;
+        const exportBtn = PBtnText?.export || locale.export;
+        const expandBtn = PBtnText?.expand || locale.expand;
+        const collapseBtn = PBtnText?.collapse || locale.collapse;
+        const expandIcon = PBtnText?.expandIcon || _jsx(ChevronDown, { className: "h-4 w-4" });
+        return {
+            resetBtn,
+            searchBtn,
+            expandBtn,
+            collapseBtn,
+            exportBtn,
+            expandIcon,
+        };
+    }, [
+        PBtnText?.reset,
+        PBtnText?.search,
+        PBtnText?.export,
+        PBtnText?.expand,
+        PBtnText?.collapse,
+        PBtnText?.expandIcon,
+        locale,
+    ]);
+    const { permanentSchemes, alternativeSchemes } = useMemo(() => {
+        const alternativeSchemes = [];
+        const tmp = [];
+        for (let index = 0; index < schemes.length; index++) {
+            const item = schemes[index];
+            if (item.isPermanent) {
+                tmp.push(item);
+            }
+            else {
+                alternativeSchemes.push(item);
+            }
+        }
+        if (tmp.length < expandBoundaries) {
+            const candidates = expandBoundaries - tmp.length;
+            for (let index = 0; index < candidates; index++) {
+                tmp.push(alternativeSchemes[index]);
+            }
+            alternativeSchemes.splice(0, candidates);
+        }
+        return { alternativeSchemes, permanentSchemes: tmp };
+    }, [expandBoundaries, schemes]);
+    const showExpandedBtn = schemes.length > expandBoundaries;
+    let SSchemes;
+    // 有展开
+    if (showExpandedBtn) {
+        SSchemes = isExpanded
+            ? schemes
+            : [
+                ...permanentSchemes,
+                {
+                    type: 'group',
+                    fieldProps: {
+                        style: {
+                            display: 'none',
+                        },
+                    },
+                    name: 'gropu1',
+                    childrens: alternativeSchemes,
+                },
+            ];
+    }
+    else {
+        SSchemes = schemes;
+    }
+    return (_jsxs(Search, { getForm: (form) => {
+            formRef.current = form;
+        }, schemes: SSchemes, ...searchProps, children: [showExpandedBtn && (_jsx(Button, { variant: "default", size: "sm", onClick: handleExpand, rightIcon: _jsx("span", { className: cn('transition-transform duration-200', isExpanded && 'rotate-180'), children: btnConfig.expandIcon }), children: isExpanded ? btnConfig.collapseBtn : btnConfig.expandBtn }, "expandedBtn")), _jsx(Button, { variant: "primary", size: "sm", onClick: handleSearch, children: btnConfig.searchBtn }), _jsx(Button, { variant: "default", size: "sm", onClick: handleReset, children: btnConfig.resetBtn }), _jsx(Dropdown, { items: defaultExportItems, placement: "bottom-end", children: _jsx(Button, { variant: "default", size: "sm", rightIcon: _jsx(ChevronDown, { className: "h-4 w-4" }), children: btnConfig.exportBtn }) }), additionalButtons] }));
+};
+export default TableSearch;

package/fe/packages/ui/react/components/TableSearch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TableSearch } from './TableSearch';
+//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/TableSearch/index.js

@@ -0,0 +1 @@
+export { default as TableSearch } from './TableSearch';

package/fe/packages/ui/react/components/TableSearch/lang.d.ts

@@ -0,0 +1,15 @@
+export interface TableSearchLocaleConfig {
+    reset: string;
+    search: string;
+    export: string;
+    expand: string;
+    collapse: string;
+    exportCurrentPage: string;
+    exportCurrentQuery: string;
+}
+export declare const zhCNLocale: TableSearchLocaleConfig;
+export declare const enUSLocale: TableSearchLocaleConfig;
+export declare const defaultLocale: TableSearchLocaleConfig;
+export declare const btnConfig: TableSearchLocaleConfig;
+export declare const updateBtnConfig: (config: Partial<TableSearchLocaleConfig>) => void;
+//# sourceMappingURL=lang.d.ts.map

package/fe/packages/ui/react/components/TableSearch/lang.js

@@ -0,0 +1,23 @@
+export const zhCNLocale = {
+    reset: '重置',
+    search: '查询',
+    export: '导出Excel',
+    expand: '展开',
+    collapse: '收起',
+    exportCurrentPage: '当前页',
+    exportCurrentQuery: '当前查询条件',
+};
+export const enUSLocale = {
+    reset: 'Reset',
+    search: 'Search',
+    export: 'Export Excel',
+    expand: 'Expand',
+    collapse: 'Collapse',
+    exportCurrentPage: 'Current Page',
+    exportCurrentQuery: 'Current Filters',
+};
+export const defaultLocale = zhCNLocale;
+export const btnConfig = defaultLocale;
+export const updateBtnConfig = (config) => {
+    Object.assign(btnConfig, config);
+};

package/fe/packages/ui/react/components/TableSearch/tableSearchLocaleStore.d.ts

@@ -0,0 +1,9 @@
+import { type TableSearchLocaleConfig } from './lang';
+type TableSearchLocaleState = {
+    locale: TableSearchLocaleConfig;
+    replaceLocale: (nextLocale: TableSearchLocaleConfig) => void;
+    resetLocale: () => void;
+};
+export declare const useTableSearchLocaleStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TableSearchLocaleState>>;
+export {};
+//# sourceMappingURL=tableSearchLocaleStore.d.ts.map

package/fe/packages/ui/react/components/TableSearch/tableSearchLocaleStore.js

@@ -0,0 +1,11 @@
+import { create } from 'zustand';
+import { defaultLocale } from './lang';
+export const useTableSearchLocaleStore = create((set) => ({
+    locale: defaultLocale,
+    replaceLocale: (nextLocale) => set(() => ({
+        locale: nextLocale,
+    })),
+    resetLocale: () => set(() => ({
+        locale: defaultLocale,
+    })),
+}));

package/fe/packages/ui/react/components/Textarea.d.ts

@@ -0,0 +1,59 @@
+import type { ChangeEvent, TextareaHTMLAttributes } from 'react';
+export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'defaultValue'> & {
+    value?: string;
+    /**
+     *
+     * @param v textarea value
+     * @param e changeEvent
+     */
+    onChange?: (v: string, e: ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * 只有初始化时会使用
+     * 如果会改变请使用value
+     */
+    defaultValue?: string;
+    /**
+     * 最大字符数限制
+     * @default 500
+     */
+    maxLength?: number;
+    /**
+     * 是否显示字符计数器
+     * @default true
+     */
+    showCount?: boolean;
+    /**
+     * 占位符文本
+     */
+    placeholder?: string;
+};
+declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "onChange" | "value"> & {
+    value?: string;
+    /**
+     *
+     * @param v textarea value
+     * @param e changeEvent
+     */
+    onChange?: (v: string, e: ChangeEvent<HTMLTextAreaElement>) => void;
+    /**
+     * 只有初始化时会使用
+     * 如果会改变请使用value
+     */
+    defaultValue?: string;
+    /**
+     * 最大字符数限制
+     * @default 500
+     */
+    maxLength?: number;
+    /**
+     * 是否显示字符计数器
+     * @default true
+     */
+    showCount?: boolean;
+    /**
+     * 占位符文本
+     */
+    placeholder?: string;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

package/fe/packages/ui/react/components/Textarea.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+import { forwardRef, useCallback } from 'react';
+import { useInputController } from './hooks/useInputController';
+const Textarea = forwardRef(({ className, value: controlledValue, onChange, defaultValue, maxLength = 500, showCount = true, placeholder, disabled, ...props }, ref) => {
+    const { isFocused, setIsFocused, setInternalValue, setRefs, value, hasValue, isControlledRef, currentLength, } = useInputController({
+        controlledValue,
+        defaultValue,
+        ref,
+    });
+    const handleChange = useCallback((e) => {
+        const newValue = e.target.value;
+        // 如果设置了 maxLength，限制输入长度
+        if (maxLength && newValue.length > maxLength) {
+            return;
+        }
+        if (!isControlledRef.current) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue, e);
+    }, [maxLength, isControlledRef, onChange, setInternalValue]);
+    return (_jsxs("div", { className: "relative w-full", children: [_jsx("textarea", { ref: setRefs, value: value, onChange: handleChange, maxLength: maxLength, placeholder: placeholder, className: cn('flex w-full rounded-lg px-4 py-3 text-sm', 'border transition-colors duration-200', 'placeholder:text-muted-foreground', 'focus:outline-none', 'resize-none', showCount && 'pb-10', disabled ? 'cursor-not-allowed bg-muted border-border text-muted-foreground' : 'bg-background', !disabled && !hasValue && !isFocused && 'border-border', !disabled && (hasValue || isFocused) && 'border-foreground', className), onFocus: (e) => {
+                    if (!disabled) {
+                        setIsFocused(true);
+                        props.onFocus?.(e);
+                    }
+                }, onBlur: (e) => {
+                    if (!disabled) {
+                        setIsFocused(false);
+                        props.onBlur?.(e);
+                    }
+                }, disabled: disabled, ...props }), showCount && (_jsxs("div", { className: cn('absolute bottom-3 right-4 text-xs text-muted-foreground', 'pointer-events-none'), children: [currentLength, "/", maxLength] }))] }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea };

package/fe/packages/ui/react/components/Tooltip.d.ts

@@ -0,0 +1,25 @@
+export interface TooltipProps {
+    /**
+     * 提示内容
+     */
+    content: React.ReactNode;
+    /**
+     * 触发元素
+     */
+    children: React.ReactElement;
+    /**
+     * 提示位置
+     * @default 'right'
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * 是否显示
+     */
+    visible?: boolean;
+    /**
+     * 类名
+     */
+    className?: string;
+}
+export declare function Tooltip({ content, children, placement, visible, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/fe/packages/ui/react/components/Tooltip.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+import { useState, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+export function Tooltip({ content, children, placement = 'right', visible, className }) {
+    const [isVisible, setIsVisible] = useState(false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const showTooltip = () => {
+        if (visible !== undefined) {
+            setIsVisible(visible);
+        }
+        else {
+            setIsVisible(true);
+        }
+    };
+    const hideTooltip = () => {
+        if (visible === undefined) {
+            setIsVisible(false);
+        }
+    };
+    useEffect(() => {
+        if (visible !== undefined) {
+            setIsVisible(visible);
+        }
+    }, [visible]);
+    useEffect(() => {
+        if (isVisible && triggerRef.current && tooltipRef.current) {
+            // 使用 requestAnimationFrame 确保 DOM 已更新
+            requestAnimationFrame(() => {
+                if (!triggerRef.current || !tooltipRef.current)
+                    return;
+                const triggerRect = triggerRef.current.getBoundingClientRect();
+                const tooltipRect = tooltipRef.current.getBoundingClientRect();
+                const scrollY = window.scrollY;
+                const scrollX = window.scrollX;
+                const viewportWidth = window.innerWidth;
+                const viewportHeight = window.innerHeight;
+                const padding = 8;
+                let top = 0;
+                let left = 0;
+                switch (placement) {
+                    case 'top':
+                        top = triggerRect.top + scrollY - tooltipRect.height - padding;
+                        left = triggerRect.left + scrollX + triggerRect.width / 2 - tooltipRect.width / 2;
+                        // 如果超出左边界，对齐到左边界
+                        if (left < scrollX + padding) {
+                            left = scrollX + padding;
+                        }
+                        // 如果超出右边界，对齐到右边界
+                        if (left + tooltipRect.width > scrollX + viewportWidth - padding) {
+                            left = scrollX + viewportWidth - tooltipRect.width - padding;
+                        }
+                        // 如果上方空间不够，改为下方显示
+                        if (top < scrollY + padding) {
+                            top = triggerRect.bottom + scrollY + padding;
+                        }
+                        break;
+                    case 'bottom':
+                        top = triggerRect.bottom + scrollY + padding;
+                        left = triggerRect.left + scrollX + triggerRect.width / 2 - tooltipRect.width / 2;
+                        // 如果超出左边界，对齐到左边界
+                        if (left < scrollX + padding) {
+                            left = scrollX + padding;
+                        }
+                        // 如果超出右边界，对齐到右边界
+                        if (left + tooltipRect.width > scrollX + viewportWidth - padding) {
+                            left = scrollX + viewportWidth - tooltipRect.width - padding;
+                        }
+                        // 如果下方空间不够，改为上方显示
+                        if (top + tooltipRect.height > scrollY + viewportHeight - padding) {
+                            top = triggerRect.top + scrollY - tooltipRect.height - padding;
+                        }
+                        break;
+                    case 'left':
+                        top = triggerRect.top + scrollY + triggerRect.height / 2 - tooltipRect.height / 2;
+                        left = triggerRect.left + scrollX - tooltipRect.width - padding;
+                        // 如果超出上边界，对齐到上边界
+                        if (top < scrollY + padding) {
+                            top = scrollY + padding;
+                        }
+                        // 如果超出下边界，对齐到下边界
+                        if (top + tooltipRect.height > scrollY + viewportHeight - padding) {
+                            top = scrollY + viewportHeight - tooltipRect.height - padding;
+                        }
+                        // 如果左侧空间不够，改为右侧显示
+                        if (left < scrollX + padding) {
+                            left = triggerRect.right + scrollX + padding;
+                        }
+                        break;
+                    case 'right':
+                        top = triggerRect.top + scrollY + triggerRect.height / 2 - tooltipRect.height / 2;
+                        left = triggerRect.right + scrollX + padding;
+                        // 如果超出上边界，对齐到上边界
+                        if (top < scrollY + padding) {
+                            top = scrollY + padding;
+                        }
+                        // 如果超出下边界，对齐到下边界
+                        if (top + tooltipRect.height > scrollY + viewportHeight - padding) {
+                            top = scrollY + viewportHeight - tooltipRect.height - padding;
+                        }
+                        // 如果右侧空间不够，改为左侧显示
+                        if (left + tooltipRect.width > scrollX + viewportWidth - padding) {
+                            left = triggerRect.left + scrollX - tooltipRect.width - padding;
+                        }
+                        break;
+                }
+                setPosition({ top, left });
+            });
+        }
+    }, [isVisible, placement]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, onMouseEnter: showTooltip, onMouseLeave: hideTooltip, className: "inline-block", children: children }), isVisible &&
+                createPortal(_jsx("div", { ref: tooltipRef, className: cn('fixed z-[9999] px-3 py-2', 'bg-gray-800 text-white text-xs rounded', 'shadow-lg', 'pointer-events-none', 'max-w-xs', className), style: {
+                        top: `${position.top}px`,
+                        left: `${position.left}px`,
+                    }, children: content }), document.body)] }));
+}

package/fe/packages/ui/react/components/TreeSelect.d.ts

@@ -0,0 +1,25 @@
+export interface TreeNode {
+    id: string | number;
+    name: string;
+    desctext?: string;
+    children?: TreeNode[];
+}
+export interface TreeSelectProps {
+    /** 树形数据 */
+    data: TreeNode[];
+    /** 已选中的节点 ID 数组 */
+    value?: (string | number)[];
+    /** 选中状态改变回调，返回选中的 keys 和半选的 keys */
+    onChange?: (keys: {
+        checked: (string | number)[];
+        indeterminate: (string | number)[];
+    }) => void;
+    /** 节点文本字段名 */
+    labelField?: 'name' | 'desctext';
+    /** 是否可以选择 */
+    checkable?: boolean;
+    /** 自定义类名 */
+    className?: string;
+}
+export declare function TreeSelect({ data, value, onChange, labelField, checkable, className, }: TreeSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TreeSelect.d.ts.map