@_tc/template-core 0.0.1-bate.36 → 0.0.1-bate.38

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

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

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import * as React from 'react';
-const Table = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx("div", { className: cn('relative w-full overflow-auto rounded-[20px]', containerClassName), children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
-Table.displayName = 'Table';
-const TableHeader = React.forwardRef(({ className, ...props }, ref) => _jsx("thead", { ref: ref, className: cn('bg-table-header', className), ...props }));
-TableHeader.displayName = 'TableHeader';
-const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
-TableBody.displayName = 'TableBody';
-const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', className), ...props })));
-TableFooter.displayName = 'TableFooter';
-const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn('border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted', className), ...props })));
-TableRow.displayName = 'TableRow';
-const TableHead = React.forwardRef(({ className, isAction, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('h-12 px-4 text-left align-middle text-xs font-normal', 'text-table-head-text', isAction && 'bg-table-action text-table-action-text w-[85px] text-center', className), ...props })));
-TableHead.displayName = 'TableHead';
-const TableCell = React.forwardRef(({ className, isAction, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('p-4 align-middle text-sm font-normal', 'text-table-cell-text', isAction && 'bg-table-action text-table-action-text w-[85px] text-center', className), ...props })));
-TableCell.displayName = 'TableCell';
-const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn('mt-4 text-sm text-muted-foreground', className), ...props })));
-TableCaption.displayName = 'TableCaption';
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/fe/packages/ui/react/locales/index.d.ts

@@ -1,8 +0,0 @@
-export declare const defaultLanguage: "zh-CN";
-export declare const languageLocalKey = "tc_language";
-export declare const translations: {
-    readonly 'zh-CN': {};
-    readonly 'en-US': {};
-};
-export type Language = keyof typeof translations;
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/locales/index.js

@@ -1,6 +0,0 @@
-export const defaultLanguage = 'zh-CN';
-export const languageLocalKey = 'tc_language';
-export const translations = {
-    'zh-CN': {},
-    'en-US': {},
-};