Fix params getting changed when decorator used multiple times

package.json

@@ -1,6 +1,6 @@
 {
     "name": "uiconfig.js",
-    "version": "0.0.8",
+    "version": "0.0.9",
     "description": "A framework for building user interface layouts with JSON configuration.",
     "main": "src/index.ts",
     "module": "dist/index.mjs",

src/UiConfigMethods.ts

@@ -94,7 +94,7 @@ export class UiConfigMethods {
             const binding = this.getBinding(config)
             const tar = binding[0] ?? config
             const key = binding[1] || 'onClick'
-            const action = tar[key] as Fof<any>
+            const action = (tar[key] ?? tar.value) as Fof<any>
             if (typeof action === 'function') {
                 action.call(tar, ...options?.args ?? [])
             } else if (action) {

src/decorator_utils.ts

@@ -6,7 +6,7 @@ export class UiConfigTypeMap {
     static Map = new Map<ObjectConstructor, any[]>()
 }
 
-function generateValueConfig(obj: any, key: string | number, label?: string, val?: any) {
+export function generateValueConfig(obj: any, key: string | number, label?: string, val?: any) {
     val = val ?? obj[key]
     const config = val?.uiConfig
     let result: UiObjectConfig|undefined = undefined
@@ -66,12 +66,13 @@ export function generateUiConfig(obj: any): UiObjectConfig[] {
             }
             if (params) {
                 const extraParams = typeof params.params === 'function' ? params.params(obj) : params.params || {}
-                delete params.params
+                const params1 = {...params}
+                delete params1.params
                 if (typeof config === 'function') {
                     const c1: Fof<any, any> = config
-                    config = ()=>Object.assign(c1(), {...params, ...extraParams})
+                    config = ()=>Object.assign(c1(), {...params1, ...extraParams})
                 }
-                Object.assign(config, {...params, ...extraParams})
+                Object.assign(config, {...params1, ...extraParams})
             }
             result.push(config)
 

src/index.ts

@@ -13,7 +13,7 @@ import {
     uiToggle,
     uiVector,
 } from './decorator_alias'
-import {generateUiConfig, generateUiFolder, UiConfigTypeMap} from './decorator_utils'
+import {generateUiConfig, generateUiFolder, generateValueConfig, UiConfigTypeMap} from './decorator_utils'
 import {
     ChangeArgs,
     ChangeEvent,
@@ -37,6 +37,6 @@ export {
     uiColor, uiImage, uiToggle, uiNumber,
 }
 export {uiPanelContainer, uiFolderContainer}
-export {generateUiConfig, generateUiFolder, UiConfigTypeMap}
+export {generateUiConfig, generateUiFolder, generateValueConfig, UiConfigTypeMap}
 export type {TParams}