@seclab-dev/react 0.1.0-alpha.1

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Changelog
+
+格式遵循 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，并遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/)。
+
+## [0.1.0-alpha.1] - 2026-06-28
+
+### Added
+
+- 首次发布 SecLab React 19 基础组件库。
+- 提供按钮、输入、选择、开关、复选框、日期范围和表单组件。
+- 提供表格、分页、标签、描述列表、卡片和空状态组件。
+- 提供弹窗、抽屉、模态框、菜单、标签页和面包屑组件。
+- 提供提示、通知、加载、告警和统一 SVG 图标组件。
+- 发布 ESM、TypeScript 类型声明和独立组件样式。

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 seclab-dev
+
+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,65 @@
+# @seclab-dev/react
+
+SecLab React 19 基础组件库，实现 SecLab Design Language（SDL）的通用交互和视觉规范。
+
+## 安装
+
+```bash
+pnpm add @seclab-dev/react @seclab-dev/icons @seclab-dev/tokens
+```
+
+项目需要安装 React 19：
+
+```bash
+pnpm add react react-dom
+```
+
+## 样式
+
+在全局样式入口导入主题变量和组件样式：
+
+```css
+@import "@seclab-dev/tokens/index.css";
+@import "@seclab-dev/react/style.css";
+```
+
+## 使用
+
+组件采用按需导入：
+
+```tsx
+import { useState } from "react";
+import { SecLabButton, SecLabIcon, SecLabInput } from "@seclab-dev/react";
+
+export default function SearchPanel() {
+  const [keyword, setKeyword] = useState("");
+
+  return (
+    <div>
+      <SecLabInput value={keyword} onChange={setKeyword} placeholder="搜索" />
+      <SecLabButton type="primary">
+        <SecLabIcon name="search" size={16} />
+        查询
+      </SecLabButton>
+    </div>
+  );
+}
+```
+
+## 组件范围
+
+- 操作：按钮、操作菜单
+- 输入：输入框、选择器、开关、复选框、日期时间范围
+- 数据：表格、分页、标签、描述列表
+- 容器：卡片、对话框、抽屉、模态框
+- 反馈：告警、通知、加载、空状态、提示
+- 导航：菜单、标签页、面包屑
+
+组件的实际 Props、事件和类型声明以发布包中的 TypeScript 类型为准。
+
+## 约束
+
+- 组件不依赖业务 API、任何全局状态管理库或路由。
+- 视觉变量由 `@seclab-dev/tokens` 提供。
+- 图标由 `@seclab-dev/icons` 提供。
+- `react` 和 `react-dom` 是 peer dependencies，不会被组件库重复打包。

package/dist/components/SecLabActionMenu/SecLabActionMenu.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface SecLabAction {
+    label: string;
+    class?: string;
+    className?: string;
+    icon?: string;
+    disabled?: boolean;
+    tooltip?: string;
+    handler: () => void;
+}
+export interface SecLabActionMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 操作列表 */
+    actions: SecLabAction[];
+    /** 按钮文案 */
+    label?: string;
+    /** 是否禁用菜单入口 */
+    disabled?: boolean;
+    /** 菜单项默认图标 */
+    defaultIcon?: string;
+}
+export declare const SecLabActionMenu: React.FC<SecLabActionMenuProps>;

package/dist/components/SecLabAlert/SecLabAlert.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface SecLabAlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 警告标题 */
+    title?: string;
+    /** 警告描述 (如果有 title, 则在下方显示) */
+    description?: string;
+    /** 警告类型 */
+    type?: "success" | "warning" | "error" | "info";
+    /** 是否显示图标 */
+    showIcon?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+    /** 关闭事件 */
+    onClose?: () => void;
+    /** 子元素，将作为 description 渲染 */
+    children?: React.ReactNode;
+}
+export declare const SecLabAlert: React.FC<SecLabAlertProps>;

