yc-pro-components 0.0.1

package/es/types/form.d.ts

@@ -0,0 +1,324 @@
+import { Mutable, RecordType } from './global';
+import { PropsItemType, PlusColumn, OptionsRow, RenderTypes, IntrinsicAttributes } from './plus';
+import { PlusFormProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'yc-components/es/components';
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { FormItemProps, ColProps, RowProps, AutocompleteProps, cascaderProps, CheckboxGroupProps, ColorPickerProps, DatePickerProps, InputProps, InputAutoSize, InputNumberProps, RadioGroupProps, RateProps, ISelectProps, SliderProps, SwitchProps, TimePickerDefaultProps, TextProps, ImageProps, LinkProps, TagProps, ProgressProps } from 'element-plus';
+import { Ref, ComputedRef, ExtractPropTypes, CSSProperties } from 'vue';
+
+export {};
+/**
+ * 级联类型
+ */
+export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+/**
+ * 原生input所有的type类型
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types
+ */
+export type InputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week';
+/**
+ * 需要去除或者需要重新定义的类型
+ */
+export type OmitTypes = 'modelValue' | 'src' | 'autocomplete' | 'type' | 'loading' | 'step' | 'format' | 'filterMethod' | 'id' | 'effect' | 'height' | 'autosize';
+/**
+ * 表单和显示组件所有字段类型
+ */
+export type FieldProps = Partial<{
+    [index: string]: any;
+    [index: number]: any;
+    [index: symbol]: any;
+    /**
+     * @version v0.1.27
+     */
+    class: any;
+    style: CSSProperties;
+    /**
+     * @version v0.1.27
+     */
+    modelModifiers: {
+        [index: string]: any;
+        lazy?: boolean;
+        trim?: boolean;
+        number?: boolean;
+    };
+    /**
+     * @desc 输入框行数，仅 type 为 'textarea' 时有效
+     * @desc 补充element-plus input:type='textarea' 时的ts类型缺失
+     */
+    rows: number;
+    autocomplete: string;
+    /**
+     * type 类型
+     */
+    type: DatePickerProps['type'] | TextProps['type'] | LinkProps['type'] | ProgressProps['type'] | InputType | 'textarea';
+    /**
+     *@desc `valueType` 为 `img `时是 `"lazy" | "eager"`，其余是`boolean`类型
+     */
+    loading: SwitchProps['loading'] | ImageProps['loading'];
+    /**
+     * @desc `valueType` 为 `time-select` 时是`string`类型， 其余是`number`类型
+     */
+    step: SliderProps['step'] | TimeSelectProps['step'] | InputNumberProps['step'];
+    /**
+     *@desc `valueType` 为 `progress` 时是函数类型，其余是字符串类型
+     */
+    format: DatePickerProps['format'] | TimePickerDefaultProps['format'] | TimeSelectProps['format'] | ProgressProps['format'];
+    /**
+     * @desc `valueType` 为 `cascader` 时是`(node: Node, keyword: string) => boolean`类型
+     * @desc `valueType` 为 `select` 时是`() => void`类型
+     */
+    filterMethod: CascaderProps['filterMethod'] | ISelectProps['filterMethod'];
+    /**
+     * @desc `valueType` 为 `date-picker` 时**可能**是`[string, string]`类型，其余是`string`类型
+     */
+    id: string | [string, string];
+    /**
+     * @desc el-select，el-time-select 的 effect
+     */
+    effect: ISelectProps['effect'];
+    /**
+     * @desc `valueType` 为 `slider` 时是`string`类型，其余是`number`类型
+     */
+    height: string | number;
+    /**
+     * @desc `valueType` 为 `textarea` 时
+     */
+    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>>>;
+/**
+ * 所有表单的类型 默认是  input
+ */
+export type FormItemValueType = 'autocomplete' | 'cascader' | 'checkbox' | 'color-picker' | 'date-picker' | 'input-number' | 'radio' | 'rate' | 'select' | 'slider' | 'switch' | 'time-picker' | 'time-select' | 'textarea' | 'input' | 'text' | 'plus-radio' | 'plus-date-picker' | 'plus-input-tag'
+/**
+ * @version 0.1.1 新增
+ */
+ | 'transfer'
+/**
+ * @version 0.1.1 新增
+ */
+ | 'tree-select'
+/**
+ * @version 0.1.21 新增
+ */
+ | 'select-v2' | undefined;
+/**
+ * el-col列的props
+ * @version v0.1.27
+ * @see https://element-plus.org/zh-CN/component/layout#col-api
+ */
+export type PlusColProps = Partial<Mutable<ColProps> & IntrinsicAttributes>;
+/**
+ * el-row列的props
+ * @version v0.1.27
+ * @see https://element-plus.org/zh-CN/component/layout#row-api
+ */
+export type PlusRowProps = Partial<Mutable<RowProps> & IntrinsicAttributes>;
+/**
+ * 表单项的props
+ */
+export interface FormColumnProps {
+    /**
+     * @desc 传递给 PlusForm的配置， 支持所有 el-form的props。值支持对象object。
+     * @version 0.1.17 新增
+     * @version 0.1.19  新增 computed，函数支持，不支持Promise
+     */
+    formProps?: Partial<PlusFormProps> | ComputedRef<Partial<PlusFormProps>> | ((value: FieldValueType, data: {
+        row: Record<string, any>;
+        index: number;
+    }) => Partial<PlusFormProps>);
+    /**
+     * @desc 传递给 el-form-item 的配置， 支持所有 el-form-item的props。值支持对象 object，computed，函数和 Promise。
+     */
+    formItemProps?: PropsItemType<Mutable<FormItemProps> & {
+        [key: string]: any;
+        style?: CSSProperties;
+    }>;
+    /**
+     * @desc 支持类似el-input，el-select等所有表单项的props 以及 表格显示的每行 props。值支持对象 object，computed，函数和 Promise。
+     */
+    fieldProps?: PropsItemType<FieldProps>;
+    /**
+     * @desc 自定义渲染 el-form-item 下的field-item组件。
+     * @example
+     * ```ts
+     * import { h } from 'vue'
+     * import { ElTag } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+  
+     * const columns:PlusColumn[]= [
+     *  {
+     *    label: '自定义el-input',
+     *    prop: 'elData',
+     *    fieldProps: {
+     *     // 优先级低于 renderField 的props
+     *      placeholder: '请输入'
+     *    },
+     *     renderField: (value, onChange) => {
+     *        return h(ElInput as any, {
+     *         // 优先级高于 fieldProps
+     *           placeholder: '请输入自定义el-input',
+     *           type: 'textarea',
+     *           onChange
+     *      })
+     *  }
+     * ]
+     *
+     * ```
+     */
+    renderField?: (value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes;
+    /**
+     * @desc el-col 的 props
+     * @version v0.1.30 新增 computed 支持
+     */
+    colProps?: PlusColProps | ComputedRef<PlusColProps>;
+    /**
+     * 表单中单个项目是否需要 label，默认undefined，优先级高于表单的整体 hasLabel
+     */
+    hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean>;
+    /**
+     * @desc 渲染form表单的label
+     * @example
+     * ```ts
+     * import { ref, h } from 'vue'
+     * import { ElButton } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const columns: PlusColumn[] = [
+     *   {
+     *    label: '名称',
+     *    prop: 'name',
+     *    renderLabel:() => 'renderExtra'
+     *   },
+     *   {
+     *    label: '标签',
+     *    prop: 'tag',
+     *    renderLabel: () => h(ElButton,'tag')
+     *   }
+     * ]
+     *
+     * ```
+     */
+    renderLabel?: (label: string, props: PlusColumn) => RenderTypes;
+    /**
+     * @desc  渲染el-form-item 下一行额外的内容
+     * @example
+     * ```ts
+     * import { ref, h } from 'vue'
+     * import { ElButton } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const columns: PlusColumn[] = [
+     *   {
+     *    label: '名称',
+     *    prop: 'name',
+     *    renderExtra:() => 'renderExtra'
+     *   },
+     *   {
+     *    label: '标签',
+     *    prop: 'tag',
+     *    renderExtra: () => h(ElButton,'tag')
+     *   }
+     * ]
+     *
+     * ```
+     */
+    renderExtra?: (column: PlusColumn) => RenderTypes;
+    /**
+     * @desc  渲染el-form-item 上一行的内容
+     * @version 0.1.25 新增
+     * @example
+     * ```ts
+     * import { ref, h } from 'vue'
+     * import { ElButton } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const columns: PlusColumn[] = [
+     *   {
+     *    label: '名称',
+     *    prop: 'name',
+     *    renderPrevious:() => 'renderPrevious'
+     *   },
+     *   {
+     *    label: '标签',
+     *    prop: 'tag',
+     *    renderPrevious: () => h(ElButton,'tag')
+     *   }
+     * ]
+     *
+     * ```
+     */
+    renderPrevious?: (column: PlusColumn) => RenderTypes;
+    /**
+     * @desc 表单（表格）单个项目的插槽，支持类似el-input，el-select， el-image ，el-link等所有表单（表格）单项的插槽
+     * @example
+     * ```ts
+     * import { ref, h } from 'vue'
+     * import { Search } from '@element-plus/icons-vue'
+     * import { ElIcon } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const columns: PlusColumn[] = [
+     *  {
+     *   label: '名称',
+     *   prop: 'name',
+     *   fieldSlots: {
+     *     suffix: () => h(ElIcon, null, () => h(Search)),
+     *     prefix: () => 'prefix',
+     *     prepend: () => 'prepend',
+     *     append: () => 'append'
+     *   }
+     *  },
+     *  {
+     *   label: '链接',
+     *   prop: 'place',
+     *   valueType: 'link',
+     *   linkText: 'link',
+     *   fieldSlots: {
+     *     default: () => 'prefix'
+     *   }
+     *  },
+     * ]
+     *
+     * ```
+     */
+    fieldSlots?: {
+        [slotName: string]: (data?: any) => RenderTypes;
+    };
+    /**
+     *
+     * 自定义表单每一项子项的插槽 valueType 为 `checkbox` | `radio` | `select` |`plus-radio` 之一时生效。
+     * el-checkbox-group下的，所有el-checkbox的内容整体插槽(即el-checkbox的default插槽)。
+     * el-radio-group下的，所有el-checkbox的内容整体插槽(即el-radio的default插槽)。
+     * el-select下的，所有el-option的内容整体插槽(即el-option的default插槽)。
+     *
+     * @see https://element-plus.org/zh-CN/component/checkbox.html#checkbox-slots
+     * @see https://element-plus.org/zh-CN/component/radio.html#radio-slots
+     * @see https://element-plus.gitee.io/zh-CN/component/select.html#option-slots
+     */
+    fieldChildrenSlot?: (option?: OptionsRow) => RenderTypes;
+    /**
+     * 渲染el-form-item的error 信息
+     * @param column
+     * @version 0.1.23
+     * @returns
+     */
+    renderErrorMessage?: (props: PlusColumn & {
+        value?: FieldValueType;
+        error?: string;
+        label?: string;
+    }) => RenderTypes;
+}
+/**
+ * 通用的单个表单值的类型，适用于大多数通用场景
+ */
+export type FieldValueType = string | number | boolean | null | undefined | Date | string[] | number[] | boolean[] | Date[] | [Date, Date] | [number, number] | [string, string] | string[][] | number[][] | RecordType;
+/**
+ * 通用的整体表单值的类型
+ */
+export type FieldValues = Record<keyof any, FieldValueType>;
+/**
+ * FieldRefs 的类型
+ */
+export type FormFieldRefsType = {
+    fieldInstance?: any;
+    valueIsReady?: Ref<boolean>;
+};

package/es/types/form.mjs

@@ -0,0 +1 @@
+

package/es/types/global.d.ts

@@ -0,0 +1,29 @@
+import { Mutable } from 'element-plus/es/utils';
+
+export {};
+/**
+ * ref 绑定的元素类型
+ */
+export type ElementRefType = HTMLElement | null;
+/**
+ * setTimeout 类型
+ */
+export type Timeout = ReturnType<typeof setTimeout>;
+/**
+ * setInterval 类型
+ */
+export type Interval = ReturnType<typeof setInterval>;
+/**
+ * 普通的对象的泛型
+ */
+export type RecordType = {
+    [index: keyof any]: any;
+};
+/**
+ * 允许null的泛型
+ */
+export type Nullable<T> = T | null;
+/**
+ * 去除只读状态
+ */
+export { Mutable };

package/es/types/global.mjs

@@ -0,0 +1 @@
+

package/es/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './global';
+export * from './plus';
+export * from './form';
+export * from './table';
+export * from './layout';

package/es/types/index.mjs

@@ -0,0 +1 @@
+

package/es/types/layout.d.ts

@@ -0,0 +1,44 @@
+import { VNode, Component } from 'vue';
+import { RouteRecordRaw } from 'vue-router';
+
+/**
+ * 路由配置类型
+ *
+ * @description 继承自 vue-router 的 RouteRecordRaw，无侵入，仅仅只扩展 meta，meta除了扩展的属性外，同时支持添加任意自定义属性，
+ * 外链的话  path给   '/'+链接   例： `/https://element-plus.org`
+ *
+ */
+export type PlusRouteRecordRaw = Partial<Omit<RouteRecordRaw, 'children'>> & {
+    /**
+     * meta除了扩展的属性外，同时支持添加任意自定义属性
+     *
+     */
+    meta?: {
+        /**
+         * 页面标题   标题存在面包屑和菜单名称显示标题  不存在显示路由的 name  name不存在显示路由的 path
+         */
+        title?: string;
+        /**
+         * 图标
+         */
+        icon?: Component | VNode | ((route: PlusRouteRecordRaw) => VNode);
+        /**
+         * 排序，默认为0 只对第一级有效
+         */
+        sort?: number;
+        /**
+         * 在侧边栏菜单中隐藏，默认false 不隐藏
+         */
+        hideInMenu?: boolean;
+        /**
+         * 隐藏面包屑，默认false 不隐藏
+         */
+        hideInBreadcrumb?: boolean;
+        /**
+         * 菜单是否禁用
+         * @see https://element-plus.org/zh-CN/component/menu.html#menu-item-attributes
+         */
+        disabled?: boolean;
+    };
+    children?: PlusRouteRecordRaw[];
+};

package/es/types/layout.mjs

@@ -0,0 +1 @@
+

package/es/types/plus.d.ts

@@ -0,0 +1,280 @@
+import { FormItemValueType, FormColumnProps, FieldValueType } from './form';
+import { TableValueType, TableColumnProps } from './table';
+import { RecordType, Mutable } from './global';
+import { VNode, Ref, ComputedRef, Component, CSSProperties } from 'vue';
+import { ElTooltipProps, ButtonType, CardProps } from 'element-plus';
+
+export {};
+/**
+ * 渲染函数的返回值的类型
+ */
+export type RenderTypes = string | VNode | Component;
+/**
+ * 内在属性
+ * @version v0.1.27
+ */
+export type IntrinsicAttributes = {
+    style?: CSSProperties;
+    class?: any;
+} & RecordType;
+/**
+ * 分页参数
+ */
+export interface PageInfo {
+    /**
+     * 默认为1
+     */
+    page: number;
+    /**
+     * 默认为10
+     */
+    pageSize: number;
+}
+/**
+ * el-card列的props
+ * @version v0.1.27
+ */
+export type PlusCardProps = Partial<Mutable<CardProps> & IntrinsicAttributes>;
+/**
+ * el-tooltip的props
+ *
+ * @version v0.1.27
+ */
+export type PlusTooltipProps = Partial<Mutable<ElTooltipProps> & IntrinsicAttributes>;
+/**
+ *  自定义props类型  支持对象object，computed，函数和Promise
+ */
+export type PropsItemType<T extends Record<string, any> = any> = Partial<T> | ComputedRef<Partial<T>> | ((value: FieldValueType, data: {
+    row: Record<string, any>;
+    index: number;
+}) => Partial<T> | Promise<Partial<T>>) | Promise<Partial<T>>;
+/**
+ * 选择框类型
+ */
+export interface OptionsRow<T = undefined> {
+    /**
+     * @version v0.1.15 新增索引类型，用来支持optionsMap  @see /components/config.html
+     */
+    [index: keyof any]: any;
+    /**
+     * @version v0.1.15 变更为可选，用来支持optionsMap  @see /components/config.html
+     */
+    label?: number | string;
+    /**
+     * @version v0.1.7 新增 RecordType 类型
+     * @version v0.1.15 变更为可选，用来支持optionsMap  @see /components/config.html
+     */
+    value?: Exclude<number | string | boolean | RecordType, T>;
+    /**
+     * 小圆点背景色，仅在表格和描述列表中生效
+     * color 优先级 高于 type
+     */
+    color?: string;
+    /**
+     * 小圆点颜色类型，仅在表格和描述列表中生效
+     * type 优先级 低于 color，
+     * 只支持 'success' | 'warning' | 'info' | 'primary' | 'danger'
+     */
+    type?: Exclude<ButtonType, 'default' | 'text' | ''>;
+    /**
+     * 表单子项的props  如 el-checkbox-group下的el-checkbox的props
+     * @version v0.1.25 新增函数类型支持 ((item: OptionsRow) => RecordType)
+     */
+    fieldItemProps?: RecordType | ((item: OptionsRow) => RecordType);
+    /**
+     * el-checkbox-group下的，每一项el-checkbox的各自插槽(即el-checkbox的default插槽)。
+     * el-radio-group下的，每一项el-checkbox的内容各自插槽(即el-radio的default插槽)。
+     * el-select下的，每一项el-option的内容整体插槽(即el-option的default插槽)。
+     *
+     * @see https://element-plus.org/zh-CN/component/checkbox.html#checkbox-slots
+     * @see https://element-plus.org/zh-CN/component/radio.html#radio-slots
+     */
+    fieldSlot?: (option?: OptionsRow) => RenderTypes;
+    /**
+     * 子选项，仅valueType 为 `cascader` 时生效
+     */
+    children?: OptionsRow[];
+    /**
+     * @version 0.1.28 当 valueType 为 select 时，将选项进行分组显示
+     */
+    options?: OptionsRow[];
+}
+/**
+ * 选择类型   支持数组，computed，函数和Promise
+ */
+export type OptionsType = OptionsRow[] | ComputedRef<OptionsRow[]> | ((props?: PlusColumn) => OptionsRow[] | Promise<OptionsRow[]>) | Promise<OptionsRow[]>;
+/**
+ * 共享类型
+ */
+export interface CommonType {
+    [index: string]: any;
+    /**
+     * 表格表头显示的标题 ；在form 中是 el-form-item的label；在descriptions 是 el-descriptions-item的label；
+     *  @version v0.0.10 修改为可选
+     *  @version v0.1.0 类型新增ComputedRef<string>
+     */
+    label?: string | ComputedRef<string>;
+    /**
+     * 表格对应列内容的字段名 ；在form 中是 el-input等所有表单项的双向绑定的值；在descriptions 是 el-descriptions-item的值对应的字段；
+     */
+    prop: string;
+    /**
+     *  表格宽
+     */
+    width?: string | number;
+    /**
+     *  表格最小宽
+     */
+    minWidth?: string | number;
+    /**
+     * @desc 当开启时  valueType 为 `FormItemValueType` 其中之一时 表格中显示的是对应的可编辑的表单
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * @desc 值的类型
+     */
+    valueType?: TableValueType | FormItemValueType;
+    /** @desc 在 PlusDescriptions组件中 隐藏 */
+    hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean>;
+    /** @desc 在 PlusForm 组件中隐藏 */
+    hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean>;
+    /** @desc 在 PlusTable 组件中隐藏 */
+    hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean>;
+    /** @desc 在 PlusSearch 中隐藏 */
+    hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean>;
+    /**
+     * 描述行，el-descriptions-item 的props
+     */
+    descriptionsItemProps?: RecordType;
+    /**
+     * el-select，el-radio-group，el-checkbox-group ,plus-radio选项 ，支持数组，函数，和Promise
+     */
+    options?: OptionsType;
+    /**
+     * @desc 对options 进行映射，仅对`valueType` 为 `select`|`radio`|`checkbox`|`plus-radio` 时生效
+     * @version v0.1.15
+     * @default{ label: 'label',value: 'value'}
+     */
+    optionsMap?: {
+        label?: string;
+        value?: string;
+    };
+    /**
+     *  自定义状态显示逻辑 需要返回一个 OptionsRow
+     * @param data
+     * @returns
+     */
+    customGetStatus?: (data: {
+        options: OptionsRow[];
+        value: string | number;
+        row: RecordType;
+    }) => OptionsRow;
+    /**
+     * @desc 展示一个 icon，hover 时展示一些提示信息
+     * @version v0.1.15 新增 `ComputedRef<string>`  | `ComputedRef<Partial<ElTooltipProps>>`
+     */
+    tooltip?: string | PlusTooltipProps | ComputedRef<string> | ComputedRef<PlusTooltipProps>;
+    /**
+     *
+     * @desc 自定义渲染表格单行显示内容 需要返回一个 VNode，`render`的优先级最高
+     * @example
+     * ```ts
+     * import { h } from 'vue'
+     * import { ElTag } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const tableColumns:PlusColumn[] = [
+     *  {
+     *     label: 'tag',
+     *     prop: 'tag',
+     *     render: value => {
+     *       const item = statusOptions.find(item => item.value === value)
+     *        return h(ElTag, { type: item.type }, () => item.label)
+     *     }
+     *  }
+     * ]
+     *
+     * ```
+     */
+    render?: (value: any, data: {
+        row: RecordType;
+        column: PlusColumn;
+        index: number;
+    }) => RenderTypes;
+    /**
+     * @desc  自定义渲染单行显示内容 需要返回一个 html字符串，`renderHTML`的优先级低于`render`，高于`valueType`。
+     * @desc **注意：renderHTML 内部使用`v-html`渲染，使用时需要保证 html字符串可信。**
+     * @example
+     * ```ts
+     *  import type { PlusColumn } from 'yc-components'
+     *
+     *  const tableColumns:PlusColumn[] = [
+     *    {
+     *       label: '自定义',
+     *       prop: 'custom',
+     *       renderHTML: (value, { row }) => {
+     *         return `
+     *          <div>自定义: ${row.number || 0}</div>
+     *         `
+     *      }
+     *    }
+     *  ]
+     *
+     *```
+     */
+    renderHTML?: (value: any, data: {
+        row: RecordType;
+        column: PlusColumn;
+        index: number;
+    }) => string;
+    /**
+     * @desc 渲染table表单的Header
+     * @example
+     * ```ts
+     * import { h } from 'vue'
+     * import { ElButton } from 'element-plus'
+     * import type { PlusColumn } from 'yc-components'
+     *
+     * const tableColumns:PlusColumn[] = [
+     *    {
+     *       label: '自定义',
+     *       prop: 'custom',
+     *       renderHeader:label => h(ElButton, null, () => label)
+     *    }
+     * ]
+     *
+     *```
+     */
+    renderHeader?: (label: string, props: PlusColumn) => RenderTypes;
+    /**
+     * 自定义el-descriptions-item 里的内容 优先级高于 render, renderHTML
+     */
+    renderDescriptionsItem?: (data: {
+        value: string;
+        column: PlusColumn;
+        row: RecordType;
+    }) => RenderTypes;
+    /**
+     * 自定义el-descriptions-item 里的label
+     */
+    renderDescriptionsLabel?: (data: {
+        label: string;
+        column: PlusColumn;
+        row: RecordType;
+    }) => RenderTypes;
+    /**
+     * PlusSearch 查询表单中的权重，权重大排序靠前，在PlusPage组件中非常有用
+     */
+    order?: number | ComputedRef<number>;
+    /**
+     * @version 0.1.19
+     * 多级表头
+     */
+    children?: PlusColumn[];
+}
+/**
+ * 表格，表单，详情，搜索公共的类型
+ */
+export interface PlusColumn extends CommonType, TableColumnProps, FormColumnProps {
+}