@rugal.tu/vuemodel3 1.3.0 → 1.3.2

package/dist/VueModel.esm.js

@@ -740,8 +740,8 @@ export class ApiStore extends FuncBase {
     UpdateStore(StorePath, StoreData) {
         return this.UpdateStoreFrom(this.Store, StorePath, StoreData);
     }
-    ClearStore(StorePath) {
-        return this.ClearStoreFrom(this.Store, StorePath);
+    ClearStore(StorePath, Option) {
+        return this.ClearStoreFrom(this.Store, StorePath, Option);
     }
     GetStoreFrom(SourceStore, StorePath, Option) {
         if (typeof Option == 'boolean')
@@ -781,7 +781,8 @@ export class ApiStore extends FuncBase {
         return this;
     }
     SetStoreFrom(SourceStore, StorePath, StoreData) {
-        StorePath = this.ToJoin(StorePath);
+        if (StorePath != null)
+            StorePath = this.ToJoin(StorePath);
         this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
             IsDeepSet: false,
         });
@@ -792,7 +793,8 @@ export class ApiStore extends FuncBase {
         return this;
     }
     UpdateStoreFrom(SourceStore, StorePath, StoreData) {
-        StorePath = this.ToJoin(StorePath);
+        if (StorePath != null)
+            StorePath = this.ToJoin(StorePath);
         this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
             IsDeepSet: true,
         });
@@ -802,24 +804,14 @@ export class ApiStore extends FuncBase {
         });
         return this;
     }