package/dist/components/SecLabBreadcrumb/SecLabBreadcrumb.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export declare const BreadcrumbContext: React.Context<string>;
+export interface SecLabBreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    /** 分隔符 */
+    separator?: string;
+}
+export declare const SecLabBreadcrumb: React.FC<SecLabBreadcrumbProps>;

package/dist/components/SecLabBreadcrumbItem/SecLabBreadcrumbItem.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface SecLabBreadcrumbItemProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 子元素，面包屑项内容 */
+    children?: React.ReactNode;
+}
+export declare const SecLabBreadcrumbItem: React.FC<SecLabBreadcrumbItemProps>;

package/dist/components/SecLabButton/SecLabButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SecLabButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    type?: "primary" | "secondary" | "danger" | "warning" | "info";
+    size?: "small" | "default" | "large";
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    children?: React.ReactNode;
+}
+export declare const SecLabButton: React.FC<SecLabButtonProps>;

package/dist/components/SecLabCard/SecLabCard.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface SecLabCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 阴影显示时机 */
+    shadow?: "always" | "hover" | "never";
+    /** 内容区自定义样式 */
+    contentStyle?: React.CSSProperties;
+    /** 默认插槽容器语义 */
+    contentRole?: "content" | "header";
+    /** 内容区是否撑满高度 (用于包含滚动表格的场景) */
+    fullHeight?: boolean;
+    /** 头部内容 */
+    header?: React.ReactNode;
+    /** 子元素，卡片内容 */
+    children?: React.ReactNode;
+}
+export declare const SecLabCard: React.FC<SecLabCardProps>;

package/dist/components/SecLabCheckbox/SecLabCheckbox.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SecLabCheckboxProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, "onChange"> {
+    /** 绑定值 */
+    checked?: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+    /** 改变事件 */
+    onChange?: (checked: boolean) => void;
+}
+export declare const SecLabCheckbox: React.FC<SecLabCheckboxProps>;

package/dist/components/SecLabDateTimeRangePicker/SecLabDateTimeRangePicker.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+export interface DateTimeRangeValue {
+    startAt: number | null;
+    endAt: number | null;
+}
+export interface ShortcutOption {
+    label: string;
+    value: "15m" | "1h" | "24h" | "7d" | "today";
+}
+export interface SecLabDateTimeRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+    /** 绑定的时间范围，使用 Unix epoch milliseconds */
+    value?: DateTimeRangeValue;
+    /** 占位文案 */
+    placeholder?: string;
+    /** 起始端标签 */
+    startLabel?: string;
+    /** 结束端标签 */
+    endLabel?: string;
+    /** 快捷范围标题 */
+    shortcutsLabel?: string;
+    /** 日历标题 */
+    calendarLabel?: string;
+    /** 时间标题 */
+    timeLabel?: string;
+    /** 清空按钮文案 */
+    clearLabel?: string;
+    /** 确认按钮文案 */
+    confirmLabel?: string;
+    /** 取消按钮文案 */
+    cancelLabel?: string;
+    /** 当前应用语言 */
+    locale?: string;
+    /** 星期标题，长度为 7 */
+    weekDays?: string[];
+    /** 快捷范围选项 */
+    shortcuts?: ShortcutOption[];
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 改变值时的回调 */
+    onChange?: (value: DateTimeRangeValue) => void;
+    /** 点击确认应用时的回调 */
+    onApply?: (value: DateTimeRangeValue) => void;
+}
+export declare const SecLabDateTimeRangePicker: React.FC<SecLabDateTimeRangePickerProps>;

package/dist/components/SecLabDescriptions/SecLabDescriptions.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface DescriptionItem {
+    label: string;
+    value?: React.ReactNode;
+    slot?: string;
+    span?: number;
+    render?: (item: DescriptionItem, data?: any) => React.ReactNode;
+}
+export interface SecLabDescriptionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 标题 */
+    title?: string;
+    /** 列表项配置 */
+    items: DescriptionItem[];
+    /** 原始数据对象 (用于插槽渲染) */
+    data?: Record<string, any>;
+    /** 列数 */
+    column?: number;
+    /** 是否显示边框 */
+    border?: boolean;
+    /** 插槽渲染器，对应 Vue 的 slot */
+    slots?: Record<string, (item: DescriptionItem, data?: any) => React.ReactNode>;
+}
+export declare const SecLabDescriptions: React.FC<SecLabDescriptionsProps>;

