@_tc/template-core 0.1.16 → 0.2.0-bate.1

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

@@ -1,220 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { cn } from '../../lib/utils';
-import { ChevronUp, X } from 'lucide-react';
-import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { Input } from '../Input';
-import { Popup } from '../Popup';
-import { useDropdownPositioning } from '../hooks/useDropdownPositioning';
-import { getSelectDropdownPosition } from './dropdownPositioning';
-const Select = forwardRef(({ options, value: controlledValue, defaultValue, placeholder, onChange, className, disabled, clearable = true, searchable = true, getPopupContainer, }, ref) => {
-    const t = useI18n();
-    const [isOpen, setIsOpen] = useState(false);
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const [isHover, setIsHover] = useState(false);
-    const [searchTerm, setSearchTerm] = useState('');
-    const [activeOptionIndex, setActiveOptionIndex] = useState(0);
-    const rootRef = useRef(null);
-    const selectRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const inputRef = useRef(null);
-    const popupContainerRef = useRef(null);
-    const reactId = useId();
-    const listboxId = `${reactId}-listbox`;
-    const isParentPopupContainer = getPopupContainer === 'parent';
-    popupContainerRef.current = isParentPopupContainer ? (rootRef.current?.parentElement ?? null) : null;
-    useEffect(() => {
-        if (!isParentPopupContainer)
-            return;
-        const container = rootRef.current?.parentElement;
-        popupContainerRef.current = container ?? null;
-        if (!container || window.getComputedStyle(container).position !== 'static')
-            return;
-        const previousPosition = container.style.position;
-        container.style.position = 'relative';
-        return () => {
-            container.style.position = previousPosition;
-        };
-    }, [isParentPopupContainer]);
-    // 合并 refs
-    const setRefs = useCallback((node) => {
-        selectRef.current = node;
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
-    }, [ref]);
-    const isControlled = controlledValue !== undefined;
-    const value = isControlled ? controlledValue : internalValue;
-    // 获取当前选中的选项
-    const selectedOption = options.find((opt) => opt.value === value);
-    const displayText = selectedOption ? selectedOption.label : placeholder || '';
-    const filteredOptions = useMemo(() => {
-        if (!searchable || !searchTerm.trim())
-            return options;
-        const lower = searchTerm.trim().toLowerCase();
-        return options.filter((opt) => {
-            const searchText = opt.searchText ??
-                (typeof opt.label === 'string' || typeof opt.label === 'number' ? String(opt.label) : '');
-            return searchText.toLowerCase().includes(lower);
-        });
-    }, [options, searchTerm, searchable]);
-    const activeOption = filteredOptions[activeOptionIndex];
-    const activeOptionId = activeOption ? `${reactId}-option-${activeOptionIndex}` : undefined;
-    useEffect(() => {
-        setActiveOptionIndex((current) => {
-            if (filteredOptions.length === 0)
-                return 0;
-            return Math.min(current, filteredOptions.length - 1);
-        });
-    }, [filteredOptions.length]);
-    const positioning = useDropdownPositioning({
-        open: isOpen,
-        anchorRef: selectRef,
-        contentRef: dropdownRef,
-        placement: 'bottom-start',
-        offset: 4,
-        matchAnchorWidth: true,
-        strategy: getSelectDropdownPosition,
-        estimateSize: () => ({
-            height: Math.min(filteredOptions.length * 40 + 8, 240),
-        }),
-        watchDeps: [filteredOptions.length, searchTerm, searchable],
-        containerRef: isParentPopupContainer ? popupContainerRef : undefined,
-        positionMode: isParentPopupContainer ? 'absolute' : 'fixed',
-    });
-    // 展开时更新位置并获取焦点
-    useEffect(() => {
-        if (isOpen) {
-            requestAnimationFrame(() => {
-                if (searchable) {
-                    inputRef.current?.focus();
-                }
-            });
-        }
-    }, [isOpen, searchable]);
-    const handleToggle = useCallback(() => {
-        if (disabled)
-            return;
-        setIsOpen((prev) => {
-            const next = !prev;
-            if (next && searchable) {
-                setSearchTerm('');
-            }
-            if (next) {
-                setActiveOptionIndex(Math.max(options.findIndex((opt) => opt.value === value), 0));
-            }
-            return next;
-        });
-    }, [disabled, options, searchable, value]);
-    const openSelect = useCallback(() => {
-        if (disabled)
-            return;
-        if (searchable) {
-            setSearchTerm('');
-        }
-        setActiveOptionIndex(Math.max(options.findIndex((opt) => opt.value === value), 0));
-        setIsOpen(true);
-    }, [disabled, options, searchable, value]);
-    const handleSelect = useCallback((optionValue) => {
-        if (!isControlled) {
-            setInternalValue(optionValue);
-        }
-        onChange?.(optionValue);
-        setIsOpen(false);
-    }, [isControlled, onChange]);
-    const handleClear = useCallback((event) => {
-        event.stopPropagation();
-        if (disabled)
-            return;
-        // 清除时 重置内外状态
-        setInternalValue(undefined);
-        onChange?.(undefined);
-    }, [disabled, onChange]);
-    const handleSearchChange = useCallback((event) => {
-        setSearchTerm(event.target.value);
-        setActiveOptionIndex(0);
-    }, []);
-    const moveActiveOption = useCallback((direction) => {
-        if (filteredOptions.length === 0)
-            return;
-        setActiveOptionIndex((current) => {
-            const nextIndex = current + direction;
-            if (nextIndex < 0)
-                return filteredOptions.length - 1;
-            if (nextIndex >= filteredOptions.length)
-                return 0;
-            return nextIndex;
-        });
-    }, [filteredOptions.length]);
-    const selectActiveOption = useCallback(() => {
-        const option = filteredOptions[activeOptionIndex];
-        if (option) {
-            handleSelect(option.value);
-        }
-    }, [activeOptionIndex, filteredOptions, handleSelect]);
-    const handleKeyDown = useCallback((event) => {
-        if (disabled)
-            return;
-        switch (event.key) {
-            case 'ArrowDown':
-                event.preventDefault();
-                if (!isOpen) {
-                    openSelect();
-                }
-                else {
-                    moveActiveOption(1);
-                }
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                if (!isOpen) {
-                    openSelect();
-                }
-                else {
-                    moveActiveOption(-1);
-                }
-                break;
-            case 'Enter':
-                event.preventDefault();
-                if (!isOpen) {
-                    openSelect();
-                }
-                else {
-                    selectActiveOption();
-                }
-                break;
-            case ' ':
-                if (event.currentTarget !== inputRef.current) {
-                    event.preventDefault();
-                    if (!isOpen) {
-                        openSelect();
-                    }
-                }
-                break;
-            case 'Escape':
-                if (isOpen) {
-                    event.preventDefault();
-                    setIsOpen(false);
-                    selectRef.current?.focus();
-                }
-                break;
-            default:
-                break;
-        }
-    }, [disabled, isOpen, moveActiveOption, openSelect, selectActiveOption]);
-    const popupContainer = getPopupContainer === 'parent' ? (rootRef.current?.parentElement ?? undefined) : getPopupContainer?.();
-    return (_jsxs("div", { ref: rootRef, className: cn('tc-ui-select relative w-full', className), children: [_jsxs("div", { ref: setRefs, onClick: handleToggle, onKeyDown: handleKeyDown, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), role: "combobox", "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-activedescendant": isOpen ? activeOptionId : undefined, tabIndex: disabled ? -1 : 0, className: cn('flex h-10 w-full items-center justify-between rounded-lg px-3 py-0 text-sm', 'border transition-colors duration-200', 'focus:outline-none focus-visible:border-theme focus-visible:ring-2 focus-visible:ring-theme/25', disabled ? 'cursor-not-allowed bg-muted border-border' : 'cursor-pointer bg-background', !disabled && isOpen && 'border-theme ring-2 ring-theme/25', !disabled && !isOpen && 'border-border'), children: [searchable && isOpen ? (_jsx(Input, { ref: inputRef, value: searchTerm, onChange: (_, e) => handleSearchChange(e), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
-                            e.stopPropagation();
-                            handleKeyDown(e);
-                        }, placeholder: typeof displayText === 'string' ? displayText : placeholder, className: "min-w-0 flex-1", inputClassName: cn('h-5 min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 py-0 text-left leading-5 outline-none ring-0', 'placeholder:text-muted-foreground', disabled && 'text-muted-foreground cursor-not-allowed'), role: "searchbox", "aria-controls": listboxId, "aria-activedescendant": isOpen ? activeOptionId : undefined, disabled: disabled })) : (_jsx("span", { className: cn('min-h-5 min-w-0 flex-1 text-left truncate leading-5', disabled ? 'text-muted-foreground' : !selectedOption && 'text-muted-foreground'), children: displayText })), clearable && !disabled && value !== undefined && isHover ? (_jsx(Button, { variant: "text", type: "button", onClick: handleClear, className: "ml-2 flex items-center justify-center text-muted-foreground hover:text-foreground cursor-pointer", "aria-label": "Clear selection", title: "Clear", children: _jsx(X, { size: 14 }) })) : (_jsx(ChevronUp, { size: 16, className: cn('ml-2 transition-transform duration-200', isOpen ? 'rotate-0' : 'rotate-180') }))] }), _jsx(Popup, { open: isOpen, anchorRef: selectRef, contentRef: dropdownRef, positioning: positioning, keepMounted: true, onOpenChange: setIsOpen, container: popupContainer, positionMode: isParentPopupContainer ? 'absolute' : 'fixed', className: cn('w-full rounded-xl border border-border/60 bg-popover text-popover-foreground', 'shadow-[var(--shadow-floating)]', 'max-h-60 overflow-auto'), children: _jsx("div", { className: cn('w-full', !isOpen && 'hidden'), children: _jsx("div", { id: listboxId, role: "listbox", className: "p-1", children: filteredOptions.length > 0 ? (filteredOptions.map((option, index) => {
-                            const isSelected = option.value === value;
-                            const isActive = index === activeOptionIndex;
-                            return (_jsx("div", { id: `${reactId}-option-${index}`, role: "option", "aria-selected": isSelected, onClick: () => handleSelect(option.value), onMouseEnter: () => setActiveOptionIndex(index), className: cn('px-4 py-2 text-sm cursor-pointer transition-colors rounded-md', 'hover:bg-foreground/8', (isSelected || isActive) && 'bg-theme/12 text-foreground'), children: option.label }, option.value));
-                        })) : (_jsx("div", { className: "px-4 py-2 text-sm text-muted-foreground text-center", children: t('components.select.empty') })) }) }) })] }));
-});
-Select.displayName = 'Select';
-export { Select };

