@_tc/template-core 0.1.16 → 0.2.0-bate.0

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

@@ -1,475 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Card, Checkbox, ConfirmDialog, DataTable, Drawer, Dropdown, Form, FormItem, ImageUpload, Input, InputNumber, Label, Layout, Loading, message, Modal, modal, Notification, Pagination, PreviewImage, Radio, RadioGroup, SchemaForm, Search, Select, Skeleton, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSearch, Tabs, Textarea, Tooltip, TreeSelect, useForm, } from '../../components';
-import React, { useEffect, useRef, useState } from 'react';
-import DateTestPage from '../Date/DateTestPage';
-import MenuTestPage from './MenuTestPage';
-function ThemeSwitcher() {
-    const [mode, setMode] = useState('dark');
-    const [theme, setTheme] = useState('default');
-    useEffect(() => {
-        const root = document.documentElement;
-        const previousTheme = root.getAttribute('data-theme');
-        const previousDark = root.classList.contains('dark');
-        root.classList.toggle('dark', mode === 'dark');
-        if (theme === 'default') {
-            root.removeAttribute('data-theme');
-        }
-        else {
-            root.setAttribute('data-theme', theme);
-        }
-        return () => {
-            root.classList.toggle('dark', previousDark);
-            if (previousTheme) {
-                root.setAttribute('data-theme', previousTheme);
-            }
-            else {
-                root.removeAttribute('data-theme');
-            }
-        };
-    }, [mode, theme]);
-    return (_jsx(Section, { title: "Theme", children: _jsxs("div", { className: "flex w-full flex-wrap items-center gap-6 rounded-xl border border-border bg-background p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "\u6A21\u5F0F" }), _jsx(Button, { variant: mode === 'light' ? 'primary' : 'default', size: "sm", onClick: () => setMode('light'), children: "Light" }), _jsx(Button, { variant: mode === 'dark' ? 'primary' : 'default', size: "sm", onClick: () => setMode('dark'), children: "Dark" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: "\u4E3B\u9898" }), _jsx(Button, { variant: theme === 'default' ? 'primary' : 'default', size: "sm", onClick: () => setTheme('default'), children: "Default" }), _jsx(Button, { variant: theme === 'green' ? 'primary' : 'default', size: "sm", onClick: () => setTheme('green'), children: "Green" }), _jsx(Button, { variant: theme === 'gray' ? 'primary' : 'default', size: "sm", onClick: () => setTheme('gray'), children: "Gray" })] }), _jsxs("div", { className: "text-sm text-muted-foreground", children: ["\u5F53\u524D: ", mode, " / ", theme] })] }) }));
-}
-// ─── Section wrapper ────────────────────────────────────────────────────────
-function Section({ title, children }) {
-    return (_jsxs("div", { className: "mb-8", children: [_jsx("h2", { className: "text-lg font-semibold mb-3 border-b pb-1", children: title }), _jsx("div", { className: "flex flex-wrap gap-3 items-start", children: children })] }));
-}
-// ─── Button ─────────────────────────────────────────────────────────────────
-function ButtonDemo() {
-    const [loading, setLoading] = useState(false);
-    return (_jsxs(Section, { title: "Button", children: [_jsx(Button, { children: "default" }), _jsx(Button, { variant: "primary", children: "primary" }), _jsx(Button, { variant: "dashed", children: "dashed" }), _jsx(Button, { variant: "text", children: "text" }), _jsx(Button, { variant: "link", href: "#button", children: "link" }), _jsx(Button, { state: "danger", children: "danger" }), _jsx(Button, { variant: "primary", state: "danger", children: "primary danger" }), _jsx("div", { className: " bg-red-300 p-1.5", children: _jsx(Button, { state: "ghost", children: "ghost" }) }), _jsx(Button, { variant: "primary", state: "ghost", children: "primary ghost" }), _jsx(Button, { disabled: true, children: "disabled" }), _jsx(Button, { loading: loading, onClick: () => {
-                    setLoading(true);
-                    setTimeout(() => setLoading(false), 2000);
-                }, children: "loading (click)" }), _jsx(Button, { size: "sm", children: "sm" }), _jsx(Button, { size: "md", children: "md" }), _jsx(Button, { size: "lg", children: "lg" })] }));
-}
-// ─── Input ───────────────────────────────────────────────────────────────────
-function InputDemo() {
-    return (_jsxs(Section, { title: "Input", children: [_jsx(Input, { placeholder: "\u666E\u901A\u8F93\u5165\u6846" }), _jsx(Input, { type: "password", placeholder: "\u5BC6\u7801\u8F93\u5165\u6846" }), _jsx(Input, { disabled: true, placeholder: "\u7981\u7528\u72B6\u6001" })] }));
-}
-function InputNumberDemo() {
-    const [price, setPrice] = useState(12.5);
-    const [ratio, setRatio] = useState(0.25);
-    return (_jsxs(Section, { title: "InputNumber", children: [_jsx(InputNumber, { placeholder: "\u57FA\u7840\u6570\u5B57\u8F93\u5165", className: "w-48" }), _jsx(InputNumber, { value: price, onChange: setPrice, precision: 2, min: 0, max: 9999, placeholder: "\u4EF7\u683C", addonAfter: _jsx("span", { className: "text-xs text-muted-foreground", children: "CNY" }), className: "w-56" }), _jsx(InputNumber, { value: ratio, onChange: setRatio, precision: 2, step: 0.05, min: 0, max: 1, allowStep: true, placeholder: "\u6BD4\u4F8B", className: "w-48" }), _jsx(InputNumber, { defaultValue: 10, step: 0.5, precision: 1, allowStep: true, allowClear: true, className: "w-48" }), _jsx(InputNumber, { disabled: true, defaultValue: 88.8, precision: 1, className: "w-48" })] }));
-}
-// ─── Textarea ────────────────────────────────────────────────────────────────
-function TextareaDemo() {
-    const [val, setVal] = useState('');
-    return (_jsxs(Section, { title: "Textarea", children: [_jsx(Textarea, { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\uFF08\u6700\u591A 500 \u5B57\uFF09", value: val, onChange: (v) => setVal(v), className: "w-80" }), _jsx(Textarea, { placeholder: "\u4E0D\u663E\u793A\u8BA1\u6570", showCount: false, className: "w-80" })] }));
-}
-// ─── Select ──────────────────────────────────────────────────────────────────
-function SelectDemo() {
-    const [val, setVal] = useState(undefined);
-    const options = [
-        { label: '选项 A', value: 'a' },
-        { label: '选项 B', value: 'b' },
-        { label: '选项 C', value: 'c' },
-    ];
-    return (_jsxs(Section, { title: "Select", children: [_jsx(Select, { options: options, value: val, onChange: setVal, placeholder: "\u8BF7\u9009\u62E9", className: "w-40" }), _jsx(Select, { options: options, placeholder: "\u4E0D\u53EF\u641C\u7D22", searchable: false, className: "w-40" }), _jsx(Select, { options: options, placeholder: "\u4E0D\u53EF\u6E05\u9664", clearable: false, className: "w-40" }), _jsx(Select, { options: options, disabled: true, placeholder: "\u7981\u7528", className: "w-40" }), _jsxs("div", { className: "relative w-64 rounded-lg border border-border bg-muted/30 p-4", children: [_jsx("div", { className: "mb-2 text-sm text-muted-foreground", children: "parent popup container" }), _jsx(Select, { options: options, placeholder: "\u6302\u8F7D\u5230\u7236\u5143\u7D20", getPopupContainer: "parent", className: "w-full" })] })] }));
-}
-// ─── Checkbox ────────────────────────────────────────────────────────────────
-function CheckboxDemo() {
-    const [checked, setChecked] = useState(false);
-    return (_jsxs(Section, { title: "Checkbox", children: [_jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Checkbox, { checked: checked, onChange: (c) => setChecked(c) }), _jsxs("span", { children: ["\u53D7\u63A7: ", checked ? '选中' : '未选中'] })] }), _jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Checkbox, { defaultChecked: true }), _jsx("span", { children: "\u975E\u53D7\u63A7\u9ED8\u8BA4\u9009\u4E2D" })] }), _jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Checkbox, { indeterminate: true }), _jsx("span", { children: "\u534A\u9009\u72B6\u6001" })] }), _jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [_jsx(Checkbox, { disabled: true }), _jsx("span", { children: "\u7981\u7528" })] })] }));
-}
-// ─── Switch ──────────────────────────────────────────────────────────────────
-function SwitchDemo() {
-    const [on, setOn] = useState(false);
-    return (_jsxs(Section, { title: "Switch", children: [_jsx(Switch, { checked: on, onChange: setOn }), _jsx("span", { className: "self-center text-sm", children: on ? 'ON' : 'OFF' }), _jsx(Switch, { defaultChecked: true }), _jsx(Switch, { disabled: true }), _jsx(Switch, { disabled: true, checked: true })] }));
-}
-// ─── Tooltip ─────────────────────────────────────────────────────────────────
-function TooltipDemo() {
-    return (_jsx(Section, { title: "Tooltip", children: ['top', 'bottom', 'left', 'right'].map((p) => (_jsx(Tooltip, { content: `placement: ${p}`, placement: p, children: _jsx(Button, { children: p }) }, p))) }));
-}
-// ─── Dropdown ────────────────────────────────────────────────────────────────
-function DropdownDemo() {
-    const items = [
-        { key: 'edit', label: '编辑', onClick: () => console.log('edit') },
-        { key: 'copy', label: '复制', onClick: () => console.log('copy') },
-        { key: 'delete', label: '删除', danger: true, onClick: () => console.log('delete') },
-    ];
-    return (_jsxs(Section, { title: "Dropdown", children: [_jsx(Dropdown, { items: items, children: _jsx(Button, { children: "\u64CD\u4F5C \u25BE" }) }), _jsx(Dropdown, { items: items, placement: "bottom-start", children: _jsx(Button, { variant: "text", children: "bottom-start \u25BE" }) })] }));
-}
-// ─── Message ─────────────────────────────────────────────────────────────────
-function MessageDemo() {
-    return (_jsxs(Section, { title: "Message (imperative)", children: [_jsx(Button, { onClick: () => message.success('操作成功'), children: "success" }), _jsx(Button, { onClick: () => message.error('操作失败'), children: "error" }), _jsx(Button, { onClick: () => message.warning('警告信息'), children: "warning" }), _jsx(Button, { onClick: () => message.info('提示信息'), children: "info" }), _jsx(Button, { onClick: () => {
-                    const id = message.success('5秒后关闭', { duration: 5000 });
-                    setTimeout(() => message.close(id), 2000);
-                }, children: "\u63D0\u524D\u5173\u95ED" })] }));
-}
-// ─── Modal ───────────────────────────────────────────────────────────────────
-function ModalDemo() {
-    const [open, setOpen] = useState(false);
-    return (_jsxs(Section, { title: "Modal", children: [_jsx(Button, { onClick: () => setOpen(true), children: "JSX Modal" }), _jsx(Button, { onClick: () => modal.open({
-                    title: '命令式弹窗',
-                    content: _jsx("p", { children: "\u8FD9\u662F\u547D\u4EE4\u5F0F\u6253\u5F00\u7684\u5F39\u7A97\u5185\u5BB9\u3002" }),
-                }), children: "modal.open" }), _jsx(Button, { onClick: () => modal.confirm({
-                    title: '确认操作',
-                    content: '确定要执行此操作吗？',
-                    onOk: () => {
-                        message.success('已确认');
-                    },
-                    onCancel: () => {
-                        message.info('已取消');
-                    },
-                }), children: "modal.confirm" }), _jsxs(Modal, { open: open, onClose: () => setOpen(false), title: "JSX \u5F39\u7A97", children: [_jsx("p", { children: "\u8FD9\u662F\u4E00\u4E2A\u4F7F\u7528 JSX \u63A7\u5236\u7684\u5F39\u7A97\u3002" }), _jsx("div", { className: "mt-4 flex justify-end gap-2", children: _jsx(Button, { onClick: () => setOpen(false), children: "\u5173\u95ED" }) })] })] }));
-}
-// ─── Drawer ──────────────────────────────────────────────────────────────────
-function DrawerDemo() {
-    const [placement, setPlacement] = useState('right');
-    const [open, setOpen] = useState(false);
-    const openDrawer = (nextPlacement) => {
-        setPlacement(nextPlacement);
-        setOpen(true);
-    };
-    return (_jsxs(Section, { title: "Drawer", children: [_jsx(Button, { onClick: () => openDrawer('left'), children: "left" }), _jsx(Button, { onClick: () => openDrawer('right'), children: "right" }), _jsx(Button, { onClick: () => openDrawer('top'), children: "top" }), _jsx(Button, { onClick: () => openDrawer('bottom'), children: "bottom" }), _jsx(Button, { onClick: () => openDrawer('right'), variant: "primary", children: "\u6253\u5F00\u8BE6\u60C5" }), _jsx(Drawer, { open: open, onClose: () => setOpen(false), title: `Drawer ${placement}`, placement: placement, width: 420, height: 320, footer: _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { onClick: () => setOpen(false), children: "\u53D6\u6D88" }), _jsx(Button, { variant: "primary", onClick: () => {
-                                message.success('已保存');
-                                setOpen(false);
-                            }, children: "\u4FDD\u5B58" })] }), children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-sm font-medium text-foreground", children: "\u5916\u90E8 children" }), _jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: "\u8FD9\u91CC\u7684\u5185\u5BB9\u5B8C\u5168\u7531\u8C03\u7528\u65B9\u5B9A\u4E49\uFF0C\u53EF\u4EE5\u653E\u8868\u5355\u3001\u5217\u8868\u3001\u8BE6\u60C5\u6216\u4EFB\u610F JSX\u3002" })] }), _jsxs("div", { className: "grid gap-3", children: [_jsx(Label, { label: "\u540D\u79F0", layout: "vertical", children: _jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u540D\u79F0" }) }), _jsx(Label, { label: "\u72B6\u6001", layout: "vertical", children: _jsx(Select, { placeholder: "\u8BF7\u9009\u62E9\u72B6\u6001", options: [
-                                            { label: '启用', value: 'enabled' },
-                                            { label: '停用', value: 'disabled' },
-                                        ] }) })] })] }) })] }));
-}
-// ─── ConfirmDialog ───────────────────────────────────────────────────────────
-function ConfirmDialogDemo() {
-    const [open, setOpen] = useState(false);
-    return (_jsxs(Section, { title: "ConfirmDialog", children: [_jsx(Button, { onClick: () => setOpen(true), children: "\u6253\u5F00\u786E\u8BA4\u6846" }), _jsx(ConfirmDialog, { open: open, title: "\u5220\u9664\u786E\u8BA4", content: "\u786E\u5B9A\u8981\u5220\u9664\u6B64\u6761\u6570\u636E\u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u64A4\u9500\u3002", onOk: () => {
-                    message.success('已删除');
-                    setOpen(false);
-                }, onCancel: () => setOpen(false) })] }));
-}
-// ─── Pagination ───────────────────────────────────────────────────────────────
-function PaginationDemo() {
-    const [page, setPage] = useState(1);
-    const [pageSize, setPageSize] = useState(10);
-    return (_jsx(Section, { title: "Pagination", children: _jsxs("div", { className: "w-full", children: [_jsxs("p", { className: "text-sm mb-2", children: ["\u5F53\u524D\u9875: ", page, " / \u6BCF\u9875: ", pageSize] }), _jsx(Pagination, { current: page, pageSize: pageSize, total: 238, onChange: setPage, onPageSizeChange: setPageSize })] }) }));
-}
-// ─── Table (低层组件) ─────────────────────────────────────────────────────────
-function TableDemo() {
-    const rows = [
-        { id: 1, name: '张三', role: '管理员', status: '正常' },
-        { id: 2, name: '李四', role: '用户', status: '禁用' },
-        { id: 3, name: '王五', role: '审计员', status: '正常' },
-    ];
-    return (_jsx(Section, { title: "Table (\u4F4E\u5C42)", children: _jsx("div", { className: "w-full", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs("tr", { children: [_jsx(TableHead, { children: "ID" }), _jsx(TableHead, { children: "\u59D3\u540D" }), _jsx(TableHead, { children: "\u89D2\u8272" }), _jsx(TableHead, { children: "\u72B6\u6001" }), _jsx(TableHead, { isAction: true, children: "\u64CD\u4F5C" })] }) }), _jsx(TableBody, { children: rows.map((row) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: row.id }), _jsx(TableCell, { children: row.name }), _jsx(TableCell, { children: row.role }), _jsx(TableCell, { children: row.status }), _jsx(TableCell, { isAction: true, children: _jsx(Button, { variant: "link", size: "sm", children: "\u7F16\u8F91" }) })] }, row.id))) })] }) }) }));
-}
-function DataTableDemo() {
-    const [selectedKeys, setSelectedKeys] = useState([]);
-    const columns = [
-        { key: 'id', title: 'ID', width: '60px' },
-        { key: 'name', title: '姓名' },
-        { key: 'role1', title: '角色1', dataIndex: 'role', fixed: 'left' },
-        { key: 'status1', title: '状态1', dataIndex: 'status', fixed: 'left' },
-        { key: 'role2', title: '角色2', dataIndex: 'role' },
-        { key: 'status2', title: '状态2', dataIndex: 'status' },
-        { key: 'role3', title: '角色3', dataIndex: 'role' },
-        { key: 'status3', title: '状态3', dataIndex: 'status' },
-        { key: 'role4', title: '角色4', dataIndex: 'role' },
-        { key: 'status4', title: '状态4', dataIndex: 'status' },
-        { key: 'role5', title: '角色5', dataIndex: 'role' },
-        { key: 'status5', title: '状态5', dataIndex: 'status' },
-        { key: 'role6', title: '角色6', dataIndex: 'role' },
-        { key: 'status6', title: '状态6', dataIndex: 'status' },
-        { key: 'role7', title: '角色', dataIndex: 'role', fixed: 'right' },
-        { key: 'status7', title: '状态', dataIndex: 'status' },
-        {
-            key: 'action',
-            title: '操作',
-            width: '96px',
-            actionOverflow: 'dropdown',
-            actions: (_, record) => [
-                { key: 'edit', label: '修改', onClick: () => console.log('edit', record.id) },
-                { key: 'view', label: '查看', onClick: () => console.log('view', record.id) },
-                { key: 'delete', label: '删除', danger: true, onClick: () => console.log('delete', record.id) },
-            ],
-        },
-    ];
-    const data = [
-        {
-            id: 1,
-            name: '张三',
-            role: '管理员',
-            role7: '管理员',
-            role6: '管理员',
-            role5: '管理员',
-            role4: '管理员',
-            role3: '管理员',
-            role2: '管理员',
-            role1: '管理员',
-            status: '正常',
-            status7: '正常',
-            status6: '正常',
-            status5: '正常',
-            status4: '正常',
-            status3: '正常',
-            status2: '正常',
-            status1: '正常',
-        },
-        {
-            id: 2,
-            name: '李四',
-            role: '用户',
-            role7: '用户',
-            role6: '用户',
-            role5: '用户',
-            role4: '用户',
-            role3: '用户',
-            role2: '用户',
-            role1: '用户',
-            status: '禁用',
-            status7: '禁用',
-            status6: '禁用',
-            status5: '禁用',
-            status4: '禁用',
-            status3: '禁用',
-            status2: '禁用',
-            status1: '禁用',
-        },
-        {
-            id: 3,
-            name: '王五',
-            role: '审计员',
-            role7: '审计员',
-            role6: '审计员',
-            role5: '审计员',
-            role4: '审计员',
-            role3: '审计员',
-            role2: '审计员',
-            role1: '审计员',
-            status: '正常',
-            status7: '正常',
-            status6: '正常',
-            status5: '正常',
-            status4: '正常',
-            status3: '正常',
-            status2: '正常',
-            status1: '正常',
-        },
-        {
-            id: 4,
-            name: '赵六',
-            role: '用户',
-            role7: '用户',
-            role6: '用户',
-            role5: '用户',
-            role4: '用户',
-            role3: '用户',
-            role2: '用户',
-            role1: '用户',
-            status: '正常',
-            status7: '正常',
-            status6: '正常',
-            status5: '正常',
-            status4: '正常',
-            status3: '正常',
-            status2: '正常',
-            status1: '正常',
-        },
-        {
-            id: 5,
-            name: '孙七',
-            role: '用户',
-            role7: '用户',
-            role6: '用户',
-            role5: '用户',
-            role4: '用户',
-            role3: '用户',
-            role2: '用户',
-            role1: '用户',
-            status: '正常',
-            status7: '正常',
-            status6: '正常',
-            status5: '正常',
-            status4: '正常',
-            status3: '正常',
-            status2: '正常',
-            status1: '正常',
-        },
-    ];
-    return (_jsx(Section, { title: "DataTable", children: _jsxs("div", { className: "w-full", children: [_jsxs("p", { className: "text-sm mb-2", children: ["\u5DF2\u9009: ", JSON.stringify(selectedKeys)] }), _jsx(DataTable, { columns: columns, data: data, rowKey: "id", rowSelection: {
-                        selectedRowKeys: selectedKeys,
-                        onChange: (keys) => setSelectedKeys(keys),
-                    } })] }) }));
-}
-// ─── Search ───────────────────────────────────────────────────────────────────
-function SearchDemo() {
-    return (_jsx(Section, { title: "Search", children: _jsx("div", { className: "w-full", children: _jsxs(Search, { schemas: [
-                    { type: 'input', key: 'keyword', label: '关键字', fieldProps: { placeholder: '请输入' } },
-                    {
-                        type: 'select',
-                        key: 'status',
-                        label: '状态',
-                        fieldProps: {
-                            options: [
-                                { label: '正常', value: 'active' },
-                                { label: '禁用', value: 'disabled' },
-                            ],
-                            placeholder: '请选择',
-                        },
-                    },
-                ], children: [_jsx(Button, { type: "submit", variant: "primary", children: "\u641C\u7D22" }), _jsx(Button, { type: "reset", children: "\u91CD\u7F6E" })] }) }) }));
-}
-// ─── Breadcrumb ───────────────────────────────────────────────────────────────
-function BreadcrumbDemo() {
-    const [items, setItems] = useState([
-        { id: 'home', label: '首页' },
-        { id: 'list', label: '用户列表' },
-        { id: 'detail', label: '用户详情', active: true },
-    ]);
-    return (_jsx(Section, { title: "Breadcrumb", children: _jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: items.map((item, idx) => (_jsxs(React.Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { active: item.active, onClose: () => setItems((prev) => prev.filter((i) => i.id !== item.id)), onClick: () => setItems((prev) => prev.map((i) => ({ ...i, active: i.id === item.id }))), className: "cursor-pointer", children: item.label }) }), idx < items.length - 1 && _jsx(BreadcrumbSeparator, {})] }, item.id))) }) }) }));
-}
-// ─── Label ────────────────────────────────────────────────────────────────────
-function LabelDemo() {
-    return (_jsxs(Section, { title: "Label", children: [_jsx(Label, { label: "\u6C34\u5E73\u5E03\u5C40", layout: "horizontal", children: _jsx("span", { className: "text-sm", children: "\u5185\u5BB9\u533A\u57DF" }) }), _jsx(Label, { label: "\u5782\u76F4\u5E03\u5C40", layout: "vertical", children: _jsx("span", { className: "text-sm", children: "\u5185\u5BB9\u533A\u57DF" }) })] }));
-}
-// ─── Form ─────────────────────────────────────────────────────────────────────
-function FormDemo() {
-    const [form] = useForm();
-    return (_jsx(Section, { title: "Form", children: _jsxs(Form, { form: form, onFinish: (v) => console.log('表单值:', v), 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" })] }) }));
-}
-// ─── SchemaForm ───────────────────────────────────────────────────────────────
-function SchemaFormDemo() {
-    const form = useRef(undefined);
-    return (_jsx(Section, { title: "SchemaForm", children: _jsx(SchemaForm, { layout: "horizontal", getForm: (f) => {
-                form.current = f;
-            }, schemas: [
-                {
-                    key: 'username',
-                    label: '用户名',
-                    type: 'input',
-                    required: true,
-                    rules: [{ required: true, message: '请输入用户名' }],
-                    fieldProps: { placeholder: '请输入用户名' },
-                },
-                {
-                    key: 'role',
-                    label: '角色',
-                    type: 'select',
-                    fieldProps: {
-                        placeholder: '请选择',
-                        options: [
-                            { label: '管理员', value: 'admin' },
-                            { label: '用户', value: 'user' },
-                        ],
-                    },
-                },
-            ], onFinish: (values) => console.log(values) }) }));
-}
-// ─── TableSearch ─────────────────────────────────────────────────────────────
-function TableSearchDemo() {
-    return (_jsx(Section, { title: "TableSearch", children: _jsx(TableSearch, { onSearch: (v) => console.log(v), schemas: [
-                { type: 'input', key: 'q1', label: '字段1', fieldProps: {} },
-                { type: 'select', key: 'q2', label: '状态', fieldProps: { options: [{ value: 'a', label: 'A' }] } },
-                { type: 'switch', key: 'q3', label: '开关', fieldProps: {} },
-                { type: 'date', key: 'q4', label: '日期', fieldProps: {} },
-                { type: 'date', key: 'q5', label: '范围', fieldProps: { mode: 'range' } },
-                { type: 'textarea', key: 'q6', label: '文本', fieldProps: {} },
-                { type: 'input', key: 'q7', label: '字段7', fieldProps: {} },
-                { type: 'input', key: 'q8', label: '字段8', fieldProps: {} },
-            ] }) }));
-}
-// ─── Skeleton ─────────────────────────────────────────────────────────────────
-function SkeletonDemo() {
-    return (_jsx(Section, { title: "Skeleton", children: _jsxs("div", { className: "w-full space-y-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-500 mb-1", children: "pageloading" }), _jsx(Skeleton, { mode: "pageloading", rows: 3, showTitle: true, showActions: true })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-500 mb-1", children: "tableloading" }), _jsx(Skeleton, { mode: "tableloading", rows: 4 })] }), _jsxs("div", { children: [_jsx("p", { className: "text-xs text-gray-500 mb-1", children: "componentsloading" }), _jsx(Skeleton, { mode: "componentsloading", rows: 2 })] })] }) }));
-}
-// ─── TreeSelect ───────────────────────────────────────────────────────────────
-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 (_jsx(Section, { title: "TreeSelect", children: _jsxs("div", { children: [_jsxs("div", { className: "text-sm mb-2", children: [_jsxs("span", { children: ["\u9009\u4E2D: ", JSON.stringify(value)] }), _jsxs("span", { className: "ml-4", children: ["\u534A\u9009: ", JSON.stringify(indeterminate)] })] }), _jsx(TreeSelect, { data: treeData, value: value, onChange: ({ checked, indeterminate }) => {
-                        setValue(checked);
-                        setIndeterminate(indeterminate);
-                    } })] }) }));
-}
-// ─── PreviewImage ─────────────────────────────────────────────────────────────
-function PreviewImageDemo() {
-    const images = [
-        'https://images.unsplash.com/photo-1778512828600-4a6540a1a115?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw0fHx8ZW58MHx8fHx8',
-        'https://images.unsplash.com/photo-1778392120781-a6b2b55dc12a?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwyNnx8fGVufDB8fHx8fA%3D%3D',
-    ];
-    return (_jsx(Section, { title: "PreviewImage", children: _jsx(PreviewImage, { images: images, initialIndex: 0 }) }));
-}
-// ─── ImageUpload ─────────────────────────────────────────────────────────────
-function ImageUploadDemo() {
-    return (_jsx(Section, { title: "ImageUpload", children: _jsx(ImageUpload, { accept: ".jpg,.png", maxCount: 4, beforeChange: (f) => {
-                console.log(f);
-                return parseInt(Math.random() * 10 + '') % 2 === 0;
-            } }) }));
-}
-// ─── Radio ───────────────────────────────────────────────────────────────────
-function RadioDemo() {
-    const [selected, setSelected] = useState('a');
-    const [groupValue, setGroupValue] = useState('green');
-    const options = [
-        { label: '选项 A', value: 'a' },
-        { label: '选项 B', value: 'b' },
-        { label: '选项 C', value: 'c' },
-    ];
-    return (_jsxs(Section, { title: "Radio", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["\u53D7\u63A7: ", selected] }), options.map((opt) => (_jsx(Radio, { name: "demo-radio", label: opt.label, checked: selected === opt.value, onChange: () => setSelected(opt.value) }, opt.value)))] }), _jsxs("div", { className: "space-y-2 ml-8", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "\u975E\u53D7\u63A7\u9ED8\u8BA4\u9009\u4E2D" }), _jsx(Radio, { name: "demo-radio-2", label: "\u9ED8\u8BA4\u9009\u4E2D", defaultChecked: true }), _jsx(Radio, { name: "demo-radio-2", label: "\u7981\u7528\u72B6\u6001", disabled: true }), _jsx(Radio, { name: "demo-radio-2", label: "\u7981\u7528\u4E14\u9009\u4E2D", disabled: true, defaultChecked: true })] }), _jsxs("div", { className: "w-full ml-8 space-y-2", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["RadioGroup \u5782\u76F4\u5E03\u5C40: ", groupValue] }), _jsxs(RadioGroup, { name: "demo-group", value: groupValue, onChange: setGroupValue, children: [_jsx(Radio, { value: "default", label: "\u9ED8\u8BA4\u4E3B\u9898" }), _jsx(Radio, { value: "green", label: "\u7EFF\u8272\u4E3B\u9898" }), _jsx(Radio, { value: "gray", label: "\u7070\u8272\u4E3B\u9898" })] })] }), _jsxs("div", { className: "w-full ml-8 space-y-2", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "RadioGroup \u6C34\u5E73\u5E03\u5C40 (\u975E\u53D7\u63A7)" }), _jsxs(RadioGroup, { name: "demo-group-2", defaultValue: "b", direction: "horizontal", children: [_jsx(Radio, { value: "a", label: "\u9009\u9879 A" }), _jsx(Radio, { value: "b", label: "\u9009\u9879 B" }), _jsx(Radio, { value: "c", label: "\u9009\u9879 C" }), _jsx(Radio, { value: "d", label: "\u7981\u7528\u9009\u9879", disabled: true })] })] })] }));
-}
-// ─── Notification ────────────────────────────────────────────────────────────
-function NotificationDemo() {
-    return (_jsx(Section, { title: "Notification", children: _jsxs("div", { className: "w-full space-y-3", children: [_jsx(Notification, { type: "info", title: "\u4FE1\u606F\u63D0\u793A", message: "\u8FD9\u662F\u4E00\u6761\u666E\u901A\u4FE1\u606F\u901A\u77E5\u3002" }), _jsx(Notification, { type: "success", title: "\u64CD\u4F5C\u6210\u529F", message: "\u6570\u636E\u5DF2\u6210\u529F\u4FDD\u5B58\u3002" }), _jsx(Notification, { type: "warning", title: "\u8B66\u544A", message: "\u8BF7\u6CE8\u610F\u68C0\u67E5\u914D\u7F6E\u9879\u662F\u5426\u6B63\u786E\u3002" }), _jsx(Notification, { type: "error", title: "\u9519\u8BEF", message: "\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002", closable: false }), _jsx(Notification, { type: "info", title: "\u4E0D\u81EA\u52A8\u5173\u95ED", message: "\u6B64\u901A\u77E5\u9700\u8981\u624B\u52A8\u5173\u95ED\u3002", duration: 0 })] }) }));
-}
-// ─── Loading ─────────────────────────────────────────────────────────────────
-function LoadingDemo() {
-    return (_jsx(Section, { title: "Loading", children: _jsxs("div", { className: "flex items-end gap-8", children: [_jsx(Loading, { size: "sm", text: "\u52A0\u8F7D\u4E2D..." }), _jsx(Loading, { size: "md", text: "\u52A0\u8F7D\u4E2D..." }), _jsx(Loading, { size: "lg" })] }) }));
-}
-// ─── Layout ──────────────────────────────────────────────────────────────────
-function LayoutDemo() {
-    return (_jsx(Section, { title: "Layout", children: _jsx("div", { className: "w-full h-80 border rounded-lg overflow-hidden", children: _jsx(Layout, { header: _jsx("div", { className: "flex items-center h-12 px-4 text-sm font-medium", children: "Header" }), sidebar: _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Sidebar" }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 1" }), _jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 2" }), _jsx("div", { className: "text-sm text-muted-foreground p-1 rounded hover:bg-muted cursor-pointer", children: "\u83DC\u5355\u9879 3" })] })] }), footer: _jsx("div", { className: "flex items-center h-10 px-4 text-xs text-muted-foreground", children: "Footer" }), children: _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-sm font-medium mb-1", children: "Content" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "\u8FD9\u662F\u4E3B\u8981\u5185\u5BB9\u533A\u57DF\u3002" })] }) }) }) }));
-}
-// ─── Card ────────────────────────────────────────────────────────────────────
-function CardDemo() {
-    return (_jsxs(Section, { title: "Card", children: [_jsx("div", { className: "w-72", children: _jsx(Card, { header: _jsx("span", { className: "text-sm font-medium", children: "\u5361\u7247\u6807\u9898" }), footer: _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { size: "sm", children: "\u53D6\u6D88" }), _jsx(Button, { variant: "primary", size: "sm", children: "\u786E\u8BA4" })] }), children: _jsx("p", { className: "text-sm text-muted-foreground", children: "\u8FD9\u662F\u4E00\u5F20\u57FA\u7840\u5361\u7247\uFF0C\u5305\u542B header\u3001body \u548C footer \u4E09\u4E2A\u533A\u57DF\u3002" }) }) }), _jsx("div", { className: "w-72", children: _jsx(Card, { className: "border-theme", children: _jsx("p", { className: "text-sm text-muted-foreground", children: "\u65E0 header/footer \u7684\u7B80\u6D01\u5361\u7247\u3002" }) }) })] }));
-}
-// ─── Tabs ────────────────────────────────────────────────────────────────────
-function TabsDemo() {
-    const [activeTab, setActiveTab] = useState('tab1');
-    const items = [
-        { key: 'tab1', label: '标签页 1' },
-        { key: 'tab2', label: '标签页 2' },
-        { key: 'tab3', label: '标签页 3' },
-        { key: 'tab4', label: '禁用标签', disabled: true },
-    ];
-    const tabContents = {
-        tab1: '这是标签页 1 的内容区域。',
-        tab2: '这是标签页 2 的内容区域。',
-        tab3: '这是标签页 3 的内容区域。',
-    };
-    return (_jsx(Section, { title: "Tabs", children: _jsxs("div", { className: "w-full", children: [_jsx(Tabs, { items: items, activeKey: activeTab, onChange: setActiveTab }), _jsx("div", { className: "p-4 border border-t-0 rounded-b-lg bg-background", children: _jsx("p", { className: "text-sm text-muted-foreground", children: tabContents[activeTab] }) })] }) }));
-}
-// ─── Main ─────────────────────────────────────────────────────────────────────
-const TestPage = () => {
-    return (_jsxs("div", { className: "p-6 max-w-5xl mx-auto", children: [_jsx("h1", { className: "text-2xl font-bold mb-6", children: "\u7EC4\u4EF6\u5C55\u793A" }), _jsx(ThemeSwitcher, {}), _jsx(ButtonDemo, {}), _jsx(InputDemo, {}), _jsx(InputNumberDemo, {}), _jsx(TextareaDemo, {}), _jsx(SelectDemo, {}), _jsx(CheckboxDemo, {}), _jsx(RadioDemo, {}), _jsx(SwitchDemo, {}), _jsx(TooltipDemo, {}), _jsx(DropdownDemo, {}), _jsx(MessageDemo, {}), _jsx(NotificationDemo, {}), _jsx(LoadingDemo, {}), _jsx(ModalDemo, {}), _jsx(DrawerDemo, {}), _jsx(ConfirmDialogDemo, {}), _jsx(PaginationDemo, {}), _jsx(TableDemo, {}), _jsx(DataTableDemo, {}), _jsx(SearchDemo, {}), _jsx(BreadcrumbDemo, {}), _jsx(LabelDemo, {}), _jsx(LayoutDemo, {}), _jsx(CardDemo, {}), _jsx(TabsDemo, {}), _jsx(FormDemo, {}), _jsx(SchemaFormDemo, {}), _jsx(TableSearchDemo, {}), _jsx(SkeletonDemo, {}), _jsx(TreeSelectDemo, {}), _jsx(DateTestPage, {}), _jsx(PreviewImageDemo, {}), _jsx(ImageUploadDemo, {}), _jsx(MenuTestPage, {})] }));
-};
-export default TestPage;

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

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

