dydx-naive-ui-for-vue 0.1.2

package/dist/types/components/NaiveForm/types/schema.d.ts

@@ -0,0 +1,118 @@
+import { Component, VNode } from 'vue';
+import { FormItemRule, FormItemGiProps } from 'naive-ui';
+import { DydxUploadProps } from '../../NaiveUpload';
+import { DydxIconSelectProps } from '../../IconSelect';
+import type * as NaiveUI from 'naive-ui';
+export type DeepKeys<T> = T extends object ? {
+    [K in keyof T]-?: K extends string | number ? T[K] extends object ? `${K}` | `${K}.${DeepKeys<T[K]>}` : `${K}` : never;
+}[keyof T] : never;
+export type NativeFieldType = 'input' | 'input-number' | 'select' | 'date-picker' | 'time-picker' | 'switch' | 'slider' | 'radio-group' | 'checkbox-group' | 'cascader' | 'tree-select' | 'upload' | 'rate' | 'color-picker' | 'auto-complete' | 'dynamic-input' | 'dynamic-tags' | 'mention' | 'image-upload' | 'file-upload' | 'icon-select';
+export interface ComponentPropsMap {
+    'input': NaiveUI.InputProps;
+    'input-number': NaiveUI.InputNumberProps;
+    'select': NaiveUI.SelectProps;
+    'date-picker': NaiveUI.DatePickerProps;
+    'time-picker': NaiveUI.TimePickerProps;
+    'switch': NaiveUI.SwitchProps;
+    'slider': NaiveUI.SliderProps;
+    'radio-group': NaiveUI.RadioGroupProps & {
+        options?: Array<Record<string, any>>;
+        labelField?: string;
+        valueField?: string;
+    };
+    'checkbox-group': NaiveUI.CheckboxGroupProps & {
+        options?: Array<Record<string, any>>;
+        labelField?: string;
+        valueField?: string;
+    };
+    'cascader': NaiveUI.CascaderProps;
+    'tree-select': NaiveUI.TreeSelectProps;
+    'upload': NaiveUI.UploadProps;
+    'rate': NaiveUI.RateProps;
+    'color-picker': NaiveUI.ColorPickerProps;
+    'auto-complete': NaiveUI.AutoCompleteProps;
+    'dynamic-input': NaiveUI.DynamicInputProps;
+    'dynamic-tags': NaiveUI.DynamicTagsProps;
+    'mention': NaiveUI.MentionProps;
+    'image-upload': DydxUploadProps;
+    'file-upload': DydxUploadProps;
+    'icon-select': DydxIconSelectProps;
+}
+export interface ResponsiveSpan {
+    /** 超小屏幕 (<640px) */
+    xs?: number;
+    /** 小屏幕 (≥640px) */
+    s?: number;
+    /** 中等屏幕 (≥1024px) */
+    m?: number;
+    /** 大屏幕 (≥1280px) */
+    l?: number;
+    /** 超大屏幕 (≥1536px) */
+    xl?: number;
+    /** 超超大屏幕 (≥1920px) */
+    xxl?: number;
+}
+export interface BaseSchema<T extends Record<string, any>> {
+    label: string | (() => VNode);
+    name: DeepKeys<T>;
+    /**
+     * 该字段占据的列数
+     *
+     * 可以是固定数字或响应式对象，响应式断点：
+     * - xs: <640px (超小屏幕)
+     * - s: ≥640px (小屏幕)
+     * - m: ≥1024px (中等屏幕)
+     * - l: ≥1280px (大屏幕)
+     * - xl: ≥1536px (超大屏幕)
+     * - xxl: ≥1920px (超超大屏幕)
+     */
+    span?: number | FormItemGiProps['span'] | ResponsiveSpan;
+    offset?: number;
+    hidden?: boolean | ((formData: T) => boolean);
+    disabled?: boolean | ((formData: T) => boolean);
+    noRequired?: boolean;
+    rule?: FormItemRule | FormItemRule[] | ((formData: T) => FormItemRule | FormItemRule[]);
+    formItemProps?: Partial<NaiveUI.FormItemProps>;
+    slot?: string;
+}
+export type NativeSchema<T extends Record<string, any>> = {
+    [K in NativeFieldType]: BaseSchema<T> & {
+        type?: K;
+        props?: ComponentPropsMap[K];
+    };
+}[NativeFieldType];
+export interface InputSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type?: 'input';
+    props?: ComponentPropsMap['input'];
+}
+export interface SelectSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'select';
+    props?: ComponentPropsMap['select'];
+}
+export interface RadioGroupSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'radio-group';
+    props?: ComponentPropsMap['radio-group'];
+}
+export interface CheckboxGroupSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'checkbox-group';
+    props?: ComponentPropsMap['checkbox-group'];
+}
+export interface DatePickerSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'date-picker';
+    props?: ComponentPropsMap['date-picker'];
+}
+export interface InputNumberSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'input-number';
+    props?: ComponentPropsMap['input-number'];
+}
+export interface CustomSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'custom';
+    component: Component | string;
+    props?: Record<string, any>;
+    modelPropName?: string;
+    modelEventName?: string;
+}
+export interface SlotSchema<T extends Record<string, any>> extends BaseSchema<T> {
+    type: 'slot';
+}
+export type FormSchema<T extends Record<string, any>> = InputSchema<T> | SelectSchema<T> | RadioGroupSchema<T> | CheckboxGroupSchema<T> | DatePickerSchema<T> | InputNumberSchema<T> | NativeSchema<T> | CustomSchema<T> | SlotSchema<T>;

