@ccn-ui-kit/tree 0.1.2

package/dist/packages/components/menu/src/sub-menu.d.ts

@@ -0,0 +1,12 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const subMenuProps: {
+    /** 唯一索引，用于控制展开/收起 */
+    readonly index: {
+        readonly type: StringConstructor;
+        readonly required: true;
+    };
+    /** 是否禁用展开 */
+    readonly disabled: BooleanConstructor;
+};
+export type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;

package/dist/packages/components/message/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Message } from './src/message.vue';
+import { message } from './src/manager';
+
+export declare const MessagePlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Message, message };
+export default message;
+export * from './src/message';
+export * from './src/manager';

package/dist/packages/components/message/src/manager.d.ts

@@ -0,0 +1,14 @@
+import { VNode } from 'vue';
+import { MessageHandler, MessageOptions } from './message';
+
+type MessageShorthand = (message: string | VNode, options?: Omit<MessageOptions, 'message' | 'type'>) => MessageHandler;
+/** message() 函数本身及其快捷方法（success/warning/info/error） */
+export interface MessageFn {
+    (options: MessageOptions | string): MessageHandler;
+    success: MessageShorthand;
+    warning: MessageShorthand;
+    info: MessageShorthand;
+    error: MessageShorthand;
+}
+export declare const message: MessageFn;
+export {};

package/dist/packages/components/message/src/message.d.ts

@@ -0,0 +1,28 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+
+export type MessageType = 'success' | 'warning' | 'info' | 'error';
+export declare const messageProps: {
+    /** 提示类型，决定图标与配色 */
+    readonly type: {
+        readonly type: PropType<MessageType>;
+        readonly default: "info";
+    };
+    /** 是否显示关闭按钮 */
+    readonly showClose: BooleanConstructor;
+};
+export type MessageProps = ExtractPropTypes<typeof messageProps>;
+/** message() 命令式调用时的选项 */
+export interface MessageOptions {
+    /** 提示内容，支持字符串或 VNode */
+    message: string | VNode;
+    type?: MessageType;
+    /** 自动关闭时间（ms），0 表示不自动关闭，默认 3000 */
+    duration?: number;
+    showClose?: boolean;
+    /** 关闭（含自动关闭）后回调 */
+    onClose?: () => void;
+}
+/** message() 返回的句柄，可手动调用 close() 关闭 */
+export interface MessageHandler {
+    close: () => void;
+}

package/dist/packages/components/modal/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Modal } from './src/modal.vue';
+
+export declare const ModalPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Modal };
+export default Modal;
+export * from './src/modal';

package/dist/packages/components/modal/src/modal.d.ts

@@ -0,0 +1,46 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const modalProps: {
+    /** 是否显示，支持 v-model */
+    readonly modelValue: BooleanConstructor;
+    /** 标题（可被 #header 插槽覆盖） */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 宽度：数字按 px，字符串作为 CSS 长度（如 '30%'） */
+    readonly width: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 500;
+    };
+    /** 距顶部距离；center 生效时忽略 */
+    readonly top: {
+        readonly type: StringConstructor;
+        readonly default: "15vh";
+    };
+    /** 点击遮罩关闭 */
+    readonly closeOnClickMask: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 显示右上角关闭按钮 */
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 垂直居中显示 */
+    readonly center: BooleanConstructor;
+    /** 自定义 z-index；缺省时自动递增，保证后打开的盖在之前之上 */
+    readonly zIndex: NumberConstructor;
+};
+export declare const modalEmits: {
+    /** v-model */
+    'update:modelValue': (value: boolean) => boolean;
+    /** 打开开始 */
+    open: () => boolean;
+    /** 关闭开始 */
+    close: () => boolean;
+    /** 关闭动画结束 */
+    closed: () => boolean;
+};
+export type ModalProps = ExtractPropTypes<typeof modalProps>;

