ruanno-ui 0.0.0-stage → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 仰oooo
+
+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

@@ -1,3 +1,71 @@
-# Temporary Holding Version
+# ruanno-ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+为 AI 编程时代而生的 Vue 3 跨端组件库：桌面 Web + 移动 H5 一套代码，97 个组件，5 套主题，每个组件自带机器可读 `meta.json` 契约。
+
+## 安装
+
+```bash
+npm install ruanno-ui
+# 或
+pnpm add ruanno-ui
+```
+
+要求 Vue `>= 3.5`。
+
+## 快速开始
+
+```ts
+import { createApp } from "vue";
+import { createRuannoUI, setRnTheme } from "ruanno-ui";
+import "ruanno-ui/style.css";
+
+const app = createApp(App);
+app.use(createRuannoUI());
+setRnTheme("aurora"); // classic / mono / mono-dark / aurora / aurora-dark
+```
+
+```vue
+<Button variant="primary" @click="showToast('你好 ruanno-ui')">开始</Button>
+```
+
+## 按需引入（推荐）
+
+```bash
+pnpm add -D unplugin-vue-components unplugin-auto-import @ruanno-ui/resolver
+```
+
+```ts
+// vite.config.ts
+import Components from "unplugin-vue-components/vite";
+import AutoImport from "unplugin-auto-import/vite";
+import { RuannoUIResolver, RuannoUIAutoImports } from "@ruanno-ui/resolver";
+
+export default {
+  plugins: [
+    Components({ resolvers: [RuannoUIResolver()] }),
+    AutoImport({ imports: [RuannoUIAutoImports] }),
+  ],
+};
+```
+
+## 特性
+
+- **97 个组件**：基础 / 表单（含校验）/ 数据展示 / 图表（6 类 SVG 图表）/ 验证码（3 种）/ 富文本编辑器 / 反馈 / 导航 / 布局 / 移动交互
+- **AI 原生契约**：每组件一份 `meta.json`（props / events / slots / 示例），全库 `llms.txt`，AI 编码助手开箱即用
+- **5 套主题**：`setRnTheme("mono-dark")` 一行切换；自定义只需覆盖 `--rn-*` CSS 变量
+- **跨端**：响应式断点 + 触摸交互 + 安全区适配；另有 uni-app / uni-app X 包（实验性预览）
+- **TypeScript 严格模式**全量类型声明；ESM 产物；SSR 兼容
+
+## 给 AI 编码助手用
+
+- 组件目录自带 `meta.json`：props / events / slots / 示例的机器可读契约
+- 文档站产物含 `llms.txt`（索引）与 `llms-full.txt`（全部组件文档内联），直接投喂给 LLM
+
+## 链接
+
+- 仓库：https://gitee.com/edms/ruanno-ui
+- 文档与在线示例：见仓库 `apps/docs`（`pnpm docs:dev` 本地启动）
+
+## License
+
+MIT

package/dist/chart/palette.d.ts

@@ -0,0 +1,4 @@
+/** 8 色通用图表色板，引用 tokens 的 --rn-color-chart-N，随 5 套主题自动换色 */
+export declare const CHART_COLORS: readonly ["var(--rn-color-chart-1)", "var(--rn-color-chart-2)", "var(--rn-color-chart-3)", "var(--rn-color-chart-4)", "var(--rn-color-chart-5)", "var(--rn-color-chart-6)", "var(--rn-color-chart-7)", "var(--rn-color-chart-8)"];
+/** 按序号取色（超出 8 色循环） */
+export declare function colorOf(index: number): string;

package/dist/chart/scales.d.ts

