@ccn-ui-kit/button 0.1.2

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>;

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

@@ -0,0 +1,43 @@
+import { Component, ExtractPropTypes, InjectionKey, Ref } from 'vue';
+
+export declare const tabsProps: {
+    /** 当前激活页签名（v-model） */
+    readonly modelValue: {
+        readonly type: [StringConstructor, NumberConstructor];
+        readonly default: "";
+    };
+    /** 页签类型：''（下划线） | card | border-card */
+    readonly type: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 全局默认是否可关闭（TabPane 可用 closable 单独覆盖） */
+    readonly closable: BooleanConstructor;
+};
+export declare const tabsEmits: {
+    'update:modelValue': (name: string | number) => boolean;
+    /** 点击页签时触发，参数为页签名 */
+    'tab-click': (name: string | number) => boolean;
+    /** 点击关闭按钮时触发，由外部负责移除对应数据 */
+    'tab-remove': (name: string | number) => boolean;
+};
+export type TabsProps = ExtractPropTypes<typeof tabsProps>;
+/** TabPane 注册到 Tabs 时的页签状态 */
+export interface PaneState {
+    name: string | number;
+    label: string;
+    disabled: boolean;
+    /** 是否可关闭：缺省继承 Tabs 的 closable */
+    closable?: boolean;
+    /** 自定义页签头渲染（TabPane 的 #label 插槽） */
+    labelSlot?: Component;
+}
+/** 提供给 TabPane 的上下文 */
+export interface TabsContext {
+    activeName: Ref<string | number>;
+    type: string;
+    closable: boolean;
+    registerPane: (pane: PaneState) => void;
+    unregisterPane: (name: string | number) => void;
+}
+export declare const tabsContextKey: InjectionKey<TabsContext>;

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

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

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

