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

package/types/packages/core/types.d.ts

@@ -28,11 +28,15 @@ export declare namespace FrameworkAugment {
 }
 export type ICTX = Parameters<Router.IMiddleware<any, {}>>[0];
 export interface KoaAppExtensions {
-    baseDir: string;
     frameBaseDir: string;
+    framePath: string;
+    baseDir: string;
     businessPath: string;
     paths: AppPathInfo[];
-    framePath: string;
+    hooks: {
+        inited?: () => void;
+        initing?: () => void;
+    };
     envs: EnvReturn;
     config: FrameworkAugment.AppConfigAugmented;
     extends: FrameworkAugment.IExtendsAugmented;
@@ -41,7 +45,7 @@ export interface KoaAppExtensions {
     middlewares: FrameworkAugment.IMiddlewaresAugmented;
     model: unknown[];
     routerSchema: Record<string, unknown>;
-    currentUseRouter: Router;
+    currentUseRouter: KoaRouter[];
     options: AppOptions;
     logger?: {
         info: (...args: unknown[]) => void;
@@ -62,12 +66,17 @@ export interface StartOptions {
     name?: string;
     homePage?: string;
     frameBaseDir?: string;
+    baseDir?: string;
+    pageBasePage?: string;
 }
 export interface AppOptions extends StartOptions {
     overwriteOriginalLogs?: boolean;
     [key: string]: unknown;
 }
 export type KoaApp = Koa & KoaAppExtensions;
+export type KoaRouter = Router & {
+    level?: number;
+};
 export type KoaMiddleware = Koa.Middleware;
 export type { EnvType, EnvKeys } from "./env";
 export type ProcessingFileCallbackFN = <T extends Record<string, unknown>>(fileName: string, filePath: string, isDir: boolean, tempData: T) => T | undefined;

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from './Button';
-import { Modal } from './Modal';
-export function ConfirmDialog({ open, title = '提示', content, okText = '确认', cancelText = '取消', loading = false, onOk, onCancel, }) {
-    const handleOk = async () => {
-        await onOk();
-    };
-    return (_jsx(Modal, { open: open, onClose: onCancel, title: title, width: 450, footer: _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { onClick: onCancel, className: "min-w-[100px] bg-white border-[hsl(var(--theme-primary))] text-[hsl(var(--theme-primary))] hover:bg-[hsl(var(--theme-primary))]/5", children: cancelText }), _jsx(Button, { variant: "primary", loading: loading, onClick: handleOk, 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 })] }), children: _jsx("div", { className: "py-4 text-base text-foreground", children: content }) }));
-}

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

@@ -1,16 +0,0 @@
-import type { ReactNode } from 'react';
-export interface DropdownItem {
-    key: string;
-    label: ReactNode;
-    icon?: ReactNode;
-    danger?: boolean;
-    onClick?: () => void;
-}
-export interface DropdownProps {
-    items: DropdownItem[];
-    children: ReactNode;
-    className?: string;
-    placement?: 'bottom-end' | 'bottom-start';
-}
-export declare function Dropdown({ items, children, className, placement }: DropdownProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from '../lib/utils';
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-export function Dropdown({ items, children, className, placement = 'bottom-end' }) {
-    const [isOpen, setIsOpen] = useState(false);
-    const [position, setPosition] = useState({ top: 0, left: 0, width: 0 });
-    const triggerRef = useRef(null);
-    const dropdownRef = useRef(null);
-    // 计算下拉菜单位置
-    const updatePosition = () => {
-        if (triggerRef.current) {
-            const rect = triggerRef.current.getBoundingClientRect();
-            setPosition({
-                top: rect.bottom + window.scrollY,
-                left: placement === 'bottom-end' ? rect.right + window.scrollX : rect.left + window.scrollX,
-                width: rect.width,
-            });
-        }
-    };
-    // 点击外部关闭
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const handleClickOutside = (event) => {
-            if (triggerRef.current &&
-                !triggerRef.current.contains(event.target) &&
-                dropdownRef.current &&
-                !dropdownRef.current.contains(event.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [isOpen]);
-    const handleToggle = () => {
-        if (!isOpen) {
-            updatePosition();
-        }
-        setIsOpen(!isOpen);
-    };
-    const handleItemClick = (item) => {
-        item.onClick?.();
-        setIsOpen(false);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, className: cn('relative inline-block', className), children: _jsx("div", { onClick: handleToggle, children: children }) }), isOpen &&
-                createPortal(_jsx("div", { ref: dropdownRef, className: cn('fixed z-[9999] mt-2 min-w-[120px]', 'bg-white rounded-lg shadow-lg border border-gray-200', 'py-1', 'animate-in fade-in-0 zoom-in-95'), style: {
-                        top: `${position.top}px`,
-                        left: placement === 'bottom-end' ? 'auto' : `${position.left}px`,
-                        right: placement === 'bottom-end' ? `${window.innerWidth - position.left}px` : 'auto',
-                    }, children: items.map((item) => (_jsxs("button", { onClick: () => handleItemClick(item), className: cn('w-full px-4 py-2.5 text-sm text-left', 'flex items-center gap-2', 'transition-colors', item.danger ? 'text-red-600 hover:bg-red-50' : 'text-gray-700 hover:bg-gray-50'), children: [item.icon && _jsx("span", { className: "flex-shrink-0", children: item.icon }), _jsx("span", { children: item.label })] }, item.key))) }), document.body)] }));
-}

