certd/packages/ui/certd-client/src/views/crud/feature/value-builder/crud.tsx

61 lines
1.6 KiB
TypeScript

import * as api from "./api";
import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
return await api.GetList(query);
};
const editRequest = async ({ form, row }: EditReq) => {
if (form.id == null) {
form.id = row.id;
}
return await api.UpdateObj(form);
};
const delRequest = async ({ row }: DelReq) => {
return await api.DelObj(row.id);
};
const addRequest = async ({ form }: AddReq) => {
return await api.AddObj(form);
};
return {
crudOptions: {
request: {
pageRequest: api.GetList,
addRequest,
editRequest,
delRequest
},
columns: {
name: {
title: "姓名",
type: "text"
},
roles: {
title: "角色",
search: { show: true },
type: "dict-select",
dict: dict({
value: "id",
label: "name",
data: [
{ id: 1, name: "管理员" },
{ id: 2, name: "普通用户" }
]
}),
form: {
component: {
mode: "multiple"
},
valueBuilder({ form }) {
if (form.roles) {
form.roles = form.roles.map((item: any) => item.id);
}
}
}
}
}
}
};
}