fast-element-plus 1.0.0 → 1.0.2

package/lib/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;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("element-plus"),l=require("@element-plus/icons-vue"),r=require("../../image/index.js"),o=require("@fast-china/utils"),a=require("lodash-unified"),i=require("../images/artwork.png.js"),n=require("../images/notImage.png.js"),d=require("../utils/table.js"),s=require("./table.type.js"),u=require("./useTable.js");function c(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}const 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))}},m=e.defineComponent({name:"FaTableColumn",props:{...p,type:{type:o.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:o.definePropType(Function)},render:{type:o.definePropType(Function)},_children:{type:o.definePropType(Array)},copy:Boolean,link:Boolean,spanProp:String,click:{type:o.definePropType(Function)},clickEmit:String,dateFix:Boolean,dateFormat:{type:o.definePropType(String)},tag:Boolean,enum:{type:o.definePropType([Array,Function])},dataDeleteField:String,submitInfoField:{type:o.definePropType(Object),default:()=>({submitClerkName:"createdUserName",submitTime:"createdTime"})}},emits:{imagePreview:e=>a.isString(e),customCellClick:(e,{row:t,column:l,$index:r})=>a.isString(e)&&a.isObject(t)&&a.isObject(l)&&a.isNumber(r)},slots:o.makeSlots(),setup(m,{slots:g,emit:f}){const y=t.useGlobalSize(),b=e.inject(u.tableStateKey),h=e.inject(u.enumMapKey),w=e.computed(()=>m),S=({row:e})=>{let t=m.prop;a.isString(m.enum)&&(t=m.enum);const l=h.get(t);return d.tableUtil.filterEnum(d.tableUtil.handleRowAccordingToProp(e,m.prop),l,null,"tag")},T=t=>m.autoWidth?e.computed(()=>{const e=b.autoColumnWidth.find(e=>e.prop===m.prop);return e?`${e.width}px`:"auto"}).value:"small"===y.value?m.smallWidth??m.width??m.minWidth??t??"auto":m.width??m.minWidth??t??"auto",N=t=>m.autoWidth?e.createVNode("div",{class:["fa-table__auto-width-column__cell-header",`__fa-table__auto-width-column__cell-header__${m.prop}`]},[t]):t,v=({column:t,$index:l})=>m.headerRender?N(m.headerRender({column:t,$index:l,...s.getTableDefaultSlots(b)})):m.headerSlot?N(g[m.headerSlot]&&g[m.headerSlot]({column:t,$index:l,...s.getTableDefaultSlots(b)})):N(e.createVNode("span",null,[m.label])),_=t=>m.autoWidth?e.createVNode("div",{class:["fa-table__auto-width-column__cell",`__fa-table__auto-width-column__cell__${m.prop}`]},[t]):t,F=(r,a)=>(m.copy||a)&&r&&e.createVNode(t.ElIcon,{class:"fa__copy-icon",title:"复制",onClick:()=>(async e=>{try{await o.stringUtil.copy(String(e)),t.ElMessage({type:"success",message:"复制成功"})}catch(l){o.consoleError("FaTableColumn",l),t.ElMessage({type:"error",message:"复制失败"})}})(r)},{default:()=>[e.createVNode(l.CopyDocument,null,null)]}),x=(e,t,l,r)=>t.formatter?t.formatter(e,t,l,r):l,V=({row:l,column:r,$index:i})=>{if("submitInfo"===m.type){let r;const a=l[m.submitInfoField?.submitClerkName??"createdUserName"],i=l[m.submitInfoField?.submitTime??"createdTime"];return e.createVNode(e.Fragment,null,[e.createVNode("div",{style:"white-space: nowrap; overflow: hidden; text-overflow: ellipsis;",title:i},[a&&e.createVNode("span",{style:"margin-right: 5px;"},[a]),e.createVNode("span",null,[i])]),i&&e.createVNode(t.ElTag,{type:"info",round:!0,effect:"light",size:"small"},c(r=o.dateUtil.dateTimeFix(String(i)))?r:{default:()=>[r]})])}if(m.tag){const o=x(l,r,(({row:e})=>{let t=m.prop;a.isString(m.enum)&&(t=m.enum);const l=h.get(t);return l?d.tableUtil.filterEnum(d.tableUtil.handleRowAccordingToProp(e,m.prop),l):d.tableUtil.formatValue(d.tableUtil.handleRowAccordingToProp(e,m.prop))})({row:l}),i);return e.createVNode(e.Fragment,null,[F(o),o?e.createVNode(t.ElTag,{type:S({row:l})},c(o)?o:{default:()=>[o]}):null])}if("date"===m.type||"time"===m.type||"dateTime"===m.type){let a,n;switch(m.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 d=l[m.prop]?x(l,r,t.dayjs(l[m.prop]).format(m.dateFormat??n),i):null;return e.createVNode(e.Fragment,null,[F(d),d,m.dateFix&&d&&e.createVNode(e.Fragment,null,[e.createVNode("br",null,null),e.createVNode(t.ElTag,{type:"info",round:!0,effect:"light",size:"small"},c(a=o.dateUtil.dateTimeFix(String(d)))?a:{default:()=>[a]})])])}if("d2"===m.type||"d4"===m.type||"d6"===m.type||"gd2"===m.type||"gd4"===m.type||"gd6"===m.type){const e=l[m.prop];if(e&&a.isNumber(e)){let t,l=!1;switch(m.type){case"d2":t=2;break;case"d4":t=4;break;case"d6":t=6;break;case"gd2":t=2,l=!0;break;case"gd4":t=4,l=!0;break;case"gd6":t=6,l=!0}return e.toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:t,useGrouping:l})}return e}if(m.link){const o=x(l,r,l[m.prop],i);return _(e.createVNode(e.Fragment,null,[F(o),o&&e.createVNode(t.ElText,{class:"el-link is-hover-underline fa-table__link-column__text",onClick:()=>{m.dataDeleteField&&!0===l[m.dataDeleteField]||(m.click?m.click({row:l,$index:i}):f("customCellClick",m.clickEmit,{row:l,column:w.value,$index:i}))}},c(o)?o:{default:()=>[o]})]))}if(m.render)return _(m.render({row:l,column:w.value,$index:i,...s.getTableDefaultSlots(b)}));if(m.slot)return _(g[m.slot]&&g[m.slot]({row:l,column:w.value,$index:i,...s.getTableDefaultSlots(b)}));{const t=x(l,r,l[m.prop],i);return _(e.createVNode(e.Fragment,null,[F(t),t]))}};let k=o.useProps(m,p,["type","width","minWidth","sortable","sortOrders","resizable","showOverflowTooltip"]);e.watch(()=>m,()=>{k=o.useProps(m,p,["type","minWidth","sortable","sortOrders","resizable","showOverflowTooltip"])}),o.useRender(()=>e.createVNode(e.Fragment,null,[m._children?.length?e.createVNode(t.ElTableColumn,e.mergeProps(k.value,{minWidth:T("auto"),sortable:!!m.sortable&&"custom",sortOrders:m.sortOrders??["descending","ascending",null],resizable:m.resizable&&!m.autoWidth,showOverflowTooltip:(m.showOverflowTooltip??!0)&&!m.autoWidth&&"default"==m.type}),{header:({column:e,$index:t})=>v({column:e,$index:t}),default:()=>m._children.map(t=>e.h(e.resolveComponent("FaTableColumn"),{...t},g))}):"image"===m.type?e.createVNode(t.ElTableColumn,e.mergeProps(k.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:l})=>l[m.prop]?b.hideImage?e.createVNode(t.ElImage,{class:"fa-image",lazy:!0,src:i.default,fit:"cover",previewSrcList:[l[m.prop]],closeOnPressEscape:!0,hideOnClickModal:!0,previewTeleported:!0},null):e.createVNode(r.FaImage,{lazy:!0,src:l[m.prop],fit:"cover",original:!0},null):e.createVNode(t.ElImage,{class:"fa-image",lazy:!0,src:n.default,fit:"cover"},null)}):e.createVNode(t.ElTableColumn,e.mergeProps(k.value,{minWidth:T("auto"),sortable:!!m.sortable&&"custom",sortOrders:m.sortOrders??["descending","ascending",null],resizable:m.resizable&&!m.autoWidth,showOverflowTooltip:(m.showOverflowTooltip??!0)&&!m.autoWidth&&"default"==m.type}),{header:({column:e,$index:t})=>v({column:e,$index:t}),default:({row:e,column:t,$index:l})=>V({row:e,column:t,$index:l})})]))}});exports.default=m,exports.tableColumnProps=p;
+//# sourceMappingURL=tableColumn.js.map