package/dist/types/components/NaiveForm/utils/component-map.d.ts

@@ -0,0 +1,2 @@
+import { NativeFieldType } from '../types';
+export declare const componentMap: Record<NativeFieldType, any>;

package/dist/types/components/NaiveForm/utils/path.d.ts

@@ -0,0 +1,2 @@
+export declare const getValueByPath: <T extends Record<string, any>>(obj: T, path: string) => any;
+export declare const setValueByPath: <T extends Record<string, any>>(obj: T, path: string, value: any) => void;

package/dist/types/components/NaiveTable/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { useColumns } from './useColumns';
+export { usePagination } from './usePagination';
+export { useTableActions } from './useTableActions';
+export { useColumnRender } from './useColumnRender';

package/dist/types/components/NaiveTable/composables/useColumnRender.d.ts

@@ -0,0 +1,24 @@
+import { VNode } from 'vue';
+import { DydxTableColumn, TagOption, ImageColumnConfig, LinkColumnConfig, FileColumnConfig, IconColumnConfig } from '../types';
+/**
+ * 根据列类型渲染内容
+ */
+export declare const renderColumnContent: <T>(value: any, row: T, column: DydxTableColumn<T>) => VNode | string;
+/**
+ * 判断列是否需要自动渲染（有 columnType 且没有自定义 render）
+ */
+export declare const shouldAutoRender: <T>(column: DydxTableColumn<T>) => boolean;
+/**
+ * 列渲染 composable
+ */
+export declare function useColumnRender(): {
+    renderColumnContent: <T>(value: any, row: T, column: DydxTableColumn<T>) => VNode | string;
+    shouldAutoRender: <T>(column: DydxTableColumn<T>) => boolean;
+    renderText: (value: any) => VNode | string;
+    renderLink: (value: any, row: any, config?: LinkColumnConfig) => VNode | string;
+    renderImage: (value: any, config?: ImageColumnConfig) => VNode | string;
+    renderFile: (value: any, row: any, config?: FileColumnConfig) => VNode | string;
+    renderTag: (value: any, options?: TagOption[], labelField?: string, valueField?: string) => VNode | string;
+    renderTags: (value: any, options?: TagOption[], labelField?: string, valueField?: string) => VNode | string;
+    renderIcon: (value: any, config?: IconColumnConfig) => VNode | string;
+};

package/dist/types/components/NaiveTable/composables/useColumns.d.ts

