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

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,2 +0,0 @@
-export { default as TableSearch } 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/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, 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: cn("tc-ui-textarea relative w-fit", className), 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", 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';

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

@@ -1,79 +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 - tooltipRect.height - padding;
-                        left =
-                            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
-                        break;
-                    case "bottom":
-                        top = triggerRect.bottom + padding;
-                        left =
-                            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
-                        break;
-                    case "left":
-                        top = triggerRect.top;
-                        left = triggerRect.left - tooltipRect.width - padding;
-                        break;
-                    case "right":
-                        // 直接使用元素所在元素
-                        top = triggerRect.top;
-                        left = triggerRect.right + padding;
-                        break;
-                }
-                setPosition({ top, left });
-            });
-        }
-        // 隐藏时 重置定位定制 去除重影
-        if (!isVisible) {
-            const top = -100, left = -100;
-            setPosition({ top, left });
-        }
-    }, [isVisible, placement]);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: triggerRef, onMouseEnter: showTooltip, onMouseLeave: hideTooltip, className: "tc-ui-tooltip 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/Tooltip/index.d.ts

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

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

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

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

@@ -1,160 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { ChevronDown, ChevronRight } from 'lucide-react';
-import { useCallback, useMemo, useState } from 'react';
-import { Button } from '../Button';
-import { Checkbox } from '../Checkbox';
-export function TreeSelect({ data, value = [], onChange, labelField = 'name', checkable = true, className, }) {
-    const [expandedKeys, setExpandedKeys] = useState(new Set());
-    const { nodeMap, parentMap } = useMemo(() => {
-        const nodeM = new Map();
-        const parentM = new Map();
-        const traverse = (nodes, parentId) => {
-            nodes.forEach((node) => {
-                nodeM.set(node.id, node);
-                parentM.set(node.id, parentId);
-                if (node.children && node.children.length > 0) {
-                    traverse(node.children, node.id);
-                }
-            });
-        };
-        traverse(data, null);
-        return { nodeMap: nodeM, parentMap: parentM };
-    }, [data]);
-    // 获取节点的所有子节点 ID
-    const getDescendantIds = useCallback((node) => {
-        const ids = [];
-        const traverse = (n) => {
-            if (n.children && n.children.length > 0) {
-                n.children.forEach((child) => {
-                    ids.push(child.id);
-                    traverse(child);
-                });
-            }
-        };
-        traverse(node);
-        return ids;
-    }, []);
-    const updateParentSelection = useCallback((checkedSet) => {
-        const traverseUp = (nodeId) => {
-            const parentId = parentMap.get(nodeId);
-            if (parentId === undefined || parentId === null)
-                return;
-            const parentNode = nodeMap.get(parentId);
-            if (!parentNode || !parentNode.children)
-                return;
-            const childIds = parentNode.children.map((child) => child.id);
-            const checkedCount = childIds.filter((id) => checkedSet.has(id)).length;
-            if (checkedCount === childIds.length) {
-                checkedSet.add(parentId);
-            }
-            else {
-                checkedSet.delete(parentId);
-            }
-            traverseUp(parentId);
-        };
-        checkedSet.forEach((id) => traverseUp(id));
-    }, [nodeMap, parentMap]);
-    // 切换展开/折叠
-    const toggleExpand = useCallback((nodeId) => {
-        setExpandedKeys((prev) => {
-            const newSet = new Set(prev);
-            if (newSet.has(nodeId)) {
-                newSet.delete(nodeId);
-            }
-            else {
-                newSet.add(nodeId);
-            }
-            return newSet;
-        });
-    }, []);
-    const getIndeterminateKeys = useCallback((checkedSet) => {
-        const indeterminateKeys = [];
-        const getDescendantCount = (node) => {
-            if (!node.children || node.children.length === 0) {
-                return { total: 1, checked: checkedSet.has(node.id) ? 1 : 0 };
-            }
-            return node.children.reduce((acc, child) => {
-                const childResult = getDescendantCount(child);
-                return { total: acc.total + childResult.total, checked: acc.checked + childResult.checked };
-            }, { total: 0, checked: 0 });
-        };
-        const traverse = (nodes) => {
-            nodes.forEach((node) => {
-                if (node.children && node.children.length > 0) {
-                    const { total, checked } = getDescendantCount(node);
-                    if (checked > 0 && checked < total) {
-                        indeterminateKeys.push(node.id);
-                    }
-                    traverse(node.children);
-                }
-            });
-        };
-        traverse(data);
-        return indeterminateKeys;
-    }, [data]);
-    // 切换选中状态
-    const toggleCheck = useCallback((node) => {
-        if (!checkable || !onChange)
-            return;
-        const isChecked = value.includes(node.id);
-        const nextChecked = new Set(value);
-        const descendantIds = getDescendantIds(node);
-        if (isChecked) {
-            nextChecked.delete(node.id);
-            descendantIds.forEach((id) => nextChecked.delete(id));
-        }
-        else {
-            nextChecked.add(node.id);
-            descendantIds.forEach((id) => nextChecked.add(id));
-        }
-        updateParentSelection(nextChecked);
-        const indeterminateKeys = getIndeterminateKeys(nextChecked);
-        onChange({ checked: Array.from(nextChecked), indeterminate: indeterminateKeys });
-    }, [value, onChange, checkable, getDescendantIds, updateParentSelection, getIndeterminateKeys]);
-    // 判断节点是否选中
-    const isNodeChecked = useCallback((nodeId) => {
-        return value.includes(nodeId);
-    }, [value]);
-    const isNodeIndeterminate = useCallback((node) => {
-        if (!node.children || node.children.length === 0)
-            return false;
-        const getDescendantCount = (n) => {
-            if (!n.children || n.children.length === 0) {
-                return { total: 1, checked: value.includes(n.id) ? 1 : 0 };
-            }
-            return n.children.reduce((acc, child) => {
-                const childResult = getDescendantCount(child);
-                return { total: acc.total + childResult.total, checked: acc.checked + childResult.checked };
-            }, { total: 0, checked: 0 });
-        };
-        const { total, checked } = getDescendantCount(node);
-        return checked > 0 && checked < total;
-    }, [value]);
-    // 渲染树节点
-    function renderTreeNode(node, level = 0) {
-        const hasChildren = node.children && node.children.length > 0;
-        const isExpanded = expandedKeys.has(node.id);
-        const isChecked = isNodeChecked(node.id);
-        const isIndeterminate = isNodeIndeterminate(node);
-        return (_jsxs("div", { children: [_jsxs("div", { className: cn('flex items-center gap-2 py-2 px-2 hover:bg-muted/50 rounded-md cursor-pointer transition-colors', 'group'), style: { paddingLeft: `${level * 20 + 8}px` }, children: [hasChildren ? (_jsx(Button, { variant: "text", type: "button", onClick: (e) => {
-                                e.stopPropagation();
-                                toggleExpand(node.id);
-                            }, className: "flex-shrink-0 p-0.5 hover:bg-muted rounded", children: isExpanded ? _jsx(ChevronDown, { className: "h-4 w-4" }) : _jsx(ChevronRight, { className: "h-4 w-4" }) })) : (_jsx("span", { className: "w-5" })), checkable && (_jsx(Checkbox, { className: "flex-shrink-0", checked: isChecked, indeterminate: isIndeterminate, "aria-label": `Select ${node.name}`, onChange: (_, e) => {
-                                e.stopPropagation();
-                                toggleCheck(node);
-                            } })), _jsx("span", { className: "flex-1 text-sm select-none", onClick: () => {
-                                if (hasChildren) {
-                                    toggleExpand(node.id);
-                                }
-                                else {
-                                    toggleCheck(node);
-                                }
-                            }, children: labelField === 'desctext' ? node.desctext || node.name : node.name })] }), hasChildren && isExpanded && _jsx("div", { children: node.children.map((child) => renderTreeNode(child, level + 1)) })] }, node.id));
-    }
-    // 如果没有数据
-    if (!data || data.length === 0) {
-        return _jsx("div", { className: cn('tc-ui-tree-select p-8 text-center text-sm text-muted-foreground', className), children: "No data" });
-    }
-    return (_jsx("div", { className: cn('tc-ui-tree-select border border-border rounded-lg p-2 max-h-[400px] overflow-y-auto', className), children: data.map((node) => renderTreeNode(node)) }));
-}

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

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

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

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

