github_mirrors/vben-admin-thin-next
1
0
Fork 0
mirror of https://github.com/vbenjs/vben-admin-thin-next.git synced 2025-01-24 10:33:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(table): fix unsuccessful saving of row edit table (#117)

Browse Source 
Co-authored-by: heresy <Heresy@chxian.com>
This commit is contained in:
Heresy 2020-12-07 22:37:33 +08:00 committed by GitHub
parent 59ad82442b
commit 404db2fb49
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/Table/src/components/renderEditable.tsx
View File

@ -7,7 +7,7 @@ import { RenderEditableCellParams } from '../types/table';
import { ComponentType } from '../types/componentType'; import { ComponentType } from '../types/componentType';
import { componentMap } from '../componentMap'; import { componentMap } from '../componentMap';
import { isString, isBoolean } from '/@/utils/is'; import { isString, isBoolean, isArray } from '/@/utils/is';
import { FormOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons-vue'; import { FormOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons-vue';
const prefixCls = 'editable-cell'; const prefixCls = 'editable-cell';
@ -50,6 +50,7 @@ const EditableCell = defineComponent({
}, },
placeholder: { placeholder: {
type: String as PropType<string>, type: String as PropType<string>,
default: '',
}, },
}, },
emits: ['submit', 'cancel'], emits: ['submit', 'cancel'],
@ -92,9 +93,22 @@ const EditableCell = defineComponent({
if (props.record) { if (props.record) {
/* eslint-disable */ /* eslint-disable */
props.record.onCancel = handleCancel; isArray(props.record.submitCbs)
? props.record.submitCbs.push(handleSubmit)
: (props.record.submitCbs = [handleSubmit]);
/* eslint-disable */
isArray(props.record.cancelCbs)
? props.record.cancelCbs.push(handleCancel)
: (props.record.cancelCbs = [handleCancel]);
/* eslint-disable */
props.record.onCancel = () => {
isArray(props.record?.cancelCbs) && props.record?.cancelCbs.forEach((fn) => fn());
};
/* eslint-disable */ /* eslint-disable */
props.record.onSubmit = handleSubmit; props.record.onSubmit = () => {
isArray(props.record?.submitCbs) && props.record?.submitCbs.forEach((fn) => fn());
};
} }
function handleSubmit() { function handleSubmit() {
@ -222,4 +236,6 @@ export type EditRecordRow<T = { [key: string]: any }> = {
editable: boolean; editable: boolean;
onCancel: Fn; onCancel: Fn;
onSubmit: Fn; onSubmit: Fn;
submitCbs: Fn[];
cancelCbs: Fn[];
} & T; } & T;