mirror of https://github.com/certd/certd
🔱: [client] sync upgrade with 3 commits [trident-sync]
refactor: 1.11.10 fix: 修复列设置显隐和禁用无效的bugpull/14/head
parent
8aa8c5d8ae
commit
ce8df34b49
|
@ -3,6 +3,10 @@
|
||||||
All notable changes to this project will be documented in this file.
|
All notable changes to this project will be documented in this file.
|
||||||
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
||||||
|
|
||||||
|
## [1.11.10](https://github.com/fast-crud/fast-crud/compare/v1.11.9...v1.11.10) (2023-03-29)
|
||||||
|
|
||||||
|
**Note:** Version bump only for package @fast-crud/fs-admin-antdv
|
||||||
|
|
||||||
## [1.11.9](https://github.com/fast-crud/fast-crud/compare/v1.11.8...v1.11.9) (2023-03-28)
|
## [1.11.9](https://github.com/fast-crud/fast-crud/compare/v1.11.8...v1.11.9) (2023-03-28)
|
||||||
|
|
||||||
**Note:** Version bump only for package @fast-crud/fs-admin-antdv
|
**Note:** Version bump only for package @fast-crud/fs-admin-antdv
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "@fast-crud/fs-admin-antdv",
|
"name": "@fast-crud/fs-admin-antdv",
|
||||||
"version": "1.11.9",
|
"version": "1.11.10",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
@ -25,8 +25,8 @@
|
||||||
"@ant-design/icons-vue": "^6.1.0",
|
"@ant-design/icons-vue": "^6.1.0",
|
||||||
"@aws-sdk/client-s3": "^3.292.0",
|
"@aws-sdk/client-s3": "^3.292.0",
|
||||||
"@aws-sdk/s3-request-presigner": "^3.292.0",
|
"@aws-sdk/s3-request-presigner": "^3.292.0",
|
||||||
"@fast-crud/fast-crud": "^1.11.9",
|
"@fast-crud/fast-crud": "^1.11.10",
|
||||||
"@fast-crud/fast-extends": "^1.11.9",
|
"@fast-crud/fast-extends": "^1.11.10",
|
||||||
"@fast-crud/ui-antdv": "^1.11.9",
|
"@fast-crud/ui-antdv": "^1.11.9",
|
||||||
"@fast-crud/ui-interface": "^1.11.9",
|
"@fast-crud/ui-interface": "^1.11.9",
|
||||||
"@iconify/iconify": "^3.1.0",
|
"@iconify/iconify": "^3.1.0",
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
import * as api from "./api.js";
|
import * as api from "./api.js";
|
||||||
import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
|
import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
|
||||||
|
import { message } from "ant-design-vue";
|
||||||
export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
|
export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
|
||||||
|
const { crudBinding } = crudExpose;
|
||||||
const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
|
const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
|
||||||
return await api.GetList(query);
|
return await api.GetList(query);
|
||||||
};
|
};
|
||||||
|
@ -28,6 +30,34 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
|
||||||
mode: "default"
|
mode: "default"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
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[3].columnSetShow = !crudBinding.value.toolbar.columnsFilter.originalColumns[3].columnSetShow;
|
||||||
|
message.info("切换第4列的列设置显隐");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
toggleColumnSetDisabled: {
|
||||||
|
text: "切换列设置项禁用",
|
||||||
|
click() {
|
||||||
|
crudBinding.value.toolbar.columnsFilter.originalColumns[2].columnSetDisabled = !crudBinding.value.toolbar.columnsFilter.originalColumns[2].columnSetDisabled;
|
||||||
|
message.info("切换第3列的列设置禁用启用");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
desc: {
|
||||||
|
text: "点击左侧按钮后,再点最右侧的列设置按钮查看效果"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
columns: {
|
columns: {
|
||||||
id: {
|
id: {
|
||||||
title: "ID",
|
title: "ID",
|
||||||
|
|
|
@ -1,19 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<fs-page>
|
<fs-page>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="title">列设置</div>
|
<div class="title">
|
||||||
|
列设置
|
||||||
|
<span class="sub">列设置可以禁用或者隐藏某字段勾选 ,-------> 点击右侧最后一个按钮查看效果</span>
|
||||||
|
</div>
|
||||||
<div class="more">
|
<div class="more">
|
||||||
<a target="_blank" href="http://fast-crud.docmirror.cn/api/crud-options/toolbar.html#columnsfilter-mode">文档</a>
|
<a target="_blank" href="http://fast-crud.docmirror.cn/api/crud-options/toolbar.html#columnsfilter-mode">文档</a>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<fs-crud ref="crudRef" v-bind="crudBinding">
|
<fs-crud ref="crudRef" v-bind="crudBinding"> </fs-crud>
|
||||||
<template #actionbar-right>
|
|
||||||
<a-alert class="ml-1" type="warning" message="列设置可以禁用或者隐藏某字段勾选 ,-------> 点击右侧最后一个按钮查看效果" />
|
|
||||||
<a-button @click="columnsSetToggleMode()"> 切换简单模式 </a-button>
|
|
||||||
|
|
||||||
<a-button @click="columnsSetShowToggle()"> 动态修改列设置显隐 </a-button>
|
|
||||||
</template>
|
|
||||||
</fs-crud>
|
|
||||||
</fs-page>
|
</fs-page>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue