From b63f7d17dee2c0332e753ee445d61db63bd28236 Mon Sep 17 00:00:00 2001
From: lzdjack <51448229+lzdjack@users.noreply.github.com>
Date: 星期二, 18 一月 2022 21:49:24 +0800
Subject: [PATCH] feat: 增强可编辑单元格功能 (#1576)
---
src/views/demo/table/EditCellTable.vue | 12 +++++++++++-
1 files changed, 11 insertions(+), 1 deletions(-)
diff --git a/src/views/demo/table/EditCellTable.vue b/src/views/demo/table/EditCellTable.vue
index 70d6ee9..058da93 100644
--- a/src/views/demo/table/EditCellTable.vue
+++ b/src/views/demo/table/EditCellTable.vue
@@ -9,13 +9,14 @@
</div>
</template>
<script lang="ts">
- import { defineComponent } from 'vue';
+ import { defineComponent, h } from 'vue';
import { BasicTable, useTable, BasicColumn } from '/@/components/Table';
import { optionsListApi } from '/@/api/demo/select';
import { demoListApi } from '/@/api/demo/table';
import { treeOptionsListApi } from '/@/api/demo/tree';
import { useMessage } from '/@/hooks/web/useMessage';
+ import { Progress } from 'ant-design-vue';
const columns: BasicColumn[] = [
{
title: '杈撳叆妗�',
@@ -60,6 +61,15 @@
editRule: true,
editComponent: 'InputNumber',
width: 200,
+ editComponentProps: () => {
+ return {
+ max: 100,
+ min: 0,
+ };
+ },
+ editRender: ({ text }) => {
+ return h(Progress, { percent: Number(text) });
+ },
},
{
title: '涓嬫媺妗�',
--
Gitblit v1.8.0