package/dist/packages/components/notification/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Notification } from './src/notification.vue';
+import { notification } from './src/manager';
+
+export declare const NotificationPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Notification, notification };
+export default notification;
+export * from './src/notification';
+export * from './src/manager';

package/dist/packages/components/notification/src/manager.d.ts

@@ -0,0 +1,14 @@
+import { VNode } from 'vue';
+import { NotificationHandler, NotificationOptions } from './notification';
+
+type NotificationShorthand = (message: string | VNode, options?: Omit<NotificationOptions, 'message' | 'type'>) => NotificationHandler;
+/** notification() 函数本身及其快捷方法（success/warning/info/error） */
+export interface NotificationFn {
+    (options: NotificationOptions | string): NotificationHandler;
+    success: NotificationShorthand;
+    warning: NotificationShorthand;
+    info: NotificationShorthand;
+    error: NotificationShorthand;
+}
+export declare const notification: NotificationFn;
+export {};

package/dist/packages/components/notification/src/notification.d.ts

@@ -0,0 +1,44 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+
+export type NotificationType = 'success' | 'warning' | 'info' | 'error';
+export type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export declare const notificationProps: {
+    /** 通知类型，决定图标与配色 */
+    readonly type: {
+        readonly type: PropType<NotificationType>;
+        readonly default: "info";
+    };
+    /** 标题 */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 是否显示关闭按钮 */
+    readonly showClose: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+};
+export type NotificationProps = ExtractPropTypes<typeof notificationProps>;
+/** notification() 命令式调用时的选项 */
+export interface NotificationOptions {
+    /** 正文内容，支持字符串或 VNode */
+    message: string | VNode;
+    /** 标题 */
+    title?: string;
+    type?: NotificationType;
+    /** 自动关闭时间（ms），0 表示不自动关闭，默认 4500 */
+    duration?: number;
+    /** 出现位置，默认右上角 */
+    position?: NotificationPosition;
+    /** 是否显示关闭按钮，默认 true */
+    showClose?: boolean;
+    /** 点击通知卡片回调 */
+    onClick?: () => void;
+    /** 关闭（含自动关闭）后回调 */
+    onClose?: () => void;
+}
+/** notification() 返回的句柄，可手动调用 close() 关闭 */
+export interface NotificationHandler {
+    close: () => void;
+}

package/dist/packages/components/pagination/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Pagination } from './src/pagination.vue';
+
+export declare const PaginationPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Pagination };
+export default Pagination;
+export * from './src/pagination';

package/dist/packages/components/pagination/src/pagination.d.ts

@@ -0,0 +1,30 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const paginationProps: {
+    readonly modelValue: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly total: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly pageSize: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly pagerCount: {
+        readonly type: NumberConstructor;
+        readonly default: 7;
+    };
+    readonly layout: {
+        readonly type: StringConstructor;
+        readonly default: "prev, pager, next";
+    };
+    readonly disabled: BooleanConstructor;
+};
+export declare const paginationEmits: {
+    'update:modelValue': (page: number) => boolean;
+    change: (page: number) => boolean;
+};
+export type PaginationProps = ExtractPropTypes<typeof paginationProps>;

package/dist/packages/components/popconfirm/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Popconfirm } from './src/popconfirm.vue';
+
+export declare const PopconfirmPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Popconfirm };
+export default Popconfirm;
+export * from './src/popconfirm';

package/dist/packages/components/popconfirm/src/popconfirm.d.ts