package/dist/components/SecLabDialog/SecLabDialog.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface SecLabDialogProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 对话框是否显示 */
+    visible: boolean;
+    /** 对话框标题 */
+    title: string;
+    /** 自定义宽度，支持 px 或百分比，默认值为 500px */
+    width?: string;
+    /** 点击遮罩层是否允许自动关闭对话框，默认为 true */
+    closeOnClickOverlay?: boolean;
+    /** 对话框遮罩层级，默认使用 SDL modal 层级 */
+    zIndex?: number | string;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 底部渲染插槽 */
+    footer?: React.ReactNode;
+    /** 对话框内容 */
+    children?: React.ReactNode;
+}
+export declare const SecLabDialog: React.FC<SecLabDialogProps>;

package/dist/components/SecLabDrawer/SecLabDrawer.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface SecLabDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 抽屉是否显示 */
+    visible: boolean;
+    /** 抽屉标题 */
+    title?: string;
+    /** 自定义宽度，支持 px 或百分比，默认值为 420px */
+    width?: string;
+    /** 点击遮罩层是否允许自动关闭抽屉，默认为 true */
+    closeOnOverlay?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 底部操作按钮栏 */
+    footer?: React.ReactNode;
+    /** 抽屉主体内容 */
+    children?: React.ReactNode;
+}
+export declare const SecLabDrawer: React.FC<SecLabDrawerProps>;

package/dist/components/SecLabEmpty/SecLabEmpty.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface SecLabEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 描述文字 */
+    description?: string;
+    /** SDL 图标名称 */
+    icon?: string;
+    /** 自定义图标节点，会覆盖 icon 属性 */
+    iconNode?: React.ReactNode;
+    /** 额外内容 */
+    extra?: React.ReactNode;
+    /** 子元素，将作为 description 渲染 */
+    children?: React.ReactNode;
+}
+export declare const SecLabEmpty: React.FC<SecLabEmptyProps>;

package/dist/components/SecLabFormItem/SecLabFormItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SecLabFormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 标签文本 */
+    label?: string;
+    /** 是否必填 (显示红星) */
+    required?: boolean;
+    /** 提示文本 */
+    hint?: string;
+}
+export declare const SecLabFormItem: React.FC<SecLabFormItemProps>;

package/dist/components/SecLabIcon/SecLabIcon.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { IconNamespace } from '@seclab-dev/icons';
+export interface SecLabIconProps extends React.HTMLAttributes<HTMLSpanElement> {
+    name?: string | null;
+    namespace?: IconNamespace;
+    size?: number | string;
+    label?: string;
+    decorative?: boolean;
+}
+export declare const SecLabIcon: React.FC<SecLabIconProps>;

package/dist/components/SecLabInput/SecLabInput.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface SecLabInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange" | "onFocus" | "onBlur"> {
+    /** 绑定值 */
+    value?: string | number | null;
+    /** 输入类型 */
+    type?: "text" | "password" | "textarea" | "number" | "datetime-local";
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    readOnly?: boolean;
+    /** 最大长度 */
+    maxlength?: number;
+    maxLength?: number;
+    /** 行数 (仅 textarea 有效) */
+    rows?: number;
+    /** 是否显示密码切换按钮 */
+    showPassword?: boolean;
+    /** 最小值 (仅 number 有效) */
+    min?: number | string;
+    /** 最大值 (仅 number 有效) */
+    max?: number | string;
+    /** 步长 (仅 number 有效) */
+    step?: number | string;
+    /** 自动填充属性 */
+    autocomplete?: string;
+    autoComplete?: string;
+    /** 值改变事件 */
+    onChange?: (value: string) => void;
+    /** focus 事件 */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /** blur 事件 */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+}
+export declare const SecLabInput: React.FC<SecLabInputProps>;

