fast-element-plus 1.0.21 → 2.0.0

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

@@ -1,658 +0,0 @@
-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: (StringConstructor | NumberConstructor)[];
-        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: (StringConstructor | NumberConstructor)[];
-        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;
-    };
-    /** @description 展开列的自定义内容 */
-    expand: FaTableDefaultSlotsResult & {
-        expanded: 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: (StringConstructor | NumberConstructor)[];
-        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: (StringConstructor | NumberConstructor)[];
-    };
-    /** @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 隐藏图片 */
-    hideImage: BooleanConstructor;
-    /** @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 图片列是否显示为原图，默认 false 显示缩略图 */
-    originalImage: BooleanConstructor;
-    /** @description 显示时间格式化字符串 */
-    dateFix: BooleanConstructor;
-    /** @description 显示在页面中的日期格式 */
-    dateFormat: {
-        type: PropType<FaTableColumnDateFormat>;
-    };
-    /** @description 是否是标签展示 */
-    tag: BooleanConstructor;
-    /** @description 枚举类型（渲染值的字典） */
-    enum: {
-        type: PropType<FaTableEnumColumnType>;
-    };
-    /** @description 数据删除字段，如果为 true 会显示遮罩层 */
-    dataDeleteField: StringConstructor;
-    /** @description 时间信息字段 */
-    timeInfoField: {
-        type: PropType<{
-            userName?: string;
-            time?: string;
-        }>;
-        default: () => {
-            userName: string;
-            time: 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: (StringConstructor | NumberConstructor)[];
-        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: (StringConstructor | NumberConstructor)[];
-        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: (StringConstructor | NumberConstructor)[];
-    };
-    /** @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 隐藏图片 */
-    hideImage: BooleanConstructor;
-    /** @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 图片列是否显示为原图，默认 false 显示缩略图 */
-    originalImage: BooleanConstructor;
-    /** @description 显示时间格式化字符串 */
-    dateFix: BooleanConstructor;
-    /** @description 显示在页面中的日期格式 */
-    dateFormat: {
-        type: PropType<FaTableColumnDateFormat>;
-    };
-    /** @description 是否是标签展示 */
-    tag: BooleanConstructor;
-    /** @description 枚举类型（渲染值的字典） */
-    enum: {
-        type: PropType<FaTableEnumColumnType>;
-    };
-    /** @description 数据删除字段，如果为 true 会显示遮罩层 */
-    dataDeleteField: StringConstructor;
-    /** @description 时间信息字段 */
-    timeInfoField: {
-        type: PropType<{
-            userName?: string;
-            time?: string;
-        }>;
-        default: () => {
-            userName: string;
-            time: 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: (StringConstructor | NumberConstructor)[];
-        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[];
-    hideImage: boolean;
-    autoWidth: boolean;
-    originalImage: boolean;
-    dateFix: boolean;
-    timeInfoField: {
-        userName?: string;
-        time?: string;
-    };
-}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaTableColumnSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/lib/components/table/src/tableColumn.js

@@ -1,2 +0,0 @@
-require("../../../_virtual/_rolldown/runtime.js");const e=require("../../image/index.js"),t=require("./table.type.js"),l=require("../images/artwork.js"),r=require("../images/notImage.js"),a=require("../utils/table.js"),o=require("./useTable.js");let n=require("@fast-china/utils"),i=require("vue"),d=require("element-plus"),u=require("@element-plus/icons-vue"),s=require("lodash-unified");function c(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,i.isVNode)(e)}var m={type:{type:String,default:"default"},label:String,className:String,labelClassName:String,property:String,prop:String,width:{type:[String,Number],default:""},minWidth:{type:[String,Number],default:""},renderHeader:Function,sortable:{type:[Boolean,String],default:!1},sortMethod:Function,sortBy:[String,Function,Array],resizable:{type:Boolean,default:!0},columnKey:String,align:String,headerAlign:String,showOverflowTooltip:{type:[Boolean,Object],default:void 0},fixed:[Boolean,String],formatter:Function,selectable:Function,reserveSelection:Boolean,filterMethod:Function,filteredValue:Array,filters:Array,filterPlacement:String,filterMultiple:{type:Boolean,default:!0},filterClassName:String,index:[Number,Function],sortOrders:{type:Array,default:()=>["ascending","descending",null],validator:e=>e.every(e=>["ascending","descending",null].includes(e))}},p=(0,i.defineComponent)({name:"FaTableColumn",props:{...m,type:{type:(0,n.definePropType)(String),default:"default"},width:{type:[String,Number],default:"auto"},align:{type:String,default:"left"},headerAlign:{type:String,default:"left"},show:Boolean,smallWidth:{type:[String,Number]},autoWidth:Boolean,slot:String,headerSlot:String,headerRender:{type:(0,n.definePropType)(Function)},render:{type:(0,n.definePropType)(Function)},_children:{type:(0,n.definePropType)(Array)},hideImage:Boolean,copy:Boolean,link:Boolean,spanProp:String,click:{type:(0,n.definePropType)(Function)},clickEmit:String,originalImage:Boolean,dateFix:Boolean,dateFormat:{type:(0,n.definePropType)(String)},tag:Boolean,enum:{type:(0,n.definePropType)([String,Array,Function])},dataDeleteField:String,timeInfoField:{type:(0,n.definePropType)(Object),default:()=>({userName:"createdUserName",time:"createdTime"})}},emits:{imagePreview:e=>(0,s.isString)(e),customCellClick:(e,{row:t,column:l,$index:r})=>((0,s.isNil)(e)||(0,s.isString)(e))&&(0,s.isObject)(t)&&(0,s.isObject)(l)&&(0,s.isNumber)(r)},slots:(0,n.makeSlots)(),setup(p,{slots:f,emit:g}){const y=(0,d.useGlobalSize)(),h=(0,i.inject)(o.tableStateKey),b=(0,i.inject)(o.enumMapKey),w=(0,i.computed)(()=>p),S=()=>{let e="";return"timeInfo"===p.type&&(e+="fa-table__line-height-normal-column"),"date"!==p.type&&"time"!==p.type&&"dateTime"!==p.type||p.dateFix&&(e+="fa-table__line-height-normal-column"),p.className?`${e} ${p.className}`:e||void 0},N=e=>p.autoWidth?(0,i.computed)(()=>{const e=h.autoColumnWidth.find(e=>e.prop===p.prop);return e?`${e.width}px`:"auto"}).value:"small"===y.value?p.smallWidth??p.width??p.minWidth??e??"auto":p.width??p.minWidth??e??"auto",T=e=>p.autoWidth?(0,i.createVNode)("div",{class:["fa-table__auto-width-column__cell-header",`__fa-table__auto-width-column__cell-header__${p.prop}`]},[e]):e,x=e=>p.autoWidth?(0,i.createVNode)("div",{class:["fa-table__auto-width-column__cell",`__fa-table__auto-width-column__cell__${p.prop}`]},[e]):e,_=({column:e,$index:l})=>p.headerRender?T(p.headerRender({column:e,$index:l,...t.getTableDefaultSlots(h)})):p.headerSlot?T(f[p.headerSlot]&&f[p.headerSlot]({column:e,$index:l,...t.getTableDefaultSlots(h)})):T((0,i.createVNode)("span",null,[p.label])),v=(e,t)=>(p.copy||t)&&e&&(0,i.createVNode)(d.ElIcon,{class:"fa__copy-icon",title:"复制",onClick:async()=>{try{await n.stringUtil.copy(String(e)),(0,d.ElMessage)({type:"success",message:"复制成功"})}catch(t){(0,n.consoleError)("FaTableColumn",t),(0,d.ElMessage)({type:"error",message:"复制失败"})}}},{default:()=>[(0,i.createVNode)(u.CopyDocument,null,null)]}),F=(e,t,l,r)=>t.formatter?t.formatter(e,t,l,r):l,V=(e,t,l)=>{const r=F(e,t,(({row:e})=>{const t=a.tableUtil.handleRowAccordingToProp(e,p.prop);let l,r=p.prop;return(0,s.isString)(p.enum)?(r=p.enum,l=b.get(r)):(0,s.isArray)(p.enum)?l=p.enum:(0,s.isFunction)(p.enum)&&(l=p.enum({row:e})),l?a.tableUtil.filterEnum(t,l):a.tableUtil.formatValue(t)})({row:e}),l);let o,n=p.prop;(0,s.isString)(p.enum)?(n=p.enum,o=b.get(n)):(0,s.isArray)(p.enum)?o=p.enum:(0,s.isFunction)(p.enum)&&(o=p.enum({row:e}));const u=a.tableUtil.filterEnum(a.tableUtil.handleRowAccordingToProp(e,p.prop),o,null,"tag");return(0,i.createVNode)(i.Fragment,null,[v(r),r?(0,i.createVNode)(d.ElTag,{type:u},c(r)?r:{default:()=>[r]}):null])},O=({row:e,column:l,$index:r})=>{if("timeInfo"===p.type)return(e=>{let t;const l=e[p.timeInfoField?.userName??"createdUserName"],r=e[p.timeInfoField?.time??"createdTime"];return(0,i.createVNode)(i.Fragment,null,[(0,i.createVNode)("div",{style:"white-space: nowrap; overflow: hidden; text-overflow:  ellipsis;",title:r},[l&&(0,i.createVNode)("span",{style:"margin-right: 5px;"},[l]),(0,i.createVNode)("span",null,[r])]),r&&(0,i.createVNode)(d.ElTag,{type:"info",round:!0,effect:"light",size:"small"},c(t=n.dateUtil.dateTimeFix(String(r)))?t:{default:()=>[t]})])})(e);if(p.tag)return V(e,l,r);if("date"===p.type||"time"===p.type||"dateTime"===p.type)return((e,t,l)=>{let r,a;switch(p.type){case"date":a="YYYY-MM-DD";break;case"time":a="HH:mm:ss";break;case"dateTime":a="YYYY-MM-DD HH:mm:ss"}const o=e[p.prop]?F(e,t,(0,d.dayjs)(e[p.prop]).format(p.dateFormat??a),l):null;return(0,i.createVNode)(i.Fragment,null,[v(o),o,p.dateFix&&o&&(0,i.createVNode)(i.Fragment,null,[(0,i.createVNode)("br",null,null),(0,i.createVNode)(d.ElTag,{type:"info",round:!0,effect:"light",size:"small"},c(r=n.dateUtil.dateTimeFix(String(o)))?r:{default:()=>[r]})])])})(e,l,r);if("d2"===p.type||"d4"===p.type||"d6"===p.type||"gd2"===p.type||"gd4"===p.type||"gd6"===p.type)return((e,t,l)=>{const r=e[p.prop];if(!r||!(0,s.isNumber)(r))return F(e,t,r,l);let a,o=!1;switch(p.type){case"d2":a=2;break;case"d4":a=4;break;case"d6":a=6;break;case"gd2":a=2,o=!0;break;case"gd4":a=4,o=!0;break;case"gd6":a=6,o=!0}return F(e,t,r.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:a,useGrouping:o}),l)})(e,l,r);if(p.link)return((e,t,l)=>{const r=F(e,t,e[p.prop],l);return x((0,i.createVNode)(i.Fragment,null,[v(r),r&&(0,i.createVNode)(d.ElText,{class:"el-link is-hover-underline fa-table__link-column__text",onClick:()=>{p.dataDeleteField&&!0===e[p.dataDeleteField]||(p.click?p.click({row:e,$index:l}):g("customCellClick",p.clickEmit,{row:e,column:w.value,$index:l}))}},c(r)?r:{default:()=>[r]})]))})(e,l,r);if(p.render)return x(p.render({row:e,column:w.value,$index:r,...t.getTableDefaultSlots(h)}));if(p.slot)return x(f[p.slot]&&f[p.slot]({row:e,column:w.value,$index:r,...t.getTableDefaultSlots(h)}));const a=F(e,l,e[p.prop],r);return x((0,i.createVNode)(i.Fragment,null,[v(a),a]))};let $=(0,n.useProps)(p,m,["type","width","minWidth","sortable","sortOrders","resizable","showOverflowTooltip"]);(0,i.watch)(()=>p,()=>{$=(0,n.useProps)(p,m,["type","className","minWidth","sortable","sortOrders","resizable","showOverflowTooltip"])}),(0,n.useRender)(()=>(0,i.createVNode)(i.Fragment,null,[p._children?.length?(0,i.createVNode)(d.ElTableColumn,(0,i.mergeProps)($.value,{className:S(),minWidth:N("auto"),sortable:!!p.sortable&&"custom",sortOrders:p.sortOrders??["descending","ascending",null],resizable:p.resizable&&!p.autoWidth,showOverflowTooltip:(p.showOverflowTooltip??!0)&&!p.autoWidth&&"default"==p.type}),{header:({column:e,$index:t})=>_({column:e,$index:t}),default:()=>p._children.map(e=>(0,i.h)((0,i.resolveComponent)("FaTableColumn"),{...e},f))}):"image"===p.type?(0,i.createVNode)(d.ElTableColumn,(0,i.mergeProps)($.value,{align:"center",className:"fa-table__image-column",minWidth:"50px",sortable:!1,resizable:!1,showOverflowTooltip:!1}),{header:({column:e,$index:t})=>_({column:e,$index:t}),default:({row:t})=>t[p.prop]?p.hideImage?(0,i.createVNode)(d.ElImage,{class:"fa-image",lazy:!0,src:l.default,fit:"cover",previewSrcList:[t[p.prop]],closeOnPressEscape:!0,hideOnClickModal:!0,previewTeleported:!0},null):(0,i.createVNode)(e.default,{lazy:!0,src:t[p.prop],fit:"cover",original:p.originalImage,thumb:!0},null):(0,i.createVNode)(d.ElImage,{class:"fa-image",lazy:!0,src:r.default,fit:"cover"},null)}):(0,i.createVNode)(d.ElTableColumn,(0,i.mergeProps)($.value,{className:S(),minWidth:N("auto"),sortable:!!p.sortable&&"custom",sortOrders:p.sortOrders??["descending","ascending",null],resizable:p.resizable&&!p.autoWidth,showOverflowTooltip:(p.showOverflowTooltip??!0)&&!p.autoWidth&&"default"==p.type}),{header:({column:e,$index:l})=>f.header?f.header({column:w.value,$index:l,...t.getTableDefaultSlots(h)}):_({column:e,$index:l}),default:({row:e,column:l,$index:r})=>f.default?f.default({row:e,column:w.value,$index:r,...t.getTableDefaultSlots(h)}):O({row:e,column:l,$index:r}),filterIcon:({filterOpened:e})=>f.filterIcon&&f.filterIcon({filterOpened:e,...t.getTableDefaultSlots(h)}),expand:({expanded:e})=>f.expand&&f.expand({expanded:e,...t.getTableDefaultSlots(h)})})]))}});exports.default=p,exports.tableColumnProps=m;
-//# sourceMappingURL=tableColumn.js.map