@@ -0,0 +1,56 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const popconfirmProps: {
+    /** 是否显示（v-model） */
+    readonly modelValue: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 提示文案，也可用 #title 插槽自定义 */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 确认按钮文案 */
+    readonly confirmText: {
+        readonly type: StringConstructor;
+        readonly default: "确定";
+    };
+    /** 取消按钮文案 */
+    readonly cancelText: {
+        readonly type: StringConstructor;
+        readonly default: "取消";
+    };
+    /** 确认按钮类型 */
+    readonly confirmButtonType: {
+        readonly type: StringConstructor;
+        readonly default: "primary";
+    };
+    /** 面板弹出位置 */
+    readonly placement: {
+        readonly type: StringConstructor;
+        readonly default: "top";
+    };
+    /** 面板基础宽度（min-width）：内容更长时随按钮/文案自适应变宽 */
+    readonly width: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 180;
+    };
+    /** 触发方式：click | hover */
+    readonly trigger: {
+        readonly type: StringConstructor;
+        readonly default: "click";
+    };
+    /** 是否禁用 */
+    readonly disabled: BooleanConstructor;
+};
+export declare const popconfirmEmits: {
+    'update:modelValue': (visible: boolean) => boolean;
+    /** 点击确认 */
+    confirm: () => boolean;
+    /** 点击取消 */
+    cancel: () => boolean;
+    /** 面板显隐变化 */
+    'visible-change': (visible: boolean) => boolean;
+};
+export type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>;

package/dist/packages/components/rich-editor/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as RichEditor } from './src/rich-editor.vue';
+
+export declare const RichEditorPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { RichEditor };
+export default RichEditor;
+export * from './src/rich-editor';

package/dist/packages/components/rich-editor/src/rich-editor.d.ts

@@ -0,0 +1,36 @@
+import { ExtractPropTypes, PropType } from 'vue';
+
+export declare const richEditorProps: {
+    /** 富文本 HTML 内容（v-model） */
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    /** 空内容时的占位文案 */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请输入内容";
+    };
+    /** 是否禁用 */
+    readonly disabled: BooleanConstructor;
+    /** 编辑区最小高度：数字按 px，字符串作为 CSS 长度 */
+    readonly minHeight: {
+        readonly type: [NumberConstructor, StringConstructor];
+        readonly default: 120;
+    };
+    /** 工具栏按钮子集（key 见 Tool 配置）；缺省展示全部 */
+    readonly toolbar: {
+        readonly type: PropType<string[]>;
+        readonly default: undefined;
+    };
+};
+export declare const richEditorEmits: {
+    'update:modelValue': (val: string) => boolean;
+    /** 内容变化时触发 */
+    input: (val: string) => boolean;
+    /** 失焦时触发（提交值） */
+    change: (val: string) => boolean;
+    focus: () => boolean;
+    blur: () => boolean;
+};
+export type RichEditorProps = ExtractPropTypes<typeof richEditorProps>;

package/dist/packages/components/select/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Select } from './src/select.vue';
+
+export declare const SelectPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Select };
+export default Select;
+export * from './src/select';

package/dist/packages/components/select/src/select.d.ts

@@ -0,0 +1,45 @@
+import { ExtractPropTypes, PropType } from 'vue';
+
+/** 下拉选项 */
+export interface SelectOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+export type SelectValue = string | number;
+export type SelectValues = SelectValue[];
+export declare const selectProps: {
+    /** 选中值（v-model）。multiple 时为数组 */
+    readonly modelValue: {
+        readonly type: PropType<SelectValue | SelectValues | undefined>;
+        readonly default: undefined;
+    };
+    /** 选项列表 */
+    readonly options: {
+        readonly type: PropType<SelectOption[]>;
+        readonly default: () => SelectOption[];
+    };
+    /** 空状态占位文案 */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    /** 是否禁用 */
+    readonly disabled: BooleanConstructor;
+    /** 是否显示清除按钮 */
+    readonly clearable: BooleanConstructor;
+    /** 是否多选 */
+    readonly multiple: BooleanConstructor;
+    /** 是否可输入过滤 */
+    readonly filterable: BooleanConstructor;
+};
+export declare const selectEmits: {
+    'update:modelValue': (_val: unknown) => boolean;
+    /** 选中值变化时触发（单选为值，多选为数组） */
+    change: (_val: unknown) => boolean;
+    /** 点击清除按钮触发 */
+    clear: () => boolean;
+    /** 下拉面板显隐变化 */
+    'visible-change': (visible: boolean) => boolean;
+};
+export type SelectProps = ExtractPropTypes<typeof selectProps>;

