zartui 3.1.25 → 3.1.27

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.25";
+export const version: "3.1.27";

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.25";
+const version = "3.1.27";
 function install(app) {
   const components = [
     ActionSheet,

package/es/multiple-picker/MultiplePicker.d.ts

@@ -61,6 +61,12 @@ declare const multiplePickerProps: {
         default: true;
     };
 };
+export type MultiplePickerExpose = {
+    resetOptions: (props: {
+        options: Array<PickerOption>;
+        selectedIndex: Array<number>;
+    }) => void;
+};
 export type MultiplePickerProps = ExtractPropTypes<typeof multiplePickerProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;

package/es/multiple-picker/MultiplePicker.mjs

@@ -6,6 +6,7 @@ import Loading from "../loading/index.mjs";
 import MultiplePickerOptions from "./MultiplePickerOptions.mjs";
 import Popup from "../popup/index.mjs";
 import Button from "../button/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("multiple-picker");
 const multiplePickerProps = {
   title: String,
@@ -36,13 +37,36 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
+    const currentOptions = ref(props.options);
+    const currentSelectedIndex = computed(() => props.selectedIndex);
+    const currentSelectedValue = computed(() => props.selectedValue);
     const confirmIndexes = ref(props.selectedIndex);
     const confirmValues = ref(props.selectedValue);
+    const resetOptions = (props2) => {
+      currentOptions.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 = currentOptions.value) == null ? void 0 : _a.forEach((option, index) => {
           if (option.value && confirmValues.value.includes(option.value)) {
             confirmIndexes.value.push(index);
           }
@@ -50,6 +74,16 @@ var stdin_default = 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 < currentOptions.value.length) {
+            confirmValues.value.push(currentOptions.value[index].value);
+          }
+        });
+      }
+    };
     const pickerOptions = ref();
     const currentShow = ref(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = ref(36);
@@ -57,8 +91,8 @@ var stdin_default = defineComponent({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      confirmIndexes.value = deepClone(props.selectedIndex);
-      confirmValues.value = deepClone(props.selectedValue);
+      confirmIndexes.value = deepClone(currentSelectedIndex.value);
+      confirmValues.value = deepClone(currentSelectedValue.value);
       getIndexesByValues();
     });
     watch(() => props.showPicker, (newValue) => {
@@ -80,10 +114,10 @@ var stdin_default = 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 < currentOptions.value.length && currentOptions.value[index]) {
           result.push({
-            [props.textKey]: props.options[index][props.textKey],
-            value: props.options[index].value,
+            [props.textKey]: currentOptions.value[index][props.textKey],
+            value: currentOptions.value[index].value,
             initialIndex: index
           });
         }
@@ -139,20 +173,20 @@ var stdin_default = 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 (currentOptions.value && currentOptions.value[0] && typeof currentOptions.value[0] !== "object") {
+        formatOptions = currentOptions.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = props.options;
+        formatOptions = currentOptions.value;
       }
       return _createVNode(MultiplePickerOptions, {
         "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,
@@ -163,15 +197,18 @@ var stdin_default = defineComponent({
       }, {
         option: slots.option
       });
-    };
+    });
     const genOptions = () => _createVNode("div", {
       "class": bem("options")
-    }, [genOptionItems()]);
+    }, [genOptionItems.value]);
     const renderMultiplePicker = () => _createVNode("div", {
       "class": bem()
     }, [genTitle(), props.loading ? _createVNode(Loading, {
       "class": bem("loading")
     }, null) : "", genOptions(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+    useExpose({
+      resetOptions
+    });
     return () => {
       if (props.popup) {
         return _createVNode(Popup, {

package/es/multiple-picker/MultiplePickerOptions.mjs

@@ -1,4 +1,4 @@
-import { ref, defineComponent, reactive, createVNode as _createVNode } from "vue";
+import { ref, defineComponent, reactive, computed, createVNode as _createVNode } from "vue";
 import { createNamespace, isObject, makeArrayProp, makeNumberProp, makeStringProp } from "../utils/index.mjs";
 import { deepClone } from "../utils/deep-clone.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
@@ -20,11 +20,15 @@ var stdin_default = defineComponent({
     emit,
     slots
   }) {
+    const currentOptions = 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) {
@@ -62,7 +66,7 @@ var stdin_default = defineComponent({
         height: `${props.itemHeight + 8}px`,
         width: `${1 / columnCounts.value * 100}%`
       };
-      return state.options.map((option, index) => {
+      return currentOptions.value.map((option, index) => {
         const text = getOptionText(option);
         const disabled = isOptionDisabled(option);
         const childData = {

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.25";
+export const version: "3.1.27";

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.25";
+const version = "3.1.27";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,

package/lib/multiple-picker/MultiplePicker.d.ts

@@ -61,6 +61,12 @@ declare const multiplePickerProps: {
         default: true;
     };
 };
+export type MultiplePickerExpose = {
+    resetOptions: (props: {
+        options: Array<PickerOption>;
+        selectedIndex: Array<number>;
+    }) => void;
+};
 export type MultiplePickerProps = ExtractPropTypes<typeof multiplePickerProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;

package/lib/multiple-picker/MultiplePicker.js

@@ -38,6 +38,7 @@ var import_loading = __toESM(require("../loading"));
 var import_MultiplePickerOptions = __toESM(require("./MultiplePickerOptions"));
 var import_popup = __toESM(require("../popup"));
 var import_button = __toESM(require("../button"));
+var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("multiple-picker");
 const multiplePickerProps = {
   title: String,
@@ -68,13 +69,36 @@ var stdin_default = (0, import_vue.defineComponent)({
     emit,
     slots
   }) {
+    const currentOptions = (0, import_vue.ref)(props.options);
+    const currentSelectedIndex = (0, import_vue.computed)(() => props.selectedIndex);
+    const currentSelectedValue = (0, import_vue.computed)(() => props.selectedValue);
     const confirmIndexes = (0, import_vue.ref)(props.selectedIndex);
     const confirmValues = (0, import_vue.ref)(props.selectedValue);
+    const resetOptions = (props2) => {
+      currentOptions.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 = currentOptions.value) == null ? void 0 : _a.forEach((option, index) => {
           if (option.value && confirmValues.value.includes(option.value)) {
             confirmIndexes.value.push(index);
           }
@@ -82,6 +106,16 @@ var stdin_default = (0, import_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 < currentOptions.value.length) {
+            confirmValues.value.push(currentOptions.value[index].value);
+          }
+        });
+      }
+    };
     const pickerOptions = (0, import_vue.ref)();
     const currentShow = (0, import_vue.ref)(props.showPicker);
     const DEFAULT_ITEM_HEIGHT = (0, import_vue.ref)(36);
@@ -89,8 +123,8 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      confirmIndexes.value = (0, import_deep_clone.deepClone)(props.selectedIndex);
-      confirmValues.value = (0, import_deep_clone.deepClone)(props.selectedValue);
+      confirmIndexes.value = (0, import_deep_clone.deepClone)(currentSelectedIndex.value);
+      confirmValues.value = (0, import_deep_clone.deepClone)(currentSelectedValue.value);
       getIndexesByValues();
     });
     (0, import_vue.watch)(() => props.showPicker, (newValue) => {
@@ -112,10 +146,10 @@ var stdin_default = (0, import_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 < currentOptions.value.length && currentOptions.value[index]) {
           result.push({
-            [props.textKey]: props.options[index][props.textKey],
-            value: props.options[index].value,
+            [props.textKey]: currentOptions.value[index][props.textKey],
+            value: currentOptions.value[index].value,
             initialIndex: index
           });
         }
@@ -171,20 +205,20 @@ var stdin_default = (0, import_vue.defineComponent)({
         }, [slots.toolbar ? slots.toolbar() : [genCancel(), genConfirm()]]);
       }
     };
-    const genOptionItems = () => {
+    const genOptionItems = (0, import_vue.computed)(() => {
       let formatOptions = [];
-      if (props.options && props.options[0] && typeof props.options[0] !== "object") {
-        formatOptions = props.options.map((v) => ({
+      if (currentOptions.value && currentOptions.value[0] && typeof currentOptions.value[0] !== "object") {
+        formatOptions = currentOptions.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = props.options;
+        formatOptions = currentOptions.value;
       }
       return (0, import_vue.createVNode)(import_MultiplePickerOptions.default, {
         "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,
@@ -195,15 +229,18 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, {
         option: slots.option
       });
-    };
+    });
     const genOptions = () => (0, import_vue.createVNode)("div", {
       "class": bem("options")
-    }, [genOptionItems()]);
+    }, [genOptionItems.value]);
     const renderMultiplePicker = () => (0, import_vue.createVNode)("div", {
       "class": bem()
     }, [genTitle(), props.loading ? (0, import_vue.createVNode)(import_loading.default, {
       "class": bem("loading")
     }, null) : "", genOptions(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
+    (0, import_use_expose.useExpose)({
+      resetOptions
+    });
     return () => {
       if (props.popup) {
         return (0, import_vue.createVNode)(import_popup.default, {

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -42,11 +42,15 @@ var stdin_default = (0, import_vue.defineComponent)({
     emit,
     slots
   }) {
+    const currentOptions = (0, import_vue.computed)(() => {
+      return props.initialOptions;
+    });
     const state = (0, import_vue.reactive)({
-      options: props.initialOptions,
       confirmed: false
     });
-    const currentIndexes = (0, import_vue.ref)(props.currentIndexes);
+    const currentIndexes = (0, import_vue.computed)(() => {
+      return props.currentIndexes;
+    });
     const columnCounts = (0, import_vue.ref)(props.columnCounts);
     const onClickItem = (index) => {
       if (props.readonly) {
@@ -84,7 +88,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         height: `${props.itemHeight + 8}px`,
         width: `${1 / columnCounts.value * 100}%`
       };
-      return state.options.map((option, index) => {
+      return currentOptions.value.map((option, index) => {
         const text = getOptionText(option);
         const disabled = isOptionDisabled(option);
         const childData = {