@a2simcode/ui 0.0.21 → 0.0.23

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

@@ -1,19 +1,103 @@
 import { PropType } from 'vue';
-export interface TableColumn {
-    field: string;
-    title: string;
-    width?: number | 'auto';
-    [key: string]: any;
+import { SchemaRuntimeConfig } from '../../comp/src/interface';
+export interface TableColumnConfig {
+    /**
+     * @zh 列的宽度
+     */
+    width?: number;
+    /**
+     * @zh 列的最小宽度
+     */
+    minWidth?: number;
+    /**
+     * @zh 列的最大宽度
+     */
+    maxWidth?: number;
+    /**
+     * @zh 列的对齐方式
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * @zh 默认值
+     */
+    defaultValue?: any;
+    /**
+     * @zh 是否显示
+     */
+    display?: boolean;
+    /**
+     * @zh 显示类型 tag 标签
+     */
+    showType?: string;
+    /**
+     * @zh 数据类型 dataItem 数据字典 dataView 数据视图 options 选项 user 用户 department 部门 company 公司
+     */
+    dataType?: string;
+    /**
+     * @zh 数据编码
+     */
+    dataCode?: string;
+    /**
+     * @zh 数据
+     */
+    options?: Record<string, any>;
+    /**
+     * @zh 数据值类型 text, number, text_list, number_list
+     */
+    valueType?: string;
+    /**
+     * @zh 列的过滤器
+     */
+    filter?: TableColumnFilter;
+    /**
+     * @zh 列的排序器
+     */
+    sorter?: TableColumnSorter;
+    /**
+     * @zh 列的格式化函数
+     */
+    fieldFormat?: (row: Record<string, any>) => any;
+    /**
+     * @zh 冻结列 left 左侧冻结 right 右侧冻结
+     */
+    frozen?: 'left' | 'right';
 }
-export interface TableRecord {
-    [key: string]: any;
+export interface TableColumnFilter {
+    /**
+     * @zh 是否是搜索关键字
+     */
+    isSearchKeyword?: boolean;
+}
+export interface TableColumnSorter {
+    /**
+     * @zh 是否不需要排序
+     */
+    isNot?: boolean;
+}
+export interface TableAction {
+    /**
+     * @zh 按钮显示文本
+     */
+    label: string;
+    /**
+     * @zh 按钮唯一标识符
+     */
+    id: string;
+    /**
+     * @zh 按钮点击事件处理函数
+     */
+    click: (row: Record<string, any>, rowIndex: number) => void;
+    /**
+     * @zh 是否危险按钮
+     */
+    isDanger?: boolean;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
-     * @zh 表格列配置
+     * @zh 表格列配置（支持树形结构）
      */
     columns: {
-        type: PropType<TableColumn[]>;
+        type: PropType<SchemaRuntimeConfig[]>;
         required: true;
         default: () => never[];
     };
@@ -21,62 +105,147 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @zh 表格数据
      */
     records: {
-        type: PropType<TableRecord[]>;
+        type: PropType<Record<string, any>[]>;
         required: true;
         default: () => never[];
     };
     /**
-     * @zh 宽度模式
-     * @defaultValue 'standard'
+     * @zh 是否是树形结构
      */
-    widthMode: {
-        type: PropType<"standard" | "adaptive" | "autoWidth">;
-        default: string;
+    isTree: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
-     * @zh 表格高度
+     * @zh 是否显示序号
      */
-    height: {
-        type: NumberConstructor;
-        default: undefined;
+    isShowNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否开启多选
+     */
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否分页
+     */
+    isPage: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
-     * @zh 是否显示边框
-     * @defaultValue true
+     * @zh 分页样式是否是简洁模式
      */
-    border: {
+    pageLayoutSimple: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @zh 是否显示斑马纹
-     * @defaultValue false
+     * @zh 每页显示个数选择器的选项设置
+     */
+    pageSizes: ArrayConstructor;
+    /**
+     * @zh 总的数据条数
+     */
+    pageTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前页面
+     */
+    tablePage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前显示页数
+     */
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 选中状态绑定的字段名
+     */
+    selectField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 行主键
+     */
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 行内操作按钮配置
+     */
+    actions: {
+        type: PropType<TableAction[]>;
+        default: () => never[];
+    };
+    /**
+     * @zh 操作列最大显示按钮数量
      */
-    stripe: {
+    actionsMaxCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 操作列标题
+     */
+    actionsLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 是否开启动画出现
+     */
+    isAnimationAppear: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @zh 表格主题
-     * @defaultValue 'default'
+     * @zh 高度模式 full 充满父容器 auto 根据内容自适应
      */
-    theme: {
-        type: PropType<"default" | "dark">;
+    heightMode: {
+        type: PropType<"full" | "auto">;
         default: string;
     };
+    /**
+     * @zh 最大高度，仅在 heightMode 为 auto 时生效
+     */
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
 }>, {
     getInstance: () => any;
-    setRecords: (records: TableRecord[]) => void;
-    setColumns: (columns: TableColumn[]) => void;
-    refresh: () => void;
+    setRecords: (records: Record<string, any>[]) => void;
+    getSelection: () => any[];
+    setSelection: (records: any[]) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    rowChange: (changeData: Record<string, any>) => any;
     ready: (instance: any) => any;
+    selectionChanged: (selections: Record<string, any>[]) => any;
+    "update:tablePage": (tablePage: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    loadPageData: (payload: {
+        rows: number;
+        page: number;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
-     * @zh 表格列配置
+     * @zh 表格列配置（支持树形结构）
      */
     columns: {
-        type: PropType<TableColumn[]>;
+        type: PropType<SchemaRuntimeConfig[]>;
         required: true;
         default: () => never[];
     };
@@ -84,59 +253,155 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      * @zh 表格数据
      */
     records: {
-        type: PropType<TableRecord[]>;
+        type: PropType<Record<string, any>[]>;
         required: true;
         default: () => never[];
     };
     /**
-     * @zh 宽度模式
-     * @defaultValue 'standard'
+     * @zh 是否是树形结构
      */
-    widthMode: {
-        type: PropType<"standard" | "adaptive" | "autoWidth">;
-        default: string;
+    isTree: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
-     * @zh 表格高度
+     * @zh 是否显示序号
      */
-    height: {
-        type: NumberConstructor;
-        default: undefined;
+    isShowNumber: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     /**
-     * @zh 是否显示边框
-     * @defaultValue true
+     * @zh 是否开启多选
      */
-    border: {
+    isMultiple: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @zh 是否显示斑马纹
-     * @defaultValue false
+     * @zh 是否分页
      */
-    stripe: {
+    isPage: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * @zh 表格主题
-     * @defaultValue 'default'
+     * @zh 分页样式是否是简洁模式
      */
-    theme: {
-        type: PropType<"default" | "dark">;
+    pageLayoutSimple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 每页显示个数选择器的选项设置
+     */
+    pageSizes: ArrayConstructor;
+    /**
+     * @zh 总的数据条数
+     */
+    pageTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前页面
+     */
+    tablePage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 当前显示页数
+     */
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 选中状态绑定的字段名
+     */
+    selectField: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 行主键
+     */
+    rowKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 行内操作按钮配置
+     */
+    actions: {
+        type: PropType<TableAction[]>;
+        default: () => never[];
+    };
+    /**
+     * @zh 操作列最大显示按钮数量
+     */
+    actionsMaxCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @zh 操作列标题
+     */
+    actionsLabel: {
+        type: StringConstructor;
         default: string;
     };
+    /**
+     * @zh 是否开启动画出现
+     */
+    isAnimationAppear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 高度模式 full 充满父容器 auto 根据内容自适应
+     */
+    heightMode: {
+        type: PropType<"full" | "auto">;
+        default: string;
+    };
+    /**
+     * @zh 最大高度，仅在 heightMode 为 auto 时生效
+     */
+    maxHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
 }>> & Readonly<{
+    onRowChange?: ((changeData: Record<string, any>) => any) | undefined;
     onReady?: ((instance: any) => any) | undefined;
+    onSelectionChanged?: ((selections: Record<string, any>[]) => any) | undefined;
+    "onUpdate:tablePage"?: ((tablePage: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    onLoadPageData?: ((payload: {
+        rows: number;
+        page: number;
+    }) => any) | undefined;
 }>, {
-    height: number;
-    columns: TableColumn[];
-    records: TableRecord[];
-    widthMode: "standard" | "adaptive" | "autoWidth";
-    border: boolean;
-    stripe: boolean;
-    theme: "default" | "dark";
+    columns: SchemaRuntimeConfig[];
+    records: Record<string, any>[];
+    isTree: boolean;
+    isShowNumber: boolean;
+    isMultiple: boolean;
+    isPage: boolean;
+    pageLayoutSimple: boolean;
+    pageTotal: number;
+    tablePage: number;
+    pageSize: number;
+    selectField: string;
+    rowKey: string;
+    actions: TableAction[];
+    actionsMaxCount: number;
+    actionsLabel: string;
+    isAnimationAppear: boolean;
+    heightMode: "auto" | "full";
+    maxHeight: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     tableContainer: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/table/src/theme/default.d.ts

@@ -0,0 +1,27 @@
+export declare const theme: {
+    cellInnerBorder: boolean;
+    defaultStyle: {
+        bgColor: string;
+        borderColor: string;
+        color: string;
+        fontSize: number;
+        fontFamily: string;
+    };
+    headerStyle: {
+        bgColor: string;
+        fontWeight: number;
+        padding: number[];
+        lineHeight: number;
+    };
+    bodyStyle: {
+        padding: number[];
+        lineHeight: number;
+    };
+    frameStyle: {};
+    scrollStyle: {
+        barToSide: boolean;
+        width: number;
+        visible: string;
+        hoverOn: boolean;
+    };
+};