@_tc/template-core 0.0.1-bate.1 → 0.0.1-bate.11

package/esm/packages/utils/path.js

@@ -0,0 +1,27 @@
+import * as path from "path";
+import { sep } from "path";
+/**
+ *  splicing('path') : /path
+ */
+export function splicing(str, opt) {
+    const { symbol, position } = opt ?? {
+        symbol: sep,
+        position: "before",
+    };
+    // before <- symbol + str
+    // after -> str + symbol
+    return [str, symbol][position === "before" ? "reduceRight" : "reduce"]((o, c) => o + c, "");
+}
+/**
+ *
+ * @param paths
+ * @description input [a,b,c] -> out a/b/c
+ *
+ * window: input [a,b,c] -> out a\b\c
+ *
+ * 拼接路径
+ */
+export function resolve(...paths) {
+    const [basePath, ...otherPath] = paths;
+    return path.resolve(basePath, otherPath.length ? "." + splicing(otherPath.join(sep)) : "");
+}

package/esm/packages/utils/runFileFn.js

@@ -0,0 +1 @@
+export const runFileFn = (fn) => typeof fn === "function" ? fn : fn.default;

package/esm/typings/type.d.ts

@@ -0,0 +1,5 @@
+export type MOmit<T, K extends keyof T> = Omit<T, K>;
+export type UnionToTuple<T> = [
+    T
+] extends [never] ? [] : ((t: T) => T) extends ((t: infer U) => infer U) ? [...UnionToTuple<Exclude<T, U>>, U] : never;
+//# sourceMappingURL=type.d.ts.map

package/esm/typings/type.js

@@ -0,0 +1 @@
+export {};

package/fe/frontend/main.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from "react";
+export declare const initApp: (rootComponent: ReactNode) => void;
+//# sourceMappingURL=main.d.ts.map

package/fe/frontend/main.js

@@ -0,0 +1,6 @@
+import { createRoot } from "react-dom/client";
+export const initApp = (rootComponent) => {
+    const root = createRoot(document.getElementById("#root"));
+    // 挂在 根节点
+    root.render(rootComponent);
+};

package/fe/frontend/testPage/index.d.ts

@@ -0,0 +1,3 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/fe/frontend/testPage/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../packages/ui/react/components";
+import TestPage from "../../packages/ui/react/components/testPage";
+export default () => {
+    return (_jsxs("div", { children: [_jsx("h1", { children: "test page" }), _jsx(Button, { children: "click me" }), _jsx(TestPage, {})] }));
+};

package/fe/frontend/testPage/testPage.entry.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=testPage.entry.d.ts.map

package/fe/frontend/testPage/testPage.entry.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import App from "./index";
+import { initApp } from "../main";
+initApp(_jsx(App, {}));

package/fe/packages/ui/react/assets/table/no-result.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
+  <line x1="3" y1="9" x2="21" y2="9"/>
+  <line x1="9" y1="21" x2="9" y2="9"/>
+</svg>

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

