@wlydfe/pro-ui 0.1.25

package/es/components/display-item/index.d.ts

@@ -0,0 +1,473 @@
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { EpPropMergeType } from 'element-plus/es/utils';
+import { ElTooltipProps, FormItemProps, ProgressFn, CascaderNode, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { LooseRequired } from '@vue/shared';
+import { RecordType, PlusColumn, FieldValueType, PropsItemType, Mutable, OmitTypes, CascaderProps, OptionsType, RenderTypes, TableValueType, FormItemValueType, OptionsRow } from '@wlydfe/pro-ui';
+import { PlusFormProps, PlusFormItemProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'packages/plus-pro-components';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, CSSProperties } from 'vue';
+import { default as DisplayItem } from './src/index.vue';
+
+export type PlusDisplayItemInstance = InstanceType<typeof DisplayItem>;
+export type { PlusDisplayItemProps } from './src/index.vue';
+export declare const PlusDisplayItem: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        index: {
+            type: PropType<number>;
+            default: number;
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: () => {};
+        };
+        rest: {
+            type: PropType<RecordType>;
+            default: () => {};
+        };
+        column: {
+            type: PropType<PlusColumn>;
+            required: true;
+            default: () => {
+                prop: string;
+                label: string;
+            };
+        };
+        editable: {
+            type: PropType<boolean | "click" | "dblclick">;
+            default: boolean;
+        };
+        row: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+    }>> & {
+        onChange?: ((data: {
+            value: FieldValueType;
+            prop: string;
+            row: RecordType;
+        }) => any) | undefined;
+    }, {
+        startCellEdit: () => void;
+        stopCellEdit: () => void;
+        getDisplayItemInstance: () => {
+            isEdit: Ref<boolean>;
+            index: number;
+            rowIndex: number;
+            cellIndex: any;
+            prop: string;
+            formInstance: ComputedRef<any>;
+        };
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        change: (data: {
+            value: FieldValueType;
+            prop: string;
+            row: RecordType;
+        }) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        index: {
+            type: PropType<number>;
+            default: number;
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: () => {};
+        };
+        rest: {
+            type: PropType<RecordType>;
+            default: () => {};
+        };
+        column: {
+            type: PropType<PlusColumn>;
+            required: true;
+            default: () => {
+                prop: string;
+                label: string;
+            };
+        };
+        editable: {
+            type: PropType<boolean | "click" | "dblclick">;
+            default: boolean;
+        };
+        row: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+    }>> & {
+        onChange?: ((data: {
+            value: FieldValueType;
+            prop: string;
+            row: RecordType;
+        }) => any) | undefined;
+    }, {
+        index: number;
+        formProps: PlusFormProps;
+        rest: RecordType;
+        column: PlusColumn;
+        editable: boolean | "click" | "dblclick";
+        row: RecordType;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        index: {
+            type: PropType<number>;
+            default: number;
+        };
+        formProps: {
+            type: PropType<PlusFormProps>;
+            default: () => {};
+        };
+        rest: {
+            type: PropType<RecordType>;
+            default: () => {};
+        };
+        column: {
+            type: PropType<PlusColumn>;
+            required: true;
+            default: () => {
+                prop: string;
+                label: string;
+            };
+        };
+        editable: {
+            type: PropType<boolean | "click" | "dblclick">;
+            default: boolean;
+        };
+        row: {
+            type: PropType<RecordType>;
+            required: true;
+            default: () => {};
+        };
+    }>> & {
+        onChange?: ((data: {
+            value: FieldValueType;
+            prop: string;
+            row: RecordType;
+        }) => any) | undefined;
+    }, {
+        startCellEdit: () => void;
+        stopCellEdit: () => void;
+        getDisplayItemInstance: () => {
+            isEdit: Ref<boolean>;
+            index: number;
+            rowIndex: number;
+            cellIndex: any;
+            prop: string;
+            formInstance: ComputedRef<any>;
+        };
+    }, {}, {}, {}, {
+        index: number;
+        formProps: PlusFormProps;
+        rest: RecordType;
+        column: PlusColumn;
+        editable: boolean | "click" | "dblclick";
+        row: RecordType;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    index: {
+        type: PropType<number>;
+        default: number;
+    };
+    formProps: {
+        type: PropType<PlusFormProps>;
+        default: () => {};
+    };
+    rest: {
+        type: PropType<RecordType>;
+        default: () => {};
+    };
+    column: {
+        type: PropType<PlusColumn>;
+        required: true;
+        default: () => {
+            prop: string;
+            label: string;
+        };
+    };
+    editable: {
+        type: PropType<boolean | "click" | "dblclick">;
+        default: boolean;
+    };
+    row: {
+        type: PropType<RecordType>;
+        required: true;
+        default: () => {};
+    };
+}>> & {
+    onChange?: ((data: {
+        value: FieldValueType;
+        prop: string;
+        row: RecordType;
+    }) => any) | undefined;
+}, {
+    startCellEdit: () => void;
+    stopCellEdit: () => void;
+    getDisplayItemInstance: () => {
+        isEdit: Ref<boolean>;
+        index: number;
+        rowIndex: number;
+        cellIndex: any;
+        prop: string;
+        formInstance: ComputedRef<any>;
+    };
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (data: {
+        value: FieldValueType;
+        prop: string;
+        row: RecordType;
+    }) => void;
+}, string, {
+    index: number;
+    formProps: PlusFormProps;
+    rest: RecordType;
+    column: PlusColumn;
+    editable: boolean | "click" | "dblclick";
+    row: RecordType;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "fieldSlots" | "fieldChildrenSlot" | "modelValue" | "options" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            readonly label: string | ComputedRef<string>;
+            readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+            readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+            readonly tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+            readonly formItemProps: PropsItemType< Mutable<FormItemProps> & {
+                [key: string]: any;
+                style?: CSSProperties | undefined;
+            }>;
+            readonly fieldProps: PropsItemType<Partial<{
+                [key: string]: any;
+                style: CSSProperties;
+                rows: number;
+                autocomplete: string;
+                type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+                step: string | number;
+                format: string | ProgressFn | undefined;
+                filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+                id: string | [string, string];
+                effect: string;
+                height: string | number;
+                autosize: InputAutoSize;
+            } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+            readonly options: OptionsType;
+            readonly fieldSlots: {
+                [slotName: string]: (data?: any) => RenderTypes;
+            };
+            readonly valueType: TableValueType | FormItemValueType;
+            readonly renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+            readonly renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+            readonly fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+            readonly renderErrorMessage: ((props: PlusColumn & {
+                value?: FieldValueType;
+                error?: string | undefined;
+                label?: string | undefined;
+            }) => RenderTypes) | undefined;
+            readonly optionsMap: {
+                label?: string | undefined;
+                value?: string | undefined;
+            } | undefined;
+            readonly clearable: boolean;
+            readonly index: number;
+        } & {
+            readonly clearable: boolean;
+        };
+        label: string;
+        fieldProps: RecordType;
+        formItemProps: RecordType;
+        options: OptionsRow<undefined>[];
+        fieldInstance?: any;
+        valueIsReady?: Ref<boolean> | undefined;
+        prop: string;
+        modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+        hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+        tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+        fieldSlots: {
+            [slotName: string]: (data?: any) => RenderTypes;
+        };
+        valueType: TableValueType | FormItemValueType;
+        renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+        renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+        fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+        renderErrorMessage: ((props: PlusColumn & {
+            value?: FieldValueType;
+            error?: string | undefined;
+            label?: string | undefined;
+        }) => RenderTypes) | undefined;
+        optionsMap: {
+            label?: string | undefined;
+            value?: string | undefined;
+        } | undefined;
+        clearable: boolean;
+        index: number;
+    }) => any>> & Partial<Record<string, (_: {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "fieldSlots" | "fieldChildrenSlot" | "modelValue" | "options" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            readonly label: string | ComputedRef<string>;
+            readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+            readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+            readonly tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+            readonly formItemProps: PropsItemType< Mutable<FormItemProps> & {
+                [key: string]: any;
+                style?: CSSProperties | undefined;
+            }>;
+            readonly fieldProps: PropsItemType<Partial<{
+                [key: string]: any;
+                style: CSSProperties;
+                rows: number;
+                autocomplete: string;
+                type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+                step: string | number;
+                format: string | ProgressFn | undefined;
+                filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+                id: string | [string, string];
+                effect: string;
+                height: string | number;
+                autosize: InputAutoSize;
+            } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+            readonly options: OptionsType;
+            readonly fieldSlots: {
+                [slotName: string]: (data?: any) => RenderTypes;
+            };
+            readonly valueType: TableValueType | FormItemValueType;
+            readonly renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+            readonly renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+            readonly fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+            readonly renderErrorMessage: ((props: PlusColumn & {
+                value?: FieldValueType;
+                error?: string | undefined;
+                label?: string | undefined;
+            }) => RenderTypes) | undefined;
+            readonly optionsMap: {
+                label?: string | undefined;
+                value?: string | undefined;
+            } | undefined;
+            readonly clearable: boolean;
+            readonly index: number;
+        } & {
+            readonly clearable: boolean;
+        };
+        label: string;
+        fieldProps: RecordType;
+        formItemProps: RecordType;
+        options: OptionsRow<undefined>[];
+        fieldInstance?: any;
+        valueIsReady?: Ref<boolean> | undefined;
+        prop: string;
+        modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+        hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+        tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+        fieldSlots: {
+            [slotName: string]: (data?: any) => RenderTypes;
+        };
+        valueType: TableValueType | FormItemValueType;
+        renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+        renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+        fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+        renderErrorMessage: ((props: PlusColumn & {
+            value?: FieldValueType;
+            error?: string | undefined;
+            label?: string | undefined;
+        }) => RenderTypes) | undefined;
+        optionsMap: {
+            label?: string | undefined;
+            value?: string | undefined;
+        } | undefined;
+        clearable: boolean;
+        index: number;
+    }) => any>> & Partial<Record<string, (_: {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "label" | "index" | "tooltip" | "formItemProps" | "fieldProps" | "fieldSlots" | "fieldChildrenSlot" | "modelValue" | "options" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+            readonly label: string | ComputedRef<string>;
+            readonly modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+            readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+            readonly tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+            readonly formItemProps: PropsItemType< Mutable<FormItemProps> & {
+                [key: string]: any;
+                style?: CSSProperties | undefined;
+            }>;
+            readonly fieldProps: PropsItemType<Partial<{
+                [key: string]: any;
+                style: CSSProperties;
+                rows: number;
+                autocomplete: string;
+                type: "" | "number" | "default" | "search" | "checkbox" | "radio" | "textarea" | "text" | "circle" | "color" | "button" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "time" | "image" | "line" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "range" | "dashboard" | "hidden" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
+                step: string | number;
+                format: string | ProgressFn | undefined;
+                filterMethod: Function | ((node: CascaderNode, keyword: string) => boolean) | undefined;
+                id: string | [string, string];
+                effect: string;
+                height: string | number;
+                autosize: InputAutoSize;
+            } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>>;
+            readonly options: OptionsType;
+            readonly fieldSlots: {
+                [slotName: string]: (data?: any) => RenderTypes;
+            };
+            readonly valueType: TableValueType | FormItemValueType;
+            readonly renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+            readonly renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+            readonly fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+            readonly renderErrorMessage: ((props: PlusColumn & {
+                value?: FieldValueType;
+                error?: string | undefined;
+                label?: string | undefined;
+            }) => RenderTypes) | undefined;
+            readonly optionsMap: {
+                label?: string | undefined;
+                value?: string | undefined;
+            } | undefined;
+            readonly clearable: boolean;
+            readonly index: number;
+        } & {
+            readonly clearable: boolean;
+        };
+        label: string;
+        fieldProps: RecordType;
+        formItemProps: RecordType;
+        options: OptionsRow<undefined>[];
+        fieldInstance?: any;
+        valueIsReady?: Ref<boolean> | undefined;
+        prop: string;
+        modelValue: string | number | boolean | RecordType | Date | string[] | boolean[] | number[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | null;
+        hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
+        tooltip: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
+        fieldSlots: {
+            [slotName: string]: (data?: any) => RenderTypes;
+        };
+        valueType: TableValueType | FormItemValueType;
+        renderField: ((value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes) | undefined;
+        renderLabel: ((label: string, props: PlusColumn) => RenderTypes) | undefined;
+        fieldChildrenSlot: ((option?: OptionsRow<undefined> | undefined) => RenderTypes) | undefined;
+        renderErrorMessage: ((props: PlusColumn & {
+            value?: FieldValueType;
+            error?: string | undefined;
+            label?: string | undefined;
+        }) => RenderTypes) | undefined;
+        optionsMap: {
+            label?: string | undefined;
+            value?: string | undefined;
+        } | undefined;
+        clearable: boolean;
+        index: number;
+    }) => any>> & Partial<Record<string, (_: {
+        column: any;
+        prop: string;
+        valueType: TableValueType | FormItemValueType;
+        row: RecordType;
+        index: number;
+        rowIndex: number;
+        fieldProps: RecordType;
+        options: OptionsRow<undefined>[];
+        value: any;
+    }) => any>> & {
+        "edit-icon"?(_: {}): any;
+    };
+});