package/fe/packages/ui/react/components/Form/SchemeForm/data.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import { type DatePickerProps } from '../../Date';
-import { type InputProps } from '../../Input';
-import { type SelectProps } from '../../Select';
-import { type SwitchProps } from '../../Switch';
-import { type TextareaProps } from '../../Textarea';
-export declare const componentsMap: {
-    input: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "value"> & {
-        value?: string;
-        onChange?: (v: string, e: React.ChangeEvent<HTMLInputElement>) => void;
-        defaultValue?: string;
-        allowClear?: boolean | {
-            clearIcon: React.ReactNode;
-        };
-        addonAfter?: React.ReactNode;
-    } & React.RefAttributes<HTMLInputElement>>>;
-    select: React.LazyExoticComponent<React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>>;
-    textarea: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "onChange" | "value"> & {
-        value?: string;
-        onChange?: (v: string, e: React.ChangeEvent<HTMLTextAreaElement>) => void;
-        defaultValue?: string;
-        maxLength?: number;
-        showCount?: boolean;
-        placeholder?: string;
-    } & React.RefAttributes<HTMLTextAreaElement>>>;
-    switch: React.LazyExoticComponent<React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>>;
-    date: React.LazyExoticComponent<React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>>;
-};
-type TextareaField = {
-    type?: 'textarea';
-    fieldProps?: TextareaProps;
-};
-type InputField = {
-    type?: 'input';
-    fieldProps?: InputProps;
-};
-type SelectField = {
-    type?: 'select';
-    fieldProps?: SelectProps;
-};
-type SwitchField = {
-    type?: 'switch';
-    fieldProps?: SwitchProps;
-};
-type DateField = {
-    type?: 'date';
-    fieldProps?: DatePickerProps;
-};
-export type FieldProps = TextareaField | InputField | SelectField | SwitchField | DateField;
-export {};
-//# sourceMappingURL=data.d.ts.map

package/fe/packages/ui/react/components/Form/SchemeForm/index.d.ts