@@ -0,0 +1,39 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = 'default' | 'primary' | 'text' | 'link';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * 按钮变体
+     * @default 'default'
+     */
+    variant?: ButtonVariant;
+    /**
+     * 按钮尺寸
+     * @default 'md'
+     */
+    size?: ButtonSize;
+    /**
+     * 是否显示加载状态
+     */
+    loading?: boolean;
+    /**
+     * 左侧图标
+     */
+    leftIcon?: ReactNode;
+    /**
+     * 右侧图标
+     */
+    rightIcon?: ReactNode;
+    /**
+     * 是否去除下划线（仅对 variant="link" 有效）
+     * @default false
+     */
+    noUnderline?: boolean;
+    /**
+     * 作为子元素，用于更灵活的布局
+     */
+    children?: ReactNode;
+}
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { Button };
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef } from 'react';
+const Button = forwardRef(({ className, variant = 'default', size = 'md', disabled, loading, leftIcon, rightIcon, noUnderline, children, ...props }, ref) => {
+    const isDisabled = disabled || loading;
+    // 基础样式
+    const baseStyles = 'inline-flex items-center justify-center rounded-lg font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2';
+    // 变体样式
+    const variantStyles = {
+        default: 'bg-white border border-border text-foreground hover:bg-muted/50 focus-visible:ring-border',
+        primary: 'bg-theme text-theme-foreground border border-theme hover:bg-theme/90 focus-visible:ring-theme',
+        text: 'bg-transparent border-0 text-foreground hover:bg-muted/30 focus-visible:ring-border',
+        // 链接样式按钮：无背景、无边框、与正文相同颜色，仅在悬停时下划线（可通过 noUnderline 控制）
+        link: 'bg-transparent border-0 text-foreground focus-visible:ring-border',
+    };
+    // 禁用状态样式（根据不同 variant）
+    const disabledStyles = {
+        default: 'disabled:bg-white/60 disabled:border-border/60 disabled:text-foreground/60 disabled:hover:bg-white/60',
+        primary: 'disabled:bg-theme/60 disabled:border-theme/0 disabled:text-theme-foreground/60 disabled:hover:bg-theme/60',
+        text: 'disabled:text-foreground/40 disabled:hover:bg-transparent',
+        link: 'disabled:text-foreground/40',
+    };
+    // 尺寸样式
+    const sizeStyles = {
+        sm: 'h-8 px-3 text-sm',
+        md: 'h-10 px-4 text-sm',
+        lg: 'h-12 px-6 text-base',
+    };
+    // 展示内容
+    const contents = [
+        leftIcon && (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: leftIcon }, "left")),
+        children,
+        rightIcon ? (_jsx("span", { className: cn('flex items-center', 'ml-2'), children: rightIcon }, "right")) : undefined,
+    ].filter(Boolean);
+    return (_jsx("button", { ref: ref, className: cn(baseStyles, variantStyles[variant], disabledStyles[variant], 
+        // link 模式不固定高度/内边距，更接近普通文字
+        variant === 'link' ? 'h-auto px-0 py-0 text-sm font-normal' : sizeStyles[size], variant === 'link' ? '' : 'before:content-normal', 
+        // link 模式下，根据 noUnderline 控制下划线
+        variant === 'link' && !noUnderline && 'hover:underline', variant === 'link' && !noUnderline && 'disabled:hover:no-underline', isDisabled && 'cursor-not-allowed', className), disabled: isDisabled, ...props, children: contents }));
+});
+Button.displayName = 'Button';
+export { Button };

package/fe/packages/ui/react/components/Button/SumbitButton.d.ts