-    ClearStoreFrom(SourceStore, StorePath) {
-        let TargetStore = this.GetStoreFrom(SourceStore, StorePath);
+    ClearStoreFrom(SourceStore, StorePath, Option) {
+        Option ??= {};
+        if (typeof Option === 'boolean')
+            Option = { DeepClear: Option };
+        let TargetStore = StorePath == null ? SourceStore : this.GetStoreFrom(SourceStore, StorePath);
         if (TargetStore == null)
             return this;
-        let AllProperty = Object.getOwnPropertyNames(TargetStore);
-        for (let Key of AllProperty) {
-            if (Key.match(/^\$/g))
-                continue;
-            let Value = TargetStore[Key];
-            if (typeof (Value) == 'function')
-                continue;
-            if (Array.isArray(Value)) {
-                Value.splice(0, Value.length);
-                ;
-                continue;
-            }
-            TargetStore[Key] = null;
-        }
+        this.$RCS_ClearStore(TargetStore, Option);
         return this;
     }
     $RCS_GetStore(StorePath, FindStore, Option) {
@@ -845,6 +837,10 @@ export class ApiStore extends FuncBase {
     $RCS_SetStore(StorePath, StoreData, FindStore, Option = {
         IsDeepSet: true,
     }) {
+        if (StorePath == null) {
+            this.$DeepSetObject(StoreData, FindStore);
+            return StoreData;
+        }
         StorePath = StorePath.replaceAll(/\[|\]/g, '.').replace(/\.+/g, '.').replace(/\.$/, '');
         if (StorePath.includes('.')) {
             let StorePaths = StorePath.split('.');
@@ -855,36 +851,64 @@ export class ApiStore extends FuncBase {
             let NextKey = StorePaths.join('.');
             return this.$RCS_SetStore(NextKey, StoreData, NextStore, Option);
         }
-        let IsAwaysSet = !Option.IsDeepSet ||
+        let IsAwaysSet = StoreData == null ||
+            !Option.IsDeepSet ||
             FindStore[StorePath] == null ||
-            StoreData == null || typeof StoreData != 'object';
+            typeof StoreData != 'object';
         if (IsAwaysSet) {
             FindStore[StorePath] = StoreData;
             return StoreData;
         }
-        this.$DeepSetObject(StorePath, StoreData, FindStore);
-        return StoreData;
+        return this.$RCS_SetStore(null, StoreData, FindStore[StorePath]);
+    }
+    $RCS_ClearStore(TargetStore, Option) {
+        if (typeof TargetStore != 'object')
+            return;
+        if (Array.isArray(TargetStore)) {
+            TargetStore.length = 0;
+            return;
+        }
+        let AllProperty = Object.getOwnPropertyNames(TargetStore);
+        for (let Key of AllProperty) {
+            if (Key.match(/^\$/g))
+                continue;
+            if (typeof TargetStore[Key] === 'function')
+                continue;
+            else if (Option.DeepClear && typeof TargetStore[Key] === 'object')
+                this.$RCS_ClearStore(TargetStore[Key], Option);
+            else
+                TargetStore[Key] = null;
+        }
     }
-    $DeepSetObject(StorePath, SetData, FindStore) {
+    $DeepSetObject(SetData, FindStore) {
         if (SetData == null) {
-            FindStore[StorePath] = SetData;
+            this.ClearStoreFrom(FindStore);
             return;
         }
-        if (!Array.isArray(SetData)) {
-            this.ForEachObject(SetData, (Key, Value) => {
-                if (Array.isArray(Value) || typeof Value == 'object') {
-                    this.$DeepSetObject(Key, Value, FindStore[StorePath]);
-                    return;
-                }
-                if (FindStore[StorePath] == null)
-                    FindStore[StorePath] = {};
-                FindStore[StorePath][Key] = Value;
-            });
+        if (Array.isArray(SetData)) {
+            if (!Array.isArray(FindStore))
+                return;
+            FindStore.length = 0;
+            FindStore.push.apply(FindStore, SetData);
             return;
         }
-        if (!Array.isArray(FindStore[StorePath]))
-            FindStore[StorePath] = [];
-        FindStore[StorePath] = SetData.slice();
+        this.ForEachObject(SetData, (Key, Value) => {
+            let IsGoNext = false;
+            if (Array.isArray(Value)) {
+                if (FindStore[Key] == null || !Array.isArray(FindStore[Key]))
+                    FindStore[Key] = [];
+                IsGoNext = true;
+            }
+            else if (typeof Value == 'object') {
+                if (FindStore[Key] == null || typeof FindStore[Key] != 'object')
+                    FindStore[Key] = {};
+                IsGoNext = true;
+            }
+            if (IsGoNext)
+                this.$DeepSetObject(Value, FindStore[Key]);
+            else
+                FindStore[Key] = Value;
+        });
     }
     AddFileStore(FileStoreKey, Option) {
         Option ??= {};
@@ -1343,7 +1367,7 @@ export class VueCommand extends VueStore {
             },
             'using': (Info, Option) => {
                 if (typeof (Info.StoreValue) === 'function') {
-                    Info.StoreValue(Info.DomPaths);
+                    Info.StoreValue(Info.DomPaths, Info.Nodes);
                 }
             }
         };

package/dist/VueModel.umd.js

@@ -756,8 +756,8 @@
         UpdateStore(StorePath, StoreData) {
             return this.UpdateStoreFrom(this.Store, StorePath, StoreData);
         }
-        ClearStore(StorePath) {
-            return this.ClearStoreFrom(this.Store, StorePath);
+        ClearStore(StorePath, Option) {
+            return this.ClearStoreFrom(this.Store, StorePath, Option);
         }
         GetStoreFrom(SourceStore, StorePath, Option) {
             if (typeof Option == 'boolean')
@@ -797,7 +797,8 @@
             return this;
         }
         SetStoreFrom(SourceStore, StorePath, StoreData) {
-            StorePath = this.ToJoin(StorePath);
+            if (StorePath != null)
+                StorePath = this.ToJoin(StorePath);
             this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
                 IsDeepSet: false,
             });
@@ -808,7 +809,8 @@
             return this;
         }
         UpdateStoreFrom(SourceStore, StorePath, StoreData) {
-            StorePath = this.ToJoin(StorePath);
+            if (StorePath != null)
+                StorePath = this.ToJoin(StorePath);
             this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
                 IsDeepSet: true,
             });
@@ -818,24 +820,14 @@
             });
             return this;
         }
-        ClearStoreFrom(SourceStore, StorePath) {
-            let TargetStore = this.GetStoreFrom(SourceStore, StorePath);
+        ClearStoreFrom(SourceStore, StorePath, Option) {
+            Option ??= {};
+            if (typeof Option === 'boolean')
+                Option = { DeepClear: Option };
+            let TargetStore = StorePath == null ? SourceStore : this.GetStoreFrom(SourceStore, StorePath);
             if (TargetStore == null)
                 return this;
-            let AllProperty = Object.getOwnPropertyNames(TargetStore);
-            for (let Key of AllProperty) {
-                if (Key.match(/^\$/g))
-                    continue;
-                let Value = TargetStore[Key];
-                if (typeof (Value) == 'function')
-                    continue;
-                if (Array.isArray(Value)) {
-                    Value.splice(0, Value.length);
-                    ;
-                    continue;
-                }
-                TargetStore[Key] = null;
-            }
+            this.$RCS_ClearStore(TargetStore, Option);
             return this;
         }
         $RCS_GetStore(StorePath, FindStore, Option) {
@@ -861,6 +853,10 @@
         $RCS_SetStore(StorePath, StoreData, FindStore, Option = {
             IsDeepSet: true,
         }) {
+            if (StorePath == null) {
+                this.$DeepSetObject(StoreData, FindStore);
+                return StoreData;
+            }
             StorePath = StorePath.replaceAll(/\[|\]/g, '.').replace(/\.+/g, '.').replace(/\.$/, '');
             if (StorePath.includes('.')) {
                 let StorePaths = StorePath.split('.');
@@ -871,36 +867,64 @@
                 let NextKey = StorePaths.join('.');
                 return this.$RCS_SetStore(NextKey, StoreData, NextStore, Option);
             }
-            let IsAwaysSet = !Option.IsDeepSet ||
+            let IsAwaysSet = StoreData == null ||
+                !Option.IsDeepSet ||
                 FindStore[StorePath] == null ||
-                StoreData == null || typeof StoreData != 'object';
+                typeof StoreData != 'object';
             if (IsAwaysSet) {
                 FindStore[StorePath] = StoreData;
                 return StoreData;
             }
-            this.$DeepSetObject(StorePath, StoreData, FindStore);
-            return StoreData;
+            return this.$RCS_SetStore(null, StoreData, FindStore[StorePath]);
+        }
+        $RCS_ClearStore(TargetStore, Option) {
+            if (typeof TargetStore != 'object')
+                return;
+            if (Array.isArray(TargetStore)) {
+                TargetStore.length = 0;
+                return;
+            }
+            let AllProperty = Object.getOwnPropertyNames(TargetStore);
+            for (let Key of AllProperty) {
+                if (Key.match(/^\$/g))
+                    continue;
+                if (typeof TargetStore[Key] === 'function')
+                    continue;
+                else if (Option.DeepClear && typeof TargetStore[Key] === 'object')
+                    this.$RCS_ClearStore(TargetStore[Key], Option);
+                else
+                    TargetStore[Key] = null;
+            }
         }
-        $DeepSetObject(StorePath, SetData, FindStore) {
+        $DeepSetObject(SetData, FindStore) {
             if (SetData == null) {
-                FindStore[StorePath] = SetData;
+                this.ClearStoreFrom(FindStore);
                 return;
             }
-            if (!Array.isArray(SetData)) {
-                this.ForEachObject(SetData, (Key, Value) => {
-                    if (Array.isArray(Value) || typeof Value == 'object') {
-                        this.$DeepSetObject(Key, Value, FindStore[StorePath]);
-                        return;
-                    }
-                    if (FindStore[StorePath] == null)
-                        FindStore[StorePath] = {};
-                    FindStore[StorePath][Key] = Value;
-                });
+            if (Array.isArray(SetData)) {
+                if (!Array.isArray(FindStore))
+                    return;
+                FindStore.length = 0;
+                FindStore.push.apply(FindStore, SetData);
                 return;
             }
-            if (!Array.isArray(FindStore[StorePath]))
-                FindStore[StorePath] = [];
-            FindStore[StorePath] = SetData.slice();
+            this.ForEachObject(SetData, (Key, Value) => {
+                let IsGoNext = false;
+                if (Array.isArray(Value)) {
+                    if (FindStore[Key] == null || !Array.isArray(FindStore[Key]))
+                        FindStore[Key] = [];
+                    IsGoNext = true;
+                }
+                else if (typeof Value == 'object') {
+                    if (FindStore[Key] == null || typeof FindStore[Key] != 'object')
+                        FindStore[Key] = {};
+                    IsGoNext = true;
+                }
+                if (IsGoNext)
+                    this.$DeepSetObject(Value, FindStore[Key]);
+                else
+                    FindStore[Key] = Value;
+            });
         }
         AddFileStore(FileStoreKey, Option) {
             Option ??= {};
@@ -1361,7 +1385,7 @@
                 },
                 'using': (Info, Option) => {
                     if (typeof (Info.StoreValue) === 'function') {
-                        Info.StoreValue(Info.DomPaths);
+                        Info.StoreValue(Info.DomPaths, Info.Nodes);
                     }
                 }
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rugal.tu/vuemodel3",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "publishConfig": {
     "access": "public"
   },

package/src/VueModel.d.ts

@@ -152,6 +152,9 @@ type GetStoreOption<TStore = any> = {
     DefaultValue?: TStore;
     Clone?: boolean;
 };
+type ClearStoreOption = {
+    DeepClear?: boolean;
+};
 type EventArg_AddApi = ApiStoreValue;
 type EventArg_UpdateStore = {
     Path: string;
@@ -212,12 +215,12 @@ export declare class ApiStore extends FuncBase {
     AddStore<TStore = any>(StorePath: PathType, StoreData?: TStore): this;
     SetStore<TStore = any>(StorePath: PathType, StoreData: TStore): this;
     UpdateStore<TStore = any>(StorePath: PathType, StoreData: TStore): this;
-    ClearStore(StorePath: PathType): this;
+    ClearStore(StorePath: PathType, Option?: boolean | ClearStoreOption): this;
     GetStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, Option?: GetStoreOption<TStore> | boolean): TStore;
     AddStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, StoreData?: TStore): this;
     SetStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, StoreData: TStore): this;
     UpdateStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, StoreData: TStore): this;
-    ClearStoreFrom(SourceStore: any, StorePath: PathType): this;
+    ClearStoreFrom(SourceStore: any, StorePath?: PathType, Option?: boolean | ClearStoreOption): this;
     protected $RCS_GetStore(StorePath: string, FindStore: any, Option: {
         CreateIfNull: boolean;
         DefaultValue: object;
@@ -225,7 +228,8 @@ export declare class ApiStore extends FuncBase {
     protected $RCS_SetStore(StorePath: string, StoreData: any, FindStore: any, Option?: {
         IsDeepSet: boolean;
     }): any;
-    protected $DeepSetObject(StorePath: string, SetData: Record<string, any>, FindStore: any): void;
+    protected $RCS_ClearStore(TargetStore: any, Option: ClearStoreOption): void;
+    protected $DeepSetObject(SetData: Record<string, any>, FindStore: any): void;
     AddFileStore(FileStoreKey: string, Option?: AddFileStoreOption): this;
     Files(FileStoreKey: string, WhereFunc?: (FileArg: FileItem) => boolean): File[];
     File(FileStoreKey: string, WhereFunc?: (FileArg: FileItem) => boolean): File;
@@ -263,6 +267,7 @@ export declare class VueStore extends ApiStore {
     ForceUpdate(): this;
     Refs(RefName: PathType): any;
 }
+type UsingFunctionType = ((Paths: PathType, Node?: QueryNode[]) => void);
 type CommandOption = {
     CommandKey?: string;
     Target: PathType | Function;
@@ -285,7 +290,7 @@ type TreeSetType = {
     'v-on-mounted'?: '' | PathType | Function | TreeSetOption;
     'v-on-unmounted'?: '' | PathType | Function | TreeSetOption;
     'watch'?: '' | WatchCallback;
-    'using'?: '' | ((Paths: PathType) => void);
+    'using'?: '' | UsingFunctionType;
     [VModelCmd: `v-model:${string}`]: '' | PathType | TreeSetOption;
     [VForCmd: `v-for(${string})`]: '' | PathType | Function | TreeSetOption;
     [VBindCmd: `v-bind:${string}`]: '' | PathType | Function | TreeSetOption;
@@ -295,7 +300,7 @@ type TreeSetType = {
     [VOnMountedCmd: `v-on-mounted(${string})`]: '' | PathType | Function | TreeSetOption;
     [VOnUnMountedCmd: `v-on-unmounted(${string})`]: '' | PathType | Function | TreeSetOption;
     [FuncCmd: `func:${string}`]: '' | Function;
-    [DomName: `:${string}`]: '' | ((Paths: PathType) => void) | TreeSetType;
+    [DomName: `:${string}`]: '' | UsingFunctionType | TreeSetType;
 };
 type TreeSetOption = CommandOption;
 type AddCommandOption = PathType | Function | CommandOption;

package/src/VueModel.ts

@@ -631,6 +631,9 @@ type GetStoreOption<TStore = any> = {
     DefaultValue?: TStore,
     Clone?: boolean,
 };
+type ClearStoreOption = {
+    DeepClear?: boolean,
+}
 
 type EventArg_AddApi = ApiStoreValue;
 type EventArg_UpdateStore = {
@@ -957,8 +960,8 @@ export class ApiStore extends FuncBase {
     public UpdateStore<TStore = any>(StorePath: PathType, StoreData: TStore) {
         return this.UpdateStoreFrom(this.Store, StorePath, StoreData);
     }
-    public ClearStore(StorePath: PathType) {
-        return this.ClearStoreFrom(this.Store, StorePath);
+    public ClearStore(StorePath: PathType, Option?: boolean | ClearStoreOption) {
+        return this.ClearStoreFrom(this.Store, StorePath, Option);
     }
 
     public GetStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, Option?: GetStoreOption<TStore> | boolean): TStore {
@@ -1005,44 +1008,41 @@ export class ApiStore extends FuncBase {
         return this;
     }
     public SetStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, StoreData: TStore) {
-        StorePath = this.ToJoin(StorePath);
-        this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
+        if (StorePath != null)
+            StorePath = this.ToJoin(StorePath);
+
+        this.$RCS_SetStore(StorePath as string, StoreData, SourceStore, {
             IsDeepSet: false,
         });
         this.$EventTrigger<EventArg_SetStore>(this.#EventName.SetStore, {
-            Path: StorePath,
+            Path: StorePath as string,
             Data: StoreData,
         });
         return this;
     }
     public UpdateStoreFrom<TStore = any>(SourceStore: any, StorePath: PathType, StoreData: TStore) {
-        StorePath = this.ToJoin(StorePath);
-        this.$RCS_SetStore(StorePath, StoreData, SourceStore, {
+        if (StorePath != null)
+            StorePath = this.ToJoin(StorePath);
+
+        this.$RCS_SetStore(StorePath as string, StoreData, SourceStore, {
             IsDeepSet: true,
         });
         this.$EventTrigger<EventArg_UpdateStore>(this.#EventName.UpdateStore, {
-            Path: StorePath,
+            Path: StorePath as string,
             Data: StoreData,
         });
         return this;
     }
-    public ClearStoreFrom(SourceStore: any, StorePath: PathType) {
-        let TargetStore = this.GetStoreFrom(SourceStore, StorePath);
+    public ClearStoreFrom(SourceStore: any, StorePath?: PathType, Option?: boolean | ClearStoreOption) {
+        Option ??= {};
+        if (typeof Option === 'boolean')
+            Option = { DeepClear: Option };
+
+        let TargetStore = StorePath == null ? SourceStore : this.GetStoreFrom(SourceStore, StorePath);
         if (TargetStore == null)
             return this;
-        let AllProperty = Object.getOwnPropertyNames(TargetStore);
-        for (let Key of AllProperty) {
-            if (Key.match(/^\$/g))
-                continue;
-            let Value = TargetStore[Key];
-            if (typeof (Value) == 'function')
-                continue;
-            if (Array.isArray(Value)) {
-                Value.splice(0, Value.length);;
-                continue;
-            }
-            TargetStore[Key] = null;
-        }
+
+        this.$RCS_ClearStore(TargetStore, Option);
         return this;
     }
     //#endregion
@@ -1077,6 +1077,11 @@ export class ApiStore extends FuncBase {
     protected $RCS_SetStore(StorePath: string, StoreData: any, FindStore: any, Option = {
         IsDeepSet: true,
     }): any {
+        if (StorePath == null) {
+            this.$DeepSetObject(StoreData, FindStore);
+            return StoreData;
+        }
+
         StorePath = StorePath.replaceAll(/\[|\]/g, '.').replace(/\.+/g, '.').replace(/\.$/, '');
         if (StorePath.includes('.')) {
             let StorePaths = StorePath.split('.');
@@ -1089,39 +1094,72 @@ export class ApiStore extends FuncBase {
             return this.$RCS_SetStore(NextKey, StoreData, NextStore, Option);
         }
 
-        let IsAwaysSet = !Option.IsDeepSet ||
+        let IsAwaysSet =
+            StoreData == null ||
+            !Option.IsDeepSet ||
             FindStore[StorePath] == null ||
-            StoreData == null || typeof StoreData != 'object';
+            typeof StoreData != 'object';
+
         if (IsAwaysSet) {
             FindStore[StorePath] = StoreData;
             return StoreData;
         }
 
-        this.$DeepSetObject(StorePath, StoreData, FindStore);
-        return StoreData;
+        return this.$RCS_SetStore(null, StoreData, FindStore[StorePath])
     }
-    protected $DeepSetObject(StorePath: string, SetData: Record<string, any>, FindStore: any) {
+    protected $RCS_ClearStore(TargetStore: any, Option: ClearStoreOption) {
+        if (typeof TargetStore != 'object')
+            return;
+
+        if (Array.isArray(TargetStore)) {
+            TargetStore.length = 0;
+            return;
+        }
+
+        let AllProperty = Object.getOwnPropertyNames(TargetStore);
+        for (let Key of AllProperty) {
+            if (Key.match(/^\$/g))
+                continue;
+
+            if (typeof TargetStore[Key] === 'function')
+                continue;
+            else if (Option.DeepClear && typeof TargetStore[Key] === 'object')
+                this.$RCS_ClearStore(TargetStore[Key], Option);
+            else
+                TargetStore[Key] = null;
+        }
+    }
+    protected $DeepSetObject(SetData: Record<string, any>, FindStore: any) {
         if (SetData == null) {
-            FindStore[StorePath] = SetData;
+            this.ClearStoreFrom(FindStore);
             return;
         }
 
-        if (!Array.isArray(SetData)) {
-            this.ForEachObject(SetData, (Key, Value) => {
-                if (Array.isArray(Value) || typeof Value == 'object') {
-                    this.$DeepSetObject(Key, Value, FindStore[StorePath]);
-                    return;
-                }
-                if (FindStore[StorePath] == null)
-                    FindStore[StorePath] = {};
-                FindStore[StorePath][Key] = Value;
-            });
+        if (Array.isArray(SetData)) {
+            if (!Array.isArray(FindStore))
+                return;
+            FindStore.length = 0;
+            FindStore.push.apply(FindStore, SetData);
             return;
         }
-        if (!Array.isArray(FindStore[StorePath]))
-            FindStore[StorePath] = [];
 
-        FindStore[StorePath] = SetData.slice();
+        this.ForEachObject(SetData, (Key, Value) => {
+            let IsGoNext = false;
+            if (Array.isArray(Value)) {
+                if (FindStore[Key] == null || !Array.isArray(FindStore[Key]))
+                    FindStore[Key] = [];
+                IsGoNext = true;
+            }
+            else if (typeof Value == 'object') {
+                if (FindStore[Key] == null || typeof FindStore[Key] != 'object')
+                    FindStore[Key] = {};
+                IsGoNext = true;
+            }
+            if (IsGoNext)
+                this.$DeepSetObject(Value, FindStore[Key]);
+            else
+                FindStore[Key] = Value;
+        });
     }
     //#endregion
 
@@ -1393,6 +1431,7 @@ export class VueStore extends ApiStore {
 }
 
 //#region VueCommand Data Type
+type UsingFunctionType = ((Paths: PathType, Node?: QueryNode[]) => void);
 type CommandOption = {
     CommandKey?: string,
     Target: PathType | Function,
@@ -1417,7 +1456,7 @@ type TreeSetType = {
     'v-on-unmounted'?: '' | PathType | Function | TreeSetOption,
 
     'watch'?: '' | WatchCallback,
-    'using'?: '' | ((Paths: PathType) => void),
+    'using'?: '' | UsingFunctionType,
 
     [VModelCmd: `v-model:${string}`]: '' | PathType | TreeSetOption,
     [VForCmd: `v-for(${string})`]: '' | PathType | Function | TreeSetOption,
@@ -1428,7 +1467,7 @@ type TreeSetType = {
     [VOnMountedCmd: `v-on-mounted(${string})`]: '' | PathType | Function | TreeSetOption,
     [VOnUnMountedCmd: `v-on-unmounted(${string})`]: '' | PathType | Function | TreeSetOption,
     [FuncCmd: `func:${string}`]: '' | Function,
-    [DomName: `:${string}`]: '' | ((Paths: PathType) => void) | TreeSetType,
+    [DomName: `:${string}`]: '' | UsingFunctionType | TreeSetType,
 };
 type TreeSetOption = CommandOption;
 type AddCommandOption = PathType | Function | CommandOption;
@@ -1724,7 +1763,7 @@ export class VueCommand extends VueStore {
             },
             'using': (Info, Option) => {
                 if (typeof (Info.StoreValue) === 'function') {
-                    Info.StoreValue(Info.DomPaths);
+                    Info.StoreValue(Info.DomPaths, Info.Nodes);
                 }
             }
         }
@@ -2149,6 +2188,7 @@ export class VueModel extends VueCommand {
 }
 
 const Model = new VueModel();
+
 (window as any).Model = Model;
 export {
     Model,