@seclab-dev/vue 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 Vue 3 基础组件库。
+- 提供按钮、输入、选择、开关、复选框、日期范围和表单组件。
+- 提供表格、分页、标签、描述列表、卡片和空状态组件。
+- 提供弹窗、抽屉、模态框、菜单、标签页和面包屑组件。
+- 提供提示、通知、加载、告警和统一 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,62 @@
+# @seclab-dev/vue
+
+SecLab Vue 3 基础组件库，实现 SecLab Design Language（SDL）的通用交互和视觉规范。
+
+## 安装
+
+```bash
+pnpm add @seclab-dev/vue @seclab-dev/icons @seclab-dev/tokens
+```
+
+项目需要安装 Vue 3：
+
+```bash
+pnpm add vue
+```
+
+## 样式
+
+在全局样式入口导入主题变量和组件样式：
+
+```css
+@import "@seclab-dev/tokens/index.css";
+@import "@seclab-dev/vue/style.css";
+```
+
+## 使用
+
+组件采用按需导入：
+
+```vue
+<script setup lang="ts">
+import { SecLabButton, SecLabIcon, SecLabInput } from "@seclab-dev/vue";
+
+const keyword = defineModel<string>({ default: "" });
+</script>
+
+<template>
+  <SecLabInput v-model="keyword" placeholder="搜索" />
+  <SecLabButton type="primary">
+    <SecLabIcon name="search" :size="16" />
+    查询
+  </SecLabButton>
+</template>
+```
+
+## 组件范围
+
+- 操作：按钮、操作菜单
+- 输入：输入框、选择器、开关、复选框、日期时间范围
+- 数据：表格、分页、标签、描述列表
+- 容器：卡片、对话框、抽屉、模态框
+- 反馈：告警、通知、加载、空状态、提示
+- 导航：菜单、标签页、面包屑
+
+组件的实际 Props、事件和类型声明以发布包中的 TypeScript 类型为准。
+
+## 约束
+
+- 组件不依赖业务 API、Pinia Store 或 Vue Router。
+- 视觉变量由 `@seclab-dev/tokens` 提供。
+- 图标由 `@seclab-dev/icons` 提供。
+- `vue` 是 peer dependency，不会被组件库重复打包。

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