@@ -1,152 +0,0 @@
-import type { MOmit } from '../../../types';
-import { type FormInstance } from 'rc-field-form';
-import type { Rule } from 'rc-field-form/es/interface';
-import { type ReactNode } from 'react';
-import { type FormProps } from '..';
-import { Button } from '../../Button';
-import type { LabelLayout } from '../../Label';
-import { componentsMap, type FieldProps } from './data';
-export type FormFieldType = keyof typeof componentsMap;
-type BaseField<T> = {
-    [K in keyof T]: {
-        /**
-         * 字段名
-         */
-        name: K | number | (K | number)[];
-        /**
-         * 标签文本
-         */
-        label?: ReactNode;
-        /**
-         * 验证规则
-         */
-        rules?: Rule[];
-        /**
-         * 是否必填（仅用于显示，实际验证通过 rules 配置）
-         */
-        required?: boolean;
-        /**
-         * 表单项类名
-         */
-        className?: string;
-        /**
-         * 标签类名
-         */
-        labelClassName?: string;
-        /**
-         * 错误信息类名
-         */
-        errorClassName?: string;
-        /**
-         * 是否显示错误信息
-         */
-        showError?: boolean;
-        /**
-         * 自定义渲染函数
-         */
-        render?: (value: T[K], onChange: (value: T[K]) => void, meta: {
-            errors: string[];
-            warnings: string[];
-        }) => ReactNode;
-        /**
-         * field label 布局方向
-         */
-        layout?: Required<LabelLayout>['layout'];
-        /**
-         * 插入到控件后边
-         */
-        affterNode?: ReactNode;
-    };
-}[keyof T];
-type GroupField<T> = {
-    type: 'group';
-    childrens: FormFieldScheme<T>[];
-    fieldProps: React.HTMLAttributes<HTMLDivElement>;
-} & BaseField<T>;
-type NotGroupField<T> = FieldProps & BaseField<T>;
-export type FormFieldScheme<T> = GroupField<T> | NotGroupField<T>;
-export interface SchemeFormProps<T = object> extends MOmit<FormProps<T>, 'initialValues' | 'children' | 'preserve'> {
-    /**
-     * 表单实例
-     */
-    form?: FormInstance<T>;
-    /**
-     * 获取当前使用的form实例
-     */
-    getForm?: (formInstance: FormInstance<T>) => void;
-    /**
-     * 表单配置方案
-     */
-    schemes: FormFieldScheme<T>[];
-    /**
-     * 表单类名
-     */
-    className?: string;
-    /**
-     * 提交回调
-     */
-    onFinish?: (values: T) => void;
-    /**
-     * 提交失败回调
-     */
-    onFinishFailed?: (errorInfo: any) => void;
-    /**
-     * 初始值
-     */
-    initialValues?: T;
-    /**
-     * form 布局方向
-     *
-     * tips: horizontal 需自行实现提交按钮
-     */
-    layout?: Required<LabelLayout>['layout'];
-    /**
-     * 统一配置 field layout
-     */
-    fieldLayout?: Required<LabelLayout>['layout'];
-    /**
-     * - 是否显示提交和取消按钮
-     * - 或自定义按钮
-     * - tips button type submit 可直接触发提交
-     * @default true
-     */
-    footerButtons?: boolean | ReactNode;
-    /**
-     * 提交按钮文本
-     * @default '提交'
-     */
-    submitText?: ReactNode;
-    /**
-     * 取消按钮文本
-     * @default '取消'
-     */
-    cancelText?: ReactNode;
-    /**
-     * 取消按钮回调
-     */
-    onCancel?: () => void;
-    /**
-     * 按钮容器类名
-     */
-    buttonClassName?: string;
-    /**
-     * 提交按钮属性
-     */
-    submitButtonProps?: Omit<React.ComponentProps<typeof Button>, 'type' | 'onClick' | 'children'>;
-    /**
-     * 取消按钮属性
-     */
-    cancelButtonProps?: Omit<React.ComponentProps<typeof Button>, 'onClick' | 'children'>;
-    /**
-     * 移除字段时保留值
-     *
-     * @default false
-     */
-    preserve?: boolean;
-}
-export declare const SchemeForm: {
-    <T extends object>({ form, getForm, schemes, className, onFinish, onFinishFailed, initialValues, footerButtons, submitText, cancelText, onCancel, buttonClassName, submitButtonProps, layout, fieldLayout, cancelButtonProps, ...formProps }: SchemeFormProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default SchemeForm;
-//# sourceMappingURL=index.d.ts.map

package/fe/packages/ui/react/components/Form/SchemeForm/index.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../lib/utils';
-import { Suspense, useEffect, useMemo } from 'react';
-import { Form, FormItem, useForm } from '..';
-import { Button } from '../../Button';
-import { Skeleton } from '../../Skeleton';
-import { componentsMap } from './data';
-const renderField = (scheme) => {
-    return (value, onChange, meta) => {
-        // 如果提供了自定义渲染函数，优先使用
-        if (scheme.render) {
-            return scheme.render(value, onChange, meta);
-        }
-        const { type = 'input' } = scheme;
-        const Component = componentsMap[type];
-        const { fieldProps } = scheme;
-        return (_jsxs(Suspense, { fallback: _jsx(Skeleton, { mode: "componentsloading", rows: 2 }), children: [_jsx(Component, { value: value, onChange: onChange, ...fieldProps }), scheme.affterNode] }));
-    };
-};
-export const SchemeForm = ({ form, getForm, schemes, className, onFinish, onFinishFailed, initialValues, footerButtons = true, submitText = '提交', cancelText = '取消', onCancel, buttonClassName, submitButtonProps, layout = 'vertical', fieldLayout = 'vertical', cancelButtonProps, 
-// preserve = false,
-...formProps }) => {
-    const [f] = useForm();
-    useEffect(() => {
-        getForm?.(f);
-    }, []);
-    const usedForm = form ?? f;
-    const handleCancel = () => {
-        if (onCancel) {
-            onCancel();
-        }
-        else {
-            // 如果没有提供 onCancel，默认重置表单
-            usedForm?.resetFields();
-        }
-    };
-    const { formClassName, fieldClassName, isHorizontal } = useMemo(() => {
-        return {
-            formClassName: cn(layout === 'horizontal' ? 'flex gap-4 items-start flex-wrap' : ''),
-            fieldClassName: cn('min-w-[255px]', layout === 'horizontal' ? '' : 'mb-5'),
-            isHorizontal: layout === 'horizontal',
-        };
-    }, [layout]);
-    const renderSchemes = (schemes) => {
-        return schemes.map((scheme, index) => {
-            const { type = 'input' } = scheme;
-            if (type !== 'group') {
-                const { name, label, rules, required, className: itemClassName, labelClassName, errorClassName, showError, layout: schemeFieldLayout, } = scheme;
-                const fLayout = schemeFieldLayout ?? fieldLayout;
-                const fRequired = required ??
-                    rules?.some((r) => {
-                        const rData = typeof r === 'function' ? r(usedForm) : r;
-                        return rData.required;
-                    });
-                const fiKey = (Array.isArray(name) ? `field-${index}-${name.join('_')}` : name);
-                return (_jsx(FormItem, { name: name, label: label, rules: rules, layout: fLayout, required: fRequired, className: cn(fieldClassName, itemClassName), labelClassName: labelClassName, errorClassName: errorClassName, showError: showError, children: renderField(scheme) }, fiKey));
-            }
-            else if (type === 'group') {
-                const s = scheme;
-                const fiKey = (Array.isArray(name) ? `field-group-${index}-${name.join('_')}` : name);
-                return (_jsx("div", { className: "field-group-container", ...s.fieldProps, children: renderSchemes(s.childrens) }, fiKey));
-            }
-            return null;
-        });
-    };
-    return (_jsxs(Form, { form: usedForm, onFinish: onFinish, onFinishFailed: onFinishFailed, initialValues: initialValues, className: cn(formClassName, className), ...formProps, children: [renderSchemes(schemes), footerButtons && !isHorizontal ? (typeof footerButtons === 'boolean' ? (_jsxs("div", { className: cn('flex items-center gap-4', buttonClassName), children: [_jsx(Button, { type: "button", onClick: handleCancel, ...cancelButtonProps, children: cancelText }), _jsx(Button, { type: "submit", variant: "primary", ...submitButtonProps, children: submitText })] })) : (footerButtons)) : undefined] }));
-};
-SchemeForm.displayName = 'SchemeForm';
-export default SchemeForm;

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

@@ -1,59 +0,0 @@
-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

@@ -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.d.ts

@@ -1,25 +0,0 @@
-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

@@ -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 };