@@ -0,0 +1,24 @@
+/** 数值比例尺：数值域 → 像素域，附带刻度与格式化函数 */
+export interface NumericScale {
+    (v: number): number;
+    ticks: number[];
+    format: (v: number) => string;
+}
+/** 生成约 count 个「整齐」刻度值 */
+export declare function niceTicks(min: number, max: number, count?: number): number[];
+/** 数值域映射到像素域 */
+export declare function linearScale(domain: [number, number], range: [number, number]): NumericScale;
+/** 类别（band）比例尺：离散名称 → 条带位置/宽度 */
+export interface BandScale {
+    step: number;
+    bandwidth: number;
+    pos(name: string): number;
+    center(name: string): number;
+}
+export declare function bandScale(names: string[], range: [number, number], padding?: number): BandScale;
+/** 数值域：按需包含 0，并加 5% 边距 */
+export declare function niceDomain(min: number, max: number, includeZero?: boolean): [number, number];
+/** 千分位完整数值（tooltip 用） */
+export declare function formatNumber(v: number, decimals?: number): string;
+/** 紧凑计数（坐标轴大数值用）：k / M / B */
+export declare function compact(v: number): string;

package/dist/chart/tooltip.d.ts

@@ -0,0 +1,18 @@
+export interface TooltipItem {
+    color: string;
+    label: string;
+    value: string;
+}
+export interface TooltipState {
+    visible: boolean;
+    x: number;
+    y: number;
+    items: TooltipItem[];
+}
+export interface TooltipApi extends TooltipState {
+    show(x: number, y: number, items: TooltipItem[]): void;
+    move(x: number, y: number): void;
+    hide(): void;
+}
+/** 图表悬浮提示状态（各图表组件自持一份） */
+export declare function useTooltip(): TooltipApi;

package/dist/chart/types.d.ts

@@ -0,0 +1,38 @@
+/** 图表通用数据（柱/折线等类别-数值类图表） */
+export interface ChartDatum {
+    /** 类目名（x 轴刻度） */
+    name: string;
+    /** 数值 */
+    value: number;
+    /** 可选序列名（多序列分组/堆叠用） */
+    series?: string;
+}
+/** 散点/气泡图数据 */
+export interface ScatterDatum {
+    /** 可选名称（tooltip 展示） */
+    name?: string;
+    x: number;
+    y: number;
+    /** 气泡图半径映射字段，散点图忽略 */
+    size?: number;
+    /** 可选序列名 */
+    series?: string;
+}
+/** 关系图节点 */
+export interface GraphNode {
+    id: string;
+    label?: string;
+    /** 节点半径映射字段，可选 */
+    value?: number;
+}
+/** 关系图连线 */
+export interface GraphLink {
+    source: string;
+    target: string;
+    value?: number;
+}
+/** 图例项（label + 颜色，色值为 CSS 颜色或 var(--rn-*)） */
+export interface LegendItem {
+    label: string;
+    color: string;
+}

package/dist/chart/useChart.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+export interface Point {
+    x: number;
+    y: number;
+}
+/** ResizeObserver 测量容器宽度，返回响应式 width（高度由组件 prop 决定） */
+export declare function useChartWidth(container: Ref<HTMLElement | undefined>): {
+    width: Ref<number, number>;
+};
+/** 鼠标事件相对容器左上角的坐标 */
+export declare function mousePos(e: MouseEvent, container: HTMLElement): Point;

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

