@zhanxp/station-ui 0.1.0

package/README.md

@@ -0,0 +1,49 @@
+# @station/ui
+
+Station 数据工作站通用 UI 组件库。
+
+## 安装
+
+```bash
+# 配置 registry（项目 .npmrc）
+@station:registry=http://maven.xxxxx.com/repository/npm-hosted/
+
+# 安装
+npm install @station/ui
+```
+
+## 使用
+
+```tsx
+// 引入样式（入口文件中引入一次）
+import '@station/ui/style.css'
+
+// 使用组件
+import { EmTable, EmPagination, EmGrid, EmBox, toast, confirm } from '@station/ui'
+```
+
+## 发布
+
+```bash
+cd packages/station-ui
+
+# 构建
+npm run build
+
+# 登录 Nexus（首次）
+npm login --registry=http://maven.xxxxx.com/repository/npm-hosted/
+
+# 发布
+npm publish
+```
+
+## 组件列表
+
+- `EmTable` — 数据表格（基于 TanStack Table + Virtual，支持排序、固定列、树形展开、虚拟滚动）
+- `EmPagination` — 分页器
+- `EmGrid` — 工具栏容器（toolbar + body + footer）
+- `EmBox` — 面板容器（带标题、主题色、标签页）
+- `Loading` — 加载指示器
+- `toast` / `ToastContainer` — 消息提示
+- `alert` / `AlertContainer` — 弹窗提示
+- `confirm` / `ConfirmContainer` — 确认对话框

package/dist/components/em-box/index.d.ts

@@ -0,0 +1,24 @@
+export interface TabItem {
+    title: string;
+    active?: boolean;
+    [key: string]: unknown;
+}
+interface EmBoxProps {
+    theme?: 'default' | 'primary' | 'info' | 'danger' | 'warning' | 'success' | 'simple';
+    title?: string;
+    showClose?: boolean;
+    noPadding?: boolean;
+    fixtop?: number;
+    bodyStyle?: React.CSSProperties;
+    tabs?: TabItem[];
+    header?: React.ReactNode;
+    tools?: React.ReactNode;
+    breadcrumb?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    onClose?: () => void;
+    onTabClick?: (item: TabItem) => void;
+    className?: string;
+}
+export default function EmBox({ theme, title, showClose, noPadding, fixtop, bodyStyle, tabs, header, tools, breadcrumb, footer, children, onClose, onTabClick, className, }: EmBoxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/em-button/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface EmButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'default' | 'danger' | 'text';
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+    icon?: ReactNode;
+}
+declare const EmButton: import('react').ForwardRefExoticComponent<EmButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default EmButton;

package/dist/components/em-drawer/index.d.ts