package/dist/components/SecLabLoading/SecLabLoading.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SecLabLoadingProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 是否显示加载中 */
+    loading: boolean;
+    /** 提示文字 */
+    text?: string;
+    /** 是否覆盖父容器 */
+    cover?: boolean;
+}
+export declare const SecLabLoading: React.FC<SecLabLoadingProps>;

package/dist/components/SecLabMenu/SecLabMenu.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface MenuItem {
+    key: string;
+    label: string;
+}
+export interface MenuCategory {
+    key: string;
+    label: string;
+    children: MenuItem[];
+}
+export interface SecLabMenuProps extends Omit<React.HTMLAttributes<HTMLElement>, "onChange" | "onSelect"> {
+    /** 当前选中的菜单项 key */
+    value?: string;
+    /** 菜单项列表 (带分组) */
+    items: MenuCategory[];
+    /** 选中事件 */
+    onSelect?: (key: string) => void;
+    /** 绑定值改变事件 */
+    onChange?: (key: string) => void;
+}
+export declare const SecLabMenu: React.FC<SecLabMenuProps>;

package/dist/components/SecLabModal/SecLabModal.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface SecLabModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 是否可见 */
+    visible: boolean;
+    /** 标题 */
+    title: string;
+    /** 消息内容 */
+    message: string;
+    /** 确认按钮文案 */
+    confirmText?: string;
+    /** 取消按钮文案 */
+    cancelText?: string;
+    /** 确认按钮类型 */
+    type?: "primary" | "danger" | "warning";
+    /** 确认回调 */
+    onConfirm?: () => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+}
+export declare const SecLabModal: React.FC<SecLabModalProps>;

package/dist/components/SecLabPagination/SecLabPagination.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface SecLabPaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 当前页码 (从 1 开始) */
+    currentPage: number;
+    /** 总页数 */
+    totalPages: number;
+    /** 最大可见页码数，默认为 5 */
+    maxVisibleButtons?: number;
+    /** 页码改变时的回调 */
+    onPageChange?: (page: number) => void;
+}
+export declare const SecLabPagination: React.FC<SecLabPaginationProps>;

package/dist/components/SecLabSelect/SecLabSelect.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface SecLabSelectOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    hint?: string;
+}
+export interface SecLabSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange"> {
+    /** 绑定值 */
+    value: string | number | null;
+    /** 选项列表 */
+    options: SecLabSelectOption[];
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 改变值时的回调 */
+    onChange?: (value: string | number | null) => void;
+    /** 禁用选项被点击时的回调 */
+    onOptionDisabled?: (option: SecLabSelectOption) => void;
+}
+export declare const SecLabSelect: React.FC<SecLabSelectProps>;

package/dist/components/SecLabSwitch/SecLabSwitch.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface SecLabSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value: boolean;
+    onChange?: (value: boolean) => void;
+    activeText?: string;
+    disabled?: boolean;
+}
+export declare const SecLabSwitch: React.FC<SecLabSwitchProps>;