package/fe/packages/ui/react/components/Select/dropdownPositioning.d.ts

@@ -1,3 +0,0 @@
-import type { DropdownPositioningStrategy } from '../hooks/useDropdownPositioning';
-export declare const getSelectDropdownPosition: DropdownPositioningStrategy;
-//# sourceMappingURL=dropdownPositioning.d.ts.map

package/fe/packages/ui/react/components/Select/dropdownPositioning.js

@@ -1,13 +0,0 @@
-export const getSelectDropdownPosition = ({ anchorRect, contentRect, containerRect, viewportHeight, offset, matchAnchorWidth, }) => {
-    const dropdownHeight = contentRect?.height ?? 240;
-    const spaceBelow = viewportHeight - anchorRect.bottom;
-    const spaceAbove = anchorRect.top;
-    const shouldPlaceTop = spaceBelow < dropdownHeight && spaceAbove > spaceBelow;
-    const containerTop = containerRect?.top ?? 0;
-    const containerLeft = containerRect?.left ?? 0;
-    return {
-        top: (shouldPlaceTop ? anchorRect.top - dropdownHeight - offset : anchorRect.bottom + offset) - containerTop,
-        left: anchorRect.left - containerLeft,
-        width: matchAnchorWidth ? anchorRect.width : undefined,
-    };
-};

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

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

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

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

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