package/dist/packages/components/space/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Space } from './src/space.vue';
+
+export declare const SpacePlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Space };
+export default Space;
+export * from './src/space';

package/dist/packages/components/space/src/space.d.ts

@@ -0,0 +1,33 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+
+export type SpaceDirection = 'horizontal' | 'vertical';
+export type SpaceAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+/** 数字为 px；字符串可为 'small' | 'default' | 'large' 或带单位值（如 '12px'）；数组为 [横向, 纵向] */
+export type SpaceSize = number | string | [number | string, number | string];
+export declare const spaceProps: {
+    /** 间距，见 SpaceSize */
+    readonly size: {
+        readonly type: PropType<SpaceSize>;
+        readonly default: 8;
+    };
+    /** 排列方向 */
+    readonly direction: {
+        readonly type: PropType<SpaceDirection>;
+        readonly default: "horizontal";
+    };
+    /** 交叉轴对齐方式 */
+    readonly align: {
+        readonly type: PropType<SpaceAlign>;
+        readonly default: "start";
+    };
+    /** 横向时是否允许换行 */
+    readonly wrap: BooleanConstructor;
+    /** 是否占满容器宽度并使子项均分 */
+    readonly fill: BooleanConstructor;
+    /** 子项之间的分隔元素，可为 '|' 等字符串或 VNode（如 <UiDivider direction="vertical" />） */
+    readonly spacer: {
+        readonly type: PropType<string | VNode>;
+        readonly default: undefined;
+    };
+};
+export type SpaceProps = ExtractPropTypes<typeof spaceProps>;

package/dist/packages/components/steps/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Steps } from './src/steps.vue';
+import { default as Step } from './src/step.vue';
+
+export declare const StepsPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Steps, Step };
+export default Steps;
+export * from './src/steps';
+export * from './src/step';

package/dist/packages/components/steps/src/step.d.ts

@@ -0,0 +1,28 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import { StepStatus } from './steps';
+
+export declare const stepProps: {
+    /** 步骤标题 */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 步骤描述 */
+    readonly description: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 自定义图标名（复用 Icon 组件） */
+    readonly icon: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 覆盖由父级 active 推断出的状态 */
+    readonly status: {
+        readonly type: PropType<StepStatus>;
+        readonly default: undefined;
+    };
+    /** 是否禁用 */
+    readonly disabled: BooleanConstructor;
+};
+export type StepProps = ExtractPropTypes<typeof stepProps>;

package/dist/packages/components/steps/src/steps.d.ts

@@ -0,0 +1,46 @@
+import { ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+
+export type StepStatus = 'wait' | 'process' | 'finish' | 'error' | 'success';
+export type StepsDirection = 'horizontal' | 'vertical';
+export declare const stepsProps: {
+    /** 当前激活步骤下标（0 起，-1 表示全部处于等待） */
+    readonly active: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 排列方向 */
+    readonly direction: {
+        readonly type: PropType<StepsDirection>;
+        readonly default: "horizontal";
+    };
+    /** 当前激活步骤的状态 */
+    readonly processStatus: {
+        readonly type: PropType<StepStatus>;
+        readonly default: "process";
+    };
+    /** 已走过步骤的状态 */
+    readonly finishStatus: {
+        readonly type: PropType<StepStatus>;
+        readonly default: "finish";
+    };
+    /** 垂直方向时标题与描述是否居中 */
+    readonly alignCenter: BooleanConstructor;
+};
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;
+/** Step 自注册到 Steps 的状态（父级据以计算下标与总数） */
+export interface StepState {
+    status?: StepStatus;
+    disabled: boolean;
+}
+/** 提供给 Step 的上下文 */
+export interface StepsContext {
+    steps: Ref<StepState[]>;
+    active: Ref<number>;
+    direction: Ref<StepsDirection>;
+    processStatus: Ref<StepStatus>;
+    finishStatus: Ref<StepStatus>;
+    alignCenter: Ref<boolean>;
+    registerStep: (step: StepState) => void;
+    unregisterStep: (step: StepState) => void;
+}
+export declare const stepsContextKey: InjectionKey<StepsContext>;

package/dist/packages/components/table/index.d.ts

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+import { default as Table } from './src/table.vue';
+
+export declare const TablePlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Table };
+export default Table;
+export * from './src/table';