package/dist/components/SecLabTable/SecLabTable.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface SecLabTableColumn<T = any> {
+    prop?: string;
+    label: string;
+    width?: string | number;
+    minWidth?: string | number;
+    align?: "left" | "center" | "right";
+    headerAlign?: "left" | "center" | "right";
+    slot?: string;
+    headerSlot?: string;
+    renderCell?: (row: T, column: SecLabTableColumn<T>, index: number) => React.ReactNode;
+    renderHeader?: (column: SecLabTableColumn<T>, index: number) => React.ReactNode;
+    fixed?: string;
+}
+export interface SecLabTableProps<T> extends React.HTMLAttributes<HTMLDivElement> {
+    /** 表格数据 */
+    data: T[];
+    /** 列配置 */
+    columns: SecLabTableColumn<T>[];
+    /** 是否显示全网格边框 */
+    border?: boolean;
+    /** 无数据时显示的占位文案 */
+    emptyText?: string;
+    /** 插槽映射 (对应 Vue 中的 scoped slots) */
+    slots?: Record<string, (scope: {
+        row: T;
+        column: SecLabTableColumn<T>;
+        index: number;
+    }) => React.ReactNode>;
+    /** 表头插槽映射 */
+    headerSlots?: Record<string, (scope: {
+        column: SecLabTableColumn<T>;
+        index: number;
+    }) => React.ReactNode>;
+    /** 自定义空数据占位 */
+    emptySlot?: React.ReactNode;
+    /** 鼠标悬浮行回调 */
+    onRowMouseEnter?: (row: T, event: React.MouseEvent<HTMLTableRowElement>, index: number) => void;
+    /** 右键行回调 */
+    onRowContextMenu?: (row: T, event: React.MouseEvent<HTMLTableRowElement>, index: number) => void;
+}
+export declare function SecLabTable<T extends Record<string, any>>({ data, columns, border, emptyText, slots, headerSlots, emptySlot, onRowMouseEnter, onRowContextMenu, className, ...rest }: SecLabTableProps<T>): React.JSX.Element;

package/dist/components/SecLabTabs/SecLabTabs.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface TabItem {
+    label: string;
+    name: string;
+    disabled?: boolean;
+}
+export interface SecLabTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** 当前选中的标签页 name */
+    value?: string;
+    /** 标签页列表 */
+    tabs: TabItem[];
+    /** 标签页改变事件 */
+    onTabChange?: (name: string) => void;
+    /** 绑定值改变事件 */
+    onChange?: (name: string) => void;
+}
+export declare const SecLabTabs: React.FC<SecLabTabsProps>;

package/dist/components/SecLabTag/SecLabTag.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface SecLabTagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** 标签类型 */
+    type?: "primary" | "success" | "warning" | "danger" | "info" | "default";
+    /** 主题风格 */
+    effect?: "light" | "plain" | "dark";
+}
+export declare const SecLabTag: React.FC<SecLabTagProps>;

package/dist/components/SecLabToast/SecLabToast.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface ToastItem {
+    id: string;
+    type: "success" | "error" | "warning" | "info";
+    title: string;
+    message: string;
+}
+export interface SecLabToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 通知列表 */
+    toasts: ToastItem[];
+    /** 关闭事件 */
+    onClose?: (id: string) => void;
+}
+export declare const SecLabToast: React.FC<SecLabToastProps>;

