feat(element): add ArrayTable/ArrayCollapse/ArrayTabs event (#2365)

alibaba · Oct 29, 2021 · d54cdb8 · d54cdb8
1 parent 19e8a4b
commit d54cdb8
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/packages/element/src/array-collapse/index.ts b/packages/element/src/array-collapse/index.ts
@@ -90,7 +90,7 @@ export const ArrayCollapseInner = observer(
         default: 5,
       },
     },
-    setup(props, { attrs }) {
+    setup(props, { attrs, listeners }) {
       const fieldRef = useField<ArrayField>()
       const schemaRef = useFieldSchema()
 
@@ -279,6 +279,7 @@ export const ArrayCollapseInner = observer(
               on: {
                 change: (keys: number[] | number) => {
                   activeKeys.value = keys
+                  listeners?.change?.(keys)
                 },
               },
             },

diff --git a/packages/element/src/array-table/index.ts b/packages/element/src/array-table/index.ts
@@ -410,7 +410,7 @@ const ArrayTableInner = observer(
   defineComponent<IArrayTableProps>({
     name: 'FArrayTable',
     inheritAttrs: false,
-    setup(props, { attrs }) {
+    setup(props, { attrs, listeners, slots }) {
       const fieldRef = useField<ArrayField>()
       const schemaRef = useFieldSchema()
       const prefixCls = `${stylePrefix}-array-table`
@@ -512,8 +512,10 @@ const ArrayTableInner = observer(
                             ...attrs,
                             data: dataSource,
                           },
+                          on: listeners,
                         },
                         {
+                          ...slots,
                           default: renderColumns,
                         }
                       ),

diff --git a/packages/element/src/array-tabs/index.ts b/packages/element/src/array-tabs/index.ts
@@ -11,7 +11,7 @@ export const ArrayTabs = observer(
   defineComponent<TabsProps>({
     name: 'ArrayTabs',
     props: [],
-    setup(props, { attrs }) {
+    setup(props, { attrs, listeners }) {
       const fieldRef = useField<ArrayField>()
       const schemaRef = useFieldSchema()
 
@@ -124,11 +124,18 @@ export const ArrayTabs = observer(
               addable: true,
             },
             on: {
+              ...listeners,
               input: (key) => {
                 activeKey.value = key
               },
-              'tab-remove': (target) => onEdit(target, 'remove'),
-              'tab-add': () => onEdit(null, 'add'),
+              'tab-remove': (target) => {
+                onEdit(target, 'remove')
+                listeners?.['tab-remove']?.(target)
+              },
+              'tab-add': () => {
+                onEdit(null, 'add')
+                listeners?.['tab-add']?.()
+              },
             },
           },
           {