diff --git a/src/area/Area.tsx b/src/area/Area.tsx
index 45a0dcc00..5bb484310 100644
--- a/src/area/Area.tsx
+++ b/src/area/Area.tsx
@@ -77,7 +77,7 @@ export default defineComponent({
 
   props,
 
-  emits: ['change', 'confirm'],
+  emits: ['change', 'confirm', 'cancel'],
 
   setup(props, { emit, slots }) {
     const pickerRef = ref<ComponentInstance>();
@@ -293,6 +293,8 @@ export default defineComponent({
       emit('confirm', parseValues(values), index);
     };
 
+    const onCancel = () => emit('cancel');
+
     onMounted(setValues);
 
     watch(
@@ -323,6 +325,7 @@ export default defineComponent({
           columns={columns}
           columnsFieldNames={{ text: 'name' }}
           onChange={onChange}
+          onCancel={onCancel}
           onConfirm={onConfirm}
           {...pick(props, INHERIT_PROPS)}
         />
diff --git a/src/area/README.zh-CN.md b/src/area/README.zh-CN.md
index 490023305..76a6071f6 100644
--- a/src/area/README.zh-CN.md
+++ b/src/area/README.zh-CN.md
@@ -122,8 +122,8 @@ export default {
 
 | 事件    | 说明               | 回调参数                       |
 | ------- | ------------------ | ------------------------------ |
-| confirm | 点击右上方完成按钮 | _result: ConfirmResult_        |
-| cancel  | 点击取消按钮时     | -                              |
+| confirm | 点击完成按钮时触发 | _result: ConfirmResult_        |
+| cancel  | 点击取消按钮时触发 | -                              |
 | change  | 选项改变时触发     | 所有列选中值，当前列对应的索引 |
 
 ### ConfirmResult 格式