starry-sky-ui 0.1.0

package/dist/Select/index.scss

@@ -0,0 +1,251 @@
+.select-wrapper {
+  position: relative;
+  width: 100%;
+  user-select: none;
+  display: inline-block;
+
+  // ---- 尺寸 ----
+  &.select-small {
+    .select-trigger {
+      padding: 0.3rem 0.6rem;
+      min-height: 28px;
+    }
+    .select-value,
+    .select-search-input {
+      font-size: 0.8rem;
+    }
+  }
+
+  &.select-middle {
+    .select-trigger {
+      padding: 0.7rem 1rem;
+      min-height: 40px;
+    }
+    .select-value,
+    .select-search-input {
+      font-size: 0.95rem;
+    }
+  }
+
+  &.select-large {
+    .select-trigger {
+      padding: 0.9rem 1.2rem;
+      min-height: 48px;
+    }
+    .select-value,
+    .select-search-input {
+      font-size: 1.05rem;
+    }
+  }
+
+  &.select-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+}
+
+.select-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 10px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-sizing: border-box;
+  width: 100%;
+  outline: none;
+
+  &:hover {
+    border-color: rgba(139, 92, 246, 0.4);
+  }
+
+  &:focus-within {
+    border-color: #8b5cf6;
+    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
+  }
+
+  &.select-trigger-open {
+    border-color: #8b5cf6;
+    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
+  }
+}
+
+// 无边框
+.select-borderless {
+  .select-trigger {
+    border-color: transparent;
+    background: transparent;
+
+    &:hover {
+      border-color: transparent;
+      background: rgba(255, 255, 255, 0.04);
+    }
+  }
+}
+
+.select-value {
+  flex: 1;
+  font-size: 0.95rem;
+  color: #fff;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &.select-placeholder {
+    color: #555;
+  }
+}
+
+.select-search-input {
+  flex: 1;
+  border: none;
+  outline: none;
+  background: transparent;
+  color: #fff;
+  padding: 0;
+  min-width: 0;
+  font-size: 0.95rem;
+  line-height: inherit;
+
+  &::placeholder {
+    color: #555;
+  }
+
+  &[readonly] {
+    cursor: pointer;
+  }
+}
+
+.select-suffix {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+}
+
+.select-arrow {
+  flex-shrink: 0;
+  font-size: 0.6rem;
+  color: #888;
+  transition: transform 0.3s ease;
+  line-height: 1;
+
+  &.select-arrow-up {
+    transform: rotate(180deg);
+  }
+}
+
+.select-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  font-size: 10px;
+  color: #fff;
+  background: rgba(255, 255, 255, 0.25);
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.4);
+  }
+}
+
+.select-dropdown {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  right: 0;
+  background: rgba(30, 30, 46, 0.97);
+  border: 1px solid rgba(139, 92, 246, 0.25);
+  border-radius: 12px;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(20px);
+  z-index: 1050;
+  max-height: 240px;
+  overflow-y: auto;
+  animation: selectFadeIn 0.2s ease;
+
+  &.select-dropdown-auto {
+    right: auto;
+    min-width: 100%;
+  }
+
+  &::-webkit-scrollbar {
+    width: 4px;
+  }
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    background: rgba(139, 92, 246, 0.3);
+    border-radius: 2px;
+  }
+}
+
+.select-option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.65rem 1rem;
+  font-size: 0.95rem;
+  color: #ccc;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-height: 40px;
+  box-sizing: border-box;
+
+  &:hover,
+  &.select-option-hover {
+    background: rgba(139, 92, 246, 0.1);
+    color: #fff;
+  }
+
+  &.select-option-active {
+    color: #8b5cf6;
+    background: rgba(139, 92, 246, 0.08);
+    font-weight: 500;
+  }
+
+  &.select-option-disabled {
+    color: #555;
+    cursor: not-allowed;
+    background: transparent;
+  }
+
+  &:first-child {
+    border-radius: 12px 12px 0 0;
+  }
+  &:last-child {
+    border-radius: 0 0 12px 12px;
+  }
+}
+
+.select-check {
+  flex-shrink: 0;
+  font-size: 0.85rem;
+  color: #8b5cf6;
+}
+
+.select-empty {
+  padding: 1.5rem;
+  text-align: center;
+  color: #666;
+  font-size: 0.9rem;
+}
+
+@keyframes selectFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-6px) scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}