@@ -0,0 +1,34 @@
+import { Ref, ComputedRef } from 'vue';
+import { DataTableColumn } from 'naive-ui';
+import { DydxTableColumns, ActionColumnConfig, ActionEventParams } from '../types';
+export interface ColumnSettingItem {
+    key: string;
+    title: string;
+    visible: boolean;
+    configurable: boolean;
+}
+export interface UseColumnsOptions<T> {
+    columns: DydxTableColumns<T>;
+    actionColumn?: ActionColumnConfig<T>;
+    onView?: (params: ActionEventParams<T>) => void;
+    onEdit?: (params: ActionEventParams<T>) => void;
+    onDelete?: (params: ActionEventParams<T>) => void;
+}
+export interface UseColumnsReturn<T> {
+    /** 最终渲染的列配置 */
+    mergedColumns: ComputedRef<DataTableColumn<T>[]>;
+    /** 可配置的列列表（用于列设置） */
+    configurableColumns: ComputedRef<ColumnSettingItem[]>;
+    /** 当前可见的列 keys */
+    visibleColumnKeys: Ref<string[]>;
+    /** 设置可见列 */
+    setVisibleColumnKeys: (keys: string[]) => void;
+    /** 重置为默认可见列 */
+    resetColumnSetting: () => void;
+    /** 获取可见列 keys */
+    getVisibleColumnKeys: () => string[];
+}
+/**
+ * 列配置处理 composable
+ */
+export declare function useColumns<T>(options: UseColumnsOptions<T>): UseColumnsReturn<T>;

package/dist/types/components/NaiveTable/composables/usePagination.d.ts

@@ -0,0 +1,23 @@
+import { ComputedRef } from 'vue';
+import { PaginationProps } from 'naive-ui';
+import { TablePagination, PaginationFieldNames, PageChangeData } from '../types';
+export interface UsePaginationOptions {
+    pagination?: false | TablePagination;
+    fieldNames?: PaginationFieldNames;
+    onUpdatePagination?: (pagination: TablePagination) => void;
+    onPageChange?: (data: PageChangeData) => void;
+}
+export interface UsePaginationReturn {
+    /** 分页配置，用于传递给 DataTable */
+    paginationConfig: ComputedRef<false | PaginationProps>;
+    /** 处理页码变化 */
+    handlePageChange: (page: number) => void;
+    /** 处理每页条数变化 */
+    handlePageSizeChange: (pageSize: number) => void;
+    /** 获取合并后的字段名 */
+    getFieldNames: () => Required<PaginationFieldNames>;
+}
+/**
+ * 分页逻辑 composable
+ */
+export declare function usePagination(options: UsePaginationOptions): UsePaginationReturn;

package/dist/types/components/NaiveTable/composables/useTableActions.d.ts

@@ -0,0 +1,15 @@
+import { VNode } from 'vue';
+import { ActionColumnConfig, ActionButton, ActionEventParams } from '../types';
+export interface UseTableActionsOptions<T> extends ActionColumnConfig<T> {
+    onView?: (params: ActionEventParams<T>) => void;
+    onEdit?: (params: ActionEventParams<T>) => void;
+    onDelete?: (params: ActionEventParams<T>) => void;
+}
+/**
+ * 操作按钮处理 composable
+ */
+export declare function useTableActions<T>(options: UseTableActionsOptions<T>): {
+    renderActions: (row: T, index: number) => VNode;
+    isButtonVisible: (btn: ActionButton<T>, row: T, index: number) => boolean;
+    isButtonDisabled: (btn: ActionButton<T>, row: T, index: number) => boolean;
+};

package/dist/types/components/NaiveTable/index.d.ts

