zartui 3.1.32 → 3.1.34

package/lib/zartui.cjs.js

@@ -9551,7 +9551,7 @@ var stdin_default$$ = vue.defineComponent({
       parent,
       index
     } = use.useParent(DROPDOWN_KEY);
-    const modelArray = vue.reactive(props.modelValueArray);
+    const modelArray = vue.ref(props.modelValueArray);
     if (!parent) {
       if (process.env.NODE_ENV !== "production") {
         console.error("[ZartUI] <DropdownItem> must be a child component of <DropdownMenu>.");
@@ -9563,7 +9563,7 @@ var stdin_default$$ = vue.defineComponent({
     const onOpened = getEmitter("opened");
     const onClose = () => {
       if (props.multiSelect) {
-        emit("close", modelArray);
+        emit("close", modelArray.value);
       } else {
         emit("close");
       }
@@ -9571,7 +9571,7 @@ var stdin_default$$ = vue.defineComponent({
     const onClosed = () => {
       state.showWrapper = false;
       if (props.multiSelect) {
-        emit("closed", modelArray);
+        emit("closed", modelArray.value);
       } else {
         emit("closed");
       }
@@ -9583,14 +9583,14 @@ var stdin_default$$ = vue.defineComponent({
     };
     const onClickReset = () => {
       var _a;
-      modelArray.splice(0);
-      modelArray.push(...(_a = props.resetDefaultValue) != null ? _a : []);
+      modelArray.value.splice(0);
+      modelArray.value.push(...(_a = props.resetDefaultValue) != null ? _a : []);
       state.showPopup = false;
       emit("reset");
     };
     const onClickConfirm = () => {
       state.showPopup = false;
-      emit("confirm", modelArray);
+      emit("confirm", modelArray.value);
     };
     const toggle = (show = !state.showPopup, options = {}) => {
       if (show === state.showPopup) {
@@ -9613,7 +9613,7 @@ var stdin_default$$ = vue.defineComponent({
       if (props.multiSelect) {
         let title = "";
         props.options.forEach((item) => {
-          if (modelArray.indexOf(item.value) > -1) {
+          if (modelArray.value.indexOf(item.value) > -1) {
             title += item[fields.value.text] + "、";
           }
         });
@@ -9626,6 +9626,7 @@ var stdin_default$$ = vue.defineComponent({
       return match ? match[fields.value.text] : "";
     };
     const renderOption = (option) => {
+      var _a;
       const {
         activeColor
       } = parent.props;
@@ -9633,7 +9634,7 @@ var stdin_default$$ = vue.defineComponent({
       const text = option[fields.value.text];
       let active = false;
       if (props.multiSelect) {
-        if (modelArray == null ? void 0 : modelArray.includes(value)) {
+        if ((_a = modelArray.value) == null ? void 0 : _a.includes(value)) {
           active = true;
           option.selected = true;
         } else {
@@ -9646,20 +9647,17 @@ var stdin_default$$ = vue.defineComponent({
         if (props.multiSelect) {
           let isCancelSelect = true;
           if (option.selected) {
-            modelArray.splice(modelArray.indexOf(value), 1);
-            emit("update:modelValue", -value);
+            modelArray.value.splice(modelArray.value.indexOf(value), 1);
             emit("change", -value);
           } else {
-            modelArray.push(value);
+            modelArray.value.push(value);
             isCancelSelect = false;
-            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value, isCancelSelect);
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
-            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value);
@@ -9806,11 +9804,12 @@ var stdin_default$$ = vue.defineComponent({
       })]), [[vue.vShow, state.showWrapper]]);
     };
     const updateInnerValue = (updateValue = []) => {
-      modelArray.splice(0);
-      modelArray.push(...updateValue);
+      modelArray.value.splice(0);
+      modelArray.value.push(...updateValue);
     };
     useExpose({
       state,
+      modelArray,
       toggle,
       renderTitle,
       updateInnerValue
@@ -20563,7 +20562,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.32";
+const version = "3.1.33";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -9549,7 +9549,7 @@ var stdin_default$$ = defineComponent({
       parent,
       index
     } = useParent(DROPDOWN_KEY);
-    const modelArray = reactive(props.modelValueArray);
+    const modelArray = ref(props.modelValueArray);
     if (!parent) {
       if (process.env.NODE_ENV !== "production") {
         console.error("[ZartUI] <DropdownItem> must be a child component of <DropdownMenu>.");
@@ -9561,7 +9561,7 @@ var stdin_default$$ = defineComponent({
     const onOpened = getEmitter("opened");
     const onClose = () => {
       if (props.multiSelect) {
-        emit("close", modelArray);
+        emit("close", modelArray.value);
       } else {
         emit("close");
       }
@@ -9569,7 +9569,7 @@ var stdin_default$$ = defineComponent({
     const onClosed = () => {
       state.showWrapper = false;
       if (props.multiSelect) {
-        emit("closed", modelArray);
+        emit("closed", modelArray.value);
       } else {
         emit("closed");
       }
@@ -9581,14 +9581,14 @@ var stdin_default$$ = defineComponent({
     };
     const onClickReset = () => {
       var _a;
-      modelArray.splice(0);
-      modelArray.push(...(_a = props.resetDefaultValue) != null ? _a : []);
+      modelArray.value.splice(0);
+      modelArray.value.push(...(_a = props.resetDefaultValue) != null ? _a : []);
       state.showPopup = false;
       emit("reset");
     };
     const onClickConfirm = () => {
       state.showPopup = false;
-      emit("confirm", modelArray);
+      emit("confirm", modelArray.value);
     };
     const toggle = (show = !state.showPopup, options = {}) => {
       if (show === state.showPopup) {
@@ -9611,7 +9611,7 @@ var stdin_default$$ = defineComponent({
       if (props.multiSelect) {
         let title = "";
         props.options.forEach((item) => {
-          if (modelArray.indexOf(item.value) > -1) {
+          if (modelArray.value.indexOf(item.value) > -1) {
             title += item[fields.value.text] + "、";
           }
         });
@@ -9624,6 +9624,7 @@ var stdin_default$$ = defineComponent({
       return match ? match[fields.value.text] : "";
     };
     const renderOption = (option) => {
+      var _a;
       const {
         activeColor
       } = parent.props;
@@ -9631,7 +9632,7 @@ var stdin_default$$ = defineComponent({
       const text = option[fields.value.text];
       let active = false;
       if (props.multiSelect) {
-        if (modelArray == null ? void 0 : modelArray.includes(value)) {
+        if ((_a = modelArray.value) == null ? void 0 : _a.includes(value)) {
           active = true;
           option.selected = true;
         } else {
@@ -9644,20 +9645,17 @@ var stdin_default$$ = defineComponent({
         if (props.multiSelect) {
           let isCancelSelect = true;
           if (option.selected) {
-            modelArray.splice(modelArray.indexOf(value), 1);
-            emit("update:modelValue", -value);
+            modelArray.value.splice(modelArray.value.indexOf(value), 1);
             emit("change", -value);
           } else {
-            modelArray.push(value);
+            modelArray.value.push(value);
             isCancelSelect = false;
-            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value, isCancelSelect);
         } else {
           state.showPopup = false;
           if (option.value !== props.modelValue) {
-            emit("update:modelValue", value);
             emit("change", value);
           }
           emit("item-select", value);
@@ -9804,11 +9802,12 @@ var stdin_default$$ = defineComponent({
       })]), [[vShow, state.showWrapper]]);
     };
     const updateInnerValue = (updateValue = []) => {
-      modelArray.splice(0);
-      modelArray.push(...updateValue);
+      modelArray.value.splice(0);
+      modelArray.value.push(...updateValue);
     };
     useExpose({
       state,
+      modelArray,
       toggle,
       renderTitle,
       updateInnerValue
@@ -20561,7 +20560,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.32";
+const version = "3.1.33";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -9795,7 +9795,7 @@
         parent,
         index
       } = useParent(DROPDOWN_KEY);
-      const modelArray = vue.reactive(props.modelValueArray);
+      const modelArray = vue.ref(props.modelValueArray);
       if (!parent) {
         return;
       }
@@ -9804,7 +9804,7 @@
       const onOpened = getEmitter("opened");
       const onClose = () => {
         if (props.multiSelect) {
-          emit("close", modelArray);
+          emit("close", modelArray.value);
         } else {
           emit("close");
         }
@@ -9812,7 +9812,7 @@
       const onClosed = () => {
         state.showWrapper = false;
         if (props.multiSelect) {
-          emit("closed", modelArray);
+          emit("closed", modelArray.value);
         } else {
           emit("closed");
         }
@@ -9824,14 +9824,14 @@
       };
       const onClickReset = () => {
         var _a;
-        modelArray.splice(0);
-        modelArray.push(...(_a = props.resetDefaultValue) != null ? _a : []);
+        modelArray.value.splice(0);
+        modelArray.value.push(...(_a = props.resetDefaultValue) != null ? _a : []);
         state.showPopup = false;
         emit("reset");
       };
       const onClickConfirm = () => {
         state.showPopup = false;
-        emit("confirm", modelArray);
+        emit("confirm", modelArray.value);
       };
       const toggle = (show = !state.showPopup, options = {}) => {
         if (show === state.showPopup) {
@@ -9854,7 +9854,7 @@
         if (props.multiSelect) {
           let title = "";
           props.options.forEach((item) => {
-            if (modelArray.indexOf(item.value) > -1) {
+            if (modelArray.value.indexOf(item.value) > -1) {
               title += item[fields.value.text] + "、";
             }
           });
@@ -9867,6 +9867,7 @@
         return match ? match[fields.value.text] : "";
       };
       const renderOption = (option) => {
+        var _a;
         const {
           activeColor
         } = parent.props;
@@ -9874,7 +9875,7 @@
         const text = option[fields.value.text];
         let active = false;
         if (props.multiSelect) {
-          if (modelArray == null ? void 0 : modelArray.includes(value)) {
+          if ((_a = modelArray.value) == null ? void 0 : _a.includes(value)) {
             active = true;
             option.selected = true;
           } else {
@@ -9887,20 +9888,17 @@
           if (props.multiSelect) {
             let isCancelSelect = true;
             if (option.selected) {
-              modelArray.splice(modelArray.indexOf(value), 1);
-              emit("update:modelValue", -value);
+              modelArray.value.splice(modelArray.value.indexOf(value), 1);
               emit("change", -value);
             } else {
-              modelArray.push(value);
+              modelArray.value.push(value);
               isCancelSelect = false;
-              emit("update:modelValue", value);
               emit("change", value);
             }
             emit("item-select", value, isCancelSelect);
           } else {
             state.showPopup = false;
             if (option.value !== props.modelValue) {
-              emit("update:modelValue", value);
               emit("change", value);
             }
             emit("item-select", value);
@@ -10047,11 +10045,12 @@
         })]), [[vue.vShow, state.showWrapper]]);
       };
       const updateInnerValue = (updateValue = []) => {
-        modelArray.splice(0);
-        modelArray.push(...updateValue);
+        modelArray.value.splice(0);
+        modelArray.value.push(...updateValue);
       };
       useExpose({
         state,
+        modelArray,
         toggle,
         renderTitle,
         updateInnerValue
@@ -24623,7 +24622,7 @@
       });
     }
   };
-  const version = "3.1.32";
+  const version = "3.1.33";
   function install(app) {
     const components = [
       ActionSheet,