package/dist/Starfield/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './index.scss';
+export interface StarfieldProps {
+    /** 星星数量 */
+    starCount?: number;
+    /** 自定义颜色列表（支持 hex / rgb 等 CSS 合法颜色值） */
+    starColors?: string[];
+    /** 闪烁动画最大延迟时间（秒） */
+    time?: number;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 星空背景组件
+ * - 使用 DocumentFragment 批量追加 DOM，减少 reflow 次数
+ * - 使用 CSS 自定义属性传递颜色，避免动态生成大量 style 标签
+ */
+declare const Starfield: React.FC<StarfieldProps>;
+export default Starfield;
+//# sourceMappingURL=index.d.ts.map

package/dist/Starfield/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Starfield/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,cAAc;IAC7B,WAAW;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Starfield/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import './index.scss';
+const STAR_TYPES = ['small', 'medium', 'large'];
+/**
+ * 星空背景组件
+ * - 使用 DocumentFragment 批量追加 DOM，减少 reflow 次数
+ * - 使用 CSS 自定义属性传递颜色，避免动态生成大量 style 标签
+ */
+const Starfield = ({ starCount = 350, starColors = ['#8b5cf6', '#3b82f6', '#ffffff'], time = 3, className = '', }) => {
+    const starfieldRef = useRef(null);
+    useEffect(() => {
+        const starfield = starfieldRef.current;
+        if (!starfield)
+            return;
+        // 使用 DocumentFragment 批量追加，只触发一次 reflow
+        const fragment = document.createDocumentFragment();
+        for (let i = 0; i < starCount; i++) {
+            const star = document.createElement('div');
+            const starType = STAR_TYPES[Math.floor(Math.random() * STAR_TYPES.length)];
+            const color = starColors[Math.floor(Math.random() * starColors.length)];
+            star.className = `adui-star ${starType}`;
+            star.style.left = `${Math.random() * 100}%`;
+            star.style.top = `${Math.random() * 100}%`;
+            star.style.animationDelay = `${Math.random() * time}s`;
+            // 通过 CSS 自定义属性传递颜色，避免为每种颜色生成单独 class
+            star.style.setProperty('--star-color', color);
+            star.style.setProperty('--star-glow', `${color}80`);
+            fragment.appendChild(star);
+        }
+        starfield.appendChild(fragment);
+        return () => {
+            starfield.innerHTML = '';
+        };
+    }, [starCount, starColors, time]);
+    return _jsx("div", { ref: starfieldRef, className: `adui-starfield ${className}` });
+};
+export default Starfield;
+//# sourceMappingURL=index.js.map

package/dist/Starfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Starfield/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,cAAc,CAAC;AAatB,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAEzD;;;;GAIG;AACH,MAAM,SAAS,GAA6B,CAAC,EAC3C,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC9C,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,wCAAwC;QACxC,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;QAEnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;YAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;YAC3E,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;YAExE,IAAI,CAAC,SAAS,GAAG,aAAa,QAAQ,EAAE,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC;YAEvD,qCAAqC;YACrC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,KAAK,IAAI,CAAC,CAAC;YAEpD,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAC5B;QAED,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEhC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IAElC,OAAO,cAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,SAAS,EAAE,GAAI,CAAC;AAC9E,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/Starfield/index.scss

@@ -0,0 +1,61 @@
+.adui-starfield {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  overflow: hidden;
+}
+
+.adui-star {
+  position: absolute;
+  background: var(--star-color, #ffffff);
+  border-radius: 50%;
+  animation: adui-twinkle 3s infinite ease-in-out;
+  box-shadow: 0 0 10px var(--star-glow, rgba(255, 255, 255, 0.5));
+
+  &.small {
+    width: 1px;
+    height: 1px;
+  }
+
+  &.medium {
+    width: 2px;
+    height: 2px;
+  }
+
+  &.large {
+    width: 3px;
+    height: 3px;
+  }
+}
+
+@keyframes adui-twinkle {
+  0%, 100% {
+    opacity: 0.3;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1.2);
+  }
+}
+
+@media (max-width: 768px) {
+  .adui-star {
+    &.small {
+      width: 0.8px;
+      height: 0.8px;
+    }
+
+    &.medium {
+      width: 1.5px;
+      height: 1.5px;
+    }
+
+    &.large {
+      width: 2px;
+      height: 2px;
+    }
+  }
+}

package/dist/Table/index.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import './index.scss';
+export interface ColumnType<T = any> {
+    title: string;
+    dataIndex?: string;
+    key?: string;
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    width?: number | string;
+    align?: 'left' | 'center' | 'right';
+    sorter?: boolean | ((a: T, b: T) => number);
+    sortOrder?: 'ascend' | 'descend' | null;
+    className?: string;
+    fixed?: 'left' | 'right';
+    visible?: boolean;
+    minWidth?: number;
+}
+export interface PaginationConfig {
+    current?: number;
+    defaultCurrent?: number;
+    pageSize?: number;
+    defaultPageSize?: number;
+    total?: number;
+    showSizeChanger?: boolean;
+    pageSizeOptions?: number[];
+    showTotal?: boolean;
+    onChange?: (page: number, pageSize: number) => void;
+    simple?: boolean;
+}
+export interface RowSelectionType<T = any> {
+    selectedRowKeys?: string[];
+    defaultSelectedRowKeys?: string[];
+    onChange?: (selectedRowKeys: string[], selectedRows: T[]) => void;
+    getCheckboxProps?: (record: T) => {
+        disabled?: boolean;
+    };
+    columnWidth?: number | string;
+}
+export interface TableProps<T = any> {
+    columns: ColumnType<T>[];
+    dataSource: T[];
+    rowKey?: string | ((record: T) => string);
+    pagination?: false | PaginationConfig;
+    loading?: boolean;
+    emptyText?: React.ReactNode;
+    size?: 'small' | 'middle' | 'large';
+    bordered?: boolean;
+    showHeader?: boolean;
+    className?: string;
+    onRow?: (record: T, index: number) => {
+        onClick?: () => void;
+        style?: React.CSSProperties;
+        className?: string;
+    } | void;
+    rowSelection?: RowSelectionType<T>;
+    scroll?: {
+        y?: number;
+    };
+    defaultSortBy?: {
+        columnKey: string;
+        order: 'ascend' | 'descend';
+    };
+    onChange?: (pagination: {
+        current: number;
+        pageSize: number;
+    }, sorter: {
+        columnKey: string;
+        order: 'ascend' | 'descend' | null;
+    }) => void;
+}
+declare function Table<T extends Record<string, any>>(props: TableProps<T>): React.ReactElement;
+export default Table;
+//# sourceMappingURL=index.d.ts.map

package/dist/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/Table/index.js

@@ -0,0 +1,192 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useMemo, useCallback } from 'react';
+import './index.scss';
+/* ========== 工具函数 ========== */
+function getRowKey(record, rowKey, index) {
+    var _a, _b;
+    if (typeof rowKey === 'function')
+        return rowKey(record);
+    if (rowKey)
+        return String(record[rowKey]);
+    return String((_b = (_a = record.key) !== null && _a !== void 0 ? _a : record.id) !== null && _b !== void 0 ? _b : index);
+}
+/* ========== Table 组件 ========== */
+function Table(props) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { columns: rawColumns, dataSource, rowKey, pagination: paginationProp, loading = false, emptyText = '暂无数据', size = 'large', bordered = false, showHeader = true, className = '', onRow, rowSelection, scroll, defaultSortBy, onChange, } = props;
+    // ---- 分页状态 ----
+    const defaultPageSize = typeof paginationProp === 'object' ? ((_b = (_a = paginationProp.defaultPageSize) !== null && _a !== void 0 ? _a : paginationProp.pageSize) !== null && _b !== void 0 ? _b : 10) : 10;
+    const defaultCurrent = typeof paginationProp === 'object' ? ((_d = (_c = paginationProp.defaultCurrent) !== null && _c !== void 0 ? _c : paginationProp.current) !== null && _d !== void 0 ? _d : 1) : 1;
+    const [page, setPage] = useState(defaultCurrent);
+    const [pageSize, setPageSize] = useState(defaultPageSize);
+    const controlledPage = typeof paginationProp === 'object' && paginationProp.current !== undefined ? paginationProp.current : page;
+    const controlledPageSize = typeof paginationProp === 'object' && paginationProp.pageSize !== undefined ? paginationProp.pageSize : pageSize;
+    // ---- 排序状态 ----
+    const [sortConfig, setSortConfig] = useState(defaultSortBy ? { columnKey: defaultSortBy.columnKey, order: defaultSortBy.order } : null);
+    // ---- 行选择状态 ----
+    const [innerSelectedKeys, setInnerSelectedKeys] = useState((_e = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.defaultSelectedRowKeys) !== null && _e !== void 0 ? _e : []);
+    const selectedKeys = (_f = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) !== null && _f !== void 0 ? _f : innerSelectedKeys;
+    // ---- 过滤隐藏列 ----
+    const columns = useMemo(() => rawColumns.filter((c) => c.visible !== false), [rawColumns]);
+    // ---- 排序处理 ----
+    const sortedData = useMemo(() => {
+        if (!sortConfig)
+            return dataSource;
+        const col = columns.find((c) => { var _a; return ((_a = c.key) !== null && _a !== void 0 ? _a : c.dataIndex) === sortConfig.columnKey; });
+        if (!(col === null || col === void 0 ? void 0 : col.sorter))
+            return dataSource;
+        const fn = col.sorter;
+        const compare = typeof fn === 'function' ? fn : undefined;
+        if (!compare)
+            return dataSource;
+        return [...dataSource].sort((a, b) => {
+            const result = compare(a, b);
+            return sortConfig.order === 'ascend' ? result : -result;
+        });
+    }, [dataSource, sortConfig, columns]);
+    // ---- 分页计算 ----
+    const total = typeof paginationProp === 'object' && paginationProp.total !== undefined ? paginationProp.total : sortedData.length;
+    const totalPages = Math.max(1, Math.ceil(total / controlledPageSize));
+    const safePage = Math.min(controlledPage, totalPages);
+    const pagedData = useMemo(() => {
+        if (paginationProp === false)
+            return sortedData;
+        const start = (safePage - 1) * controlledPageSize;
+        return sortedData.slice(start, start + controlledPageSize);
+    }, [sortedData, paginationProp, safePage, controlledPageSize]);
+    // ---- 排序点击 ----
+    const handleSort = useCallback((columnKey) => {
+        const col = columns.find((c) => { var _a; return ((_a = c.key) !== null && _a !== void 0 ? _a : c.dataIndex) === columnKey; });
+        if (!(col === null || col === void 0 ? void 0 : col.sorter))
+            return;
+        let newOrder = 'ascend';
+        if ((sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.columnKey) === columnKey) {
+            if (sortConfig.order === 'ascend')
+                newOrder = 'descend';
+            else
+                newOrder = null;
+        }
+        const newConfig = newOrder ? { columnKey, order: newOrder } : null;
+        setSortConfig(newConfig);
+        setPage(1);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ current: 1, pageSize: controlledPageSize }, newConfig !== null && newConfig !== void 0 ? newConfig : { columnKey: columnKey, order: null });
+    }, [columns, sortConfig, controlledPageSize, onChange]);
+    // ---- 分页跳转 ----
+    const goToPage = useCallback((p) => {
+        var _a;
+        if (p < 1 || p > totalPages)
+            return;
+        setPage(p);
+        if (paginationProp !== false && typeof paginationProp === 'object') {
+            (_a = paginationProp.onChange) === null || _a === void 0 ? void 0 : _a.call(paginationProp, p, controlledPageSize);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange({ current: p, pageSize: controlledPageSize }, sortConfig !== null && sortConfig !== void 0 ? sortConfig : { columnKey: '', order: null });
+    }, [totalPages, paginationProp, controlledPageSize, onChange, sortConfig]);
+    const changePageSize = useCallback((newSize) => {
+        var _a;
+        setPageSize(newSize);
+        setPage(1);
+        if (paginationProp !== false && typeof paginationProp === 'object') {
+            (_a = paginationProp.onChange) === null || _a === void 0 ? void 0 : _a.call(paginationProp, 1, newSize);
+        }
+    }, [paginationProp]);
+    // ---- 行选择 ----
+    const toggleSelect = useCallback((key, record) => {
+        var _a, _b, _c;
+        if ((_b = (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps) === null || _a === void 0 ? void 0 : _a.call(rowSelection, record)) === null || _b === void 0 ? void 0 : _b.disabled)
+            return;
+        const next = selectedKeys.includes(key)
+            ? selectedKeys.filter((k) => k !== key)
+            : [...selectedKeys, key];
+        if (!(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys))
+            setInnerSelectedKeys(next);
+        const selectedRows = dataSource.filter((r) => next.includes(getRowKey(r, rowKey)));
+        (_c = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _c === void 0 ? void 0 : _c.call(rowSelection, next, selectedRows);
+    }, [selectedKeys, rowSelection, dataSource, rowKey]);
+    const toggleSelectAll = useCallback(() => {
+        var _a;
+        if (pagedData.length === 0)
+            return;
+        const allKeys = pagedData.map((r, i) => getRowKey(r, rowKey, i));
+        const filteredKeys = allKeys.filter((k) => {
+            var _a, _b;
+            const record = pagedData.find((r, i) => getRowKey(r, rowKey, i) === k);
+            return !((_b = (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps) === null || _a === void 0 ? void 0 : _a.call(rowSelection, record)) === null || _b === void 0 ? void 0 : _b.disabled);
+        });
+        const allSelected = filteredKeys.every((k) => selectedKeys.includes(k));
+        const next = allSelected
+            ? selectedKeys.filter((k) => !filteredKeys.includes(k))
+            : [...new Set([...selectedKeys, ...filteredKeys])];
+        if (!(rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys))
+            setInnerSelectedKeys(next);
+        const selectedRows = dataSource.filter((r) => next.includes(getRowKey(r, rowKey)));
+        (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, next, selectedRows);
+    }, [pagedData, selectedKeys, rowSelection, dataSource, rowKey]);
+    // ---- 渲染 ----
+    const showPagination = paginationProp !== false && total > 0;
+    const hasRowSelection = !!rowSelection;
+    const tableClass = [
+        'adui-table',
+        `table-size-${size}`,
+        bordered ? 'table-bordered' : '',
+        loading ? 'table-loading' : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const renderPagination = () => {
+        var _a, _b, _c, _d;
+        if (!showPagination)
+            return null;
+        const pag = typeof paginationProp === 'object' ? paginationProp : {};
+        const showSizeChanger = (_a = pag.showSizeChanger) !== null && _a !== void 0 ? _a : false;
+        const pageSizeOptions = (_b = pag.pageSizeOptions) !== null && _b !== void 0 ? _b : [10, 20, 50, 100];
+        const showTotal = (_c = pag.showTotal) !== null && _c !== void 0 ? _c : false;
+        const isSimple = (_d = pag.simple) !== null && _d !== void 0 ? _d : false;
+        const pages = [];
+        if (isSimple) {
+            pages.push(safePage);
+        }
+        else {
+            const range = 2;
+            let start = Math.max(1, safePage - range);
+            let end = Math.min(totalPages, safePage + range);
+            if (start > 1)
+                pages.push(1);
+            if (start > 2)
+                pages.push('...');
+            for (let i = start; i <= end; i++)
+                pages.push(i);
+            if (end < totalPages - 1)
+                pages.push('...');
+            if (end < totalPages)
+                pages.push(totalPages);
+        }
+        return (_jsxs("div", Object.assign({ className: "table-pagination" }, { children: [showTotal && _jsxs("span", Object.assign({ className: "table-pagination-total" }, { children: ["\u5171 ", total, " \u6761"] })), _jsxs("div", Object.assign({ className: "table-pagination-pages" }, { children: [_jsx("button", Object.assign({ className: "table-page-btn", disabled: safePage <= 1, onClick: () => goToPage(safePage - 1) }, { children: "\u2039" })), pages.map((p, idx) => typeof p === 'number' ? (_jsx("button", Object.assign({ className: `table-page-btn ${p === safePage ? 'active' : ''}`, onClick: () => goToPage(p) }, { children: p }), p)) : (_jsx("span", Object.assign({ className: "table-page-ellipsis" }, { children: "..." }), `e${idx}`))), _jsx("button", Object.assign({ className: "table-page-btn", disabled: safePage >= totalPages, onClick: () => goToPage(safePage + 1) }, { children: "\u203A" }))] })), showSizeChanger && (_jsx("div", Object.assign({ className: "table-page-size-changer" }, { children: _jsx("select", Object.assign({ value: controlledPageSize, onChange: (e) => changePageSize(Number(e.target.value)) }, { children: pageSizeOptions.map((s) => (_jsxs("option", Object.assign({ value: s }, { children: [s, " \u6761/\u9875"] }), s))) })) })))] })));
+    };
+    return (_jsxs("div", Object.assign({ className: tableClass }, { children: [_jsx("div", Object.assign({ className: "table-wrapper", style: (scroll === null || scroll === void 0 ? void 0 : scroll.y) ? { maxHeight: scroll.y, overflowY: 'auto' } : undefined }, { children: _jsxs("table", Object.assign({ className: "table-element" }, { children: [showHeader && (_jsx("thead", Object.assign({ className: "table-thead" }, { children: _jsxs("tr", { children: [hasRowSelection && (_jsx("th", Object.assign({ className: "table-th table-th-select", style: { width: (_g = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.columnWidth) !== null && _g !== void 0 ? _g : 40 } }, { children: _jsxs("label", Object.assign({ className: "table-checkbox-wrap" }, { children: [_jsx("input", { type: "checkbox", className: "table-checkbox", checked: pagedData.length > 0 && pagedData.every((r, i) => {
+                                                        var _a, _b;
+                                                        const key = getRowKey(r, rowKey, i);
+                                                        const isDisabled = (_b = (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps) === null || _a === void 0 ? void 0 : _a.call(rowSelection, r)) === null || _b === void 0 ? void 0 : _b.disabled;
+                                                        return selectedKeys.includes(key) || isDisabled;
+                                                    }), onChange: toggleSelectAll }), _jsx("span", { className: "table-checkbox-inner" })] })) }))), columns.map((col) => {
+                                        var _a, _b;
+                                        const colKey = (_b = (_a = col.key) !== null && _a !== void 0 ? _a : col.dataIndex) !== null && _b !== void 0 ? _b : '';
+                                        const canSort = !!col.sorter;
+                                        const isSorted = (sortConfig === null || sortConfig === void 0 ? void 0 : sortConfig.columnKey) === colKey;
+                                        return (_jsx("th", Object.assign({ className: `table-th ${canSort ? 'table-th-sortable' : ''}`, style: { width: col.width, minWidth: col.minWidth, textAlign: col.align }, onClick: () => canSort && handleSort(colKey) }, { children: _jsxs("span", Object.assign({ className: "table-th-inner" }, { children: [col.title, canSort && (_jsxs("span", Object.assign({ className: "table-sorter" }, { children: [_jsx("span", Object.assign({ className: `table-sorter-arrow up ${isSorted && sortConfig.order === 'ascend' ? 'active' : ''}` }, { children: "\u25B2" })), _jsx("span", Object.assign({ className: `table-sorter-arrow down ${isSorted && sortConfig.order === 'descend' ? 'active' : ''}` }, { children: "\u25BC" }))] })))] })) }), colKey));
+                                    })] }) }))), _jsxs("tbody", Object.assign({ className: "table-tbody" }, { children: [loading && (_jsx("tr", Object.assign({ className: "table-loading-row" }, { children: _jsx("td", Object.assign({ colSpan: columns.length + (hasRowSelection ? 1 : 0) }, { children: _jsxs("div", Object.assign({ className: "table-loading-mask" }, { children: [_jsx("div", { className: "table-loading-spinner" }), _jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })] })) })) }))), !loading && pagedData.length === 0 && (_jsx("tr", Object.assign({ className: "table-empty-row" }, { children: _jsx("td", Object.assign({ colSpan: columns.length + (hasRowSelection ? 1 : 0) }, { children: _jsx("div", Object.assign({ className: "table-empty-text" }, { children: emptyText })) })) }))), !loading && pagedData.map((record, idx) => {
+                                    var _a, _b, _c, _d;
+                                    const key = getRowKey(record, rowKey, idx);
+                                    const rowProps = (_a = onRow === null || onRow === void 0 ? void 0 : onRow(record, idx)) !== null && _a !== void 0 ? _a : {};
+                                    const isDisabled = (_c = (_b = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps) === null || _b === void 0 ? void 0 : _b.call(rowSelection, record)) === null || _c === void 0 ? void 0 : _c.disabled;
+                                    return (_jsxs("tr", Object.assign({ className: `table-tr ${selectedKeys.includes(key) ? 'table-tr-selected' : ''} ${(_d = rowProps.className) !== null && _d !== void 0 ? _d : ''}`, onClick: rowProps.onClick, style: rowProps.style }, { children: [hasRowSelection && (_jsx("td", Object.assign({ className: "table-td table-td-select" }, { children: _jsxs("label", Object.assign({ className: `table-checkbox-wrap ${isDisabled ? 'table-checkbox-disabled' : ''}` }, { children: [_jsx("input", { type: "checkbox", className: "table-checkbox", checked: selectedKeys.includes(key), onChange: () => toggleSelect(key, record), disabled: isDisabled }), _jsx("span", { className: "table-checkbox-inner" })] })) }))), columns.map((col) => {
+                                                var _a, _b, _c;
+                                                const val = col.dataIndex ? record[col.dataIndex] : undefined;
+                                                const cellContent = col.render ? col.render(val, record, idx) : (val !== null && val !== void 0 ? val : '—');
+                                                return (_jsx("td", Object.assign({ className: `table-td ${(_a = col.className) !== null && _a !== void 0 ? _a : ''}`, style: { textAlign: col.align } }, { children: cellContent }), (_c = (_b = col.key) !== null && _b !== void 0 ? _b : col.dataIndex) !== null && _c !== void 0 ? _c : ''));
+                                            })] }), key));
+                                })] }))] })) })), renderPagination()] })));
+}
+export default Table;
+//# sourceMappingURL=index.js.map