package/fe/packages/ui/react/hooks/useExecuteOnce.d.ts

@@ -1,30 +0,0 @@
-export declare const executionPhaseType: {
-    readonly mount: "mount";
-    readonly render: "render";
-    readonly unMount: "unMount";
-};
-type ExecutionPhaseTypeKeys = keyof typeof executionPhaseType;
-export type ExecutionPhaseType = (typeof executionPhaseType)[ExecutionPhaseTypeKeys];
-/**
- *
- * @description 在各个阶段只触发一次
- *  @demo
- * ```
-    const count = useExecuteOnce(() => {
-        console.log('123'); // 只会在第一次render时触发
-        return 123
-    })
-
-    // count 123
-
- * ```
- */
-export default function useExecuteOnce<T>(factory: () => T, 
-/**
- * @default executionPhase = render
- */
-options?: {
-    executionPhase: ExecutionPhaseType[] | ExecutionPhaseType;
-}): T | null;
-export {};
-//# sourceMappingURL=useExecuteOnce.d.ts.map

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

@@ -1,57 +0,0 @@
-import { useEffect, useMemo, useRef } from 'react';
-export const executionPhaseType = {
-    mount: 'mount',
-    render: 'render',
-    unMount: 'unMount',
-};
-// type ExecutionPhaseType =
-//   (typeof executionPhaseType)[keyof typeof executionPhaseType];
-/**
- *
- * @description 在各个阶段只触发一次
- *  @demo
- * ```
-    const count = useExecuteOnce(() => {
-        console.log('123'); // 只会在第一次render时触发
-        return 123
-    })
-
-    // count 123
-
- * ```
- */
-export default function useExecuteOnce(factory, 
-/**
- * @default executionPhase = render
- */
-options) {
-    const { executionPhase: pExecutionPhase = executionPhaseType.render } = options ?? {};
-    const result = useRef(null);
-    const _executionPhase = useMemo(() => (typeof pExecutionPhase === 'string' ? [pExecutionPhase] : pExecutionPhase), [pExecutionPhase]);
-    const allowExecution = useRef([]);
-    // 跳过依赖;
-    const executionPhase = useRef(_executionPhase);
-    const runFN = (phase) => {
-        if (!allowExecution.current.includes(phase)) {
-            result.current = factory();
-            allowExecution.current.push(phase);
-        }
-    };
-    const fn = useRef(runFN);
-    executionPhase.current = _executionPhase;
-    fn.current = runFN;
-    if (executionPhase.current.includes(executionPhaseType.render)) {
-        fn.current(executionPhaseType.render);
-    }
-    useEffect(() => {
-        if (executionPhase.current.includes(executionPhaseType.mount)) {
-            fn.current(executionPhaseType['mount']);
-        }
-        return () => {
-            if (executionPhase.current.includes(executionPhaseType['unMount'])) {
-                fn.current(executionPhaseType['unMount']);
-            }
-        };
-    }, []);
-    return result.current;
-}

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

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

package/fe/packages/ui/react/hooks/useLanguage.d.ts

@@ -1,2 +0,0 @@
-export declare function useLanguage(): import("..").I18nStore;
-//# sourceMappingURL=useLanguage.d.ts.map

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

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