@gulibs/react-vtable 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 @gulibs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,551 @@
+# @gulibs/react-vtable
+
+[English](#english) | [中文](#chinese)
+
+---
+
+## English
+
+A powerful React table component library built with shadcn/ui components and TanStack Table.
+
+### Prerequisites
+
+This library requires **Tailwind CSS** to be installed and configured in your project.
+
+### Installation
+
+```bash
+# Install the library
+pnpm add @gulibs/react-vtable
+
+# Install peer dependencies
+pnpm add react react-dom tailwindcss
+```
+
+### Configuration
+
+#### Configure Tailwind CSS
+
+```javascript
+// tailwind.config.js
+export default {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@gulibs/react-vtable/dist/**/*.js'
+  ],
+  // No additional configuration needed - styles are automatically injected
+}
+```
+
+> 💡 **Note**: The library automatically injects its CSS styles, so no manual CSS imports are required.
+
+### Usage
+
+```tsx
+import { ProTable } from '@gulibs/react-vtable'
+// No need to manually import CSS, styles are automatically inlined
+
+function App() {
+  const columns = [
+    {
+      title: 'Name',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: 'Age',
+      dataIndex: 'age',
+      key: 'age',
+    },
+  ]
+
+  const dataSource = [
+    { name: 'John', age: 30 },
+    { name: 'Jane', age: 25 },
+  ]
+
+  return (
+    <ProTable
+      columns={columns}
+      dataSource={dataSource}
+      rowKey="name"
+    />
+  )
+}
+```
+
+### Features
+
+- **Powerful Table**: Built on TanStack Table for maximum flexibility
+- **shadcn/ui Components**: Beautiful, accessible UI components
+- **Drag & Drop**: Row and column reordering with @dnd-kit
+- **Search & Filter**: Advanced search and filtering capabilities
+- **Pagination**: Built-in pagination with customizable options
+- **Column Settings**: Show/hide columns, drag to reorder
+- **Row Selection**: Single and multiple row selection with batch actions
+- **Editable Rows**: Inline editing capabilities with various value types
+- **Fixed Columns**: Left and right fixed columns with shadow effects
+- **Internationalization**: Built-in i18n support with English and Chinese locales
+- **Horizontal Scrolling**: Configurable table width with scroll support
+- **Copy to Clipboard**: One-click copy functionality for cells
+- **Responsive**: Mobile-friendly design
+- **TypeScript**: Full TypeScript support
+
+### Examples
+
+#### Basic Table
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+/>
+```
+
+#### With Search
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  search={{
+    filterType: 'query',
+    searchText: 'Search',
+    resetText: 'Reset'
+  }}
+/>
+```
+
+#### With Pagination
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  pagination={{
+    current: 1,
+    pageSize: 10,
+    total: 100,
+    showSizeChanger: true
+  }}
+/>
+```
+
+#### With Internationalization
+
+```tsx
+import { ProTable, zh_CN } from '@gulibs/react-vtable'
+
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  locale={zh_CN}
+/>
+```
+
+#### With Fixed Columns
+
+```tsx
+<ProTable
+  columns={[
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+      fixed: 'left'
+    },
+    {
+      title: 'Name',
+      dataIndex: 'name',
+      key: 'name',
+      width: 120
+    },
+    {
+      title: 'Actions',
+      dataIndex: 'actions',
+      key: 'actions',
+      width: 100,
+      fixed: 'right'
+    }
+  ]}
+  dataSource={dataSource}
+  rowKey="id"
+  scroll={{ x: 1000 }}
+  tableLayout="fixed"
+/>
+```
+
+#### With Editable Rows
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  editable={{
+    type: 'multiple',
+    onSave: async (key, record, originRow) => {
+      console.log('Save:', { key, record, originRow })
+      // Handle save logic
+    }
+  }}
+/>
+```
+
+#### With Row Selection and Batch Actions
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  rowSelection={{
+    type: 'checkbox',
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('Selected:', selectedRowKeys, selectedRows)
+    },
+    batchActions: {
+      onDelete: (rows) => {
+        console.log('Delete:', rows)
+      },
+      onExport: (rows) => {
+        console.log('Export:', rows)
+      }
+    }
+  }}
+/>
+```
+
+### API Reference
+
+#### ProTable Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `columns` | `ProColumn[]` | `[]` | Table column definitions |
+| `dataSource` | `T[]` | `[]` | Table data source |
+| `rowKey` | `string \| (record: T) => string` | `'id'` | Unique key for each row |
+| `loading` | `boolean` | `false` | Loading state |
+| `pagination` | `ProTablePagination \| false` | `false` | Pagination configuration |
+| `search` | `ProTableSearch \| false` | `false` | Search form configuration |
+| `rowSelection` | `ProTableRowSelection` | `undefined` | Row selection configuration |
+| `editable` | `ProTableEditable` | `undefined` | Editable rows configuration |
+| `draggable` | `ProTableDraggable` | `undefined` | Drag and drop configuration |
+| `scroll` | `{ x?: number \| true; y?: number \| string }` | `undefined` | Scroll configuration |
+| `tableLayout` | `'auto' \| 'fixed'` | `'auto'` | Table layout mode |
+| `locale` | `ProTableLocale` | `en_US` | Internationalization locale |
+| `size` | `'small' \| 'middle' \| 'large'` | `'middle'` | Table size |
+| `bordered` | `boolean` | `false` | Show table borders |
+
+#### Column Configuration
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `title` | `string` | Column header text |
+| `dataIndex` | `string` | Data field name |
+| `key` | `string` | Unique column key |
+| `width` | `number` | Column width in pixels |
+| `fixed` | `'left' \| 'right'` | Fixed column position |
+| `sorter` | `boolean` | Enable sorting |
+| `editable` | `boolean` | Enable inline editing |
+| `copyable` | `boolean` | Enable copy to clipboard |
+| `search` | `boolean` | Include in search form |
+| `valueType` | `ProFieldValueType` | Value type for rendering |
+| `valueEnum` | `Record<string, { text: string; status?: string }>` | Enum values for select |
+| `filters` | `Array<{ text: string; value: any }>` | Filter options |
+
+### Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build the library
+pnpm run build
+
+# Start development server
+pnpm run dev
+```
+
+### License
+
+MIT
+
+---
+
+## Chinese
+
+一个基于 shadcn/ui 组件和 TanStack Table 构建的强大 React 表格组件库。
+
+### 前置要求
+
+此库需要您的项目中安装并配置 **Tailwind CSS**。
+
+### 安装
+
+```bash
+# 安装库
+pnpm add @gulibs/react-vtable
+
+# 安装对等依赖
+pnpm add react react-dom tailwindcss
+```
+
+### 配置
+
+#### 配置 Tailwind CSS
+
+```javascript
+// tailwind.config.js
+export default {
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@gulibs/react-vtable/dist/**/*.js'
+  ],
+  // 无需额外配置 - 样式会自动注入
+}
+```
+
+> 💡 **注意**: 库会自动注入其 CSS 样式，因此无需手动导入 CSS。
+
+### 使用方法
+
+```tsx
+import { ProTable } from '@gulibs/react-vtable'
+// 无需手动导入 CSS，样式已自动内联
+
+function App() {
+  const columns = [
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '年龄',
+      dataIndex: 'age',
+      key: 'age',
+    },
+  ]
+
+  const dataSource = [
+    { name: '张三', age: 30 },
+    { name: '李四', age: 25 },
+  ]
+
+  return (
+    <ProTable
+      columns={columns}
+      dataSource={dataSource}
+      rowKey="name"
+    />
+  )
+}
+```
+
+### 功能特性
+
+- **强大表格**: 基于 TanStack Table 构建，提供最大灵活性
+- **shadcn/ui 组件**: 美观、可访问的 UI 组件
+- **拖拽排序**: 使用 @dnd-kit 实现行和列重排序
+- **搜索筛选**: 高级搜索和筛选功能
+- **分页**: 内置分页，支持自定义选项
+- **列设置**: 显示 / 隐藏列，拖拽重排序
+- **行选择**: 单选和多选行，支持批量操作
+- **可编辑行**: 内联编辑功能，支持多种值类型
+- **固定列**: 左右固定列，带阴影效果
+- **国际化**: 内置 i18n 支持，提供中英文语言包
+- **横向滚动**: 可配置表格宽度，支持滚动
+- **复制功能**: 一键复制单元格内容
+- **响应式**: 移动端友好设计
+- **TypeScript**: 完整的 TypeScript 支持
+
+### 示例
+
+#### 基础表格
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+/>
+```
+
+#### 带搜索
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  search={{
+    filterType: 'query',
+    searchText: '搜索',
+    resetText: '重置'
+  }}
+/>
+```
+
+#### 带分页
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  pagination={{
+    current: 1,
+    pageSize: 10,
+    total: 100,
+    showSizeChanger: true
+  }}
+/>
+```
+
+#### 带国际化
+
+```tsx
+import { ProTable, zh_CN } from '@gulibs/react-vtable'
+
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  locale={zh_CN}
+/>
+```
+
+#### 带固定列
+
+```tsx
+<ProTable
+  columns={[
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+      fixed: 'left'
+    },
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+      width: 120
+    },
+    {
+      title: '操作',
+      dataIndex: 'actions',
+      key: 'actions',
+      width: 100,
+      fixed: 'right'
+    }
+  ]}
+  dataSource={dataSource}
+  rowKey="id"
+  scroll={{ x: 1000 }}
+  tableLayout="fixed"
+/>
+```
+
+#### 带可编辑行
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  editable={{
+    type: 'multiple',
+    onSave: async (key, record, originRow) => {
+      console.log('保存:', { key, record, originRow })
+      // 处理保存逻辑
+    }
+  }}
+/>
+```
+
+#### 带行选择和批量操作
+
+```tsx
+<ProTable
+  columns={columns}
+  dataSource={dataSource}
+  rowKey="id"
+  rowSelection={{
+    type: 'checkbox',
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('已选择:', selectedRowKeys, selectedRows)
+    },
+    batchActions: {
+      onDelete: (rows) => {
+        console.log('删除:', rows)
+      },
+      onExport: (rows) => {
+        console.log('导出:', rows)
+      }
+    }
+  }}
+/>
+```
+
+### API 参考
+
+#### ProTable 属性
+
+| 属性 | 类型 | 默认值 | 描述 |
+|------|------|--------|------|
+| `columns` | `ProColumn[]` | `[]` | 表格列定义 |
+| `dataSource` | `T[]` | `[]` | 表格数据源 |
+| `rowKey` | `string \| (record: T) => string` | `'id'` | 每行的唯一键 |
+| `loading` | `boolean` | `false` | 加载状态 |
+| `pagination` | `ProTablePagination \| false` | `false` | 分页配置 |
+| `search` | `ProTableSearch \| false` | `false` | 搜索表单配置 |
+| `rowSelection` | `ProTableRowSelection` | `undefined` | 行选择配置 |
+| `editable` | `ProTableEditable` | `undefined` | 可编辑行配置 |
+| `draggable` | `ProTableDraggable` | `undefined` | 拖拽配置 |
+| `scroll` | `{ x?: number \| true; y?: number \| string }` | `undefined` | 滚动配置 |
+| `tableLayout` | `'auto' \| 'fixed'` | `'auto'` | 表格布局模式 |
+| `locale` | `ProTableLocale` | `en_US` | 国际化语言包 |
+| `size` | `'small' \| 'middle' \| 'large'` | `'middle'` | 表格尺寸 |
+| `bordered` | `boolean` | `false` | 显示表格边框 |
+
+#### 列配置
+
+| 属性 | 类型 | 描述 |
+|------|------|------|
+| `title` | `string` | 列头文本 |
+| `dataIndex` | `string` | 数据字段名 |
+| `key` | `string` | 唯一列键 |
+| `width` | `number` | 列宽度（像素） |
+| `fixed` | `'left' \| 'right'` | 固定列位置 |
+| `sorter` | `boolean` | 启用排序 |
+| `editable` | `boolean` | 启用内联编辑 |
+| `copyable` | `boolean` | 启用复制到剪贴板 |
+| `search` | `boolean` | 包含在搜索表单中 |
+| `valueType` | `ProFieldValueType` | 值类型渲染 |
+| `valueEnum` | `Record<string, { text: string; status?: string }>` | 枚举值选择 |
+| `filters` | `Array<{ text: string; value: any }>` | 筛选选项 |
+
+### 开发
+
+```bash
+# 安装依赖
+pnpm install
+
+# 构建库
+pnpm run build
+
+# 启动开发服务器
+pnpm run dev
+```
+
+### 许可证
+
+MIT

