chore: prefer using extend (#8531)

src/address-edit/AddressEdit.tsx

@@ -166,7 +166,7 @@ export default defineComponent({
         const detail = areaRef.value.getArea();
         detail.areaCode = detail.code;
         delete detail.code;
-        Object.assign(state.data, detail);
+        extend(state.data, detail);
       }
     };
 

src/composables/use-expose.ts

@@ -1,9 +1,10 @@
 import { getCurrentInstance } from 'vue';
+import { extend } from '../utils';
 
 // expose public api
 export function useExpose(apis: Record<string, any>) {
   const instance = getCurrentInstance();
   if (instance) {
-    Object.assign(instance.proxy, apis);
+    extend(instance.proxy, apis);
   }
 }

src/contact-edit/ContactEdit.tsx

@@ -105,9 +105,7 @@ export default defineComponent({
 
     watch(
       () => props.contactInfo,
-      (value) => {
+      (value) => extend(contact, DEFAULT_CONTACT, value)
-        Object.assign(contact, DEFAULT_CONTACT, value);
-      }
     );
 
     return () => (

src/dialog/function-call.tsx

@@ -108,7 +108,7 @@ Dialog.close = () => {
 };
 
 Dialog.setDefaultOptions = (options: DialogOptions) => {
-  Object.assign(Dialog.currentOptions, options);
+  extend(Dialog.currentOptions, options);
 };
 
 Dialog.resetDefaultOptions = () => {

src/notify/function-call.tsx

@@ -85,7 +85,7 @@ Notify.clear = () => {
 Notify.currentOptions = defaultOptions();
 
 Notify.setDefaultOptions = (options: NotifyOptions) => {
-  Object.assign(Notify.currentOptions, options);
+  extend(Notify.currentOptions, options);
 };
 
 Notify.resetDefaultOptions = () => {

src/toast/function-call.tsx

@@ -166,7 +166,7 @@ function setDefaultOptions(type: ToastType | ToastOptions, options?: any) {
   if (typeof type === 'string') {
     defaultOptionsMap[type] = options;
   } else {
-    Object.assign(currentOptions, type);
+    extend(currentOptions, type);
   }
 }
 

src/utils/mount-component.ts

@@ -1,4 +1,5 @@
 import { createApp, reactive, Component, nextTick } from 'vue';
+import { extend } from '../utils';
 import { useExpose } from '../composables/use-expose';
 
 export function usePopupState() {
@@ -11,7 +12,7 @@ export function usePopupState() {
   };
 
   const open = (props: Record<string, any>) => {
-    Object.assign(state, props);
+    extend(state, props);
     nextTick(() => toggle(true));
   };