package/fe/packages/ui/react/components/Upload/ImageUpload.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { Camera, X } from 'lucide-react';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { Button } from '../Button';
-import { FileUpload } from './Upload';
-export function ImageUpload({ accept = '.jpg,.png', maxCount = 1, value, onChange, beforeChange }) {
-    const t = useI18n();
-    const inputRef = useRef(null);
-    const [internalUrls, setInternalUrls] = useState([]);
-    const internalUrlsRef = useRef([]);
-    const urls = value ?? internalUrls;
-    const setUrls = onChange ?? setInternalUrls;
-    const mAccept = useMemo(() => {
-        const aType = accept
-            .split(',')
-            .map((item) => item.trim().replace(/\./g, ''))
-            .filter(Boolean);
-        return aType.map((a) => `image/${a}`).join(', ');
-    }, [accept]);
-    const handleFileChange = (e) => {
-        const files = e.target.files;
-        if (!files || files.length === 0)
-            return;
-        const newUrls = [];
-        const fileArray = Array.from(files);
-        const remainingCount = maxCount - urls.length;
-        fileArray.forEach((file) => {
-            if (newUrls.length < remainingCount) {
-                if (beforeChange) {
-                    const result = beforeChange(file);
-                    if (result === false) {
-                        return;
-                    }
-                }
-                const url = URL.createObjectURL(file);
-                newUrls.push(url);
-            }
-        });
-        if (maxCount > 1) {
-            setUrls([...urls, ...newUrls]);
-        }
-        else {
-            urls.forEach((url) => URL.revokeObjectURL(url));
-            setUrls(newUrls.slice(0, 1));
-        }
-        if (inputRef.current) {
-            inputRef.current.value = '';
-        }
-    };
-    const handleRemove = (index) => {
-        const urlToRemove = urls[index];
-        URL.revokeObjectURL(urlToRemove);
-        setUrls(urls.filter((_, i) => i !== index));
-    };
-    useEffect(() => {
-        if (onChange) {
-            internalUrlsRef.current = [];
-            return;
-        }
-        const removedUrls = internalUrlsRef.current.filter((url) => !internalUrls.includes(url));
-        removedUrls.forEach((url) => URL.revokeObjectURL(url));
-        internalUrlsRef.current = internalUrls;
-    }, [onChange, internalUrls]);
-    useEffect(() => {
-        return () => {
-            internalUrlsRef.current.forEach((url) => URL.revokeObjectURL(url));
-            internalUrlsRef.current = [];
-        };
-    }, []);
-    return (_jsxs("div", { className: "tc-ui-image-upload flex flex-wrap gap-3", children: [urls.map((url, index) => (_jsxs("div", { className: "relative w-24 h-24 rounded-lg overflow-hidden border border-gray-200 group cursor-pointer", children: [_jsx("img", { src: url, alt: "", className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-colors flex items-center justify-center", children: _jsx(Button, { variant: "text", type: "button", onClick: (e) => {
-                                e.stopPropagation();
-                                handleRemove(index);
-                            }, className: "opacity-0 group-hover:opacity-100 transition-opacity p-1.5 rounded-full bg-red-500 hover:bg-red-600 text-white", "aria-label": t('components.upload.deleteImage'), title: t('components.upload.deleteImage'), children: _jsx(X, { size: 16 }) }) })] }, index))), urls.length < maxCount && (_jsx(FileUpload, { inputRef: inputRef, accept: mAccept, multiple: maxCount > 1, onChange: handleFileChange, labelClassName: "w-24 h-24 p-0 border-0 cursor-pointer", selectLabel: _jsxs("div", { className: "w-full h-full rounded-[8px] bg-[#F5F5F5] border border-gray-200 flex flex-col items-center justify-center gap-1 hover:bg-gray-50 transition-colors", children: [_jsx(Camera, { className: "text-gray-500", size: 24 }), _jsx("span", { className: "text-xs text-gray-500", children: t('components.upload.upload') })] }) }))] }));
-}

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../Button';
-import { Input } from '../Input';
-export function FileUpload({ inputRef, accept = '*', multiple, onChange, selectLabel, labelClassName, showClear, onClear, clearLabel, }) {
-    return (_jsxs("div", { className: "tc-ui-file-upload flex items-center gap-3", children: [_jsxs("label", { className: labelClassName ?? 'flex items-center gap-2 px-4 py-2 border rounded-lg cursor-pointer bg-background', children: [_jsx(Input, { ref: inputRef, type: "file", accept: accept, multiple: multiple, className: "hidden", onChange: (_, e) => onChange?.(e) }), selectLabel] }), showClear && onClear && (_jsx(Button, { size: "sm", variant: "link", onClick: onClear, children: clearLabel }))] }));
-}

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

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

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