package/dist/components/batch-action-buttons.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+interface BatchActionButtonsProps<T> {
+    selectedCount: number;
+    selectedRows: T[];
+    onDelete?: (rows: T[]) => void;
+    onExport?: (rows: T[]) => void;
+    onExportExcel?: (rows: T[]) => void;
+    onExportCSV?: (rows: T[]) => void;
+    onEmail?: (rows: T[]) => void;
+    onArchive?: (rows: T[]) => void;
+    customActions?: Array<{
+        key: string;
+        label: string;
+        icon?: React.ReactNode;
+        onClick: (rows: T[]) => void;
+        variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    }>;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function BatchActionButtons<T>({ selectedCount, selectedRows, onDelete, onExport, onExportExcel, onExportCSV, onEmail, onArchive, customActions, disabled, className, }: BatchActionButtonsProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=batch-action-buttons.d.ts.map

package/dist/components/batch-action-buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-action-buttons.d.ts","sourceRoot":"","sources":["../../lib/components/batch-action-buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,UAAU,uBAAuB,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC;QACpB,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAC7B,OAAO,CAAC,EACJ,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;KACZ,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,EACpC,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,WAAW,EACX,OAAO,EACP,SAAS,EACT,aAAkB,EAClB,QAAgB,EAChB,SAAS,GACV,EAAE,uBAAuB,CAAC,CAAC,CAAC,kDA4N5B"}

package/dist/components/batch-actions.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface BatchActionsProps<T = any> {
+    selectedCount: number;
+    selectedRows?: T[];
+    onClear?: () => void;
+    actions?: React.ReactNode[];
+    alwaysShow?: boolean;
+    batchActions?: {
+        onDelete?: (rows: T[]) => void;
+        onExport?: (rows: T[]) => void;
+        onExportExcel?: (rows: T[]) => void;
+        onExportCSV?: (rows: T[]) => void;
+        onEmail?: (rows: T[]) => void;
+        onArchive?: (rows: T[]) => void;
+        customActions?: Array<{
+            key: string;
+            label: string;
+            icon?: React.ReactNode;
+            onClick: (rows: T[]) => void;
+            variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+        }>;
+    };
+}
+export declare function BatchActions<T>({ selectedCount, selectedRows, onClear, actions, alwaysShow, batchActions, }: BatchActionsProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=batch-actions.d.ts.map

package/dist/components/batch-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-actions.d.ts","sourceRoot":"","sources":["../../lib/components/batch-actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,iBAAiB,CAAC,CAAC,GAAG,GAAG;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE;QACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAC/B,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAClC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;QAChC,aAAa,CAAC,EAAE,KAAK,CAAC;YACpB,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,EAAE,MAAM,CAAC;YACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;YACvB,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;YAC7B,OAAO,CAAC,EACJ,SAAS,GACT,aAAa,GACb,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,CAAC;SACZ,CAAC,CAAC;KACJ,CAAC;CACH;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,aAAa,EACb,YAAiB,EACjB,OAAO,EACP,OAAY,EACZ,UAAkB,EAClB,YAAY,GACb,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA2DtB"}

package/dist/components/column-filter.d.ts

@@ -0,0 +1,17 @@
+interface ColumnFilterProps {
+    column: {
+        key?: string;
+        dataIndex?: string;
+        title?: string;
+        filters?: Array<{
+            text: string;
+            value: any;
+        }>;
+    };
+    value?: any[];
+    onChange?: (value: any[]) => void;
+    onClear?: () => void;
+}
+export declare function ColumnFilter({ column, value, onChange, onClear, }: ColumnFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=column-filter.d.ts.map

package/dist/components/column-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-filter.d.ts","sourceRoot":"","sources":["../../lib/components/column-filter.tsx"],"names":[],"mappings":"AAWA,UAAU,iBAAiB;IACzB,MAAM,EAAE;QACN,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,KAAK,CAAC;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,GAAG,CAAA;SAAE,CAAC,CAAC;KAC/C,CAAC;IACF,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAU,EACV,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,2CAiFnB"}

package/dist/components/column-setting.d.ts

@@ -0,0 +1,14 @@
+import type { ProColumn } from "@/types";
+import type { Table } from "@tanstack/react-table";
+interface ColumnSettingProps<T = any> {
+    table?: Table<T>;
+    columns: ProColumn<T>[];
+    visibleColumns: string[];
+    onVisibleChange: (columns: string[]) => void;
+    fixedColumns?: Record<string, "left" | "right" | undefined>;
+    onFixedChange?: (key: string, fixed?: "left" | "right") => void;
+    onOrderChange?: (columns: ProColumn<T>[]) => void;
+}
+export declare function ColumnSetting<T = any>({ table, columns, visibleColumns, onVisibleChange, fixedColumns, onFixedChange, onOrderChange, }: ColumnSettingProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=column-setting.d.ts.map

package/dist/components/column-setting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-setting.d.ts","sourceRoot":"","sources":["../../lib/components/column-setting.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAUzC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,UAAU,kBAAkB,CAAC,CAAC,GAAG,GAAG;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAChE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC;CACnD;AAiDD,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EAAE,EACrC,KAAK,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,YAAiB,EACjB,aAAa,EACb,aAAa,GACd,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAuPvB"}

package/dist/components/copy-button.d.ts

@@ -0,0 +1,10 @@
+interface CopyButtonProps {
+    value: any;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    showText?: boolean;
+    onCopy?: (value: any) => void;
+}
+export declare function CopyButton({ value, className, size, showText, onCopy, }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../lib/components/copy-button.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,IAAW,EACX,QAAgB,EAChB,MAAM,GACP,EAAE,eAAe,2CAmEjB"}