@_tc/template-core 0.0.1-bate.2 → 0.0.1-bate.21

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Camera, X } from 'lucide-react';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { FileUpload } from './Upload';
+export function ImageUpload({ accept = '.jpg,.png', maxCount = 1, value, onChange, beforeChange }) {
+    const inputRef = useRef(null);
+    const [internalUrls, setInternalUrls] = useState([]);
+    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(() => {
+        return () => {
+            if (!onChange) {
+                internalUrls.forEach((url) => URL.revokeObjectURL(url));
+            }
+        };
+    }, [onChange, internalUrls]);
+    return (_jsxs("div", { className: "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", { 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": "\u5220\u9664\u56FE\u7247", title: "\u5220\u9664\u56FE\u7247", 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: "\u4E0A\u4F20" })] }) }))] }));
+}

package/{packages → fe/packages}/ui/react/components/Upload/Upload.d.ts

@@ -1,13 +1,40 @@
 import type { ChangeEvent, ReactNode, RefObject } from 'react';
 export interface FileUploadProps {
+    /**
+     * 文件 input 的 ref，用于父组件重置 value 等
+     */
     inputRef?: RefObject<HTMLInputElement | null>;
+    /**
+     * input 的 accept 属性，默认接收任意文件
+     */
     accept?: string;
+    /**
+     * 是否支持多选
+     */
     multiple?: boolean;
+    /**
+     * 选择文件时的回调
+     */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * 选择文件按钮文案
+     */
     selectLabel: ReactNode;
+    /**
+     * label 的自定义 className
+     */
     labelClassName?: string;
+    /**
+     * 是否展示清空按钮
+     */
     showClear?: boolean;
+    /**
+     * 清空按钮点击回调
+     */
     onClear?: () => void;
+    /**
+     * 清空按钮文案
+     */
     clearLabel?: ReactNode;
 }
 export declare function FileUpload({ inputRef, accept, multiple, onChange, selectLabel, labelClassName, showClear, onClear, clearLabel, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../Button';
+export function FileUpload({ inputRef, accept = '*', multiple, onChange, selectLabel, labelClassName, showClear, onClear, clearLabel, }) {
+    return (_jsxs("div", { className: "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-white', children: [_jsx("input", { ref: inputRef, type: "file", accept: accept, multiple: multiple, className: "hidden", onChange: onChange }), selectLabel] }), showClear && onClear && (_jsx(Button, { size: "sm", variant: "link", onClick: onClear, children: clearLabel }))] }));
+}

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

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

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

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+const Breadcrumb = forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = 'Breadcrumb';
+const BreadcrumbList = forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn('flex items-center gap-3 flex-wrap', className), ...props })));
+BreadcrumbList.displayName = 'BreadcrumbList';
+const BreadcrumbItem = forwardRef(({ className, ...props }, ref) => _jsx("li", { ref: ref, className: cn('inline-flex items-center', className), ...props }));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+const BreadcrumbLink = forwardRef(({ className, ...props }, ref) => {
+    return _jsx("a", { ref: ref, className: cn('transition-colors hover:text-foreground', className), ...props });
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+const BreadcrumbPage = forwardRef(({ className, active, onClose, closable = true, children, ...props }, ref) => {
+    return (_jsxs("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn('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-white text-breadcrumb-text border-breadcrumb-border hover:border-gray-400', className), ...props, children: [_jsx("span", { className: "font-normal", children: children }), onClose && closable && (_jsx("button", { onClick: (e) => {
+                    e.stopPropagation();
+                    onClose();
+                }, className: "inline-flex items-center justify-center hover:opacity-70 transition-opacity", "aria-label": "\u5173\u95ED", 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('[&>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('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/{packages → fe/packages}/ui/react/components/hooks/useInputController.d.ts

@@ -4,6 +4,9 @@ interface IParams<T> {
     controlledValue?: string;
     disabled?: boolean;
 }
+/**
+ * 处理ref & 判断是否受控 & 使用的value & value.length
+ */
 export declare const useInputController: <T>(params: IParams<T>) => {
     setRefs: (node: T | null) => void;
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;

package/{packages → fe/packages}/ui/react/components/hooks/useInputController.js

@@ -1,24 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputController = void 0;
-const react_1 = require("react");
-const useInputController = (params) => {
+import { useCallback, useMemo, useRef, useState } from 'react';
+/**
+ * 处理ref & 判断是否受控 & 使用的value & value.length
+ */
+export const useInputController = (params) => {
     const { defaultValue, ref, controlledValue } = params;
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue || '');
-    const controllerRef = (0, react_1.useRef)(null);
-    const setRefs = (0, react_1.useCallback)((node) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [internalValue, setInternalValue] = useState(defaultValue || '');
+    const controllerRef = useRef(null);
+    // 合并 refs
+    const setRefs = useCallback((node) => {
         controllerRef.current = node;
         if (typeof ref === 'function') {
             ref(node);
         }
         else if (ref) {
+            // eslint-disable-next-line react-hooks/immutability
             ref.current = node;
         }
     }, [ref]);
-    const isControlledRef = (0, react_1.useRef)(false);
-    const isControlled = (0, react_1.useMemo)(() => {
+    const isControlledRef = useRef(false);
+    // 外部传了value
+    const isControlled = useMemo(() => {
         const r = controlledValue !== undefined;
+        // 当传入的value改变时，更新ref值
         isControlledRef.current = r;
         return r;
     }, [controlledValue]);
@@ -39,5 +43,3 @@ const useInputController = (params) => {
         value,
     };
 };
-exports.useInputController = useInputController;
-//# sourceMappingURL=useInputController.js.map

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

@@ -0,0 +1,23 @@
+export * from './breadcrumb';
+export * from './Button';
+export * from './Checkbox';
+export * from './ConfirmDialog';
+export * from './DataTable/data-table';
+export * from './Dropdown';
+export * from './Form';
+export * from './ImagePreview';
+export * from './Input';
+export * from './Label';
+export * from './Message';
+export * from './Modal';
+export * from './Pagination';
+export * from './Search';
+export * from './Select';
+export * from './Skeleton';
+export * from './Switch';
+export * from './table';
+export * from './TableSearch';
+export * from './Textarea';
+export * from './Tooltip';
+export * from './TreeSelect';
+export * from './Upload';

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

@@ -0,0 +1,20 @@
+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/components/testPage/index.js

@@ -0,0 +1,118 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Form, FormItem, ImageUpload, Input, Label, SchemeForm, Skeleton, TableSearch, TreeSelect, useForm, } from '../../components';
+import { useRef, useState } from 'react';
+import DateTestPage from '../Date/DateTestPage';
+import { PreviewImage } from '../../components';
+function TreeSelectDemo() {
+    const [value, setValue] = useState(['1.1.1', '1.1.2']);
+    const [indeterminate, setIndeterminate] = useState([]);
+    const treeData = [
+        {
+            id: '1',
+            name: '1',
+            children: [
+                {
+                    id: '1.1',
+                    name: '1.1',
+                    children: [
+                        {
+                            id: '1.1.1',
+                            name: '1.1.1',
+                            children: [
+                                {
+                                    id: '1.1.1.1',
+                                    name: '1.1.1.1',
+                                },
+                                {
+                                    id: '1.1.1.2',
+                                    name: '1.1.1.2',
+                                },
+                            ],
+                        },
+                        { id: '1.1.2', name: '1.1.2' },
+                    ],
+                },
+                {
+                    id: '1.2',
+                    name: '1.2',
+                    children: [
+                        { id: '1.2.1', name: '1.2.1' },
+                        { id: '1.2.2', name: '1.2.2' },
+                    ],
+                },
+            ],
+        },
+    ];
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-4", children: [_jsxs("div", { children: ["\u9009\u4E2D: ", JSON.stringify(value)] }), _jsxs("div", { children: ["\u534A\u9009: ", JSON.stringify(indeterminate)] })] }), _jsx(TreeSelect, { data: treeData, value: value, onChange: ({ checked, indeterminate }) => {
+                    setValue(checked);
+                    setIndeterminate(indeterminate);
+                } })] }));
+}
+function PreviewImageDemo() {
+    const images = [
+        'https://s3.ap-northeast-1.amazonaws.com/ezpay-test/52903c41-2eec-4326-95f0-79d56a4dc19c.png',
+        'https://aisearch.cdn.bcebos.com/homepage/dashboard/ai_picture_create/15.png',
+    ];
+    return (_jsx(_Fragment, { children: _jsx(PreviewImage, { images: images, initialIndex: 0 }) }));
+}
+function MyForm() {
+    const [form] = useForm();
+    const onFinish = (values) => {
+        console.log('表单值:', values);
+    };
+    return (_jsxs(Form, { form: form, onFinish: onFinish, children: [_jsx(FormItem, { name: "username", label: "\u7528\u6237\u540D", required: true, rules: [{ required: true, message: '请输入用户名' }], children: _jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D" }) }), _jsx(FormItem, { name: "password", label: "\u5BC6\u7801", required: true, rules: [{ required: true, message: '请输入密码' }], children: _jsx(Input, { type: "password", placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801" }) }), _jsx(Button, { type: "submit", children: "\u63D0\u4EA4" })] }));
+}
+const TestPage = () => {
+    const form = useRef(undefined);
+    return (_jsxs("div", { children: [_jsx("h1", { children: "button" }), _jsx(Button, { onClick: () => console.log(form), children: "click" }), _jsx("h2", { children: "text" }), _jsx(Button, { variant: "text", onClick: () => console.log(form), children: "click" }), _jsx(Button, { disabled: true, variant: "text", onClick: () => console.log(form), children: "click" }), _jsx("h1", { children: "input" }), _jsx(Input, {}), _jsx("h1", { children: "form" }), _jsx(MyForm, {}), _jsx("h1", { children: "schemeform" }), _jsx(SchemeForm, { layout: "horizontal", getForm: (f) => {
+                    form.current = f;
+                }, schemes: [
+                    {
+                        name: 'username',
+                        label: '用户名',
+                        type: 'input',
+                        required: true,
+                        rules: [{ required: true, message: '请输入用户名' }],
+                        fieldProps: {
+                            placeholder: '请输入用户名',
+                        },
+                    },
+                    {
+                        name: 'role',
+                        label: '角色',
+                        type: 'select',
+                        fieldProps: {
+                            placeholder: '请选择',
+                            options: [
+                                { label: '管理员', value: 'admin' },
+                                { label: '用户', value: 'user' },
+                            ],
+                        },
+                    },
+                ], onFinish: (values) => console.log(values) }), _jsx("h1", { children: "label" }), _jsx("div", { children: _jsx(Label, { label: "labelName", layout: "horizontal", children: "123" }) }), _jsx("h1", { children: "TableSearch " }), _jsx(TableSearch, { onSearch: (v) => {
+                    console.log(v);
+                }, schemes: [
+                    { type: 'input', fieldProps: {}, name: '1', label: '1' },
+                    { type: 'switch', fieldProps: {}, name: '2', label: '2' },
+                    { type: 'select', fieldProps: { options: [{ value: '3', label: '3' }] }, name: '3', label: '3' },
+                    { type: 'textarea', fieldProps: {}, name: '4', label: '4' },
+                    { type: 'date', fieldProps: {}, name: '5', label: '5' },
+                    {
+                        type: 'date',
+                        fieldProps: {
+                            mode: 'range',
+                        },
+                        name: '6',
+                        label: '6',
+                    },
+                    { type: 'input', fieldProps: {}, name: '7', label: '7' },
+                    { type: 'date', fieldProps: {}, name: '8', label: '8' },
+                    { type: 'input', fieldProps: {}, name: '9', label: '9' },
+                    { type: 'input', fieldProps: {}, name: '10', label: '10' },
+                    { type: 'input', fieldProps: {}, name: '11', label: '11' },
+                ] }), _jsx("h1", { children: "Skeleton" }), _jsx(Skeleton, { mode: "pageloading", rows: 5, showTitle: true, showActions: true }), _jsx(Skeleton, { mode: "tableloading", rows: 8 }), _jsx(Skeleton, { mode: "componentsloading", rows: 3 }), _jsx("h1", { children: "TreeSelect" }), _jsx(TreeSelectDemo, {}), _jsx(DateTestPage, {}), _jsx("h1", { children: "PreviewImage" }), _jsx(PreviewImageDemo, {}), _jsx("h1", { children: "ImageUpload" }), _jsx(ImageUpload, { accept: ".jpg,.png", maxCount: 4, beforeChange: (f) => {
+                    console.log(f);
+                    return parseInt(Math.random() * 10 + '') % 2 === 0;
+                } })] }));
+};
+export default TestPage;

package/fe/packages/ui/react/hooks/useBreadcrumb.js

@@ -0,0 +1,2 @@
+import { useBreadcrumbStore } from '../stores/breadcrumb';
+export const useBreadcrumb = useBreadcrumbStore;

package/fe/packages/ui/react/hooks/useInit.js

@@ -0,0 +1,9 @@
+import { useRef } from 'react';
+const useInit = (callback) => {
+    const isInit = useRef(false);
+    if (!isInit.current) {
+        callback();
+        isInit.current = true;
+    }
+};
+export default useInit;

package/fe/packages/ui/react/hooks/useLanguage.js

@@ -0,0 +1,4 @@
+import { useLanguages } from '../stores/language';
+export function useLanguage() {
+    return useLanguages();
+}

package/{packages → fe/packages}/ui/react/hooks/usePagination.js

@@ -1,19 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = usePagination;
-const react_1 = require("react");
-const useInit_1 = __importDefault(require("./useInit"));
-function usePagination(params) {
+import { useCallback, useRef, useState } from 'react';
+import useInit from './useInit';
+export default function usePagination(params) {
     const initValue = {
         ...(params?.defaultValue ?? { current: 1, size: 10, total: 0 }),
         onChange: () => { },
     };
-    const paginationData = (0, react_1.useRef)({ ...initValue });
-    const [, changeView] = (0, react_1.useState)(0);
-    const updata = (0, react_1.useCallback)((params) => {
+    const paginationData = useRef({ ...initValue });
+    const [, changeView] = useState(0);
+    const updata = useCallback((params) => {
         if (typeof params.current !== 'undefined') {
             paginationData.current.current = params.current;
         }
@@ -26,9 +20,8 @@ function usePagination(params) {
         if ([params.size, params.current, params.total].some((i) => typeof i !== 'undefined'))
             changeView((e) => e + 1);
     }, []);
-    (0, useInit_1.default)(() => {
+    useInit(() => {
         paginationData.current.onChange = updata;
     });
     return paginationData;
 }
-//# sourceMappingURL=usePagination.js.map

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

@@ -0,0 +1,4 @@
+export * from './components';
+// export * from './hooks'
+// export * from './stores'
+export * from './lib/utils';

package/fe/packages/ui/react/lib/export.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 导出 Excel 工具方法
+ *
+ * 功能：
+ * - 支持导出「当前页」或「当前查询条件下的全部页数据」
+ * - 通过 DataTable 的 columns 控制导出列及顺序
+ *
+ * 使用方式（示例）：
+ * ```ts
+ * await exportToExcel({
+ *   fetchData: (pageNum, pageSize) => getWithdrawList({ ...searchParams, pageNum, pageSize }),
+ *   columns, // 直接复用 DataTable 的 columns
+ *   exportType: 'all', // 'all' 导出全部页；'current' 仅导出当前页
+ *   currentPage,
+ *   pageSize,
+ *   total,
+ *   currentPageData: tableData, // 可选，导出当前页时直接使用现有数据，避免重复请求
+ *   fileName: '提币记录',
+ * })
+ * ```
+ */
+import { type ColumnDef } from '../components';
+export declare const ExportType: {
+    /**
+     * 当前查询条件下所有页
+     */
+    readonly all: 0;
+    /**
+     * 当前页
+     */
+    readonly current: 1;
+};
+export type ExportType = (typeof ExportType)[keyof typeof ExportType];
+interface ExportExcelParams<T> {
+    /** 获取数据方法 */
+    fetchData: (pageNum: number, pageSize: number, searchParams?: Record<string, any>) => Promise<{
+        records: T[];
+        total: number;
+    }>;
+    /** 直接复用 DataTable 的 columns 配置  会自动过滤 操作栏*/
+    columns: ColumnDef<T>[];
+    /** 导出类型：all=当前查询条件下所有页；current=当前页 */
+    exportType: ExportType;
+    /** 当前页码（导出当前页时使用）默认 1 */
+    currentPage?: number;
+    /** 每页条数，默认 2000 */
+    pageSize?: number;
+    /**
+     * 最大导出条数，超过则停止继续请求
+     * @default 10000
+     */
+    maxCount?: number;
+    /**
+     * 当前页已有数据
+     * - 当 exportType === 'current' 且传入该字段时，将直接使用该数据，不会再次请求接口
+     */
+    currentPageData?: T[];
+    /** 文件名（不含扩展名），默认：export-YYYYMMDDHHmmss */
+    fileName?: string;
+}
+/**
+ * 通用导出 Excel 方法
+ */
+export declare function exportToExcel<T>(options: ExportExcelParams<T>): Promise<void>;
+export {};
+//# sourceMappingURL=export.d.ts.map