@@ -0,0 +1,134 @@
+import { ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue';
+
+/** 树节点原始数据（字段名可用 props 配置） */
+export interface TreeData {
+    [key: string]: unknown;
+    children?: TreeData[];
+}
+/** 节点字段映射配置 */
+export interface TreePropsConfig {
+    /** 节点显示文案字段 */
+    label?: string;
+    /** 子节点数组字段 */
+    children?: string;
+    /** 禁用字段 */
+    disabled?: string;
+    /** 叶子标记字段（配合 lazy 使用） */
+    isLeaf?: string;
+    /** 节点唯一键字段 */
+    key?: string;
+}
+export declare const defaultTreePropsConfig: TreePropsConfig;
+/** 节点唯一键（统一为 string | number） */
+export type KeyType = string | number;
+/** 组件内部使用的树节点模型（由 data 构建，含父/子引用与层级） */
+export interface TreeNode {
+    key: KeyType;
+    data: TreeData;
+    parent: TreeNode | null;
+    children: TreeNode[];
+    level: number;
+    isLeaf: boolean;
+    isLazy: boolean;
+    path: string;
+}
+/** 懒加载参数：根节点 load 时 node 为 null */
+export interface TreeNodeLoadArg {
+    key: KeyType;
+    level: number;
+    data: TreeData;
+}
+export type TreeNodeLoader = (node: TreeNodeLoadArg | null, resolve: (children: TreeData[]) => void) => void;
+export declare const treeProps: {
+    /** 树数据 */
+    readonly data: {
+        readonly type: PropType<TreeData[]>;
+        readonly default: () => never[];
+    };
+    /** 字段映射：{ label, children, disabled, isLeaf, key }，缺省用默认字段名 */
+    readonly props: {
+        readonly type: PropType<TreePropsConfig>;
+        readonly default: () => {};
+    };
+    /** 节点唯一键字段，缺省取 props.key */
+    readonly nodeKey: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 是否展示复选框 */
+    readonly showCheckbox: BooleanConstructor;
+    /** 勾选是否严格（父子不联动，仅影响复选框） */
+    readonly checkStrictly: BooleanConstructor;
+    /** 默认展开所有节点 */
+    readonly defaultExpandAll: BooleanConstructor;
+    /** 默认展开的节点 key 列表 */
+    readonly defaultExpandedKeys: {
+        readonly type: PropType<KeyType[]>;
+        readonly default: () => never[];
+    };
+    /** 初始勾选的节点 key 列表（可在外部用 ref.setCheckedKeys 再控制） */
+    readonly defaultCheckedKeys: {
+        readonly type: PropType<KeyType[]>;
+        readonly default: () => never[];
+    };
+    /** 点击节点是否展开/收起（默认 true） */
+    readonly expandOnClickNode: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 当前选中节点 key（v-model:current-node-key） */
+    readonly currentNodeKey: {
+        readonly type: [StringConstructor, NumberConstructor];
+        readonly default: null;
+    };
+    /** 懒加载（需配合 load 使用） */
+    readonly lazy: BooleanConstructor;
+    /** 懒加载函数：(node, resolve) => void */
+    readonly load: {
+        readonly type: PropType<TreeNodeLoader>;
+        readonly default: undefined;
+    };
+    /** 空数据提示文案 */
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+};
+export declare const treeEmits: {
+    'update:current-node-key': null;
+    'update:checked-keys': null;
+    /** 点击节点：node / data / 原生事件 */
+    'node-click': (node: TreeNode, data: TreeData, e: MouseEvent) => boolean;
+    /** 节点展开 */
+    'node-expand': () => boolean;
+    /** 节点收起 */
+    'node-collapse': () => boolean;
+    /** 复选框勾选状态改变 */
+    check: (node: TreeNode, data: TreeData) => boolean;
+    /** 节点勾选状态变化（含级联影响的节点） */
+    'check-change': (node: TreeNode, data: TreeData, checked: boolean) => boolean;
+    /** 右键节点 */
+    'node-contextmenu': (e: MouseEvent, data: TreeData, node: TreeNode) => boolean;
+};
+export type TreeProps = ExtractPropTypes<typeof treeProps>;
+/** 提供给内部 UiTreeNode 的共享上下文 */
+export interface TreeContext {
+    config: ComputedRef<Required<TreePropsConfig>>;
+    nodeKeyField: ComputedRef<string>;
+    expandedKeys: Ref<Set<KeyType>>;
+    checkedKeys: Ref<Set<KeyType>>;
+    halfCheckedKeys: Ref<Set<KeyType>>;
+    selectedKey: Ref<KeyType | null>;
+    loadingKeys: Ref<Set<KeyType>>;
+    showCheckbox: ComputedRef<boolean>;
+    checkStrictly: ComputedRef<boolean>;
+    expandOnClickNode: ComputedRef<boolean>;
+    lazy: ComputedRef<boolean>;
+    isDisabledNode: (node: TreeNode) => boolean;
+    toggleExpand: (node: TreeNode) => void;
+    handleNodeClick: (node: TreeNode, data: TreeData, e: MouseEvent) => void;
+    handleNodeContextMenu: (node: TreeNode, data: TreeData, e: MouseEvent) => void;
+    toggleCheck: (node: TreeNode, data: TreeData) => void;
+    loadNodeData: (node: TreeNode) => void;
+}
+export declare const treeContextKey: InjectionKey<TreeContext>;

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

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

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

@@ -0,0 +1,103 @@
+import { ExtractPropTypes, PropType } from 'vue';
+
+/** 文件上传状态 */
+export type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail';
+/** 文件列表展示类型 */
+export type UploadListType = 'text' | 'picture' | 'picture-card';
+/** 列表中的单个文件 */
+export interface UploadFile {
+    /** 组件内唯一标识（新增时自增生成） */
+    uid: number;
+    /** 文件名 */
+    name: string;
+    /** 文件大小（字节） */
+    size: number;
+    /** MIME 类型 */
+    type: string;
+    /** 当前上传状态 */
+    status: UploadStatus;
+    /** 上传进度 0-100 */
+    percentage: number;
+    /** 原始 File 对象 */
+    raw: File;
+    /** 本地预览地址（仅图片，blob: URL） */
+    url?: string;
+    /** 上传成功/失败后的响应 */
+    response?: unknown;
+}
+export declare const uploadProps: {
+    /** 上传请求的 URL；留空时不发起请求，文件直接标记为成功（便于无后端演示） */
+    readonly action: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** FormData 中文件字段的 key */
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: "file";
+    };
+    /** 是否允许多选 */
+    readonly multiple: BooleanConstructor;
+    /** 原生 input 的 accept，如 'image/*'、'.zip,.rar' */
+    readonly accept: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 禁用上传 */
+    readonly disabled: BooleanConstructor;
+    /** 最大文件数，0 表示不限制 */
+    readonly limit: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 自定义请求头 */
+    readonly headers: {
+        readonly type: PropType<Record<string, string>>;
+        readonly default: () => {};
+    };
+    /** 附加的 FormData 字段 */
+    readonly data: {
+        readonly type: PropType<Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    /** 跨域时是否携带 cookie */
+    readonly withCredentials: BooleanConstructor;
+    /** 是否支持拖拽上传（将触发器区域变成拖拽区） */
+    readonly drag: BooleanConstructor;
+    /** 选择文件后是否立即上传；false 时仅加入列表，等待手动触发 */
+    readonly autoUpload: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 是否展示文件列表 */
+    readonly showFileList: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 列表展示类型 */
+    readonly listType: {
+        readonly type: PropType<UploadListType>;
+        readonly default: "text";
+    };
+    /** 受控文件列表（配合 v-model:file-list 使用） */
+    readonly fileList: {
+        readonly type: PropType<UploadFile[]>;
+        readonly default: () => never[];
+    };
+};
+export declare const uploadEmits: {
+    readonly 'update:file-list': (files: UploadFile[]) => boolean;
+    /** 文件列表变化（新增 / 移除） */
+    readonly change: (files: UploadFile[]) => boolean;
+    /** 上传成功 */
+    readonly success: (file: UploadFile, response?: unknown) => boolean;
+    /** 上传失败 */
+    readonly error: (file: UploadFile, error: unknown) => boolean;
+    /** 上传进度 */
+    readonly progress: (file: UploadFile, percent: number) => boolean;
+    /** 移除文件 */
+    readonly remove: (file: UploadFile) => boolean;
+    /** 超出 limit 限制 */
+    readonly exceed: (files: File[], limit: number) => boolean;
+};
+export type UploadProps = ExtractPropTypes<typeof uploadProps>;

package/dist/packages/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './loading';
+export * from './permission';

package/dist/packages/directives/loading/index.d.ts

@@ -0,0 +1,11 @@
+import { Directive } from 'vue';
+
+/**
+ * v-loading 指令
+ * 用法：
+ *   v-loading="true"                布尔开关
+ *   v-loading="'加载中...'"          字符串作为提示文案
+ *   v-loading.fullscreen="true"     全屏遮罩
+ * 内部复用 Loading 组件渲染遮罩。
+ */
+export declare const vLoading: Directive<HTMLElement>;

package/dist/packages/directives/permission/index.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from 'vue';
+
+export declare const vPermission: Directive;

package/dist/packages/ui-kit/index.d.ts

@@ -0,0 +1,34 @@
+import { App } from 'vue';
+
+export declare function install(app: App): void;
+declare const _default: {
+    install: typeof install;
+};
+export default _default;
+export * from '../components/button';
+export * from '../components/input';
+export * from '../components/badge';
+export * from '../components/breadcrumb';
+export * from '../components/date-picker';
+export * from '../components/descriptions';
+export * from '../components/divider';
+export * from '../components/dropdown';
+export * from '../components/icon';
+export * from '../components/link';
+export * from '../components/loading';
+export * from '../components/menu';
+export * from '../components/message';
+export * from '../components/modal';
+export * from '../components/notification';
+export * from '../components/pagination';
+export * from '../components/popconfirm';
+export * from '../components/form';
+export * from '../components/table';
+export * from '../components/tree';
+export * from '../components/tabs';
+export * from '../components/rich-editor';
+export * from '../components/select';
+export * from '../components/space';
+export * from '../components/steps';
+export * from '../components/upload';
+export * from '../directives';

package/dist/packages/utils/dom.d.ts

@@ -0,0 +1,5 @@
+export declare function addClass(el: HTMLElement, cls: string): void;
+export declare function removeClass(el: HTMLElement, cls: string): void;
+export declare function hasClass(el: HTMLElement, cls: string): boolean;
+export declare function getScrollTop(el?: Element | Window): number;
+export declare function isServer(): boolean;

package/dist/packages/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dom';
+export * from './vue-helper';
+export * from './types';

package/dist/packages/utils/types.d.ts

@@ -0,0 +1,7 @@
+export type Size = 'large' | 'medium' | 'small';
+export type Type = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export interface Pagination {
+    page: number;
+    pageSize: number;
+    total: number;
+}

package/dist/packages/utils/vue-helper.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+
+export type SFCWithInstall<T> = T & {
+    install: (app: App) => void;
+};
+/**
+ * 给组件挂载 install 方法，使其可通过 app.use() 注册
+ */
+export declare function withInstall<T>(component: T, name: string): SFCWithInstall<T>;

package/dist/play/main.d.ts

@@ -0,0 +1 @@
+

package/dist/play/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@ccn-ui-kit/button",
+  "version": "0.1.2",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/packages/components/button/index.d.ts",
+  "files": [
+    "dist",
+    "style"
+  ],
+  "sideEffects": [
+    "**/*.scss"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/packages/components/button/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style": "./style/index.scss",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  }
+}