zartui 3.1.66 → 3.1.68

package/lib/zartui.cjs.js

@@ -16942,7 +16942,10 @@ const multiplePickerProps = {
   showToolbar: truthProp,
   showTitle: truthProp,
   options: makeArrayProp(),
-  filteredOptions: makeArrayProp(),
+  filteredOptions: {
+    type: Array,
+    default: void 0
+  },
   toolbarPosition: makeStringProp("bottom"),
   textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
@@ -16966,7 +16969,7 @@ var stdin_default$A = vue.defineComponent({
     const confirmIndexes = vue.ref(props.selectedIndex);
     const confirmValues = vue.ref(props.selectedValue);
     const displayOptions = vue.computed(() => {
-      return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions2.value;
+      return props.filteredOptions !== void 0 ? props.filteredOptions : currentOptions2.value;
     });
     const displaySelectedIndexes = vue.computed(() => {
       if (!props.filteredOptions || props.filteredOptions.length === 0) {
@@ -17002,22 +17005,22 @@ var stdin_default$A = vue.defineComponent({
     };
     const onUpdateCurrentIndexes = (newVal) => {
       if (props.filteredOptions && props.filteredOptions.length > 0) {
-        const selectedValues = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
+        const selectedValuesInFiltered = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
           var _a;
           return (_a = displayOptions.value[idx]) == null ? void 0 : _a.value;
         });
         const newSelectedIndexes = /* @__PURE__ */ new Set();
+        const filteredValuesSet = new Set(displayOptions.value.map((opt) => opt.value));
         confirmIndexes.value.forEach((idx) => {
           var _a;
           if (idx >= 0 && idx < currentOptions2.value.length) {
             const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
-            if (!isInFilteredList) {
+            if (!filteredValuesSet.has(value)) {
               newSelectedIndexes.add(idx);
             }
           }
         });
-        selectedValues.forEach((value) => {
+        selectedValuesInFiltered.forEach((value) => {
           const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === value);
           if (originalIndex >= 0) {
             newSelectedIndexes.add(originalIndex);
@@ -17064,11 +17067,13 @@ var stdin_default$A = vue.defineComponent({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      currentOptions2.value = deepClone(props.options);
-      confirmIndexes.value = deepClone(currentSelectedIndex.value);
-      confirmValues.value = deepClone(currentSelectedValue.value);
-      getIndexesByValues();
-      updateAllSelectedOptions();
+      if (newValue) {
+        currentOptions2.value = deepClone(props.options);
+        confirmIndexes.value = deepClone(currentSelectedIndex.value);
+        confirmValues.value = deepClone(currentSelectedValue.value);
+        getIndexesByValues();
+        updateAllSelectedOptions();
+      }
     });
     vue.watch(() => props.showPicker, (newValue) => {
       var _a;
@@ -17194,65 +17199,87 @@ var stdin_default$A = vue.defineComponent({
     const handleSelectAll = () => {
       if (props.filteredOptions && props.filteredOptions.length === 0) {
         confirmIndexes.value = [];
+        confirmValues.value = [];
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
         return;
       }
+      let newIndexes = [];
       if (!isAllSelected.value) {
         if (props.filteredOptions && props.filteredOptions.length > 0) {
-          const selectedIndexes = [];
           displayOptions.value.forEach((option2) => {
             const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option2.value);
             if (originalIndex >= 0) {
-              selectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           });
-          confirmIndexes.value = selectedIndexes;
         } else {
-          confirmIndexes.value = currentOptions2.value.map((_, index2) => index2);
+          newIndexes = currentOptions2.value.map((_, index2) => index2);
         }
       } else {
-        confirmIndexes.value = [];
+        newIndexes = [];
       }
+      confirmIndexes.value = newIndexes;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+      emit("update:selectedIndex", confirmIndexes.value);
       updateAllSelectedOptions();
+      onChange();
     };
     const onSelectOther = () => {
       if (props.filteredOptions && props.filteredOptions.length === 0) {
         confirmIndexes.value = [];
+        confirmValues.value = [];
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
         return;
       }
+      let newIndexes = [];
       if (props.filteredOptions && props.filteredOptions.length > 0) {
-        const filteredValues = new Set(displayOptions.value.map((opt) => opt.value));
         const currentSelectedInFiltered = /* @__PURE__ */ new Set();
         confirmIndexes.value.forEach((idx) => {
           var _a;
           if (idx >= 0 && idx < currentOptions2.value.length) {
             const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-            if (filteredValues.has(value)) {
+            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
+            if (isInFilteredList) {
               currentSelectedInFiltered.add(idx);
             }
           }
         });
-        const newSelectedIndexes = [];
         displayOptions.value.forEach((option2) => {
           const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option2.value);
           if (originalIndex >= 0) {
             if (!currentSelectedInFiltered.has(originalIndex)) {
-              newSelectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           }
         });
-        confirmIndexes.value = newSelectedIndexes;
       } else {
-        const temp = new Array();
         currentOptions2.value.forEach((_, index2) => {
           if (!confirmIndexes.value.includes(index2)) {
-            temp.push(index2);
+            newIndexes.push(index2);
           }
         });
-        confirmIndexes.value = temp;
       }
+      confirmIndexes.value = newIndexes;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+      emit("update:selectedIndex", confirmIndexes.value);
       updateAllSelectedOptions();
+      onChange();
     };
     const genOptionItems = () => {
       let formatOptions = [];
@@ -17267,7 +17294,7 @@ var stdin_default$A = vue.defineComponent({
       return vue.createVNode(stdin_default$B, {
         "ref": pickerOptions,
         "currentIndexes": displaySelectedIndexes.value,
-        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
+        "onUpdate:currentIndexes": onUpdateCurrentIndexes,
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -17280,7 +17307,7 @@ var stdin_default$A = vue.defineComponent({
       });
     };
     const genOptions2 = () => {
-      const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+      const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
       return vue.createVNode("div", {
         "class": bem$s("options")
       }, [showEmpty ? vue.createVNode(stdin_default$$, {
@@ -23381,7 +23408,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.66";
+const version = "3.1.68";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -16940,7 +16940,10 @@ const multiplePickerProps = {
   showToolbar: truthProp,
   showTitle: truthProp,
   options: makeArrayProp(),
-  filteredOptions: makeArrayProp(),
+  filteredOptions: {
+    type: Array,
+    default: void 0
+  },
   toolbarPosition: makeStringProp("bottom"),
   textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
@@ -16964,7 +16967,7 @@ var stdin_default$A = defineComponent({
     const confirmIndexes = ref(props.selectedIndex);
     const confirmValues = ref(props.selectedValue);
     const displayOptions = computed(() => {
-      return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions2.value;
+      return props.filteredOptions !== void 0 ? props.filteredOptions : currentOptions2.value;
     });
     const displaySelectedIndexes = computed(() => {
       if (!props.filteredOptions || props.filteredOptions.length === 0) {
@@ -17000,22 +17003,22 @@ var stdin_default$A = defineComponent({
     };
     const onUpdateCurrentIndexes = (newVal) => {
       if (props.filteredOptions && props.filteredOptions.length > 0) {
-        const selectedValues = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
+        const selectedValuesInFiltered = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
           var _a;
           return (_a = displayOptions.value[idx]) == null ? void 0 : _a.value;
         });
         const newSelectedIndexes = /* @__PURE__ */ new Set();
+        const filteredValuesSet = new Set(displayOptions.value.map((opt) => opt.value));
         confirmIndexes.value.forEach((idx) => {
           var _a;
           if (idx >= 0 && idx < currentOptions2.value.length) {
             const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
-            if (!isInFilteredList) {
+            if (!filteredValuesSet.has(value)) {
               newSelectedIndexes.add(idx);
             }
           }
         });
-        selectedValues.forEach((value) => {
+        selectedValuesInFiltered.forEach((value) => {
           const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === value);
           if (originalIndex >= 0) {
             newSelectedIndexes.add(originalIndex);
@@ -17062,11 +17065,13 @@ var stdin_default$A = defineComponent({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      currentOptions2.value = deepClone(props.options);
-      confirmIndexes.value = deepClone(currentSelectedIndex.value);
-      confirmValues.value = deepClone(currentSelectedValue.value);
-      getIndexesByValues();
-      updateAllSelectedOptions();
+      if (newValue) {
+        currentOptions2.value = deepClone(props.options);
+        confirmIndexes.value = deepClone(currentSelectedIndex.value);
+        confirmValues.value = deepClone(currentSelectedValue.value);
+        getIndexesByValues();
+        updateAllSelectedOptions();
+      }
     });
     watch(() => props.showPicker, (newValue) => {
       var _a;
@@ -17192,65 +17197,87 @@ var stdin_default$A = defineComponent({
     const handleSelectAll = () => {
       if (props.filteredOptions && props.filteredOptions.length === 0) {
         confirmIndexes.value = [];
+        confirmValues.value = [];
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
         return;
       }
+      let newIndexes = [];
       if (!isAllSelected.value) {
         if (props.filteredOptions && props.filteredOptions.length > 0) {
-          const selectedIndexes = [];
           displayOptions.value.forEach((option2) => {
             const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option2.value);
             if (originalIndex >= 0) {
-              selectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           });
-          confirmIndexes.value = selectedIndexes;
         } else {
-          confirmIndexes.value = currentOptions2.value.map((_, index2) => index2);
+          newIndexes = currentOptions2.value.map((_, index2) => index2);
         }
       } else {
-        confirmIndexes.value = [];
+        newIndexes = [];
       }
+      confirmIndexes.value = newIndexes;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+      emit("update:selectedIndex", confirmIndexes.value);
       updateAllSelectedOptions();
+      onChange();
     };
     const onSelectOther = () => {
       if (props.filteredOptions && props.filteredOptions.length === 0) {
         confirmIndexes.value = [];
+        confirmValues.value = [];
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
         return;
       }
+      let newIndexes = [];
       if (props.filteredOptions && props.filteredOptions.length > 0) {
-        const filteredValues = new Set(displayOptions.value.map((opt) => opt.value));
         const currentSelectedInFiltered = /* @__PURE__ */ new Set();
         confirmIndexes.value.forEach((idx) => {
           var _a;
           if (idx >= 0 && idx < currentOptions2.value.length) {
             const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-            if (filteredValues.has(value)) {
+            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
+            if (isInFilteredList) {
               currentSelectedInFiltered.add(idx);
             }
           }
         });
-        const newSelectedIndexes = [];
         displayOptions.value.forEach((option2) => {
           const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option2.value);
           if (originalIndex >= 0) {
             if (!currentSelectedInFiltered.has(originalIndex)) {
-              newSelectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           }
         });
-        confirmIndexes.value = newSelectedIndexes;
       } else {
-        const temp = new Array();
         currentOptions2.value.forEach((_, index2) => {
           if (!confirmIndexes.value.includes(index2)) {
-            temp.push(index2);
+            newIndexes.push(index2);
           }
         });
-        confirmIndexes.value = temp;
       }
+      confirmIndexes.value = newIndexes;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+      emit("update:selectedIndex", confirmIndexes.value);
       updateAllSelectedOptions();
+      onChange();
     };
     const genOptionItems = () => {
       let formatOptions = [];
@@ -17265,7 +17292,7 @@ var stdin_default$A = defineComponent({
       return createVNode(stdin_default$B, {
         "ref": pickerOptions,
         "currentIndexes": displaySelectedIndexes.value,
-        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
+        "onUpdate:currentIndexes": onUpdateCurrentIndexes,
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -17278,7 +17305,7 @@ var stdin_default$A = defineComponent({
       });
     };
     const genOptions2 = () => {
-      const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+      const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
       return createVNode("div", {
         "class": bem$s("options")
       }, [showEmpty ? createVNode(stdin_default$$, {
@@ -23379,7 +23406,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.66";
+const version = "3.1.68";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -18718,7 +18718,10 @@
     showToolbar: truthProp,
     showTitle: truthProp,
     options: makeArrayProp(),
-    filteredOptions: makeArrayProp(),
+    filteredOptions: {
+      type: Array,
+      default: void 0
+    },
     toolbarPosition: makeStringProp("bottom"),
     textKey: makeStringProp("text"),
     columnCounts: makeNumberProp(3),
@@ -18742,7 +18745,7 @@
       const confirmIndexes = vue.ref(props.selectedIndex);
       const confirmValues = vue.ref(props.selectedValue);
       const displayOptions = vue.computed(() => {
-        return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions2.value;
+        return props.filteredOptions !== void 0 ? props.filteredOptions : currentOptions2.value;
       });
       const displaySelectedIndexes = vue.computed(() => {
         if (!props.filteredOptions || props.filteredOptions.length === 0) {
@@ -18778,22 +18781,22 @@
       };
       const onUpdateCurrentIndexes = (newVal) => {
         if (props.filteredOptions && props.filteredOptions.length > 0) {
-          const selectedValues = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
+          const selectedValuesInFiltered = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
             var _a;
             return (_a = displayOptions.value[idx]) == null ? void 0 : _a.value;
           });
           const newSelectedIndexes = /* @__PURE__ */ new Set();
+          const filteredValuesSet = new Set(displayOptions.value.map((opt) => opt.value));
           confirmIndexes.value.forEach((idx) => {
             var _a;
             if (idx >= 0 && idx < currentOptions2.value.length) {
               const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-              const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
-              if (!isInFilteredList) {
+              if (!filteredValuesSet.has(value)) {
                 newSelectedIndexes.add(idx);
               }
             }
           });
-          selectedValues.forEach((value) => {
+          selectedValuesInFiltered.forEach((value) => {
             const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === value);
             if (originalIndex >= 0) {
               newSelectedIndexes.add(originalIndex);
@@ -18840,11 +18843,13 @@
         if (newValue !== props.showPicker) {
           emit("update:showPicker", newValue);
         }
-        currentOptions2.value = deepClone(props.options);
-        confirmIndexes.value = deepClone(currentSelectedIndex.value);
-        confirmValues.value = deepClone(currentSelectedValue.value);
-        getIndexesByValues();
-        updateAllSelectedOptions();
+        if (newValue) {
+          currentOptions2.value = deepClone(props.options);
+          confirmIndexes.value = deepClone(currentSelectedIndex.value);
+          confirmValues.value = deepClone(currentSelectedValue.value);
+          getIndexesByValues();
+          updateAllSelectedOptions();
+        }
       });
       vue.watch(() => props.showPicker, (newValue) => {
         var _a;
@@ -18970,65 +18975,87 @@
       const handleSelectAll = () => {
         if (props.filteredOptions && props.filteredOptions.length === 0) {
           confirmIndexes.value = [];
+          confirmValues.value = [];
+          emit("update:selectedValue", confirmValues.value);
+          emit("update:selectedIndex", confirmIndexes.value);
           updateAllSelectedOptions();
+          onChange();
           return;
         }
+        let newIndexes = [];
         if (!isAllSelected.value) {
           if (props.filteredOptions && props.filteredOptions.length > 0) {
-            const selectedIndexes = [];
             displayOptions.value.forEach((option) => {
               const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option.value);
               if (originalIndex >= 0) {
-                selectedIndexes.push(originalIndex);
+                newIndexes.push(originalIndex);
               }
             });
-            confirmIndexes.value = selectedIndexes;
           } else {
-            confirmIndexes.value = currentOptions2.value.map((_, index2) => index2);
+            newIndexes = currentOptions2.value.map((_, index2) => index2);
           }
         } else {
-          confirmIndexes.value = [];
+          newIndexes = [];
         }
+        confirmIndexes.value = newIndexes;
+        if (confirmIndexes.value.length > 0) {
+          getValuesByIndexes();
+        } else {
+          confirmValues.value = [];
+        }
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
       };
       const onSelectOther = () => {
         if (props.filteredOptions && props.filteredOptions.length === 0) {
           confirmIndexes.value = [];
+          confirmValues.value = [];
+          emit("update:selectedValue", confirmValues.value);
+          emit("update:selectedIndex", confirmIndexes.value);
           updateAllSelectedOptions();
+          onChange();
           return;
         }
+        let newIndexes = [];
         if (props.filteredOptions && props.filteredOptions.length > 0) {
-          const filteredValues = new Set(displayOptions.value.map((opt) => opt.value));
           const currentSelectedInFiltered = /* @__PURE__ */ new Set();
           confirmIndexes.value.forEach((idx) => {
             var _a;
             if (idx >= 0 && idx < currentOptions2.value.length) {
               const value = (_a = currentOptions2.value[idx]) == null ? void 0 : _a.value;
-              if (filteredValues.has(value)) {
+              const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
+              if (isInFilteredList) {
                 currentSelectedInFiltered.add(idx);
               }
             }
           });
-          const newSelectedIndexes = [];
           displayOptions.value.forEach((option) => {
             const originalIndex = currentOptions2.value.findIndex((opt) => opt.value === option.value);
             if (originalIndex >= 0) {
               if (!currentSelectedInFiltered.has(originalIndex)) {
-                newSelectedIndexes.push(originalIndex);
+                newIndexes.push(originalIndex);
               }
             }
           });
-          confirmIndexes.value = newSelectedIndexes;
         } else {
-          const temp = new Array();
           currentOptions2.value.forEach((_, index2) => {
             if (!confirmIndexes.value.includes(index2)) {
-              temp.push(index2);
+              newIndexes.push(index2);
             }
           });
-          confirmIndexes.value = temp;
         }
+        confirmIndexes.value = newIndexes;
+        if (confirmIndexes.value.length > 0) {
+          getValuesByIndexes();
+        } else {
+          confirmValues.value = [];
+        }
+        emit("update:selectedValue", confirmValues.value);
+        emit("update:selectedIndex", confirmIndexes.value);
         updateAllSelectedOptions();
+        onChange();
       };
       const genOptionItems = () => {
         let formatOptions = [];
@@ -19043,7 +19070,7 @@
         return vue.createVNode(stdin_default$B, {
           "ref": pickerOptions,
           "currentIndexes": displaySelectedIndexes.value,
-          "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
+          "onUpdate:currentIndexes": onUpdateCurrentIndexes,
           "columnCounts": props.columnCounts,
           "initialOptions": formatOptions,
           "allowHtml": props.allowHtml,
@@ -19056,7 +19083,7 @@
         });
       };
       const genOptions2 = () => {
-        const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+        const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
         return vue.createVNode("div", {
           "class": bem$s("options")
         }, [showEmpty ? vue.createVNode(stdin_default$$, {
@@ -27441,7 +27468,7 @@
       });
     }
   };
-  const version = "3.1.66";
+  const version = "3.1.68";
   function install(app) {
     const components = [
       ActionSheet,