zartui 3.1.24 → 3.1.26

package/lib/zartui.cjs.js

@@ -14462,11 +14462,15 @@ var stdin_default$A = vue.defineComponent({
     emit,
     slots
   }) {
+    const currentOptions2 = vue.computed(() => {
+      return props.initialOptions;
+    });
     const state = vue.reactive({
-      options: props.initialOptions,
       confirmed: false
     });
-    const currentIndexes = vue.ref(props.currentIndexes);
+    const currentIndexes = vue.computed(() => {
+      return props.currentIndexes;
+    });
     const columnCounts = vue.ref(props.columnCounts);
     const onClickItem = (index) => {
       if (props.readonly) {
@@ -14504,7 +14508,7 @@ var stdin_default$A = vue.defineComponent({
         height: `${props.itemHeight + 8}px`,
         width: `${1 / columnCounts.value * 100}%`
       };
-      return state.options.map((option, index) => {
+      return currentOptions2.value.map((option, index) => {
         const text = getOptionText(option);
         const disabled = isOptionDisabled(option);
         const childData = {
@@ -14575,13 +14579,37 @@ var stdin_default$z = vue.defineComponent({
     emit,
     slots
   }) {
+    const currentOptions2 = vue.ref(props.options);
+    vue.watch(props.options, (newVal) => {
+      currentOptions2.value = newVal;
+    });
     const confirmIndexes = vue.ref(props.selectedIndex);
     const confirmValues = vue.ref(props.selectedValue);
+    const resetOptions = (props2) => {
+      currentOptions2.value = props2.options;
+      confirmIndexes.value = props2.selectedIndex;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+    };
+    const onUpdateCurrentIndexes = (newVal) => {
+      confirmIndexes.value = newVal;
+      if (newVal.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      getValuesByIndexes();
+      emit("update:selectedValue", confirmValues.value);
+    };
     const getIndexesByValues = () => {
       var _a;
       if (confirmValues.value && confirmValues.value.length > 0) {
         confirmIndexes.value.splice(0, confirmIndexes.value.length);
-        (_a = props.options) == null ? void 0 : _a.forEach((option, index) => {
+        (_a = currentOptions2.value) == null ? void 0 : _a.forEach((option, index) => {
           if (option.value && confirmValues.value.includes(option.value)) {
             confirmIndexes.value.push(index);
           }
@@ -14589,6 +14617,16 @@ var stdin_default$z = vue.defineComponent({
       }
     };
     getIndexesByValues();
+    const getValuesByIndexes = () => {
+      if (confirmIndexes.value && confirmIndexes.value.length > 0) {
+        confirmValues.value.splice(0, confirmValues.value.length);
+        confirmIndexes.value.forEach((index) => {
+          if (index > -1 && index < currentOptions2.value.length) {
+            confirmValues.value.push(currentOptions2.value[index].value);
+          }
+        });
+      }
+    };
     const pickerOptions = vue.ref();
     const currentShow = vue.ref(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = vue.ref(36);
@@ -14619,10 +14657,10 @@ var stdin_default$z = vue.defineComponent({
       const indexes = confirmIndexes.value;
       const result = [];
       indexes == null ? void 0 : indexes.forEach((index) => {
-        if (index > -1 && index < props.options.length && props.options[index]) {
+        if (index > -1 && index < currentOptions2.value.length && currentOptions2.value[index]) {
           result.push({
-            [props.textKey]: props.options[index][props.textKey],
-            value: props.options[index].value,
+            [props.textKey]: currentOptions2.value[index][props.textKey],
+            value: currentOptions2.value[index].value,
             initialIndex: index
           });
         }
@@ -14678,20 +14716,20 @@ var stdin_default$z = vue.defineComponent({
         }, [slots.toolbar ? slots.toolbar() : [genCancel(), genConfirm()]]);
       }
     };
-    const genOptionItems = () => {
+    const genOptionItems = vue.computed(() => {
       let formatOptions = [];
-      if (props.options && props.options[0] && typeof props.options[0] !== "object") {
-        formatOptions = props.options.map((v) => ({
+      if (currentOptions2.value && currentOptions2.value[0] && typeof currentOptions2.value[0] !== "object") {
+        formatOptions = currentOptions2.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = props.options;
+        formatOptions = currentOptions2.value;
       }
       return vue.createVNode(stdin_default$A, {
         "ref": pickerOptions,
         "currentIndexes": confirmIndexes.value,
-        "onUpdate:currentIndexes": ($event) => confirmIndexes.value = $event,
+        "onUpdate:currentIndexes": [($event) => confirmIndexes.value = $event, onUpdateCurrentIndexes],
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -14702,15 +14740,18 @@ var stdin_default$z = vue.defineComponent({
       }, {
         option: slots.option
       });
-    };
+    });
     const genOptions2 = () => vue.createVNode("div", {
       "class": bem$r("options")
-    }, [genOptionItems()]);
+    }, [genOptionItems.value]);
     const renderMultiplePicker = () => vue.createVNode("div", {
       "class": bem$r()
     }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1Q, {
       "class": bem$r("loading")
     }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+    useExpose({
+      resetOptions
+    });
     return () => {
       if (props.popup) {
         return vue.createVNode(stdin_default$1S, {
@@ -20501,7 +20542,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.24";
+const version = "3.1.26";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.es.js

@@ -14460,11 +14460,15 @@ var stdin_default$A = defineComponent({
     emit,
     slots
   }) {
+    const currentOptions2 = computed(() => {
+      return props.initialOptions;
+    });
     const state = reactive({
-      options: props.initialOptions,
       confirmed: false
     });
-    const currentIndexes = ref(props.currentIndexes);
+    const currentIndexes = computed(() => {
+      return props.currentIndexes;
+    });
     const columnCounts = ref(props.columnCounts);
     const onClickItem = (index) => {
       if (props.readonly) {
@@ -14502,7 +14506,7 @@ var stdin_default$A = defineComponent({
         height: `${props.itemHeight + 8}px`,
         width: `${1 / columnCounts.value * 100}%`
       };
-      return state.options.map((option, index) => {
+      return currentOptions2.value.map((option, index) => {
         const text = getOptionText(option);
         const disabled = isOptionDisabled(option);
         const childData = {
@@ -14573,13 +14577,37 @@ var stdin_default$z = defineComponent({
     emit,
     slots
   }) {
+    const currentOptions2 = ref(props.options);
+    watch(props.options, (newVal) => {
+      currentOptions2.value = newVal;
+    });
     const confirmIndexes = ref(props.selectedIndex);
     const confirmValues = ref(props.selectedValue);
+    const resetOptions = (props2) => {
+      currentOptions2.value = props2.options;
+      confirmIndexes.value = props2.selectedIndex;
+      if (confirmIndexes.value.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      emit("update:selectedValue", confirmValues.value);
+    };
+    const onUpdateCurrentIndexes = (newVal) => {
+      confirmIndexes.value = newVal;
+      if (newVal.length > 0) {
+        getValuesByIndexes();
+      } else {
+        confirmValues.value = [];
+      }
+      getValuesByIndexes();
+      emit("update:selectedValue", confirmValues.value);
+    };
     const getIndexesByValues = () => {
       var _a;
       if (confirmValues.value && confirmValues.value.length > 0) {
         confirmIndexes.value.splice(0, confirmIndexes.value.length);
-        (_a = props.options) == null ? void 0 : _a.forEach((option, index) => {
+        (_a = currentOptions2.value) == null ? void 0 : _a.forEach((option, index) => {
           if (option.value && confirmValues.value.includes(option.value)) {
             confirmIndexes.value.push(index);
           }
@@ -14587,6 +14615,16 @@ var stdin_default$z = defineComponent({
       }
     };
     getIndexesByValues();
+    const getValuesByIndexes = () => {
+      if (confirmIndexes.value && confirmIndexes.value.length > 0) {
+        confirmValues.value.splice(0, confirmValues.value.length);
+        confirmIndexes.value.forEach((index) => {
+          if (index > -1 && index < currentOptions2.value.length) {
+            confirmValues.value.push(currentOptions2.value[index].value);
+          }
+        });
+      }
+    };
     const pickerOptions = ref();
     const currentShow = ref(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = ref(36);
@@ -14617,10 +14655,10 @@ var stdin_default$z = defineComponent({
       const indexes = confirmIndexes.value;
       const result = [];
       indexes == null ? void 0 : indexes.forEach((index) => {
-        if (index > -1 && index < props.options.length && props.options[index]) {
+        if (index > -1 && index < currentOptions2.value.length && currentOptions2.value[index]) {
           result.push({
-            [props.textKey]: props.options[index][props.textKey],
-            value: props.options[index].value,
+            [props.textKey]: currentOptions2.value[index][props.textKey],
+            value: currentOptions2.value[index].value,
             initialIndex: index
           });
         }
@@ -14676,20 +14714,20 @@ var stdin_default$z = defineComponent({
         }, [slots.toolbar ? slots.toolbar() : [genCancel(), genConfirm()]]);
       }
     };
-    const genOptionItems = () => {
+    const genOptionItems = computed(() => {
       let formatOptions = [];
-      if (props.options && props.options[0] && typeof props.options[0] !== "object") {
-        formatOptions = props.options.map((v) => ({
+      if (currentOptions2.value && currentOptions2.value[0] && typeof currentOptions2.value[0] !== "object") {
+        formatOptions = currentOptions2.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = props.options;
+        formatOptions = currentOptions2.value;
       }
       return createVNode(stdin_default$A, {
         "ref": pickerOptions,
         "currentIndexes": confirmIndexes.value,
-        "onUpdate:currentIndexes": ($event) => confirmIndexes.value = $event,
+        "onUpdate:currentIndexes": [($event) => confirmIndexes.value = $event, onUpdateCurrentIndexes],
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -14700,15 +14738,18 @@ var stdin_default$z = defineComponent({
       }, {
         option: slots.option
       });
-    };
+    });
     const genOptions2 = () => createVNode("div", {
       "class": bem$r("options")
-    }, [genOptionItems()]);
+    }, [genOptionItems.value]);
     const renderMultiplePicker = () => createVNode("div", {
       "class": bem$r()
     }, [genTitle(), props.loading ? createVNode(stdin_default$1Q, {
       "class": bem$r("loading")
     }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+    useExpose({
+      resetOptions
+    });
     return () => {
       if (props.popup) {
         return createVNode(stdin_default$1S, {
@@ -20499,7 +20540,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.24";
+const version = "3.1.26";
 function install(app) {
   const components = [
     ActionSheet,

package/lib/zartui.js

@@ -16207,11 +16207,15 @@
       emit,
       slots
     }) {
+      const currentOptions2 = vue.computed(() => {
+        return props.initialOptions;
+      });
       const state = vue.reactive({
-        options: props.initialOptions,
         confirmed: false
       });
-      const currentIndexes = vue.ref(props.currentIndexes);
+      const currentIndexes = vue.computed(() => {
+        return props.currentIndexes;
+      });
       const columnCounts = vue.ref(props.columnCounts);
       const onClickItem = (index) => {
         if (props.readonly) {
@@ -16249,7 +16253,7 @@
           height: `${props.itemHeight + 8}px`,
           width: `${1 / columnCounts.value * 100}%`
         };
-        return state.options.map((option, index) => {
+        return currentOptions2.value.map((option, index) => {
           const text = getOptionText(option);
           const disabled = isOptionDisabled(option);
           const childData = {
@@ -16320,13 +16324,37 @@
       emit,
       slots
     }) {
+      const currentOptions2 = vue.ref(props.options);
+      vue.watch(props.options, (newVal) => {
+        currentOptions2.value = newVal;
+      });
       const confirmIndexes = vue.ref(props.selectedIndex);
       const confirmValues = vue.ref(props.selectedValue);
+      const resetOptions = (props2) => {
+        currentOptions2.value = props2.options;
+        confirmIndexes.value = props2.selectedIndex;
+        if (confirmIndexes.value.length > 0) {
+          getValuesByIndexes();
+        } else {
+          confirmValues.value = [];
+        }
+        emit("update:selectedValue", confirmValues.value);
+      };
+      const onUpdateCurrentIndexes = (newVal) => {
+        confirmIndexes.value = newVal;
+        if (newVal.length > 0) {
+          getValuesByIndexes();
+        } else {
+          confirmValues.value = [];
+        }
+        getValuesByIndexes();
+        emit("update:selectedValue", confirmValues.value);
+      };
       const getIndexesByValues = () => {
         var _a;
         if (confirmValues.value && confirmValues.value.length > 0) {
           confirmIndexes.value.splice(0, confirmIndexes.value.length);
-          (_a = props.options) == null ? void 0 : _a.forEach((option, index) => {
+          (_a = currentOptions2.value) == null ? void 0 : _a.forEach((option, index) => {
             if (option.value && confirmValues.value.includes(option.value)) {
               confirmIndexes.value.push(index);
             }
@@ -16334,6 +16362,16 @@
         }
       };
       getIndexesByValues();
+      const getValuesByIndexes = () => {
+        if (confirmIndexes.value && confirmIndexes.value.length > 0) {
+          confirmValues.value.splice(0, confirmValues.value.length);
+          confirmIndexes.value.forEach((index) => {
+            if (index > -1 && index < currentOptions2.value.length) {
+              confirmValues.value.push(currentOptions2.value[index].value);
+            }
+          });
+        }
+      };
       const pickerOptions = vue.ref();
       const currentShow = vue.ref(props.showPicker);
       const DEFAULT_ITEM_HEIGHT = vue.ref(36);
@@ -16364,10 +16402,10 @@
         const indexes = confirmIndexes.value;
         const result = [];
         indexes == null ? void 0 : indexes.forEach((index) => {
-          if (index > -1 && index < props.options.length && props.options[index]) {
+          if (index > -1 && index < currentOptions2.value.length && currentOptions2.value[index]) {
             result.push({
-              [props.textKey]: props.options[index][props.textKey],
-              value: props.options[index].value,
+              [props.textKey]: currentOptions2.value[index][props.textKey],
+              value: currentOptions2.value[index].value,
               initialIndex: index
             });
           }
@@ -16423,20 +16461,20 @@
           }, [slots.toolbar ? slots.toolbar() : [genCancel(), genConfirm()]]);
         }
       };
-      const genOptionItems = () => {
+      const genOptionItems = vue.computed(() => {
         let formatOptions = [];
-        if (props.options && props.options[0] && typeof props.options[0] !== "object") {
-          formatOptions = props.options.map((v) => ({
+        if (currentOptions2.value && currentOptions2.value[0] && typeof currentOptions2.value[0] !== "object") {
+          formatOptions = currentOptions2.value.map((v) => ({
             value: v,
             text: v
           }));
         } else {
-          formatOptions = props.options;
+          formatOptions = currentOptions2.value;
         }
         return vue.createVNode(stdin_default$A, {
           "ref": pickerOptions,
           "currentIndexes": confirmIndexes.value,
-          "onUpdate:currentIndexes": ($event) => confirmIndexes.value = $event,
+          "onUpdate:currentIndexes": [($event) => confirmIndexes.value = $event, onUpdateCurrentIndexes],
           "columnCounts": props.columnCounts,
           "initialOptions": formatOptions,
           "allowHtml": props.allowHtml,
@@ -16447,15 +16485,18 @@
         }, {
           option: slots.option
         });
-      };
+      });
       const genOptions2 = () => vue.createVNode("div", {
         "class": bem$r("options")
-      }, [genOptionItems()]);
+      }, [genOptionItems.value]);
       const renderMultiplePicker = () => vue.createVNode("div", {
         "class": bem$r()
       }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1Q, {
         "class": bem$r("loading")
       }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+      useExpose({
+        resetOptions
+      });
       return () => {
         if (props.popup) {
           return vue.createVNode(stdin_default$1S, {
@@ -24499,7 +24540,7 @@
       });
     }
   };
-  const version = "3.1.24";
+  const version = "3.1.26";
   function install(app) {
     const components = [
       ActionSheet,