zartui 3.1.32 → 3.1.33

package/es/dropdown-item/DropdownItem.mjs

@@ -1,4 +1,4 @@
-import { reactive, Teleport, defineComponent, computed, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, createTextVNode as _createTextVNode, mergeProps as _mergeProps } from "vue";
+import { reactive, Teleport, defineComponent, computed, ref, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, createTextVNode as _createTextVNode, mergeProps as _mergeProps } from "vue";
 import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp, HAPTICS_FEEDBACK, extend, makeStringProp } from "../utils/index.mjs";
 import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
 import { useParent } from "@zartui/use";
@@ -48,7 +48,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>.");
@@ -60,7 +60,7 @@ var stdin_default = defineComponent({
     const onOpened = getEmitter("opened");
     const onClose = () => {
       if (props.multiSelect) {
-        emit("close", modelArray);
+        emit("close", modelArray.value);
       } else {
         emit("close");
       }
@@ -68,7 +68,7 @@ var stdin_default = defineComponent({
     const onClosed = () => {
       state.showWrapper = false;
       if (props.multiSelect) {
-        emit("closed", modelArray);
+        emit("closed", modelArray.value);
       } else {
         emit("closed");
       }
@@ -80,14 +80,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) {
@@ -110,7 +110,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] + "\u3001";
           }
         });
@@ -123,6 +123,7 @@ var stdin_default = defineComponent({
       return match ? match[fields.value.text] : "";
     };
     const renderOption = (option) => {
+      var _a;
       const {
         activeColor
       } = parent.props;
@@ -130,7 +131,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 {
@@ -143,20 +144,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);
@@ -303,11 +301,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

package/es/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.32";
+export const version: "3.1.33";

package/es/index.mjs

@@ -76,7 +76,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.32";
+const version = "3.1.33";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/dropdown-item/DropdownItem.js

@@ -71,7 +71,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       parent,
       index
     } = (0, import_use.useParent)(import_DropdownMenu.DROPDOWN_KEY);
-    const modelArray = (0, import_vue.reactive)(props.modelValueArray);
+    const modelArray = (0, import_vue.ref)(props.modelValueArray);
     if (!parent) {
       if (process.env.NODE_ENV !== "production") {
         console.error("[ZartUI] <DropdownItem> must be a child component of <DropdownMenu>.");
@@ -83,7 +83,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const onOpened = getEmitter("opened");
     const onClose = () => {
       if (props.multiSelect) {
-        emit("close", modelArray);
+        emit("close", modelArray.value);
       } else {
         emit("close");
       }
@@ -91,7 +91,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     const onClosed = () => {
       state.showWrapper = false;
       if (props.multiSelect) {
-        emit("closed", modelArray);
+        emit("closed", modelArray.value);
       } else {
         emit("closed");
       }
@@ -103,14 +103,14 @@ var stdin_default = (0, import_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) {
@@ -133,7 +133,7 @@ var stdin_default = (0, import_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] + "\u3001";
           }
         });
@@ -146,6 +146,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       return match ? match[fields.value.text] : "";
     };
     const renderOption = (option) => {
+      var _a;
       const {
         activeColor
       } = parent.props;
@@ -153,7 +154,7 @@ var stdin_default = (0, import_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 {
@@ -166,20 +167,17 @@ var stdin_default = (0, import_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);
@@ -326,11 +324,12 @@ var stdin_default = (0, import_vue.defineComponent)({
       })]), [[import_vue.vShow, state.showWrapper]]);
     };
     const updateInnerValue = (updateValue = []) => {
-      modelArray.splice(0);
-      modelArray.push(...updateValue);
+      modelArray.value.splice(0);
+      modelArray.value.push(...updateValue);
     };
     (0, import_use_expose.useExpose)({
       state,
+      modelArray,
       toggle,
       renderTitle,
       updateInnerValue

package/lib/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.32";
+export const version: "3.1.33";

package/lib/index.js

@@ -180,7 +180,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.32";
+const version = "3.1.33";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,