@_tc/template-core 0.0.1-bate.9 → 0.0.2

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

@@ -1,35 +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, 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.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': {},
-};