zartui 3.1.63 → 3.1.65

package/es/index.d.ts

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

package/es/index.mjs

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

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

@@ -37,6 +37,10 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -106,6 +110,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -167,6 +175,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -213,6 +225,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
+    filteredOptions: PickerOption[];
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: Numeric[];

package/es/multiple-picker/MultiplePicker.mjs

@@ -24,6 +24,7 @@ const multiplePickerProps = {
   showToolbar: truthProp,
   showTitle: truthProp,
   options: makeArrayProp(),
+  filteredOptions: makeArrayProp(),
   toolbarPosition: makeStringProp("bottom"),
   textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
@@ -43,13 +44,33 @@ var stdin_default = defineComponent({
     const currentOptions = ref(props.options);
     const currentSelectedIndex = computed(() => props.selectedIndex);
     const currentSelectedValue = computed(() => props.selectedValue);
+    const allSelectedOptions = ref([]);
     const confirmIndexes = ref(props.selectedIndex);
     const confirmValues = ref(props.selectedValue);
+    const displayOptions = computed(() => {
+      return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions.value;
+    });
+    const displaySelectedIndexes = computed(() => {
+      if (!props.filteredOptions || props.filteredOptions.length === 0) {
+        return confirmIndexes.value;
+      }
+      const selectedValues = new Set(confirmIndexes.value.filter((idx) => idx >= 0 && idx < currentOptions.value.length).map((idx) => {
+        var _a;
+        return (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+      }));
+      const result = [];
+      displayOptions.value.forEach((option, index) => {
+        if (selectedValues.has(option.value)) {
+          result.push(index);
+        }
+      });
+      return result;
+    });
     const isIndeterminate = computed(() => {
-      return confirmIndexes.value.length > 0 && confirmIndexes.value.length < currentOptions.value.length;
+      return displaySelectedIndexes.value.length > 0 && displaySelectedIndexes.value.length < displayOptions.value.length;
     });
     const isAllSelected = computed(() => {
-      return confirmIndexes.value.length > 0 && confirmIndexes.value.length === currentOptions.value.length;
+      return displayOptions.value.length > 0 && displaySelectedIndexes.value.length > 0 && displaySelectedIndexes.value.length === displayOptions.value.length;
     });
     const resetOptions = (props2) => {
       currentOptions.value = props2.options;
@@ -62,14 +83,39 @@ var stdin_default = defineComponent({
       emit("update:selectedValue", confirmValues.value);
     };
     const onUpdateCurrentIndexes = (newVal) => {
-      confirmIndexes.value = newVal;
-      if (newVal.length > 0) {
+      if (props.filteredOptions && props.filteredOptions.length > 0) {
+        const selectedValues = 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();
+        confirmIndexes.value.forEach((idx) => {
+          var _a;
+          if (idx >= 0 && idx < currentOptions.value.length) {
+            const value = (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
+            if (!isInFilteredList) {
+              newSelectedIndexes.add(idx);
+            }
+          }
+        });
+        selectedValues.forEach((value) => {
+          const originalIndex = currentOptions.value.findIndex((opt) => opt.value === value);
+          if (originalIndex >= 0) {
+            newSelectedIndexes.add(originalIndex);
+          }
+        });
+        confirmIndexes.value = Array.from(newSelectedIndexes);
+      } else {
+        confirmIndexes.value = newVal;
+      }
+      if (confirmIndexes.value.length > 0) {
         getValuesByIndexes();
       } else {
         confirmValues.value = [];
       }
-      getValuesByIndexes();
       emit("update:selectedValue", confirmValues.value);
+      updateAllSelectedOptions();
     };
     const getIndexesByValues = () => {
       var _a;
@@ -121,20 +167,27 @@ var stdin_default = defineComponent({
     };
     const updateShow = (value) => emit("update:showPicker", value);
     const getOptions = () => {
-      const indexes = confirmIndexes.value;
+      return allSelectedOptions.value;
+    };
+    const onChange = () => {
+      updateAllSelectedOptions();
+      emit("change", getOptions());
+    };
+    const updateAllSelectedOptions = () => {
       const result = [];
+      const indexes = confirmIndexes.value;
       indexes == null ? void 0 : indexes.forEach((index) => {
         if (index > -1 && index < currentOptions.value.length && currentOptions.value[index]) {
+          const option = currentOptions.value[index];
           result.push({
-            [props.textKey]: currentOptions.value[index][props.textKey],
-            value: currentOptions.value[index].value,
+            [props.textKey]: option[props.textKey],
+            value: option.value,
             initialIndex: index
           });
         }
       });
-      return result;
+      allSelectedOptions.value = result;
     };
-    const onChange = () => emit("change", getOptions());
     const confirm = () => {
       const options = getOptions();
       emit("confirm", options);
@@ -210,7 +263,6 @@ var stdin_default = defineComponent({
       "class": bem("toolbar-checkbox"),
       "shape": "square",
       "modelValue": isAllSelected.value,
-      "onUpdate:modelValue": ($event) => isAllSelected.value = $event,
       "indeterminate": isIndeterminate.value,
       "onClick": handleSelectAll
     }, {
@@ -219,33 +271,74 @@ var stdin_default = defineComponent({
       "class": bem("toolbar-divider")
     }, null), _createVNode("span", {
       "class": bem("toolbar-checkbox-text")
-    }, [_createTextVNode("\u5DF2\u9009 "), confirmIndexes.value.length])]);
+    }, [_createTextVNode("\u5DF2\u9009 "), allSelectedOptions.value.length])]);
     const handleSelectAll = () => {
-      confirmIndexes.value = !isAllSelected.value ? currentOptions.value.map((_, index) => index) : [];
+      if (!isAllSelected.value) {
+        if (props.filteredOptions && props.filteredOptions.length > 0) {
+          const selectedIndexes = [];
+          displayOptions.value.forEach((option) => {
+            const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
+            if (originalIndex >= 0) {
+              selectedIndexes.push(originalIndex);
+            }
+          });
+          confirmIndexes.value = selectedIndexes;
+        } else {
+          confirmIndexes.value = currentOptions.value.map((_, index) => index);
+        }
+      } else {
+        confirmIndexes.value = [];
+      }
+      updateAllSelectedOptions();
     };
     const onSelectOther = () => {
-      const temp = Array();
-      currentOptions.value.forEach((_, index) => {
-        if (!confirmIndexes.value.includes(index)) {
-          temp.push(index);
-        }
-      });
-      confirmIndexes.value = temp;
+      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 < currentOptions.value.length) {
+            const value = (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+            if (filteredValues.has(value)) {
+              currentSelectedInFiltered.add(idx);
+            }
+          }
+        });
+        const newSelectedIndexes = [];
+        displayOptions.value.forEach((option) => {
+          const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
+          if (originalIndex >= 0) {
+            if (!currentSelectedInFiltered.has(originalIndex)) {
+              newSelectedIndexes.push(originalIndex);
+            }
+          }
+        });
+        confirmIndexes.value = newSelectedIndexes;
+      } else {
+        const temp = new Array();
+        currentOptions.value.forEach((_, index) => {
+          if (!confirmIndexes.value.includes(index)) {
+            temp.push(index);
+          }
+        });
+        confirmIndexes.value = temp;
+      }
+      updateAllSelectedOptions();
     };
-    const genOptionItems = computed(() => {
+    const genOptionItems = () => {
       let formatOptions = [];
-      if (currentOptions.value && currentOptions.value[0] && typeof currentOptions.value[0] !== "object") {
-        formatOptions = currentOptions.value.map((v) => ({
+      if (displayOptions.value && displayOptions.value[0] && typeof displayOptions.value[0] !== "object") {
+        formatOptions = displayOptions.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = currentOptions.value;
+        formatOptions = displayOptions.value;
       }
       return _createVNode(MultiplePickerOptions, {
         "ref": pickerOptions,
-        "currentIndexes": confirmIndexes.value,
-        "onUpdate:currentIndexes": [($event) => confirmIndexes.value = $event, onUpdateCurrentIndexes],
+        "currentIndexes": displaySelectedIndexes.value,
+        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -256,10 +349,10 @@ var stdin_default = defineComponent({
       }, {
         option: slots.option
       });
-    });
+    };
     const genOptions = () => _createVNode("div", {
       "class": bem("options")
-    }, [genOptionItems.value]);
+    }, [genOptionItems()]);
     const renderMultiplePicker = () => _createVNode("div", {
       "class": bem()
     }, [genTitle(), props.loading ? _createVNode(Loading, {

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

@@ -36,6 +36,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<import("./types").PickerOption[]>;
+        default: () => import("./types").PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -97,6 +101,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<import("./types").PickerOption[]>;
+        default: () => import("./types").PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -143,6 +151,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
+    filteredOptions: import("./types").PickerOption[];
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: import("../utils").Numeric[];

package/lib/index.d.ts

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

package/lib/index.js

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

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

@@ -37,6 +37,10 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -106,6 +110,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -167,6 +175,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<PickerOption[]>;
+        default: () => PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -213,6 +225,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
+    filteredOptions: PickerOption[];
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: Numeric[];

package/lib/multiple-picker/MultiplePicker.js

@@ -56,6 +56,7 @@ const multiplePickerProps = {
   showToolbar: import_utils.truthProp,
   showTitle: import_utils.truthProp,
   options: (0, import_utils.makeArrayProp)(),
+  filteredOptions: (0, import_utils.makeArrayProp)(),
   toolbarPosition: (0, import_utils.makeStringProp)("bottom"),
   textKey: (0, import_utils.makeStringProp)("text"),
   columnCounts: (0, import_utils.makeNumberProp)(3),
@@ -75,13 +76,33 @@ var stdin_default = (0, import_vue.defineComponent)({
     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 allSelectedOptions = (0, import_vue.ref)([]);
     const confirmIndexes = (0, import_vue.ref)(props.selectedIndex);
     const confirmValues = (0, import_vue.ref)(props.selectedValue);
+    const displayOptions = (0, import_vue.computed)(() => {
+      return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions.value;
+    });
+    const displaySelectedIndexes = (0, import_vue.computed)(() => {
+      if (!props.filteredOptions || props.filteredOptions.length === 0) {
+        return confirmIndexes.value;
+      }
+      const selectedValues = new Set(confirmIndexes.value.filter((idx) => idx >= 0 && idx < currentOptions.value.length).map((idx) => {
+        var _a;
+        return (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+      }));
+      const result = [];
+      displayOptions.value.forEach((option, index) => {
+        if (selectedValues.has(option.value)) {
+          result.push(index);
+        }
+      });
+      return result;
+    });
     const isIndeterminate = (0, import_vue.computed)(() => {
-      return confirmIndexes.value.length > 0 && confirmIndexes.value.length < currentOptions.value.length;
+      return displaySelectedIndexes.value.length > 0 && displaySelectedIndexes.value.length < displayOptions.value.length;
     });
     const isAllSelected = (0, import_vue.computed)(() => {
-      return confirmIndexes.value.length > 0 && confirmIndexes.value.length === currentOptions.value.length;
+      return displayOptions.value.length > 0 && displaySelectedIndexes.value.length > 0 && displaySelectedIndexes.value.length === displayOptions.value.length;
     });
     const resetOptions = (props2) => {
       currentOptions.value = props2.options;
@@ -94,14 +115,39 @@ var stdin_default = (0, import_vue.defineComponent)({
       emit("update:selectedValue", confirmValues.value);
     };
     const onUpdateCurrentIndexes = (newVal) => {
-      confirmIndexes.value = newVal;
-      if (newVal.length > 0) {
+      if (props.filteredOptions && props.filteredOptions.length > 0) {
+        const selectedValues = 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();
+        confirmIndexes.value.forEach((idx) => {
+          var _a;
+          if (idx >= 0 && idx < currentOptions.value.length) {
+            const value = (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+            const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
+            if (!isInFilteredList) {
+              newSelectedIndexes.add(idx);
+            }
+          }
+        });
+        selectedValues.forEach((value) => {
+          const originalIndex = currentOptions.value.findIndex((opt) => opt.value === value);
+          if (originalIndex >= 0) {
+            newSelectedIndexes.add(originalIndex);
+          }
+        });
+        confirmIndexes.value = Array.from(newSelectedIndexes);
+      } else {
+        confirmIndexes.value = newVal;
+      }
+      if (confirmIndexes.value.length > 0) {
         getValuesByIndexes();
       } else {
         confirmValues.value = [];
       }
-      getValuesByIndexes();
       emit("update:selectedValue", confirmValues.value);
+      updateAllSelectedOptions();
     };
     const getIndexesByValues = () => {
       var _a;
@@ -153,20 +199,27 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const updateShow = (value) => emit("update:showPicker", value);
     const getOptions = () => {
-      const indexes = confirmIndexes.value;
+      return allSelectedOptions.value;
+    };
+    const onChange = () => {
+      updateAllSelectedOptions();
+      emit("change", getOptions());
+    };
+    const updateAllSelectedOptions = () => {
       const result = [];
+      const indexes = confirmIndexes.value;
       indexes == null ? void 0 : indexes.forEach((index) => {
         if (index > -1 && index < currentOptions.value.length && currentOptions.value[index]) {
+          const option = currentOptions.value[index];
           result.push({
-            [props.textKey]: currentOptions.value[index][props.textKey],
-            value: currentOptions.value[index].value,
+            [props.textKey]: option[props.textKey],
+            value: option.value,
             initialIndex: index
           });
         }
       });
-      return result;
+      allSelectedOptions.value = result;
     };
-    const onChange = () => emit("change", getOptions());
     const confirm = () => {
       const options = getOptions();
       emit("confirm", options);
@@ -242,7 +295,6 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": bem("toolbar-checkbox"),
       "shape": "square",
       "modelValue": isAllSelected.value,
-      "onUpdate:modelValue": ($event) => isAllSelected.value = $event,
       "indeterminate": isIndeterminate.value,
       "onClick": handleSelectAll
     }, {
@@ -251,33 +303,74 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": bem("toolbar-divider")
     }, null), (0, import_vue.createVNode)("span", {
       "class": bem("toolbar-checkbox-text")
-    }, [(0, import_vue.createTextVNode)("\u5DF2\u9009 "), confirmIndexes.value.length])]);
+    }, [(0, import_vue.createTextVNode)("\u5DF2\u9009 "), allSelectedOptions.value.length])]);
     const handleSelectAll = () => {
-      confirmIndexes.value = !isAllSelected.value ? currentOptions.value.map((_, index) => index) : [];
+      if (!isAllSelected.value) {
+        if (props.filteredOptions && props.filteredOptions.length > 0) {
+          const selectedIndexes = [];
+          displayOptions.value.forEach((option) => {
+            const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
+            if (originalIndex >= 0) {
+              selectedIndexes.push(originalIndex);
+            }
+          });
+          confirmIndexes.value = selectedIndexes;
+        } else {
+          confirmIndexes.value = currentOptions.value.map((_, index) => index);
+        }
+      } else {
+        confirmIndexes.value = [];
+      }
+      updateAllSelectedOptions();
     };
     const onSelectOther = () => {
-      const temp = Array();
-      currentOptions.value.forEach((_, index) => {
-        if (!confirmIndexes.value.includes(index)) {
-          temp.push(index);
-        }
-      });
-      confirmIndexes.value = temp;
+      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 < currentOptions.value.length) {
+            const value = (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
+            if (filteredValues.has(value)) {
+              currentSelectedInFiltered.add(idx);
+            }
+          }
+        });
+        const newSelectedIndexes = [];
+        displayOptions.value.forEach((option) => {
+          const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
+          if (originalIndex >= 0) {
+            if (!currentSelectedInFiltered.has(originalIndex)) {
+              newSelectedIndexes.push(originalIndex);
+            }
+          }
+        });
+        confirmIndexes.value = newSelectedIndexes;
+      } else {
+        const temp = new Array();
+        currentOptions.value.forEach((_, index) => {
+          if (!confirmIndexes.value.includes(index)) {
+            temp.push(index);
+          }
+        });
+        confirmIndexes.value = temp;
+      }
+      updateAllSelectedOptions();
     };
-    const genOptionItems = (0, import_vue.computed)(() => {
+    const genOptionItems = () => {
       let formatOptions = [];
-      if (currentOptions.value && currentOptions.value[0] && typeof currentOptions.value[0] !== "object") {
-        formatOptions = currentOptions.value.map((v) => ({
+      if (displayOptions.value && displayOptions.value[0] && typeof displayOptions.value[0] !== "object") {
+        formatOptions = displayOptions.value.map((v) => ({
           value: v,
           text: v
         }));
       } else {
-        formatOptions = currentOptions.value;
+        formatOptions = displayOptions.value;
       }
       return (0, import_vue.createVNode)(import_MultiplePickerOptions.default, {
         "ref": pickerOptions,
-        "currentIndexes": confirmIndexes.value,
-        "onUpdate:currentIndexes": [($event) => confirmIndexes.value = $event, onUpdateCurrentIndexes],
+        "currentIndexes": displaySelectedIndexes.value,
+        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -288,10 +381,10 @@ var stdin_default = (0, import_vue.defineComponent)({
       }, {
         option: slots.option
       });
-    });
+    };
     const genOptions = () => (0, import_vue.createVNode)("div", {
       "class": bem("options")
-    }, [genOptionItems.value]);
+    }, [genOptionItems()]);
     const renderMultiplePicker = () => (0, import_vue.createVNode)("div", {
       "class": bem()
     }, [genTitle(), props.loading ? (0, import_vue.createVNode)(import_loading.default, {

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

@@ -36,6 +36,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<import("./types").PickerOption[]>;
+        default: () => import("./types").PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -97,6 +101,10 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./types").PickerOption[]>;
         default: () => import("./types").PickerOption[];
     };
+    filteredOptions: {
+        type: import("vue").PropType<import("./types").PickerOption[]>;
+        default: () => import("./types").PickerOption[];
+    };
     toolbarPosition: {
         type: import("vue").PropType<string>;
         default: string;
@@ -143,6 +151,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     textKey: string;
     itemHeight: string | number;
     columnCounts: number;
+    filteredOptions: import("./types").PickerOption[];
     toolbarPosition: string;
     selectedIndex: number[];
     selectedValue: import("../utils").Numeric[];