Appearance
类型声明
MosoweTableColumnType
ts
/** mosowetable组件:column配置,继承TableColumn属性 */
interface MosoweTableColumnType extends Omit<Partial<TableColumnCtx<any>>> {
disabled?: boolean; // 表格右上方列展示项禁止选择配置
children?: MosoweTableColumnType; // 子集表格列
customRender?: (val: any, row: any, item: any) => string; // 自定义显示内容,支持富文本
tooltip?: string; // 表头tooltip提示文案
enum?: enumType; // checkbox,radio,select选项列表,
[key: string]: any;
}
MosoweTableEditConfigType
ts
/** mosowetable组件:editConfig配置 */
type MosoweTableEditConfigType = Record<string, MosoweTableEditConfigOption>;
MosoweTableEditConfigOption
ts
/** mosowetable组件:editConfig表单元素配置 */
interface MosoweTableEditConfigOption extends MosoweFormComponentOption {
component?: Component; // 可编辑时,表单类型
required?: boolean; // 用于可编辑时,表格内本字段必填,为控制时会有飘红和提示
/**
* 表格可编辑时,指定某一行的本字段必填
* 一般用于前后联动设置必填,scope={row,$index...}
* 返回 true / false
*/
requiredRows?: (scope: any) => boolean;
/**
* 表格可编辑时,针对某一行本字段的特别配置
* 键为行号
*/
rowConfig?: Record<number | string, MosoweFormComponentOption>;
}
MosoweTableRowOperationType
ts
/** mosowetable组件:rowOperation配置,继承el-button属性 */
interface MosoweTableRowOperationType extends Partial<ButtonProps> {
label: string; // 名称
click: ({
// 点击事件
row,
column,
$index,
cellIndex,
store
}: {
row: any;
column: any;
$index: number;
cellIndex: number;
store: any;
[k: string]: any;
}) => void;
isShow: boolean | (({ row }: any) => boolean); // 是否显示 v-if
[key: string]: any;
}
贡献者
mosowe