thzxcx/vue3
1
0
Fork 0
Code Pull Requests Packages Releases Activity

feat(prop): 隐藏操作列

Browse Source
This commit is contained in:
赵劲奉
2023-07-22 15:52:26 +08:00
parent 8b3794aae6
commit d241e51221
3 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/upload-table/index.vue
View File

@ -30,7 +30,7 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" :label="label3" width="200px"> <el-table-column v-if="!hideActions" align="center" :label="label3" width="200px">
<template #default="{ row, $index }"> <template #default="{ row, $index }">
<el-popconfirm v-if="allowReplace" :title="replacePopconfirm" :disabled="disabled" @confirm="remove($index)"> <el-popconfirm v-if="allowReplace" :title="replacePopconfirm" :disabled="disabled" @confirm="remove($index)">
<template #reference> <template #reference>
@ -96,6 +96,8 @@ const props = withDefaults(defineProps<{
disabled?: boolean disabled?: boolean
/** 隐藏新增按钮 */ /** 隐藏新增按钮 */
hideAdd?: boolean hideAdd?: boolean
/** 隐藏操作列 */
hideActions?: boolean
/** 文件上传的请求函数 */ /** 文件上传的请求函数 */
request?: (formData: FormData) => Promise<FileVO> request?: (formData: FormData) => Promise<FileVO>
}>(), { }>(), {

4
stories/UploadTable.stories.ts
View File

@ -2,7 +2,7 @@
* @Author: zhaojinfeng 121016171@qq.com * @Author: zhaojinfeng 121016171@qq.com
* @Date: 2023-07-18 12:23:37 * @Date: 2023-07-18 12:23:37
* @LastEditors: zhaojinfeng 121016171@qq.com * @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-07-21 21:45:15 * @LastEditTime: 2023-07-22 15:51:39
* @FilePath: \vue3\stories\UploadTable.stories.ts * @FilePath: \vue3\stories\UploadTable.stories.ts
* @Description: * @Description:
* *
@ -42,6 +42,7 @@ const meta = {
args: { args: {
accept: '.jpeg,.jpg,.png,.bmp', accept: '.jpeg,.jpg,.png,.bmp',
addText: '新增一行', addText: '新增一行',
hideActions: false,
allowDelete: true, allowDelete: true,
allowReplace: false, allowReplace: false,
disabled: false, disabled: false,
@ -68,6 +69,7 @@ const meta = {
:allow-delete="args.allowDelete" :allow-delete="args.allowDelete"
:allow-replace="args.allowReplace" :allow-replace="args.allowReplace"
:hide-add="args.hideAdd" :hide-add="args.hideAdd"
:hide-actions="args.hideActions"
:label1="args.label1" :label1="args.label1"
:label2="args.label2" :label2="args.label2"
:label3="args.label3" :label3="args.label3"

1
types/components.d.ts vendored
View File

@ -13,7 +13,6 @@ declare module 'vue' {
ElCol: typeof import('element-plus/es')['ElCol'] ElCol: typeof import('element-plus/es')['ElCol']
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider'] ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
ElDialog: typeof import('element-plus/es')['ElDialog'] ElDialog: typeof import('element-plus/es')['ElDialog']
ElEmpty: typeof import('element-plus/es')['ElEmpty']
ElForm: typeof import('element-plus/es')['ElForm'] ElForm: typeof import('element-plus/es')['ElForm']
ElFormItem: typeof import('element-plus/es')['ElFormItem'] ElFormItem: typeof import('element-plus/es')['ElFormItem']
ElIcon: typeof import('element-plus/es')['ElIcon'] ElIcon: typeof import('element-plus/es')['ElIcon']