diff --git a/packages/ui/certd-client/src/router/source/modules/crud.ts b/packages/ui/certd-client/src/router/source/modules/crud.ts deleted file mode 100644 index 1719f9d0..00000000 --- a/packages/ui/certd-client/src/router/source/modules/crud.ts +++ /dev/null @@ -1,784 +0,0 @@ -export const crudResources = [ - { - title: "CRUD示例", - name: "crud", - path: "/crud", - redirect: "/crud/basis", - meta: { - icon: "ion:apps-sharp" - }, - children: [ - { - title: "debug", - name: "debug", - path: "/crud/debug", - component: "/crud/debug/index.vue", - meta: { - isMenu: false - } - }, - { - title: "基本特性", - name: "basis", - path: "/crud/basis", - redirect: "/crud/basis/i18n", - meta: { - icon: "ion:disc-outline" - }, - children: [ - { - title: "FirstDemo", - name: "FsCrudFirst", - path: "/crud/basis/first", - component: "/crud/basis/first/index.vue" - }, - { - title: "HelloWorld", - name: "FsCrudHelloWorld", - path: "/crud/basis/helloworld", - component: "/crud/basis/helloworld/index.vue" - }, - { - title: "动态计算", - name: "BasisCompute", - path: "/crud/basis/compute", - component: "/crud/basis/compute/index.vue" - }, - { - title: "动态计算-更多示例", - name: "BasisComputeMore", - path: "/crud/basis/compute-more", - component: "/crud/basis/compute-more/index.vue" - }, - { - title: "国际化", - name: "BasisI18n", - path: "/crud/basis/i18n", - component: "/crud/basis/i18n/index.vue" - }, - { - title: "ValueChange", - name: "BasisValueChange", - path: "/crud/basis/value-change", - component: "/crud/basis/value-change/index.vue" - }, - { - title: "Card布局", - name: "BasisLayoutCard", - path: "/crud/basis/layout-card", - component: "/crud/basis/layout-card/index.vue" - }, - { - title: "自定义布局", - name: "BasisLayoutCustom", - path: "/crud/basis/layout-custom", - component: "/crud/basis/layout-custom/index.vue" - }, - { - title: "自定义组件", - name: "BasisCustom", - path: "/crud/basis/custom", - component: "/crud/basis/custom/index.vue" - }, - { - title: "列设置", - name: "BasisColumnsSet", - path: "/crud/basis/columns-set", - component: "/crud/basis/columns-set/index.vue" - }, - { - title: "字段合并插件", - name: "BasisColumnMergePlugin", - path: "/crud/basis/column-merge-plugin", - component: "/crud/basis/column-merge-plugin/index.vue" - }, - { - title: "ResetCrudOptions", - name: "BasisReset", - path: "/crud/basis/reset", - component: "/crud/basis/reset/index.vue", - meta: { - cache: true - } - }, - { - title: "CrudOptions插件", - name: "BasisPlugin", - path: "/crud/basis/plugin", - component: "/crud/basis/plugin/index.vue" - }, - { - title: "Ts定义测试", - name: "BasisTsTest", - path: "/crud/basis/ts", - component: "/crud/basis/ts/index.vue" - } - ] - }, - { - title: "数据字典", - name: "dict", - path: "/crud/dict", - redirect: "/crud/dict/single", - meta: { - icon: "ion:book-outline" - }, - children: [ - { - title: "单例", - name: "DictSingle", - path: "/crud/dict/single", - component: "/crud/dict/single/index.vue" - }, - { - title: "分发复制", - name: "DictCloneable", - path: "/crud/dict/cloneable", - component: "/crud/dict/cloneable/index.vue" - }, - { - title: "原型复制", - name: "DictPrototype", - path: "/crud/dict/prototype", - component: "/crud/dict/prototype/index.vue" - }, - { - title: "页面间共享", - name: "DictShared", - path: "/crud/dict/shared", - children: [ - { - title: "共享字典数据管理", - name: "DictSharedManager", - path: "/crud/dict/shared/manager", - component: "/crud/dict/shared/manager/index.vue" - }, - { - title: "共享字典使用", - name: "DictSharedUse", - path: "/crud/dict/shared/use", - component: "/crud/dict/shared/use/index.vue" - } - ] - } - ] - }, - { - title: "操作列", - name: "row-handle", - path: "/crud/row-handle", - redirect: "/crud/row-handle/tooltip", - meta: { - icon: "ion:build-outline" - }, - children: [ - { - title: "Tooltip", - name: "RowHandleTooltip", - path: "/crud/row-handle/tooltip", - component: "/crud/row-handle/tooltip/index.vue" - }, - { - title: "按钮折叠", - name: "RowHandleDropdown", - path: "/crud/row-handle/dropdown", - component: "/crud/row-handle/dropdown/index.vue" - } - ] - }, - { - title: "组件示例", - name: "component", - path: "/crud/component", - redirect: "/crud/component/text", - meta: { - icon: "ion:cube-outline" - }, - children: [ - { - title: "文本输入(input)", - name: "ComponentText", - path: "/crud/component/text", - component: "/crud/component/text/index.vue" - }, - { - title: "选择(select)", - name: "ComponentSelect", - path: "/crud/component/select", - component: "/crud/component/select/index.vue" - }, - { - title: " 表格选择(table-select)", - name: "ComponentTableSelect", - path: "/crud/component/table-select", - component: "/crud/component/table-select/index.vue" - }, - { - title: "级联(cascader)", - name: "ComponentCascader", - path: "/crud/component/cascader", - component: "/crud/component/cascader/index.vue" - }, - { - title: "多选(checkbox)", - name: "ComponentCheckbox", - path: "/crud/component/checkbox", - component: "/crud/component/checkbox/index.vue" - }, - { - title: "单选(radio)", - name: "ComponentRadio", - path: "/crud/component/radio", - component: "/crud/component/radio/index.vue" - }, - { - title: "开关(switch)", - name: "ComponentSwitch", - path: "/crud/component/switch", - component: "/crud/component/switch/index.vue" - }, - { - title: "日期时间(date)", - name: "ComponentDate", - path: "/crud/component/date", - component: "/crud/component/date/index.vue" - }, - { - title: "按钮链接", - name: "ComponentButton", - path: "/crud/component/button", - component: "/crud/component/button/index.vue" - }, - { - title: "数字", - name: "ComponentNumber", - path: "/crud/component/number", - component: "/crud/component/number/index.vue" - }, - { - title: "树形选择", - name: "ComponentTree", - path: "/crud/component/tree", - component: "/crud/component/tree/index.vue" - }, - { - title: "图片裁剪上传", - name: "ComponentUploaderCropper", - path: "/crud/component/uploader/cropper", - component: "/crud/component/uploader/cropper/index.vue" - }, - { - title: "表单本地上传", - name: "ComponentUploaderForm", - path: "/crud/component/uploader/form", - component: "/crud/component/uploader/form/index.vue" - }, - { - title: "阿里云oss上传", - name: "ComponentUploaderAlioss", - path: "/crud/component/uploader/alioss", - component: "/crud/component/uploader/alioss/index.vue" - }, - { - title: "腾讯云cos上传", - name: "ComponentUploaderCos", - path: "/crud/component/uploader/cos", - component: "/crud/component/uploader/cos/index.vue" - }, - { - title: "七牛云上传", - name: "ComponentUploaderQiniu", - path: "/crud/component/uploader/qiniu", - component: "/crud/component/uploader/qiniu/index.vue" - }, - { - title: "s3上传", - name: "ComponentUploaderS3", - path: "/crud/component/uploader/s3", - component: "/crud/component/uploader/s3/index.vue" - }, - { - title: "富文本编辑器", - name: "ComponentEditor", - path: "/crud/component/editor", - component: "/crud/component/editor/index.vue" - }, - { - title: "图标", - name: "ComponentIcon", - path: "/crud/component/icon", - component: "/crud/component/icon/index.vue" - }, - { - title: "JsonEditor", - name: "ComponentJson", - path: "/crud/component/json", - component: "/crud/component/json/index.vue" - }, - { - title: "手机号输入框", - name: "ComponentPhone", - path: "/crud/component/phone", - component: "/crud/component/phone/index.vue" - }, - { - title: "组件独立使用", - name: "ComponentIndependent", - path: "/crud/component/independent", - component: "/crud/component/independent/index.vue" - } - ] - }, - { - title: "Form表单", - name: "form", - path: "/crud/form", - redirect: "/crud/form/layout", - meta: { - icon: "ion:document-text-outline" - }, - children: [ - { - title: "基本表单", - name: "FormBase", - path: "/crud/form/base", - component: "/crud/form/base/index.vue" - }, - { - title: "表单Grid布局", - name: "FormLayoutGrid", - path: "/crud/form/layout-grid", - component: "/crud/form/layout-grid/index.vue" - }, - { - title: "表单Flex布局", - name: "FormLayoutFlex", - path: "/crud/form/layout-flex", - component: "/crud/form/layout-flex/index.vue" - }, - { - title: "表单动态布局", - name: "FormLayout", - path: "/crud/form/layout", - component: "/crud/form/layout/index.vue" - }, - { - title: "表单单列模式", - name: "FormSingleColumn", - path: "/crud/form/single-column", - component: "/crud/form/single-column/index.vue" - }, - { - title: "表单校验", - name: "FormValidation", - path: "/crud/form/validation", - component: "/crud/form/validation/index.vue" - }, - { - title: "抽屉表单", - name: "FormDrawer", - path: "/crud/form/drawer", - component: "/crud/form/drawer/index.vue" - }, - { - title: "表单分组", - name: "FormGroup", - path: "/crud/form/group", - component: "/crud/form/group/index.vue" - }, - { - title: "表单分组(tabs)", - name: "FormGroupTabs", - path: "/crud/form/group-tabs", - component: "/crud/form/group-tabs/index.vue" - }, - { - title: "自定义表单", - name: "FormCustomForm", - path: "/crud/form/custom-form", - component: "/crud/form/custom-form/index.vue" - }, - { - title: "字段帮助说明", - name: "FormHelper", - path: "/crud/form/helper", - component: "/crud/form/helper/index.vue" - }, - { - title: "页面内部弹出表单", - name: "FormInner", - path: "/crud/form/inner", - component: "/crud/form/inner/index.vue", - meta: { - cache: true - } - }, - { - title: "地区字典管理", - name: "FormInnerArea", - path: "/crud/form/inner/area", - component: "/crud/form/inner/area/index.vue", - meta: { - isMenu: false - } - }, - { - title: "新页面编辑", - name: "FormNewPage", - path: "/crud/form/new-page", - component: "/crud/form/new-page/index.vue", - meta: { - cache: false - } - }, - { - title: "新页面编辑表单", - name: "FormNewPageEdit", - path: "/crud/form/new-page/edit", - component: "/crud/form/new-page/edit.vue", - meta: { - isMenu: false - } - }, - { - title: "独立使用表单", - name: "FormIndependent", - path: "/crud/form/independent", - component: "/crud/form/independent/index.vue" - }, - { - title: "重置表单", - name: "FormReset", - path: "/crud/form/reset", - component: "/crud/form/reset/index.vue" - }, - { - title: "嵌套数据结构", - 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" - }, - { - title: "查看表单使用单元格组件", - name: "FormView", - path: "/crud/form/view", - component: "/crud/form/view/index.vue" - }, - { - title: "initialForm", - name: "FormInitial", - path: "/crud/form/initial", - component: "/crud/form/initial/index.vue" - }, - { - title: "表单Watch", - name: "FormWatch", - path: "/crud/form/watch", - component: "/crud/form/watch/index.vue" - } - ] - }, - { - title: "表格特性", - path: "/crud/feature", - meta: { - icon: "ion:beer-outline" - }, - redirect: "/crud/feature/dropdown", - children: [ - { - title: "部件显隐", - name: "FeatureHide", - path: "/crud/feature/hide", - component: "/crud/feature/hide/index.vue" - }, - { - title: "多选&批量删除", - name: "FeatureSelection", - path: "/crud/feature/selection", - component: "/crud/feature/selection/index.vue" - }, - { - title: "单选", - name: "FeatureSelectionRadio", - path: "/crud/feature/selection-radio", - component: "/crud/feature/selection-radio/index.vue" - }, - { - title: "表头过滤", - name: "FeatureFilter", - path: "/crud/feature/filter", - component: "/crud/feature/filter/index.vue" - }, - { - title: "行展开", - name: "FeatureExpand", - path: "/crud/feature/expand", - component: "/crud/feature/expand/index.vue" - }, - { - title: "树形表格", - name: "FeatureTree", - path: "/crud/feature/tree", - component: "/crud/feature/tree/index.vue" - }, - { - title: "多级表头", - name: "FeatureHeaderGroup", - path: "/crud/feature/header-group", - component: "/crud/feature/header-group/index.vue" - }, - { - title: "自定义表头", - name: "FeatureHeader", - path: "/crud/feature/header", - component: "/crud/feature/header/index.vue" - }, - { - title: "合并单元格", - name: "FeatureMerge", - path: "/crud/feature/merge", - component: "/crud/feature/merge/index.vue" - }, - { - title: "序号", - name: "FeatureIndex", - path: "/crud/feature/index", - component: "/crud/feature/index/index.vue" - }, - { - title: "排序", - name: "FeatureSortable", - path: "/crud/feature/sortable", - component: "/crud/feature/sortable/index.vue" - }, - { - title: "固定列", - name: "FeatureFixed", - path: "/crud/feature/fixed", - component: "/crud/feature/fixed/index.vue" - }, - { - title: "不固定高度", - name: "FeatureHeight", - path: "/crud/feature/height", - component: "/crud/feature/height/index.vue" - }, - { - title: "查询框", - name: "FeatureSearch", - path: "/crud/feature/search", - component: "/crud/feature/search/index.vue" - }, - { - title: "查询框多行模式", - name: "FeatureSearchMulti", - path: "/crud/feature/search-multi", - component: "/crud/feature/search-multi/index.vue" - }, - { - title: "Tabs快捷查询", - name: "FeatureTabs", - path: "/crud/feature/tabs", - component: "/crud/feature/tabs/index.vue" - }, - { - title: "字段排序", - name: "FeatureColumnSort", - path: "/crud/feature/column-sort", - component: "/crud/feature/column-sort/index.vue" - }, - { - title: "ValueBuilder", - name: "FeatureValueBuilder", - path: "/crud/feature/value-builder", - component: "/crud/feature/value-builder/index.vue" - }, - { - title: "列设置", - name: "FeatureColumnsSet", - path: "/crud/feature/columns-set", - component: "/crud/feature/columns-set/index.vue" - }, - { - title: "本地化编辑", - name: "FeatureLocal", - path: "/crud/feature/local", - component: "/crud/feature/local/index.vue" - }, - { - title: "v-model", - name: "FeatureVModel", - path: "/crud/feature/local-v-model", - component: "/crud/feature/local-v-model/index.vue" - }, - { - title: "导入", - name: "FeatureImport", - path: "/crud/feature/local-import", - component: "/crud/feature/local-import/index.vue" - }, - { - title: "导出", - name: "FeatureExport", - path: "/crud/feature/export", - component: "/crud/feature/export/index.vue" - }, - { - title: "自定义删除", - name: "FeatureRemove", - path: "/crud/feature/remove", - component: "/crud/feature/remove/index.vue" - }, - { - title: "调整列宽", - name: "FeatureColumnResize", - path: "/crud/feature/column-resize", - component: "/crud/feature/column-resize/index.vue" - } - ] - }, - { - title: "可编辑", - name: "Editable", - path: "/crud/editable", - redirect: "/crud/editable/free", - meta: { - icon: "ion:create-outline" - }, - children: [ - { - title: "自由编辑", - name: "EditableFree", - path: "/crud/editable/free", - component: "/crud/editable/free/index.vue" - }, - { - title: "行编辑", - name: "EditableRow", - path: "/crud/editable/row", - component: "/crud/editable/row/index.vue" - }, - { - title: "单元格编辑", - name: "EditableCell", - path: "/crud/editable/cell", - component: "/crud/editable/cell/index.vue" - }, - { - title: "子表格编辑", - name: "EditableVModel", - path: "/crud/editable/vmodel", - component: "/crud/editable/vmodel/index.vue" - }, - { - title: "子CRUD", - name: "EditableSubCrud", - path: "/crud/editable/sub-crud", - component: "/crud/editable/sub-crud/index.vue" - } - ] - }, - { - title: "插槽", - name: "Slots", - path: "/crud/slots", - redirect: "/crud/slots/layout", - meta: { - icon: "ion:extension-puzzle-outline" - }, - children: [ - { - title: "页面占位插槽", - name: "SlotsLayout", - path: "/crud/slots/layout", - component: "/crud/slots/layout/index.vue" - }, - { - title: "表单占位插槽", - name: "SlotsForm", - path: "/crud/slots/form", - component: "/crud/slots/form/index.vue" - }, - { - title: "查询字段插槽", - name: "SlotsSearch", - path: "/crud/slots/search", - component: "/crud/slots/search/index.vue" - }, - { - title: "单元格插槽", - name: "SlotsCell", - path: "/crud/slots/cell", - component: "/crud/slots/cell/index.vue" - }, - { - title: "表单字段插槽", - name: "SlotsFormItem", - path: "/crud/slots/form-item", - component: "/crud/slots/form-item/index.vue" - } - ] - }, - { - title: "复杂需求", - name: "Advanced", - path: "/crud/advanced", - redirect: "/crud/advanced/linkage", - meta: { - icon: "ion:flame-outline" - }, - children: [ - { - title: "选择联动", - name: "AdvancedLinkage", - path: "/crud/advanced/linkage", - component: "/crud/advanced/linkage/index.vue" - }, - { - title: "后台加载crud", - name: "AdvancedFormBackend", - path: "/crud/advanced/from-backend", - component: "/crud/advanced/from-backend/index.vue" - }, - { - title: "本地分页", - name: "AdvancedLocalPagination", - path: "/crud/advanced/local-pagination", - component: "/crud/advanced/local-pagination/index.vue" - }, - { - title: "嵌套子表格", - name: "AdvancedNest", - path: "/crud/advanced/nest", - component: "/crud/advanced/nest/index.vue" - }, - { - title: "对话框中显示crud", - name: "AdvancedInDialog", - path: "/crud/advanced/in-dialog", - component: "/crud/advanced/in-dialog/index.vue" - }, - { - title: "抽屉中显示crud", - name: "AdvancedInDrawer", - path: "/crud/advanced/in-drawer", - component: "/crud/advanced/in-drawer/index.vue" - }, - { - title: "大量数据", - name: "AdvancedBigData", - path: "/crud/advanced/big-data", - component: "/crud/advanced/big-data/index.vue" - } - ] - } - ] - } -]; diff --git a/packages/ui/certd-client/src/router/source/modules/integration.ts b/packages/ui/certd-client/src/router/source/modules/integration.ts deleted file mode 100644 index 0b0c8cd8..00000000 --- a/packages/ui/certd-client/src/router/source/modules/integration.ts +++ /dev/null @@ -1,22 +0,0 @@ -export const integrationResources = [ - { - title: "集成", - name: "integration", - path: "/integration", - redirect: "/integration/bpmn", - meta: { - icon: "ion:apps-sharp" - }, - children: [ - { - title: "FsBpmn", - name: "FsBpmn", - path: "/integration/bpmn", - component: "/integration/bpmn/index.vue", - meta: { - icon: "ion:disc-outline" - } - } - ] - } -]; diff --git a/packages/ui/certd-client/src/router/source/modules/ui.ts b/packages/ui/certd-client/src/router/source/modules/ui.ts deleted file mode 100644 index e8cfc6e4..00000000 --- a/packages/ui/certd-client/src/router/source/modules/ui.ts +++ /dev/null @@ -1,30 +0,0 @@ -export const uiResources = [ - { - title: "UI示例", - name: "ui", - path: "/ui", - redirect: "/ui/form", - meta: { - icon: "ion:apps-sharp" - }, - children: [ - { - title: "表单组件", - name: "UIForm", - path: "/ui/form", - redirect: "/ui/form/input", - meta: { - icon: "ion:disc-outline" - }, - children: [ - { - title: "input", - name: "UIFormInput", - path: "/ui/form/input", - component: "/ui/form/input/index.vue" - } - ] - } - ] - } -]; diff --git a/packages/ui/certd-client/src/views/crud/advanced/big-data/api.ts b/packages/ui/certd-client/src/views/crud/advanced/big-data/api.ts deleted file mode 100644 index 5895fc6b..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/big-data/api.ts +++ /dev/null @@ -1,43 +0,0 @@ -import { requestForMock } from "/src/api/service"; - -const request = requestForMock; -const apiPrefix = "/mock/AdvancedBigData"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/big-data/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/big-data/crud.tsx deleted file mode 100644 index 48ba09cd..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/big-data/crud.tsx +++ /dev/null @@ -1,172 +0,0 @@ -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 => { - 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 { - output: {}, - crudOptions: { - //大量数据的crud配置 - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - scroll: { - //启用横向滚动条，设置一个大于所有列宽之和的值，一般大于表格宽度 - x: 2400 - } - }, - pagination: { - pageSize: 100 - }, - rowHandle: { - fixed: "right" - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "文本", - type: "text" - }, - dict1: { - title: "字典1", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict1" - }) - }, - dict2: { - title: "字典2", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict2" - }) - }, - dict3: { - title: "字典3", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict3" - }) - }, - dict4: { - title: "字典4", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict4" - }) - }, - dict5: { - title: "字典5", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict5" - }) - }, - dict6: { - title: "字典6", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict6" - }) - }, - dict7: { - title: "字典7", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict7" - }) - }, - dict8: { - title: "字典8", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict8" - }) - }, - dict9: { - title: "字典9", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict9" - }) - }, - dict10: { - title: "字典10", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/ManyOpenStatusEnum?from=dict10" - }) - }, - text1: { - title: "文本", - type: "text" - }, - text2: { - title: "文本", - type: "text" - }, - text3: { - title: "文本", - type: "text" - }, - text4: { - title: "文本", - type: "text" - }, - text5: { - title: "文本", - type: "text" - }, - text6: { - title: "文本", - type: "text" - }, - text7: { - title: "文本", - type: "text" - }, - text8: { - title: "文本", - type: "text" - }, - text9: { - title: "文本", - type: "text" - }, - text10: { - title: "文本", - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/big-data/index.vue b/packages/ui/certd-client/src/views/crud/advanced/big-data/index.vue deleted file mode 100644 index 3c3e8846..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/big-data/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/big-data/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/big-data/mock.ts deleted file mode 100644 index e51c8e8b..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/big-data/mock.ts +++ /dev/null @@ -1,128 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedBigData", - idGenerator: 0, - //此处copy多次，模拟大量数据 - copyTimes: 1000 -}; -const list = [ - { - text: "测试文本", - dict1: "1", - dict2: "1", - dict3: "2", - dict4: "1", - dict5: "2", - dict6: "1", - dict7: "1", - dict8: "1", - text1: "测试文本1", - text2: "测试文本2", - text3: "测试文本3", - text4: "测试文本4", - text5: "测试文本5", - text6: "测试文本6", - text7: "测试文本7", - text8: "测试文本8", - dict9: "2", - dict10: "1", - dict11: "2", - dict12: "1" - }, - { - text: "测试文本", - dict1: "1", - dict2: "1", - dict3: "2", - dict4: "1", - dict5: "2", - dict6: "1", - dict7: "1", - dict8: "1", - text1: "测试文本1", - text2: "测试文本2", - text3: "测试文本3", - text4: "测试文本4", - text5: "测试文本5", - text6: "测试文本6", - text7: "测试文本7", - text8: "测试文本8", - dict9: "2", - dict10: "1", - dict11: "2", - dict12: "1" - }, - { - text: "测试文本", - dict1: "1", - dict2: "1", - dict3: "2", - dict4: "1", - dict5: "2", - dict6: "1", - dict7: "1", - dict8: "1", - text1: "测试文本1", - text2: "测试文本2", - text3: "测试文本3", - text4: "测试文本4", - text5: "测试文本5", - text6: "测试文本6", - text7: "测试文本7", - text8: "测试文本8", - dict9: "2", - dict10: "1", - dict11: "2", - dict12: "1" - }, - { - text: "测试文本", - dict1: "1", - dict2: "1", - dict3: "2", - dict4: "1", - dict5: "2", - dict6: "1", - dict7: "1", - dict8: "1", - text1: "测试文本1", - text2: "测试文本2", - text3: "测试文本3", - text4: "测试文本4", - text5: "测试文本5", - text6: "测试文本6", - text7: "测试文本7", - text8: "测试文本8", - dict9: "2", - dict10: "1", - dict11: "2", - dict12: "1" - }, - { - text: "测试文本", - dict1: "1", - dict2: "1", - dict3: "2", - dict4: "1", - dict5: "2", - dict6: "1", - dict7: "1", - dict8: "1", - text1: "测试文本1", - text2: "测试文本2", - text3: "测试文本3", - text4: "测试文本4", - text5: "测试文本5", - text6: "测试文本6", - text7: "测试文本7", - text8: "测试文本8", - dict9: "2", - dict10: "1", - dict11: "2", - dict12: "1" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/from-backend/api.ts b/packages/ui/certd-client/src/views/crud/advanced/from-backend/api.ts deleted file mode 100644 index b2b5d786..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/from-backend/api.ts +++ /dev/null @@ -1,48 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedFromBackend"; -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 + "/get", - method: "get", - params: { id } - }); -} -export function GetCrud() { - return request({ - url: apiPrefix + "/crud", - method: "get" - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud-backend.ts b/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud-backend.ts deleted file mode 100644 index 050d384e..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud-backend.ts +++ /dev/null @@ -1,30 +0,0 @@ -//此处演示从后台获取crudOptions配置字符串 -export const crudOptions = ` - ({crudExpose,dict}) => { - return { - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } -} - - -`; diff --git a/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud.tsx deleted file mode 100644 index 769ee3c5..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/from-backend/crud.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, dict } from "@fast-crud/fast-crud"; -import { GetCrud } from "./api"; -import _ from "lodash-es"; - -/** - * 异步创建options - * @param props - */ -export default async function (props: CreateCrudOptionsProps): Promise { - const { crudExpose } = props; - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const localCrudOptions = { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - } - }; - // 上面是本地crudOptions - - // 下面从后台获取crudOptions - const ret = await GetCrud(); - // 编译 - const crudBackend = eval(ret); - // 本示例返回的是一个方法字符串，所以要先执行这个方法，获取options - const remoteCrudOptions = crudBackend({ crudExpose, dict }); - // 与本地options合并 - const crudOptions = _.merge(localCrudOptions, remoteCrudOptions); - - return { - crudOptions - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/from-backend/index.vue b/packages/ui/certd-client/src/views/crud/advanced/from-backend/index.vue deleted file mode 100644 index 84a29443..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/from-backend/index.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/from-backend/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/from-backend/mock.ts deleted file mode 100644 index ed646fbd..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/from-backend/mock.ts +++ /dev/null @@ -1,36 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -import { crudOptions } from "./crud-backend"; -const options: any = { - name: "AdvancedFromBackend", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); - -mock.push({ - path: "/AdvancedFromBackend/crud", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: crudOptions - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/api.ts b/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/api.ts deleted file mode 100644 index 8b6b001c..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedInDialog"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/crud.tsx deleted file mode 100644 index 4fb27f8e..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/crud.tsx +++ /dev/null @@ -1,115 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - EditReq, - UserPageQuery, - UserPageRes, - dict, - utils -} from "@fast-crud/fast-crud"; -import { SearchOutlined } from "@ant-design/icons-vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - name: { - title: "姓名", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - maxlength: 20 - } - } - }, - search: { - title: "搜索", - type: "text", - form: { - component: { - addonAfter: "后置", - suffix: "suffix", - children: { - addonBefore() { - return ; - } - } - } - } - }, - password: { - title: "密码", - type: "password", - column: { - //一般密码不显示在列里面 - show: false - } - }, - intro: { - title: "简介", - type: "textarea", - form: { - component: { showWordLimit: true, maxlength: 200 } - }, - column: { - ellipsis: true - } - }, - render: { - title: "复杂输入(render)", - type: "text", - form: { - title: "复杂输入", - component: { - render(context: any) { - utils.logger.info("context scope", context); - return ( - - - - - ); - } - } - } - }, - render2: { - title: "我的值是由复杂输入列输入的", - type: "text", - column: { - width: "300px" - }, - form: { - show: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/index.vue b/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/index.vue deleted file mode 100644 index 3359b7a0..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/mock.ts deleted file mode 100644 index 2f50cb95..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/crud/mock.ts +++ /dev/null @@ -1,41 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedInDialog", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - intro: "王小虎是element-plus的table示例出现的名字" - }, - { - name: "张三", - date: "2016-05-04", - status: "1", - province: "2" - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0" - }, - { - name: "王五", - date: "2016-05-03", - status: "2", - province: "wh,gz" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/index.vue b/packages/ui/certd-client/src/views/crud/advanced/in-dialog/index.vue deleted file mode 100644 index 0629101e..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-dialog/index.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/api.ts b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/api.ts deleted file mode 100644 index c2e4088f..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/api.ts +++ /dev/null @@ -1,43 +0,0 @@ -//@ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedInDrawer"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/crud.tsx deleted file mode 100644 index c5fecb4f..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/crud.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - //从context中获取子组件的ref - const drawerClassTimeRef = context.drawerClassTimeRef; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - width: 300, - buttons: { - editClassTime: { - text: "录入课时", - click: ({ row }) => { - //调用子组件暴露的open方法，打开抽屉对话框 - drawerClassTimeRef.value.open({ - textbook: row - }); - } - } - } - }, - columns: { - textbookCategory: { - title: "教材分类", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true } - }, - textbookVersion: { - title: "教材版本", - type: "text" - }, - textbookName: { - title: "教材名称", - type: "text" - }, - totalWords: { - title: "总词汇数", - type: "number" - }, - classTimeNumber: { - title: "课时数量", - type: "number", - column: { - cellRender({ value }) { - return `${value}课时`; - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/api.ts b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/api.ts deleted file mode 100644 index 132c2636..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/api.ts +++ /dev/null @@ -1,43 +0,0 @@ -//@ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedInDrawerClassTime"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/crud.tsx deleted file mode 100644 index 96d8f56f..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/crud.tsx +++ /dev/null @@ -1,89 +0,0 @@ -import * as api from "./api"; -import { computed } from "vue"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const textbookRef = context.textbookRef; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - textbookId: { - title: "教材ID", - type: "text", - search: { - show: true - }, - form: { - value: computed(() => { - //动态设置初始值 - return textbookRef.value.id; - }) - } - }, - textbookCategory: { - title: "教材分类", - type: "text", - form: { show: false }, - column: { - //本字段禁止条件render，因为此字段没有值，是从父组件传过来显示的 - conditionalRender: false, - cellRender() { - return textbookRef.value.textbookCategory; - } - } - }, - textbookVersion: { - title: "教材版本", - type: "text", - form: { show: false }, - column: { - //本字段禁止条件render，因为此字段没有值，是从父组件传过来显示的 - conditionalRender: false, - cellRender() { - return textbookRef.value.textbookVersion; - } - } - }, - textbookName: { - title: "教材名称", - type: "text", - form: { show: false }, - column: { - //本字段禁止条件render，因为此字段没有值，是从父组件传过来显示的 - conditionalRender: false, - cellRender() { - return textbookRef.value.textbookName; - } - } - }, - classTimeName: { - title: "课时名称", - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/index.vue b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/index.vue deleted file mode 100644 index 90201d70..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/index.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/mock.ts deleted file mode 100644 index 26ff09d7..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/drawer-class-time/mock.ts +++ /dev/null @@ -1,61 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedInDrawerClassTime", - idGenerator: 0 -}; -const list = [ - { - textbookId: 1, - classTimeName: "1", - order: 1 - }, - { - textbookId: 1, - classTimeName: "2", - order: 1 - }, - { - textbookId: 1, - classTimeName: "3", - order: 1 - }, - { - textbookId: 1, - classTimeName: "4", - order: 1 - }, - { - textbookId: 1, - classTimeName: "5", - order: 1 - }, - { - textbookId: 2, - classTimeName: "1", - order: 1 - }, - { - textbookId: 2, - classTimeName: "2", - order: 1 - }, - { - textbookId: 2, - classTimeName: "3", - order: 1 - }, - { - textbookId: 2, - classTimeName: "4", - order: 1 - }, - { - textbookId: 2, - classTimeName: "5", - order: 1 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/index.vue b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/index.vue deleted file mode 100644 index 22ed6af0..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/index.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/in-drawer/mock.ts deleted file mode 100644 index 0498c1c3..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/in-drawer/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedInDrawer", - idGenerator: 0 -}; -const list = [ - { - textbookCategory: "初中英语", - textbookVersion: "初中人教版", - textbookName: "初一上学期", - totalWords: 200, - classTimeNumber: 40 - }, - { - textbookCategory: "初中英语", - textbookVersion: "初中人教版", - textbookName: "初一上学期", - totalWords: 200, - classTimeNumber: 40 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/linkage/api.ts b/packages/ui/certd-client/src/views/crud/advanced/linkage/api.ts deleted file mode 100644 index 198d7d49..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/linkage/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormLinkage"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/linkage/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/linkage/crud.tsx deleted file mode 100644 index d7cd5bc9..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/linkage/crud.tsx +++ /dev/null @@ -1,126 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, ScopeContext, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - align: "center" - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - province: { - title: "省", - type: "dict-select", - search: { - show: true, - valueChange({ form, value, getComponentRef }: any) { - form.city = undefined; // 将“city”的值置空 - form.county = undefined; // 将“county”的值置空 - if (value) { - getComponentRef("city").reloadDict(); // 执行city的select组件的reloadDict()方法，触发“city”重新加载字典 - } - } - }, - dict: dict({ - url: "/mock/linkage/province", - value: "id", - cache: true - }), - form: { - valueChange({ form, value, getComponentRef }) { - form.city = ""; // 将“city”的值置空 - form.county = ""; // 将“county”的值置空 - if (value) { - getComponentRef("city").reloadDict(); // 执行city的select组件的reloadDict()方法，触发“city”重新加载字典 - } - } - } - }, - city: { - title: "市", - type: "dict-select", - search: { - show: true - }, - dict: dict({ - cache: true, - prototype: true, - // url() 改成构建url，返回一个url - url({ form }: any) { - if (form && form.province != null) { - // 本数据字典的url是通过前一个select的选项决定的 - return `/mock/linkage/city?province=${form.province}`; - } - return undefined; // 返回undefined 将不加载字典 - }, - value: "id" - }), - form: { - // 注释同上 - valueChange({ value, form, getComponentRef }: ScopeContext) { - if (value) { - form.county = ""; // 将county的value置空 - const countySelect = getComponentRef("county"); - if (form && form.province && form.city) { - countySelect.reloadDict(); // 重新加载字典项 - } else { - countySelect.clearDict(); // 清空选项 - } - } - } - } - }, - county: { - title: "区", - type: "dict-select", - search: { - show: true - }, - dict: dict({ - value: "id", - cache: true, - prototype: true, - url({ form }: any) { - if (form && form.province != null && form.city != null) { - return `/mock/linkage/county?province=${form.province} &city=${form.city}`; - } - return undefined; - } - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/linkage/index.vue b/packages/ui/certd-client/src/views/crud/advanced/linkage/index.vue deleted file mode 100644 index da5f6620..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/linkage/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/linkage/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/linkage/mock.ts deleted file mode 100644 index c783b723..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/linkage/mock.ts +++ /dev/null @@ -1,151 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -import _ from "lodash-es"; -const options: any = { - name: "FormLinkage", - idGenerator: 0 -}; -const list = [ - { - province: 10000, - city: 100003, - county: 100004 - }, - { - province: 10010, - city: 100113, - county: 100115 - } -]; -const tree = [ - { - id: 10000, - label: "北京市", - children: [ - { - id: 100003, - label: "北京市辖区", - children: [ - { id: 100004, label: "东城区" }, - { id: 100005, label: "西城区" } - ] - }, - { - id: 100103, - label: "北京郊区", - children: [ - { id: 100104, label: "东郊" }, - { id: 100105, label: "西郊" } - ] - } - ] - }, - { - id: 10010, - label: "天津市", - children: [ - { - id: 100013, - label: "天津市辖区", - children: [ - { id: 100014, label: "天津湾" }, - { id: 100015, label: "渤海湾" } - ] - }, - { - id: 100113, - label: "天津市郊区", - children: [ - { id: 100114, label: "天津湾郊区" }, - { id: 100115, label: "渤海湾郊区" } - ] - } - ] - } -]; - -options.list = list; -options.copyTimes = 100; -const mock = mockUtil.buildMock(options); - -function omitChildren(originalList: any) { - const list: any = []; - originalList.forEach((item: any) => { - list.push(_.omit(item, "children")); - }); - return list; -} -mock.push({ - path: "/mock/linkage/province", - method: "get", - handle() { - const list = omitChildren(tree); - return { - code: 0, - msg: "success", - data: list - }; - } -}); - -mock.push({ - path: "/mock/linkage/city", - method: "get", - handle(req: any) { - const province = parseInt(req.params.province); - const a = tree.filter((item) => { - return item.id === province; - }); - if (a == null || a.length === 0) { - return { - code: 0, - msg: "success", - data: [] - }; - } - const list = omitChildren(a[0].children); - return { - code: 0, - msg: "success", - data: list - }; - } -}); - -mock.push({ - path: "/mock/linkage/county", - method: "get", - handle(req: any) { - const province = parseInt(req.params.province); - const a = tree.filter((item) => { - return item.id === province; - }); - if (a == null || a.length === 0) { - return { - code: 0, - msg: "success", - data: [] - }; - } - const city = parseInt(req.params.city); - const b = a[0].children.filter((item) => { - return item.id === city; - }); - if (b == null || b.length === 0) { - return { - code: 0, - msg: "success", - data: [] - }; - } - - const list = omitChildren(b[0].children); - return { - code: 0, - msg: "success", - data: list - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/api.ts b/packages/ui/certd-client/src/views/crud/advanced/local-pagination/api.ts deleted file mode 100644 index 382cc6a6..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedLocalPagination"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/local-pagination/crud.tsx deleted file mode 100644 index 7050a66d..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/crud.tsx +++ /dev/null @@ -1,106 +0,0 @@ -import * as api from "./api.js"; -import _ from "lodash-es"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const localDataRef = context.localDataRef; - const pageRequest = async (query: UserPageQuery): Promise => { - const { page } = query; - //总数据 - let data = localDataRef.value; - //获取请求参数 - const limit = page.limit; - const offset = page.offset; - data = data.filter((item: any) => { - // 根据你的业务，编写你的本地查询逻辑 - // text改成你的查询字段 - if (query.status && item.status !== query.status) { - return false; - } - return true; - }); - - // 本地分页 - const start = offset; - let end = offset + limit; - if (data.length < end) { - end = data.length; - } - const records = data.slice(start, end); - - // 构造返回结果 - return { - offset, - limit, - total: localDataRef.value.length, - records - }; - }; - const editRequest = async ({ form, row }: EditReq) => { - if (form.id == null) { - form.id = row.id; - } - await api.UpdateObj(form); - //更新本地数据 - const tableData = localDataRef.value; - for (const item of tableData) { - if (item.id === form.id) { - _.merge(item, form); - } - } - }; - - const addRequest = async ({ form }: AddReq) => { - const { id } = await api.AddObj(form); - //本地添加 - form.id = id; - localDataRef.value.unshift(form); - return form; - }; - - const delRequest = async ({ row }: DelReq) => { - await api.DelObj(row.id); - //本地删除那一条记录 - const tableData = localDataRef.value; - let index = 0; - for (const item of tableData) { - if (item.id === row.id) { - localDataRef.value.splice(index, 1); - } - index++; - } - }; - - return { - output: {}, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - status: { - title: "状态", - search: { show: true }, - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/index.vue b/packages/ui/certd-client/src/views/crud/advanced/local-pagination/index.vue deleted file mode 100644 index f4a8a19b..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/index.vue +++ /dev/null @@ -1,51 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/local-pagination/mock.ts deleted file mode 100644 index 048a8eb7..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/local-pagination/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedLocalPagination", - idGenerator: 0 -}; -const list = [ - { - status: "1" - }, - { - status: "2" - }, - { - status: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/api.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/api.ts deleted file mode 100644 index c553e3dc..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedNest"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any[]) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/api.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/api.ts deleted file mode 100644 index 4b065e53..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedAside"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any[]) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/crud.tsx deleted file mode 100644 index ddbccd59..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/crud.tsx +++ /dev/null @@ -1,63 +0,0 @@ -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 => { - 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: { - pagination: { - showSizeChanger: false, // antdv - showQuickJumper: false // antdv - }, - request: { - pageRequest: api.GetList, - addRequest, - editRequest, - delRequest - }, - toolbar: { - compact: false - }, - rowHandle: { - width: "230px" - }, - table: {}, - columns: { - gradeId: { - title: "年级Id", - search: { show: true }, - type: "number", - column: { - width: 80, - align: "center", - sortable: true - } - }, - class: { - title: "班级", - search: { show: false }, - type: "text", - column: { - sortable: true - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/index.vue b/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/index.vue deleted file mode 100644 index fdba51d2..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/mock.ts deleted file mode 100644 index c366a461..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/aside-table/mock.ts +++ /dev/null @@ -1,27 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedAside", - idGenerator: 0 -}; -const list = [ - { - class: "一班", - gradeId: 1 - }, - { - class: "二班", - gradeId: 1 - }, - { - class: "三班", - gradeId: 2 - }, - { - class: "四班", - gradeId: 2 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/nest/crud.tsx deleted file mode 100644 index bb92d225..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/crud.tsx +++ /dev/null @@ -1,110 +0,0 @@ -import * as api from "./api"; -import { ref, shallowRef } from "vue"; -import SubTable from "./sub-table/index.vue"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose, context: { asideTableRef } }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const currentRow = ref(); - - const onCurrentRowChange = (id: number) => { - currentRow.value = id; - asideTableRef.value.crudBinding.search.initialForm = { gradeId: id }; - asideTableRef.value.setSearchFormData({ form: { gradeId: id } }); - asideTableRef.value.doRefresh(); - }; - return { - crudOptions: { - table: { - customRow(record: any, index: number) { - const clazz = record.id === currentRow.value ? "fs-current-row" : ""; - return { - onClick() { - onCurrentRowChange(record.id); - }, - class: clazz - }; - } - }, - pagination: { - showSizeChanger: false, // antdv - showQuickJumper: false // antdv - }, - form: { - wrapper: { - is: "a-drawer" - } - }, - request: { - pageRequest: api.GetList, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - width: "240px" - }, - toolbar: { - compact: false - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - grade: { - title: "年级", - search: { show: true }, - type: "text", - column: { - sortable: true - } - }, - nestId: { - title: "嵌套表格", - //复合字段类型 - type: ["number", "colspan"], - form: { - // 嵌套表格字段 - rules: [{ required: true, message: "请选择用户" }], - component: { - //局部引用子表格，要用shallowRef包裹 - name: shallowRef(SubTable), - vModel: "modelValue", - gradeId: compute(({ form }) => { - return form.id; - }) - } - // antdv 的跨列配置，需要配置如下三个, 可以通过colspan简化 - // col: { span: 24 }, - // labelCol: { span: 2 }, - // wrapperCol: { span: 21 } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/index.vue b/packages/ui/certd-client/src/views/crud/advanced/nest/index.vue deleted file mode 100644 index 53c5c6c0..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/index.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/mock.ts deleted file mode 100644 index d24e3e6f..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/mock.ts +++ /dev/null @@ -1,23 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedNest", - idGenerator: 0 -}; -const list = [ - { - grade: "一年级", - nestId: 1 - }, - { - grade: "二年级", - nestId: 2 - }, - { - grade: "三年级", - nestId: 3 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/api.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/api.ts deleted file mode 100644 index d8f5d178..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AdvancedSubTable"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any[]) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/crud.tsx b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/crud.tsx deleted file mode 100644 index 52a7169c..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/crud.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose, context: { props, ctx } }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - table: { - customRow(record: any, index: number) { - const clazz = record.id === props.modelValue ? "fs-current-row" : ""; - return { - onClick() { - ctx.emit("update:modelValue", record.id); - }, - class: clazz - }; - } - }, - request: { - pageRequest: api.GetList, - addRequest, - editRequest, - delRequest - }, - search: { show: false }, - form: { - wrapper: { - is: "a-drawer" - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - name: { - title: "用户姓名", - search: { show: true }, - type: "text", - column: { - sortable: true - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/index.vue b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/index.vue deleted file mode 100644 index 65a833f8..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/index.vue +++ /dev/null @@ -1,50 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.ts b/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.ts deleted file mode 100644 index e2aab6e1..00000000 --- a/packages/ui/certd-client/src/views/crud/advanced/nest/sub-table/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AdvancedSubTable", - idGenerator: 0 -}; -const list = [ - { - name: "张三" - }, - { - name: "李四" - }, - { - name: "王五" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.ts b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.ts deleted file mode 100644 index 704320a3..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisColumnMergePlugin"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.tsx deleted file mode 100644 index ad9dc9be..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/crud.tsx +++ /dev/null @@ -1,70 +0,0 @@ -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 => { - 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: { - settings: { - viewFormUseCellComponent: true - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "text", - type: "text" - }, - readonly: { - title: "只读字段", - type: "text", - readonly: true - }, - useCell: { - title: "查看使用cell组件", - type: "dict-select", - readonly: true, - dict: dict({ - url: "/mock/dicts/OpenStatusEnum" - }), - viewForm: { - component: { - vModel: "modelValue" - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue deleted file mode 100644 index 38336f41..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/index.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/mock.ts b/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/mock.ts deleted file mode 100644 index f695ad69..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/column-merge-plugin/mock.ts +++ /dev/null @@ -1,26 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisColumnMergePlugin", - idGenerator: 0 -}; -const list = [ - { - text: "点击右边查看按钮看效果", - readonly: "我是只读", - useCell: "1" - }, - { - text: "点击编辑按钮查看效果", - readonly: "我是只读", - useCell: "2" - }, - { - text: "正常字段", - readonly: "我是只读", - useCell: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/columns-set/api.ts b/packages/ui/certd-client/src/views/crud/basis/columns-set/api.ts deleted file mode 100644 index 01afe62a..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/columns-set/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisColumnsSet"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/columns-set/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/columns-set/crud.tsx deleted file mode 100644 index 2316f74e..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/columns-set/crud.tsx +++ /dev/null @@ -1,109 +0,0 @@ -import * as api from "./api.js"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { message } from "ant-design-vue"; -import { computed } from "vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = crudExpose; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - toolbar: { - columnsFilter: { - mode: "default", - container: { - width: "500px" - } - } - }, - actionbar: { - buttons: { - toggleMode: { - text: "切换简单模式", - click() { - crudBinding.value.toolbar.columnsFilter.mode = crudBinding.value.toolbar.columnsFilter.mode === "simple" ? "default" : "simple"; - message.info("当前列设置组件的模式为：" + crudBinding.value.toolbar.columnsFilter.mode); - } - }, - toggleColumnSetShow: { - text: "切换列设置项显隐", - click() { - crudBinding.value.toolbar.columnsFilter.originalColumns.hidden.columnSetShow = !crudBinding.value.toolbar.columnsFilter.originalColumns.hidden.columnSetShow; - message.info("切换第4列的列设置显隐"); - } - }, - toggleColumnSetDisabled: { - text: "切换列设置项禁用", - click() { - crudBinding.value.toolbar.columnsFilter.originalColumns.disabled.columnSetDisabled = !crudBinding.value.toolbar.columnsFilter.originalColumns.disabled.columnSetDisabled; - message.info("切换第3列的列设置禁用启用"); - } - }, - desc: { - text: "点击左侧按钮后，再点最右侧的列设置按钮查看效果" - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - show: computed(() => { - return true; - }) - } - }, - disabled: { - title: "列设置禁用", - type: "text", - column: { - columnSetDisabled: true - } - }, - hidden: { - title: "列设置隐藏", - type: "text", - column: { - columnSetShow: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/columns-set/index.vue b/packages/ui/certd-client/src/views/crud/basis/columns-set/index.vue deleted file mode 100644 index 8fda6906..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/columns-set/index.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/columns-set/mock.ts b/packages/ui/certd-client/src/views/crud/basis/columns-set/mock.ts deleted file mode 100644 index 5c869f1c..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/columns-set/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisColumnsSet", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/compute-more/api.ts b/packages/ui/certd-client/src/views/crud/basis/compute-more/api.ts deleted file mode 100644 index 88e88dd5..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute-more/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormComputeMore"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/compute-more/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/compute-more/crud.tsx deleted file mode 100644 index 6fec4dbd..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute-more/crud.tsx +++ /dev/null @@ -1,104 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { computed, ref, shallowRef } from "vue"; -import ShallowComponent from "/@/views/crud/basis/compute-more/shallow-component.vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - //普通的ref引用，可以动态切换配置 - const defValueRef = ref("我是动态的默认值"); - return { - output: { - defValueRef - }, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - scroll: { - x: 1500 - } - }, - form: { - labelCol: { span: 8 }, - wrapperCol: { span: 14 } - }, - rowHandle: { - fixed: "right", - align: "center" - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - defValue: { - title: "默认值", - type: "text", - search: { show: true, value: null }, - form: { - // form.value不支持asyncCompute/Compute, 因为上下文动态计算要先有上下文，上下文需要先有form数据 - value: defValueRef - } - }, - switch: { - title: "切换动态组件", - type: "dict-radio", - dict: dict({ - data: [ - { value: "radio", label: "radio" }, - { value: "select", label: "select" }, - { value: "shallow", label: "shallowComponent" } - ] - }) - }, - componentName: { - title: "动态组件", - type: "dict-select", - search: { show: true, value: null }, - dict: dict({ - data: [ - { value: "1", label: "开启" }, - { value: "2", label: "关闭" } - ] - }), - form: { - component: { - value: "2", - name: compute(({ form }) => { - return form.switch === "select" ? "fs-dict-select" : form.switch === "radio" ? "fs-dict-radio" : ShallowComponent; - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/compute-more/index.vue b/packages/ui/certd-client/src/views/crud/basis/compute-more/index.vue deleted file mode 100644 index 8e806baa..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute-more/index.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/compute-more/mock.ts b/packages/ui/certd-client/src/views/crud/basis/compute-more/mock.ts deleted file mode 100644 index 63a51fbb..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute-more/mock.ts +++ /dev/null @@ -1,33 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FormComputeMore", - idGenerator: 0 -}; -const list = [ - { - ref: "根据showRef显示", - compute: true, - status: "1", - remote: "2", - shower: "---> 点右边编辑查看示例效果", - remote2: "2", - editable: true - }, - { - compute: false, - status: "2", - remote: "0", - remote2: "2", - editable: false - }, - { - compute: true, - status: "0", - remote2: "2", - editable: true - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/compute-more/shallow-component.vue b/packages/ui/certd-client/src/views/crud/basis/compute-more/shallow-component.vue deleted file mode 100644 index 63e6a9a3..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute-more/shallow-component.vue +++ /dev/null @@ -1,14 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/compute/api.ts b/packages/ui/certd-client/src/views/crud/basis/compute/api.ts deleted file mode 100644 index a68548e3..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormCompute"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/compute/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/compute/crud.tsx deleted file mode 100644 index a0e40854..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute/crud.tsx +++ /dev/null @@ -1,204 +0,0 @@ -import * as api from "./api"; -import { requestForMock } from "/src/api/service"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, GetContextFn, ScopeContext, useCompute, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { message } from "ant-design-vue"; -import { computed } from "vue"; - -const { asyncCompute, compute } = useCompute(); -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const { showRef, showTableComputed, columnComponentShowComputed } = context; - - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - toolbar: { - compact: false - }, - table: { - scroll: { - x: 1500 - }, - //通过switch动态显隐table - show: showTableComputed //不仅支持computed，直接传showTableRef也是可以的 - }, - form: { - labelCol: { span: 8 }, - wrapperCol: { span: 14 } - }, - rowHandle: { - fixed: "right", - show: computed(() => { - return true; - }), - buttons: { - edit: { - show: compute(({ row }) => { - return row.editable; - }) - }, - remove: { - show: compute(({ row }) => { - return row.editable; - }) - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50, - resizable: true - }, - form: { - show: false - } - }, - refSwitch: { - title: "ref引用切换", - type: "text", - form: { - helper: "点我切换右边的输入框显示" - } - }, - ref: { - title: "根据ref引用显示", - type: ["text"], - form: { - component: { - show: showRef - }, - helper: "我会根据showRef进行显隐" - } - }, - compute: { - title: "compute", - search: { show: false }, - type: "text", - column: { - show: columnComponentShowComputed, - columnSetDisabled: true, //这里采用自定义控制显隐，那么列设置里面就要禁用 - // columnSetShow: false, //直接不在列设置里面显示也行 - component: { - name: "a-switch", - vModel: "checked" - } - }, - form: { - component: { - name: "a-switch", - vModel: "checked" - }, - helper: "点我触发动态计算" - } - }, - shower: { - title: "根据compute显示", - search: { show: false }, - type: "button", - form: { - component: { - show: compute(({ form }) => { - return form.compute; - }) - } - }, - column: { - width: 250, - resizable: true, - component: { - show: compute(({ row }) => { - return row.compute; - }) - } - } - }, - remote: { - title: "asyncCompute", - search: { show: true }, - type: "text", - form: { - component: { - name: "a-select", - vModel: "value", - placeholder: "异步计算远程获取options", - options: asyncCompute({ - async asyncFn(watchValue: any, context: GetContextFn) { - const url = "/mock/dicts/OpenStatusEnum?remote"; - return await requestForMock({ url }); - } - }) - }, - helper: "我的options是异步计算远程获取的,只会获取一次" - } - }, - remote2: { - title: "监听switch触发异步计算", - search: { show: false }, - type: "text", - form: { - component: { - name: "a-select", - vModel: "value", - placeholder: "异步计算远程获取options", - options: asyncCompute({ - watch({ form }: ScopeContext) { - return form.compute; - }, - async asyncFn(watchValue: string) { - message.info("监听switch,触发远程获取options"); - const url = watchValue ? "/mock/dicts/OpenStatusEnum?remote" : "/mock/dicts/moreOpenStatusEnum?remote"; - return await requestForMock({ url }); - } - }) - }, - helper: "监听其他属性修改后，触发重新计算" - }, - column: { - width: 200 - } - }, - editable: { - title: "可编辑", - search: { show: false }, - type: "text", - column: { - order: 1000, - fixed: "right", - component: { - name: "a-switch", - vModel: "checked" - } - }, - form: { - show: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/compute/index.vue b/packages/ui/certd-client/src/views/crud/basis/compute/index.vue deleted file mode 100644 index d8907267..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute/index.vue +++ /dev/null @@ -1,73 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/compute/mock.ts b/packages/ui/certd-client/src/views/crud/basis/compute/mock.ts deleted file mode 100644 index 6bc6732f..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/compute/mock.ts +++ /dev/null @@ -1,35 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FormCompute", - idGenerator: 0 -}; -const list = [ - { - ref: "根据showRef显示", - compute: true, - status: "1", - remote: "2", - shower: "---> 点右边编辑查看示例效果", - remote2: "2", - editable: true - }, - { - compute: false, - shower: "---> 点右边编辑查看示例效果", - status: "2", - remote: "0", - remote2: "2", - editable: false - }, - { - compute: true, - shower: "---> 点右边编辑查看示例效果", - status: "0", - remote2: "2", - editable: true - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/custom/api.ts b/packages/ui/certd-client/src/views/crud/basis/custom/api.ts deleted file mode 100644 index 1ccc733a..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/custom/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisCustom"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/custom/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/custom/crud.tsx deleted file mode 100644 index 4845265b..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/custom/crud.tsx +++ /dev/null @@ -1,148 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { shallowRef } from "vue"; -import VmodelCounter from "./vmodel-counter.vue"; -import { message } from "ant-design-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - counter: { - title: "自定义组件", - type: "text", - column: { - component: { - //引用自定义组件 - name: VmodelCounter, - color: "blue", - slots: { - //插槽示例 - default() { - return counter on cell:; - } - }, - on: { - //监听事件 - onChange({ $event, row }) { - message.info("counter changed:" + $event); - } - } - } - }, - form: { - //form表单 - component: { - //引用自定义组件 - name: VmodelCounter, - vModel: "modelValue", - color: "red", - on: { - //监听事件 - onChange({ $event, form }) { - message.info("counter changed:" + $event); - } - }, - slots: { - //插槽示例 - default() { - return counter on form:; - } - } - } - }, - search: { - show: true, - //form表单 - component: { - color: "yellow", - slots: { - //插槽示例 - default() { - return "counter:"; - } - } - } - } - }, - cellRender: { - title: "单元格render", - type: "text", - column: { - cellRender({ value }) { - return {value}; - } - } - }, - formAroundRender: { - title: "表单组件周围的render", - type: "text", - form: { - helper: "演示组件周围自定义render", - topRender({ value }) { - return topRender; - }, - bottomRender({ value }) { - return bottomRender {value ?? ""}; - }, - prefixRender({ value }) { - return prefixRender; - }, - suffixRender({ value }) { - return suffixRender; - } - } - }, - formRender: { - title: "字段组件本身render", - type: "text", - form: { - helper: "组件本身render", - render({ form }) { - return ( -
- - render value : {form.formRender} -
- ); - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/custom/index.vue b/packages/ui/certd-client/src/views/crud/basis/custom/index.vue deleted file mode 100644 index 461dfbcc..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/custom/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/custom/mock.ts b/packages/ui/certd-client/src/views/crud/basis/custom/mock.ts deleted file mode 100644 index 84e0ca9f..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/custom/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisCustom", - idGenerator: 0 -}; -const list = [ - { - counter: 1, - cellRender: "cellRender1" - }, - { - counter: 2, - cellRender: "cellRender2" - }, - { - counter: 3, - cellRender: "cellRender3" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/custom/vmodel-counter.vue b/packages/ui/certd-client/src/views/crud/basis/custom/vmodel-counter.vue deleted file mode 100644 index 226c0a5c..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/custom/vmodel-counter.vue +++ /dev/null @@ -1,45 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/first/api.ts b/packages/ui/certd-client/src/views/crud/basis/first/api.ts deleted file mode 100644 index eced4779..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/first/api.ts +++ /dev/null @@ -1,52 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FsCrudFirst"; - -/** - * 定义行数据模型 - */ -export type FirstRow = { - id?: number; - name?: string; - type?: number; -}; - -export function GetList(query: FirstRow) { - return request({ - url: apiPrefix + "/page", - method: "get", - data: query - }); -} - -export function AddObj(obj: FirstRow) { - return request({ - url: apiPrefix + "/add", - method: "post", - data: obj - }); -} - -export function UpdateObj(obj: FirstRow) { - 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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/first/crud.ts b/packages/ui/certd-client/src/views/crud/basis/first/crud.ts deleted file mode 100644 index 3f8e5c29..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/first/crud.ts +++ /dev/null @@ -1,57 +0,0 @@ -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery } from "@fast-crud/fast-crud"; -import * as api from "./api"; -import { FirstRow } from "./api"; - -/** - * 定义context参数类型 - */ -export type FirstContext = { - test?: number; -}; -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - context.test = 111; - return { - crudOptions: { - // 自定义crudOptions配置 - request: { - pageRequest: async (query: UserPageQuery) => { - return await api.GetList(query); - }, - addRequest: async ({ form }: AddReq) => { - return await api.AddObj(form); - }, - editRequest: async ({ form, row }: EditReq) => { - if (form.id == null) { - form.id = row.id; - } - return await api.UpdateObj(form); - }, - delRequest: async ({ row }: DelReq) => { - return await api.DelObj(row.id); - } - }, - //两个字段 - columns: { - name: { - title: "姓名", - type: "text", - search: { show: true }, - column: { - resizable: true, - width: 200 - } - }, - type: { - title: "类型", - type: "dict-select", - dict: dict({ - data: [ - { value: 1, label: "开始", color: "green" }, - { value: 0, label: "停止", color: "red" } - ] - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/first/index.vue b/packages/ui/certd-client/src/views/crud/basis/first/index.vue deleted file mode 100644 index 2bb18446..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/first/index.vue +++ /dev/null @@ -1,103 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/first/mock.ts b/packages/ui/certd-client/src/views/crud/basis/first/mock.ts deleted file mode 100644 index bb9ce24a..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/first/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FsCrudFirst", - idGenerator: 0 -}; -const list = [ - { - name: "张三", - type: 1 - }, - { - name: "李四", - type: 0 - }, - { - name: "王五" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/helloworld/index.vue b/packages/ui/certd-client/src/views/crud/basis/helloworld/index.vue deleted file mode 100644 index 2345430b..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/helloworld/index.vue +++ /dev/null @@ -1,116 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/i18n/api.ts b/packages/ui/certd-client/src/views/crud/basis/i18n/api.ts deleted file mode 100644 index 4e4d75cf..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/i18n/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisI18n"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/i18n/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/i18n/crud.tsx deleted file mode 100644 index 1cc13c44..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/i18n/crud.tsx +++ /dev/null @@ -1,77 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { useI18n } from "vue-i18n"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const { t } = useI18n(); - - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - name: { - title: t("app.crud.i18n.name"), - type: "text", - search: { show: true } - }, - city: { - title: t("app.crud.i18n.city"), - type: "dict-select", - search: { show: true }, - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "blue" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - }, - radio: { - title: t("app.crud.i18n.status"), - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/i18n/index.vue b/packages/ui/certd-client/src/views/crud/basis/i18n/index.vue deleted file mode 100644 index 9a53a5b2..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/i18n/index.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/i18n/mock.ts b/packages/ui/certd-client/src/views/crud/basis/i18n/mock.ts deleted file mode 100644 index 298354ac..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/i18n/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisI18n", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - name: "张三", - city: "sz" - }, - { - radio: "2", - name: "李四", - city: "gz" - }, - { - radio: "0", - name: "王五", - city: "sh" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-card/api.ts b/packages/ui/certd-client/src/views/crud/basis/layout-card/api.ts deleted file mode 100644 index 23cf53e8..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-card/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisLayoutCard"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-card/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/layout-card/crud.tsx deleted file mode 100644 index 7beac610..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-card/crud.tsx +++ /dev/null @@ -1,127 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { computed } from "vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const cityDictRef = dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "blue" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }); - return { - crudOptions: { - container: { - is: "fs-layout-card" - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - actionbar: { - show: true - }, - toolbar: { - show: true - }, - search: { - buttons: { - actionbarToggle: { - text: "actionbar/toolbar显隐", - show: true, - click() { - crudExpose.crudBinding.value.actionbar.show = !crudExpose.crudBinding.value.actionbar.show; - crudExpose.crudBinding.value.toolbar.show = !crudExpose.crudBinding.value.toolbar.show; - } - } - } - }, - tabs: { - name: "city", - show: true, - type: "card", - value: "id", - label: "text", - options: computed(() => { - return cityDictRef.data; - }) - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - name: { - title: "姓名", - type: "text", - search: { show: true } - }, - city: { - title: "城市", - type: "dict-select", - search: { show: true }, - dict: cityDictRef - }, - radio: { - title: "单选", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - text: { - title: "text", - type: "text", - search: { show: true } - }, - text2: { - title: "text2", - type: "text", - search: { show: true } - }, - text3: { - title: "text3", - type: "text", - search: { show: true } - }, - text4: { - title: "text4", - type: "text", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-card/index.vue b/packages/ui/certd-client/src/views/crud/basis/layout-card/index.vue deleted file mode 100644 index 1c69a31d..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-card/index.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-card/mock.ts b/packages/ui/certd-client/src/views/crud/basis/layout-card/mock.ts deleted file mode 100644 index d7c7bc48..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-card/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisLayoutCard", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - name: "张三", - city: "sz" - }, - { - radio: "2", - name: "李四", - city: "gz" - }, - { - radio: "0", - name: "王五", - city: "sh" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/api.ts b/packages/ui/certd-client/src/views/crud/basis/layout-custom/api.ts deleted file mode 100644 index 3c390674..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-custom/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisLayoutCustom"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/layout-custom/crud.tsx deleted file mode 100644 index 29fbe63f..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-custom/crud.tsx +++ /dev/null @@ -1,83 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import CustomLayout from "./custom-layout.vue"; -import { shallowRef } from "vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - container: { - is: shallowRef(CustomLayout) //可以将自定义布局组件全局注册，这里只需要配置name即可 - }, - tabs: { - show: true, - name: "city", - type: "card" - } as any, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - name: { - title: "姓名", - type: "text", - search: { show: true } - }, - city: { - title: "城市", - type: "dict-select", - search: { show: true }, - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "blue" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - }, - radio: { - title: "单选", - search: { show: false }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/custom-layout.vue b/packages/ui/certd-client/src/views/crud/basis/layout-custom/custom-layout.vue deleted file mode 100644 index b388e917..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-custom/custom-layout.vue +++ /dev/null @@ -1,81 +0,0 @@ - - - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue b/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue deleted file mode 100644 index 0f2e1ab2..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-custom/index.vue +++ /dev/null @@ -1,42 +0,0 @@ - - - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/layout-custom/mock.ts b/packages/ui/certd-client/src/views/crud/basis/layout-custom/mock.ts deleted file mode 100644 index 4b8662d8..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/layout-custom/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisLayoutCustom", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - name: "张三", - city: "sz" - }, - { - radio: "2", - name: "李四", - city: "gz" - }, - { - radio: "0", - name: "王五", - city: "sh" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/plugin/api.ts b/packages/ui/certd-client/src/views/crud/basis/plugin/api.ts deleted file mode 100644 index 49cf8f09..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/plugin/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisPlugin"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/plugin/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/plugin/crud.tsx deleted file mode 100644 index 56c837de..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/plugin/crud.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { ref } from "vue"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const selectedRowKeys: Ref = ref([]); - context.selectedRowKeys = selectedRowKeys; - - return { - crudOptions: { - settings: { - plugins: { - //这里使用行选择插件，生成行选择crudOptions配置，最终会与crudOptions合并 - rowSelection: { - enabled: true, - order: -2, - before: true, - // handle: (pluginProps,useCrudProps)=>CrudOptions, - props: { - multiple: true, - crossPage: true, - selectedRowKeys, - onSelectedChanged(selected) { - utils.logger.info("已选择变化：", selected); - } - } - } - } - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "Text", - type: "text", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/plugin/index.vue b/packages/ui/certd-client/src/views/crud/basis/plugin/index.vue deleted file mode 100644 index 0aadb6fe..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/plugin/index.vue +++ /dev/null @@ -1,63 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/plugin/mock.ts b/packages/ui/certd-client/src/views/crud/basis/plugin/mock.ts deleted file mode 100644 index ff62c565..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/plugin/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisPlugin", - idGenerator: 0 -}; -const list = [ - { - text: "张三", - radio: "1" - }, - { - text: "李四", - radio: "2" - }, - { - text: "王五", - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/reset/api.ts b/packages/ui/certd-client/src/views/crud/basis/reset/api.ts deleted file mode 100644 index 620c51e5..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/reset/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisValueChange"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/reset/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/reset/crud.tsx deleted file mode 100644 index 1a83d2be..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/reset/crud.tsx +++ /dev/null @@ -1,56 +0,0 @@ -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 => { - 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 { - output: {}, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - switch: { - title: "开关", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/reset/index.vue b/packages/ui/certd-client/src/views/crud/basis/reset/index.vue deleted file mode 100644 index 6da58da6..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/reset/index.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/reset/mock.ts b/packages/ui/certd-client/src/views/crud/basis/reset/mock.ts deleted file mode 100644 index 06b59be4..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/reset/mock.ts +++ /dev/null @@ -1,23 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisValueChange", - idGenerator: 0 -}; -const list = [ - { - switch: true, - text: "1111" - }, - { - switch: true, - text: "2222" - }, - { - switch: true, - text: "3333" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/ts/api.ts b/packages/ui/certd-client/src/views/crud/basis/ts/api.ts deleted file mode 100644 index 14a9751c..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/ts/api.ts +++ /dev/null @@ -1,54 +0,0 @@ -//@ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FsCrudFirst"; - -/** - * 定义行数据模型 - */ -export type TsTestRow = { - id?: number; - name?: string; - type?: number; - compute?: string; -}; - -export function GetList(query: TsTestRow) { - return request({ - url: apiPrefix + "/page", - method: "get", - data: query - }); -} - -export function AddObj(obj: TsTestRow) { - return request({ - url: apiPrefix + "/add", - method: "post", - data: obj - }); -} - -export function UpdateObj(obj: TsTestRow) { - 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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/ts/crud.ts b/packages/ui/certd-client/src/views/crud/basis/ts/crud.ts deleted file mode 100644 index 92bd155e..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/ts/crud.ts +++ /dev/null @@ -1,79 +0,0 @@ -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery } from "@fast-crud/fast-crud"; -import * as api from "./api"; -import { TsTestRow } from "./api"; - -/** - * 定义context参数类型 - */ -export type TsTestContext = { - test?: number; -}; -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - context.test = 111; - return { - crudOptions: { - // 自定义crudOptions配置 - columns: { - name: { - title: "姓名", - type: "text", - search: { show: true }, - column: { - resizable: true, - width: 200 - } - }, - type: { - title: "类型", - type: "dict-select", - dict: dict({ - data: [ - { value: 1, label: "开始", color: "green" }, - { value: 0, label: "停止", color: "red" } - ] - }), - valueResolve: ({ form }) => { - console.log("valueResolve", form.type); - }, - valueBuilder: ({ row }) => { - console.log("valueBuilder", row.type); - } - }, - compute: { - title: "compute", - type: "text", - form: { - component: { - show: compute(({ form }) => { - //自动带form ts提示 - return form.type === 1; - }), - disabled: compute(({ form }) => { - //disabled属性 不在component配置的定义中，所有不带row、form的ts提示, 需要手动指定类型 - return form.type === 1; - }) - } - } - } - }, - //两个字段 - request: { - pageRequest: async (query: UserPageQuery) => { - return await api.GetList(query); - }, - addRequest: async ({ form }: AddReq) => { - return await api.AddObj(form); - }, - editRequest: async ({ form, row }: EditReq) => { - if (form.id == null) { - form.id = row.id; - } - return await api.UpdateObj(form); - }, - delRequest: async ({ row }: DelReq) => { - return await api.DelObj(row.id); - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/ts/index.vue b/packages/ui/certd-client/src/views/crud/basis/ts/index.vue deleted file mode 100644 index e1a8dd28..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/ts/index.vue +++ /dev/null @@ -1,47 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/ts/mock.ts b/packages/ui/certd-client/src/views/crud/basis/ts/mock.ts deleted file mode 100644 index bb9ce24a..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/ts/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FsCrudFirst", - idGenerator: 0 -}; -const list = [ - { - name: "张三", - type: 1 - }, - { - name: "李四", - type: 0 - }, - { - name: "王五" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/basis/value-change/api.ts b/packages/ui/certd-client/src/views/crud/basis/value-change/api.ts deleted file mode 100644 index 620c51e5..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/value-change/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/BasisValueChange"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/basis/value-change/crud.tsx b/packages/ui/certd-client/src/views/crud/basis/value-change/crud.tsx deleted file mode 100644 index abafc4e2..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/value-change/crud.tsx +++ /dev/null @@ -1,108 +0,0 @@ -import * as api from "./api"; -import { message } from "ant-design-vue"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils, - ValueChangeContext -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - switch: { - title: "开关", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }), - column: { - component: { - name: "fs-dict-switch", - vModel: "checked" - }, - valueChange(context: ValueChangeContext) { - utils.logger.info("column value changed:", context); - } - }, - form: { - valueChange({ value, key, form }: ValueChangeContext) { - utils.logger.info("valueChanged,", key, value, form); - message.info(`valueChanged:${key}=${value}`); - } - } - }, - normal: { - title: "value-change", - type: "text", - form: { - valueChange({ value, key, form }: ValueChangeContext) { - utils.logger.info("valueChanged,", key, value, form); - message.info(`valueChanged:${key}=${value}`); - } - } - }, - immediate: { - title: "immediate", - type: "text", - search: { - show: true - }, - form: { - valueChange: { - handle({ value, key, form, immediate }: ValueChangeContext) { - utils.logger.info("valueChange,", key, value, "isImmediate=", immediate); - message.info(`valueChanged:${key}=${value},isImmediate=${immediate}`); - }, - immediate: true - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/basis/value-change/index.vue b/packages/ui/certd-client/src/views/crud/basis/value-change/index.vue deleted file mode 100644 index 642e5973..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/value-change/index.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/basis/value-change/mock.ts b/packages/ui/certd-client/src/views/crud/basis/value-change/mock.ts deleted file mode 100644 index f2967377..00000000 --- a/packages/ui/certd-client/src/views/crud/basis/value-change/mock.ts +++ /dev/null @@ -1,32 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "BasisValueChange", - idGenerator: 0 -}; -const list = [ - { - ref: "根据showRef显示", - compute: true, - status: "1", - remote: "2", - shower: "---> 点右边编辑查看示例效果", - remote2: "2", - editable: true - }, - { - compute: false, - status: "2", - remote: "0", - remote2: "2", - editable: false - }, - { - compute: true, - status: "0", - remote2: "2", - editable: true - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/button/api.ts b/packages/ui/certd-client/src/views/crud/component/button/api.ts deleted file mode 100644 index ade0ebe4..00000000 --- a/packages/ui/certd-client/src/views/crud/component/button/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentButton"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/button/crud.tsx b/packages/ui/certd-client/src/views/crud/component/button/crud.tsx deleted file mode 100644 index 3178c64d..00000000 --- a/packages/ui/certd-client/src/views/crud/component/button/crud.tsx +++ /dev/null @@ -1,119 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { message } from "ant-design-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - //配置表单label的宽度 - labelCol: { span: 6 } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - button: { - title: "按钮", - search: { show: true }, - type: "button", - column: { - component: { - icon: "ion:search", - show: compute(({ value }) => { - //当value为null时，不显示 - return value != null; - }), - on: { - // 注意：必须要on前缀 - onClick({ row }) { - message.success("按钮点击:" + row.button); - } - } - } - } - }, - url: { - title: "url", - search: { show: true }, - type: "text", - column: { - show: false - } - }, - link: { - title: "链接", - search: { show: true }, - type: "link", - column: { - component: { - on: { - // 注意：必须要on前缀 - onClick({ row }) { - if (row.url) { - window.open(row.url); - } - } - } - } - }, - form: { - title: "按钮文字" - } - }, - link2: { - title: "手写link配置", - search: { show: true }, - type: "text", //form组件用input - column: { - component: { - name: "fs-button", //列展示组件为button - vModel: "text", // 将row.link2的值赋值给text属性 - type: "link", // 按钮展示为链接样式 - on: { - //注册点击事件 - // 注意：必须要on前缀 - onClick({ row }) { - if (row.url) { - window.open(row.url); - } - } - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/button/index.vue b/packages/ui/certd-client/src/views/crud/component/button/index.vue deleted file mode 100644 index 2e9490d3..00000000 --- a/packages/ui/certd-client/src/views/crud/component/button/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - - - diff --git a/packages/ui/certd-client/src/views/crud/component/button/mock.ts b/packages/ui/certd-client/src/views/crud/component/button/mock.ts deleted file mode 100644 index ac808811..00000000 --- a/packages/ui/certd-client/src/views/crud/component/button/mock.ts +++ /dev/null @@ -1,23 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentButton", - idGenerator: 0 -}; -const list = [ - { - button: "张三", - link: "百度", - url: "https://www.baidu.com", - link2: "手写配置" - }, - { - button: "李四", - link: "百度", - url: "https://www.baidu.com", - link2: "手写配置" - }, - {} -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/cascader/api.ts b/packages/ui/certd-client/src/views/crud/component/cascader/api.ts deleted file mode 100644 index 777c83f3..00000000 --- a/packages/ui/certd-client/src/views/crud/component/cascader/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentCascader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/cascader/crud.tsx b/packages/ui/certd-client/src/views/crud/component/cascader/crud.tsx deleted file mode 100644 index a81e1f07..00000000 --- a/packages/ui/certd-client/src/views/crud/component/cascader/crud.tsx +++ /dev/null @@ -1,148 +0,0 @@ -import * as api from "./api"; -import { requestForMock } from "/src/api/service"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils, 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) => { - 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); - }; - const { ui } = useUi(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - // 单列布局 - col: { span: 24 }, - labelCol: { span: 4 }, - wrapperCol: { span: 18 } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - cascader: { - title: "级联", - search: { show: true }, - type: "dict-cascader", - dict: dict({ - isTree: true, - url: "/mock/dicts/cascaderData?single" - }), - form: { - component: { - on: { - selectedChange({ $event }) { - utils.logger.info("onSelectedChange", $event); - const labels = $event.map((item) => item.label); - ui.message.info(`selected-change:${JSON.stringify(labels)}`); - } - } - } - } - }, - lazyLoad: { - title: "懒加载", - type: "dict-cascader", - dict: dict({ - url: "/mock/tree/GetTreeChildrenByParentId?lazyLoad", - value: "code", - label: "name", - isTree: true, - prototype: true, - getNodesByValues(values: any) { - //给cell展示组件调用，根据value值获取节点，每行都会请求一次 - return requestForMock({ - url: "/mock/tree/GetNodesByValues", - params: { values } - }); - } - }), - form: { - component: { - vModel: "value", - options: [ - { - code: "11", - name: "北京", - isLeaf: false - }, - { - code: "12", - name: "天津", - isLeaf: false - } - ], - loadData: async (selectedOptions: any) => { - utils.logger.info("lazyLoad", selectedOptions); - const targetOption = selectedOptions[selectedOptions.length - 1]; - targetOption.loading = true; - - const ret = await requestForMock({ - url: "/mock/tree/GetTreeChildrenByParentId", - params: { parentId: targetOption.code } - }); - targetOption.loading = false; - const list = []; - for (const item of ret) { - list.push({ - code: item.code, - name: item.name, - isLeaf: item.leaf === true - }); - } - targetOption.children = list; - //options.value = [...options.value]; - }, - changeOnSelect: true - } - } - }, - multiple: { - title: "可搜索，可只选父节点", - type: "dict-cascader", - dict: dict({ - isTree: true, - url: "/mock/dicts/cascaderData?multiple" - }), - form: { - component: { - showSearch: { - filter: (inputValue: any, path: any) => { - return path.some((option: any) => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1); - } - }, - "change-on-select": true - }, - helper: "antd cascader 不支持级联多选" - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/cascader/index.vue b/packages/ui/certd-client/src/views/crud/component/cascader/index.vue deleted file mode 100644 index 21364b10..00000000 --- a/packages/ui/certd-client/src/views/crud/component/cascader/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/cascader/mock.ts b/packages/ui/certd-client/src/views/crud/component/cascader/mock.ts deleted file mode 100644 index 304c781c..00000000 --- a/packages/ui/certd-client/src/views/crud/component/cascader/mock.ts +++ /dev/null @@ -1,23 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentCascader", - idGenerator: 0 -}; -const list = [ - { - cascader: ["zhinan", "shejiyuanze", "yizhi"], - lazyLoad: ["11", "1101", "110101", "110101001"], - multiple: ["antdv cascader不支持多选"] - }, - { - cascader: ["zhinan", "shejiyuanze", "yizhi"], - multiple: ["antdv cascader不支持多选"] - }, - { - cascader: ["zhinan", "shejiyuanze", "yizhi"], - multiple: ["antdv cascader不支持多选"] - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/checkbox/api.ts b/packages/ui/certd-client/src/views/crud/component/checkbox/api.ts deleted file mode 100644 index 026486f7..00000000 --- a/packages/ui/certd-client/src/views/crud/component/checkbox/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentCheckbox"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/checkbox/crud.tsx b/packages/ui/certd-client/src/views/crud/component/checkbox/crud.tsx deleted file mode 100644 index bc8bb544..00000000 --- a/packages/ui/certd-client/src/views/crud/component/checkbox/crud.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils, 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) => { - 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); - }; - const { ui } = useUi(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - checkbox: { - title: "状态", - search: { show: true }, - type: "dict-checkbox", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - component: { - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - ui.message.info(`你选择了${JSON.stringify($event)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/checkbox/index.vue b/packages/ui/certd-client/src/views/crud/component/checkbox/index.vue deleted file mode 100644 index afb6bdd5..00000000 --- a/packages/ui/certd-client/src/views/crud/component/checkbox/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/checkbox/mock.ts b/packages/ui/certd-client/src/views/crud/component/checkbox/mock.ts deleted file mode 100644 index 5bc8deac..00000000 --- a/packages/ui/certd-client/src/views/crud/component/checkbox/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentCheckbox", - idGenerator: 0 -}; -const list = [ - { - checkbox: ["1", "2"] - }, - { - checkbox: "2" - }, - { - checkbox: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/date/api.ts b/packages/ui/certd-client/src/views/crud/component/date/api.ts deleted file mode 100644 index 46e9f44c..00000000 --- a/packages/ui/certd-client/src/views/crud/component/date/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentDate"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/date/crud.tsx b/packages/ui/certd-client/src/views/crud/component/date/crud.tsx deleted file mode 100644 index 7690265b..00000000 --- a/packages/ui/certd-client/src/views/crud/component/date/crud.tsx +++ /dev/null @@ -1,228 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, ScopeContext, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import dayjs from "dayjs"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - table: { - scroll: { x: 3000 } - }, - rowHandle: { fixed: "right" }, - search: { - initialForm: { - // datetimerange: [dayjs().subtract(1, "month").startOf("day"), dayjs().endOf("day")] - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - timestamp: { - title: "时间戳", - type: "datetime", - search: { - show: true, - width: 185, - component: {} - }, - valueBuilder({ value, row, key }) { - utils.logger.info("value builder:", key, value, row); - if (value != null) { - row[key] = dayjs(value); - } - }, - valueResolve({ value, row, key }) { - if (value != null) { - row[key] = value.unix(); - } - } - }, - humanize: { - type: ["datetime", "time-humanize"], - title: "人性化时间", - column: { - component: { - options: { - largest: 2 - } - } - }, - valueBuilder({ value, row, key }) { - utils.logger.info("value builder:", key, value, row); - if (value != null) { - row[key] = dayjs(value); - } - }, - valueResolve({ value, row, key }) { - if (value != null) { - row[key] = value.unix(); - } - } - }, - datetime: { - title: "日期时间", - type: "datetime", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - format: { - title: "格式化", - type: "datetime", - form: { - component: { - format: "YYYY年MM月DD日 HH:mm", - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - }, - column: { - width: 180, - component: { - // 行展示组件使用的dayjs， - format: "YYYY年MM月DD日 HH:mm" - } - } - }, - date: { - title: "仅日期", - type: "date", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss", //输入值的格式 - on: { - onChange(context: ScopeContext) { - utils.logger.info("change", context); - } - } - } - } - }, - time: { - title: "仅时间", - type: "time", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - month: { - title: "月份", - type: "month", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - week: { - title: "星期", - type: "week", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - quarter: { - title: "季度", - type: "quarter", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - year: { - title: "年份", - type: "year", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss" //输入值的格式 - } - } - }, - disabledDate: { - title: "禁用日期", - type: "date", - form: { - component: { - valueFormat: "YYYY-MM-DD HH:mm:ss", //输入值的格式 - disabledDate(current: any) { - return current && current < dayjs().endOf("day"); - } - } - } - }, - daterange: { - title: "日期范围", - type: "daterange", - search: { show: true, width: 300, col: { span: 6 } }, - valueBuilder({ row, key }) { - if (!utils.strings.hasEmpty(row.daterangeStart, row.daterangeEnd)) { - row[key] = [dayjs(row.daterangeStart), dayjs(row.daterangeEnd)]; - } - } - }, - datetimerange: { - title: "日期时间范围", - type: "datetimerange", - search: { show: true, width: 300, col: { span: 8 } }, - valueBuilder({ row, key }) { - if (!utils.strings.hasEmpty(row.datetimerangeStart, row.datetimerangeEnd)) { - row[key] = [dayjs(row.datetimerangeStart), dayjs(row.datetimerangeEnd)]; - } - }, - valueResolve({ form, key }) { - const row = form; - if (row[key] != null && !utils.strings.hasEmpty(row[key])) { - row.datetimerangeStart = row[key][0]; - row.datetimerangeEnd = row[key][1]; - } else { - row.datetimerangeStart = null; - row.datetimerangeEnd = null; - } - } - }, - customType: { - title: "自定义字段类型", - type: "time2" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/date/index.vue b/packages/ui/certd-client/src/views/crud/component/date/index.vue deleted file mode 100644 index be5473bc..00000000 --- a/packages/ui/certd-client/src/views/crud/component/date/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/date/mock.ts b/packages/ui/certd-client/src/views/crud/component/date/mock.ts deleted file mode 100644 index 67db6414..00000000 --- a/packages/ui/certd-client/src/views/crud/component/date/mock.ts +++ /dev/null @@ -1,48 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "ComponentDate", - idGenerator: 0 -}; -const list = [ - { - timestamp: 123123123123, - humanize: new Date().getTime() - 11111111, - datetime: "2019-09-01 11:11:11", - date: "2019-09-02 11:11:11", - format: "2019-09-21 11:11:11", - time: "2019-09-22 12:11:11", - month: "2019-09-22 12:11:11", - week: "2019-09-22 12:11:11", - quarter: "2019-09-22 12:11:11", - year: "2019-09-22 12:11:11", - daterangeStart: "2019-09-23 11:11:11", - daterangeEnd: "2019-09-24 11:11:11", - datetimerangeStart: "2019-09-25 11:11:11", - datetimerangeEnd: "2019-09-26 11:11:11" - }, - { - // timestamp: 444444555, - datetime: "2017-09-20 11:11:11", - date: "2019-09-20 11:11:11", - humanize: new Date().getTime() - 22222222, - // time: 12313123334, - daterangeStart: "2019-09-20 11:11:11", - daterangeEnd: "2019-09-21 11:11:11", - datetimerangeStart: "2019-09-20 11:11:11", - datetimerangeEnd: "2019-09-21 11:11:11" - }, - { - // timestamp: 5555555555, - datetime: "2017-09-20 11:11:11", - date: "2019-09-20 11:11:11", - // time: 12313123334, - daterangeStart: "2019-09-20 11:11:11", - daterangeEnd: "2019-09-21 11:11:11", - datetimerangeStart: "2019-09-20 11:11:11", - datetimerangeEnd: "2019-09-21 11:11:11" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/editor/api.ts b/packages/ui/certd-client/src/views/crud/component/editor/api.ts deleted file mode 100644 index c49c7a83..00000000 --- a/packages/ui/certd-client/src/views/crud/component/editor/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentEditor"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/editor/crud.tsx b/packages/ui/certd-client/src/views/crud/component/editor/crud.tsx deleted file mode 100644 index 5b0b7d22..00000000 --- a/packages/ui/certd-client/src/views/crud/component/editor/crud.tsx +++ /dev/null @@ -1,126 +0,0 @@ -import * as api from "./api"; -import { utils, dict, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, UserPageQuery, UserPageRes, EditReq, DelReq, AddReq, ScopeContext } from "@fast-crud/fast-crud"; -import { FsUploaderFormOptions } from "@fast-crud/fast-extends"; -import "./editor.css"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - title: { - title: "标题", - type: "text", - column: { - width: 400 - }, - form: { - col: { span: 24 } - } - }, - text: { - title: "摘要", - type: "textarea", - form: { - col: { span: 24 } - }, - viewForm: { - render(scope: ScopeContext) { - return
{scope.value}
; - } - } - }, - disabled: { - title: "禁用启用", - search: { show: false }, - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "禁用" }, - { value: false, label: "启用" } - ] - }) - }, - content_wang: { - title: "内容", - column: { - width: 300, - show: false - }, - type: "editor-wang5", // 富文本图片上传依赖file-uploader，请先配置好file-uploader - viewForm: { - render({ value }) { - return
; - } - }, - form: { - helper: "示例已升级到wangEditor5版本，原来的editor-wang目前仍然可以使用，后续fs升级可能会将其删除，请尽快升级到editor-wang5版本", - col: { span: 24 }, - // 动态显隐字段 - // show: compute(({ form }) => { - // return form.change === "wang"; - // }), - rules: [ - { required: true, message: "此项必填" }, - { - validator: async (rule, value) => { - if (value.trim() === "


") { - throw new Error("内容不能为空"); - } - } - } - ], - component: { - disabled: compute(({ form }) => { - return form.disabled; - }), - id: "1", // 当同一个页面有多个editor时，需要配置不同的id - toolbarConfig: {}, - editorConfig: {}, - onOnChange(value: any) { - utils.logger.info("value changed", value); - }, - uploader: { - type: "form", - buildUrl(res: any) { - return res.url; - } - } as FsUploaderFormOptions - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/editor/editor.css b/packages/ui/certd-client/src/views/crud/component/editor/editor.css deleted file mode 100644 index 5666c316..00000000 --- a/packages/ui/certd-client/src/views/crud/component/editor/editor.css +++ /dev/null @@ -1,52 +0,0 @@ -.editor-content-view { - /*border: 1px solid #ccc;*/ - /*border-radius: 5px;*/ - padding: 0 10px; - margin-top: 20px; - overflow-x: auto; -} - -.editor-content-view p, -.editor-content-view li { - white-space: pre-wrap; /* 保留空格 */ -} - -.editor-content-view blockquote { - border-left: 8px solid #d0e5f2; - padding: 10px 10px; - margin: 10px 0; - background-color: #f1f1f1; -} - -.editor-content-view code { - font-family: monospace; - background-color: #eee; - padding: 3px; - border-radius: 3px; -} -.editor-content-view pre>code { - display: block; - padding: 10px; -} - -.editor-content-view table { - border-collapse: collapse; -} -.editor-content-view td, -.editor-content-view th { - border: 1px solid #ccc; - min-width: 50px; - height: 20px; -} -.editor-content-view th { - background-color: #f1f1f1; -} - -.editor-content-view ul, -.editor-content-view ol { - padding-left: 20px; -} - -.editor-content-view input[type="checkbox"] { - margin-right: 5px; -} \ No newline at end of file diff --git a/packages/ui/certd-client/src/views/crud/component/editor/index.vue b/packages/ui/certd-client/src/views/crud/component/editor/index.vue deleted file mode 100644 index e35c9adc..00000000 --- a/packages/ui/certd-client/src/views/crud/component/editor/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/editor/mock.ts b/packages/ui/certd-client/src/views/crud/component/editor/mock.ts deleted file mode 100644 index c43684f0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/editor/mock.ts +++ /dev/null @@ -1,29 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "ComponentEditor", - idGenerator: 0 -}; -const list = [ - { - title: "d2-crud-plus好用吗？", - text: "非常好用", - content_quill: '

非常好用哦

', - change: "quill" - }, - { - title: "d2-crud-plus有什么优势？", - text: "简单，方便", - content_quill: "简单方便", - change: "wang" - }, - { - title: "1111111", - text: "22222", - content_quill: "3333", - change: "wang" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/icon/api.ts b/packages/ui/certd-client/src/views/crud/component/icon/api.ts deleted file mode 100644 index f29e47ad..00000000 --- a/packages/ui/certd-client/src/views/crud/component/icon/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentIcon"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/icon/crud.tsx b/packages/ui/certd-client/src/views/crud/component/icon/crud.tsx deleted file mode 100644 index 2ede7c46..00000000 --- a/packages/ui/certd-client/src/views/crud/component/icon/crud.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - icon: { - title: "icon", - search: { show: true }, - type: "text", - column: { - component: { - name: "fs-icon", - vModel: "icon", - style: "font-size:18px" - } - }, - form: { - helper: { - render() { - return ( - - 点击此处选择图标名称 - - ); - } - } - } - }, - svg: { - title: "svg", - search: { show: true }, - type: "text", - column: { - component: { - name: "fs-icon", - vModel: "icon", - style: "font-size:18px" - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/icon/index.vue b/packages/ui/certd-client/src/views/crud/component/icon/index.vue deleted file mode 100644 index 1b6be1c8..00000000 --- a/packages/ui/certd-client/src/views/crud/component/icon/index.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/icon/mock.ts b/packages/ui/certd-client/src/views/crud/component/icon/mock.ts deleted file mode 100644 index ffe920b0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/icon/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentIcon", - idGenerator: 0 -}; -const list = [ - { - icon: "ri:24-hours-fill", - svg: "svg:icon-compass" - }, - { - icon: "ion:add-circle-outline", - svg: "svg:icon-left-circle" - }, - { - icon: "ion:american-football-sharp", - svg: "svg:icon-Dollar" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/independent/index.vue b/packages/ui/certd-client/src/views/crud/component/independent/index.vue deleted file mode 100644 index e829e461..00000000 --- a/packages/ui/certd-client/src/views/crud/component/independent/index.vue +++ /dev/null @@ -1,141 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/json/api.ts b/packages/ui/certd-client/src/views/crud/component/json/api.ts deleted file mode 100644 index ff19433e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/json/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentJson"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/json/crud.tsx b/packages/ui/certd-client/src/views/crud/component/json/crud.tsx deleted file mode 100644 index b57abafb..00000000 --- a/packages/ui/certd-client/src/views/crud/component/json/crud.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, ValueBuilderContext, ValueResolveContext } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - async onOpened({ mode, formRef }) { - if (!formRef.form.async) { - setTimeout(() => { - formRef.form.async = { aaa: "11", bb: "111" }; - }, 2000); - } - } - } - }, - columns: { - json: { - title: "json", - type: "json", - form: { - valueBuilder({ form }: ValueBuilderContext) { - if (form.json == null) { - return; - } - form.json = JSON.parse(form.json); - }, - valueResolve({ form }: ValueResolveContext) { - if (form.json == null) { - return; - } - form.json = JSON.stringify(form.json); - } - } - }, - async: { - title: "异步加载", - type: "json", - form: { - // 上面form.wrapper.onOpened里面配置了异步加载 - helper: "在onOpened里面配置异步加载json字符串", - valueBuilder({ form }: ValueBuilderContext) { - if (form.async == null) { - return; - } - form.async = JSON.parse(form.async); - }, - valueResolve({ form }: ValueResolveContext) { - if (form.async == null) { - return; - } - form.async = JSON.stringify(form.async); - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/json/index.vue b/packages/ui/certd-client/src/views/crud/component/json/index.vue deleted file mode 100644 index 1d854ac3..00000000 --- a/packages/ui/certd-client/src/views/crud/component/json/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/json/mock.ts b/packages/ui/certd-client/src/views/crud/component/json/mock.ts deleted file mode 100644 index ed10e813..00000000 --- a/packages/ui/certd-client/src/views/crud/component/json/mock.ts +++ /dev/null @@ -1,18 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentJson", - idGenerator: 0 -}; -const list: any = [ - { - json: '{"a":1,"b":2}', - async: null - }, - { - json: '{"a":3,"b":4}', - async: null - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/number/api.ts b/packages/ui/certd-client/src/views/crud/component/number/api.ts deleted file mode 100644 index 7fe4bc4e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/number/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentNumber"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/number/crud.tsx b/packages/ui/certd-client/src/views/crud/component/number/crud.tsx deleted file mode 100644 index a72f88bc..00000000 --- a/packages/ui/certd-client/src/views/crud/component/number/crud.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - integer: { - title: "整数", - search: { show: true }, - type: "number" - }, - float: { - title: "小数", - type: "number", - form: { - component: { - step: "0.1" - } - } - }, - format: { - title: "格式化", - type: "number", - form: { - component: { - formatter: (value: any) => `${value}%`, - parser: (value: any) => value.replace("%", "") - } - }, - column: { - formatter({ value }) { - return value + "%"; - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/number/index.vue b/packages/ui/certd-client/src/views/crud/component/number/index.vue deleted file mode 100644 index 5453d792..00000000 --- a/packages/ui/certd-client/src/views/crud/component/number/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/number/mock.ts b/packages/ui/certd-client/src/views/crud/component/number/mock.ts deleted file mode 100644 index 968f562b..00000000 --- a/packages/ui/certd-client/src/views/crud/component/number/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentNumber", - idGenerator: 0 -}; -const list = [ - { - integer: 1, - float: 1.1, - format: 100 - }, - { - integer: 2, - float: 1.2, - format: 100 - }, - { - integer: 3, - float: 1.3, - format: 100 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/phone/api.ts b/packages/ui/certd-client/src/views/crud/component/phone/api.ts deleted file mode 100644 index 0a7235bf..00000000 --- a/packages/ui/certd-client/src/views/crud/component/phone/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentPhone"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function GetByIds(ids: any) { - return request({ - url: apiPrefix + "/byIds", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/phone/crud.tsx b/packages/ui/certd-client/src/views/crud/component/phone/crud.tsx deleted file mode 100644 index 61ce9131..00000000 --- a/packages/ui/certd-client/src/views/crud/component/phone/crud.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, ScopeContext, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { SearchOutlined } from "@ant-design/icons-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - type: "number", - form: { show: false } - }, - phone: { - title: "手机号码", - type: "phone", - search: { show: true } - }, - phoneNumber: { - title: "区号手机号分开", - type: "phone", - valueBuilder({ row, key, value }) { - row[key] = { - callingCode: row.code || undefined, - phoneNumber: value || "" - }; - }, - valueResolve({ form, key, value }) { - if (value) { - form.code = value.callingCode; - form.phoneNumber = value.phoneNumber; - } - } - }, - only: { - title: "仅某些国家", - type: "phone", - form: { - component: { - onlyCountries: ["CN", "US"] - }, - helper: "仅CN,US" - } - }, - ignore: { - title: "排除某些国家", - type: "phone", - form: { - component: { - ignoredCountries: ["jp"] - }, - helper: "排除JP" - } - }, - priority: { - title: "优先某些国家", - type: "phone", - form: { - component: { - priorityCountries: ["CN", "US"], - ignoredCountries: ["jp"] - }, - helper: "优先CN，US，排除JP" - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/phone/index.vue b/packages/ui/certd-client/src/views/crud/component/phone/index.vue deleted file mode 100644 index 26ad7545..00000000 --- a/packages/ui/certd-client/src/views/crud/component/phone/index.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/phone/mock.ts b/packages/ui/certd-client/src/views/crud/component/phone/mock.ts deleted file mode 100644 index b0e1c43d..00000000 --- a/packages/ui/certd-client/src/views/crud/component/phone/mock.ts +++ /dev/null @@ -1,18 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentPhone", - idGenerator: 0 -}; -const list = [ - { - phone: { - callingCode: "86", - phoneNumber: "12345678" - }, - code: "86", - phoneNumber: "12424354" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/radio/api.ts b/packages/ui/certd-client/src/views/crud/component/radio/api.ts deleted file mode 100644 index 707ff60b..00000000 --- a/packages/ui/certd-client/src/views/crud/component/radio/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentRadio"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/radio/crud.tsx b/packages/ui/certd-client/src/views/crud/component/radio/crud.tsx deleted file mode 100644 index a1dcab43..00000000 --- a/packages/ui/certd-client/src/views/crud/component/radio/crud.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, useUi, utils } 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) => { - 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); - }; - const { ui } = useUi(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - valueChange({ value }) { - utils.logger.info("change", value); - }, - component: { - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - ui.message.info(`你选择了${JSON.stringify($event)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - } - } - } - }, - button: { - title: "按钮样式", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - component: { - optionName: "a-radio-button" - } - } - }, - bool: { - title: "布尔类型", - search: { show: true }, - type: "dict-radio", - dict: dict({ - data: [ - { value: true, label: "TRUE" }, - { value: false, label: "FALSE" } - ] - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/radio/index.vue b/packages/ui/certd-client/src/views/crud/component/radio/index.vue deleted file mode 100644 index 61eb616e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/radio/index.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/radio/mock.ts b/packages/ui/certd-client/src/views/crud/component/radio/mock.ts deleted file mode 100644 index ba3efaf0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/radio/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentRadio", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - button: "1", - bool: true - }, - { - radio: "2", - button: "2", - bool: false - }, - { - radio: "0", - button: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/select/api.ts b/packages/ui/certd-client/src/views/crud/component/select/api.ts deleted file mode 100644 index 71f20c92..00000000 --- a/packages/ui/certd-client/src/views/crud/component/select/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentSelect"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/select/crud.tsx b/packages/ui/certd-client/src/views/crud/component/select/crud.tsx deleted file mode 100644 index 2a286bfe..00000000 --- a/packages/ui/certd-client/src/views/crud/component/select/crud.tsx +++ /dev/null @@ -1,350 +0,0 @@ -import * as api from "./api"; -import { requestForMock } from "/src/api/service"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, DictOnReadyContext, EditReq, UserPageQuery, UserPageRes, useUi, utils } from "@fast-crud/fast-crud"; -import { ref } from "vue"; -import _ from "lodash-es"; -function useSearchRemote() { - let lastFetchId = 0; - - const state = { - data: ref([]), - fetching: ref(false) - }; - const fetchUser = _.debounce((value) => { - utils.logger.info("fetching user", value); - lastFetchId += 1; - - const fetchId = lastFetchId; - - state.data.value = []; - - state.fetching.value = true; - - fetch("https://randomuser.me/api/?results=5") - .then((response) => response.json()) - .then((body) => { - if (fetchId !== lastFetchId) { - // for fetch callback order - return; - } - const data = body.results.map((user: any) => ({ - text: `${user.name.first} ${user.name.last}`, - value: user.login.username - })); - state.data.value = data; - state.fetching.value = false; - }); - }, 800); - - return { - fetchUser, - searchState: state - }; -} -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const dictRef = dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "blue" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }); - - function dynamicUpdateDictOptions() { - dictRef.data.push({ id: "xg", text: "香港" }); - //dictRef.toMap(); - } - - const { ui } = useUi(); - - const { fetchUser, searchState } = useSearchRemote(); - return { - dynamicUpdateDictOptions, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - // 单列布局 - col: { span: 24 }, - labelCol: { span: 4 }, - wrapperCol: { span: 18 } - }, - rowHandle: { - fixed: "right", - align: "center" - }, - table: { - scroll: { - //启用横向滚动条，设置一个大于所有列宽之和的值，一般大于表格宽度 - x: 1400 - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - statusLocal: { - title: "单选本地", - type: "dict-select", - dict: dictRef, - form: { - component: { - onChange(args: any) { - utils.logger.info("onChange", args); - }, - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - ui.message.info(`你选择了${JSON.stringify($event)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - } - }, - helper: "selected-change事件可以获取选中的option对象" - } - }, - statusRemote: { - title: "单选远程", - search: { - show: true, - rules: null - }, - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?simple" - }), - form: { - rules: [{ required: true, message: "请选择一个选项" }] - } - }, - filter: { - title: "本地过滤", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?simple" - }), - form: { - component: { - showSearch: true, - //默认的filterOption仅支持value的过滤，label并不会加入查询 - //所以需要自定义filterOption - filterOption(inputValue: any, option: any) { - return option.label.indexOf(inputValue) >= 0 || option.value.indexOf(inputValue) >= 0; - } - } - } - }, - search: { - title: "远程搜索", - type: "text", - search: { show: true }, - form: { - component: { - name: "a-select", - vModel: "value", - filterOption: false, - //labelInValue: true, - mode: "multiple", - showSearch: true, - allowClear: true, - placeholder: "输入远程搜索，数据仅供演示", - options: searchState.data, - onSearch(value: any) { - fetchUser(value); - }, - children: { - notFoundContent() { - if (searchState.fetching.value) { - return ; - } - return "暂无记录"; - } - } - } - } - }, - customDictGetData: { - title: "自定义字典请求", - search: { show: false }, - type: "dict-select", - dict: dict({ - getData({ dict }) { - // 覆盖全局获取字典请求配置 - utils.logger.info(`我是从自定义的getData方法中加载的数据字典`, dict); - return requestForMock({ - url: "/mock/dicts/OpenStatusEnum?cache", - method: "get" - }); - } - }), - form: { - value: "2", //默认值, 注意search也会影响到，需要将search.value=null，取消search的默认值 - helper: "dict.getData可以覆盖全局配置的getRemoteDictFunc" - }, - column: { - width: 120, - component: { - type: "text" // 不使用tag，纯文本展示 - } - } - }, - disabledOptions: { - title: "禁用某个选项", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?disabledOptions" - }), - form: { - component: { - dict: { - // 此处dict配置会覆盖上面dict的属性 - prototype: true, // form表单的dict设置为原型复制，每次初始化时都会重新loadDict - onReady({ dict }: DictOnReadyContext) { - utils.logger.info("字典请求ready", dict); - dict.data[0].disabled = true; // 禁用某个选项， 还可以自己修改选项 - } - } - }, - helper: "禁用字典选项" - }, - column: { - width: 150 - } - }, - firstDefault: { - title: "默认值", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?disabledOptions" - }), - form: { - component: { - //监听 dict-change事件 - onDictChange({ dict, form, key }: any) { - utils.logger.info("dict data changed", dict, key); - if (dict.data != null && form.firstDefault == null) { - form.firstDefault = dict.data[0].value; - } - } - // 下面的方法也可以，注意要配置dict.prototype:true - // dict: { - // // 此处dict配置会覆盖上面dict的属性 - // // form表单的dict设置为原型复制，每次初始化时都会重新loadDict - // prototype: true, - // - // onReady({ dict, form }) { - // console.log("字典请求ready", dict, form, getComponentRef); - // // prototype= true 才能获取到form表单数据 - // form.firstDefault = dict.data[0].value; - // } - // } - }, - helper: "默认选择第一个选项" - } - }, - multiple: { - title: "多选自动染色", - sortable: true, - type: "dict-select", - search: { show: true }, - form: { - title: "多选本地", - component: { - mode: "multiple" - }, - rules: [{ required: true, message: "请选择一个选项" }] - }, - dict: dict({ - data: [ - { value: "sz", label: "深圳", color: "success" }, - { value: "gz", label: "广州" }, - { value: "wh", label: "武汉" }, - { value: "sh", label: "上海" }, - { value: "hz", label: "杭州" }, - { value: "bj", label: "北京", color: "red" } - ] - }), - column: { - width: 290, - component: { - color: "auto", // 自动染色 - defaultLabel: "未知城市" //无数据字典时的默认文本 - } - } - }, - tags: { - title: "可输入", - sortable: true, - type: "dict-select", - form: { - component: { - mode: "tags" - } - }, - dict: dict({ - data: [ - { value: "sz", label: "深圳", color: "success" }, - { value: "gz", label: "广州" }, - { value: "wh", label: "武汉" }, - { value: "sh", label: "上海" }, - { value: "hz", label: "杭州" }, - { value: "bj", label: "北京", color: "red" } - ] - }) - }, - statusSimple: { - title: "普通选择", - type: "text", - form: { - component: { - name: "a-select", - vModel: "value", - options: [ - { value: "sz", label: "深圳", color: "success" }, - { value: "gz", label: "广州", color: "blue" }, - { value: "bj", label: "北京" }, - { value: "wh", label: "武汉" }, - { value: "sh", label: "上海" } - ] - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/select/index.vue b/packages/ui/certd-client/src/views/crud/component/select/index.vue deleted file mode 100644 index d778ca0a..00000000 --- a/packages/ui/certd-client/src/views/crud/component/select/index.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/select/mock.ts b/packages/ui/certd-client/src/views/crud/component/select/mock.ts deleted file mode 100644 index d49561ca..00000000 --- a/packages/ui/certd-client/src/views/crud/component/select/mock.ts +++ /dev/null @@ -1,42 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentSelect", - idGenerator: 0 -}; -const list = [ - { - statusLocal: "sz", - customDictUrl: "0", - statusValue: 1, - multiple: ["sz", "bj", "gz", "sh", "hz", "xz", "xg"], - checkbox: "0", - select_local: "sz", - statusRemote: "0", - status_custom_2: "0", - customDictGetData: "1", - checkbox_btn: "1" - }, - { - statusLocal: "xg", - customDictUrl: "1", - statusValue: 2, - statusRemote: "1", - status_custom_2: "2", - select_local: "gz", - multiple: ["sh", "sz"], - checkbox: "0" - }, - { - statusLocal: "gz", - customDictUrl: "1", - statusValue: 1, - disabledCache: "1", - disabledOptions: "2", - select_local: "gz", - multiple: ["sh", "gz"], - checkbox: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/switch/api.ts b/packages/ui/certd-client/src/views/crud/component/switch/api.ts deleted file mode 100644 index ba122962..00000000 --- a/packages/ui/certd-client/src/views/crud/component/switch/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentSwitch"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/switch/crud.tsx b/packages/ui/certd-client/src/views/crud/component/switch/crud.tsx deleted file mode 100644 index 73430ce0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/switch/crud.tsx +++ /dev/null @@ -1,155 +0,0 @@ -import * as api from "./api"; -import { - dict, - compute, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - UserPageQuery, - UserPageRes, - EditReq, - DelReq, - AddReq, - utils -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - switch: { - title: "状态", - search: { show: true }, - type: "dict-switch", - dict: dict({ - data: [ - { value: false, label: "开启" }, - { value: true, label: "关闭" } - ] - }) - }, - notBool: { - title: "自定义value", - search: { show: true }, - type: "dict-switch", - dict: dict({ - data: [ - { value: "1", label: "开启" }, - { value: "2", label: "关闭" } - ] - }) - }, - switchLabel: { - title: "切换字段label", - search: { show: true }, - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }), - column: { - show: false - } - }, - labelTarget: { - title: "我将被切换", - type: "text", - column: { - show: false - }, - form: { - label: compute(({ form }) => { - return form.switchLabel ? "我将被切换" : "再切换一下"; - }) - } - }, - cellSwitch: { - title: "cell显示", - search: { show: true }, - type: "dict-switch", - form: { - component: {} - }, - column: { - component: { - name: "fs-dict-switch", - vModel: "checked", - onChange: (value: any) => { - utils.logger.info("onChange", value); - } - // onChange: compute((context) => { - // //动态onChange方法测试 - // return () => { - // console.log("onChange", context.row.cellSwitch); - // }; - // }) - } - }, - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }) - }, - showTarget: { - title: "显隐目标", - type: "text", - column: { - component: { - name: "fs-values-format", - show: compute((context) => { - //根据cellSwitch字段显隐 - return context.row.cellSwitch === true; - }) - } - }, - search: { - show: false - }, - form: { - show: compute((context) => { - utils.logger.info("context", context); - //根据cellSwitch字段显隐 - return context.form.cellSwitch === true; - }) - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/switch/index.vue b/packages/ui/certd-client/src/views/crud/component/switch/index.vue deleted file mode 100644 index 67f85dac..00000000 --- a/packages/ui/certd-client/src/views/crud/component/switch/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/switch/mock.ts b/packages/ui/certd-client/src/views/crud/component/switch/mock.ts deleted file mode 100644 index 6ee54302..00000000 --- a/packages/ui/certd-client/src/views/crud/component/switch/mock.ts +++ /dev/null @@ -1,27 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentSwitch", - idGenerator: 0 -}; -const list = [ - { - switch: true, - cellSwitch: true, - notBool: "1", - showTarget: "点左边开关显示或隐藏" - }, - { - switch: false, - cellSwitch: true, - notBool: "2", - showTarget: "点左边开关显示或隐藏" - }, - { - switch: true, - cellSwitch: false, - showTarget: "点左边开关显示或隐藏" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/table-select/api.ts b/packages/ui/certd-client/src/views/crud/component/table-select/api.ts deleted file mode 100644 index c34364c7..00000000 --- a/packages/ui/certd-client/src/views/crud/component/table-select/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentTableSelect"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/table-select/crud.tsx b/packages/ui/certd-client/src/views/crud/component/table-select/crud.tsx deleted file mode 100644 index 730640d3..00000000 --- a/packages/ui/certd-client/src/views/crud/component/table-select/crud.tsx +++ /dev/null @@ -1,246 +0,0 @@ -import * as api from "./api"; -import * as textTableApi from "../text/api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, useUi } from "@fast-crud/fast-crud"; -import createCrudOptionsText from "../text/crud"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const crudOptionsOverride = { - table: { - scroll: { - x: 2000 - } - }, - rowHandle: { - fixed: "right" - } - }; - const { ui } = useUi(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - dynamicShow: { - title: "动态显隐", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "显示" }, - { value: false, label: "隐藏" } - ] - }) - }, - single: { - title: "单选", - search: { show: true }, - type: "table-select", - dict: dict({ - value: "id", - label: "name", - //重要，根据value懒加载数据 - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - form: { - show: compute(({ form }) => { - return form.dynamicShow; - }), - component: { - crossPage: true, - valuesFormat: { - labelFormatter: (item: any) => { - return `${item.id}.${item.name}`; - } - }, - select: { - placeholder: "点击选择" - }, - createCrudOptions: createCrudOptionsText, - crudOptionsOverride, - on: { - selectedChange({ $event }) { - console.log("selectedChange", $event); - ui.message.info(`你选择了${JSON.stringify($event)}`); - } - } - } - } - }, - multi: { - title: "多选", - search: { show: true }, - type: "table-select", - dict: dict({ - value: "id", - label: "name", - //重要，根据value懒加载数据 - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - form: { - component: { - crossPage: true, - multiple: true, - valuesFormat: { - labelFormatter: (item: any) => { - return `${item.id}.${item.name}`; - } - }, - select: { - placeholder: "点击选择" - }, - createCrudOptions: createCrudOptionsText, - crudOptionsOverride: crudOptionsOverride - } - }, - column: { - component: { - labelFormatter: (item: any) => { - return `${item.id}.${item.name}`; - } - } - } - }, - valueType: { - title: "object类型", - search: { show: true }, - type: "table-select", - dict: dict({ - value: "id", - label: "name", - //重要，根据value懒加载数据 - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - column: { - component: { - valueType: "object" - } - }, - form: { - helper: "这里提交的值是整个对象", - component: { - valueType: "object", - crossPage: true, - valuesFormat: { - labelFormatter: (item: any) => { - return `${item.id}.${item.name}`; - } - }, - select: { - placeholder: "点击选择" - }, - createCrudOptions: createCrudOptionsText, - crudOptionsOverride - } - } - }, - //值是object类型 - valueTypeMulti: { - title: "object类型多选", - search: { show: true }, - type: "table-select", - dict: dict({ - value: "id", - label: "name", - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - column: { - component: { - valueType: "object" - } - }, - form: { - helper: "这里提交的值是对象数组", - component: { - valueType: "object", - crossPage: true, - multiple: true, - valuesFormat: { - labelFormatter: (item: any) => { - return `${item.id}.${item.name}`; - } - }, - select: { - placeholder: "点击选择" - }, - createCrudOptions: createCrudOptionsText, - crudOptionsOverride - } - } - }, - viewMode: { - title: "查看模式", - dict: dict({ - value: "id", - label: "name" - }), - column: { - component: { - name: "fs-table-select", - //设置为查看模式 - viewMode: true, - createCrudOptions: createCrudOptionsText, - crudOptionsOverride, - slots: { - default({ scope, value }) { - async function open() { - //打开时传入默认查询参数 - const crudOptions = { - search: { - initialForm: { - classId: value - } - } - }; - const { crudExpose } = await scope.open({ crudOptions }); - // 这里还能通过crudExpose等返回值操作表格 - } - - return 点我查看学生列表:{value}; - } - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/table-select/index.vue b/packages/ui/certd-client/src/views/crud/component/table-select/index.vue deleted file mode 100644 index 3e83e4e9..00000000 --- a/packages/ui/certd-client/src/views/crud/component/table-select/index.vue +++ /dev/null @@ -1,65 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/table-select/mock.ts b/packages/ui/certd-client/src/views/crud/component/table-select/mock.ts deleted file mode 100644 index f98d53ac..00000000 --- a/packages/ui/certd-client/src/views/crud/component/table-select/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentTableSelect", - idGenerator: 0 -}; -const list = [ - { - single: 1, - multi: [1, 2], - valueType: { id: 1, name: "王小虎" }, - viewMode: 1 - }, - { - single: 3, - multi: [1, 2, 3], - dynamicShow: false, - viewMode: 2 - }, - { - single: 2 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/text/api.ts b/packages/ui/certd-client/src/views/crud/component/text/api.ts deleted file mode 100644 index 0e46857e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/text/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentText"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function GetByIds(ids: any) { - return request({ - url: apiPrefix + "/byIds", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/text/crud.tsx b/packages/ui/certd-client/src/views/crud/component/text/crud.tsx deleted file mode 100644 index 477351ec..00000000 --- a/packages/ui/certd-client/src/views/crud/component/text/crud.tsx +++ /dev/null @@ -1,193 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, ScopeContext, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { SearchOutlined } from "@ant-design/icons-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - type: "number", - form: { show: false } - }, - name: { - title: "姓名", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - maxlength: 20 - } - }, - column: { - formatter(scope) { - utils.logger.info("formatter scope", scope); - return scope.value; - } - } - }, - classId: { - title: "班级id", - type: "number", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true } - }, - trim: { - title: "trim空格", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - vModel: { - name: "value", - trim: true - }, - maxlength: 20 - }, - helper: "自动移除两端空格" - } - }, - number: { - title: "转换为number", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - vModel: { - name: "value", - number: true - }, - maxlength: 20 - }, - helper: "自动转为number" - } - }, - transform: { - title: "自定义transform", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - vModel: { - name: "value", - transform: (value) => { - if (!value) { - return undefined; - } - return value; - } - }, - maxlength: 20, - helper: "自定义transform方法，此处演示空字符串转为undefined" - } - } - }, - search: { - title: "搜索", - type: "text", - form: { - component: { - addonAfter: "后置", - suffix: "suffix", - children: { - addonBefore() { - return ; - } - } - } - } - }, - password: { - title: "密码", - type: "password", - column: { - //一般密码不显示在列里面 - show: false - } - }, - // copy: { - // title: "剪贴板", - // type: "text", - // column: { - // cellRender({ value, row }) { - // const content = ( - //
- // {value} - // 复制 - //
- // ); - // const clipboard = resolveDirective("clipboard"); - // return withDirectives(content, [[clipboard, value]]); - // } - // } - // }, - copy: { - title: "剪贴板", - type: ["text", "copyable"] - }, - intro: { - title: "简介", - type: "textarea", - form: { - component: { showWordLimit: true, maxlength: 200 } - }, - column: { - ellipsis: true, - showTitle: true - } - }, - render: { - title: "复杂输入(render)", - type: "text", - form: { - title: "复杂输入", - component: { - render(context: ScopeContext) { - utils.logger.info("context scope", context); - return ( - - - - - ); - } - } - } - }, - render2: { - title: "我的值是由复杂输入列输入的", - type: "text", - column: { - width: "300px" - }, - form: { - show: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/text/index.vue b/packages/ui/certd-client/src/views/crud/component/text/index.vue deleted file mode 100644 index 698daef5..00000000 --- a/packages/ui/certd-client/src/views/crud/component/text/index.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/text/mock.ts b/packages/ui/certd-client/src/views/crud/component/text/mock.ts deleted file mode 100644 index da1fc7ee..00000000 --- a/packages/ui/certd-client/src/views/crud/component/text/mock.ts +++ /dev/null @@ -1,48 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentText", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - trim: " aa aa ", - number: "123", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - intro: "王小虎是element-plus的table示例出现的名字", - copy: "测试文本", - classId: 1 - }, - { - name: "张三", - date: "2016-05-04", - status: "1", - province: "2", - copy: "测试文本", - classId: 2 - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0", - copy: "测试文本", - classId: 3 - }, - { - name: "王五", - date: "2016-05-03", - status: "2", - province: "wh,gz" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/tree/api.ts b/packages/ui/certd-client/src/views/crud/component/tree/api.ts deleted file mode 100644 index 8b567c7a..00000000 --- a/packages/ui/certd-client/src/views/crud/component/tree/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentTree"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/tree/crud.tsx b/packages/ui/certd-client/src/views/crud/component/tree/crud.tsx deleted file mode 100644 index 385b9d6e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/tree/crud.tsx +++ /dev/null @@ -1,161 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, useUi, utils } 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) => { - 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); - }; - - const lazyloadDictRef = dict({ - data: [ - { - id: "0", - label: "Root", - value: "0" - } - ] - }); - const genTreeNode = (parentId: number, isLeaf = false) => { - const random = Math.random().toString(36).substring(2, 6); - return { - id: random, - pId: parentId, - value: random, - label: isLeaf ? "Tree Node" : "Expand to load", - isLeaf - }; - }; - const { ui } = useUi(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - tree: { - title: "树形选择", - search: { show: false }, - type: "dict-tree", - dict: dict({ - isTree: true, - url: "/mock/dicts/cascaderData?single" - }), - form: { - valueChange({ getComponentRef }) { - const compRef = getComponentRef("tree"); - console.log("tree ref:", compRef, compRef.$refs.treeRef); - }, - component: { - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - ui.message.info(`你选择了${JSON.stringify($event.label)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - }, - slots: { - title({ scope }) { - //自定义选项text - return `${scope.label}(${scope.value})`; - } - } - } - } - }, - multiple: { - title: "多选", - search: { show: false }, - type: "dict-tree", - dict: dict({ - isTree: true, - url: "/mock/dicts/cascaderData?single" - }), - form: { - component: { - "tree-checkable": true, - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - const labels = $event.map((item) => item.label); - ui.message.info(`你选择了${JSON.stringify(labels)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - } - }, - rules: [{ required: true, message: "请选择" }], - on: { - selectedChange({ form, $event }) { - // $event就是原始的事件值，也就是选中的 option对象 - utils.logger.info("onSelectedChange", form, $event); - ui.message.info(`你选择了${JSON.stringify($event)}`); - // 你还可以将选中的label值赋值给表单里其他字段 - // context.form.xxxLabel = context.$event.label - } - } - } - }, - fieldReplace: { - title: "修改options的value字段名", - search: { show: false }, - type: "dict-tree", - dict: dict({ - isTree: true, - url: "/mock/dicts/littlePca", - value: "code", - label: "name" - }) - }, - lazy: { - title: "懒加载", - search: { show: false }, - type: "dict-tree", - dict: lazyloadDictRef, - form: { - component: { - "tree-data-simple-mode": true, - loadData: (treeNode: any) => { - return new Promise((resolve: (value?: unknown) => void) => { - const { id } = treeNode.dataRef; - setTimeout(() => { - lazyloadDictRef.data = lazyloadDictRef.data.concat([genTreeNode(id, false), genTreeNode(id, true)]); - resolve(); - }, 300); - }); - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/tree/index.vue b/packages/ui/certd-client/src/views/crud/component/tree/index.vue deleted file mode 100644 index 41c63c5f..00000000 --- a/packages/ui/certd-client/src/views/crud/component/tree/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/tree/mock.ts b/packages/ui/certd-client/src/views/crud/component/tree/mock.ts deleted file mode 100644 index 66ec979d..00000000 --- a/packages/ui/certd-client/src/views/crud/component/tree/mock.ts +++ /dev/null @@ -1,16 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentTree", - idGenerator: 0 -}; -const list = [ - { - tree: "zhinan", - multiple: ["zhinan", "yizhi"] - }, - { tree: "zhinan" }, - { tree: "zhinan" } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/alioss/api.ts deleted file mode 100644 index cddadbd7..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/AliossUploader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/alioss/crud.tsx deleted file mode 100644 index 3cdb301e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/crud.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - file: { - title: "阿里云上传", - type: "file-uploader", - form: { - component: { - multiple: true, //可选择多个 - uploader: { - type: "alioss" - } - } - } - }, - pictureCard: { - title: "照片墙", - type: "image-uploader", - form: { - component: { - uploader: { - type: "alioss" - } - }, - helper: "可以同时选择多个文件" - } - }, - cropper: { - title: "裁剪", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "alioss" - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/alioss/index.vue deleted file mode 100644 index f1343b87..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/alioss/mock.ts deleted file mode 100644 index ebe8d758..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/alioss/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "AliossUploader", - idGenerator: 0 -}; -const list = [ - { - avatar_error1: "http://greper.handsfree.work/extends/avatar1.jpg", - avatar_error2: "http://greper.handsfree.work/extends/avatar1.jpg", - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image2: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cos/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/cos/api.ts deleted file mode 100644 index 93f67345..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cos/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/CosUploader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cos/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/cos/crud.tsx deleted file mode 100644 index 0edcd510..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cos/crud.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import * as api from "./api"; -import { requestForMock } from "/src/api/service"; -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 => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - file: { - title: "腾讯云", - type: "file-uploader", - form: { - component: { - multiple: true, //可选择多个 - uploader: { - type: "cos" - } - }, - helper: "可以同时选择多个文件" - } - }, - pictureCard: { - title: "照片墙", - type: "image-uploader", - form: { - component: { - uploader: { - type: "cos" - } - } - } - }, - cropper: { - title: "裁剪", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "cos" - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cos/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/cos/index.vue deleted file mode 100644 index 1411fbc0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cos/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cos/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/cos/mock.ts deleted file mode 100644 index 721e514a..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cos/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "CosUploader", - idGenerator: 0 -}; -const list = [ - { - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image2: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/cropper/api.ts deleted file mode 100644 index 3680fec0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/CropperUploader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/cropper/crud.tsx deleted file mode 100644 index 36b3c721..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/crud.tsx +++ /dev/null @@ -1,120 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - cropper: { - title: "头像裁剪上传", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "form" - } - } - } - }, - avatar: { - title: "数量限制", - type: "cropper-uploader", - form: { - component: { - limit: 5 //默认限制1个，即头像上传，0为不限制 - } - } - }, - aspect: { - title: "按比例裁剪", - type: "cropper-uploader", - form: { - component: { - cropper: { - aspectRatio: 2 - } - } - } - }, - alioss: { - title: "alioss", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "alioss" - } - } - } - }, - qiniu: { - title: "七牛", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "qiniu" - } - } - } - }, - cos: { - title: "腾讯cos", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "cos" - } - } - } - }, - form: { - title: "表单", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "form" - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/cropper/index.vue deleted file mode 100644 index 3a569cb7..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/cropper/mock.ts deleted file mode 100644 index 8edd683b..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/cropper/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "CropperUploader", - idGenerator: 0 -}; -const list = [ - { - avatar_error1: "http://greper.handsfree.work/extends/avatar1.jpg", - avatar_error2: "http://greper.handsfree.work/extends/avatar1.jpg", - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image2: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/form/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/form/api.ts deleted file mode 100644 index 2abff86c..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/form/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentUploader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/form/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/form/crud.tsx deleted file mode 100644 index b592dc02..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/form/crud.tsx +++ /dev/null @@ -1,273 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { createUploaderRules } from "@fast-crud/fast-extends"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - async onOpened() { - // 异步组件实例的获取 - const componentRef = await crudExpose.getFormComponentRef("file", true); - utils.logger.info("componentRef", componentRef); - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - file: { - title: "表单上传", - type: "file-uploader", - form: { - component: { - multiple: true, //可选择多个 - uploader: { - type: "form", - keepName: true, - successHandle(res: any) { - //这里我的后台返回res是一个key 字符串 - //此方法需要返回的数据结构为 {key:"string",url:"string"...} - // 如果 有返回url，那么buildUrl将不会被执行 - return { key: res }; - } - }, - valueType: "key", - async buildUrl(value: string) { - return "http://www.docmirror.cn:7070/api/upload/form/download?key=" + value; - } - }, - helper: "可以同时选择多个文件" - }, - column: { - component: { - // 如果你后台返回的值不是一个完整的url，那么展示时就无法显示和点击 - // 需要你本地根据value构建文件的url。 - // 支持异步 - async buildUrl(value: any) { - return value; - } - } - } - }, - pictureCard: { - title: "照片墙", - type: "image-uploader", - form: { - component: { - limit: 2, - uploader: { - type: "form" - } - }, - rules: createUploaderRules([{ required: true, message: "此项必传", trigger: "change" }]), - helper: "最大可上传2个文件" - }, - column: { - component: { - buildPreviewUrl({ url, index }: any) { - if (index === 0) { - return "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"; - } else { - return url + "?preview=600x600"; - } - } - } - } - }, - error: { - title: "error", - type: "image-uploader" - }, - object: { - title: "object", - type: "image-uploader" - }, - pictureCard2: { - title: "通过urls显示", - type: "image-uploader", - form: { - show: false, - component: { - uploader: { - type: "form" - } - } - }, - column: { - component: { - vModel: "urls" - // urls:[{url:'xxxx',previewUrl:'xxxx'}] - } - } - }, - avatar: { - title: "头像上传", - type: "avatar-uploader", - form: { - component: { - uploader: { - type: "form" - } - }, - helper: "就是照片墙limit=1的效果" - } - }, - cropper: { - title: "裁剪", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "form" - } - } - } - }, - keyValueType: { - title: "valueType为key", - type: "file-uploader", - form: { - component: { - uploader: { - type: "form" - }, - valueType: "key", - async buildUrl(value: any) { - return "http://www.docmirror.cn:7070/api/upload/form/download?key=" + value; - } - } - }, - column: { - component: { - async buildUrl(value: any) { - return "http://www.docmirror.cn:7070/api/upload/form/download?key=" + value; - } - } - } - }, - anyValueType: { - title: "valueType=any", - type: "file-uploader", - form: { - component: { - uploader: { - type: "form", - successHandle(res: any) { - // 模拟后台返回fileId - const key = res.replace("/api/upload/form/download?key=", ""); - return { - url: "http://www.docmirror.cn:7070" + res, - key: key, - fileId: key - }; - } - }, - valueType: "fileId", - async buildUrls(value: any[]) { - //批量构建url - const urls: string[] = []; - for (const item of value) { - const url = "http://www.docmirror.cn:7070/api/upload/form/download?key=" + item; - urls.push(url); - } - return urls; - } - } - }, - column: { - component: { - async buildUrl(value: any) { - return "http://www.docmirror.cn:7070/api/upload/form/download?key=" + value; - } - } - } - }, - limit: { - title: "限制数量", - type: "file-uploader", - form: { - component: { - limit: 2, - uploader: { - type: "form" - } - }, - helper: "最大可上传2个文件" - } - }, - sizeLimit: { - title: "限制大小", - type: "file-uploader", - form: { - component: { - sizeLimit: 1024, - uploader: { - type: "form" - } - }, - helper: "大小不能超过1k" - } - }, - accept: { - title: "限制类型", - type: "file-uploader", - form: { - component: { - accept: ".jpg,.png" - }, - helper: "只能上传jpg或者png" - } - }, - validation: { - title: "校验", - type: "file-uploader", - form: { - // 使用createUploaderRules创建校验规则,会附带文件还未上传完成的校验 - rules: createUploaderRules([{ required: true, message: "此项必传", trigger: "change" }]), - helper: "大小不能超过50M，文件未上传完成之前，阻止提交", - component: { - uploader: { - type: "form", - sizeLimit: 1024 * 1024 * 50 - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/form/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/form/index.vue deleted file mode 100644 index 87ac316d..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/form/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/form/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/form/mock.ts deleted file mode 100644 index bc394d7d..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/form/mock.ts +++ /dev/null @@ -1,38 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentUploader", - idGenerator: 0 -}; -const list = [ - { - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - pictureCard: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - error: ["http://localhost:11111/error_image"], - pictureCard2: [ - { - url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?1", - previewUrl: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?preview1" - }, - { - url: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?2", - previewUrl: "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png?preview2" - } - ], - limit: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - statusRemote: "0", - keyValueType: "/2022-12-20/qygzqdjd1g.yaml", - object: { - url: "http://greper.handsfree.work/extends/avatar.jpg" - } - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/api.ts deleted file mode 100644 index 23818b6e..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/QiniuUploader"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/crud.tsx deleted file mode 100644 index cd758fe0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/crud.tsx +++ /dev/null @@ -1,79 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - file: { - title: "七牛云上传", - type: "file-uploader", - form: { - component: { - multiple: true, //可选择多个 - uploader: { - type: "qiniu" - } - }, - helper: "可以同时选择多个文件" - } - }, - pictureCard: { - title: "照片墙", - type: "image-uploader", - form: { - component: { - uploader: { - type: "qiniu" - } - } - } - }, - cropper: { - title: "裁剪", - type: "cropper-uploader", - form: { - component: { - uploader: { - type: "qiniu" - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/index.vue deleted file mode 100644 index 3413275f..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/mock.ts deleted file mode 100644 index 92c3407a..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/qiniu/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "QiniuUploader", - idGenerator: 0 -}; -const list = [ - { - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image2: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/s3/api.ts b/packages/ui/certd-client/src/views/crud/component/uploader/s3/api.ts deleted file mode 100644 index b1f40f00..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/s3/api.ts +++ /dev/null @@ -1,56 +0,0 @@ -import { requestForMock } from "/src/api/service"; -import { generateSignedUrl } from "/@/views/crud/component/uploader/s3/s3-server"; -import { FsUploaderS3SignedUrlType } from "@fast-crud/fast-extends"; -const request = requestForMock; -const apiPrefix = "/mock/S3Uploader"; -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 + "/get", - method: "get", - params: { id } - }); -} - -/** - * 向后端请求获取预签名url - * @param bucket - * @param key - * @param type - * @constructor - */ -export async function GetSignedUrl(bucket: string, key: string, type: FsUploaderS3SignedUrlType) { - //此处模拟获取预签名url - return await generateSignedUrl(bucket, key, type); -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/s3/crud.tsx b/packages/ui/certd-client/src/views/crud/component/uploader/s3/crud.tsx deleted file mode 100644 index 936c99d2..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/s3/crud.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import * as api from "./api"; -import { GetSignedUrl } from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - file: { - title: "S3上传", - type: "file-uploader", - // 将被分发到 form.component 和 column.component之下 - async buildUrl(key: string) { - //向后端获取下载的预签名链接 - return await GetSignedUrl("fast-crud", key, "get"); - }, - form: { - component: { - uploader: { - type: "s3" - }, - valueType: "key" //返回值为key - } - } - }, - pictureCard: { - title: "照片墙", - type: "image-uploader", - async buildUrl(key: string) { - //向后端获取下载的预签名链接 - return await GetSignedUrl("fast-crud", key, "get"); - }, - form: { - component: { - uploader: { - type: "s3" - }, - valueType: "key" - } - } - }, - cropper: { - title: "裁剪", - type: "cropper-uploader", - async buildUrl(key: string) { - //向后端获取下载的预签名链接 - return await GetSignedUrl("fast-crud", key, "get"); - }, - form: { - component: { - uploader: { - type: "s3" - }, - valueType: "key" - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/s3/index.vue b/packages/ui/certd-client/src/views/crud/component/uploader/s3/index.vue deleted file mode 100644 index af1cf4f0..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/s3/index.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/s3/mock.ts b/packages/ui/certd-client/src/views/crud/component/uploader/s3/mock.ts deleted file mode 100644 index e9585bc1..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/s3/mock.ts +++ /dev/null @@ -1,23 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "S3Uploader", - idGenerator: 0 -}; -const list = [ - { - avatar: "http://greper.handsfree.work/extends/avatar.jpg", - file: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"], - image2: ["http://greper.handsfree.work/extends/avatar.jpg", "https://www.baidu.com/img/bd_logo1.png"] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/component/uploader/s3/s3-server.ts b/packages/ui/certd-client/src/views/crud/component/uploader/s3/s3-server.ts deleted file mode 100644 index 5e6833fd..00000000 --- a/packages/ui/certd-client/src/views/crud/component/uploader/s3/s3-server.ts +++ /dev/null @@ -1,47 +0,0 @@ -// @ts-ignore -import { S3Client, GetObjectCommand, PutObjectCommand, CreateBucketCommand } from "@aws-sdk/client-s3"; -import { getSignedUrl } from "@aws-sdk/s3-request-presigner"; -import {utils} from "@fast-crud/fast-crud"; -// TODO 模拟server， 你应该将此代码搬到你的server端 -let bucketCreated = false; -export async function generateSignedUrl(bucket: string, key: string, type: "put" | "get" = "get") { - const client = new S3Client({ - // s3ForcePathStyle: true, - // signatureVersion: "v4", - region: "us-east-1", - forcePathStyle: true, - endpoint: "https://play.min.io", - credentials: { - accessKeyId: "Q3AM3UQ867SPQQA43P2F", //访问登录名 - secretAccessKey: "zuf+tfteSlswRu7BJ86wekitnifILbZam1KYY3TG" //访问密码 - } - }); - - try { - if (!bucketCreated) { - bucketCreated = true; - const createCmd = new CreateBucketCommand({ Bucket: bucket }); - await client.send(createCmd); - } - } catch (e) {} - - const params = { - Bucket: bucket, - Key: key - }; - let url; - let cmd; - if (type === "get") { - cmd = new GetObjectCommand(params); - } else { - cmd = new PutObjectCommand(params); - } - - try { - url = await getSignedUrl(client, cmd); - } catch (err) { - utils.logger.info("Error getting signed URL ", err); - } - - return url; -} diff --git a/packages/ui/certd-client/src/views/crud/debug/api.ts b/packages/ui/certd-client/src/views/crud/debug/api.ts deleted file mode 100644 index ca651ead..00000000 --- a/packages/ui/certd-client/src/views/crud/debug/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DebugSelect"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/debug/crud.tsx b/packages/ui/certd-client/src/views/crud/debug/crud.tsx deleted file mode 100644 index cc5abc45..00000000 --- a/packages/ui/certd-client/src/views/crud/debug/crud.tsx +++ /dev/null @@ -1,192 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { computed, Ref, ref } from "vue"; -import dayjs from "dayjs"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const options: Ref = ref([]); - - return { - crudOptions: { - table: {}, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - toolbar: {}, - rowHandle: { - buttons: { - edit: { show: true } - } - }, - form: { - watch({ form }) { - form.totalAmount = form.users * form.months * form.licensePrice; - form.statementAmount = form.totalAmount - form.discountAmount; - form.statementPrice = form.statementAmount / form.months / form.users; - if (form.months && form.startTime) { - // form.endTime = dayjs(form.startTime).add(form.months, "month"); - } - } - }, - columns: { - id: { - title: "ID", - type: "text", - form: { show: false }, - column: { show: false } - }, - users: { - title: "用户数量", - type: "number", - column: { width: 120 }, - form: { - component: { min: 1, max: 10000 }, - rules: [{ required: true, message: "用户数量不能为空" }] - } - }, - months: { - title: "月数", - type: "number", - column: { width: 100 }, - form: { - component: { min: 1, max: 120 }, - rules: [{ required: true, message: "采购月数不能为空" }] - } - }, - licensePrice: { - title: "单用户价", - type: "number", - column: { width: 150 }, - form: { - component: { min: 1, max: 99999 }, - helper: "单个用户许可价格" - } - }, - totalAmount: { - title: "总额", - type: "number", - search: { show: false }, - column: { width: 150 }, - form: { - component: { disabled: true } - } - }, - discountAmount: { - title: "优惠", - type: "number", - column: { width: 150 }, - addForm: { - value: 0 - }, - form: { - component: { min: 0, max: 9999999 }, - rules: [{ required: true, message: "优惠金额不能为空" }] - } - }, - statementAmount: { - title: "结算金额", - type: "number", - search: { show: false }, - column: { width: 150 }, - form: { - component: { disabled: true }, - rules: [{ required: true, message: "结算金额不能为空" }], - helper: "结算金额 = 总额 - 优惠金额" - } - }, - statementPrice: { - title: "结算单价", - type: "number", - column: { width: 150 }, - form: { - component: { disabled: true }, - helper: "结算单价 = 结算金额 / 月份 / 用户数" - } - }, - startTime: { - title: "开始时间", - type: "date", - valueBuilder({ value, row, key }) { - if (value != null) { - row[key] = dayjs.unix(value); - } - }, - valueResolve({ value, row, key }) { - if (value != null) { - row[key] = dayjs(value).unix(); - } - }, - form: { - rules: [{ required: true, message: "订阅起始日期不能为空" }], - component: { - format: "YYYY-MM-DD" - } - } - }, - endTime: { - title: "结束时间", - type: "date", - valueResolve({ value, row, key }) { - if (value != null) { - row[key] = dayjs(value).unix(); - } - }, - form: { - component: { - format: "YYYY-MM-DD", - disabled: true - }, - rules: [{ required: true, message: "订阅结束日期不能为空" }], - helper: "结束日期 = 开始日期 + 采购月份" - } - }, - paymentStatus: { - title: "状态", - type: "dict-select", - column: { width: 100, align: "center" }, - search: { show: true }, - dict: dict({ - data: [ - { value: "0", label: "待支付", color: "error" }, - { value: "10", label: "部分支付", color: "warning" }, - { value: "20", label: "已支付", color: "success" } - ] - }), - form: { - rules: [{ required: true, message: "支付状态不能为空" }] - } - }, - description: { - title: "产品描述", - column: { show: false }, - type: ["textarea"], - form: { - rules: [{ required: true, message: "描述不能为空" }], - col: { - span: 24 - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/debug/index.vue b/packages/ui/certd-client/src/views/crud/debug/index.vue deleted file mode 100644 index 35238852..00000000 --- a/packages/ui/certd-client/src/views/crud/debug/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/debug/mock.ts b/packages/ui/certd-client/src/views/crud/debug/mock.ts deleted file mode 100644 index 1321af6b..00000000 --- a/packages/ui/certd-client/src/views/crud/debug/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DebugSelect", - idGenerator: 0, - copyTimes: 500 -}; -const list: any = [ - { - statusRemote: "1" - }, - { - statusRemote: "2" - }, - { - statusRemote: "3" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/dict/cloneable/api.ts b/packages/ui/certd-client/src/views/crud/dict/cloneable/api.ts deleted file mode 100644 index 625829bc..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/cloneable/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DictCloneable"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/dict/cloneable/crud.tsx b/packages/ui/certd-client/src/views/crud/dict/cloneable/crud.tsx deleted file mode 100644 index b60884f1..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/cloneable/crud.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, ValueChangeContext } from "@fast-crud/fast-crud"; -export default function createCrudOptions({}: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const remoteDict = dict({ - cloneable: true, - url: "/mock/dicts/OpenStatusEnum" - }); - - return { - crudOptions: { - remoteDict, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - remote: { - title: "远程字典", - search: { show: true }, - dict: remoteDict, - type: "dict-select", - form: { - component: { dict: { cache: false } } - } - }, - modifyDict: { - title: "动态修改字典", - search: { show: false }, - type: "text", - column: { - component: { - name: "a-switch", - vModel: "checked" - }, - valueChange({ row, getComponentRef }: ValueChangeContext) { - // 这里不能使用remoteDict,因为在分发时已经clone到form配置中了 - // 这里dict修改不会影响列里面的数据 - const targetDict = getComponentRef("remote").dict; - targetDict.url = row.modifyDict ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - targetDict.reloadDict(); - } - }, - form: { - component: { - name: "a-switch", - vModel: "checked" - }, - valueChange({ form, getComponentRef }: ValueChangeContext) { - // 这里不能使用remoteDict,因为在分发时已经clone到form配置中了 - // 这里dict修改不会影响列里面的数据 - const targetDict = getComponentRef("remote").dict; - targetDict.url = form.modifyDict ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - targetDict.reloadDict(); - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/dict/cloneable/index.vue b/packages/ui/certd-client/src/views/crud/dict/cloneable/index.vue deleted file mode 100644 index 89ce6c7a..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/cloneable/index.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/dict/cloneable/mock.ts b/packages/ui/certd-client/src/views/crud/dict/cloneable/mock.ts deleted file mode 100644 index 514fc4ed..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/cloneable/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DictCloneable", - idGenerator: 0 -}; -const list = [ - { - status: "1", - remote: "2", - modifyDict: true - }, - { - status: "2", - remote: "0", - modifyDict: false - }, - { - status: "0", - modifyDict: true - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/dict/prototype/api.ts b/packages/ui/certd-client/src/views/crud/dict/prototype/api.ts deleted file mode 100644 index 69669b86..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/prototype/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DictPrototype"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/dict/prototype/crud.tsx b/packages/ui/certd-client/src/views/crud/dict/prototype/crud.tsx deleted file mode 100644 index 0be5c66f..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/prototype/crud.tsx +++ /dev/null @@ -1,128 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { requestForMock } from "../../../../api/service"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const remoteDict = dict({ - prototype: true, //这个dict只是一个原型，引用它的dict组件初始化时都会把此dict对象clone一份 - url: "/mock/dicts/OpenStatusEnum" - }); - - const dynamicUrlDict = dict({ - cache: true, - prototype: true, //这个dict只是一个原型，引用它的dict组件初始化时都会把此dict对象clone一份 - url({ row }) { - return row.switch ? "/mock/dicts/moreOpenStatusEnum" : "/mock/dicts/OpenStatusEnum"; - } - }); - const dynamicDict = dict({ - cache: true, - prototype: true, //这个dict只是一个原型，引用它的dict组件初始化时都会把此dict对象clone一份 - url({ row }) { - return row.switch ? "/mock/dicts/moreOpenStatusEnum" : "/mock/dicts/OpenStatusEnum"; - }, - async getData({ url }) { - return await requestForMock({ url }); - } - }); - - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - remote: { - title: "远程字典", - search: { show: true }, - dict: remoteDict, - type: "dict-select" - }, - modifyDict: { - title: "动态修改字典", - search: { show: true }, - type: "text", - form: { - helper: "此处可以动态切换左边select的options", - component: { - name: "a-switch", - vModel: "checked" - }, - valueChange({ form, value, getComponentRef }) { - utils.logger.info("form", value); - const targetDict = getComponentRef("remote").getDict(); - targetDict.url = form.modifyDict ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - targetDict.reloadDict(); - } - }, - column: { - component: { - name: "a-switch", - vModel: "checked" - }, - valueChange({ value, getComponentRef }) { - utils.logger.info("value", value); - const targetDict = getComponentRef("remote").getDict(); - targetDict.url = value ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - targetDict.reloadDict(); - } - } - }, - switch: { - title: "switch", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }), - form: { - helper: "动态getData和动态Url根据此字段的值获取不同的dictData，此处无法动态切换，仅在打开对话框时生效" - } - }, - dynamicGetData: { - title: "动态getData", - dict: dynamicDict, - type: "dict-select" - }, - dynamicUrl: { - title: "动态Url", - dict: dynamicUrlDict, - type: "dict-select" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/dict/prototype/index.vue b/packages/ui/certd-client/src/views/crud/dict/prototype/index.vue deleted file mode 100644 index f714e9a9..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/prototype/index.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/dict/prototype/mock.ts b/packages/ui/certd-client/src/views/crud/dict/prototype/mock.ts deleted file mode 100644 index bc6eb283..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/prototype/mock.ts +++ /dev/null @@ -1,31 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DictPrototype", - idGenerator: 0 -}; -const list = [ - { - status: "1", - remote: "2", - modifyDict: false, - switch: true, - dynamicGetData: "1", - dynamicUrl: "2" - }, - { - status: "2", - remote: "0", - modifyDict: false, - dynamicGetData: "1", - dynamicUrl: "2" - }, - { - status: "0", - modifyDict: false, - dynamicGetData: "1", - dynamicUrl: "2" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/manager/api.ts b/packages/ui/certd-client/src/views/crud/dict/shared/manager/api.ts deleted file mode 100644 index 829796c4..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/manager/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DictSharedManager"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/manager/crud.tsx b/packages/ui/certd-client/src/views/crud/dict/shared/manager/crud.tsx deleted file mode 100644 index d813167e..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/manager/crud.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import * as api from "./api.js"; -import { statusDict } from "../shared-dict"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - pagination: { - pageSize: 9999 - }, - table: { - onRefreshed({ data }) { - statusDict.setData(data); - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - name: { - title: "name", - type: "text" - }, - label: { - title: "标签", - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/manager/index.vue b/packages/ui/certd-client/src/views/crud/dict/shared/manager/index.vue deleted file mode 100644 index 27c76e73..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/manager/index.vue +++ /dev/null @@ -1,35 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/manager/mock.ts b/packages/ui/certd-client/src/views/crud/dict/shared/manager/mock.ts deleted file mode 100644 index ec8ca5cb..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/manager/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DictSharedManager", - idGenerator: 0, - copyTimes: 1 -}; -const list = [ - { - name: "close", - label: "关闭" - }, - { - name: "open", - label: "打开" - }, - { - name: "stop", - label: "停止" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/shared-dict.ts b/packages/ui/certd-client/src/views/crud/dict/shared/shared-dict.ts deleted file mode 100644 index 44da96b1..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/shared-dict.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { dict, utils } from "@fast-crud/fast-crud"; -import * as api from "./manager/api.js"; -export const statusDict = dict({ - value: "name", - async getData() { - const res = await api.GetList({ query: {}, sort: {}, page: { limit: 9999 } }); - utils.logger.debug("status dict first loaded", res.records); - return res.records; - } -}); diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/use/api.ts b/packages/ui/certd-client/src/views/crud/dict/shared/use/api.ts deleted file mode 100644 index a15f5c06..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/use/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DictSharedUse"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/use/crud.tsx b/packages/ui/certd-client/src/views/crud/dict/shared/use/crud.tsx deleted file mode 100644 index 9f46452e..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/use/crud.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import * as api from "./api.js"; -import { statusDict } from "../shared-dict"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - status: { - title: "状态", - type: "dict-select", - dict: statusDict - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/use/index.vue b/packages/ui/certd-client/src/views/crud/dict/shared/use/index.vue deleted file mode 100644 index 95144618..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/use/index.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/dict/shared/use/mock.ts b/packages/ui/certd-client/src/views/crud/dict/shared/use/mock.ts deleted file mode 100644 index 86d1d25f..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/shared/use/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DictSharedUse", - idGenerator: 0 -}; -const list = [ - { - status: "close" - }, - { - status: "stop" - }, - { - status: "open" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/dict/single/api.ts b/packages/ui/certd-client/src/views/crud/dict/single/api.ts deleted file mode 100644 index 4bf86f46..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/single/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/DictSingle"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/dict/single/crud.tsx b/packages/ui/certd-client/src/views/crud/dict/single/crud.tsx deleted file mode 100644 index 47aea7f1..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/single/crud.tsx +++ /dev/null @@ -1,138 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } 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) => { - 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); - }; - - const statusDict = dict({ - data: [ - { value: "1", label: "开启", color: "success" }, - { value: "2", label: "停止", color: "blue" }, - { value: "0", label: "关闭", color: "blue" } - ] - }); - - const remoteDict = dict({ - url: "/mock/dicts/OpenStatusEnum", - immediate: false - }); - // remoteDict.loadDict(); - - return { - remoteDict, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - status: { - title: "本地字典", - search: { - show: true, - component: { - transformDictData(data: any[]) { - data.unshift({ value: "", label: "全部" }); - return data; - } - } - }, - dict: statusDict, - type: "dict-select" - }, - remote: { - title: "远程字典", - search: { show: true }, - dict: remoteDict, - type: "dict-select", - column: { - component: { - onDictChange(opts: any) { - utils.logger.info("字典变化：", opts); - } - } - } - }, - modifyDict: { - title: "动态修改字典", - search: { show: false }, - type: "text", - form: { - component: { - name: "a-switch", - vModel: "checked" - }, - valueChange({ form }) { - utils.logger.info("changed", form.modifyDict); - remoteDict.url = form.modifyDict ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - // 由于remoteDict.cloneable =false,所以全局公用一个实例，修改会影响全部地方 - remoteDict.reloadDict(); - } - }, - column: { - component: { - name: "a-switch", - vModel: "checked", - on: { - // 注意：必须要on前缀 - onChange({ $event }) { - remoteDict.url = $event ? "/mock/dicts/moreOpenStatusEnum?remote" : "/mock/dicts/OpenStatusEnum?remote"; - remoteDict.reloadDict(); - } - } - } - } - }, - cache1: { - title: "全局缓存1", - search: { show: false }, - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?cache_flat=1", - cache: true - }), - type: "dict-select" - }, - cache2: { - title: "全局缓存2", - search: { show: false }, - column: { - show: false - }, - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?cache_flat=1", - immediate: false, - cache: true - }), - type: "dict-select" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/dict/single/index.vue b/packages/ui/certd-client/src/views/crud/dict/single/index.vue deleted file mode 100644 index 332669c4..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/single/index.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/dict/single/mock.ts b/packages/ui/certd-client/src/views/crud/dict/single/mock.ts deleted file mode 100644 index 1234724e..00000000 --- a/packages/ui/certd-client/src/views/crud/dict/single/mock.ts +++ /dev/null @@ -1,21 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "DictSingle", - idGenerator: 0 -}; -const list = [ - { - status: "1", - remote: "2" - }, - { - status: "2", - remote: "0" - }, - { - status: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/cell/api.ts b/packages/ui/certd-client/src/views/crud/editable/cell/api.ts deleted file mode 100644 index 77068814..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/cell/api.ts +++ /dev/null @@ -1,66 +0,0 @@ -// @ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableCell"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} - -export function UpdateCell(id: number, key: string, value: any) { - return request({ - url: apiPrefix + "/cellUpdate", - method: "post", - data: { id, key, value } - }); -} -export function UpdateColumn(data: any) { - return request({ - url: apiPrefix + "/columnUpdate", - method: "post", - data - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/cell/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/cell/crud.tsx deleted file mode 100644 index 33e4bd8b..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/cell/crud.tsx +++ /dev/null @@ -1,230 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditableEachCellsOpts, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { reactive, ref } from "vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = crudExpose; - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const radioDictRef = dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }); - - const radioColumnValue = ref(""); - function columnUpdate(event: Event) { - //批量设置值 - // _.forEach(crudBinding.value?.data, (item) => { - // item.radio = event.target.value; - // }); - crudExpose.editable.eachCells((opts: EditableEachCellsOpts) => { - const { key, cell, rowData } = opts; - if (key === "radio") { - if (cell.isEditing) { - //@ts-ignore - rowData.radio = event.target.value; - } - } - }); - } - const radioColumnEditor = reactive({ - editing: false, - loading: false, - onSubmit: async () => { - radioColumnEditor.loading = true; - try { - const data: any[] = []; - for (const row of crudBinding.value.data) { - data.push({ id: row.id, radio: row.radio }); - } - await api.UpdateColumn(data); - crudExpose.editable.persist(); - radioColumnEditor.editing = false; - } finally { - radioColumnEditor.loading = false; - } - }, - onCancel: () => { - crudExpose.editable.cancel(); - radioColumnEditor.editing = false; - }, - "onUpdate:editing": (value: boolean) => { - radioColumnEditor.editing = value; - if (value === true) { - crudExpose.editable.activeCols({ cols: ["radio"], showAction: false }); - } - }, - vSlots: { - edit: () => { - return ; - } - } - }); - - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - actionbar: { - buttons: { - // add: { - // show: computed(() => { - // if (crudBinding.value) { - // return !crudBinding.value?.table.editable.enabled; - // } - // return false; - // }) - // }, - // addRow: { - // show: computed(() => { - // if (crudBinding.value) { - // return crudBinding.value?.table.editable.enabled; - // } - // return false; - // }) - // } - } - }, - table: { - editable: { - mode: "cell", - exclusive: true, - //排他式激活效果，将其他行的编辑状态触发保存 - exclusiveEffect: "save", //自动保存其他行编辑状态，cancel = 自动关闭其他行编辑状态 - async updateCell(opts) { - const { row, key, value } = opts; - //如果是添加，需要返回{[rowKey]:xxx},比如:{id:2} - return await api.UpdateCell(row.id, key, value); - } - }, - slots: { - //编辑列 - headerCell({ column }: any) { - if (column.key === "radio") { - return ( -
- - {column.title} (点我批量编辑) - -
- ); - } - } - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - disable: { - title: "禁止编辑", - type: "text", - column: { - editable: { - disabled: true //也可以配置为方法，根据条件禁用或启用编辑 - // disabled: ({ column, index, row }) => { - // return index % 2 === 0; - // } - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: radioDictRef, - column: { - width: 300, - valueChange({ value, getComponentRef }) { - console.log("value changed:", value, getComponentRef("radio")); - }, - editable: { - async updateCell(opts) { - const { row, key, value } = opts; - //如果是添加，需要返回{[rowKey]:xxx},比如:{id:2} - await api.UpdateCell(row.id, key, value); - //同时修改 updateCellLink - await api.UpdateCell(row.id, "updateCellLink", value); - //修改联动本地列 - row.updateCellLink = value; - } - } - } - }, - updateCellLink: { - title: "状态联动", - type: "text", - column: { - editable: { - disabled: true - } - } - }, - name: { - title: "姓名", - type: "text", - form: { - rules: [ - { required: true, message: "请输入姓名" }, - { - type: "string", - min: 2, - max: 10, - message: "长度在 2 到 10 个字符" - } - ] - } - }, - address: { - title: "地址", - children: { - province: { - title: "省份", - search: { show: true }, - type: "text" - }, - city: { - title: "城市", - search: { show: true }, - type: "dict-select", - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "primary" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/cell/index.vue b/packages/ui/certd-client/src/views/crud/editable/cell/index.vue deleted file mode 100644 index 0f1448b8..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/cell/index.vue +++ /dev/null @@ -1,87 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/cell/mock.ts b/packages/ui/certd-client/src/views/crud/editable/cell/mock.ts deleted file mode 100644 index c82de123..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/cell/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableCell", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - children: [ - { - radio: "2" - } - ] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/free/api.ts b/packages/ui/certd-client/src/views/crud/editable/free/api.ts deleted file mode 100644 index d2a3098e..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/free/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableFree"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/free/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/free/crud.tsx deleted file mode 100644 index 42935db0..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/free/crud.tsx +++ /dev/null @@ -1,127 +0,0 @@ -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 { crudBinding } = crudExpose; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - actionbar: { - buttons: { - add: { - show: false - }, - addRow: { - show: true - } - } - }, - mode: { - //本地模式 - name: "local", - isMergeWhenUpdate: true, - isAppendWhenAdd: true - }, - table: { - editable: { - enabled: true, - mode: "free", - activeDefault: true, - showAction: false - } - }, - pagination: { - pageSize: 5, - pageSizes: [5, 10, 20, 50, 100] - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - disable: { - title: "禁止编辑", - type: "text", - column: { - editable: { - disabled: true //也可以配置为方法，根据条件禁用或启用编辑 - // disabled: ({ column, index, row }) => { - // return index % 2 === 0; - // } - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - name: { - title: "姓名", - type: "text", - form: { - rules: [ - { required: true, message: "请输入姓名" }, - { min: 2, max: 10, message: "长度在 2 到 10 个字符" } - ] - } - }, - address: { - title: "地址", - children: { - province: { - title: "省份", - search: { show: true }, - type: "text" - }, - city: { - title: "城市", - search: { show: true }, - type: "dict-select", - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "primary" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/free/index.vue b/packages/ui/certd-client/src/views/crud/editable/free/index.vue deleted file mode 100644 index 5cda40bf..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/free/index.vue +++ /dev/null @@ -1,81 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/free/mock.ts b/packages/ui/certd-client/src/views/crud/editable/free/mock.ts deleted file mode 100644 index e2471c7b..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/free/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableFree", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - children: [ - { - radio: "2" - } - ] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/row/api.ts b/packages/ui/certd-client/src/views/crud/editable/row/api.ts deleted file mode 100644 index cad7e571..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/row/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableRow"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/row/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/row/crud.tsx deleted file mode 100644 index bb6de1da..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/row/crud.tsx +++ /dev/null @@ -1,146 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, utils } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - //将 addRow 按钮启用 - actionbar: { buttons: { add: { show: false }, addRow: { show: true } } }, - table: { - editable: { - enabled: true, - mode: "row", - exclusive: true, //排他式激活 - exclusiveEffect: "save" //排他式激活时，其他行的编辑状态的处理方式 - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - disable: { - title: "禁止编辑", - type: "text", - column: { - editable: { - disabled: true //也可以配置为方法，根据条件禁用或启用编辑 - // disabled: ({ column, index, row }) => { - // return index % 2 === 0; - // } - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - width: 300 - }, - form: { - rules: { - async asyncValidator(context) { - utils.logger.info("context", context); - return true; - }, - message: "远程校验测试" - } - } - }, - target: { - title: "根据状态动态显隐", - search: { show: true }, - type: "text", - form: { - conditionalRender: { - match: ({ form }) => { - return form.radio === "2"; - }, - render: ({ form }) => { - return
已停止
; - } - }, - show: compute(({ form }) => { - return form.radio !== "0"; - }) - } - }, - "user.name": { - title: "姓名", - type: "text", - form: { - key: ["user", "name"], - rules: [ - { required: true, message: "请输入姓名" }, - { - type: "string", - min: 2, - max: 10, - message: "长度在 2 到 10 个字符" - } - ] - } - }, - address: { - title: "地址", - children: { - province: { - title: "省份", - search: { show: true }, - type: "text", - form: { - rules: [{ required: true, message: "请输入省份" }] - } - }, - city: { - title: "城市", - search: { show: true }, - type: "dict-select", - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "primary" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/row/index.vue b/packages/ui/certd-client/src/views/crud/editable/row/index.vue deleted file mode 100644 index c8f1f87f..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/row/index.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/row/mock.ts b/packages/ui/certd-client/src/views/crud/editable/row/mock.ts deleted file mode 100644 index 89207f5f..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/row/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableRow", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - children: [ - { - radio: "2" - } - ] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/api.ts b/packages/ui/certd-client/src/views/crud/editable/sub-crud/api.ts deleted file mode 100644 index 22d2a630..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableSubCrud"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/sub-crud/crud.tsx deleted file mode 100644 index ae225a8f..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/crud.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import * as api from "./api"; -import { dict, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, UserPageQuery, UserPageRes, EditReq, DelReq, AddReq } from "@fast-crud/fast-crud"; -import EditableRowSub from "/@/views/crud/editable/sub-crud/row/index.vue"; -export default function (props: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding, crudRef } = props.crudExpose; - const { crudExpose } = props; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - width: "80%" - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - rules: [{ required: true, message: "请选择状态" }] - } - }, - subTable: { - title: "子表格", - type: "text", - form: { - component: { - name: EditableRowSub, - id: compute(({ form }) => { - return form.id; - }), - on: { - async saveMain({ form }) { - //保存主表 - const formRef = crudExpose.getFormRef(); - const ret = await formRef.submit(); - //将form改为编辑模式 - const formWrapperRef = crudExpose.getFormWrapperRef(); - formWrapperRef.setFormData(ret.res); - crudRef.value.formWrapperRef.formOptions.mode = "edit"; - crudRef.value.formWrapperRef.title = "编辑"; - } - } - }, - col: { - span: 24 - } - }, - column: { - formatter: ({ row }) => { - return "点击编辑查看子表"; - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/index.vue b/packages/ui/certd-client/src/views/crud/editable/sub-crud/index.vue deleted file mode 100644 index 3d4594d9..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/index.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/mock.ts b/packages/ui/certd-client/src/views/crud/editable/sub-crud/mock.ts deleted file mode 100644 index 432236bc..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableSubCrud", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - subTable: [{ id: 0, name: "王小虎" }] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/api.ts b/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/api.ts deleted file mode 100644 index fd58e2c3..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableSubCrudTarget"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/crud.tsx deleted file mode 100644 index 02833b9d..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/crud.tsx +++ /dev/null @@ -1,113 +0,0 @@ -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import * as api from "./api"; -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = crudExpose; - const { parentIdRef } = context; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - actionbar: { - buttons: { - add: { - show: false - }, - addRow: { - show: true - } - } - }, - search: { - show: false, - initialForm: { - parentId: parentIdRef - } - }, - toolbar: { - buttons: { - refresh: { - show: false - } - } - }, - table: { - editable: { - enabled: true, - mode: "row", - activeDefault: false - } - }, - // pagination: { show: false, pageSize: 9999999 }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - value: "1" - } - }, - name: { - title: "姓名", - type: "text", - form: { - rules: [ - { required: true, message: "请输入姓名" }, - { min: 2, max: 10, message: "长度在 2 到 10 个字符" } - ] - } - }, - parentId: { - title: "父Id", - type: "number", - search: { - show: true - }, - form: { - value: parentIdRef, - component: { - disabled: true - } - } - }, - createdAt: { - column: { - show: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/index.vue b/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/index.vue deleted file mode 100644 index 5acc0d1c..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/index.vue +++ /dev/null @@ -1,103 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/mock.ts b/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/mock.ts deleted file mode 100644 index b35b22eb..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/sub-crud/row/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableSubCrudTarget", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - name: "张三", - parentId:1 - }, - { - radio: "2", - parentId:2 - }, - { - parentId:3 - }, -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/api.ts b/packages/ui/certd-client/src/views/crud/editable/vmodel/api.ts deleted file mode 100644 index aac4305d..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/EditableVModel"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/vmodel/crud.tsx deleted file mode 100644 index eca21b43..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/crud.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import * as api from "./api"; -import { dict, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, UserPageQuery, UserPageRes, EditReq, DelReq, AddReq } from "@fast-crud/fast-crud"; -import EditableFreeSub from "./free/index.vue"; -export default function (props: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = props.crudExpose; - const { crudExpose } = props; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - width: "80%" - }, - async beforeSubmit() { - const validate = await crudExpose.getFormComponentRef("subTable")?.validate(); - if (validate !== true) { - return false; - } - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - subTable: { - title: "子表格", - type: "text", - form: { - component: { - name: EditableFreeSub, - vModel: "modelValue" - }, - col: { - span: 24 - }, - valueResolve({ form }) { - //重要，移除$editable_id字段，返回干净的tableData数据 - form.subTable = crudExpose.editable.getTableData(form.subTable); - } - }, - column: { - formatter: ({ row }) => { - return row.subTable?.length + "条数据"; - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/free/crud.tsx b/packages/ui/certd-client/src/views/crud/editable/vmodel/free/crud.tsx deleted file mode 100644 index 8d948c42..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/free/crud.tsx +++ /dev/null @@ -1,100 +0,0 @@ -import { compute, CreateCrudOptionsProps, CreateCrudOptionsRet, dict } from "@fast-crud/fast-crud"; -import createCrudOptionsText from "/@/views/crud/component/text/crud"; -import * as textTableApi from "/@/views/crud/component/text/api"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = crudExpose; - - return { - crudOptions: { - actionbar: { - buttons: { - add: { - show: false - }, - addRow: { - show: true - } - } - }, - search: { - show: false - }, - toolbar: { - buttons: { - refresh: { - show: false - } - } - }, - mode: { - name: "local", - isMergeWhenUpdate: true, - isAppendWhenAdd: true - }, - table: { - editable: { - enabled: true, - mode: "free", - activeDefault: true, - showAction: false - } - }, - pagination: { show: false, pageSize: 9999999 }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - name: { - title: "姓名", - type: "text", - form: { - rules: [ - { required: true, message: "请输入姓名" }, - { min: 2, max: 10, message: "长度在 2 到 10 个字符" } - ] - } - }, - tableSelect: { - title: "tableSelect", - type: "table-select", - dict: dict({ - value: "id", - label: "name", - //重要，根据value懒加载数据 - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - form: { - show: compute(({ form }) => { - return form.dynamicShow; - }), - component: { - crossPage: true, - createCrudOptions: createCrudOptionsText - } - } - }, - createdAt: { - column: { - show: false - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/free/index.vue b/packages/ui/certd-client/src/views/crud/editable/vmodel/free/index.vue deleted file mode 100644 index d70b613f..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/free/index.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/index.vue b/packages/ui/certd-client/src/views/crud/editable/vmodel/index.vue deleted file mode 100644 index f2ea9f59..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/index.vue +++ /dev/null @@ -1,43 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/editable/vmodel/mock.ts b/packages/ui/certd-client/src/views/crud/editable/vmodel/mock.ts deleted file mode 100644 index a43343c5..00000000 --- a/packages/ui/certd-client/src/views/crud/editable/vmodel/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "EditableVModel", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - subTable: [{ id: 0, name: "王小虎" }] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/column-resize/api.ts b/packages/ui/certd-client/src/views/crud/feature/column-resize/api.ts deleted file mode 100644 index 2e28954b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-resize/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureColumnResize"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/column-resize/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/column-resize/crud.tsx deleted file mode 100644 index 6e4b4736..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-resize/crud.tsx +++ /dev/null @@ -1,73 +0,0 @@ -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 => { - 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); - }; - - const crudBinding = crudExpose.crudBinding; - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - onResizeColumn: (w: number, col: any) => { - //触发resize事件后，修改column宽度，width只能配置为number类型 - //可以将此方法写在app.use()中的commonOptions里面 - crudBinding.value.table.columnsMap[col.key].width = w; - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50, //宽度必须number类型 - resizable: true //配置true，表示可以调整宽度 - }, - form: { - show: false - } - }, - text: { - title: "说明", - type: "text", - column: { - ellipsis: true, - showTitle: true, - resizable: true, //配置true，表示可以调整宽度 - width: 400 //宽度必须number类型 - } - }, - //必须留一个自动宽度 - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/column-resize/index.vue b/packages/ui/certd-client/src/views/crud/feature/column-resize/index.vue deleted file mode 100644 index fcdf42dc..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-resize/index.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/column-resize/mock.ts b/packages/ui/certd-client/src/views/crud/feature/column-resize/mock.ts deleted file mode 100644 index b09b4b14..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-resize/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureColumnResize", - idGenerator: 0 -}; -const list = [ - { - text: "这一列可以调整宽度，另外必须留一列自动宽度", - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/column-sort/api.ts b/packages/ui/certd-client/src/views/crud/feature/column-sort/api.ts deleted file mode 100644 index 62d80c79..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-sort/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureColumnSort"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/column-sort/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/column-sort/crud.tsx deleted file mode 100644 index df885b76..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-sort/crud.tsx +++ /dev/null @@ -1,103 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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 - }, - toolbar: { - //工具按钮排序 - buttons: { - search: { order: 1 } // 查询按钮排到前面 - } - }, - form: { - //表单跨列 - col: { span: 24 } - }, - rowHandle: { - order: 1000 - }, - columns: { - col1: { - title: "col.1", - search: { show: true }, - type: "text" - }, - col2: { - title: "col.2,我排最后一个", - search: { - //控制查询字段顺序 - show: true, - //字段默认order为1，比1大的放最后面 - order: 101 - }, - type: "text", - column: { - //控制列字段顺序 - //字段默认order为1，比1大的放最后面 - order: 101 - }, - form: { - //控制表单字段顺序 - //字段默认order为1，比1大的放最后面 - order: 101 - } - }, - col3: { - title: "col.3,我排第一个", - search: { - show: true, - order: 0 - }, - type: "text", - column: { - order: 0 - }, - form: { - order: 0 - } - }, - col4: { - title: "col.4,我在col3后面", - type: "text", - search: { - show: true, - order: 0 - }, - column: { - order: 0 - }, - form: { - order: 0 - } - }, - col5: { - title: "col.5", - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/column-sort/index.vue b/packages/ui/certd-client/src/views/crud/feature/column-sort/index.vue deleted file mode 100644 index be635fc0..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-sort/index.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/column-sort/mock.ts b/packages/ui/certd-client/src/views/crud/feature/column-sort/mock.ts deleted file mode 100644 index 5fffc8e1..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/column-sort/mock.ts +++ /dev/null @@ -1,31 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureColumnSort", - idGenerator: 0 -}; -const list = [ - { - col1: "1", - col2: "2", - col3: "3", - col4: "4", - col5: "5" - }, - { - col1: "1", - col2: "2", - col3: "3", - col4: "4", - col5: "5" - }, - { - col1: "1", - col2: "2", - col3: "3", - col4: "4", - col5: "5" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/columns-set/api.ts b/packages/ui/certd-client/src/views/crud/feature/columns-set/api.ts deleted file mode 100644 index 175ad5a0..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/columns-set/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureColumnsSet"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/columns-set/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/columns-set/crud.tsx deleted file mode 100644 index 5a38700d..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/columns-set/crud.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { ref } from "vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - toolbar: { - columnsFilter: { - mode: "simple" - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/columns-set/index.vue b/packages/ui/certd-client/src/views/crud/feature/columns-set/index.vue deleted file mode 100644 index 78f141e6..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/columns-set/index.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/columns-set/mock.ts b/packages/ui/certd-client/src/views/crud/feature/columns-set/mock.ts deleted file mode 100644 index d3eb9961..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/columns-set/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureColumnsSet", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/editable-row/api.ts b/packages/ui/certd-client/src/views/crud/feature/editable-row/api.ts deleted file mode 100644 index 904b85ef..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable-row/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureEditableRow"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/editable-row/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/editable-row/crud.tsx deleted file mode 100644 index 9804f887..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable-row/crud.tsx +++ /dev/null @@ -1,118 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - //将 addRow 按钮启用 - actionbar: { buttons: { add: { show: false }, addRow: { show: true } } }, - table: { - editable: { - enabled: true, - mode: "row", - activeTrigger: false - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - disable: { - title: "禁止编辑", - type: "text", - column: { - editable: { - disabled: true //也可以配置为方法，根据条件禁用或启用编辑 - // disabled: ({ column, index, row }) => { - // return index % 2 === 0; - // } - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - target: { - title: "根据状态动态显隐", - search: { show: true }, - type: "text", - form: { - conditionalRender: { - match: ({ form }) => { - return form.radio === "2"; - }, - render: ({ form }) => { - return
已停止
; - } - }, - show: compute(({ form }) => { - return form.radio !== "0"; - }) - } - }, - name: { - title: "姓名", - type: "text" - }, - address: { - title: "地址", - children: { - province: { - title: "省份", - search: { show: true }, - type: "text" - }, - city: { - title: "城市", - search: { show: true }, - type: "dict-select", - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "primary" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/editable-row/index.vue b/packages/ui/certd-client/src/views/crud/feature/editable-row/index.vue deleted file mode 100644 index 90c35332..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable-row/index.vue +++ /dev/null @@ -1,36 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/editable-row/mock.ts b/packages/ui/certd-client/src/views/crud/feature/editable-row/mock.ts deleted file mode 100644 index 202cd2bc..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable-row/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureEditableRow", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - // children: [ - // { - // radio: "1" - // } - // ] - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/editable/api.ts b/packages/ui/certd-client/src/views/crud/feature/editable/api.ts deleted file mode 100644 index 9e2bda63..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureEditable"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/editable/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/editable/crud.tsx deleted file mode 100644 index 22105d59..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable/crud.tsx +++ /dev/null @@ -1,117 +0,0 @@ -import * as api from "./api"; -import { dict, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, UserPageQuery, UserPageRes, EditReq, DelReq, AddReq } from "@fast-crud/fast-crud"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { crudBinding } = crudExpose; - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - actionbar: { - buttons: { - add: { - show: compute(() => { - if (crudBinding.value) { - return !crudBinding.value?.table.editable.enabled; - } - return false; - }) - }, - addRow: { - show: compute(() => { - if (crudBinding.value) { - return crudBinding.value?.table.editable.enabled; - } - return false; - }) - } - } - }, - table: { - editable: { - mode: "free" - } - }, - columns: { - id: { - title: "ID", - type: "number", - form: { - show: false - }, - column: { width: 80, align: "center" } - }, - disable: { - title: "禁止编辑", - type: "text", - column: { - editable: { - disabled: true //也可以配置为方法，根据条件禁用或启用编辑 - // disabled: ({ column, index, row }) => { - // return index % 2 === 0; - // } - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - name: { - title: "姓名", - type: "text" - }, - address: { - title: "地址", - children: { - province: { - title: "省份", - search: { show: true }, - type: "text" - }, - city: { - title: "城市", - search: { show: true }, - type: "dict-select", - dict: dict({ - value: "id", - label: "text", - data: [ - { id: "sz", text: "深圳", color: "success" }, - { id: "gz", text: "广州", color: "primary" }, - { id: "bj", text: "北京" }, - { id: "wh", text: "武汉" }, - { id: "sh", text: "上海" } - ] - }) - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/editable/index.vue b/packages/ui/certd-client/src/views/crud/feature/editable/index.vue deleted file mode 100644 index 13ea5855..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable/index.vue +++ /dev/null @@ -1,97 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/editable/mock.ts b/packages/ui/certd-client/src/views/crud/feature/editable/mock.ts deleted file mode 100644 index caab355b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/editable/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureEditable", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/expand/api.ts b/packages/ui/certd-client/src/views/crud/feature/expand/api.ts deleted file mode 100644 index 04422556..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/expand/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureExpand"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/expand/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/expand/crud.tsx deleted file mode 100644 index d65e8e5d..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/expand/crud.tsx +++ /dev/null @@ -1,88 +0,0 @@ -import * as api from "./api.js"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { ref } from "vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - const currentRow = ref(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - //默认展开第一行 - defaultExpandedRowKeys: [1], - customRow(record: any, index: number) { - const clazz = record.id === currentRow.value ? "fs-current-row" : ""; - return { - onClick() { - currentRow.value = record.id; - }, - class: clazz - }; - }, - onExpand(open: boolean, row: any) { - utils.logger.info("expand事件：", open, row); - }, - slots: { - expandedRowRender: (scope: any) => { - return ( -
- index: {scope.index} ; row: {JSON.stringify(scope.record)} -
- ); - } - } - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/expand/index.vue b/packages/ui/certd-client/src/views/crud/feature/expand/index.vue deleted file mode 100644 index 094961ab..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/expand/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/expand/mock.ts b/packages/ui/certd-client/src/views/crud/feature/expand/mock.ts deleted file mode 100644 index caeffc01..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/expand/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureExpand", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/export/api.ts b/packages/ui/certd-client/src/views/crud/feature/export/api.ts deleted file mode 100644 index 929ae61a..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/export/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureExport"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/export/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/export/crud.tsx deleted file mode 100644 index bf876ed4..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/export/crud.tsx +++ /dev/null @@ -1,120 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import dayjs from "dayjs"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - toolbar: { - export: { - // columns: [{ key: "id", title: "ID" }], - columnBuilder: ({ col }) => { - // https://docs.sheetjs.com/docs/csf/features/#row-and-column-properties - if (col.key === "multi") { - col.width = 40; - } else { - col.width = 20; - } - }, - dataFormatter: ({ row, originalRow, col }) => { - //格式化日期 - if (col.key === "date" && originalRow.date) { - row.date = dayjs(originalRow.date).format("YYYY-MM-DD HH:mm:ss"); - } - }, - fileType: context.fileType, //导出类型为excel - dataFrom: context.dataFrom, //search查询获取， local 当前页数据 - //仅导出显示的列 - onlyShow: true, - searchParams: { - //查询条件 - page: { - currentPage: 1, - pageSize: 99999999 - } - //以下不传，以当前查询条件为准 - // form: {}, - // sort: {} - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "文本", - search: { show: true }, - type: "text" - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - multi: { - title: "多选", - search: { show: true }, - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - component: { - mode: "multiple" - } - } - }, - date: { - title: "日期", - search: { show: true }, - type: "datetime", - valueBuilder({ row, value, key }) { - if (value) { - row[key] = dayjs(value); - } - }, - valueResolve({ form, value, key }) { - if (value) { - form[key] = dayjs(value).unix(); - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/export/index.vue b/packages/ui/certd-client/src/views/crud/feature/export/index.vue deleted file mode 100644 index f5d48256..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/export/index.vue +++ /dev/null @@ -1,79 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/export/mock.ts b/packages/ui/certd-client/src/views/crud/feature/export/mock.ts deleted file mode 100644 index fc4e44e2..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/export/mock.ts +++ /dev/null @@ -1,31 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureExport", - idGenerator: 0 -}; -const list = [ - { - text: "测试文本1", - radio: "1", - multi: ["1", "2"], - date: 1111111222222 - }, - { - text: "测试文本2", - radio: "2", - multi: ["0", "2"], - date: 123123234433 - }, - { - text: "测试文本3" - }, - { - text: "测试文本4" - }, - { - text: "测试文本5" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/filter/api.ts b/packages/ui/certd-client/src/views/crud/feature/filter/api.ts deleted file mode 100644 index e4093938..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/filter/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureFilter"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/filter/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/filter/crud.tsx deleted file mode 100644 index 76db14e6..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/filter/crud.tsx +++ /dev/null @@ -1,109 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - table: { - // 表头过滤改变事件 - onFilterChange(filters: any) { - utils.logger.info("onFilterChange", filters); - crudExpose.setSearchFormData({ - form: { - remote: filters.remote - } - }); - crudExpose.doRefresh(); - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "本地过滤", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - filters: [ - { text: "开", value: "1" }, - { text: "关", value: "0" }, - { text: "停", value: "2" } - ], - // specify the condition of filtering result - // here is that finding the name started with `value` - onFilter: (value: any, record: any) => { - return record.radio === value; - }, - sorter: (a: any, b: any) => a.radio - b.radio, - sortDirections: ["descend"] - } - }, - remote: { - title: "支持服务端过滤", - search: { - show: true, - component: { - mode: "multiple" - } - }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - filters: [ - { text: "开", value: "1" }, - { text: "关", value: "0" }, - { text: "停", value: "2" } - ] - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/filter/index.vue b/packages/ui/certd-client/src/views/crud/feature/filter/index.vue deleted file mode 100644 index 81a2eabd..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/filter/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/filter/mock.ts b/packages/ui/certd-client/src/views/crud/feature/filter/mock.ts deleted file mode 100644 index e536d725..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/filter/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureFilter", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - remote: "0" - }, - { - radio: "2", - remote: "1" - }, - { - radio: "0", - remote: "2" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/fixed/api.ts b/packages/ui/certd-client/src/views/crud/feature/fixed/api.ts deleted file mode 100644 index d23945d8..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/fixed/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureFixed"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/fixed/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/fixed/crud.tsx deleted file mode 100644 index 777b1b6b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/fixed/crud.tsx +++ /dev/null @@ -1,96 +0,0 @@ -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 => { - 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 - }, - rowHandle: { - //固定右侧 - fixed: "right" - }, - table: { - scroll: { - //当你表格宽度大到需要使用固定列时，需要设置此值，并且是大于等于列宽度之和的值 - //否则可能会出现将自动宽度列挤变形，或者拖动滚动条表头不动等问题。 - x: 1400 - } - }, - columns: { - text1: { - title: "text1", - type: "text", - column: { - // 固定左侧 - // 注意被固定在左侧的列要放在最前面，否则会出现某些列错位不显示的问题 - fixed: "left", - width: 260 - } - }, - id: { - title: "id", - type: "text", - column: { - width: 100 - } - }, - text2: { - title: "text2", - type: "text", - column: { - width: 260 - } - }, - text3: { - title: "text3", - type: "text", - column: { - width: 260 - } - }, - text4: { - title: "text4", - type: "text", - column: { - width: 260 - } - }, - text5: { - title: "text5", - type: "text", - column: { - width: 260 - } - }, - last: { - title: "last", - type: "text", - column: { - width: 260 - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/fixed/index.vue b/packages/ui/certd-client/src/views/crud/feature/fixed/index.vue deleted file mode 100644 index cc743666..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/fixed/index.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/fixed/mock.ts b/packages/ui/certd-client/src/views/crud/feature/fixed/mock.ts deleted file mode 100644 index c4a45662..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/fixed/mock.ts +++ /dev/null @@ -1,14 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureFixed", - idGenerator: 0 -}; -const list = [ - { - text1: "我会被固定在左侧", - last: "操作列被固定在右侧" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/header-group/api.ts b/packages/ui/certd-client/src/views/crud/feature/header-group/api.ts deleted file mode 100644 index 4e287644..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header-group/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureHeaderGroup"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/header-group/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/header-group/crud.tsx deleted file mode 100644 index a6417be8..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header-group/crud.tsx +++ /dev/null @@ -1,124 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils, - ValueChangeContext -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - table: { size: "small" }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - user: { - title: "用户信息", - children: { - name: { - title: "姓名", - type: "text" - }, - age: { - title: "年龄", - type: "number" - }, - switch: { - title: "开关", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }), - column: { - component: { - name: "fs-dict-switch", - vModel: "checked" - }, - valueChange(context) { - utils.logger.info("column value changed:", context); - } - } - } - } - }, - address: { - title: "地址", - children: { - area: { - title: "地区", - children: { - province: { - title: "省", - search: { show: true }, - type: "dict-select", - dict: dict({ - data: [ - { value: "广东省", label: "广东省" }, - { value: "浙江省", label: "浙江省" } - ] - }) - }, - city: { - title: "市", - search: { show: true }, - type: "text" - }, - county: { - title: "区", - search: { show: true }, - type: "text" - } - } - }, - street: { - title: "街道", - type: "text" - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/header-group/index.vue b/packages/ui/certd-client/src/views/crud/feature/header-group/index.vue deleted file mode 100644 index 932b7b5a..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header-group/index.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/header-group/mock.ts b/packages/ui/certd-client/src/views/crud/feature/header-group/mock.ts deleted file mode 100644 index 16ba50bd..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header-group/mock.ts +++ /dev/null @@ -1,30 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureHeaderGroup", - idGenerator: 0 -}; -const list = [ - { - name: "张三", - age: 18, - province: "广东省", - city: "深圳市", - county: "南山区", - street: "粤海街道" - }, - { - name: "李四", - age: 26, - province: "浙江省", - city: "杭州市", - county: "西湖区", - street: "西湖街道" - }, - { - name: "王五", - age: 24 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/header/api.ts b/packages/ui/certd-client/src/views/crud/feature/header/api.ts deleted file mode 100644 index 304b9731..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header/api.ts +++ /dev/null @@ -1,58 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureHeader"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any[]) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} - -export function ColumnUpdate(key: string, value: any) { - return request({ - url: apiPrefix + "/columnUpdate", - method: "post", - data: { key, value } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/header/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/header/crud.tsx deleted file mode 100644 index ab293411..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header/crud.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import * as api from "./api.js"; -import { CreateCrudOptionsProps, dict, CreateCrudOptionsRet, EditReq, DelReq, AddReq } from "@fast-crud/fast-crud"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - 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 - }, - table: { - slots: { - headerCell({ column }: any) { - if (column.key === "text") { - return ( - - Text - - - - - ); - } - } - } - }, - columns: { - text: { - title: "text", - type: "text", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/header/index.vue b/packages/ui/certd-client/src/views/crud/feature/header/index.vue deleted file mode 100644 index ba07c6f3..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/header/mock.ts b/packages/ui/certd-client/src/views/crud/feature/header/mock.ts deleted file mode 100644 index a7db8232..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/header/mock.ts +++ /dev/null @@ -1,14 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureHeader", - idGenerator: 0 -}; -const list = [ - { - text: "上面自定义表头" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/height/api.ts b/packages/ui/certd-client/src/views/crud/feature/height/api.ts deleted file mode 100644 index 541c533d..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/height/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/ComponentHeight"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/height/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/height/crud.tsx deleted file mode 100644 index b2d4c4c0..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/height/crud.tsx +++ /dev/null @@ -1,61 +0,0 @@ -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 => { - 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, - addRequest, - editRequest, - delRequest - }, - container: { - fixedHeight: false - }, - table: { - scroll: { - y: null - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/height/index.vue b/packages/ui/certd-client/src/views/crud/feature/height/index.vue deleted file mode 100644 index 01c59c98..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/height/index.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/height/mock.ts b/packages/ui/certd-client/src/views/crud/feature/height/mock.ts deleted file mode 100644 index df878eff..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/height/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "ComponentHeight", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - button: "1", - bool: true - }, - { - radio: "2", - button: "2", - bool: false - }, - { - radio: "0", - button: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/hide/api.ts b/packages/ui/certd-client/src/views/crud/feature/hide/api.ts deleted file mode 100644 index 8aababa3..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/hide/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureHide"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/hide/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/hide/crud.tsx deleted file mode 100644 index 8dcf894a..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/hide/crud.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - search: { - show: true - }, - pagination: { - show: true - }, - table: { - show: true - }, - actionbar: { - show: true, - buttons: { - add: { - show: true - }, - test: { - text: "自定义按钮", - show: true, - click() { - utils.logger.info("click"); - } - } - } - }, - toolbar: { - show: true, - buttons: { - search: { show: true }, - refresh: { show: true }, - compact: { show: true }, - export: { show: true }, - columns: { show: true } - } - }, - rowHandle: { - show: true, - width: 330, - buttons: { - view: { show: true }, - edit: { show: true }, - remove: { show: true }, - custom: { - text: "自定义", - order: 4, - show: true, - click(context) { - utils.logger.info("click", context); - } - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/hide/index.vue b/packages/ui/certd-client/src/views/crud/feature/hide/index.vue deleted file mode 100644 index 806c98b8..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/hide/index.vue +++ /dev/null @@ -1,114 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/hide/mock.ts b/packages/ui/certd-client/src/views/crud/feature/hide/mock.ts deleted file mode 100644 index de085ec2..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/hide/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureHide", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/index/api.ts b/packages/ui/certd-client/src/views/crud/feature/index/api.ts deleted file mode 100644 index 9fe205fc..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/index/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureIndex"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/index/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/index/crud.tsx deleted file mode 100644 index 23c180a6..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/index/crud.tsx +++ /dev/null @@ -1,60 +0,0 @@ -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 => { - 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, - addRequest, - editRequest, - delRequest - }, - table: {}, - columns: { - _index: { - title: "序号", - type: "text", - form: { show: false }, - column: { - // type: "index", - align: "center", - width: "55px", - columnSetDisabled: true, //禁止在列设置中选择 - formatter: (context) => { - //计算序号,你可以自定义计算规则，此处为翻页累加 - const index = context.index ?? 1; - const pagination = crudExpose.crudBinding.value.pagination; - return ((pagination.current ?? 1) - 1) * pagination.pageSize + index + 1; - } - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/index/index.vue b/packages/ui/certd-client/src/views/crud/feature/index/index.vue deleted file mode 100644 index bc932a5b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/index/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/index/mock.ts b/packages/ui/certd-client/src/views/crud/feature/index/mock.ts deleted file mode 100644 index 8adccd7f..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/index/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureIndex", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/local-import/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/local-import/crud.tsx deleted file mode 100644 index 8f629a2c..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-import/crud.tsx +++ /dev/null @@ -1,90 +0,0 @@ -import { CreateCrudOptionsProps, CreateCrudOptionsRet, importTable } from "@fast-crud/fast-crud"; -import { Modal, notification } from "ant-design-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const crudBinding = crudExpose.crudBinding; - return { - crudOptions: { - mode: { - name: "local", - isMergeWhenUpdate: true, - isAppendWhenAdd: true - }, - //启用addRow按钮 - actionbar: { - buttons: { - //禁用弹框添加 - add: { show: false }, - //启用添加行 - addRow: { show: true }, - //导入按钮 - import: { - show: true, - text: "批量导入", - type: "primary", - click() { - const modal = Modal.info({ - title: "批量导入", - okText: "关闭", - content() { - async function onChange(e: any) { - const file = e.target.files[0]; - await importTable(crudExpose, { file, append: true }); - modal.destroy(); - notification.success({ - message: "导入成功" - }); - } - return ( -
-

- 1、下载导入模板 -

-

- 2、模板填充数据 -

-

- 3、导入： - -

-
- ); - } - }); - } - } - } - }, - table: { - remove: { - //删除数据后不请求后台 - refreshTable: false - }, - editable: { - enabled: true, - mode: "row", - activeTrigger: false - } - }, - search: { - show: false - }, - toolbar: { - show: false - }, - pagination: { - show: false - }, - columns: { - name: { - type: "text", - title: "联系人姓名" - }, - mobile: { - type: "text", - title: "联系人手机号码" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/local-import/index.vue b/packages/ui/certd-client/src/views/crud/feature/local-import/index.vue deleted file mode 100644 index 31119672..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-import/index.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/local-import/local.vue b/packages/ui/certd-client/src/views/crud/feature/local-import/local.vue deleted file mode 100644 index f9477bcb..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-import/local.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/local-v-model/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/local-v-model/crud.tsx deleted file mode 100644 index afc6e8bb..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-v-model/crud.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { CreateCrudOptionsProps, CreateCrudOptionsRet, uiContext } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - return { - crudOptions: { - mode: { - name: "local", - isMergeWhenUpdate: true, - isAppendWhenAdd: true - }, - //启用addRow按钮 - actionbar: { buttons: { add: { show: false }, addRow: { show: true } } }, - table: { - remove: { - //删除数据后不请求后台 - refreshTable: false - }, - editable: { - enabled: true, - mode: "row", - activeTrigger: false - } - }, - search: { - show: false - }, - toolbar: { - show: false - }, - pagination: { - show: false - }, - columns: { - name: { - type: "text", - title: "联系人姓名" - }, - mobile: { - type: "text", - title: "联系人手机号码" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/local-v-model/index.vue b/packages/ui/certd-client/src/views/crud/feature/local-v-model/index.vue deleted file mode 100644 index 44639154..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-v-model/index.vue +++ /dev/null @@ -1,49 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/local-v-model/local.vue b/packages/ui/certd-client/src/views/crud/feature/local-v-model/local.vue deleted file mode 100644 index a8543004..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local-v-model/local.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/local/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/local/crud.tsx deleted file mode 100644 index eea51ede..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local/crud.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { CreateCrudOptionsProps, CreateCrudOptionsRet } from "@fast-crud/fast-crud"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - return { - crudOptions: { - mode: { - name: "local", - isMergeWhenUpdate: true, - isAppendWhenAdd: true - }, - actionbar: { buttons: { add: { show: true }, addRow: { show: false } } }, - editable: { - enabled: false, - mode: "row", - activeTrigger: false - }, - search: { - show: false - }, - pagination: { - show: false - }, - columns: { - name: { - type: "text", - title: "联系人姓名" - }, - mobile: { - type: "text", - title: "联系人手机号码" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/local/index.vue b/packages/ui/certd-client/src/views/crud/feature/local/index.vue deleted file mode 100644 index a30ecd94..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/local/index.vue +++ /dev/null @@ -1,75 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/merge/api.ts b/packages/ui/certd-client/src/views/crud/feature/merge/api.ts deleted file mode 100644 index 28e4fc96..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/merge/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureMerge"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/merge/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/merge/crud.tsx deleted file mode 100644 index e2182077..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/merge/crud.tsx +++ /dev/null @@ -1,143 +0,0 @@ -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 => { - 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); - }; - - /** - * 列合并render - */ - function colMergeRender({ index }: any) { - return { - props: { - colSpan: 5 - } - }; - } - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - //这里要减去总结栏的高度 - maxHeightAdjust: -39, - slots: { - summary() { - return ( - - - 总结栏 - 这里是总结内容 - - - ); - } - } - }, - columns: { - id: { - title: "id", - type: "text" - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - }, - cellMerge: { - title: "上下合并", - type: "text", - column: { - customRender: ({ text, index }: any, cellRender: any) => { - const obj: any = { - props: {} - }; - if (index === 2) { - obj.children = text + "(我合并了)"; - obj.props.rowSpan = 2; - } else if (index === 3) { - obj.props.rowSpan = 0; - } else { - obj.children = cellRender(); - } - return obj; - } - } - }, - colMerge1: { - title: "左右合并", - type: "text", - column: { - align: "center", - customRender({ text, index, record, dataIndex }: any, cellRender: any) { - if (index !== 4) { - return { - children: cellRender() - }; - } - return { - children: text + "(我合并了)", - props: { - colSpan: 2 - } - }; - } - } - }, - colMerge2: { - title: "左右合并", - type: "text", - column: { - customRender({ text, index, record, dataIndex }: any, cellRender: any) { - if (index !== 4) { - return { - children: cellRender() - }; - } - return { - props: { - colSpan: 0 - } - }; - } - } - }, - header1: { - title: "表头合并(我合并了)", - type: "text", - column: { - colSpan: 2 - } - }, - header2: { - title: "表头合并", - type: "text", - column: { - colSpan: 0 - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/merge/index.vue b/packages/ui/certd-client/src/views/crud/feature/merge/index.vue deleted file mode 100644 index 2b701256..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/merge/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/merge/mock.ts b/packages/ui/certd-client/src/views/crud/feature/merge/mock.ts deleted file mode 100644 index e305018b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/merge/mock.ts +++ /dev/null @@ -1,36 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureMerge", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - cellMerge: "test", - colMerge1: "111", - colMerge2: "222", - - header1: "aaa", - header2: "bbb" - }, - { - radio: "2", - cellMerge: "test", - colMerge1: "111", - colMerge2: "222", - - header1: "aaa", - header2: "bbb" - }, - { - radio: "0", - cellMerge: "test", - colMerge1: "111", - colMerge2: "222", - header1: "aaa", - header2: "bbb" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/remove/api.ts b/packages/ui/certd-client/src/views/crud/feature/remove/api.ts deleted file mode 100644 index 056d615e..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/remove/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureRemove"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/remove/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/remove/crud.tsx deleted file mode 100644 index 00438c8f..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/remove/crud.tsx +++ /dev/null @@ -1,87 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { Modal } from "ant-design-vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - table: { - remove: { - async confirmFn(context) { - await new Promise((resolve, reject) => { - Modal.confirm({ - content: `确定删除记录(${context.row.id})吗?`, - onOk() { - resolve(true); - }, - onCancel() { - reject(); - } - }); - }); - }, - confirmTitle: "请确认", // confirmFn配置为空时生效 - confirmMessage: "确定删除此记录吗", // confirmFn配置为空时生效 - showSuccessMessage: true, //是否显示删除成功记录 - refreshTable: true, //删除后刷新表格 - onCanceled({ row }) { - utils.logger.info(`记录${row.id}取消删除`); - }, - onRemoved({ row }) { - utils.logger.info(`记录${row.id}已删除`); - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "文本", - search: { show: true }, - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/remove/index.vue b/packages/ui/certd-client/src/views/crud/feature/remove/index.vue deleted file mode 100644 index 6eb3bc89..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/remove/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/remove/mock.ts b/packages/ui/certd-client/src/views/crud/feature/remove/mock.ts deleted file mode 100644 index e5f35bca..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/remove/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureRemove", - idGenerator: 0 -}; -const list = [ - { - text: "测试文本1" - }, - { - text: "测试文本2" - }, - { - text: "测试文本3" - }, - { - text: "测试文本4" - }, - { - text: "测试文本5" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/search-multi/api.ts b/packages/ui/certd-client/src/views/crud/feature/search-multi/api.ts deleted file mode 100644 index 7c8a37e1..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search-multi/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureSearchMulti"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/search-multi/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/search-multi/crud.tsx deleted file mode 100644 index f85fd9e0..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search-multi/crud.tsx +++ /dev/null @@ -1,147 +0,0 @@ -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 => { - 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, - addRequest, - editRequest, - delRequest - }, - search: { - container: { - layout: "multi-line", - action: { - label: "操作" - //col: { span: 4 } - } - }, - options: { - labelCol: { - style: { - width: "100px" - } - } - } - }, - actionbar: { - buttons: { - change: { - text: "切换模式", - click() { - if (crudExpose.crudBinding.value.search.container.layout === "multi-line") { - crudExpose.crudBinding.value.search.container.layout = "default"; - } else { - crudExpose.crudBinding.value.search.container.layout = "multi-line"; - } - } - }, - search: { - text: "查询", - click() { - crudExpose.getSearchRef().doSearch(); - } - }, - reset: { - text: "重置查询", - click() { - crudExpose.getSearchRef().doReset(); - } - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - filters: [ - { text: "开", value: "1" }, - { text: "关", value: "0" }, - { text: "停", value: "2" } - ], - onFilter: (value: any, record: any) => { - return record.radio === value; - }, - sorter: (a: any, b: any) => a.radio - b.radio, - sortDirections: ["descend"] - } - }, - text1: { - type: "datetimerange", - title: "datetimerange", - search: { show: true, col: { span: 8 } } - }, - text2: { - type: "text", - title: "text2", - search: { show: true } - }, - text3: { - type: "text", - title: "text3", - search: { show: true } - }, - text4: { - type: "text", - title: "text4", - search: { show: true } - }, - text5: { - type: "text", - title: "text5", - search: { show: true } - }, - text6: { - type: "text", - title: "text6", - search: { show: true } - }, - text7: { - type: "text", - title: "text7", - search: { show: true } - }, - text8: { - type: "text", - title: "text8", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/search-multi/index.vue b/packages/ui/certd-client/src/views/crud/feature/search-multi/index.vue deleted file mode 100644 index d328a4e8..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search-multi/index.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/search-multi/mock.ts b/packages/ui/certd-client/src/views/crud/feature/search-multi/mock.ts deleted file mode 100644 index d1e4ae98..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search-multi/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureSearchMulti", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/search/api.ts b/packages/ui/certd-client/src/views/crud/feature/search/api.ts deleted file mode 100644 index 7a1e4eb6..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureSearch"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/search/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/search/crud.tsx deleted file mode 100644 index c620b19d..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search/crud.tsx +++ /dev/null @@ -1,159 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { computed, ref } from "vue"; -import { message } from "ant-design-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const statusRef = dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }); - const formLayoutRef = ref("inline"); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - search: { - validate: true, - initialForm: { - //查询默认值 - radio: "1" - }, - options: { - layout: formLayoutRef - }, - container: { - action: { - col: { - span: 6 - } - } - }, - buttons: { - custom: { - text: "label上置", - show: true, - order: 3, - class: "fs-test", - icon: { - icon: "ant-design:search", - style: { - "font-size": "16px" - } - }, - click() { - formLayoutRef.value = formLayoutRef.value === "vertical" ? "inline" : "vertical"; - } - } - } - }, - tabs: { - name: "radio", - show: true, - type: "card", - options: computed(() => { - return statusRef.data as TabsFilterOption[]; - }) - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { - show: true, - rules: [ - { - required: true, - message: "请选择状态" - } - ] - }, - type: "dict-radio", - dict: statusRef - }, - text: { - title: "默认值", - type: "text", - search: { - show: true, - value: "2" - } - }, - customRender: { - title: "自定义render", - search: { - show: true - }, - type: "text", - form: { - component: { - vModel: "checked", - render({ attrs }) { - return ; - }, - title: "自定义render，可以继承component的属性,可以触发search的自动查询" - } - } - }, - customRender2: { - title: "自定义render2", - search: { - show: true - }, - type: "text", - form: { - component: { - render({ form }) { - //注意此处的v-model写法 - return ; - } - } - } - }, - customRender3: { - title: "自定义render3", - search: { - show: true - }, - type: "text", - form: { - render({ form }) { - //注意此处的v-model写法 - return ; - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/search/index.vue b/packages/ui/certd-client/src/views/crud/feature/search/index.vue deleted file mode 100644 index 653a29f3..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search/index.vue +++ /dev/null @@ -1,44 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/search/mock.ts b/packages/ui/certd-client/src/views/crud/feature/search/mock.ts deleted file mode 100644 index 7a80c25a..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/search/mock.ts +++ /dev/null @@ -1,37 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureSearch", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - text: "1", - customRender: true, - customRender2: false, - customRender3: true - }, - { - radio: "2", - text: "2" - }, - { - radio: "0", - text: "3" - }, - { - radio: "1", - text: "2" - }, - { - radio: "1", - text: "3" - }, - { - radio: "0", - text: "1" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/selection-radio/api.ts b/packages/ui/certd-client/src/views/crud/feature/selection-radio/api.ts deleted file mode 100644 index 8f413723..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection-radio/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureSelectionRadio"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/selection-radio/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/selection-radio/crud.tsx deleted file mode 100644 index ca0b41cc..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection-radio/crud.tsx +++ /dev/null @@ -1,80 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { ref } from "vue"; -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const selectedRowKey = ref(); - const onSelectChange = (changed: any) => { - utils.logger.info("selection", changed); - selectedRowKey.value = changed; - }; - return { - selectedRowKey, //返回给index.vue去使用 - crudOptions: { - table: { - rowKey: "id", - rowSelection: { - type: "radio", - selectedRowKeys: selectedRowKey, - onChange: onSelectChange, - getCheckboxProps: (record: any) => ({ - disabled: record.id === 1 // 此处演示第一行禁用 - }) - } - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 140 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/selection-radio/index.vue b/packages/ui/certd-client/src/views/crud/feature/selection-radio/index.vue deleted file mode 100644 index 6bf449bf..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection-radio/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/selection-radio/mock.ts b/packages/ui/certd-client/src/views/crud/feature/selection-radio/mock.ts deleted file mode 100644 index 1699a391..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection-radio/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureSelectionRadio", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2", - children: [{ radio: "2" }, { radio: "0", children: [{ radio: "1" }] }] - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/selection/api.ts b/packages/ui/certd-client/src/views/crud/feature/selection/api.ts deleted file mode 100644 index 3a282f76..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureSelection"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/selection/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/selection/crud.tsx deleted file mode 100644 index bba7743c..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection/crud.tsx +++ /dev/null @@ -1,76 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { ref } from "vue"; -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const selectedRowKeys = ref([]); - context.selectedRowKeys = selectedRowKeys; - - const onSelectChange = (changed: any) => { - utils.logger.info("selection", changed); - selectedRowKeys.value = changed; - }; - return { - crudOptions: { - table: { - rowKey: "id", - rowSelection: { - selectedRowKeys: selectedRowKeys, - onChange: onSelectChange, - getCheckboxProps: (record: any) => ({ - disabled: record.id === 1 // 此处演示第一行禁用 - }) - } - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "Text", - type: "text", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/selection/index.vue b/packages/ui/certd-client/src/views/crud/feature/selection/index.vue deleted file mode 100644 index d8da838b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection/index.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/selection/mock.ts b/packages/ui/certd-client/src/views/crud/feature/selection/mock.ts deleted file mode 100644 index f458a2cf..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/selection/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureSelection", - idGenerator: 0 -}; -const list = [ - { - text: "张三", - radio: "1" - }, - { - text: "李四", - radio: "2" - }, - { - text: "王五", - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/sortable/api.ts b/packages/ui/certd-client/src/views/crud/feature/sortable/api.ts deleted file mode 100644 index e14aa74b..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/sortable/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureSortable"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/sortable/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/sortable/crud.tsx deleted file mode 100644 index 5a0b0a11..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/sortable/crud.tsx +++ /dev/null @@ -1,68 +0,0 @@ -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 => { - 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: { - radio: { - title: "本地排序", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - sorter(a: any, b: any) { - return a.radio < b.radio ? 1 : -1; - } - } - }, - radio1: { - title: "服务端排序1", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - sorter: true - } - }, - radio2: { - title: "服务端排序2", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - column: { - sorter: true - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/sortable/index.vue b/packages/ui/certd-client/src/views/crud/feature/sortable/index.vue deleted file mode 100644 index bb48f61f..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/sortable/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/sortable/mock.ts b/packages/ui/certd-client/src/views/crud/feature/sortable/mock.ts deleted file mode 100644 index 7fe43389..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/sortable/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureSortable", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - radio1: "1", - radio2: "2" - }, - { - radio: "2", - radio1: "2", - radio2: "0" - }, - { - radio: "0", - radio1: "0", - radio2: "1" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/tabs/api.ts b/packages/ui/certd-client/src/views/crud/feature/tabs/api.ts deleted file mode 100644 index 604402c2..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tabs/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureTabs"; -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: number) { - return request({ - url: apiPrefix + "/delete", - method: "post", - params: { id } - }); -} - -export function GetObj(id: number) { - return request({ - url: apiPrefix + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/tabs/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/tabs/crud.tsx deleted file mode 100644 index 8ecdd355..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tabs/crud.tsx +++ /dev/null @@ -1,103 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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); - }; - const statusRef = dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - search: { - autoSearch: false, - initialForm: { - radio: null - }, - buttons: { - custom: { - text: "自定义", - show: true, - order: 3, - icon: { - icon: "ant-design:search", - style: { - "font-size": "16px" - } - }, - click() { - utils.logger.info("点击了自定义按钮"); - } - } - } - }, - tabs: { - name: "radio", - show: true - //type: 'card', //tabs类型 - // defaultOption: { //第一个tab页签显示 - // show: true, - // value: null, //点击第一个页签，查询值 - // label: '全部', // 第一个页签的名称 - // }, - // options: computed(() => { //选项，默认从name字段的dict里面获取 - // return statusRef.data; - // }) - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: statusRef - }, - text: { - title: "文本", - search: { show: true }, - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/tabs/index.vue b/packages/ui/certd-client/src/views/crud/feature/tabs/index.vue deleted file mode 100644 index fb515994..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tabs/index.vue +++ /dev/null @@ -1,47 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/tabs/mock.ts b/packages/ui/certd-client/src/views/crud/feature/tabs/mock.ts deleted file mode 100644 index af16b4a0..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tabs/mock.ts +++ /dev/null @@ -1,20 +0,0 @@ -// @ts-ignore -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureTabs", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/tree/api.ts b/packages/ui/certd-client/src/views/crud/feature/tree/api.ts deleted file mode 100644 index e0ba2cff..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tree/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureTree"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/tree/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/tree/crud.tsx deleted file mode 100644 index 946847f9..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tree/crud.tsx +++ /dev/null @@ -1,118 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { ref } from "vue"; -import dayjs from "dayjs"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const selectedRowKeys = ref([]); - - const onSelectChange = (changed: any) => { - utils.logger.info("selection", changed); - selectedRowKeys.value = changed; - }; - return { - selectedRowKeys, //返回给index.vue去使用 - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - table: { - rowSelection: { selectedRowKeys: selectedRowKeys, onChange: onSelectChange } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 100 - }, - form: { - show: false - } - }, - time: { - title: "时间", - type: "datetime", - column: { - width: 180 - }, - valueBuilder({ row, key, value }) { - if (value) { - row[key] = dayjs(value); - } - } - }, - data: { - title: "data", - type: "text", - column: { - width: 180 - } - }, - province: { - title: "地区", - type: "dict-select", - search: { show: true }, - form: { - component: { filterable: true, multiple: true } - }, - dict: dict({ - data: [ - { value: "sz", label: "深圳" }, - { value: "gz", label: "广州" }, - { value: "wh", label: "武汉" }, - { value: "sh", label: "上海" } - ] - }), - column: { - width: 300 - } - }, - amount: { - title: "金额(元)", - type: "number", - key: "amount" - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/tree/index.vue b/packages/ui/certd-client/src/views/crud/feature/tree/index.vue deleted file mode 100644 index 95e50539..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tree/index.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/tree/mock.ts b/packages/ui/certd-client/src/views/crud/feature/tree/mock.ts deleted file mode 100644 index 7344b686..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/tree/mock.ts +++ /dev/null @@ -1,85 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureTree", - idGenerator: 0 -}; -const list = [ - { - radio: "1", - data: "我会懒加载", - time: "2020-01-01 11:11:11", - province: "wh", - amount: 100, - hasChildren: true, - loaded: false, - children: [ - { - data: "懒加载的子数据", - province: ["sh", "gz"], - time: "2020-01-01 11:11:11", - amount: 100 - }, - { - data: "懒加载的子数据2", - province: ["sh", "sz"], - time: "2020-01-01 11:11:11", - amount: 100 - } - ] - }, - { - data: "data2", - province: "sh", - time: "2020-01-01 11:11:11", - amount: 100, - children: [ - { - id: 999, - data: "data1_1", - time: "2020-01-01 11:11:11", - province: ["gz", "sz"], // 可以逗号分隔的字符串 'gz,sz' - amount: 100, - children: [ - { - id: 1000, - data: "data1_1_1", - time: "2020-01-01 11:11:11", - province: ["sz", "gz"], // 可以逗号分隔的字符串 'gz,sz' - amount: 100 - } - ] - }, - { - id: 888, - data: "data1_2", - time: "2020-01-01 11:11:11", - province: "sh", - amount: 100, - children: [ - { - id: 889, - data: "data1_2_1", - time: "2020-01-01 11:11:11", - province: "gz", - amount: 100 - } - ] - } - ] - }, - { - data: "data3", - province: ["sh", "gz"], - time: "2020-01-01 11:11:11", - amount: 100 - }, - { - data: "data4", - province: ["sh", "sz"], - time: "2020-01-01 11:11:11", - amount: 100 - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/feature/value-builder/api.ts b/packages/ui/certd-client/src/views/crud/feature/value-builder/api.ts deleted file mode 100644 index c2092b5d..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/value-builder/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FeatureValueBuilder"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/feature/value-builder/crud.tsx b/packages/ui/certd-client/src/views/crud/feature/value-builder/crud.tsx deleted file mode 100644 index 6c739f94..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/value-builder/crud.tsx +++ /dev/null @@ -1,60 +0,0 @@ -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 => { - 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); - } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/feature/value-builder/index.vue b/packages/ui/certd-client/src/views/crud/feature/value-builder/index.vue deleted file mode 100644 index aad6fd5a..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/value-builder/index.vue +++ /dev/null @@ -1,41 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/feature/value-builder/mock.ts b/packages/ui/certd-client/src/views/crud/feature/value-builder/mock.ts deleted file mode 100644 index 947a14b3..00000000 --- a/packages/ui/certd-client/src/views/crud/feature/value-builder/mock.ts +++ /dev/null @@ -1,21 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "FeatureValueBuilder", - idGenerator: 0 -}; -const list = [ - { - name: "user1", - roles: [ - { id: 1, name: "管理员" }, - { id: 2, name: "普通用户" } - ] - }, - { - name: "user2", - roles: [{ id: 1, name: "管理员" }] - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/base/api.ts b/packages/ui/certd-client/src/views/crud/form/base/api.ts deleted file mode 100644 index 484f1f27..00000000 --- a/packages/ui/certd-client/src/views/crud/form/base/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormBase"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/base/crud.tsx b/packages/ui/certd-client/src/views/crud/form/base/crud.tsx deleted file mode 100644 index e50dba17..00000000 --- a/packages/ui/certd-client/src/views/crud/form/base/crud.tsx +++ /dev/null @@ -1,150 +0,0 @@ -import * as api from "./api"; -import { AddReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, FormScopeContext, FormWrapperContext, ScopeContext, UserPageQuery, UserPageRes, utils } from "@fast-crud/fast-crud"; -import { computed } from "vue"; -import { message } from "ant-design-vue"; - -export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - layout: context.labelLayoutRef, - labelCol: { - //固定label宽度 - span: null, - style: { - width: computed(() => { - return context.labelWidthRef.value + "px"; - }) - } - }, - beforeValidate(context) { - console.log("beforeValidate", context); - }, - beforeSubmit(context) { - console.log("beforeSubmit", context); - }, - afterSubmit(context) { - // context.res 是add或update请求返回结果 - if (context.form.id === 1) { - message.error("模拟保存失败，阻止弹窗关闭"); - throw new Error("模拟失败，阻止弹窗关闭"); - } - }, - onSuccess(context) { - message.success("保存成功"); - }, - wrapper: { - title: compute(({ form }) => { - return form.draft ? "草稿" : "编辑"; - }), - fullscreen: false, - buttons: { - draft: { - text: "保存草稿", - type: "primary", - show: compute(({ form }) => { - return !!form?.draft; - }) - }, - ok: { - text: "保存", - show: compute(({ form }) => { - return !form?.draft; - }) - }, - custom: { - text: "自定义按钮", - order: -1, - click: async (context: FormWrapperContext) => { - utils.logger.info("btn context", context); - message.info("通过自定义按钮，触发保存"); - await context.submit(); - message.info("保存成功"); - } - }, - customClose: { - text: "自定义关闭", - color: "red", - click: async (context: FormWrapperContext) => { - context.close(); - } - } - } - } - }, - columns: { - name: { - title: "姓名", - type: "text" - }, - long: { - title: "演示Label很长时如何很好的展示", - type: "text" - }, - draft: { - title: "草稿", - type: "switch", - value: false, - form: { - component: { - name: "a-switch", - vModel: "checked" - }, - helper: "开启后，保存按钮将变为保存草稿" - } - }, - renderLabel: { - title: "labelRender", - type: "text", - form: { - title(context: ScopeContext) { - utils.logger.info("render label context:", context); - return
LabelRender
; - }, - helper: { - text: "配置form.title为一个render方法即可自定义label" - } - } - }, - intro: { - title: "无label", - type: "editor-wang5", - form: { - labelCol: { - style: { - width: "0px" - } - }, - col: { - span: 24 - }, - helper: "不显示label" - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/base/index.vue b/packages/ui/certd-client/src/views/crud/form/base/index.vue deleted file mode 100644 index e0efa7ce..00000000 --- a/packages/ui/certd-client/src/views/crud/form/base/index.vue +++ /dev/null @@ -1,64 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/base/mock.ts b/packages/ui/certd-client/src/views/crud/form/base/mock.ts deleted file mode 100644 index 2caa7c35..00000000 --- a/packages/ui/certd-client/src/views/crud/form/base/mock.ts +++ /dev/null @@ -1,311 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormBase", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com", - renderLabel: "第一行编辑演示阻止表单提交" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/custom-form/api.ts b/packages/ui/certd-client/src/views/crud/form/custom-form/api.ts deleted file mode 100644 index 2a424586..00000000 --- a/packages/ui/certd-client/src/views/crud/form/custom-form/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormCustomForm"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/custom-form/crud.tsx b/packages/ui/certd-client/src/views/crud/form/custom-form/crud.tsx deleted file mode 100644 index 99a90c9f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/custom-form/crud.tsx +++ /dev/null @@ -1,152 +0,0 @@ -import * as api from "./api.js"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - CrudExpose, - CrudOptions, - DelReq, - dict, - EditReq, - useColumns, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; -import { message } from "ant-design-vue"; -import { useFormWrapper } from "@fast-crud/fast-crud"; - -function useCustomFormWrapperDemo(crudExpose: CrudExpose) { - let index = 0; - // 自定义表单配置 - const { buildFormOptions } = useColumns(); - const customOptions: CrudOptions = { - columns: { - index: { - title: "index", - type: "text" - }, - customField: { - title: "新表单字段", - type: "text" - }, - groupField: { - title: "分组字段", - type: "text" - } - }, - form: { - wrapper: { - title: "自定义表单", - buttons: { - open: { - text: "打开新对话框", - order: -1, - click() { - openCustomForm(); - } - } - }, - onOpened() { - utils.logger.info("fsFormWrapper", crudExpose.getFormWrapperRef()); - } - }, - group: { - groups: { - testGroupName: { - header: "分组测试", - columns: ["groupField"] - } - } - }, - doSubmit({ form }) { - utils.logger.info("form submit:", form); - message.info("自定义表单提交:" + JSON.stringify(form)); - message.warn("抛出异常可以阻止表单关闭"); - throw new Error("抛出异常可以阻止表单关闭"); - } - } - }; - - const { openDialog } = useFormWrapper(); - //使用crudOptions结构来构建自定义表单配置 - //打开自定义表单 - const openCustomForm = async () => { - const formOptions = buildFormOptions(customOptions); - index++; - formOptions.initialForm = { index }; - formOptions.newInstance = true; //新实例打开 - const dialogRef = await openDialog(formOptions); - utils.logger.info("openCustomFormRef", dialogRef); - }; - - const openCustomFormByExpose = async () => { - const formOptions = buildFormOptions(customOptions); - index++; - formOptions.initialForm = { index }; - formOptions.newInstance = true; //新实例打开 - const dialogRef = await crudExpose.openDialog(formOptions); - utils.logger.info("openCustomFormByExposeRef", dialogRef); - }; - - return { - openCustomForm, - openCustomFormByExpose - }; -} -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { openCustomForm, openCustomFormByExpose } = useCustomFormWrapperDemo(crudExpose); - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - actionbar: { - buttons: { - custom: { - text: "打开自定义对话框", - async click() { - await openCustomForm(); - } - }, - byExpose: { - text: "byExpose.openDialog", - async click() { - await openCustomFormByExpose(); - } - } - } - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - title: { - title: "商品标题", - type: "text" - }, - code: { - title: "商品代码", - search: { show: true }, - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/custom-form/index.vue b/packages/ui/certd-client/src/views/crud/form/custom-form/index.vue deleted file mode 100644 index b32f9062..00000000 --- a/packages/ui/certd-client/src/views/crud/form/custom-form/index.vue +++ /dev/null @@ -1,34 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/custom-form/mock.ts b/packages/ui/certd-client/src/views/crud/form/custom-form/mock.ts deleted file mode 100644 index cfdeffd6..00000000 --- a/packages/ui/certd-client/src/views/crud/form/custom-form/mock.ts +++ /dev/null @@ -1,303 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormCustomForm", - idGenerator: 0 -}; -const list = [ - { - title: "无线充电宝", - code: "100001", - images: "https://img0.bdstatic.com/static/searchdetail/img/logo-2X_0c4ef02.png", - price: 100, - stock: 99, - intro: "30000毫安超大容量移动电源充电宝官方原装正品专用便携", - content: "" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/drawer/api.ts b/packages/ui/certd-client/src/views/crud/form/drawer/api.ts deleted file mode 100644 index ab483c23..00000000 --- a/packages/ui/certd-client/src/views/crud/form/drawer/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/formText"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/drawer/crud.tsx b/packages/ui/certd-client/src/views/crud/form/drawer/crud.tsx deleted file mode 100644 index 38caeaea..00000000 --- a/packages/ui/certd-client/src/views/crud/form/drawer/crud.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - is: "a-drawer", - onClosed(e) { - utils.logger.info("onClosed", e); - }, - onOpened(e) { - utils.logger.info("onOpened", e); - } - } - }, - columns: { - name: { - title: "姓名", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - maxlength: 20 - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/drawer/index.vue b/packages/ui/certd-client/src/views/crud/form/drawer/index.vue deleted file mode 100644 index 47fa1b60..00000000 --- a/packages/ui/certd-client/src/views/crud/form/drawer/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/drawer/mock.ts b/packages/ui/certd-client/src/views/crud/form/drawer/mock.ts deleted file mode 100644 index dd3d2801..00000000 --- a/packages/ui/certd-client/src/views/crud/form/drawer/mock.ts +++ /dev/null @@ -1,40 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "formText", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - intro: "王小虎是element-plus的table示例出现的名字" - }, - { - name: "张三", - date: "2016-05-04", - status: "1", - province: "2" - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0" - }, - { - name: "王五", - date: "2016-05-03", - status: "2", - province: "wh,gz" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/group-tabs/api.ts b/packages/ui/certd-client/src/views/crud/form/group-tabs/api.ts deleted file mode 100644 index 3f29ccb9..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group-tabs/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormGroupTabs"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/group-tabs/crud.tsx b/packages/ui/certd-client/src/views/crud/form/group-tabs/crud.tsx deleted file mode 100644 index c828fbd3..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group-tabs/crud.tsx +++ /dev/null @@ -1,124 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - title: { - title: "商品标题", - type: "text" - }, - code: { - title: "商品代码", - search: { show: true }, - type: "text", - form: { - rules: [{ required: true, message: "此项必填" }] - } - }, - images: { - title: "图片", - type: "image-uploader" - }, - price: { - title: "价格", - type: "number", - sortable: true - }, - store: { - title: "库存", - type: "number" - }, - intro: { - title: "简介", - type: "textarea", - column: { - ellipsis: true, - showTitle: true - } - }, - content: { - title: "详情", - type: "editor-wang5", - form: { - labelCol: { - style: { - width: "0px" - } - }, - col: { - span: 24 - } - } - } - }, - form: { - group: { - groupType: "tabs", //collapse， tabs - accordion: false, - groups: { - base: { - slots: { - tab: (scope) => { - return ( - - - 商品基础 - - ); - } - }, - icon: "el-icon-goods", - columns: ["code", "title", "images", "intro"] - }, - price: { - tab: "库存价格", - icon: "el-icon-price-tag", - columns: ["store", "price"] - }, - info: { - tab: "详情", - collapsed: true, //默认折叠 - icon: "el-icon-warning-outline", - columns: ["content"] - } - // custom: { - // title: "自定义", - // collapsed: false, - // show(context) { - // console.log("custom context", context); - // return context.mode === "view"; - // }, - // disabled: false, - // icon: "el-icon-warning-outline", - // columns: ["custom", "custom2"] - // } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/group-tabs/index.vue b/packages/ui/certd-client/src/views/crud/form/group-tabs/index.vue deleted file mode 100644 index b4335f0a..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group-tabs/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/group-tabs/mock.ts b/packages/ui/certd-client/src/views/crud/form/group-tabs/mock.ts deleted file mode 100644 index 823b18e9..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group-tabs/mock.ts +++ /dev/null @@ -1,303 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormGroupTabs", - idGenerator: 0 -}; -const list = [ - { - title: "无线充电宝", - code: "100001", - images: "https://img0.bdstatic.com/static/searchdetail/img/logo-2X_0c4ef02.png", - price: 100, - stock: 99, - intro: "30000毫安超大容量移动电源充电宝官方原装正品专用便携", - content: "" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/group/api.ts b/packages/ui/certd-client/src/views/crud/form/group/api.ts deleted file mode 100644 index 1c878e6c..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormGroup"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/group/crud.tsx b/packages/ui/certd-client/src/views/crud/form/group/crud.tsx deleted file mode 100644 index e8caae81..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group/crud.tsx +++ /dev/null @@ -1,156 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { CheckOutlined } from "@ant-design/icons-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - title: { - title: "商品标题", - type: "text" - }, - code: { - title: "商品代码", - search: { show: true }, - type: "text" - }, - images: { - title: "图片", - type: "image-uploader" - }, - price: { - title: "价格", - sortable: true - }, - store: { - title: "库存", - type: "number" - }, - intro: { - title: "简介", - type: "textarea", - column: { - ellipsis: true, - showTitle: true - } - }, - content: { - title: "详情", - type: "editor-wang5", - form: { - labelCol: { - style: { - width: "0px" - } - }, - col: { - span: 24 - } - } - }, - slotField: { - title: "插槽示例", - type: "text" - }, - product: { - title: "未分组字段", - type: "text", - form: { - col: { span: 24 }, - helper: "未分组的字段会显示在这里，一般来说你应该把所有字段都编入分组内" - } - }, - hidden1: { - title: "隐藏1", - type: "text", - form: { - show: false - }, - column: { - show: false - } - }, - hidden2: { - title: "隐藏2", - type: "text", - form: { - show: false - }, - column: { - show: false - } - } - }, - form: { - group: { - type: "collapse", // tab - accordion: true, //手风琴模式 - groups: { - base: { - slots: { - //自定义header - header: () => { - return ( - - 商品基础 - - - ); - } - }, - columns: ["code", "title", "images", "invalidKey"] - }, - price: { - header: "库存价格", - columns: ["store", "price"] - }, - info: { - header: "详情", - collapsed: true, //默认折叠 - columns: ["intro", "slotField", "content"] - }, - hiddenTest: { - header: "分组隐藏测试", //如果组里面的所有的组件都配置了隐藏,则本分组隐藏 - columns: ["hidden1", "hidden2"] - } - // custom: { - // title: "自定义", - // collapsed: false, - // show(context) { - // console.log("custom context", context); - // return context.mode === "view"; - // }, - // disabled: false, - // icon: "el-icon-warning-outline", - // columns: ["custom", "custom2"] - // } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/group/index.vue b/packages/ui/certd-client/src/views/crud/form/group/index.vue deleted file mode 100644 index 93497a2c..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/group/mock.ts b/packages/ui/certd-client/src/views/crud/form/group/mock.ts deleted file mode 100644 index 90f01653..00000000 --- a/packages/ui/certd-client/src/views/crud/form/group/mock.ts +++ /dev/null @@ -1,303 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormGroup", - idGenerator: 0 -}; -const list = [ - { - title: "无线充电宝", - code: "100001", - images: "https://img0.bdstatic.com/static/searchdetail/img/logo-2X_0c4ef02.png", - price: 100, - stock: 99, - intro: "30000毫安超大容量移动电源充电宝官方原装正品专用便携", - content: "" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/helper/api.ts b/packages/ui/certd-client/src/views/crud/form/helper/api.ts deleted file mode 100644 index c8ddc835..00000000 --- a/packages/ui/certd-client/src/views/crud/form/helper/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormHelper"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/helper/crud.tsx b/packages/ui/certd-client/src/views/crud/form/helper/crud.tsx deleted file mode 100644 index 63eddf4f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/helper/crud.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - labelCol: { span: 6 }, - wrapperCol: { span: 16 }, - helper: { - // position: "label" // helper的展示位置全局配置 - // tooltip:{} - } - }, - columns: { - name: { - title: "最简单", - type: "text", - form: { - helper: "最简单的helper\n换行测试" - } - }, - age: { - title: "jsx", - type: "text", - form: { - helper: { - render() { - return
jsx自定义render
; - } - } - } - }, - status: { - title: "显示在label", - type: "text", - form: { - rules: [{ required: true, message: "此项必填" }], - helper: { - position: "label", - tooltip: { - placement: "topLeft" - }, - text: "在label通过tooltip方式显示的helper\n换行测试" - // render() { - // return
在label通过tooltip方式显示的helper
; - // } - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/helper/index.vue b/packages/ui/certd-client/src/views/crud/form/helper/index.vue deleted file mode 100644 index f6f59dc3..00000000 --- a/packages/ui/certd-client/src/views/crud/form/helper/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/helper/mock.ts b/packages/ui/certd-client/src/views/crud/form/helper/mock.ts deleted file mode 100644 index dd744e59..00000000 --- a/packages/ui/certd-client/src/views/crud/form/helper/mock.ts +++ /dev/null @@ -1,310 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormHelper", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/independent/crud.tsx b/packages/ui/certd-client/src/views/crud/form/independent/crud.tsx deleted file mode 100644 index 1bc9ca5e..00000000 --- a/packages/ui/certd-client/src/views/crud/form/independent/crud.tsx +++ /dev/null @@ -1,101 +0,0 @@ -import { message } from "ant-design-vue"; -import { CreateCrudOptionsProps, CreateCrudOptionsRet, dict, utils } from "@fast-crud/fast-crud"; -import * as textTableApi from "/@/views/crud/component/text/api"; -import createCrudOptionsText from "/@/views/crud/component/text/crud"; - -export default function ({}: CreateCrudOptionsProps): CreateCrudOptionsRet { - return { - crudOptions: { - form: { - wrapper: { - onClosed(e) { - utils.logger.info("onClosed", e); - }, - onOpened(e) { - utils.logger.log("onOpened", e); - } - }, - doSubmit({ form }: any) { - //覆盖提交方法 - utils.logger.log("form submit:", form); - message.info("自定义表单提交:" + JSON.stringify(form)); - //模拟后端返回错误 - return { error: true }; - }, - afterSubmit(ctx: any) { - utils.logger.log("form after submit:", ctx); - if (ctx.res.error === true) { - message.warn("模拟后端返回错误，不关闭对话框"); - return false; - } - }, - labelCol: { span: 6 }, - wrapperCol: { span: 16 }, - helper: { - // position: "label" // helper的展示位置全局配置 - // tooltip:{} - } - }, - columns: { - name: { - title: "最简单", - type: "text", - form: { - helper: "最简单的helper" - } - }, - date: { - title: "日期", - type: "date" - }, - age: { - title: "jsx", - type: "text", - form: { - helper: { - render() { - return
jsx自定义render
; - } - } - } - }, - status: { - title: "显示在label", - type: "text", - form: { - rules: [{ required: true, message: "此项必填" }], - helper: { - position: "label", - tooltip: { - placement: "topLeft" - }, - text: "在label通过tooltip方式显示的helper" - // render() { - // return
在label通过tooltip方式显示的helper
; - // } - } - } - }, - tableSelect: { - title: "表格选择", - type: "table-select", - dict: dict({ - value: "id", - label: "name", - //重要，根据value懒加载数据 - getNodesByValues: async (values: any[]) => { - return await textTableApi.GetByIds(values); - } - }), - form: { - value: 1, - component: { - crossPage: true, - createCrudOptions: createCrudOptionsText - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/independent/index.vue b/packages/ui/certd-client/src/views/crud/form/independent/index.vue deleted file mode 100644 index 398a38f7..00000000 --- a/packages/ui/certd-client/src/views/crud/form/independent/index.vue +++ /dev/null @@ -1,259 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/initial/api.ts b/packages/ui/certd-client/src/views/crud/form/initial/api.ts deleted file mode 100644 index 80a36263..00000000 --- a/packages/ui/certd-client/src/views/crud/form/initial/api.ts +++ /dev/null @@ -1,43 +0,0 @@ -//@ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormInitial"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/initial/crud.tsx b/packages/ui/certd-client/src/views/crud/form/initial/crud.tsx deleted file mode 100644 index 3f137867..00000000 --- a/packages/ui/certd-client/src/views/crud/form/initial/crud.tsx +++ /dev/null @@ -1,92 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function (): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - settings: { - viewFormUseCellComponent: true - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - initialForm: { - name: "123" - } - }, - columns: { - name: { - title: "姓名", - type: "text", - form: { - helper: "添加和编辑时必填，编辑时额外需要校验长度", - rules: [{ required: true, message: "请输入姓名" }], - component: { - maxlength: 5, // 原生属性要写在这里 - props: { - type: "text", - showWordLimit: true - } - } - }, - editForm: { - rules: [{ min: 2, max: 5, message: "姓名长度为2-5" }] - } - }, - age: { - title: "年龄", - type: "text", - form: { - rules: [{ pattern: /^\d+$/, message: "必须为整数" }], - helper: "正则表达式" - } - }, - status: { - title: "必选", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum" - }), - form: { - rules: [{ required: true, message: "请选择一个选项" }] - } - }, - email: { - title: "邮箱", - type: "text", - form: { - rules: [{ type: "email", message: "请填写正确的邮箱" }] - } - }, - url: { - title: "URL", - type: "text", - form: { - rules: [{ type: "url", message: "请填写正确的url" }] - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/initial/index.vue b/packages/ui/certd-client/src/views/crud/form/initial/index.vue deleted file mode 100644 index b5c379e4..00000000 --- a/packages/ui/certd-client/src/views/crud/form/initial/index.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/initial/mock.ts b/packages/ui/certd-client/src/views/crud/form/initial/mock.ts deleted file mode 100644 index c672c994..00000000 --- a/packages/ui/certd-client/src/views/crud/form/initial/mock.ts +++ /dev/null @@ -1,311 +0,0 @@ -//@ts-ignore -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormInitial", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle() { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/inner/api.ts b/packages/ui/certd-client/src/views/crud/form/inner/api.ts deleted file mode 100644 index 8123f957..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormInner"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/inner/area/api.ts b/packages/ui/certd-client/src/views/crud/form/inner/area/api.ts deleted file mode 100644 index fb4554b6..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/area/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormInnerArea"; -export function GetList(query: any) { - return request({ - url: apiPrefix + "/page", - method: "get", - data: query - }); -} - -export function GetAll(query: any) { - return request({ - url: apiPrefix + "/all", - 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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/inner/area/crud.tsx b/packages/ui/certd-client/src/views/crud/form/inner/area/crud.tsx deleted file mode 100644 index 12cca181..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/area/crud.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - inner: true - } - }, - columns: { - area: { - title: "地区", - type: "text" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/inner/area/index.vue b/packages/ui/certd-client/src/views/crud/form/inner/area/index.vue deleted file mode 100644 index 07e8fc83..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/area/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/inner/area/mock.ts b/packages/ui/certd-client/src/views/crud/form/inner/area/mock.ts deleted file mode 100644 index 997ace56..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/area/mock.ts +++ /dev/null @@ -1,24 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormInnerArea", - idGenerator: 0 -}; -const list = [ - { - area: "深圳" - }, - { - area: "北京" - }, - { - area: "上海" - }, - { - area: "广州" - } -]; -options.list = list; -options.copyTimes = 1; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/inner/crud.tsx b/packages/ui/certd-client/src/views/crud/form/inner/crud.tsx deleted file mode 100644 index a812370b..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/crud.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; -import { useRouter } from "vue-router"; -import { message } from "ant-design-vue"; -import { SyncOutlined } from "@ant-design/icons-vue"; - -export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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); - }; - - const router = useRouter(); - const areaDict = dict({ - value: "id", - label: "area", - url: "/mock/FormInnerArea/all" - }); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - wrapper: { - inner: true - } - }, - columns: { - name: { - title: "姓名", - type: "text" - }, - age: { - title: "年龄", - type: "text" - }, - area: { - title: "地区", - type: "dict-select", - dict: areaDict, - form: { - suffixRender() { - function refresh() { - message.info("刷新dict"); - areaDict.reloadDict(); - } - function gotoAddArea() { - message.info("调用 router.push 打开地区管理页面"); - router.push({ path: "/crud/form/inner/area" }); - } - return ( - - - - - 添加地区 - - ); - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/inner/index.vue b/packages/ui/certd-client/src/views/crud/form/inner/index.vue deleted file mode 100644 index 07e8fc83..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/inner/mock.ts b/packages/ui/certd-client/src/views/crud/form/inner/mock.ts deleted file mode 100644 index 49894f85..00000000 --- a/packages/ui/certd-client/src/views/crud/form/inner/mock.ts +++ /dev/null @@ -1,25 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormInner", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - } -]; -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/layout-flex/api.ts b/packages/ui/certd-client/src/views/crud/form/layout-flex/api.ts deleted file mode 100644 index 382983dc..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-flex/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/formLayoutFlex"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout-flex/crud.tsx b/packages/ui/certd-client/src/views/crud/form/layout-flex/crud.tsx deleted file mode 100644 index 1350554d..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-flex/crud.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - display: "flex", - labelCol: { - //固定label宽度 - span: null, - style: { - width: "120px" - } - }, - wrapperCol: { - span: null - } - }, - columns: { - name: { - title: "姓名", - type: "text", - search: { show: true } - }, - order: { - title: "字段排序", - type: "text", - form: { - order: 0 - } - }, - intro: { - title: "跨列", - search: { show: true }, - type: ["textarea"], - form: { - col: { span: 24 } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout-flex/index.vue b/packages/ui/certd-client/src/views/crud/form/layout-flex/index.vue deleted file mode 100644 index 843bcf17..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-flex/index.vue +++ /dev/null @@ -1,30 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/layout-flex/mock.ts b/packages/ui/certd-client/src/views/crud/form/layout-flex/mock.ts deleted file mode 100644 index 80264d9c..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-flex/mock.ts +++ /dev/null @@ -1,35 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "formLayoutFlex", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - order: "我在编辑的时候会排到第一个", - intro: "王小虎是element-plus的table示例出现的名字" - }, - { - name: "张三", - date: "2016-05-04", - status: "1", - province: "2" - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/layout-grid/api.ts b/packages/ui/certd-client/src/views/crud/form/layout-grid/api.ts deleted file mode 100644 index 01bf8605..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-grid/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/formLayoutGrid"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout-grid/crud.tsx b/packages/ui/certd-client/src/views/crud/form/layout-grid/crud.tsx deleted file mode 100644 index 1903196f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-grid/crud.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - // 具体可配置请参考 grid 布局： http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html - display: "grid" - }, - columns: { - avatar: { - title: "头像上传", - type: "avatar-uploader", - form: { - order: 0, - col: { - style: { gridRow: "span 3" } - }, - helper: "通过grid布局，可以实现比flex更加规整的排列" - } - }, - name: { - title: "姓名", - type: "text", - search: { show: true } - }, - order: { - title: "占位演示", - type: "text" - }, - place: { - title: "占位演示", - type: "text" - }, - intro: { - title: "跨列", - type: "textarea", - form: { - col: { - style: { gridColumn: "span 2" } // grid 模式控制跨列 - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout-grid/index.vue b/packages/ui/certd-client/src/views/crud/form/layout-grid/index.vue deleted file mode 100644 index b73fbd76..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-grid/index.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/form/layout-grid/mock.ts b/packages/ui/certd-client/src/views/crud/form/layout-grid/mock.ts deleted file mode 100644 index a2f872ff..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout-grid/mock.ts +++ /dev/null @@ -1,34 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "formLayoutGrid", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - order: "我在编辑的时候会排到第一个", - intro: "王小虎是element-plus的table示例出现的名字" - }, - { - name: "张三", - date: "2016-05-04", - status: "1" - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/layout/api.ts b/packages/ui/certd-client/src/views/crud/form/layout/api.ts deleted file mode 100644 index 0a228c1e..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/formLayout"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout/crud.tsx b/packages/ui/certd-client/src/views/crud/form/layout/crud.tsx deleted file mode 100644 index 250e323d..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout/crud.tsx +++ /dev/null @@ -1,115 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - compute, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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); - }; - - const { getFormData, getFormWrapperRef } = crudExpose; - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - /** - * flex模式，通过 - * grid模式 - */ - display: "flex", - wrapper: { - customClass: "page-layout", - onOpened(context) { - getFormWrapperRef().formOptions.display = context.options.initial?.display; - utils.logger.log("form opened", context, getFormData()); - } - } - }, - columns: { - display: { - title: "布局", - type: "dict-radio", - dict: dict({ - data: [ - { value: "flex", label: "flex", color: "blue" }, - { value: "grid", label: "grid", color: "green" } - ] - }), - search: { show: true, valueChange: null }, - form: { - valueChange(context) { - const { value } = context; - getFormWrapperRef().formOptions.display = value; - utils.logger.log("valueChange", value, context); - } - } - }, - name: { - title: "姓名", - type: "text", - search: { show: true } - }, - zip: { - title: "邮编", - type: "text" - }, - blank: { - title: "表单占位栏", - type: "text", - form: { - blank: true - } - }, - gridSpan: { - title: "grid跨列", - type: "textarea", - form: { - col: { - style: { gridColumn: "span 2" } // grid 模式 - } - } - }, - flexSpan: { - title: "flex跨列", - type: "textarea", - search: { show: false }, - form: { - show: compute((context) => { - // grid跨列模式下使用flex模式的设置会显示异常，为了演示效果，在grid模式下隐藏 - return context.form.display !== "grid"; - }), - col: { span: 24 } // flex模式跨列配置 - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/layout/index.vue b/packages/ui/certd-client/src/views/crud/form/layout/index.vue deleted file mode 100644 index 424515b2..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout/index.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - - diff --git a/packages/ui/certd-client/src/views/crud/form/layout/mock.ts b/packages/ui/certd-client/src/views/crud/form/layout/mock.ts deleted file mode 100644 index 80abe6e0..00000000 --- a/packages/ui/certd-client/src/views/crud/form/layout/mock.ts +++ /dev/null @@ -1,41 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "formLayout", - idGenerator: 0 -}; -const list = [ - { - display: "flex", - name: "aa", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000" - }, - { - display: "grid", - name: "bb", - date: "2016-05-04", - status: "1", - province: "2" - }, - { - name: "cc", - date: 2232433534511, - status: "1", - province: "0" - }, - { - name: "dd", - date: "2016-05-03", - status: "2", - province: "wh,gz" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/nest/api.ts b/packages/ui/certd-client/src/views/crud/form/nest/api.ts deleted file mode 100644 index db682eb5..00000000 --- a/packages/ui/certd-client/src/views/crud/form/nest/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormNestObject"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/nest/crud.tsx b/packages/ui/certd-client/src/views/crud/form/nest/crud.tsx deleted file mode 100644 index a8d24c60..00000000 --- a/packages/ui/certd-client/src/views/crud/form/nest/crud.tsx +++ /dev/null @@ -1,80 +0,0 @@ -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 => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - labelCol: { span: 6 }, - wrapperCol: { span: 16 }, - helper: { - // position: "label" // helper的展示位置全局配置 - // tooltip:{} - } - }, - columns: { - username: { - title: "用户名", - type: "text" - }, - "profile.name": { - title: "profile.name", - type: "text", - search: { show: true }, - form: { - key: ["profile", "name"], - rules: [{ required: true, message: "姓名必填" }] - } - }, - "profile.age": { - title: "profile.age", - type: "number", - form: { - key: ["profile", "age"] - } - }, - "profile.status": { - title: "profile.status", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }), - form: { - key: ["profile", "status"] - } - }, - "profile.count": { - title: "不提交的字段", - type: "text", - form: { - submit: false, - key: ["profile", "count"] - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/nest/index.vue b/packages/ui/certd-client/src/views/crud/form/nest/index.vue deleted file mode 100644 index b81c902d..00000000 --- a/packages/ui/certd-client/src/views/crud/form/nest/index.vue +++ /dev/null @@ -1,31 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/nest/mock.ts b/packages/ui/certd-client/src/views/crud/form/nest/mock.ts deleted file mode 100644 index f84d6169..00000000 --- a/packages/ui/certd-client/src/views/crud/form/nest/mock.ts +++ /dev/null @@ -1,319 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormNestObject", - idGenerator: 0 -}; -const list = [ - { - username: "wangxiaohu", - profile: { - name: "王小虎", - age: 15, - status: "1", - count: "配置submit=false将不会提交给后台" - } - }, - { - username: "zhangsan", - profile: { - name: "张三", - age: 18, - status: "2" - } - }, - { - username: "lisi", - profile: { - name: "李四", - age: 18, - status: "2" - } - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/new-page/api.ts b/packages/ui/certd-client/src/views/crud/form/new-page/api.ts deleted file mode 100644 index 6ad221b2..00000000 --- a/packages/ui/certd-client/src/views/crud/form/new-page/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormNewPage"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/new-page/crud.tsx b/packages/ui/certd-client/src/views/crud/form/new-page/crud.tsx deleted file mode 100644 index 308cfe72..00000000 --- a/packages/ui/certd-client/src/views/crud/form/new-page/crud.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import * as api from "./api"; -import { useRouter } from "vue-router"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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); - }; - - const router = useRouter(); - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - actionbar: { - buttons: { - add: { - click() { - router.push("/crud/form/new-page/edit"); - } - } - } - }, - rowHandle: { - buttons: { - edit: { - click(context) { - router.push("/crud/form/new-page/edit?id=" + context.row.id); - } - } - } - }, - columns: { - title: { - title: "商品标题", - type: "text" - }, - code: { - title: "商品代码", - search: { show: true }, - type: "text" - }, - images: { - title: "图片", - type: "image-uploader" - }, - price: { - title: "价格", - type: "number", - sortable: true - }, - store: { - title: "库存", - type: "number" - }, - intro: { - title: "简介", - type: "textarea", - column: { - ellipsis: true - } - }, - content: { - title: "详情", - type: "editor-wang5", - form: { - col: { - span: 24 - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/new-page/edit.vue b/packages/ui/certd-client/src/views/crud/form/new-page/edit.vue deleted file mode 100644 index 085c09bd..00000000 --- a/packages/ui/certd-client/src/views/crud/form/new-page/edit.vue +++ /dev/null @@ -1,76 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/new-page/index.vue b/packages/ui/certd-client/src/views/crud/form/new-page/index.vue deleted file mode 100644 index 92380ef0..00000000 --- a/packages/ui/certd-client/src/views/crud/form/new-page/index.vue +++ /dev/null @@ -1,29 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/new-page/mock.ts b/packages/ui/certd-client/src/views/crud/form/new-page/mock.ts deleted file mode 100644 index aa0861de..00000000 --- a/packages/ui/certd-client/src/views/crud/form/new-page/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormNewPage", - idGenerator: 0 -}; -const list = [ - { - title: "无线充电宝", - code: "100001", - images: "https://img0.bdstatic.com/static/searchdetail/img/logo-2X_0c4ef02.png", - price: 100, - stock: 99, - intro: "30000毫安超大容量移动电源充电宝官方原装正品专用便携", - content: "" - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -export default mock; 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 deleted file mode 100644 index 07791fcb..00000000 --- a/packages/ui/certd-client/src/views/crud/form/render/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -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 + "/get", - 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 deleted file mode 100644 index 1759d127..00000000 --- a/packages/ui/certd-client/src/views/crud/form/render/crud.tsx +++ /dev/null @@ -1,98 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, 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) => { - 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); - }; - - 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} -
- ); - } - } - }, - conditionalRender: { - title: "条件渲染", - type: "text", - form: { - helper: "符合条件则render，否则走默认", - conditionalRender: { - match({ form }) { - return form.conditionalRenderToggle; - }, - render({ form }) { - return
{form.conditionalRender || "请先输入值"}
; - } - } - } - }, - conditionalRenderToggle: { - title: "切换条件", - type: "dict-switch", - dict: dict({ - data: [ - { value: 1, label: "预览模式" }, - { value: 0, label: "编辑模式" } - ] - }), - form: { - helper: "切换条件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 deleted file mode 100644 index 04c96794..00000000 --- a/packages/ui/certd-client/src/views/crud/form/render/index.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - 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 deleted file mode 100644 index f725d086..00000000 --- a/packages/ui/certd-client/src/views/crud/form/render/mock.ts +++ /dev/null @@ -1,22 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormRender", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - conditionalRender: "conditionalRender" - }, - { - name: "张三", - conditionalRender: "conditionalRender" - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/reset/api.ts b/packages/ui/certd-client/src/views/crud/form/reset/api.ts deleted file mode 100644 index 015c7604..00000000 --- a/packages/ui/certd-client/src/views/crud/form/reset/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/formReset"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/reset/crud.tsx b/packages/ui/certd-client/src/views/crud/form/reset/crud.tsx deleted file mode 100644 index 159b599f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/reset/crud.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - async doReset() { - utils.logger.log("reset之后可以执行其他操作"); - }, - wrapper: { - buttons: { - reset: { - text: "重置", - order: -1, - click(context) { - utils.logger.log("on reset", context); - crudExpose.getFormRef().reset(); - } - } - } - } - }, - columns: { - name: { - title: "姓名", - type: "text", //虽然不写也能正确显示组件，但不建议省略它 - search: { show: true }, - form: { - component: { - maxlength: 20 - } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/reset/index.vue b/packages/ui/certd-client/src/views/crud/form/reset/index.vue deleted file mode 100644 index 3266819e..00000000 --- a/packages/ui/certd-client/src/views/crud/form/reset/index.vue +++ /dev/null @@ -1,26 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/reset/mock.ts b/packages/ui/certd-client/src/views/crud/form/reset/mock.ts deleted file mode 100644 index dff18098..00000000 --- a/packages/ui/certd-client/src/views/crud/form/reset/mock.ts +++ /dev/null @@ -1,40 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "formReset", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - date: "2016-05-02", - status: "0", - province: "1", - avatar: "https://alicdn.antdv.com/vue.png", - show: true, - city: "sz", - address: "123123", - zip: "518000", - intro: "王小虎是element-plus的table示例出现的名字" - }, - { - name: "张三", - date: "2016-05-04", - status: "1", - province: "2" - }, - { - name: "李四", - date: 2232433534511, - status: "1", - province: "0" - }, - { - name: "王五", - date: "2016-05-03", - status: "2", - province: "wh,gz" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/single-column/api.ts b/packages/ui/certd-client/src/views/crud/form/single-column/api.ts deleted file mode 100644 index 04725326..00000000 --- a/packages/ui/certd-client/src/views/crud/form/single-column/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormSingleColumn"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/single-column/crud.tsx b/packages/ui/certd-client/src/views/crud/form/single-column/crud.tsx deleted file mode 100644 index 73c30ea6..00000000 --- a/packages/ui/certd-client/src/views/crud/form/single-column/crud.tsx +++ /dev/null @@ -1,63 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - form: { - col: { - span: 24 - } - }, - columns: { - name: { - title: "姓名", - type: "text" - }, - title: { - title: "商品标题", - type: "text" - }, - code: { - title: "商品代码", - search: { show: true }, - type: "text" - }, - images: { - title: "图片", - type: "image-uploader" - }, - price: { - title: "价格", - type: "text", - sortable: true - }, - store: { - title: "库存", - type: "number" - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/single-column/index.vue b/packages/ui/certd-client/src/views/crud/form/single-column/index.vue deleted file mode 100644 index 040b1085..00000000 --- a/packages/ui/certd-client/src/views/crud/form/single-column/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/single-column/mock.ts b/packages/ui/certd-client/src/views/crud/form/single-column/mock.ts deleted file mode 100644 index 65026454..00000000 --- a/packages/ui/certd-client/src/views/crud/form/single-column/mock.ts +++ /dev/null @@ -1,310 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormSingleColumn", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/validation/api.ts b/packages/ui/certd-client/src/views/crud/form/validation/api.ts deleted file mode 100644 index 9e2dfa5f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/validation/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormValidation"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/validation/crud.tsx b/packages/ui/certd-client/src/views/crud/form/validation/crud.tsx deleted file mode 100644 index c97ea0e5..00000000 --- a/packages/ui/certd-client/src/views/crud/form/validation/crud.tsx +++ /dev/null @@ -1,147 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsProps, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} 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) => { - 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); - }; - - const { getFormRef, getFormData } = crudExpose; - const validatePass1 = async (rule: any, value: any) => { - if (value === "") { - throw new Error("请输入密码"); - } - if (getFormData().password2 !== "") { - getFormRef().getFormRef().validateFields(["password2"]); - } - }; - const validatePass2 = async (rule: any, value: any) => { - if (value === "") { - throw new Error("请再次输入密码"); - } else if (value !== getFormData().password) { - throw new Error("两次输入密码不一致!"); - } - }; - return { - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - row: { - gutter: 20 - }, - beforeSubmit(context) { - utils.logger.log("beforeSubmit", context); - }, - afterSubmit(context) { - utils.logger.log("afterSubmit", context); - } - }, - columns: { - name: { - title: "姓名", - type: "text", - form: { - helper: "添加和编辑时必填，编辑时额外需要校验长度", - rules: [{ required: true, message: "请输入姓名" }], - component: { - maxlength: 5, // 原生属性要写在这里 - props: { - type: "text", - showWordLimit: true - } - } - }, - editForm: { - rules: [{ min: 2, max: 5, message: "姓名长度为2-5" }] - } - }, - age: { - title: "年龄", - type: "text", - form: { - rules: [{ pattern: /^\d+$/, message: "必须为整数" }], - helper: "正则表达式" - } - }, - password: { - title: "密码", - type: "password", - column: { - cellRender() { - return ******; - } - }, - form: { - rules: [ - { required: true, message: "请输入密码" }, - { validator: validatePass1, trigger: "blur" } - ] - } - }, - password2: { - title: "确认密码", - type: "password", - column: { show: false }, - form: { - rules: [ - { required: true, message: "请输入确认密码" }, - { validator: validatePass2, trigger: "blur" } - ] - } - }, - status: { - title: "必选", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum" - }), - form: { - rules: [{ required: true, message: "请选择一个选项" }] - } - }, - email: { - title: "邮箱", - type: "text", - form: { - rules: [{ type: "email", message: "请填写正确的邮箱" }] - } - }, - url: { - title: "URL", - type: "text", - form: { - rules: [{ type: "url", message: "请填写正确的url" }] - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/validation/index.vue b/packages/ui/certd-client/src/views/crud/form/validation/index.vue deleted file mode 100644 index ebd50633..00000000 --- a/packages/ui/certd-client/src/views/crud/form/validation/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/validation/mock.ts b/packages/ui/certd-client/src/views/crud/form/validation/mock.ts deleted file mode 100644 index 487363f0..00000000 --- a/packages/ui/certd-client/src/views/crud/form/validation/mock.ts +++ /dev/null @@ -1,310 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormValidation", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/view/api.ts b/packages/ui/certd-client/src/views/crud/form/view/api.ts deleted file mode 100644 index 3cd028b6..00000000 --- a/packages/ui/certd-client/src/views/crud/form/view/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormView"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/view/crud.tsx b/packages/ui/certd-client/src/views/crud/form/view/crud.tsx deleted file mode 100644 index 662af68f..00000000 --- a/packages/ui/certd-client/src/views/crud/form/view/crud.tsx +++ /dev/null @@ -1,107 +0,0 @@ -import * as api from "./api"; -import { - AddReq, - CreateCrudOptionsRet, - DelReq, - dict, - EditReq, - UserPageQuery, - UserPageRes, - utils -} from "@fast-crud/fast-crud"; - -export default function (): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - settings: { - viewFormUseCellComponent: true - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - row: { - gutter: 20 - }, - beforeSubmit(context) { - utils.logger.log("beforeSubmit", context); - }, - afterSubmit(context) { - utils.logger.log("afterSubmit", context); - } - }, - columns: { - name: { - title: "姓名", - type: "text", - form: { - helper: "添加和编辑时必填，编辑时额外需要校验长度", - rules: [{ required: true, message: "请输入姓名" }], - component: { - maxlength: 5, // 原生属性要写在这里 - props: { - type: "text", - showWordLimit: true - } - } - }, - editForm: { - rules: [{ min: 2, max: 5, message: "姓名长度为2-5" }] - } - }, - age: { - title: "年龄", - type: "text", - form: { - rules: [{ pattern: /^\d+$/, message: "必须为整数" }], - helper: "正则表达式" - } - }, - status: { - title: "必选", - type: "dict-select", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum" - }), - form: { - rules: [{ required: true, message: "请选择一个选项" }] - } - }, - email: { - title: "邮箱", - type: "text", - form: { - rules: [{ type: "email", message: "请填写正确的邮箱" }] - } - }, - url: { - title: "URL", - type: "text", - form: { - rules: [{ type: "url", message: "请填写正确的url" }] - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/view/index.vue b/packages/ui/certd-client/src/views/crud/form/view/index.vue deleted file mode 100644 index 4a42334b..00000000 --- a/packages/ui/certd-client/src/views/crud/form/view/index.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/view/mock.ts b/packages/ui/certd-client/src/views/crud/form/view/mock.ts deleted file mode 100644 index 7678f128..00000000 --- a/packages/ui/certd-client/src/views/crud/form/view/mock.ts +++ /dev/null @@ -1,310 +0,0 @@ -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormView", - idGenerator: 0 -}; -const list = [ - { - name: "王小虎", - age: 15, - password: "", - status: "2", - url: "https://baidu.com" - }, - { - name: "张三", - age: 18, - password: "", - url: "https://baidu.com" - }, - { - status: "2" - } -]; - -const dictData = [ - { - value: "zhinan", - label: "指南", - children: [ - { - value: "shejiyuanze", - label: "设计原则", - children: [ - { - value: "yizhi", - label: "一致" - }, - { - value: "fankui", - label: "反馈" - }, - { - value: "xiaolv", - label: "效率" - }, - { - value: "kekong", - label: "可控" - } - ] - }, - { - value: "daohang", - label: "导航", - children: [ - { - value: "cexiangdaohang", - label: "侧向导航" - }, - { - value: "dingbudaohang", - label: "顶部导航" - } - ] - } - ] - }, - { - value: "zujian", - label: "组件", - children: [ - { - value: "basic", - label: "Basic", - children: [ - { - value: "layout", - label: "Layout 布局" - }, - { - value: "color", - label: "Color 色彩" - }, - { - value: "typography", - label: "Typography 字体" - }, - { - value: "icon", - label: "Icon 图标" - }, - { - value: "button", - label: "Button 按钮" - } - ] - }, - { - value: "form", - label: "Form", - children: [ - { - value: "radio", - label: "Radio 单选框" - }, - { - value: "checkbox", - label: "Checkbox 多选框" - }, - { - value: "input", - label: "Input 输入框" - }, - { - value: "input-number", - label: "InputNumber 计数器" - }, - { - value: "select", - label: "Select 选择器" - }, - { - value: "cascader", - label: "Cascader 级联选择器" - }, - { - value: "switch", - label: "Switch 开关" - }, - { - value: "slider", - label: "Slider 滑块" - }, - { - value: "time-picker", - label: "TimePicker 时间选择器" - }, - { - value: "date-picker", - label: "DatePicker 日期选择器" - }, - { - value: "datetime-picker", - label: "DateTimePicker 日期时间选择器" - }, - { - value: "upload", - label: "Upload 上传" - }, - { - value: "rate", - label: "Rate 评分" - }, - { - value: "form", - label: "Form 表单" - } - ] - }, - { - value: "data", - label: "Data", - children: [ - { - value: "table", - label: "Table 表格" - }, - { - value: "tag", - label: "Tag 标签" - }, - { - value: "progress", - label: "Progress 进度条" - }, - { - value: "tree", - label: "Tree 树形控件" - }, - { - value: "pagination", - label: "Pagination 分页" - }, - { - value: "badge", - label: "Badge 标记" - } - ] - }, - { - value: "notice", - label: "Notice", - children: [ - { - value: "alert", - label: "Alert 警告" - }, - { - value: "loading", - label: "Loading 加载" - }, - { - value: "message", - label: "Message 消息提示" - }, - { - value: "message-box", - label: "MessageBox 弹框" - }, - { - value: "notification", - label: "Notification 通知" - } - ] - }, - { - value: "navigation", - label: "Navigation", - children: [ - { - value: "menu", - label: "NavMenu 导航菜单" - }, - { - value: "tabs", - label: "Tabs 标签页" - }, - { - value: "breadcrumb", - label: "Breadcrumb 面包屑" - }, - { - value: "dropdown", - label: "Dropdown 下拉菜单" - }, - { - value: "steps", - label: "Steps 步骤条" - } - ] - }, - { - value: "others", - label: "Others", - children: [ - { - value: "dialog", - label: "Dialog 对话框" - }, - { - value: "tooltip", - label: "Tooltip 文字提示" - }, - { - value: "popover", - label: "Popover 弹出框" - }, - { - value: "card", - label: "Card 卡片" - }, - { - value: "carousel", - label: "Carousel 走马灯" - }, - { - value: "collapse", - label: "Collapse 折叠面板" - } - ] - } - ] - }, - { - value: "ziyuan", - label: "资源", - children: [ - { - value: "axure", - label: "Axure Components" - }, - { - value: "sketch", - label: "Sketch Templates" - }, - { - value: "jiaohu", - label: "组件交互文档" - } - ] - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); -mock.push({ - path: "/select/cascadeData", - method: "get", - handle(req: any) { - return { - code: 0, - msg: "success", - data: dictData - }; - } -}); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/form/watch/api.ts b/packages/ui/certd-client/src/views/crud/form/watch/api.ts deleted file mode 100644 index c7badfc5..00000000 --- a/packages/ui/certd-client/src/views/crud/form/watch/api.ts +++ /dev/null @@ -1,43 +0,0 @@ -// @ts-ignore -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/FormWatch"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/form/watch/crud.tsx b/packages/ui/certd-client/src/views/crud/form/watch/crud.tsx deleted file mode 100644 index 52e4c0f8..00000000 --- a/packages/ui/certd-client/src/views/crud/form/watch/crud.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsRet, DelReq, dict, EditReq, FormScopeContext, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud"; - -export default function (): CreateCrudOptionsRet { - const pageRequest = async (query: UserPageQuery): Promise => { - 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: { - settings: { - viewFormUseCellComponent: true - }, - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - form: { - initialForm: { - name: "123" - }, - watch(context: FormScopeContext) { - const { form } = context; - form.c = form.a + form.b; - } - }, - columns: { - name: { - title: "姓名", - type: "text" - }, - age: { - title: "年龄", - type: "text" - }, - a: { - title: "a", - type: "number" - }, - b: { - title: "b", - type: "number" - }, - c: { - title: "c", - type: "number", - form: { - component: { - disabled: true - }, - helper: "c=a+b，实时计算" - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/form/watch/index.vue b/packages/ui/certd-client/src/views/crud/form/watch/index.vue deleted file mode 100644 index 0cd67f61..00000000 --- a/packages/ui/certd-client/src/views/crud/form/watch/index.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/form/watch/mock.ts b/packages/ui/certd-client/src/views/crud/form/watch/mock.ts deleted file mode 100644 index 0a4bd049..00000000 --- a/packages/ui/certd-client/src/views/crud/form/watch/mock.ts +++ /dev/null @@ -1,29 +0,0 @@ -//@ts-ignore -import mockUtil from "/src/mock/base"; - -const options: any = { - name: "FormWatch", - idGenerator: 0 -}; -const list: any = [ - { - name: "王小虎", - age: 15, - a: 1, - b: 2, - c: null - }, - { - name: "王小虎", - age: 15, - a: 1, - b: 3, - c: null - } -]; - -options.list = list; -options.copyTimes = 1000; -const mock = mockUtil.buildMock(options); - -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.ts b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.ts deleted file mode 100644 index 872ce124..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/RowHandleDropdown"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.tsx b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.tsx deleted file mode 100644 index 3aaeba5f..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/crud.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import * as api from "./api"; -import { dict, compute, utils } from "@fast-crud/fast-crud"; -import { message } from "ant-design-vue"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - width: 240, - align: "left", - buttons: { - edit: { - thin: true, - type: "primary" - }, - remove: { - type: "primary", - // 根据row的值判断按钮是否显示 - show: compute(({ row }) => { - return row.radio !== "0"; - }), - dropdown: true //---------》给想要折叠的按钮配置dropdown为true，就会放入dropdown中《--------------- - }, - orderExample: { - text: "我排前面", - title: "按钮排序示例", - type: "primary", - icon: "SearchOutlined", - order: 0, //数字越小，越靠前,默认排序号为1 - click(opts) { - utils.logger.log("自定义操作列按钮点击", opts); - message.success("自定义操作列按钮点击"); - } - } - }, - dropdown: { - // 操作列折叠 - // 至少几个以上的按钮才会被折叠 - // atLeast: 2, //TODO 注意 [atLeast]参数即将废弃，请给button配置dropdown即可放入折叠 - more: { - text: "更多", - icon: null, - thin: false, - type: "primary", - iconRight: "ion:caret-down-outline" - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue deleted file mode 100644 index dc0cf68e..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/index.vue +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/mock.ts b/packages/ui/certd-client/src/views/crud/row-handle/dropdown/mock.ts deleted file mode 100644 index 9f26fc5a..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/dropdown/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "RowHandleDropdown", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/api.ts b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/api.ts deleted file mode 100644 index 2cda9ae8..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/api.ts +++ /dev/null @@ -1,50 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/RowHandleTooltip"; -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 + "/get", - method: "get", - params: { id } - }); -} - -export function BatchDelete(ids: any) { - return request({ - url: apiPrefix + "/batchDelete", - method: "post", - data: { ids } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/crud.tsx b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/crud.tsx deleted file mode 100644 index d5b73d08..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/crud.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import * as api from "./api"; -import {dict, utils} from "@fast-crud/fast-crud"; -import { ref } from "vue"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - width: 400, - buttons: { - edit: { - tooltip: { - title: "编辑" - } - }, - view: { - tooltip: { - title: "查看" - } - }, - remove: { - tooltip: { - title: "删除" - } - }, - custom: { - text: "tooltip title render", - tooltip: { - slots: { - title() { - return ( -
- 我是自定义render -
- ); - } - } - }, - click() { - utils.logger.log("test"); - } - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue deleted file mode 100644 index 05e192c2..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/index.vue +++ /dev/null @@ -1,38 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/mock.ts b/packages/ui/certd-client/src/views/crud/row-handle/tooltip/mock.ts deleted file mode 100644 index aaa9a5ac..00000000 --- a/packages/ui/certd-client/src/views/crud/row-handle/tooltip/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "RowHandleTooltip", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/slots/cell/api.ts b/packages/ui/certd-client/src/views/crud/slots/cell/api.ts deleted file mode 100644 index 6aaf0f52..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/cell/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/SlotsCell"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/slots/cell/crud.tsx b/packages/ui/certd-client/src/views/crud/slots/cell/crud.tsx deleted file mode 100644 index 623a2ad8..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/cell/crud.tsx +++ /dev/null @@ -1,93 +0,0 @@ -import * as api from "./api"; -import { dict } from "@fast-crud/fast-crud"; -import dayjs from "dayjs"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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); - }; - - const radioDict = dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }); - return { - radioDict, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - rowHandle: { - buttons: { - edit: { dropdown: true }, - remove: { dropdown: true } - }, - width: 630 - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - like: { - title: "like", - type: "number", - search: { show: true } - }, - switch: { - title: "switch", - type: "dict-switch", - dict: dict({ - data: [ - { value: true, label: "开启" }, - { value: false, label: "关闭" } - ] - }) - }, - createDate: { - title: "时间", - type: "datetime", - column: { - align: "left", - width: 300 - }, - valueBuilder({ key, row }) { - row[key] = dayjs(row[key]); - } - }, - updateDate: { - title: "修改时间", - type: "datetime", - column: { - show: false - }, - valueBuilder({ key, row }) { - row[key] = dayjs(row[key]); - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/slots/cell/index.vue b/packages/ui/certd-client/src/views/crud/slots/cell/index.vue deleted file mode 100644 index 32b9cbc5..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/cell/index.vue +++ /dev/null @@ -1,66 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/slots/cell/mock.ts b/packages/ui/certd-client/src/views/crud/slots/cell/mock.ts deleted file mode 100644 index c6da10fc..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/cell/mock.ts +++ /dev/null @@ -1,26 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "SlotsCell", - idGenerator: 0 -}; -const list = [ - { - like: 10000, - switch: true, - createDate: new Date().getTime(), - updateDate: new Date().getTime() - }, - { - like: 10000, - switch: false, - createDate: new Date().getTime(), - updateDate: new Date().getTime() - }, - { - like: 10000, - switch: true - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/slots/form-item/api.ts b/packages/ui/certd-client/src/views/crud/slots/form-item/api.ts deleted file mode 100644 index 573bba37..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form-item/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/SlotsFormItem"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/slots/form-item/crud.tsx b/packages/ui/certd-client/src/views/crud/slots/form-item/crud.tsx deleted file mode 100644 index 0064a216..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form-item/crud.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import * as api from "./api"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - topics: { - title: "多行输入", - type: "text", - search: { show: true }, - form: { - rules: [{ required: true, message: "请输入" }] - }, - column: { - component: { name: "fs-values-format" } - } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/slots/form-item/index.vue b/packages/ui/certd-client/src/views/crud/slots/form-item/index.vue deleted file mode 100644 index 992d35ec..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form-item/index.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/slots/form-item/mock.ts b/packages/ui/certd-client/src/views/crud/slots/form-item/mock.ts deleted file mode 100644 index 87b8b2dd..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form-item/mock.ts +++ /dev/null @@ -1,13 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "SlotsFormItem", - idGenerator: 0 -}; -const list = [ - { - topics: ["fast-crud 666", "fast-crud真好用"] - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/slots/form/api.ts b/packages/ui/certd-client/src/views/crud/slots/form/api.ts deleted file mode 100644 index a654aab8..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/SlotsForm"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/slots/form/crud.tsx b/packages/ui/certd-client/src/views/crud/slots/form/crud.tsx deleted file mode 100644 index c4665fd2..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form/crud.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import * as api from "./api"; -import { dict } from "@fast-crud/fast-crud"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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); - }; - - const radioDict = dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }); - return { - radioDict, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - text: { - title: "文本", - type: "text", - search: { show: true } - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/slots/form/index.vue b/packages/ui/certd-client/src/views/crud/slots/form/index.vue deleted file mode 100644 index 8df5bf14..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form/index.vue +++ /dev/null @@ -1,57 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/slots/form/mock.ts b/packages/ui/certd-client/src/views/crud/slots/form/mock.ts deleted file mode 100644 index 8009d564..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/form/mock.ts +++ /dev/null @@ -1,13 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "SlotsForm", - idGenerator: 0 -}; -const list = [ - { - text: "文本输入" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/slots/layout/api.ts b/packages/ui/certd-client/src/views/crud/slots/layout/api.ts deleted file mode 100644 index df82753d..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/layout/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/SlotsLayout"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/slots/layout/crud.tsx b/packages/ui/certd-client/src/views/crud/slots/layout/crud.tsx deleted file mode 100644 index ee4a9585..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/layout/crud.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import * as api from "./api"; -import { dict } from "@fast-crud/fast-crud"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - search: { - container: { - action: { - col: { - span: 16 - } - } - }, - buttons: { - change: { - text: "切换模式", - click() { - if (crudExpose.crudBinding.value.search.container.layout === "multi-line") { - crudExpose.crudBinding.value.search.container.layout = "default"; - } else { - crudExpose.crudBinding.value.search.container.layout = "multi-line"; - } - } - } - } - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/slots/layout/index.vue b/packages/ui/certd-client/src/views/crud/slots/layout/index.vue deleted file mode 100644 index 2039ec5b..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/layout/index.vue +++ /dev/null @@ -1,64 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/slots/layout/mock.ts b/packages/ui/certd-client/src/views/crud/slots/layout/mock.ts deleted file mode 100644 index ec619dbe..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/layout/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "SlotsLayout", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock; diff --git a/packages/ui/certd-client/src/views/crud/slots/search/api.ts b/packages/ui/certd-client/src/views/crud/slots/search/api.ts deleted file mode 100644 index 90b43bfa..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/search/api.ts +++ /dev/null @@ -1,42 +0,0 @@ -import { requestForMock } from "/src/api/service"; -const request = requestForMock; -const apiPrefix = "/mock/SlotsSearch"; -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 + "/get", - method: "get", - params: { id } - }); -} diff --git a/packages/ui/certd-client/src/views/crud/slots/search/crud.tsx b/packages/ui/certd-client/src/views/crud/slots/search/crud.tsx deleted file mode 100644 index 3018e225..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/search/crud.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import * as api from "./api"; -import { dict } from "@fast-crud/fast-crud"; -import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } 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) => { - 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, - addRequest, - editRequest, - delRequest - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50 - }, - form: { - show: false - } - }, - radio: { - title: "状态", - search: { show: true }, - type: "dict-radio", - dict: dict({ - url: "/mock/dicts/OpenStatusEnum?single" - }) - } - } - } - }; -} diff --git a/packages/ui/certd-client/src/views/crud/slots/search/index.vue b/packages/ui/certd-client/src/views/crud/slots/search/index.vue deleted file mode 100644 index e4c1bfea..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/search/index.vue +++ /dev/null @@ -1,39 +0,0 @@ - - - diff --git a/packages/ui/certd-client/src/views/crud/slots/search/mock.ts b/packages/ui/certd-client/src/views/crud/slots/search/mock.ts deleted file mode 100644 index 1f3175fa..00000000 --- a/packages/ui/certd-client/src/views/crud/slots/search/mock.ts +++ /dev/null @@ -1,19 +0,0 @@ -import mockUtil from "/src/mock/base"; -const options: any = { - name: "SlotsSearch", - idGenerator: 0 -}; -const list = [ - { - radio: "1" - }, - { - radio: "2" - }, - { - radio: "0" - } -]; -options.list = list; -const mock = mockUtil.buildMock(options); -export default mock;