@@ -1,28 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type SkeletonMode = 'pageloading' | 'tableloading' | 'componentsloading';
-export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * 骨架屏模式
-     * @default 'componentsloading'
-     */
-    mode?: SkeletonMode;
-    /**
-     * 行数（仅对 pageloading 和 tableloading 有效）
-     */
-    rows?: number;
-    /**
-     * 是否显示标题骨架（仅对 pageloading 有效）
-     * @default true
-     */
-    showTitle?: boolean;
-    /**
-     * 是否显示操作栏骨架（仅对 pageloading 有效）
-     * @default true
-     */
-    showActions?: boolean;
-}
-export declare const Skeleton: {
-    ({ mode, className, rows, showTitle, showActions, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -1,31 +0,0 @@
-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-background 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('tc-ui-skeleton w-full', className), ...props, children: renderSkeleton() }));
-};
-Skeleton.displayName = 'Skeleton';

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

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

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

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

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

@@ -1,22 +0,0 @@
-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('tc-ui-switch 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(--ring))] dark:bg-[hsl(var(--ring))]'
-            : 'bg-muted dark:bg-muted', className), children: _jsx("span", { className: cn('inline-block h-4 w-4 transform rounded-full bg-background 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

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

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

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

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

@@ -1,68 +0,0 @@
-import { ExportType } from '../../lib/export';
-import type { MOmit } from '../../types';
-import { type ReactNode } from 'react';
-import { type DropdownItem } from '../Dropdown';
-import type { FormFieldSchema } from '../Form';
-import type { SearchProps } from '../Search/Search';
-export type TableSearchSchema<T> = MOmit<FormFieldSchema<T>, 'rules' | 'required'> & {
-    /**
-     * - 字段是否常驻
-     * - 如果都没有则去前四个
-     */
-    isPermanent?: boolean;
-};
-type TableSearchProps<T> = MOmit<SearchProps<T>, 'children' | 'schemas'> & {
-    onSearch?: (values: T) => void;
-    onReset?: () => void;
-    renderActionBtnArea?: () => ReactNode;
-    schemas: TableSearchSchema<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

@@ -1,121 +0,0 @@
-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, schemas, onExport, additionalButtons, defaultExpand = true, renderActionBtnArea, ...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 { permanentSchemas, alternativeSchemas } = useMemo(() => {
-        const alternativeSchemas = [];
-        const tmp = [];
-        for (let index = 0; index < schemas.length; index++) {
-            const item = schemas[index];
-            if (item.isPermanent) {
-                tmp.push(item);
-            }
-            else {
-                alternativeSchemas.push(item);
-            }
-        }
-        if (tmp.length < expandBoundaries) {
-            const candidates = expandBoundaries - tmp.length;
-            for (let index = 0; index < candidates; index++) {
-                tmp.push(alternativeSchemas[index]);
-            }
-            alternativeSchemas.splice(0, candidates);
-        }
-        return { alternativeSchemas, permanentSchemas: tmp };
-    }, [expandBoundaries, schemas]);
-    const showExpandedBtn = schemas.length > expandBoundaries;
-    let SSchemas;
-    // 有展开
-    if (showExpandedBtn) {
-        SSchemas = isExpanded
-            ? schemas
-            : [
-                ...permanentSchemas,
-                {
-                    type: 'group',
-                    fieldProps: {
-                        style: {
-                            display: 'none',
-                        },
-                    },
-                    key: 'gropu1',
-                    childrens: alternativeSchemas,
-                },
-            ];
-    }
-    else {
-        SSchemas = schemas;
-    }
-    return (_jsx("div", { className: "tc-ui-table-search", children: _jsxs(Search, { getForm: (form) => {
-                formRef.current = form;
-            }, schemas: SSchemas, ...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 }), renderActionBtnArea ? (renderActionBtnArea()) : (
-                //  导出Excel按钮
-                _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

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

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

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

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

@@ -1,14 +0,0 @@
-import { defaultEnglishResources, defaultLanguageResources } from '../../../../common/i18n';
-const tableSearchDefaultLocale = defaultLanguageResources.components.tableSearch;
-const tableSearchDefaultEnglishLocale = defaultEnglishResources.components.tableSearch;
-export const zhCNLocale = {
-    ...tableSearchDefaultLocale,
-};
-export const enUSLocale = {
-    ...tableSearchDefaultEnglishLocale,
-};
-export const defaultLocale = zhCNLocale;
-export const btnConfig = defaultLocale;
-export const updateBtnConfig = (config) => {
-    Object.assign(btnConfig, config);
-};

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

@@ -1,11 +0,0 @@
-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/Tabs/Tabs.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { forwardRef, useCallback, useState } from 'react';
-const Tabs = forwardRef(({ items, activeKey: controlledKey, defaultActiveKey, onChange, className }, ref) => {
-    const [internalKey, setInternalKey] = useState(defaultActiveKey ?? items[0]?.key ?? '');
-    const isControlled = controlledKey !== undefined;
-    const activeKey = isControlled ? controlledKey : internalKey;
-    const handleTabClick = useCallback((key) => {
-        if (!isControlled) {
-            setInternalKey(key);
-        }
-        onChange?.(key);
-    }, [isControlled, onChange]);
-    return (_jsx("div", { ref: ref, className: cn('tc-ui-tabs', className), children: _jsx("div", { className: "tc-ui-tabs-nav flex border-b border-border", role: "tablist", children: items.map((item) => (_jsx("button", { type: "button", role: "tab", "aria-selected": activeKey === item.key, disabled: item.disabled, onClick: () => !item.disabled && handleTabClick(item.key), className: cn('tc-ui-tabs-tab px-4 py-2 text-sm font-medium transition-colors', 'border-b-2 -mb-px', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', activeKey === item.key
-                    ? 'border-theme text-theme'
-                    : 'border-transparent text-muted-foreground hover:text-foreground', item.disabled && 'cursor-not-allowed opacity-50'), children: item.label }, item.key))) }) }));
-});
-Tabs.displayName = 'Tabs';
-export { Tabs };

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

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

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

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

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

@@ -1,37 +0,0 @@
-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, textareaClassName, value: controlledValue, onChange, defaultValue, maxLength = 500, showCount = true, placeholder, disabled, ...props }, ref) => {
-    const { isFocused, setIsFocused, setInternalValue, setRefs, value, 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: cn("tc-ui-textarea relative w-fit", className), children: [_jsx("textarea", { ref: setRefs, value: value, onChange: handleChange, maxLength: maxLength, placeholder: placeholder, className: cn("flex min-h-24 w-full rounded-lg px-3 py-2 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 && !isFocused && "border-border", !disabled && isFocused && "border-theme ring-2 ring-theme/25", textareaClassName), 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('text-end', "text-xs text-muted-foreground", "pointer-events-none"), children: [currentLength, "/", maxLength] }))] }));
-});
-Textarea.displayName = "Textarea";
-export { Textarea };

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

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

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

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