@@ -1,2 +0,0 @@
-export * from './ImageUpload';
-export * from './Upload';

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

@@ -1,81 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useI18n } from '../../i18n';
-import { useBreadcrumb } from '../../hooks/useBreadcrumb';
-import { useLanguage } from '../../hooks/useLanguage';
-import { cn } from '../../lib/utils';
-// import useUserStore from '@tc/ui-react/stores/user'
-import { ChevronRight, MoreHorizontal } from 'lucide-react';
-import { forwardRef } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Button } from '../Button';
-const Breadcrumb = forwardRef(({ className, ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", className: cn('tc-ui-breadcrumb', className), ...props }));
-Breadcrumb.displayName = 'Breadcrumb';
-const BreadcrumbList = forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn('tc-ui-breadcrumb-list flex items-center gap-3 flex-wrap', className), ...props })));
-BreadcrumbList.displayName = 'BreadcrumbList';
-const BreadcrumbItem = forwardRef(({ className, ...props }, ref) => _jsx("li", { ref: ref, className: cn('tc-ui-breadcrumb-item inline-flex items-center', className), ...props }));
-BreadcrumbItem.displayName = 'BreadcrumbItem';
-const BreadcrumbLink = forwardRef(({ className, ...props }, ref) => {
-    return _jsx("a", { ref: ref, className: cn('tc-ui-breadcrumb-link transition-colors hover:text-foreground', className), ...props });
-});
-BreadcrumbLink.displayName = 'BreadcrumbLink';
-const BreadcrumbPage = forwardRef(({ className, active, onClose, closable = true, children, ...props }, ref) => {
-    const t = useI18n();
-    return (_jsxs("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn('tc-ui-breadcrumb-page inline-flex items-center gap-2 px-4 py-2 rounded-lg border transition-all duration-200 text-sm', active
-            ? 'bg-breadcrumb-active-bg text-breadcrumb-active-text border-breadcrumb-active-bg shadow-sm'
-            : 'bg-background text-breadcrumb-text border-breadcrumb-border hover:border-gray-400', className), ...props, children: [_jsx("span", { className: "font-normal", children: children }), onClose && closable && (_jsx(Button, { variant: "text", type: "button", onClick: (e) => {
-                    e.stopPropagation();
-                    onClose();
-                }, className: "inline-flex items-center justify-center hover:opacity-70 transition-opacity", "aria-label": t('components.breadcrumb.close'), children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsxs("g", { clipPath: "url(#clip0_228_519)", children: [_jsx("circle", { cx: "8", cy: "8", r: "6.66667", stroke: "currentColor", strokeWidth: "1" }), _jsx("path", { d: "M9.66669 6.33302L6.33337 9.66634M6.33336 6.33301L9.66668 9.66633", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_228_519", children: _jsx("rect", { width: "16", height: "16", fill: "white" }) }) })] }) }))] }));
-});
-BreadcrumbPage.displayName = 'BreadcrumbPage';
-const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn('tc-ui-breadcrumb-separator [&>svg]:size-3.5', className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
-BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
-const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", "aria-label": "More", className: cn('tc-ui-breadcrumb-ellipsis flex h-9 w-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
-BreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis';
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
-export function SimpleBreadcrumb({ className }) {
-    const { language } = useLanguage();
-    const navigate = useNavigate();
-    const { items, setActiveItem, removeItem } = useBreadcrumb();
-    const handleBreadcrumbClick = (id) => {
-        const item = items.find((item) => item.id === id);
-        if (item?.path) {
-            navigate(item.path);
-            setActiveItem(id);
-        }
-    };
-    const handleBreadcrumbClose = (id) => {
-        const itemToRemove = items.find((item) => item.id === id);
-        const isActive = itemToRemove?.active;
-        // 先计算剩余的面包屑项（在删除之前）
-        const remainingItems = items.filter((item) => item.id !== id);
-        // 立即删除该项，确保状态及时更新
-        removeItem(id);
-        // 如果删除的是当前激活的项，需要跳转
-        if (isActive) {
-            if (remainingItems.length > 0) {
-                // 有剩余项，跳转到最后一个
-                const targetItem = remainingItems.at(-1);
-                const targetPath = targetItem.path;
-                if (targetPath) {
-                    // 使用 setTimeout 确保删除操作先完成
-                    setTimeout(() => {
-                        navigate(targetPath);
-                        setActiveItem(targetItem.id);
-                    }, 0);
-                }
-            }
-            else {
-                // 获取首页路径（第一个权限页面）
-                setTimeout(() => {
-                    // todo
-                    // navigate(useUserStore.getState().userPagePermissions[0]?.menuUrl || '/')
-                }, 0);
-            }
-        }
-    };
-    const getItemLabel = (item) => {
-        return language === 'zh-CN' ? item.label : item.desctext || item.label;
-    };
-    return (_jsx(Breadcrumb, { className: className, children: _jsx(BreadcrumbList, { children: items.map((item) => (_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { active: item.active, closable: item.closable !== false, onClose: () => handleBreadcrumbClose(item.id), onClick: () => handleBreadcrumbClick(item.id), className: 'cursor-pointer', "data-active": item.active ? 'true' : undefined, children: getItemLabel(item) }) }, item.id))) }) }));
-}

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

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

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

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