@_tc/template-core 0.0.1-bate.46 → 0.0.1-bate.48

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

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { cn } from '../../lib/utils';
-import { X } from 'lucide-react';
-import { Button } from '../Button';
-import { Overlay } from '../Overlay';
-export function Modal({ open = false, onClose, title, children, footer, className, contentClassName, mask = true, maskClosable = true, lockScroll = true, closable = true, width = 520, centered = true, renderNode, keyboard = true, zIndex = 1000, }) {
-    const t = useI18n();
-    // 点击内容区域阻止冒泡
-    const handleContentClick = (e) => {
-        e.stopPropagation();
-    };
-    return (_jsx(Overlay, { open: open, onClose: onClose, mask: mask, maskClosable: maskClosable, lockScroll: lockScroll, keyboard: keyboard, closable: closable, renderNode: renderNode, zIndex: zIndex, className: cn('tc-ui-modal flex items-center justify-center'), children: _jsxs("div", { className: cn('relative bg-background rounded-lg shadow-lg', 'flex flex-col max-h-[90vh]', 'transition-all duration-200', open ? 'scale-100 opacity-100' : 'scale-95 opacity-0', centered ? 'my-auto' : 'mt-[10vh]', className), style: { width: typeof width === 'number' ? `${width}px` : width }, onClick: handleContentClick, children: [(title || closable) && (_jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-border", children: [title && _jsx("div", { className: "text-lg font-semibold text-foreground", children: title }), closable && (_jsx(Button, { variant: "text", type: "button", onClick: onClose, "aria-label": t('components.modal.close'), className: cn('ml-auto p-1 rounded-md', 'text-muted-foreground hover:text-foreground', 'hover:bg-muted', 'transition-colors', 'focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2'), children: _jsx(X, { size: 20 }) }))] })), _jsx("div", { className: cn('flex-1 overflow-auto px-6 py-4', contentClassName), children: children }), footer && _jsx("div", { className: "px-6 py-4 border-border", children: footer })] }) }));
-}

package/fe/packages/ui/react/components/Modal/ModalManager.js

@@ -1,90 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { t } from '../../i18n';
-import { createRoot } from 'react-dom/client';
-import { AsynchronousButton, Button } from '../Button';
-import { Modal } from './Modal';
-class ModalManagerClass {
-    modals = new Map();
-    listeners = new Set();
-    container = null;
-    root = null;
-    init() {
-        if (typeof document === 'undefined' || this.container)
-            return;
-        this.container = document.createElement('div');
-        this.container.id = 'modal-container';
-        document.body.appendChild(this.container);
-        // 创建 React 根节点
-        this.root = createRoot(this.container);
-        this.render();
-    }
-    notify() {
-        this.listeners.forEach((listener) => listener());
-        this.render();
-    }
-    subscribe(listener) {
-        this.listeners.add(listener);
-        return () => {
-            this.listeners.delete(listener);
-        };
-    }
-    open(config) {
-        this.init(); // 确保已初始化
-        const id = `modal-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-        const modalConfig = {
-            ...config,
-            id,
-            onClose: () => {
-                config.onClose?.();
-                this.close(id);
-            },
-        };
-        this.modals.set(id, modalConfig);
-        this.notify();
-        return id;
-    }
-    close(id) {
-        this.modals.delete(id);
-        this.notify();
-    }
-    closeAll() {
-        this.modals.clear();
-        this.notify();
-    }
-    getModals() {
-        return Array.from(this.modals.values());
-    }
-    render() {
-        if (!this.root)
-            return;
-        const modals = this.getModals();
-        this.root.render(_jsx(_Fragment, { children: modals.map((modal) => (_jsx(Modal, { ...modal, open: true, children: modal.content }, modal.id))) }));
-    }
-}
-export const openConfirmModal = (pConfig) => {
-    const { onOk, onCancel, okText = t('components.modal.okText'), cancelText = t('components.modal.cancelText'), ...props } = pConfig;
-    const config = {
-        title: t('components.modal.confirmTitle'),
-        footer: (_jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: () => {
-                        onCancel?.();
-                        modalManager.close(currentModalId);
-                    }, className: "min-w-[100px] bg-background border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/5", children: cancelText }), _jsx(AsynchronousButton, { variant: "primary", onClick: async (e) => {
-                        const result = await onOk?.(e);
-                        if (typeof result === 'boolean' && !result)
-                            return;
-                        modalManager.close(currentModalId);
-                    }, className: "min-w-[100px] bg-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/90 border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary-foreground))]", children: okText })] })),
-        ...props,
-    };
-    const currentModalId = modalManager.open(config);
-    return currentModalId;
-};
-// 单例模式
-export const modalManager = new ModalManagerClass();
-// 函数式 API
-export const modal = {
-    open: (config) => modalManager.open(config),
-    confirm: openConfirmModal,
-    close: (id) => modalManager.close(id),
-    closeAll: () => modalManager.closeAll(),
-};

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

@@ -1,4 +0,0 @@
-export { Modal } from './Modal';
-export type { ModalProps } from './Modal';
-export { modal } from './ModalManager';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +0,0 @@
-export { Modal } from './Modal';
-export { modal } from './ModalManager';

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

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { useEffect } from 'react';
-import { createPortal } from 'react-dom';
-let bodyScrollLockCount = 0;
-let originalBodyOverflow = '';
-export const canUseDocument = () => typeof document !== 'undefined';
-const lockBodyScroll = () => {
-    if (!canUseDocument())
-        return () => { };
-    if (bodyScrollLockCount === 0) {
-        originalBodyOverflow = document.body.style.overflow;
-        document.body.style.overflow = 'hidden';
-    }
-    bodyScrollLockCount += 1;
-    return () => {
-        bodyScrollLockCount = Math.max(0, bodyScrollLockCount - 1);
-        if (bodyScrollLockCount === 0) {
-            document.body.style.overflow = originalBodyOverflow;
-            originalBodyOverflow = '';
-        }
-    };
-};
-export function Overlay({ open = false, visible = open, children, className, style, zIndex = 1000, mask = true, maskClosable = true, lockScroll = true, keyboard = true, closable = true, onClose, onClick, renderNode, }) {
-    useEffect(() => {
-        if (!open || !keyboard || !canUseDocument())
-            return;
-        const handleEscape = (e) => {
-            if (e.key === 'Escape' && closable) {
-                onClose?.();
-            }
-        };
-        document.addEventListener('keydown', handleEscape);
-        return () => {
-            document.removeEventListener('keydown', handleEscape);
-        };
-    }, [open, closable, onClose, keyboard]);
-    useEffect(() => {
-        if (!open || !lockScroll)
-            return;
-        return lockBodyScroll();
-    }, [lockScroll, open]);
-    const handleMaskClick = (e) => {
-        onClick?.(e);
-        if (maskClosable && e.target === e.currentTarget) {
-            onClose?.();
-        }
-    };
-    if (!open || !canUseDocument())
-        return null;
-    const parent = typeof renderNode === 'function' ? renderNode() : (renderNode ?? document.body);
-    return createPortal(_jsx("div", { className: cn('tc-ui-overlay fixed inset-0 z-[1000]', mask && 'bg-black/50 backdrop-blur-sm', 'transition-opacity duration-200', visible ? 'opacity-100' : 'opacity-0', className), style: { zIndex, ...style }, onClick: handleMaskClick, children: children }), parent);
-}

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

@@ -1,3 +0,0 @@
-export { Overlay, canUseDocument } from './Overlay';
-export type { OverlayProps } from './Overlay';
-//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,88 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-import { Button } from '../Button';
-import { Select } from '../Select';
-export function Pagination({ current, pageSize, total, onChange, onPageSizeChange, pageSizeOptions = [10, 20, 50, 100], className, }) {
-    const totalPages = Math.ceil(total / pageSize);
-    // 生成页码数组
-    const getPageNumbers = () => {
-        const pages = [];
-        const maxVisible = 7; // 最多显示7个页码
-        if (totalPages <= maxVisible) {
-            // 总页数少于等于7，显示所有页码
-            for (let i = 1; i <= totalPages; i++) {
-                pages.push(i);
-            }
-        }
-        else {
-            // 总页数大于7，需要省略
-            if (current <= 4) {
-                // 当前页在前面
-                for (let i = 1; i <= 5; i++) {
-                    pages.push(i);
-                }
-                pages.push('...');
-                pages.push(totalPages);
-            }
-            else if (current >= totalPages - 3) {
-                // 当前页在后面
-                pages.push(1);
-                pages.push('...');
-                for (let i = totalPages - 4; i <= totalPages; i++) {
-                    pages.push(i);
-                }
-            }
-            else {
-                // 当前页在中间
-                pages.push(1);
-                pages.push('...');
-                for (let i = current - 1; i <= current + 1; i++) {
-                    pages.push(i);
-                }
-                pages.push('...');
-                pages.push(totalPages);
-            }
-        }
-        return pages;
-    };
-    const handlePrevious = () => {
-        if (current > 1) {
-            onChange(current - 1);
-        }
-    };
-    const handleNext = () => {
-        if (current < totalPages) {
-            onChange(current + 1);
-        }
-    };
-    const handlePageClick = (page) => {
-        if (typeof page === 'number' && page !== current) {
-            onChange(page);
-        }
-    };
-    const handlePageSizeChange = (newPageSize) => {
-        if (newPageSize !== undefined && typeof newPageSize === 'number' && newPageSize !== pageSize && onPageSizeChange) {
-            onPageSizeChange(newPageSize);
-            // 当改变 pageSize 时，通常需要重置到第一页
-            if (current !== 1) {
-                onChange(1);
-            }
-        }
-    };
-    if (totalPages === 0)
-        return null;
-    return (_jsxs("div", { className: cn('tc-ui-pagination flex items-center gap-4', className), children: [_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Total ", total] }), _jsxs("div", { className: "flex-1 flex items-center justify-center gap-2", children: [_jsx(Button, { onClick: handlePrevious, disabled: current === 1, size: "sm", className: cn('inline-flex items-center justify-center', 'h-8 px-3 rounded-md', 'text-sm font-medium', 'border border-border', 'transition-colors', current === 1 ? 'cursor-not-allowed opacity-50 bg-muted' : 'hover:bg-muted bg-background cursor-pointer'), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), getPageNumbers().map((page, index) => {
-                        if (page === '...') {
-                            return (_jsx("span", { className: "px-2 text-muted-foreground", children: "..." }, `ellipsis-${index}`));
-                        }
-                        return (_jsx(Button, { onClick: () => handlePageClick(page), size: "sm", className: cn('inline-flex items-center justify-center', 'h-8 min-w-[32px] px-3 rounded-md', 'text-sm font-medium', 'border transition-colors', page === current
-                                ? 'bg-theme text-theme-foreground border-theme cursor-default'
-                                : 'bg-background border-border hover:bg-muted cursor-pointer'), children: page }, page));
-                    }), _jsx(Button, { onClick: handleNext, size: "sm", disabled: current === totalPages, className: cn('inline-flex items-center justify-center', 'h-8 px-3 rounded-md', 'text-sm font-medium', 'border border-border', 'transition-colors', current === totalPages
-                            ? 'cursor-not-allowed opacity-50 bg-muted'
-                            : 'hover:bg-muted bg-background cursor-pointer'), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }), onPageSizeChange && (_jsx("div", { className: "flex items-center gap-2", children: _jsx(Select, { value: pageSize, onChange: handlePageSizeChange, options: pageSizeOptions.map((size) => ({
-                        label: `${size}`,
-                        value: size,
-                    })), className: "w-20 [&>div]:bg-muted [&>div]:border-border [&>div]:shadow-sm [&>div]:py-2 [&>div]:px-3 [&>div]:h-8", clearable: false, searchable: false }) }))] }));
-}

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

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

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

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

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

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { useEffect, useMemo, useRef } from "react";
-import { createPortal } from "react-dom";
-import { getDefaultDropdownPosition, useDropdownPositioning, } from "../hooks/useDropdownPositioning";
-const DEFAULT_POPUP_CLASSNAME = cn("fixed z-[9999]", "bg-background rounded-lg shadow-lg border border-gray-200", "animate-in fade-in-0 zoom-in-95");
-const canUseDocument = () => typeof document !== "undefined";
-export function Popup({ open, anchorRef, children, className, style, placement = "bottom-end", offset = 8, keepMounted = false, closeOnClickOutside = true, closeOnEscape = true, matchAnchorWidth = false, position, positioning, strategy = getDefaultDropdownPosition, contentRef, container, positionMode = "fixed", hoverBridge = 0, hoverBridgePlacement = "auto", onOpenChange, }) {
-    // 默认自己保存弹窗 DOM；如果外部传了 contentRef，就用外部的。
-    const internalContentRef = useRef(null);
-    const panelRef = contentRef ?? internalContentRef;
-    const containerRef = useMemo(() => ({ current: container ?? null }), [container]);
-    // 默认用 useDropdownPositioning 算位置；也允许外部直接传 position 或 positioning 接管。
-    const internalPositioning = useDropdownPositioning({
-        open,
-        anchorRef,
-        contentRef: panelRef,
-        placement,
-        offset,
-        matchAnchorWidth,
-        strategy,
-        containerRef,
-        positionMode,
-    });
-    const resolvedPositioning = position
-        ? null
-        : (positioning ?? internalPositioning);
-    useEffect(() => {
-        if (!open || !closeOnClickOutside)
-            return;
-        // 点到触发元素和弹窗外面，就通知外部关闭。
-        const handleClickOutside = (event) => {
-            const target = event.target;
-            const clickedAnchor = anchorRef.current?.contains(target);
-            const clickedPanel = panelRef.current?.contains(target);
-            if (!clickedAnchor && !clickedPanel) {
-                onOpenChange?.(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => document.removeEventListener("mousedown", handleClickOutside);
-    }, [anchorRef, closeOnClickOutside, onOpenChange, open, panelRef]);
-    useEffect(() => {
-        if (!open || !closeOnEscape)
-            return;
-        // 按 Esc 时关闭，常见弹窗交互都需要这个。
-        const handleKeyDown = (event) => {
-            if (event.key === "Escape") {
-                onOpenChange?.(false);
-            }
-        };
-        document.addEventListener("keydown", handleKeyDown);
-        return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [closeOnEscape, onOpenChange, open]);
-    const mergedStyle = useMemo(() => ({
-        // 定位样式优先来自 hook，也可以被外部 position/style 覆盖。
-        ...resolvedPositioning?.position,
-        ...position,
-        ...style,
-    }), [position, resolvedPositioning?.position, style]);
-    // hoverBridge 是透明桥。鼠标从触发元素移动到弹窗时，中间有间距也不会断 hover。
-    const showHorizontalHoverBridge = hoverBridge > 0 &&
-        (placement.startsWith("right") || placement.startsWith("left"));
-    const showBothHorizontalHoverBridges = showHorizontalHoverBridge && hoverBridgePlacement === "horizontal";
-    if (!keepMounted && !open) {
-        // 不需要常驻 DOM 时，关闭就不渲染。
-        return null;
-    }
-    const portalContainer = container ?? (canUseDocument() ? document.body : undefined);
-    if (!portalContainer) {
-        return null;
-    }
-    // 用 portal 把弹窗挂到指定容器；没传 container 就挂到 body。
-    return createPortal(_jsxs("div", { ref: panelRef, className: cn("tc-ui-popup", DEFAULT_POPUP_CLASSNAME, positionMode === "absolute" && "absolute", !resolvedPositioning?.ready && "invisible", keepMounted && !open && "hidden", className), style: mergedStyle, children: [hoverBridge > 0 && (
-            // 默认只补当前 placement 方向上的透明桥。
-            _jsx("div", { "aria-hidden": "true", className: cn("absolute bg-transparent", placement.startsWith("bottom") && "left-0 right-0 top-0 -translate-y-full", placement.startsWith("top") && "bottom-0 left-0 right-0 translate-y-full", placement.startsWith("right") && "bottom-0 left-0 top-0 -translate-x-full", placement.startsWith("left") && "bottom-0 right-0 top-0 translate-x-full"), style: placement.startsWith("right") || placement.startsWith("left")
-                    ? { width: hoverBridge }
-                    : { height: hoverBridge } })), showBothHorizontalHoverBridges && (
-            // 横向弹窗可能动态从右改到左，这里左右都补桥，避免鼠标移过去时弹窗关闭。
-            _jsx("div", { "aria-hidden": "true", className: "absolute bottom-0 right-0 top-0 translate-x-full bg-transparent", style: { width: hoverBridge } })), children] }), portalContainer);
-}

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

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

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

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { useMemo } from 'react';
-import { SchemaForm } from '../Form';
-const Search = (props) => {
-    const { defaultValue: pDefaultValue, schemas, children, getForm, btnsClassName } = props;
-    const defaultValue = useMemo(() => {
-        return pDefaultValue;
-    }, []);
-    return (_jsxs("div", { className: "tc-ui-search flex items-end justify-between gap-4 flex-wrap", children: [_jsx(SchemaForm, { preserve: true, layout: "horizontal", schemas: schemas, initialValues: defaultValue, getForm: getForm, footerButtons: false }), _jsx("div", { className: cn('flex items-center gap-2 self-end ml-auto flex-wrap', btnsClassName), children: children })] }));
-};
-export default Search;

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

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

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

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

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

@@ -1,123 +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, 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 rootRef = useRef(null);
-    const selectRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const inputRef = useRef(null);
-    const popupContainerRef = useRef(null);
-    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 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('');
-            }
-            return next;
-        });
-    }, [disabled, searchable]);
-    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);
-    }, []);
-    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, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), className: cn('flex w-full items-center justify-between rounded-lg px-4 py-3 text-sm', 'border transition-colors duration-200', 'focus:outline-none', disabled ? 'cursor-not-allowed bg-muted border-border' : 'cursor-pointer bg-background', !disabled && isOpen && 'border-theme', !disabled && !isOpen && 'border-border'), children: [searchable && isOpen ? (_jsx(Input, { ref: inputRef, value: searchTerm, onChange: (_, e) => handleSearchChange(e), onClick: (e) => e.stopPropagation(), 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', 'placeholder:text-muted-foreground', disabled && 'text-muted-foreground cursor-not-allowed'), 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('z-[1000] w-full rounded-lg bg-background shadow-lg', 'border border-border', 'max-h-60 overflow-auto'), children: _jsx("div", { className: cn('w-full', !isOpen && 'hidden'), children: _jsx("div", { className: "p-1", children: filteredOptions.length > 0 ? (filteredOptions.map((option) => {
-                            const isSelected = option.value === value;
-                            return (_jsx("div", { onClick: () => handleSelect(option.value), className: cn('px-4 py-2 text-sm cursor-pointer transition-colors rounded-md', 'hover:bg-muted', isSelected && 'bg-muted'), 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.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';