@@ -0,0 +1,24 @@
+interface Action {
+    label: string;
+    class?: string;
+    icon?: string;
+    disabled?: boolean;
+    tooltip?: string;
+    handler: () => void;
+}
+type __VLS_Props = {
+    /** 操作列表 */
+    actions: Action[];
+    /** 按钮文案 */
+    label?: string;
+    /** 是否禁用菜单入口 */
+    disabled?: boolean;
+    /** 菜单项默认图标 */
+    defaultIcon?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+    defaultIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,37 @@
+/**
+ * @file SecLabAlert.vue
+ * @description SecLab 平台自研通知横幅组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 警告标题 */
+    title?: string;
+    /** 警告描述 (如果有 title, 则在下方显示) */
+    description?: string;
+    /** 警告类型 */
+    type?: "success" | "warning" | "error" | "info";
+    /** 是否显示图标 */
+    showIcon?: boolean;
+    /** 是否可关闭 */
+    closable?: boolean;
+}
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    type: "success" | "warning" | "error" | "info";
+    showIcon: boolean;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,23 @@
+/**
+ * @file SecLabBreadcrumb.vue
+ * @description SecLab 平台自研面包屑导航容器。
+ */
+interface Props {
+    /** 分隔符 */
+    separator?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,36 @@
+/**
+ * @file SecLabButton.vue
+ * @description SecLab 平台自研按钮组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 按钮类型 */
+    type?: "primary" | "secondary" | "danger" | "warning" | "info";
+    /** 按钮尺寸 */
+    size?: "small" | "default" | "large";
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "small" | "default" | "large";
+    type: "primary" | "secondary" | "danger" | "warning" | "info";
+    disabled: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'vue';
+/**
+ * @file SecLabCard.vue
+ * @description SecLab 平台自研卡片组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 阴影显示时机 */
+    shadow?: "always" | "hover" | "never";
+    /** 内容区自定义样式 */
+    contentStyle?: CSSProperties;
+    /** 默认插槽容器语义 */
+    contentRole?: "content" | "header";
+    /** 内容区是否撑满高度 (用于包含滚动表格的场景) */
+    fullHeight?: boolean;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    shadow: "always" | "hover" | "never";
+    contentRole: "content" | "header";
+    fullHeight: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,31 @@
+/**
+ * @file SecLabCheckbox.vue
+ * @description SecLab 平台自研复选框组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 绑定值 */
+    modelValue: boolean;
+    /** 禁用状态 */
+    disabled?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    change: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,53 @@
+/**
+ * @file SecLabDateTimeRangePicker.vue
+ * @description SecLab 自研日期时间范围选择器，支持快捷范围、日历选择与时间列表选择。
+ */
+export interface DateTimeRangeValue {
+    startAt: number | null;
+    endAt: number | null;
+}
+interface ShortcutOption {
+    label: string;
+    value: "15m" | "1h" | "24h" | "7d" | "today";
+}
+interface Props {
+    /** 绑定的时间范围，使用 Unix epoch milliseconds。 */
+    modelValue: 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;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: DateTimeRangeValue) => any;
+    apply: (value: DateTimeRangeValue) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: DateTimeRangeValue) => any) | undefined;
+    onApply?: ((value: DateTimeRangeValue) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,41 @@
+/**
+ * @file SecLabDescriptions.vue
+ * @description SecLab 平台自研详情列表组件，用于展示键值对数据。
+ */
+interface DescriptionItem {
+    label: string;
+    value?: string | number | boolean;
+    slot?: string;
+    span?: number;
+}
+interface Props {
+    /** 标题 */
+    title?: string;
+    /** 列表项配置 */
+    items: DescriptionItem[];
+    /** 原始数据对象 (用于插槽渲染) */
+    data?: Record<string, unknown>;
+    /** 列数 */
+    column?: number;
+    /** 是否显示边框 */
+    border?: boolean;
+}
+declare var __VLS_2: string, __VLS_3: {
+    item: DescriptionItem;
+    data: Record<string, unknown> | undefined;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    column: number;
+    border: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,39 @@
+/**
+ * @file SecLabDialog.vue
+ * @description SecLab 平台自研通用对话框 (子窗口) 组件，符合 SDL 设计规范，具有高密度与精致的悬浮工程感。
+ */
+interface Props {
+    /** 对话框是否显示 */
+    visible: boolean;
+    /** 对话框标题 */
+    title: string;
+    /** 自定义宽度，支持 px 或百分比，默认值为 500px */
+    width?: string;
+    /** 点击遮罩层是否允许自动关闭对话框，默认为 true */
+    closeOnClickOverlay?: boolean;
+    /** 对话框遮罩层级，默认使用 SDL modal 层级 */
+    zIndex?: number | string;
+}
+declare var __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    width: string;
+    closeOnClickOverlay: boolean;
+    zIndex: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,35 @@
+/**
+ * @file SecLabDrawer.vue
+ * @description SecLab 平台自研侧边抽屉组件，严格遵循 SDL 设计规范。
+ */
+type __VLS_Props = {
+    modelValue: boolean;
+    title?: string;
+    width?: string;
+    closeOnOverlay?: boolean;
+};
+declare var __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    footer?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    title: string;
+    width: string;
+    closeOnOverlay: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+interface Props {
+    /** 描述文字 */
+    description?: string;
+    /** SDL 图标名称。 */
+    icon?: string;
+}
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_8) => any;
+} & {
+    extra?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    description: string;
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+/**
+ * @file SecLabFormItem.vue
+ * @description SecLab 平台自研表单项组件，处理标签和布局。
+ */
+interface Props {
+    /** 标签文本 */
+    label?: string;
+    /** 是否必填 (显示红星) */
+    required?: boolean;
+    /** 提示文本 */
+    hint?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+import { IconNamespace } from '@seclab-dev/icons';
+interface Props {
+    name?: string | null;
+    namespace?: IconNamespace;
+    size?: number | string;
+    label?: string;
+    decorative?: boolean;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    name: string | null;
+    namespace: IconNamespace;
+    size: number | string;
+    label: string;
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,49 @@
+/**
+ * @file SecLabInput.vue
+ * @description SecLab 平台自研输入框组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 绑定值 */
+    modelValue: string | number | null;
+    /** 输入类型 */
+    type?: "text" | "password" | "textarea" | "number" | "datetime-local";
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 最大长度 */
+    maxlength?: number;
+    /** 行数 (仅 textarea 有效) */
+    rows?: number;
+    /** 是否显示密码切换按钮 */
+    showPassword?: boolean;
+    /** 最小值 (仅 number 有效) */
+    min?: number;
+    /** 最大值 (仅 number 有效) */
+    max?: number;
+    /** 步长 (仅 number 有效) */
+    step?: number;
+    /** 自动填充属性 */
+    autocomplete?: string;
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    type: "text" | "password" | "textarea" | "number" | "datetime-local";
+    disabled: boolean;
+    readonly: boolean;
+    rows: number;
+    showPassword: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+/**
+ * @file SecLabLoading.vue
+ * @description SecLab 平台自研加载遮罩组件，严格遵循 SDL 设计规范。
+ */
+interface Props {
+    /** 是否显示加载中 */
+    loading: boolean;
+    /** 提示文字 */
+    text?: string;
+    /** 是否覆盖父容器 */
+    cover?: boolean;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,28 @@
+/**
+ * @file SecLabMenu.vue
+ * @description SecLab 平台自研侧边栏菜单组件，支持分组和单选高亮，严格遵循 SDL 设计规范。
+ */
+interface MenuItem {
+    key: string;
+    label: string;
+}
+interface MenuCategory {
+    key: string;
+    label: string;
+    children: MenuItem[];
+}
+interface Props {
+    /** 当前选中的菜单项 key */
+    modelValue: string;
+    /** 菜单项列表 (带分组) */
+    items: MenuCategory[];
+}
+declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;