@@ -0,0 +1,13 @@
+import type { MOmit } from '../../types';
+import { type ButtonProps } from './Button';
+export type SumbitButtonProps = MOmit<ButtonProps, 'onClick'> & {
+    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => Promise<void | boolean> | void;
+};
+/**
+ *
+ * 会自动添加loading 其余同button一致
+ */
+declare const SumbitButton: (props: SumbitButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const AsynchronousButton: (props: SumbitButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { AsynchronousButton, SumbitButton };
+//# sourceMappingURL=SumbitButton.d.ts.map

package/fe/packages/ui/react/components/Button/SumbitButton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { useState } from 'react';
+import { Button } from './Button';
+/**
+ *
+ * 会自动添加loading 其余同button一致
+ */
+const SumbitButton = (props) => {
+    const { onClick, leftIcon, size = 'md', ...bprops } = props;
+    const [loading, uLoading] = useState(false);
+    // Loading spinner icon - 根据按钮尺寸调整大小
+    const spinnerSize = {
+        sm: 'h-3 w-3',
+        md: 'h-4 w-4',
+        lg: 'h-5 w-5',
+    };
+    const loadingIcon = loading ? (_jsx("span", { className: cn('flex items-center', 'mr-2'), children: _jsxs("svg", { className: cn('animate-spin', spinnerSize[size]), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) })) : null;
+    return (_jsx(Button, { loading: loading, leftIcon: loading ? loadingIcon : leftIcon, onClick: async (e) => {
+            if (loading)
+                return;
+            uLoading(true);
+            try {
+                return await onClick?.(e);
+            }
+            finally {
+                uLoading(false);
+            }
+        }, ...bprops }));
+};
+const AsynchronousButton = SumbitButton;
+export { AsynchronousButton, SumbitButton };

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

@@ -0,0 +1,4 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './Button';
+export * from './SumbitButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export * from './SumbitButton';

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

@@ -0,0 +1,17 @@
+import type { ChangeEvent, InputHTMLAttributes } from 'react';
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+    value?: boolean;
+};
+declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    indeterminate?: boolean;
+    onChange?: (checked: boolean, e: ChangeEvent<HTMLInputElement>) => void;
+    value?: boolean;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+import { forwardRef, useLayoutEffect, useRef, useState } from 'react';
+const Checkbox = forwardRef(({ className, checked: _controlledChecked, value, defaultChecked, indeterminate, onChange, ...props }, ref) => {
+    const internalRef = useRef(null);
+    const controlledChecked = value ?? _controlledChecked;
+    const setRefs = (element) => {
+        internalRef.current = element;
+        if (typeof ref === 'function') {
+            ref(element);
+        }
+        else if (ref) {
+            ref.current = element;
+        }
+        if (element) {
+            element.indeterminate = indeterminate ?? false;
+        }
+    };
+    useLayoutEffect(() => {
+        if (internalRef.current) {
+            internalRef.current.indeterminate = indeterminate ?? false;
+        }
+    }, [indeterminate]);
+    const isControlled = controlledChecked !== undefined;
+    const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
+    const checked = isControlled ? controlledChecked : internalChecked;
+    const handleChange = (e) => {
+        const newChecked = e.target.checked;
+        if (!isControlled) {
+            setInternalChecked(newChecked);
+        }
+        onChange?.(newChecked, e);
+    };
+    return (_jsx("input", { type: "checkbox", ref: setRefs, checked: checked, onChange: handleChange, className: cn('w-4 h-4 rounded border-gray-300 accent-theme', className), ...props }));
+});
+Checkbox.displayName = 'Checkbox';
+export { Checkbox };

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

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

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

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

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

@@ -0,0 +1,20 @@
+export interface ConfirmDialogProps {
+    /** 是否显示 */
+    open: boolean;
+    /** 标题 */
+    title?: string;
+    /** 内容 */
+    content: string;
+    /** 确认按钮文本 */
+    okText?: string;
+    /** 取消按钮文本 */
+    cancelText?: string;
+    /** 确认按钮加载状态 */
+    loading?: boolean;
+    /** 确认回调 */
+    onOk: () => void | Promise<void>;
+    /** 取消回调 */
+    onCancel: () => void;
+}
+export declare function ConfirmDialog({ open, title, content, okText, cancelText, loading, onOk, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfirmDialog.d.ts.map

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

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

package/fe/packages/ui/react/components/DataTable/ActionBtn.d.ts

@@ -0,0 +1,6 @@
+import { type DropdownItem } from '../Dropdown';
+export interface ActionBtnProps {
+    actions: DropdownItem[];
+}
+export declare const ActionBtn: ({ actions }: ActionBtnProps) => "-" | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionBtn.d.ts.map

package/fe/packages/ui/react/components/DataTable/ActionBtn.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MoreHorizontal } from 'lucide-react';
+import { Dropdown } from '../Dropdown';
+export const ActionBtn = ({ actions }) => {
+    if (actions.length === 0) {
+        return '-';
+    }
+    if (actions.length === 1) {
+        const action = actions[0];
+        return (_jsx("button", { onClick: action.onClick, className: "inline-flex items-center justify-center w-8 h-8 rounded transition-colors", children: action.label }));
+    }
+    return (_jsx(Dropdown, { items: actions, children: _jsx("button", { className: "inline-flex items-center justify-center w-8 h-8 rounded transition-colors", children: _jsx(MoreHorizontal, { className: "h-5 w-5 text-gray-600" }) }) }));
+};

package/fe/packages/ui/react/components/DataTable/data-table.d.ts

@@ -0,0 +1,44 @@
+import { type ReactNode } from 'react';
+import { type PaginationProps } from '../Pagination';
+import type { ColumnDef } from '../types/baseType';
+export type { ColumnDef } from '../types/baseType';
+type RowSelection<T> = {
+    /**
+     * 受控用法：完全由外部维护选中 keys
+     */
+    selectedRowKeys?: Array<string | number>;
+    /**
+     * 非受控用法：仅作为初始值，后续由内部维护
+     */
+    defaultSelectedRowKeys?: Array<string | number>;
+    /**
+     * 选中项变化回调（受控/非受控都会触发）
+     */
+    onChange?: (selectedRowKeys: Array<string | number>, selectedRows: T[], isAll: boolean) => void;
+    /**
+     * 全选 受控
+     */
+    isAll?: boolean;
+    /**
+     * theader checkbox
+     */
+    beforeCheckboxNode?: ReactNode;
+};
+interface DataTableProps<T = Record<string, unknown>> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    rowKey?: keyof T | ((record: T, index: number) => string | number);
+    rowSelection?: RowSelection<T>;
+    pagination?: PaginationProps;
+    loading?: boolean;
+    /**
+     * 统一配置 column width 默认100px
+     * 会被columns[number].width覆盖
+     */
+    defaultColumnWidth?: number;
+}
+export declare function DataTable<T = Record<string, unknown>>({ columns, data: pData, loading, rowKey, rowSelection, defaultColumnWidth, pagination: pPagination, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export { ActionBtn } from './ActionBtn';
+export type { ActionBtnProps } from './ActionBtn';
+export type { DataTableProps, RowSelection };
+//# sourceMappingURL=data-table.d.ts.map

package/fe/packages/ui/react/components/DataTable/data-table.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import noResult from '@tc/ui-react/assets/table/no-result.svg';
+import { useMemo, useState } from 'react';
+import { Pagination } from '../Pagination';
+import { Skeleton } from '../Skeleton';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../table';
+export function DataTable({ columns, data: pData, loading, rowKey = 'id', rowSelection, defaultColumnWidth = 100, pagination: pPagination, }) {
+    const getRowKey = (record, index) => {
+        if (typeof rowKey === 'function') {
+            return rowKey(record, index);
+        }
+        const key = record[rowKey];
+        return typeof key === 'string' || typeof key === 'number' ? key : index;
+    };
+    const getCellValue = (record, column) => record[(column.dataIndex || column.key)];
+    const isControlled = rowSelection && Array.isArray(rowSelection.selectedRowKeys);
+    const [innerSelectedRowKeys, setInnerSelectedRowKeys] = useState(rowSelection?.defaultSelectedRowKeys ?? []);
+    const selectedRowKeys = (isControlled ? rowSelection?.selectedRowKeys : innerSelectedRowKeys) ?? [];
+    const selectedKeySet = new Set(selectedRowKeys);
+    const [currentPage, setCurrentPage] = useState(1);
+    const { showPagination, pagination, data } = useMemo(() => {
+        let pagination;
+        let data = pData;
+        let showPagination;
+        // 使用外部
+        if (pPagination) {
+            pagination = pPagination;
+            showPagination = pagination.total > 0;
+        }
+        else {
+            // 使用内部
+            pagination = {
+                onChange(v) {
+                    setCurrentPage(v);
+                },
+                current: currentPage,
+                pageSize: 10,
+                total: pData.length,
+            };
+            showPagination = pData.length > pagination.pageSize;
+            data = pData.slice((pagination.current - 1) * pagination.pageSize, pagination.current * pagination.pageSize);
+        }
+        return {
+            showPagination,
+            pagination,
+            data,
+        };
+    }, [currentPage, pData, pPagination]);
+    // TODO getRowKey 依赖剥离
+    const pageRowKeys = pData.map((record, index) => getRowKey(record, index));
+    const handleRowSelectChange = (key) => {
+        if (!rowSelection)
+            return;
+        const nextSelectedKeys = selectedKeySet.has(key)
+            ? selectedRowKeys.filter((k) => k !== key)
+            : [...selectedRowKeys, key];
+        const nextSelectedKeySet = new Set(nextSelectedKeys);
+        const selectedRows = pData.filter((record, index) => nextSelectedKeySet.has(getRowKey(record, index)));
+        if (!isControlled) {
+            setInnerSelectedRowKeys(nextSelectedKeys);
+        }
+        rowSelection.onChange?.(nextSelectedKeys, selectedRows, false);
+    };
+    const handleSelectAllChange = (event) => {
+        if (!rowSelection)
+            return;
+        const checked = event.target.checked;
+        let nextSelectedKeys;
+        if (checked) {
+            const pageKeySet = new Set(pageRowKeys);
+            nextSelectedKeys = Array.from(new Set([
+                ...selectedRowKeys,
+                //
+                ...pageRowKeys.filter((key) => !selectedKeySet.has(key)),
+            ]))
+                //
+                .filter((key) => pageKeySet.has(key) || selectedKeySet.has(key));
+        }
+        else {
+            const pageKeySet = new Set(pageRowKeys);
+            nextSelectedKeys = selectedRowKeys.filter((key) => !pageKeySet.has(key));
+        }
+        const nextSelectedKeySet = new Set(nextSelectedKeys);
+        const selectedRows = pData.filter((record, index) => nextSelectedKeySet.has(getRowKey(record, index)));
+        if (!isControlled) {
+            setInnerSelectedRowKeys(nextSelectedKeys);
+        }
+        rowSelection.onChange?.(nextSelectedKeys, selectedRows, checked);
+    };
+    const allChecked = rowSelection
+        ? rowSelection.isAll ?? (pageRowKeys.length > 0 && pageRowKeys.every((key) => selectedKeySet.has(key)))
+        : false;
+    const partiallyChecked = rowSelection ? pageRowKeys.some((key) => selectedKeySet.has(key)) && !allChecked : false;
+    return (_jsxs("div", { className: "bg-white rounded-[20px] overflow-hidden relative", children: [_jsxs(Table, { containerClassName: "rounded-b-none overflow-x-auto", children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [rowSelection && (_jsxs(TableHead, { className: "bg-table-header", style: {
+                                        width: '48px',
+                                        minWidth: '48px',
+                                        position: 'sticky',
+                                        left: 0,
+                                        zIndex: 10,
+                                    }, children: [rowSelection.beforeCheckboxNode, _jsx("input", { type: "checkbox", className: "w-4 h-4 rounded border-gray-300 accent-theme", checked: allChecked, "aria-label": "Select all rows", ref: (el) => {
+                                                if (el) {
+                                                    el.indeterminate = partiallyChecked;
+                                                }
+                                            }, onChange: handleSelectAllChange })] })), columns.map((column) => {
+                                    const hasAction = column.isAction ?? column.key === 'action';
+                                    return (_jsx(TableHead, { isAction: hasAction, style: {
+                                            ...(hasAction
+                                                ? {
+                                                    position: 'sticky',
+                                                    right: 0,
+                                                    zIndex: 10,
+                                                }
+                                                : undefined),
+                                            ...(column.width
+                                                ? { width: column.width, minWidth: column.width }
+                                                : { minWidth: defaultColumnWidth }),
+                                        }, children: column.title }, column.key));
+                                })] }) }), _jsx(TableBody, { children: data.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (rowSelection ? 1 : 0), className: "text-muted-foreground", children: _jsxs("div", { className: "flex flex-col items-center w-full gap-2.5", children: [_jsx("img", { src: noResult, alt: "\u6682\u65E0\u6570\u636E", className: " w-24 h-24" }), "No Data"] }) }) })) : (data.map((record, rowIndex) => (_jsxs(TableRow, { children: [rowSelection && (_jsx(TableCell, { className: "bg-white", style: {
+                                        width: '48px',
+                                        minWidth: '48px',
+                                        position: 'sticky',
+                                        left: 0,
+                                        zIndex: 1,
+                                    }, children: _jsx("input", { type: "checkbox", className: "w-4 h-4 rounded border-gray-300 accent-theme", checked: selectedKeySet.has(getRowKey(record, rowIndex)), "aria-label": "Select row", onChange: () => handleRowSelectChange(getRowKey(record, rowIndex)) }) })), columns.map((column) => {
+                                    const value = getCellValue(record, column);
+                                    const hasAction = column.isAction ?? column.key === 'action';
+                                    return (_jsx(TableCell, { isAction: hasAction, style: {
+                                            ...(hasAction
+                                                ? {
+                                                    position: 'sticky',
+                                                    right: 0,
+                                                    zIndex: 1,
+                                                }
+                                                : undefined),
+                                            ...(column.width
+                                                ? { width: column.width, minWidth: column.width }
+                                                : { minWidth: defaultColumnWidth }),
+                                        }, children: column.render ? column.render(value, record, rowIndex) : value }, column.key));
+                                })] }, getRowKey(record, rowIndex))))) })] }), loading && (_jsx("div", { className: "absolute inset-0 rounded-[20px] bg-white/70 text-sm text-gray-600 z-[100]", children: _jsx(Skeleton, { mode: "tableloading", rows: 8 }) })), showPagination && (_jsx("div", { className: "px-6 pb-6 mt-6", children: _jsx(Pagination, { ...pagination }) }))] }));
+}
+export { ActionBtn } from './ActionBtn';

package/fe/packages/ui/react/components/Date/Calendar.d.ts

@@ -0,0 +1,35 @@
+import { ModeType } from './data';
+import { type DateLocaleConfig } from './locales';
+export type DateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+export type QuickRangePreset = {
+    /**
+     * 展示文案
+     */
+    label: string;
+    /**
+     * 返回一个范围对象
+     */
+    getRange: () => DateRange;
+};
+export interface CalendarProps {
+    mode?: ModeType;
+    value?: Date | DateRange | null;
+    onChange?: (date: Date | DateRange) => void;
+    disabledDate?: (date: Date) => boolean;
+    showTime?: boolean;
+    className?: string;
+    /**
+     * 自定义文案配置，会覆盖默认文案
+     */
+    locale?: Partial<DateLocaleConfig>;
+    /**
+     * 范围模式下的快捷选择配置
+     * 不传则使用默认预设
+     */
+    quickRanges?: QuickRangePreset[];
+}
+export declare function Calendar({ mode, value, onChange, disabledDate, showTime, className, locale: customLocale, quickRanges, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map