package/dist/components/SecLabTooltip/SecLabTooltip.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+export interface SecLabTooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 提示文字内容 */
+    text: string;
+    /** 显示位置 */
+    position?: TooltipPosition;
+    /** 显示延迟 (ms) */
+    delay?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 子元素 */
+    children: React.ReactNode;
+}
+export declare const SecLabTooltip: React.FC<SecLabTooltipProps>;

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+export { SecLabIcon } from './components/SecLabIcon/SecLabIcon';
+export type { SecLabIconProps } from './components/SecLabIcon/SecLabIcon';
+export { SecLabButton } from './components/SecLabButton/SecLabButton';
+export type { SecLabButtonProps } from './components/SecLabButton/SecLabButton';
+export { SecLabSwitch } from './components/SecLabSwitch/SecLabSwitch';
+export type { SecLabSwitchProps } from './components/SecLabSwitch/SecLabSwitch';
+export { SecLabAlert } from './components/SecLabAlert/SecLabAlert';
+export type { SecLabAlertProps } from './components/SecLabAlert/SecLabAlert';
+export { SecLabCard } from './components/SecLabCard/SecLabCard';
+export type { SecLabCardProps } from './components/SecLabCard/SecLabCard';
+export { SecLabCheckbox } from './components/SecLabCheckbox/SecLabCheckbox';
+export type { SecLabCheckboxProps } from './components/SecLabCheckbox/SecLabCheckbox';
+export { SecLabEmpty } from './components/SecLabEmpty/SecLabEmpty';
+export type { SecLabEmptyProps } from './components/SecLabEmpty/SecLabEmpty';
+export { SecLabFormItem } from './components/SecLabFormItem/SecLabFormItem';
+export type { SecLabFormItemProps } from './components/SecLabFormItem/SecLabFormItem';
+export { SecLabLoading } from './components/SecLabLoading/SecLabLoading';
+export type { SecLabLoadingProps } from './components/SecLabLoading/SecLabLoading';
+export { SecLabTag } from './components/SecLabTag/SecLabTag';
+export type { SecLabTagProps } from './components/SecLabTag/SecLabTag';
+export { SecLabBreadcrumb } from './components/SecLabBreadcrumb/SecLabBreadcrumb';
+export type { SecLabBreadcrumbProps } from './components/SecLabBreadcrumb/SecLabBreadcrumb';
+export { SecLabBreadcrumbItem } from './components/SecLabBreadcrumbItem/SecLabBreadcrumbItem';
+export type { SecLabBreadcrumbItemProps } from './components/SecLabBreadcrumbItem/SecLabBreadcrumbItem';
+export { SecLabInput } from './components/SecLabInput/SecLabInput';
+export type { SecLabInputProps } from './components/SecLabInput/SecLabInput';
+export { SecLabMenu } from './components/SecLabMenu/SecLabMenu';
+export type { SecLabMenuProps, MenuItem, MenuCategory, } from './components/SecLabMenu/SecLabMenu';
+export { SecLabTabs } from './components/SecLabTabs/SecLabTabs';
+export type { SecLabTabsProps, TabItem, } from './components/SecLabTabs/SecLabTabs';
+export { SecLabDescriptions } from './components/SecLabDescriptions/SecLabDescriptions';
+export type { SecLabDescriptionsProps, DescriptionItem, } from './components/SecLabDescriptions/SecLabDescriptions';
+export { SecLabTooltip } from './components/SecLabTooltip/SecLabTooltip';
+export type { SecLabTooltipProps, TooltipPosition, } from './components/SecLabTooltip/SecLabTooltip';
+export { SecLabToast } from './components/SecLabToast/SecLabToast';
+export type { SecLabToastProps, ToastItem, } from './components/SecLabToast/SecLabToast';
+export { SecLabDialog } from './components/SecLabDialog/SecLabDialog';
+export type { SecLabDialogProps } from './components/SecLabDialog/SecLabDialog';
+export { SecLabDrawer } from './components/SecLabDrawer/SecLabDrawer';
+export type { SecLabDrawerProps } from './components/SecLabDrawer/SecLabDrawer';
+export { SecLabModal } from './components/SecLabModal/SecLabModal';
+export type { SecLabModalProps } from './components/SecLabModal/SecLabModal';
+export { SecLabPagination } from './components/SecLabPagination/SecLabPagination';
+export type { SecLabPaginationProps } from './components/SecLabPagination/SecLabPagination';
+export { SecLabSelect } from './components/SecLabSelect/SecLabSelect';
+export type { SecLabSelectProps, SecLabSelectOption, } from './components/SecLabSelect/SecLabSelect';
+export { SecLabActionMenu } from './components/SecLabActionMenu/SecLabActionMenu';
+export type { SecLabActionMenuProps, SecLabAction, } from './components/SecLabActionMenu/SecLabActionMenu';
+export { SecLabTable } from './components/SecLabTable/SecLabTable';
+export type { SecLabTableProps, SecLabTableColumn, } from './components/SecLabTable/SecLabTable';
+export { SecLabDateTimeRangePicker } from './components/SecLabDateTimeRangePicker/SecLabDateTimeRangePicker';
+export type { SecLabDateTimeRangePickerProps, DateTimeRangeValue, ShortcutOption, } from './components/SecLabDateTimeRangePicker/SecLabDateTimeRangePicker';