selectic 3.0.9 → 3.0.10

package/dist/selectic.common.js

@@ -47,6 +47,9 @@ function deepClone(obj, refs = new WeakMap()) {
         return refs.get(obj);
     }
     if (typeof obj === 'object') {
+        if (obj === null) {
+            return obj;
+        }
         if (Array.isArray(obj)) {
             const ref = [];
             refs.set(obj, ref);
@@ -288,10 +291,10 @@ class SelecticStore {
             this.setAutomaticClose();
             this.commit('isOpen', false);
         };
-        const value = this.props.value;
+        const value = deepClone(this.props.value);
         /* set initial value for non reactive attribute */
         this.cacheRequest = new Map();
-        const stateParam = Object.assign({}, this.props.params);
+        const stateParam = deepClone(this.props.params);
         if (stateParam.optionBehavior) {
             this.buildOptionBehavior(stateParam.optionBehavior, stateParam);
             delete stateParam.optionBehavior;
@@ -681,7 +684,7 @@ class SelecticStore {
     }
     /* This method is for the computed property listOptions */
     getListOptions() {
-        const options = this.props.options;
+        const options = deepClone(this.props.options);
         const listOptions = [];
         if (!Array.isArray(options)) {
             return listOptions;
@@ -718,7 +721,7 @@ class SelecticStore {
     }
     /* This method is for the computed property elementOptions */
     getElementOptions() {
-        const options = this.props.childOptions;
+        const options = deepClone(this.props.childOptions);
         const childOptions = [];
         if (!Array.isArray(options) || options.length === 0) {
             return childOptions;

package/dist/selectic.esm.js

@@ -43,6 +43,9 @@ function deepClone(obj, refs = new WeakMap()) {
         return refs.get(obj);
     }
     if (typeof obj === 'object') {
+        if (obj === null) {
+            return obj;
+        }
         if (Array.isArray(obj)) {
             const ref = [];
             refs.set(obj, ref);
@@ -284,10 +287,10 @@ class SelecticStore {
             this.setAutomaticClose();
             this.commit('isOpen', false);
         };
-        const value = this.props.value;
+        const value = deepClone(this.props.value);
         /* set initial value for non reactive attribute */
         this.cacheRequest = new Map();
-        const stateParam = Object.assign({}, this.props.params);
+        const stateParam = deepClone(this.props.params);
         if (stateParam.optionBehavior) {
             this.buildOptionBehavior(stateParam.optionBehavior, stateParam);
             delete stateParam.optionBehavior;
@@ -677,7 +680,7 @@ class SelecticStore {
     }
     /* This method is for the computed property listOptions */
     getListOptions() {
-        const options = this.props.options;
+        const options = deepClone(this.props.options);
         const listOptions = [];
         if (!Array.isArray(options)) {
             return listOptions;
@@ -714,7 +717,7 @@ class SelecticStore {
     }
     /* This method is for the computed property elementOptions */
     getElementOptions() {
-        const options = this.props.childOptions;
+        const options = deepClone(this.props.childOptions);
         const childOptions = [];
         if (!Array.isArray(options) || options.length === 0) {
             return childOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "selectic",
-    "version": "3.0.9",
+    "version": "3.0.10",
     "description": "Smart Select for VueJS 3.x",
     "main": "dist/selectic.common.js",
     "module": "dist/selectic.esm.js",

package/src/Store.tsx

@@ -5,7 +5,7 @@
  */
 
 import { reactive, watch, unref, computed, ComputedRef } from 'vue';
-import { convertToRegExp, assignObject } from './tools';
+import { convertToRegExp, assignObject, deepClone } from './tools';
 
 /* {{{ Types definitions */
 
@@ -587,13 +587,13 @@ export default class SelecticStore {
             this.commit('isOpen', false);
         }
 
-        const value = this.props.value;
+        const value = deepClone(this.props.value);
 
         /* set initial value for non reactive attribute */
         this.cacheRequest = new Map();
 
         const stateParam: SelecticStoreStateParams | SelecticStoreState =
-            Object.assign({}, this.props.params);
+            deepClone(this.props.params);
 
         if (stateParam.optionBehavior) {
             this.buildOptionBehavior(
@@ -1060,7 +1060,7 @@ export default class SelecticStore {
 
     /* This method is for the computed property listOptions */
     private getListOptions(): OptionValue[] {
-        const options = this.props.options;
+        const options = deepClone(this.props.options);
         const listOptions: OptionValue[] = [];
 
         if (!Array.isArray(options)) {
@@ -1106,7 +1106,7 @@ export default class SelecticStore {
 
     /* This method is for the computed property elementOptions */
     private getElementOptions(): OptionValue[] {
-        const options = this.props.childOptions;
+        const options = deepClone(this.props.childOptions);
         const childOptions: OptionValue[] = [];
 
         if (!Array.isArray(options) || options.length === 0) {

package/src/tools.ts

@@ -12,6 +12,10 @@ export function deepClone<T = any>(obj: T, refs: WeakMap<any, any> = new WeakMap
     }
 
     if (typeof obj === 'object') {
+        if (obj === null) {
+            return obj;
+        }
+
         if (Array.isArray(obj)) {
             const ref: any[] = [];
             refs.set(obj, ref);