zartui 3.1.67 → 3.1.69

package/lib/zartui.cjs.js

@@ -3956,6 +3956,7 @@ var stdin_default$1D = vue.defineComponent({
         scrollable
       } = props;
       const isCard = type === "card";
+      const isCapsule = type === "capsule";
       if (color && isCard) {
         style2.borderColor = color;
         if (!disabled) {
@@ -3966,6 +3967,17 @@ var stdin_default$1D = vue.defineComponent({
           }
         }
       }
+      if (isCapsule) {
+        if (!disabled) {
+          if (isActive) {
+            style2.backgroundImage = "linear-gradient(-80deg, #85C0FF 0%, #3388FF 100%)";
+            style2.borderRadius = "14px";
+            style2.color = "#ffffff";
+          } else {
+            style2.backgroundColor = "#ffffff";
+          }
+        }
+      }
       const titleColor = isActive ? activeColor : inactiveColor;
       if (titleColor) {
         style2.color = titleColor;
@@ -16942,7 +16954,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 +16981,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) {
@@ -17064,11 +17079,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 +17211,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 +17306,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,
@@ -23381,7 +23420,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.67";
+const version = "3.1.69";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -3954,6 +3954,7 @@ var stdin_default$1D = defineComponent({
         scrollable
       } = props;
       const isCard = type === "card";
+      const isCapsule = type === "capsule";
       if (color && isCard) {
         style2.borderColor = color;
         if (!disabled) {
@@ -3964,6 +3965,17 @@ var stdin_default$1D = defineComponent({
           }
         }
       }
+      if (isCapsule) {
+        if (!disabled) {
+          if (isActive) {
+            style2.backgroundImage = "linear-gradient(-80deg, #85C0FF 0%, #3388FF 100%)";
+            style2.borderRadius = "14px";
+            style2.color = "#ffffff";
+          } else {
+            style2.backgroundColor = "#ffffff";
+          }
+        }
+      }
       const titleColor = isActive ? activeColor : inactiveColor;
       if (titleColor) {
         style2.color = titleColor;
@@ -16940,7 +16952,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 +16979,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) {
@@ -17062,11 +17077,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 +17209,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 +17304,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,
@@ -23379,7 +23418,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.67";
+const version = "3.1.69";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -4223,6 +4223,7 @@
           scrollable
         } = props;
         const isCard = type === "card";
+        const isCapsule = type === "capsule";
         if (color && isCard) {
           style2.borderColor = color;
           if (!disabled) {
@@ -4233,6 +4234,17 @@
             }
           }
         }
+        if (isCapsule) {
+          if (!disabled) {
+            if (isActive) {
+              style2.backgroundImage = "linear-gradient(-80deg, #85C0FF 0%, #3388FF 100%)";
+              style2.borderRadius = "14px";
+              style2.color = "#ffffff";
+            } else {
+              style2.backgroundColor = "#ffffff";
+            }
+          }
+        }
         const titleColor = isActive ? activeColor : inactiveColor;
         if (titleColor) {
           style2.color = titleColor;
@@ -18718,7 +18730,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 +18757,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) {
@@ -18840,11 +18855,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 +18987,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 +19082,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,
@@ -27441,7 +27480,7 @@
       });
     }
   };
-  const version = "3.1.67";
+  const version = "3.1.69";
   function install(app) {
     const components = [
       ActionSheet,