@@ -0,0 +1,40 @@
+export interface ActionSheetAction {
+    /** 唯一标识，select 事件原样回传 */
+    name: string;
+    /** 文案 */
+    label: string;
+    /** 危险操作（danger 色） */
+    danger?: boolean;
+    /** 禁用（半透明，不可点击） */
+    disabled?: boolean;
+}
+export interface ActionSheetProps {
+    /** 显隐（v-model） */
+    modelValue?: boolean;
+    /** 标题（可选） */
+    title?: string;
+    /** 操作项 */
+    actions?: ActionSheetAction[];
+    /** 取消按钮文案，空字符串则不显示取消按钮（缺省取 locale 文案 actionsheet.cancel） */
+    cancelText?: string;
+    /** 点击遮罩是否关闭 */
+    maskClosable?: boolean;
+}
+declare const _default: import('vue').DefineComponent<ActionSheetProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    close: () => any;
+    select: (action: ActionSheetAction) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ActionSheetProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSelect?: ((action: ActionSheetAction) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    title: string;
+    actions: ActionSheetAction[];
+    cancelText: string;
+    maskClosable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ActionSheet/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as ActionSheet } from './ActionSheet.vue';
+export { ActionSheet };
+export type { ActionSheetAction, ActionSheetProps } from './ActionSheet.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,34 @@
+export interface AffixProps {
+    /** 距离视口顶部多少像素时吸顶 */
+    offsetTop?: number;
+}
+/** 根据滚动位置切换吸顶状态；元素无渲染盒（隐藏/jsdom）时跳过 */
+declare function update(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+        innerRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AffixProps, {
+    update: typeof update;
+    fixed: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AffixProps> & Readonly<{}>, {
+    offsetTop: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    innerRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Affix/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Affix } from './Affix.vue';
+export { Affix };
+export type { AffixProps } from './Affix.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,25 @@
+export interface AnchorItem {
+    /** 唯一标识 */
+    name: string;
+    /** 显示文本 */
+    label: string;
+    /** 锚点链接，如 "#section-1" */
+    href: string;
+}
+export interface AnchorProps {
+    /** 锚点项 */
+    items?: AnchorItem[];
+    /** 距离视口顶部的偏移量（px），用于 scroll-spy 判定 */
+    offsetTop?: number;
+}
+declare const _default: import('vue').DefineComponent<AnchorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (name: string) => any;
+}, string, import('vue').PublicProps, Readonly<AnchorProps> & Readonly<{
+    onChange?: ((name: string) => any) | undefined;
+}>, {
+    offsetTop: number;
+    items: AnchorItem[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    navRef: HTMLElement;
+}, HTMLElement>;
+export default _default;

package/dist/components/Anchor/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Anchor } from './Anchor.vue';
+export { Anchor };
+export type { AnchorProps, AnchorItem } from './Anchor.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,45 @@
+import { Size } from '../../types';
+export interface AutoCompleteOption {
+    label: string;
+    value: string;
+}
+export interface AutoCompleteProps {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 建议列表：字符串数组或 { label, value } 数组 */
+    suggestions?: (string | AutoCompleteOption)[];
+    /** 占位文本 */
+    placeholder?: string;
+    /** 尺寸 */
+    size?: Size;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 可清空（有值时显示清空按钮） */
+    clearable?: boolean;
+    /** 输入时按包含过滤；false 全量展示 */
+    filterable?: boolean;
+}
+declare const _default: import('vue').DefineComponent<AutoCompleteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string) => any;
+    select: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<AutoCompleteProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    modelValue: string;
+    disabled: boolean;
+    placeholder: string;
+    size: Size;
+    suggestions: (string | AutoCompleteOption)[];
+    clearable: boolean;
+    filterable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
+    inputRef: HTMLInputElement;
+    dropdownRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/AutoComplete/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as AutoComplete } from './AutoComplete.vue';
+export { AutoComplete };
+export type { AutoCompleteProps, AutoCompleteOption } from './AutoComplete.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,21 @@
+import { Size } from '../../types';
+export interface AvatarProps {
+    /** 图片地址；加载失败时回退到 name/icon */
+    src?: string;
+    /** 名称，无图时取首字符展示 */
+    name?: string;
+    /** 尺寸：'sm' 28 / 'md' 36 / 'lg' 44，或自定义 px 数值 */
+    size?: number | Size;
+    /** 形状：circle 圆形，square 圆角方形 */
+    shape?: "circle" | "square";
+    /** 图标名（rn-icon），src/name 都缺省时展示 */
+    icon?: string;
+}
+declare const _default: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+    name: string;
+    size: number | Size;
+    src: string;
+    shape: "circle" | "square";
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Avatar } from './Avatar.vue';
+export { Avatar };
+export type { AvatarProps } from './Avatar.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,21 @@
+export interface BacktopProps {
+    /** 滚动容器选择器，默认监听 window 滚动 */
+    target?: string;
+    /** 滚动超过该高度（px）后显示 */
+    visibilityHeight?: number;
+    /** 距视口右边缘距离（px） */
+    right?: number;
+    /** 距视口下边缘距离（px） */
+    bottom?: number;
+}
+declare const _default: import('vue').DefineComponent<BacktopProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<BacktopProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    target: string;
+    visibilityHeight: number;
+    right: number;
+    bottom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Backtop/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Backtop } from './Backtop.vue';
+export { Backtop };
+export type { BacktopProps } from './Backtop.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,36 @@
+export interface BadgeProps {
+    /** 徽标数值/文本 */
+    value?: string | number;
+    /** 最大值，数值超过时显示 `${max}+` */
+    max?: number;
+    /** 小红点模式（忽略 value） */
+    dot?: boolean;
+    /** value 为 0 时是否显示 */
+    showZero?: boolean;
+    /** 徽标位置微调 [x, y]，单位 px */
+    offset?: [number, number];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+    value: string | number;
+    max: number;
+    dot: boolean;
+    showZero: boolean;
+    offset: [number, number];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Badge } from './Badge.vue';
+export { Badge };
+export type { BadgeProps } from './Badge.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,29 @@
+import { ChartDatum } from '../../chart/types';
+export interface BarChartProps {
+    data: ChartDatum[];
+    title?: string;
+    height?: number;
+    /** 横向条形图 */
+    horizontal?: boolean;
+    /** 多序列堆叠（需 data 带 series 字段） */
+    stacked?: boolean;
+    /** 直方图（柱间无间隙） */
+    histogram?: boolean;
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+}
+declare const _default: import('vue').DefineComponent<BarChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BarChartProps> & Readonly<{}>, {
+    title: string;
+    data: ChartDatum[];
+    height: number;
+    horizontal: boolean;
+    stacked: boolean;
+    histogram: boolean;
+    showLegend: boolean;
+    showGrid: boolean;
+    showTooltip: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    bodyRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/BarChart/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as BarChart } from './BarChart.vue';
+export { BarChart };
+export type { BarChartProps } from './BarChart.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,38 @@
+export interface BreadcrumbItem {
+    /** 文案 */
+    label: string;
+    /** 路由路径；不集成 router，点击仅 emit item-click 由外部处理跳转 */
+    to?: string;
+    /** 外链地址，渲染为 <a href> */
+    href?: string;
+}
+export interface BreadcrumbProps {
+    /** 面包屑项，最后一项视为当前页 */
+    items?: BreadcrumbItem[];
+    /** 分隔符文本 */
+    separator?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "item-click": (item: BreadcrumbItem, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<BreadcrumbProps> & Readonly<{
+    "onItem-click"?: ((item: BreadcrumbItem, index: number) => any) | undefined;
+}>, {
+    items: BreadcrumbItem[];
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Breadcrumb/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Breadcrumb } from './Breadcrumb.vue';
+export { Breadcrumb };
+export type { BreadcrumbProps, BreadcrumbItem } from './Breadcrumb.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

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

@@ -0,0 +1,43 @@
+import { Size } from '../../types';
+export interface ButtonProps {
+    /** 变体 */
+    variant?: "primary" | "secondary" | "ghost" | "danger";
+    /** 尺寸 */
+    size?: Size;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 加载中（自动禁用并显示 spinner） */
+    loading?: boolean;
+    /** 撑满父容器宽度（移动端常用） */
+    block?: boolean;
+    /** 原生 type */
+    nativeType?: "button" | "submit" | "reset";
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: Size;
+    block: boolean;
+    loading: boolean;
+    variant: "primary" | "secondary" | "ghost" | "danger";
+    nativeType: "button" | "submit" | "reset";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+import { default as Button } from './Button.vue';
+export { Button };
+export type { ButtonProps } from './Button.vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;