diff --git a/packages/ui/certd-client/CHANGELOG.md b/packages/ui/certd-client/CHANGELOG.md index 190994af..fd372f82 100644 --- a/packages/ui/certd-client/CHANGELOG.md +++ b/packages/ui/certd-client/CHANGELOG.md @@ -3,6 +3,10 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [1.11.9](https://github.com/fast-crud/fast-crud/compare/v1.11.8...v1.11.9) (2023-03-28) + +**Note:** Version bump only for package @fast-crud/fs-admin-antdv + ## [1.11.8](https://github.com/fast-crud/fast-crud/compare/v1.11.7...v1.11.8) (2023-03-24) ### Bug Fixes diff --git a/packages/ui/certd-client/package.json b/packages/ui/certd-client/package.json index c10d2b17..51c0a678 100644 --- a/packages/ui/certd-client/package.json +++ b/packages/ui/certd-client/package.json @@ -1,6 +1,6 @@ { "name": "@fast-crud/fs-admin-antdv", - "version": "1.11.8", + "version": "1.11.9", "private": true, "scripts": { "dev": "vite", @@ -25,10 +25,10 @@ "@ant-design/icons-vue": "^6.1.0", "@aws-sdk/client-s3": "^3.292.0", "@aws-sdk/s3-request-presigner": "^3.292.0", - "@fast-crud/fast-crud": "^1.11.8", - "@fast-crud/fast-extends": "^1.11.8", - "@fast-crud/ui-antdv": "^1.11.8", - "@fast-crud/ui-interface": "^1.11.8", + "@fast-crud/fast-crud": "^1.11.9", + "@fast-crud/fast-extends": "^1.11.9", + "@fast-crud/ui-antdv": "^1.11.9", + "@fast-crud/ui-interface": "^1.11.9", "@iconify/iconify": "^3.1.0", "@iconify/json": "^2.2.35", "@purge-icons/generated": "^0.9.0", diff --git a/packages/ui/certd-client/public/index.html b/packages/ui/certd-client/public/index.html deleted file mode 100644 index 3e5a1396..00000000 --- a/packages/ui/certd-client/public/index.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - <%= htmlWebpackPlugin.options.title %> - - - -
- - - diff --git a/packages/ui/certd-client/src/mock/index.ts b/packages/ui/certd-client/src/mock/index.ts index cc29140b..6234e34e 100644 --- a/packages/ui/certd-client/src/mock/index.ts +++ b/packages/ui/certd-client/src/mock/index.ts @@ -21,7 +21,7 @@ _.forEach(viewMocks, (value) => { list.forEach((apiFile: any) => { for (const item of apiFile) { - mock.onAny(new RegExp(item.path)).reply(async (config) => { + mock.onAny(new RegExp(item.path)).reply(async (config: any) => { console.log("------------fake request start -------------"); console.log("request:", config); const data = config.data ? JSON.parse(config.data) : {}; diff --git a/packages/ui/certd-client/src/router/source/modules/crud.ts b/packages/ui/certd-client/src/router/source/modules/crud.ts index 358172dc..36c86a02 100644 --- a/packages/ui/certd-client/src/router/source/modules/crud.ts +++ b/packages/ui/certd-client/src/router/source/modules/crud.ts @@ -418,6 +418,12 @@ export const crudResources = [ name: "FormNest", path: "/crud/form/nest", component: "/crud/form/nest/index.vue" + }, + { + title: "字段组件周围render", + name: "FormRender", + path: "/crud/form/render", + component: "/crud/form/render/index.vue" } ] }, diff --git a/packages/ui/certd-client/src/views/crud/form/render/api.ts b/packages/ui/certd-client/src/views/crud/form/render/api.ts new file mode 100644 index 00000000..2076fcad --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/form/render/api.ts @@ -0,0 +1,42 @@ +import { requestForMock } from "/src/api/service"; +const request = requestForMock; +const apiPrefix = "/mock/FormRender"; +export function GetList(query: any) { + return request({ + url: apiPrefix + "/page", + method: "get", + data: query + }); +} + +export function AddObj(obj: any) { + return request({ + url: apiPrefix + "/add", + method: "post", + data: obj + }); +} + +export function UpdateObj(obj: any) { + return request({ + url: apiPrefix + "/update", + method: "post", + data: obj + }); +} + +export function DelObj(id: any) { + return request({ + url: apiPrefix + "/delete", + method: "post", + params: { id } + }); +} + +export function GetObj(id: any) { + return request({ + url: apiPrefix + "/info", + method: "get", + params: { id } + }); +} diff --git a/packages/ui/certd-client/src/views/crud/form/render/crud.tsx b/packages/ui/certd-client/src/views/crud/form/render/crud.tsx new file mode 100644 index 00000000..35f17181 --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/form/render/crud.tsx @@ -0,0 +1,68 @@ +import * as api from "./api"; +import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, useUi } from "@fast-crud/fast-crud"; + +export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { + const pageRequest = async (query: UserPageQuery): Promise => { + return await api.GetList(query); + }; + const editRequest = async ({ form, row }: EditReq) => { + 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); + }; + + const { ui } = useUi(); + + return { + crudOptions: { + request: { + pageRequest, + addRequest, + editRequest, + delRequest + }, + columns: { + name: { + title: "演示表单组件周围的render", + type: "text", + form: { + helper: "演示组件周围自定义render", + topRender({ value }) { + return topRender; + }, + bottomRender({ value }) { + return bottomRender {value ?? ""}; + }, + prefixRender({ value }) { + return prefixRender; + }, + suffixRender({ value }) { + return suffixRender; + } + } + }, + render: { + title: "字段组件本身render", + type: "text", + form: { + helper: "组件本身render", + render({ form }) { + return ( +
+ + render value : {form.render} +
+ ); + } + } + } + } + } + }; +} diff --git a/packages/ui/certd-client/src/views/crud/form/render/index.vue b/packages/ui/certd-client/src/views/crud/form/render/index.vue new file mode 100644 index 00000000..6a4162d5 --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/form/render/index.vue @@ -0,0 +1,33 @@ + + + diff --git a/packages/ui/certd-client/src/views/crud/form/render/mock.ts b/packages/ui/certd-client/src/views/crud/form/render/mock.ts new file mode 100644 index 00000000..1f197354 --- /dev/null +++ b/packages/ui/certd-client/src/views/crud/form/render/mock.ts @@ -0,0 +1,20 @@ +import mockUtil from "/src/mock/base"; + +const options: any = { + name: "FormRender", + idGenerator: 0 +}; +const list = [ + { + name: "王小虎" + }, + { + name: "张三" + } +]; + +options.list = list; +options.copyTimes = 1000; +const mock = mockUtil.buildMock(options); + +export default mock;