@quantlife/qlui 0.0.1 → 0.0.3

package/dist/components/ui/multi-select.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export interface MultiSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+/** 多选下拉（antd Select mode="multiple" 迁移承接）
+ * - 触发器：Badge 展示已选项（超过 maxBadgeCount 折叠 +N）
+ * - 下拉：cmdk 本地搜索 + 勾选多选，不随选择关闭
+ * - 触控目标 ≥44px：选项 min-h-11
+ */
+export interface MultiSelectProps {
+    options: MultiSelectOption[];
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
+    /** 触发器最多完整展示的 Badge 数，超出折叠 +N（默认 3） */
+    maxBadgeCount?: number;
+    className?: string;
+}
+export declare function MultiSelect({ options, value, onChange, placeholder, searchPlaceholder, emptyText, disabled, maxBadgeCount, className, }: MultiSelectProps): React.JSX.Element;

package/dist/components/ui/standard-table.d.ts

@@ -1,5 +1,16 @@
 import * as React from "react";
 import { type ColumnDef } from "@tanstack/react-table";
+/** 列级扩展 meta：桌面次要列可 md 以下隐藏；移动卡片模式可隐藏或自定义渲染 */
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends import("@tanstack/react-table").RowData, TValue> {
+        /** 响应式：true 时 md(768px) 以下隐藏该列（次要列降级） */
+        hideBelowMd?: boolean;
+        /** 移动卡片模式：不进入卡片字段 */
+        cardHidden?: boolean;
+        /** 移动卡片模式：自定义卡片字段渲染（缺省取 cell） */
+        cardCell?: (row: TData) => React.ReactNode;
+    }
+}
 export interface StandardTableProps<TData> {
     columns: ColumnDef<TData, unknown>[];
     data: TData[];
@@ -12,6 +23,24 @@ export interface StandardTableProps<TData> {
     renderExpanded?: (row: TData) => React.ReactNode;
     pageSize?: number;
     className?: string;
+    /** 加载态：表格半透明 + 加载指示 */
+    loading?: boolean;
+    /** 空态文案 */
+    emptyDescription?: React.ReactNode;
+    /** 服务端分页：manualPagination=true 时不本地分页，翻页回调 onPageChange */
+    manualPagination?: boolean;
+    /** 服务端分页：总页数（manualPagination 必传） */
+    pageCount?: number;
+    /** 受控当前页（0 基） */
+    pageIndex?: number;
+    /** 翻页/换页回调（服务端分页取参重查） */
+    onPaginationChange?: (pageIndex: number, pageSize: number) => void;
+    /** 分页区左侧插槽（常用：共 N 条） */
+    paginationExtra?: React.ReactNode;
+    /** 移动端（<768px）卡片降级：默认自动按列生成字段卡；false 强制表格横向滚动 */
+    mobileCard?: boolean;
+    /** 移动端卡片自定义渲染（优先于自动字段卡） */
+    renderMobileCard?: (row: TData) => React.ReactNode;
 }
-/** 通用数据表（@tanstack/react-table 封装：排序/筛选/分页/展开行） */
-export declare function StandardTable<TData>({ columns, data, searchable, searchPlaceholder, enableSorting, renderExpanded, pageSize, className, }: StandardTableProps<TData>): React.JSX.Element;
+/** 通用数据表（@tanstack/react-table 封装：排序/筛选/分页/展开行/服务端分页/移动卡片降级） */
+export declare function StandardTable<TData>({ columns, data, searchable, searchPlaceholder, enableSorting, renderExpanded, pageSize, className, loading, emptyDescription, manualPagination, pageCount, pageIndex, onPaginationChange, paginationExtra, mobileCard, renderMobileCard, }: StandardTableProps<TData>): React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface TagProps extends React.ComponentProps<"span"> {
+    /** 预设语义色（antd Tag color 兼容）；非预设字符串按自定义色渲染文字 */
+    color?: "default" | "success" | "processing" | "error" | "warning" | (string & {});
+    bordered?: boolean;
+    closable?: boolean;
+    onClose?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+}
+/** 标签（antd Tag 迁移承接：语义色/描边/可关闭） */
+export declare function Tag({ className, color, bordered, closable, onClose, children, style, ...props }: TagProps): React.JSX.Element;

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export * from "./components/ui/tabs";
 export * from "./components/ui/textarea";
 export * from "./components/ui/tooltip";
 export * from "./components/ui/combobox";
+export * from "./components/ui/multi-select";
 export * from "./components/ui/command";
 export * from "./components/ui/date-picker";
 export * from "./components/ui/form";
@@ -39,6 +40,7 @@ export * from "./components/ui/steps";
 export * from "./components/ui/timeline";
 export * from "./components/ui/descriptions";
 export * from "./components/ui/empty";
+export * from "./components/ui/tag";
 export * from "./components/ui/segmented";
 export * from "./components/ui/statistic";
 export * from "./components/ui/action-buttons";