fast-element-plus 1.0.21 → 2.0.0

package/es/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/es/components/table/src/tableColumn.mjs

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