@aspire-ui/element-component-pro 1.0.23 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aspire-ui/element-component-pro",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Element UI 二次封装组件库，基于 Vue 2.7 + TypeScript + setup 语法糖，实现 VbenAdmin 风格的 Pro 组件",
   "type": "module",
   "main": "./dist/element-component-pro.umd.js",

package/src/useComponentSetting.ts

@@ -17,7 +17,7 @@ function deepMerge(target: Record<string, unknown>, source?: Record<string, unkn
       const targetValue = target[key]
       const sourceValue = source[key]
 
-      if (isPlainObject(sourceValue)) {
+      if (isPlainObject(sourceValue) || key !== 'components') {
         if (!isPlainObject(targetValue)) {
           target[key] = { ...(sourceValue as Record<string, unknown>) }
         } else {
@@ -60,11 +60,12 @@ export interface UseComponentSettingReturn {
  * 合并优先级：组件默认值 < 全局配置 < 组件 props
  */
 export function useComponentSetting(): UseComponentSettingReturn {
+  /** 返回浅拷贝（仅外层解包），内部保持对 reactive 存储的直接引用，保证响应式追踪 */
   const getSetting = <T extends Record<string, unknown> = Record<string, unknown>>(componentName?: string): T => {
     if (componentName === undefined) {
-      return JSON.parse(JSON.stringify(componentSettings)) as T
+      return { ...componentSettings } as T
     }
-    return JSON.parse(JSON.stringify(componentSettings[componentName] ?? {})) as T
+    return { ...(componentSettings[componentName] ?? {}) } as T
   }
 
   const setSetting = (componentName: string, config: Record<string, unknown>): void => {