package/dist/packages/components/table/src/table.d.ts

@@ -0,0 +1,56 @@
+import { ExtractPropTypes, PropType } from 'vue';
+
+/** 表格列配置 */
+export interface UiTableColumn {
+    /** 列标题 */
+    label: string;
+    /** 对应数据字段 key（通过 data 行的该字段取值） */
+    prop?: string;
+    /** 列宽：数字按 px，字符串作为 CSS 长度（如 '20%'） */
+    width?: string | number;
+    /** 单元格对齐方式 */
+    align?: 'left' | 'center' | 'right';
+    /** 自定义单元格内容插槽名（优先级最高，覆盖 formatter 与默认取值） */
+    slot?: string;
+    /** 自定义表头插槽名 */
+    headerSlot?: string;
+    /** 单元格格式化函数，返回 HTML 字符串 */
+    formatter?: (row: Record<string, unknown>, column: UiTableColumn, cellValue: unknown, index: number) => string;
+    /** 是否可排序：点击表头升序 → 降序 → 取消 */
+    sortable?: boolean;
+}
+export declare const tableProps: {
+    /** 表格数据 */
+    readonly data: {
+        readonly type: PropType<Record<string, unknown>[]>;
+        readonly default: () => never[];
+    };
+    /** 列配置 */
+    readonly columns: {
+        readonly type: PropType<UiTableColumn[]>;
+        readonly default: () => never[];
+    };
+    /** 斑马纹行 */
+    readonly stripe: BooleanConstructor;
+    /** 纵向边框线 */
+    readonly border: BooleanConstructor;
+    /** 尺寸：large / medium / small */
+    readonly size: {
+        readonly type: StringConstructor;
+        readonly default: "medium";
+    };
+    /** 空数据文案 */
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+};
+export declare const tableEmits: {
+    /** 排序状态变化：order 为 ascending / descending / null（取消排序） */
+    readonly 'sort-change': (payload: {
+        column: UiTableColumn;
+        prop: string;
+        order: "ascending" | "descending" | null;
+    }) => boolean;
+};
+export type TableProps = ExtractPropTypes<typeof tableProps>;

package/dist/packages/components/tabs/index.d.ts

@@ -0,0 +1,12 @@
+import { App } from 'vue';
+import { default as Tabs } from './src/tabs.vue';
+import { default as TabPane } from './src/tab-pane.vue';
+
+export declare const TabsPlugin: {
+    name: string;
+    install(app: App): void;
+};
+export { Tabs, TabPane };
+export default Tabs;
+export * from './src/tabs';
+export * from './src/tab-pane';

package/dist/packages/components/tabs/src/tab-pane.d.ts

@@ -0,0 +1,22 @@
+import { ExtractPropTypes } from 'vue';
+
+export declare const tabPaneProps: {
+    /** 唯一标识，与 Tabs 的 v-model 对应 */
+    readonly name: {
+        readonly type: [StringConstructor, NumberConstructor];
+        readonly required: true;
+    };
+    /** 页签标题（可用 #label 插槽完全自定义） */
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 是否禁用 */
+    readonly disabled: BooleanConstructor;
+    /** 是否显示关闭按钮：缺省继承 Tabs 的 closable */
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
+};
+export type TabPaneProps = ExtractPropTypes<typeof tabPaneProps>;