feat(mergeProps): utility to merge component props and global config

Author: guoyunhe

src/index.ts

@@ -1,5 +1,6 @@
 export { default as useEvent } from './hooks/useEvent';
 export { default as useMergedState } from './hooks/useMergedState';
+export { default as mergeProps } from './mergeProps';
 export { supportNodeRef, supportRef, useComposeRef } from './ref';
 export { default as get } from './utils/get';
 export { default as set } from './utils/set';

src/mergeProps.ts

@@ -0,0 +1,7 @@
+export default function mergeProps<A, B, C>(
+  defaultProps: A,
+  config: B,
+  props: C,
+): A & B & C {
+  return { ...defaultProps, ...config, ...props };
+}

tests/mergeProps.test.ts

@@ -0,0 +1,15 @@
+import mergeProps from '../src/mergeProps';
+
+test('merge className', () => {
+  expect(
+    mergeProps(
+      { type: 'default', shape: 'round' },
+      { className: 'foo', type: 'secondary' },
+      { className: 'bar' },
+    ),
+  ).toEqual({
+    className: 'bar',
+    type: 'secondary',
+    shape: 'round',
+  });
+});