package/es/components/display-item/index.mjs

@@ -0,0 +1,5 @@
+import DisplayItem from './src/index.vue.mjs';
+
+const PlusDisplayItem = DisplayItem;
+
+export { PlusDisplayItem };

package/es/components/display-item/src/display-item.d.ts

@@ -0,0 +1,29 @@
+import { Component } from 'vue';
+import { TableValueType } from '@wlydfe/pro-ui/es/types';
+
+export type DisplayComponentType = {
+    /**
+     * parent Component
+     */
+    component: Component | string;
+    /**
+     *  parent Props
+     */
+    format?: (...arg: any[]) => string;
+    class?: string;
+    hasSlots?: boolean;
+};
+export type DisplayComponentMapType = Record<Exclude<TableValueType & 'date-picker', undefined | '' | 'copy'>, DisplayComponentType>;
+export declare const DisplayComponentMap: DisplayComponentMapType;
+/**
+ * has component
+ * @param valueType
+ * @returns
+ */
+export declare const hasDisplayComponent: (valueType?: string) => boolean;
+/**
+ * get component
+ * @param valueType
+ * @returns
+ */
+export declare const getDisplayComponent: (valueType?: string) => DisplayComponentType;

package/es/components/display-item/src/display-item.mjs

@@ -0,0 +1,44 @@
+import { ElImage, ElLink, ElTag, ElProgress, ElAvatar } from 'element-plus';
+import '../../utils/index.mjs';
+import { formatDate, formatMoney } from '../../utils/format.mjs';
+
+const DisplayComponentMap = {
+  img: {
+    component: ElImage,
+    class: "plus-display-item__image",
+    hasSlots: true
+  },
+  link: {
+    component: ElLink,
+    class: "plus-display-item__link",
+    hasSlots: true
+  },
+  tag: {
+    component: ElTag,
+    hasSlots: true
+  },
+  progress: {
+    component: ElProgress,
+    hasSlots: true
+  },
+  avatar: {
+    component: ElAvatar,
+    hasSlots: true
+  },
+  "date-picker": {
+    component: "span",
+    format: formatDate
+  },
+  money: {
+    component: "span",
+    format: formatMoney
+  },
+  code: {
+    component: "span",
+    class: "plus-display-item__pre"
+  }
+};
+const hasDisplayComponent = (valueType) => Object.keys(DisplayComponentMap).includes(valueType);
+const getDisplayComponent = (valueType) => Reflect.get(DisplayComponentMap, valueType) || {};
+
+export { DisplayComponentMap, getDisplayComponent, hasDisplayComponent };