@@ -0,0 +1,53 @@
+import { default as DydxNaiveTableVue } from './src/DydxNaiveTable.vue';
+export declare const DydxNaiveTable: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
+    attrs: any;
+    slots: {
+        'add-icon'?(_: {}): any;
+        'toolbar-left'?(_: {}): any;
+        'toolbar-right'?(_: {}): any;
+    };
+    emit: ((evt: "view", params: import('./types').ActionEventParams<T>) => void) & ((evt: "delete", params: import('./types').ActionEventParams<T>) => void) & ((evt: "update:pagination", pagination: import('./types').TablePagination) => void) & ((evt: "pageChange", pagination: import('./types').PageChangeData) => void) & ((evt: "update:checkedRowKeys", keys: (string | number)[], rows: T[]) => void) & ((evt: "update:visibleColumns", keys: string[]) => void) & ((evt: "edit", params: import('./types').ActionEventParams<T>) => void);
+}, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: {
+        readonly onView?: ((params: import('./types').ActionEventParams<T>) => any) | undefined;
+        readonly onEdit?: ((params: import('./types').ActionEventParams<T>) => any) | undefined;
+        readonly onDelete?: ((params: import('./types').ActionEventParams<T>) => any) | undefined;
+        readonly onPageChange?: ((pagination: import('./types').PageChangeData) => any) | undefined;
+        readonly "onUpdate:pagination"?: ((pagination: import('./types').TablePagination) => any) | undefined;
+        readonly "onUpdate:checkedRowKeys"?: ((keys: (string | number)[], rows: T[]) => any) | undefined;
+        readonly "onUpdate:visibleColumns"?: ((keys: string[]) => any) | undefined;
+        loading?: boolean | undefined;
+        checkedRowKeys?: (string | number)[] | undefined;
+        remote?: boolean | undefined;
+        data: T[];
+        columns: import('./types').DydxTableColumns<T>;
+        rowKey: keyof T | ((row: T) => string | number);
+        actionColumn?: import('./types').ActionColumnConfig<T> | undefined;
+        showAdd?: boolean | undefined;
+        addButtonText?: string | undefined;
+        onAdd?: (() => void) | undefined;
+        leftButtons?: import('./types').ToolbarButton[] | undefined;
+        showRefresh?: boolean | undefined;
+        onRefresh?: (() => void) | undefined;
+        showColumnSetting?: boolean | undefined;
+        rightButtons?: import('./types').ToolbarButton[] | undefined;
+        pagination?: (false | import('./types').TablePagination) | undefined;
+        paginationFieldNames?: import('./types').PaginationFieldNames | undefined;
+    } & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<import('./types').DydxNaiveTableExpose>): void;
+    attrs: any;
+    slots: {
+        'add-icon'?(_: {}): any;
+        'toolbar-left'?(_: {}): any;
+        'toolbar-right'?(_: {}): any;
+    };
+    emit: ((evt: "view", params: import('./types').ActionEventParams<T>) => void) & ((evt: "delete", params: import('./types').ActionEventParams<T>) => void) & ((evt: "update:pagination", pagination: import('./types').TablePagination) => void) & ((evt: "pageChange", pagination: import('./types').PageChangeData) => void) & ((evt: "update:checkedRowKeys", keys: (string | number)[], rows: T[]) => void) & ((evt: "update:visibleColumns", keys: string[]) => void) & ((evt: "edit", params: import('./types').ActionEventParams<T>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export * from './types';
+export { useColumns } from './composables/useColumns';
+export { usePagination } from './composables/usePagination';
+export { useTableActions } from './composables/useTableActions';
+export { useColumnRender } from './composables/useColumnRender';
+export default DydxNaiveTableVue;

package/dist/types/components/NaiveTable/src/DydxNaiveTable.vue.d.ts

@@ -0,0 +1,26 @@
+import { DydxNaiveTableProps, DydxNaiveTableExpose, TablePagination, PageChangeData, ActionEventParams } from '../types';
+declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onView?: ((params: ActionEventParams<T>) => any) | undefined;
+        readonly onDelete?: ((params: ActionEventParams<T>) => any) | undefined;
+        readonly "onUpdate:pagination"?: ((pagination: TablePagination) => any) | undefined;
+        readonly onPageChange?: ((pagination: PageChangeData) => any) | undefined;
+        readonly "onUpdate:checkedRowKeys"?: ((keys: (string | number)[], rows: T[]) => any) | undefined;
+        readonly "onUpdate:visibleColumns"?: ((keys: string[]) => any) | undefined;
+        readonly onEdit?: ((params: ActionEventParams<T>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onView" | "onEdit" | "onDelete" | "onPageChange" | "onUpdate:pagination" | "onUpdate:checkedRowKeys" | "onUpdate:visibleColumns"> & DydxNaiveTableProps<T> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<DydxNaiveTableExpose>): void;
+    attrs: any;
+    slots: {
+        'add-icon'?(_: {}): any;
+        'toolbar-left'?(_: {}): any;
+        'toolbar-right'?(_: {}): any;
+    };
+    emit: ((evt: "view", params: ActionEventParams<T>) => void) & ((evt: "delete", params: ActionEventParams<T>) => void) & ((evt: "update:pagination", pagination: TablePagination) => void) & ((evt: "pageChange", pagination: PageChangeData) => void) & ((evt: "update:checkedRowKeys", keys: (string | number)[], rows: T[]) => void) & ((evt: "update:visibleColumns", keys: string[]) => void) & ((evt: "edit", params: ActionEventParams<T>) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/components/NaiveTable/types/columns.d.ts

@@ -0,0 +1,155 @@
+import { DataTableColumn, DataTableBaseColumn, DataTableSelectionColumn, DataTableExpandColumn, TagProps } from 'naive-ui';
+import { VNodeChild } from 'vue';
+/**
+ * 列类型
+ * - text: 文本（默认）
+ * - link: 链接，点击新窗口打开
+ * - image: 图片，显示缩略图并支持预览
+ * - file: 文件，显示文件名并支持点击下载
+ * - tag: 标签，使用 NTag 组件显示
+ * - icon: 图标，显示 ionicons5 图标
+ */
+export type ColumnType = 'text' | 'link' | 'image' | 'file' | 'tag' | 'icon';
+/**
+ * 图标列配置
+ */
+export interface IconColumnConfig {
+    /** 图标大小 */
+    size?: number;
+    /** 图标颜色 */
+    color?: string;
+}
+/**
+ * 标签选项配置
+ * 继承 Naive UI TagProps，支持所有标签属性
+ */
+export interface TagOption extends Partial<Omit<TagProps, 'onClick'>> {
+    /** 匹配的值 */
+    value: string | number | boolean;
+    /** 显示的标签文字 */
+    label: string;
+}
+/**
+ * 图片列配置
+ */
+export interface ImageColumnConfig {
+    /** 图片宽度 */
+    width?: number | string;
+    /** 图片高度 */
+    height?: number | string;
+    /** 图片圆角 */
+    radius?: number | string;
+    /** 占位图 */
+    fallback?: string;
+}
+/**
+ * 链接列配置
+ */
+export interface LinkColumnConfig {
+    /** 是否在新窗口打开，默认 true */
+    newWindow?: boolean;
+    /** 链接文字，不传则使用链接地址 */
+    text?: string | ((row: any) => string);
+}
+/**
+ * 文件列配置
+ */
+export interface FileColumnConfig {
+    /** 自定义文件名提取函数 */
+    getFileName?: (url: string, row: any) => string;
+}
+/**
+ * 自定义操作按钮配置
+ */
+export interface ActionButton<T = any> {
+    /** 按钮唯一标识 */
+    key: string;
+    /** 按钮文字 */
+    label: string;
+    /** 按钮类型 */
+    type?: 'primary' | 'info' | 'success' | 'warning' | 'error' | 'default';
+    /** 是否显示，支持函数动态判断 */
+    show?: boolean | ((row: T, index: number) => boolean);
+    /** 是否禁用，支持函数动态判断 */
+    disabled?: boolean | ((row: T, index: number) => boolean);
+    /** 确认弹窗文字，设置后点击会弹出确认框 */
+    confirm?: string | ((row: T) => string);
+    /** 点击回调 */
+    onClick?: (row: T, index: number) => void | Promise<void>;
+    /** 按钮图标 */
+    icon?: () => VNodeChild;
+}
+/**
+ * 内置按钮配置
+ */
+export interface BuiltinButtonConfig<T = any> {
+    /** 是否显示，支持函数动态判断 */
+    show?: boolean | ((row: T, index: number) => boolean);
+    /** 是否禁用，支持函数动态判断 */
+    disabled?: boolean | ((row: T, index: number) => boolean);
+    /** 按钮文字 */
+    label?: string;
+    /** 确认弹窗文字（仅删除按钮有效） */
+    confirm?: string | ((row: T) => string);
+}
+/**
+ * 操作列配置
+ */
+export interface ActionColumnConfig<T = any> {
+    /** 是否显示操作列，默认 true */
+    show?: boolean;
+    /** 列宽度 */
+    width?: number | string;
+    /** 最小列宽度 */
+    minWidth?: number | string;
+    /** 固定位置，默认 'right' */
+    fixed?: 'left' | 'right' | false;
+    /** 列标题，默认 '操作' */
+    title?: string;
+    /** 是否显示查看按钮，默认 true */
+    showView?: boolean;
+    /** 查看按钮配置 */
+    viewConfig?: BuiltinButtonConfig<T>;
+    /** 是否显示编辑按钮，默认 true */
+    showEdit?: boolean;
+    /** 编辑按钮配置 */
+    editConfig?: BuiltinButtonConfig<T>;
+    /** 是否显示删除按钮，默认 true */
+    showDelete?: boolean;
+    /** 删除按钮配置 */
+    deleteConfig?: BuiltinButtonConfig<T>;
+    /** 自定义操作按钮列表（显示在内置按钮后面） */
+    buttons?: ActionButton<T>[];
+    /** 最多显示几个按钮，超出折叠到"更多"下拉菜单 */
+    maxVisible?: number;
+}
+/**
+ * 扩展列配置 - 完全兼容 Naive UI DataTableBaseColumn
+ */
+export interface DydxTableColumn<T = any> extends DataTableBaseColumn<T> {
+    /** 是否默认显示（用于列设置功能） */
+    defaultVisible?: boolean;
+    /** 是否可在列设置中控制显示/隐藏 */
+    configurable?: boolean;
+    /** 列类型，默认 'text' */
+    columnType?: ColumnType;
+    /** 标签选项配置，columnType 为 'tag' 时有效 */
+    tagOptions?: TagOption[];
+    /** 标签 label 字段名，默认 'label' */
+    tagLabelField?: string;
+    /** 标签 value 字段名，默认 'value' */
+    tagValueField?: string;
+    /** 图片配置，columnType 为 'image' 时有效 */
+    imageConfig?: ImageColumnConfig;
+    /** 链接配置，columnType 为 'link' 时有效 */
+    linkConfig?: LinkColumnConfig;
+    /** 文件配置，columnType 为 'file' 时有效 */
+    fileConfig?: FileColumnConfig;
+    /** 图标配置，columnType 为 'icon' 时有效 */
+    iconConfig?: IconColumnConfig;
+}
+/**
+ * 完整列类型 - 兼容原生 DataTableColumns
+ * 支持普通列、选择列、展开列
+ */
+export type DydxTableColumns<T = any> = (DydxTableColumn<T> | DataTableColumn<T> | DataTableSelectionColumn<T> | DataTableExpandColumn<T>)[];

package/dist/types/components/NaiveTable/types/expose.d.ts

@@ -0,0 +1,24 @@
+import { DataTableInst } from 'naive-ui';
+/**
+ * DydxNaiveTable 组件暴露的方法和属性
+ */
+export interface DydxNaiveTableExpose {
+    /** 获取原生 DataTable 实例 */
+    getTableInstance: () => DataTableInst | null;
+    /** 清除所有选中 */
+    clearChecked: () => void;
+    /** 刷新表格（触发 onRefresh） */
+    refresh: () => void;
+    /** 获取当前可见列的 keys */
+    getVisibleColumnKeys: () => string[];
+    /** 设置可见列 */
+    setVisibleColumnKeys: (keys: string[]) => void;
+    /** 重置列设置为默认状态 */
+    resetColumnSetting: () => void;
+    /** 滚动到指定位置 */
+    scrollTo: (options: {
+        left?: number;
+        top?: number;
+        behavior?: ScrollBehavior;
+    }) => void;
+}

package/dist/types/components/NaiveTable/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './columns';
+export * from './props';
+export * from './expose';

package/dist/types/components/NaiveTable/types/props.d.ts

@@ -0,0 +1,132 @@
+import { ButtonProps, PaginationProps } from 'naive-ui';
+import { VNodeChild } from 'vue';
+import { DydxTableColumns, ActionColumnConfig } from './columns';
+/**
+ * 工具栏按钮配置
+ */
+export interface ToolbarButton {
+    /** 按钮唯一标识 */
+    key: string;
+    /** 按钮文字 */
+    label: string;
+    /** 按钮类型 */
+    type?: ButtonProps['type'];
+    /** 按钮图标 */
+    icon?: () => VNodeChild;
+    /** 点击回调 */
+    onClick: () => void | Promise<void>;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示 */
+    show?: boolean;
+}
+/**
+ * 分页字段映射配置
+ * 用于适配不同后端返回的字段名
+ */
+export interface PaginationFieldNames {
+    /** 页码字段名，默认 'page' */
+    page?: string;
+    /** 每页条数字段名，默认 'pageSize' */
+    pageSize?: string;
+    /** 总条数字段名，默认 'itemCount' */
+    itemCount?: string;
+}
+/**
+ * 分页配置
+ * 支持自定义字段名，通过 fieldNames 配置
+ */
+export interface TablePagination {
+    /** 当前页码（或自定义字段名对应的值） */
+    [key: string]: any;
+    /** 每页条数选项 */
+    pageSizes?: number[];
+    /** 是否显示每页条数选择器 */
+    showSizePicker?: boolean;
+    /** 是否显示快速跳转 */
+    showQuickJumper?: boolean;
+    /** 分页前缀 */
+    prefix?: PaginationProps['prefix'];
+    /** 分页后缀 */
+    suffix?: PaginationProps['suffix'];
+}
+/**
+ * 分页变化事件返回的数据
+ */
+export interface PageChangeData {
+    /** 当前页码（使用配置的字段名） */
+    [key: string]: any;
+}
+/**
+ * 操作按钮事件参数
+ */
+export interface ActionEventParams<T = any> {
+    /** 行数据 */
+    row: T;
+    /** 行索引 */
+    index: number;
+}
+/**
+ * 组件自定义扩展的 Props
+ */
+export interface DydxTableExtendProps<T extends Record<string, any> = Record<string, any>> {
+    /** 表格数据 */
+    data: T[];
+    /** 列配置 */
+    columns: DydxTableColumns<T>;
+    /** 行数据的唯一标识字段或函数 */
+    rowKey: keyof T | ((row: T) => string | number);
+    /** 操作列配置 */
+    actionColumn?: ActionColumnConfig<T>;
+    /** 是否显示新增按钮 */
+    showAdd?: boolean;
+    /** 新增按钮文字 */
+    addButtonText?: string;
+    /** 新增按钮点击回调 */
+    onAdd?: () => void;
+    /** 左侧自定义按钮列表 */
+    leftButtons?: ToolbarButton[];
+    /** 是否显示刷新按钮 */
+    showRefresh?: boolean;
+    /** 刷新按钮点击回调 */
+    onRefresh?: () => void;
+    /** 是否显示列设置 */
+    showColumnSetting?: boolean;
+    /** 右侧自定义按钮列表 */
+    rightButtons?: ToolbarButton[];
+    /** 分页配置，false 表示不显示分页，支持 v-model:pagination */
+    pagination?: false | TablePagination;
+    /** 分页字段映射，用于适配后端字段名 */
+    paginationFieldNames?: PaginationFieldNames;
+}
+/**
+ * DydxNaiveTable 组件 Props
+ * 不再从 DataTableProps 继承，改为在组件中使用 v-bind="attrs" 透传
+ */
+export interface DydxNaiveTableProps<T extends Record<string, any> = Record<string, any>> extends DydxTableExtendProps<T> {
+    /** 加载状态 */
+    loading?: boolean;
+    /** 选中的行 keys */
+    checkedRowKeys?: (string | number)[];
+    /** 是否为远程数据源 */
+    remote?: boolean;
+}
+/**
+ * DydxNaiveTable 组件 Emits
+ */
+export interface DydxNaiveTableEmits<T = any> {
+    /** 分页数据变化（v-model:pagination） */
+    'update:pagination': [pagination: TablePagination];
+    /** 分页变化事件，返回完整分页数据 */
+    'pageChange': [pagination: PageChangeData];
+    /** 选中行变化 */
+    'update:checkedRowKeys': [keys: (string | number)[], rows: T[]];
+    /** 可见列变化 */
+    'update:visibleColumns': [keys: string[]];
+    /** 查看按钮点击 */
+    'view': [params: ActionEventParams<T>];
+    /** 编辑按钮点击 */
+    'edit': [params: ActionEventParams<T>];
+    /** 删除按钮点击 */
+    'delete': [params: ActionEventParams<T>];
+}

package/dist/types/components/NaiveUpload/index.d.ts

@@ -0,0 +1,4 @@
+import { default as DydxUpload } from './src/DydxUpload.vue';
+export { DydxUpload };
+export * from './types';
+export default DydxUpload;