fast-element-plus 1.0.0 → 1.0.1

package/es/components/table/src/table.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.type.mjs","sources":["../../../../../packages/components/table/src/table.type.ts"],"sourcesContent":["import type { FaTableState } from \"./table.state\";\nimport type { FaLayoutGridBreakPoint, FaLayoutGridItemResponsive } from \"@fast-element-plus/components/layoutGrid\";\nimport type { TableColumnCtx } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\n/** @description FaTable 默认插槽返回 */\nexport type FaTableDefaultSlotsResult = {\n\tloading: boolean;\n\tsearchParam: any;\n\tselected: boolean;\n\tselectedList: any[];\n\tselectedListIds: (string | number)[];\n\tindeterminateSelectedListIds: (string | number)[];\n\t/** @description 可能为空 */\n\tsearch?: () => void;\n};\n\n/** @description 获取 FaTable 默认插槽返回数据 */\nexport const getTableDefaultSlots = (state: FaTableState): FaTableDefaultSlotsResult => {\n\treturn {\n\t\tloading: state.loading,\n\t\tsearchParam: state.searchParam,\n\t\tselected: state.selected,\n\t\tselectedList: state.selectedList,\n\t\tselectedListIds: state.selectedListIds,\n\t\tindeterminateSelectedListIds: state.indeterminateSelectedListIds,\n\t};\n};\n\n/** @description 日期范围 */\nexport type FaTableDataRange = \"Past1D\" | \"Past3D\" | \"Past1W\" | \"Past1M\" | \"Past3M\" | \"Past6M\" | \"Past1Y\" | \"Past3Y\";\n\n/** @description FaTable 表格枚举列上下文 */\nexport type FaTableEnumColumnCtx = {\n\t/**\n\t * 选项框显示的文字\n\t */\n\tlabel: string;\n\t/**\n\t * 选项框值\n\t */\n\tvalue: string | number | boolean;\n\t/**\n\t * 显示\n\t */\n\tshow?: boolean;\n\t/**\n\t * 是否禁用此选项\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * 为树形选择是，可以通过 children 属性指定子选项\n\t */\n\tchildren?: FaTableEnumColumnCtx[];\n\t/**\n\t * 提示\n\t */\n\ttips?: string;\n\t/**\n\t * Tag的类型，默认 \"primary\"\n\t */\n\ttype?: \"primary\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n};\n\n/** @description FaTable 表格枚举列类型 */\nexport type FaTableEnumColumnType = FaTableEnumColumnCtx[] | ((...args) => Promise<FaTableEnumColumnCtx[]>);\n\n/** @description FaTable 表格搜素列组件 */\nexport type FaTableSearchColumnEl =\n\t| \"\"\n\t| \"el-input\"\n\t| \"el-input-number\"\n\t| \"el-select\"\n\t| \"el-select-v2\"\n\t| \"el-tree-select\"\n\t| \"el-cascader\"\n\t| \"el-date-picker\"\n\t| \"el-time-picker\"\n\t| \"el-time-select\"\n\t| \"el-switch\"\n\t| \"el-slider\"\n\t| \"slot\";\n\n/** @description FaTable 表格搜素列上下文 */\nexport type FaTableSearchColumnCtx = Partial<Record<FaLayoutGridBreakPoint, FaLayoutGridItemResponsive>> & {\n\t/**\n\t * 当前项搜索框的类型\n\t */\n\tel: FaTableSearchColumnEl | string;\n\t/**\n\t * 搜索项参数，根据 element plus 官方文档来传递，该属性所有值会透传到组件\n\t */\n\tprops?: any;\n\t/**\n\t * 当搜索项 label 不为列 label 属性时，可通过 label 指定\n\t */\n\tlabel?: string;\n\t/**\n\t * 当搜索项 key 不为 prop 属性时，可通过 key 指定\n\t */\n\tkey?: string;\n\t/**\n\t * 搜索项排序（从大到小）\n\t */\n\torder?: number;\n\t/**\n\t * 搜索项所占用的列数，默认为1列\n\t */\n\tspan?: number;\n\t/**\n\t * 搜索字段左侧偏移列数\n\t */\n\toffset?: number;\n\t/**\n\t * 插槽名称\n\t */\n\tslot?: string;\n\t/**\n\t * 搜索项默认值\n\t */\n\tdefaultValue?: string | number | boolean | any[];\n};\n\n/**\n * @description 表格列类型\n * @property default     默认\n * @property selection\t 选择列\n * @property expand      可展开按钮列\n * @property expand      可展开按钮列\n * @property image       图片列\n * @property date        日期显示（格式 \"YYYY-MM-DD\"）\n * @property time        时间显示（格式 \"HH:mm:ss\"）\n * @property dateTime    日期时间显示（格式 \"YYYY-MM-DD HH:mm:ss\"）\n * @property d2          数值列，保留 2 位小数，不带千分位\n * @property d4          数值列，保留 4 位小数，不带千分位\n * @property d6          数值列，保留 6 位小数，不带千分位\n * @property gd2         数值列，保留 2 位小数，带千分位\n * @property gd4         数值列，保留 4 位小数，带千分位\n * @property gd6         数值列，保留 6 位小数，带千分位\n * @property submitInfo  提交信息列\n */\nexport type FaTableColumnType =\n\t| \"default\"\n\t| \"selection\"\n\t| \"index\"\n\t| \"expand\"\n\t| \"image\"\n\t| \"date\"\n\t| \"time\"\n\t| \"dateTime\"\n\t| \"d2\"\n\t| \"d4\"\n\t| \"d6\"\n\t| \"gd2\"\n\t| \"gd4\"\n\t| \"gd6\"\n\t| \"submitInfo\";\n\n/** @description FaTable 表格列日期格式化 */\nexport type FaTableColumnDateFormat =\n\t| \"YYYY-MM-DD HH:mm:ss\"\n\t| \"YYYY-MM-DD HH:mm\"\n\t| \"YYYY-MM-DD\"\n\t| \"YYYY-MM\"\n\t| \"YYYY\"\n\t| \"MM\"\n\t| \"DD\"\n\t| \"MM-DD\"\n\t| \"HH:mm:ss\"\n\t| \"HH:mm\"\n\t| \"HH\"\n\t| \"mm:ss\"\n\t| \"mm\"\n\t| \"ss\";\n\n/** @description FaTable 表格列上下文 */\nexport type FaTableColumnCtx<T = any> = Partial<Omit<TableColumnCtx<T>, \"order\" | \"type\" | \"prop\" | \"sortable\" | \"_children\">> & {\n\t/**\n\t * 内部的计算属性，一般不做使用\n\t * @description FaTable\n\t */\n\tmultiOrder?: \"\" | \"ascending\" | \"descending\";\n\t/**\n\t * 列ID\n\t * @description FaTable\n\t */\n\tcolumnID?: number;\n\t/**\n\t * 排序\n\t * @description FaTable\n\t */\n\torder?: number;\n\t/**\n\t * 排序字段\n\t * @description FaTable\n\t */\n\tsortableField?: string;\n\t/**\n\t * 禁用排序配置\n\t * @description FaTable\n\t */\n\tdisabledSortable?: boolean;\n\t/**\n\t * 合并行字段\n\t * @description FaTable\n\t */\n\tspanProp?: string;\n\t/**\n\t * 纯搜索\n\t * @description FaTable\n\t */\n\tpureSearch?: boolean;\n\t/**\n\t * 搜索项配置\n\t * @description FaTable\n\t */\n\tsearch?: FaTableSearchColumnCtx;\n\t/** 上面所有属性，全部非 FaTableColumns props，均为计算属性 */\n\t/**\n\t * 对应列的类型\n\t */\n\ttype?: FaTableColumnType;\n\t/**\n\t * 字段名称\n\t */\n\tprop?: string;\n\t/**\n\t * 是否显示在表格当中，默认 true\n\t */\n\tshow?: boolean;\n\t/**\n\t * 对应列是否可以排序，\n\t * 默认为 'custom' 模式，即远程排序，\n\t * 需要监听 Table 的 sort-change 事件\n\t */\n\tsortable?: boolean;\n\t/**\n\t * 小页面的宽度，如果为空，则继承默认宽度\n\t */\n\tsmallWidth?: string | number;\n\t/**\n\t * 自适应宽度\n\t */\n\tautoWidth?: boolean;\n\t/**\n\t * 插槽名称\n\t */\n\tslot?: string;\n\t/**\n\t * 表格头部插槽名称\n\t */\n\theaderSlot?: string;\n\t/**\n\t * 自定义表头内容渲染（tsx语法）\n\t */\n\theaderRender?: ({ column, $index }: { column: TableColumnCtx<any>; $index: number } & FaTableDefaultSlotsResult) => VNode[];\n\t/**\n\t * 自定义单元格内容渲染（tsx语法）\n\t */\n\trender?: ({ row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number } & FaTableDefaultSlotsResult) => VNode[];\n\t/**\n\t * 多级表头\n\t */\n\t_children?: FaTableColumnCtx<T>[];\n\t/**\n\t * 复制\n\t */\n\tcopy?: boolean;\n\t/**\n\t * 是否为 Link Button\n\t */\n\tlink?: boolean;\n\t/**\n\t * 点击事件，优先级最高\n\t */\n\tclick?: ({ row, $index }: { row: T; $index?: number } & FaTableDefaultSlotsResult) => void;\n\t/**\n\t * 点击Emits事件回调\n\t */\n\tclickEmit?: string;\n\t/**\n\t * 显示时间格式化字符串，默认 false\n\t */\n\tdateFix?: boolean;\n\t/**\n\t * 显示在页面中的日期格式\n\t */\n\tdateFormat?: FaTableColumnDateFormat;\n\t/**\n\t * 是否是标签展示，默认 false\n\t */\n\ttag?: boolean;\n\t/**\n\t * 枚举类型（渲染值的字典）\n\t */\n\tenum?: FaTableEnumColumnType;\n\t/**\n\t * 数据删除字段，如果为 true 会显示遮罩层\n\t */\n\tdataDeleteField?: string;\n\t/**\n\t * 提交信息字段\n\t */\n\tsubmitInfoField?: { submitClerkName?: string; submitTime?: string };\n};\n\n/** @description FaTable 表格列改变上下文 */\nexport type FaTableChangeColumnsCtx = {\n\t/**\n\t * 列ID\n\t */\n\tcolumnID?: number;\n\t/**\n\t * 名称\n\t */\n\tlabel?: string;\n\t/**\n\t * 固定(可空)\n\t * left：左侧\n\t * right：右侧\n\t */\n\tfixed?: any;\n\t/**\n\t * 宽度\n\t */\n\twidth?: string | number;\n\t/**\n\t * 小的宽度\n\t */\n\tsmallWidth?: string | number;\n\t/**\n\t * 顺序\n\t */\n\torder?: number;\n\t/**\n\t * 是否排序\n\t */\n\tsortable?: boolean;\n\t/**\n\t * 复制\n\t */\n\tcopy?: boolean;\n\t/**\n\t * 自动宽度\n\t */\n\tautoWidth?: boolean;\n\t/**\n\t * 是否显示\n\t */\n\tshow?: boolean;\n\t/**\n\t * 搜索项配置\n\t * @description FaTable\n\t */\n\tsearch?: {\n\t\t/**\n\t\t * 名称\n\t\t */\n\t\tlabel?: string;\n\t\t/**\n\t\t * 顺序\n\t\t */\n\t\torder?: number;\n\t};\n};\n"],"names":[],"mappings":"AAkBO,MAAM,uBAAuB,CAAC,UAAmD;AACvF,SAAO;AAAA,IACN,SAAS,MAAM;AAAA,IACf,aAAa,MAAM;AAAA,IACnB,UAAU,MAAM;AAAA,IAChB,cAAc,MAAM;AAAA,IACpB,iBAAiB,MAAM;AAAA,IACvB,8BAA8B,MAAM;AAAA,EAAA;AAEtC;"}