@@ -0,0 +1,11 @@
+export interface EmDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    maskClosable?: boolean;
+    className?: string;
+}
+export default function EmDrawer({ open, onClose, title, children, footer, size, maskClosable, className, }: EmDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/em-grid/index.d.ts

@@ -0,0 +1,10 @@
+interface EmGridProps {
+    actions?: React.ReactNode;
+    search?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    className?: string;
+    noPadding?: boolean;
+}
+export default function EmGrid({ actions, search, footer, children, className, noPadding, }: EmGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/em-input/index.d.ts

@@ -0,0 +1,13 @@
+import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
+export interface EmInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'onChange' | 'size'> {
+    label?: string;
+    error?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    allowClear?: boolean;
+    showCount?: boolean;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: () => void;
+}
+declare const EmInput: import('react').ForwardRefExoticComponent<EmInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default EmInput;

package/dist/components/em-modal/index.d.ts

@@ -0,0 +1,11 @@
+export interface EmModalProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    maskClosable?: boolean;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+export default function EmModal({ open, onClose, title, children, footer, maskClosable, size, className, }: EmModalProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/em-pagination/index.d.ts

@@ -0,0 +1,10 @@
+export interface EmPaginationProps {
+    total: number;
+    pageIndex: number;
+    pageSize: number;
+    pageSizes?: number[];
+    onChange: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    className?: string;
+}
+export default function EmPagination({ total, pageIndex, pageSize, pageSizes, onChange, onPageSizeChange, className, }: EmPaginationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/em-select/index.d.ts

@@ -0,0 +1,33 @@
+import { CSSProperties } from 'react';
+export interface EmSelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+interface EmSelectSingleProps {
+    label?: string;
+    value?: string | number;
+    options: EmSelectOption[];
+    onChange: (value: string | number) => void;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    mode?: undefined;
+}
+interface EmSelectMultipleProps {
+    label?: string;
+    value?: (string | number)[];
+    options: EmSelectOption[];
+    onChange: (value: (string | number)[]) => void;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    mode: 'multiple';
+}
+export type EmSelectProps = EmSelectSingleProps | EmSelectMultipleProps;
+export default function EmSelect(props: EmSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/em-table/index.d.ts

@@ -0,0 +1,31 @@
+import { ColumnDef, SortingState } from '@tanstack/react-table';
+export interface EmTableColumn<T> {
+    key: string;
+    title: string;
+    width?: number;
+    minWidth?: number;
+    fixed?: 'left' | 'right';
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: T, index: number) => React.ReactNode;
+}
+export interface EmTableProps<T extends Record<string, unknown>> {
+    columns: EmTableColumn<T>[];
+    data: T[];
+    rowKey?: string;
+    childrenKey?: string;
+    height?: number;
+    estimateRowHeight?: number;
+    bordered?: boolean;
+    striped?: boolean;
+    emptyText?: string;
+    selectable?: boolean;
+    onSelectionChange?: (selectedRows: T[]) => void;
+    onSortChange?: (sorting: SortingState) => void;
+    onRowClick?: (row: T) => void;
+    rowClassName?: string | ((row: T, index: number) => string);
+    loading?: boolean;
+    className?: string;
+}
+export default function EmTable<T extends Record<string, unknown>>({ columns, data, rowKey, childrenKey, height, estimateRowHeight, bordered, striped, emptyText, selectable, onSelectionChange, onSortChange, onRowClick, rowClassName, loading, className, }: EmTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export type { ColumnDef, SortingState };

package/dist/components/ui/Dialog.d.ts

@@ -0,0 +1,23 @@
+interface AlertOptions {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    type?: 'info' | 'success' | 'warning' | 'error';
+}
+export declare function alert(message: string, title?: string, type?: AlertOptions['type']): Promise<void>;
+export declare namespace alert {
+    var success: (msg: string, title?: string) => Promise<void>;
+    var error: (msg: string, title?: string) => Promise<void>;
+    var warning: (msg: string, title?: string) => Promise<void>;
+}
+export declare function AlertContainer(): import("react/jsx-runtime").JSX.Element;
+interface ConfirmOptions {
+    title?: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    type?: 'info' | 'success' | 'warning' | 'error';
+}
+export declare function confirm(message: string, title?: string, type?: ConfirmOptions['type']): Promise<boolean>;
+export declare function ConfirmContainer(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Loading.d.ts

@@ -0,0 +1,6 @@
+export interface LoadingProps {
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+    text?: string;
+}
+export declare function Loading({ size, className, text }: LoadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Toast.d.ts

@@ -0,0 +1,9 @@
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export declare function toast(message: string, type?: ToastType, duration?: number): number;
+export declare namespace toast {
+    var success: (msg: string, duration?: number) => number;
+    var error: (msg: string, duration?: number) => number;
+    var warning: (msg: string, duration?: number) => number;
+    var info: (msg: string, duration?: number) => number;
+}
+export declare function ToastContainer(): import('react').ReactPortal | null;

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { default as EmTable } from './components/em-table';
+export type { EmTableColumn, EmTableProps } from './components/em-table';
+export { default as EmPagination } from './components/em-pagination';
+export type { EmPaginationProps } from './components/em-pagination';
+export { default as EmGrid } from './components/em-grid';
+export { default as EmBox } from './components/em-box';
+export type { TabItem as EmBoxTabItem } from './components/em-box';
+export { default as EmModal } from './components/em-modal';
+export type { EmModalProps } from './components/em-modal';
+export { default as EmDrawer } from './components/em-drawer';
+export type { EmDrawerProps } from './components/em-drawer';
+export { default as EmButton } from './components/em-button';
+export type { EmButtonProps } from './components/em-button';
+export { default as EmInput } from './components/em-input';
+export type { EmInputProps } from './components/em-input';
+export { default as EmSelect } from './components/em-select';
+export type { EmSelectOption, EmSelectProps } from './components/em-select';
+export { Loading } from './components/ui/Loading';
+export type { LoadingProps } from './components/ui/Loading';
+export { toast, ToastContainer } from './components/ui/Toast';
+export type { ToastType } from './components/ui/Toast';
+export { alert, AlertContainer, confirm, ConfirmContainer } from './components/ui/Dialog';
+export { cn } from './utils';