package/es/components/table/src/tableColumn.d.ts

@@ -0,0 +1,644 @@
+import { FaTableColumnCtx, FaTableColumnDateFormat, FaTableColumnType, FaTableDefaultSlotsResult, FaTableEnumColumnType } from './table.type';
+import { TableColumnCtx } from 'element-plus';
+import { PropType, VNode } from 'vue';
+type DefaultRow = any;
+export declare const tableColumnProps: {
+    /**
+     * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon
+     */
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @description column label
+     */
+    label: StringConstructor;
+    /**
+     * @description class name of cells in the column
+     */
+    className: StringConstructor;
+    /**
+     * @description class name of the label of this column
+     */
+    labelClassName: StringConstructor;
+    /**
+     * @description
+     */
+    property: StringConstructor;
+    /**
+     * @description field name. You can also use its alias: `property`
+     */
+    prop: StringConstructor;
+    /**
+     * @description column width
+     */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
+     */
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @description render function for table header of this column
+     */
+    renderHeader: PropType<TableColumnCtx<DefaultRow>["renderHeader"]>;
+    /**
+     * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
+     */
+    sortable: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @description sorting method, works when `sortable` is `true`. Should return a number, just like Array.sort
+     */
+    sortMethod: PropType<TableColumnCtx<DefaultRow>["sortMethod"]>;
+    /**
+     * @description specify which property to sort by, works when `sortable` is `true` and `sort-method` is `undefined`. If set to an Array, the column will sequentially sort by the next property if the previous one is equal
+     */
+    sortBy: PropType<TableColumnCtx<DefaultRow>["sortBy"]>;
+    /**
+     * @description whether column width can be resized, works when `border` of `el-table` is `true`
+     */
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered
+     */
+    columnKey: StringConstructor;
+    /**
+     * @description alignment, the value should be 'left' \/ 'center' \/ 'right'
+     */
+    align: StringConstructor;
+    /**
+     * @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \/ 'center' \/ 'right'
+     */
+    headerAlign: StringConstructor;
+    /**
+     * @description whether to hide extra content and show them in a tooltip when hovering on the cell
+     */
+    showOverflowTooltip: {
+        type: PropType<TableColumnCtx<DefaultRow>["showOverflowTooltip"]>;
+        default: any;
+    };
+    /**
+     * @description whether column is fixed at left / right. Will be fixed at left if `true`
+     */
+    fixed: (BooleanConstructor | StringConstructor)[];
+    /**
+     * @description function that formats cell content
+     */
+    formatter: PropType<TableColumnCtx<DefaultRow>["formatter"]>;
+    /**
+     * @description function that determines if a certain row can be selected, works when `type` is 'selection'
+     */
+    selectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
+    /**
+     * @description whether to reserve selection after data refreshing, works when `type` is 'selection'. Note that `row-key` is required for this to work
+     */
+    reserveSelection: BooleanConstructor;
+    /**
+     * @description data filtering method. If `filter-multiple` is on, this method will be called multiple times for each row, and a row will display if one of the calls returns `true`
+     */
+    filterMethod: PropType<TableColumnCtx<DefaultRow>["filterMethod"]>;
+    /**
+     * @description filter value for selected data, might be useful when table header is rendered with `render-header`
+     */
+    filteredValue: PropType<TableColumnCtx<DefaultRow>["filteredValue"]>;
+    /**
+     * @description an array of data filtering options. For each element in this array, `text` and `value` are required
+     */
+    filters: PropType<TableColumnCtx<DefaultRow>["filters"]>;
+    /**
+     * @description placement for the filter dropdown
+     */
+    filterPlacement: StringConstructor;
+    /**
+     * @description whether data filtering supports multiple options
+     */
+    filterMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description className for the filter dropdown
+     */
+    filterClassName: StringConstructor;
+    /**
+     * @description customize indices for each row, works on columns with `type=index`
+     */
+    index: PropType<TableColumnCtx<DefaultRow>["index"]>;
+    /**
+     * @description the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array
+     */
+    sortOrders: {
+        type: PropType<TableColumnCtx<DefaultRow>["sortOrders"]>;
+        default: () => TableColumnCtx<DefaultRow>["sortOrders"];
+        validator: (val: TableColumnCtx<unknown>["sortOrders"]) => boolean;
+    };
+};
+type FaTableColumnSlotsResult = {
+    /** @description slots为表格内容的时候才会返回 */
+    row?: any;
+    /** @description slot为表头内容的时候返回 'TableColumnCtx<any>' 否则返回 'FaTableColumnCtx' */
+    column?: TableColumnCtx<any> | FaTableColumnCtx;
+    $index?: number;
+};
+type FaTableColumnDefaultSlots = {
+    [key: string]: FaTableDefaultSlotsResult & FaTableColumnSlotsResult;
+};
+type FaTableColumnSlots = {
+    /** @description 默认内容插槽 */
+    default: FaTableDefaultSlotsResult & {
+        row: any;
+        column: FaTableColumnCtx;
+        $index: number;
+    };
+    /** @description 自定义表头的内容 */
+    header: FaTableDefaultSlotsResult & {
+        column: FaTableColumnCtx;
+        $index: number;
+    };
+    /** @description 自定义 filter 图标 */
+    filterIcon: FaTableDefaultSlotsResult & {
+        filterOpened: boolean;
+    };
+} & FaTableColumnDefaultSlots;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon
+     */
+    type: {
+        type: PropType<FaTableColumnType>;
+        default: string;
+    };
+    /**
+     * @description column width
+     */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description alignment, the value should be 'left' \/ 'center' \/ 'right' */
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \/ 'center' \/ 'right' */
+    headerAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 是否显示在表格当中 */
+    show: BooleanConstructor;
+    /** @description 小页面的宽度，如果为空，则继承默认宽度 */
+    smallWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 自适应宽度 */
+    autoWidth: BooleanConstructor;
+    /** @description 插槽名称 */
+    slot: StringConstructor;
+    /** @description 表格头部插槽名称 */
+    headerSlot: StringConstructor;
+    /** @description 自定义表头内容渲染（tsx语法） */
+    headerRender: {
+        type: PropType<({ column, $index }: {
+            column: TableColumnCtx<any>;
+            $index: number;
+        } & FaTableDefaultSlotsResult) => VNode[]>;
+    };
+    /** @description 自定义单元格内容渲染（tsx语法） */
+    render: {
+        type: PropType<({ row, column, $index }: {
+            row: any;
+            column: FaTableColumnCtx;
+            $index: number;
+        } & FaTableDefaultSlotsResult) => VNode[]>;
+    };
+    /** @description 多级表头 */
+    _children: {
+        type: PropType<FaTableColumnCtx[]>;
+    };
+    /** @description 复制 */
+    copy: BooleanConstructor;
+    /** @description 是否为 Link Button */
+    link: BooleanConstructor;
+    /** @description 合并行字段 */
+    spanProp: StringConstructor;
+    /** @description Link 按钮的点击事件，优先级最高 */
+    click: {
+        type: PropType<({ row, $index }: {
+            row: any;
+            $index?: number;
+        }) => void>;
+    };
+    /** @description 点击Emits事件回调 */
+    clickEmit: StringConstructor;
+    /** @description 显示时间格式化字符串 */
+    dateFix: BooleanConstructor;
+    /** @description 显示在页面中的日期格式 */
+    dateFormat: {
+        type: PropType<FaTableColumnDateFormat>;
+    };
+    /** @description 是否是标签展示 */
+    tag: BooleanConstructor;
+    /** @description 枚举类型（渲染值的字典） */
+    enum: {
+        type: PropType<FaTableEnumColumnType>;
+    };
+    /** @description 数据删除字段，如果为 true 会显示遮罩层 */
+    dataDeleteField: StringConstructor;
+    /** @description 制单信息计算 */
+    submitInfoField: {
+        type: PropType<{
+            submitClerkName?: string;
+            submitTime?: string;
+        }>;
+        default: () => {
+            submitClerkName: string;
+            submitTime: string;
+        };
+    };
+    /**
+     * @description column label
+     */
+    label: StringConstructor;
+    /**
+     * @description class name of cells in the column
+     */
+    className: StringConstructor;
+    /**
+     * @description class name of the label of this column
+     */
+    labelClassName: StringConstructor;
+    /**
+     * @description
+     */
+    property: StringConstructor;
+    /**
+     * @description field name. You can also use its alias: `property`
+     */
+    prop: StringConstructor;
+    /**
+     * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
+     */
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @description render function for table header of this column
+     */
+    renderHeader: PropType<TableColumnCtx<DefaultRow>["renderHeader"]>;
+    /**
+     * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
+     */
+    sortable: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @description sorting method, works when `sortable` is `true`. Should return a number, just like Array.sort
+     */
+    sortMethod: PropType<TableColumnCtx<DefaultRow>["sortMethod"]>;
+    /**
+     * @description specify which property to sort by, works when `sortable` is `true` and `sort-method` is `undefined`. If set to an Array, the column will sequentially sort by the next property if the previous one is equal
+     */
+    sortBy: PropType<TableColumnCtx<DefaultRow>["sortBy"]>;
+    /**
+     * @description whether column width can be resized, works when `border` of `el-table` is `true`
+     */
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered
+     */
+    columnKey: StringConstructor;
+    /**
+     * @description whether to hide extra content and show them in a tooltip when hovering on the cell
+     */
+    showOverflowTooltip: {
+        type: PropType<TableColumnCtx<DefaultRow>["showOverflowTooltip"]>;
+        default: any;
+    };
+    /**
+     * @description whether column is fixed at left / right. Will be fixed at left if `true`
+     */
+    fixed: (BooleanConstructor | StringConstructor)[];
+    /**
+     * @description function that formats cell content
+     */
+    formatter: PropType<TableColumnCtx<DefaultRow>["formatter"]>;
+    /**
+     * @description function that determines if a certain row can be selected, works when `type` is 'selection'
+     */
+    selectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
+    /**
+     * @description whether to reserve selection after data refreshing, works when `type` is 'selection'. Note that `row-key` is required for this to work
+     */
+    reserveSelection: BooleanConstructor;
+    /**
+     * @description data filtering method. If `filter-multiple` is on, this method will be called multiple times for each row, and a row will display if one of the calls returns `true`
+     */
+    filterMethod: PropType<TableColumnCtx<DefaultRow>["filterMethod"]>;
+    /**
+     * @description filter value for selected data, might be useful when table header is rendered with `render-header`
+     */
+    filteredValue: PropType<TableColumnCtx<DefaultRow>["filteredValue"]>;
+    /**
+     * @description an array of data filtering options. For each element in this array, `text` and `value` are required
+     */
+    filters: PropType<TableColumnCtx<DefaultRow>["filters"]>;
+    /**
+     * @description placement for the filter dropdown
+     */
+    filterPlacement: StringConstructor;
+    /**
+     * @description whether data filtering supports multiple options
+     */
+    filterMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description className for the filter dropdown
+     */
+    filterClassName: StringConstructor;
+    /**
+     * @description customize indices for each row, works on columns with `type=index`
+     */
+    index: PropType<TableColumnCtx<DefaultRow>["index"]>;
+    /**
+     * @description the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array
+     */
+    sortOrders: {
+        type: PropType<TableColumnCtx<DefaultRow>["sortOrders"]>;
+        default: () => TableColumnCtx<DefaultRow>["sortOrders"];
+        validator: (val: TableColumnCtx<unknown>["sortOrders"]) => boolean;
+    };
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description 图片预览 */
+    imagePreview: (url: string) => boolean;
+    /** @description 自定义单元格点击事件 */
+    customCellClick: (emitName: string, { row, column, $index }: {
+        row: any;
+        column: FaTableColumnCtx;
+        $index: number;
+    }) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon
+     */
+    type: {
+        type: PropType<FaTableColumnType>;
+        default: string;
+    };
+    /**
+     * @description column width
+     */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description alignment, the value should be 'left' \/ 'center' \/ 'right' */
+    align: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \/ 'center' \/ 'right' */
+    headerAlign: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 是否显示在表格当中 */
+    show: BooleanConstructor;
+    /** @description 小页面的宽度，如果为空，则继承默认宽度 */
+    smallWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 自适应宽度 */
+    autoWidth: BooleanConstructor;
+    /** @description 插槽名称 */
+    slot: StringConstructor;
+    /** @description 表格头部插槽名称 */
+    headerSlot: StringConstructor;
+    /** @description 自定义表头内容渲染（tsx语法） */
+    headerRender: {
+        type: PropType<({ column, $index }: {
+            column: TableColumnCtx<any>;
+            $index: number;
+        } & FaTableDefaultSlotsResult) => VNode[]>;
+    };
+    /** @description 自定义单元格内容渲染（tsx语法） */
+    render: {
+        type: PropType<({ row, column, $index }: {
+            row: any;
+            column: FaTableColumnCtx;
+            $index: number;
+        } & FaTableDefaultSlotsResult) => VNode[]>;
+    };
+    /** @description 多级表头 */
+    _children: {
+        type: PropType<FaTableColumnCtx[]>;
+    };
+    /** @description 复制 */
+    copy: BooleanConstructor;
+    /** @description 是否为 Link Button */
+    link: BooleanConstructor;
+    /** @description 合并行字段 */
+    spanProp: StringConstructor;
+    /** @description Link 按钮的点击事件，优先级最高 */
+    click: {
+        type: PropType<({ row, $index }: {
+            row: any;
+            $index?: number;
+        }) => void>;
+    };
+    /** @description 点击Emits事件回调 */
+    clickEmit: StringConstructor;
+    /** @description 显示时间格式化字符串 */
+    dateFix: BooleanConstructor;
+    /** @description 显示在页面中的日期格式 */
+    dateFormat: {
+        type: PropType<FaTableColumnDateFormat>;
+    };
+    /** @description 是否是标签展示 */
+    tag: BooleanConstructor;
+    /** @description 枚举类型（渲染值的字典） */
+    enum: {
+        type: PropType<FaTableEnumColumnType>;
+    };
+    /** @description 数据删除字段，如果为 true 会显示遮罩层 */
+    dataDeleteField: StringConstructor;
+    /** @description 制单信息计算 */
+    submitInfoField: {
+        type: PropType<{
+            submitClerkName?: string;
+            submitTime?: string;
+        }>;
+        default: () => {
+            submitClerkName: string;
+            submitTime: string;
+        };
+    };
+    /**
+     * @description column label
+     */
+    label: StringConstructor;
+    /**
+     * @description class name of cells in the column
+     */
+    className: StringConstructor;
+    /**
+     * @description class name of the label of this column
+     */
+    labelClassName: StringConstructor;
+    /**
+     * @description
+     */
+    property: StringConstructor;
+    /**
+     * @description field name. You can also use its alias: `property`
+     */
+    prop: StringConstructor;
+    /**
+     * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
+     */
+    minWidth: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @description render function for table header of this column
+     */
+    renderHeader: PropType<TableColumnCtx<DefaultRow>["renderHeader"]>;
+    /**
+     * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
+     */
+    sortable: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @description sorting method, works when `sortable` is `true`. Should return a number, just like Array.sort
+     */
+    sortMethod: PropType<TableColumnCtx<DefaultRow>["sortMethod"]>;
+    /**
+     * @description specify which property to sort by, works when `sortable` is `true` and `sort-method` is `undefined`. If set to an Array, the column will sequentially sort by the next property if the previous one is equal
+     */
+    sortBy: PropType<TableColumnCtx<DefaultRow>["sortBy"]>;
+    /**
+     * @description whether column width can be resized, works when `border` of `el-table` is `true`
+     */
+    resizable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered
+     */
+    columnKey: StringConstructor;
+    /**
+     * @description whether to hide extra content and show them in a tooltip when hovering on the cell
+     */
+    showOverflowTooltip: {
+        type: PropType<TableColumnCtx<DefaultRow>["showOverflowTooltip"]>;
+        default: any;
+    };
+    /**
+     * @description whether column is fixed at left / right. Will be fixed at left if `true`
+     */
+    fixed: (BooleanConstructor | StringConstructor)[];
+    /**
+     * @description function that formats cell content
+     */
+    formatter: PropType<TableColumnCtx<DefaultRow>["formatter"]>;
+    /**
+     * @description function that determines if a certain row can be selected, works when `type` is 'selection'
+     */
+    selectable: PropType<TableColumnCtx<DefaultRow>["selectable"]>;
+    /**
+     * @description whether to reserve selection after data refreshing, works when `type` is 'selection'. Note that `row-key` is required for this to work
+     */
+    reserveSelection: BooleanConstructor;
+    /**
+     * @description data filtering method. If `filter-multiple` is on, this method will be called multiple times for each row, and a row will display if one of the calls returns `true`
+     */
+    filterMethod: PropType<TableColumnCtx<DefaultRow>["filterMethod"]>;
+    /**
+     * @description filter value for selected data, might be useful when table header is rendered with `render-header`
+     */
+    filteredValue: PropType<TableColumnCtx<DefaultRow>["filteredValue"]>;
+    /**
+     * @description an array of data filtering options. For each element in this array, `text` and `value` are required
+     */
+    filters: PropType<TableColumnCtx<DefaultRow>["filters"]>;
+    /**
+     * @description placement for the filter dropdown
+     */
+    filterPlacement: StringConstructor;
+    /**
+     * @description whether data filtering supports multiple options
+     */
+    filterMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description className for the filter dropdown
+     */
+    filterClassName: StringConstructor;
+    /**
+     * @description customize indices for each row, works on columns with `type=index`
+     */
+    index: PropType<TableColumnCtx<DefaultRow>["index"]>;
+    /**
+     * @description the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array
+     */
+    sortOrders: {
+        type: PropType<TableColumnCtx<DefaultRow>["sortOrders"]>;
+        default: () => TableColumnCtx<DefaultRow>["sortOrders"];
+        validator: (val: TableColumnCtx<unknown>["sortOrders"]) => boolean;
+    };
+}>> & Readonly<{
+    onCustomCellClick?: (emitName: string, args_1: {
+        row: any;
+        column: FaTableColumnCtx;
+        $index: number;
+    }) => any;
+    onImagePreview?: (url: string) => any;
+}>, {
+    type: FaTableColumnType;
+    link: boolean;
+    tag: boolean;
+    width: string | number;
+    copy: boolean;
+    resizable: boolean;
+    show: boolean;
+    sortable: string | boolean;
+    minWidth: string | number;
+    align: string;
+    headerAlign: string;
+    showOverflowTooltip: any;
+    reserveSelection: boolean;
+    filterMultiple: boolean;
+    sortOrders: import('element-plus/es/components/table/src/table/defaults.mjs').TableSortOrder[];
+    autoWidth: boolean;
+    dateFix: boolean;
+    submitInfoField: {
+        submitClerkName?: string;
+        submitTime?: string;
+    };
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaTableColumnSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;