zartui 3.1.66 → 3.1.68

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

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

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
 import { Numeric } from '../utils';
 import { PickerOption } from './types';
 declare const multiplePickerProps: {
@@ -34,19 +34,19 @@ declare const multiplePickerProps: {
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -54,11 +54,11 @@ declare const multiplePickerProps: {
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {
@@ -107,19 +107,19 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -127,11 +127,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {
@@ -172,19 +172,19 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -192,11 +192,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {

package/es/multiple-picker/MultiplePicker.mjs

@@ -25,7 +25,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),
@@ -49,7 +52,7 @@ var stdin_default = defineComponent({
     const confirmIndexes = ref(props.selectedIndex);
     const confirmValues = ref(props.selectedValue);
     const displayOptions = computed(() => {
-      return props.filteredOptions && props.filteredOptions.length > 0 ? props.filteredOptions : currentOptions.value;
+      return props.filteredOptions !== void 0 ? props.filteredOptions : currentOptions.value;
     });
     const displaySelectedIndexes = computed(() => {
       if (!props.filteredOptions || props.filteredOptions.length === 0) {
@@ -85,22 +88,22 @@ var stdin_default = 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 < 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) {
+            if (!filteredValuesSet.has(value)) {
               newSelectedIndexes.add(idx);
             }
           }
         });
-        selectedValues.forEach((value) => {
+        selectedValuesInFiltered.forEach((value) => {
           const originalIndex = currentOptions.value.findIndex((opt) => opt.value === value);
           if (originalIndex >= 0) {
             newSelectedIndexes.add(originalIndex);
@@ -147,11 +150,13 @@ var stdin_default = defineComponent({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      currentOptions.value = deepClone(props.options);
-      confirmIndexes.value = deepClone(currentSelectedIndex.value);
-      confirmValues.value = deepClone(currentSelectedValue.value);
-      getIndexesByValues();
-      updateAllSelectedOptions();
+      if (newValue) {
+        currentOptions.value = deepClone(props.options);
+        confirmIndexes.value = deepClone(currentSelectedIndex.value);
+        confirmValues.value = deepClone(currentSelectedValue.value);
+        getIndexesByValues();
+        updateAllSelectedOptions();
+      }
     });
     watch(() => props.showPicker, (newValue) => {
       var _a;
@@ -277,65 +282,87 @@ var stdin_default = 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((option) => {
             const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
             if (originalIndex >= 0) {
-              selectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           });
-          confirmIndexes.value = selectedIndexes;
         } else {
-          confirmIndexes.value = currentOptions.value.map((_, index) => index);
+          newIndexes = currentOptions.value.map((_, index) => index);
         }
       } 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 < currentOptions.value.length) {
             const value = (_a = currentOptions.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 = currentOptions.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();
         currentOptions.value.forEach((_, index) => {
           if (!confirmIndexes.value.includes(index)) {
-            temp.push(index);
+            newIndexes.push(index);
           }
         });
-        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 = [];
@@ -350,7 +377,7 @@ var stdin_default = defineComponent({
       return _createVNode(MultiplePickerOptions, {
         "ref": pickerOptions,
         "currentIndexes": displaySelectedIndexes.value,
-        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
+        "onUpdate:currentIndexes": onUpdateCurrentIndexes,
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -363,7 +390,7 @@ var stdin_default = defineComponent({
       });
     };
     const genOptions = () => {
-      const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+      const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
       return _createVNode("div", {
         "class": bem("options")
       }, [showEmpty ? _createVNode(Empty, {

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

@@ -38,7 +38,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     };
     filteredOptions: {
         type: import("vue").PropType<import("./types").PickerOption[]>;
-        default: () => import("./types").PickerOption[];
+        default: undefined;
     };
     toolbarPosition: {
         type: import("vue").PropType<string>;
@@ -103,7 +103,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     };
     filteredOptions: {
         type: import("vue").PropType<import("./types").PickerOption[]>;
-        default: () => import("./types").PickerOption[];
+        default: undefined;
     };
     toolbarPosition: {
         type: import("vue").PropType<string>;

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

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

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
 import { Numeric } from '../utils';
 import { PickerOption } from './types';
 declare const multiplePickerProps: {
@@ -34,19 +34,19 @@ declare const multiplePickerProps: {
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -54,11 +54,11 @@ declare const multiplePickerProps: {
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {
@@ -107,19 +107,19 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -127,11 +127,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {
@@ -172,19 +172,19 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     options: {
-        type: import("vue").PropType<PickerOption[]>;
+        type: PropType<PickerOption[]>;
         default: () => PickerOption[];
     };
     filteredOptions: {
-        type: import("vue").PropType<PickerOption[]>;
-        default: () => PickerOption[];
+        type: PropType<PickerOption[]>;
+        default: undefined;
     };
     toolbarPosition: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     textKey: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
     columnCounts: {
@@ -192,11 +192,11 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: number;
     };
     selectedIndex: {
-        type: import("vue").PropType<number[]>;
+        type: PropType<number[]>;
         default: () => number[];
     };
     selectedValue: {
-        type: import("vue").PropType<Numeric[]>;
+        type: PropType<Numeric[]>;
         default: () => Numeric[];
     };
     popup: {

package/lib/multiple-picker/MultiplePicker.js

@@ -57,7 +57,10 @@ const multiplePickerProps = {
   showToolbar: import_utils.truthProp,
   showTitle: import_utils.truthProp,
   options: (0, import_utils.makeArrayProp)(),
-  filteredOptions: (0, import_utils.makeArrayProp)(),
+  filteredOptions: {
+    type: Array,
+    default: void 0
+  },
   toolbarPosition: (0, import_utils.makeStringProp)("bottom"),
   textKey: (0, import_utils.makeStringProp)("text"),
   columnCounts: (0, import_utils.makeNumberProp)(3),
@@ -81,7 +84,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     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;
+      return props.filteredOptions !== void 0 ? props.filteredOptions : currentOptions.value;
     });
     const displaySelectedIndexes = (0, import_vue.computed)(() => {
       if (!props.filteredOptions || props.filteredOptions.length === 0) {
@@ -117,22 +120,22 @@ var stdin_default = (0, import_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 < 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) {
+            if (!filteredValuesSet.has(value)) {
               newSelectedIndexes.add(idx);
             }
           }
         });
-        selectedValues.forEach((value) => {
+        selectedValuesInFiltered.forEach((value) => {
           const originalIndex = currentOptions.value.findIndex((opt) => opt.value === value);
           if (originalIndex >= 0) {
             newSelectedIndexes.add(originalIndex);
@@ -179,11 +182,13 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (newValue !== props.showPicker) {
         emit("update:showPicker", newValue);
       }
-      currentOptions.value = (0, import_deep_clone.deepClone)(props.options);
-      confirmIndexes.value = (0, import_deep_clone.deepClone)(currentSelectedIndex.value);
-      confirmValues.value = (0, import_deep_clone.deepClone)(currentSelectedValue.value);
-      getIndexesByValues();
-      updateAllSelectedOptions();
+      if (newValue) {
+        currentOptions.value = (0, import_deep_clone.deepClone)(props.options);
+        confirmIndexes.value = (0, import_deep_clone.deepClone)(currentSelectedIndex.value);
+        confirmValues.value = (0, import_deep_clone.deepClone)(currentSelectedValue.value);
+        getIndexesByValues();
+        updateAllSelectedOptions();
+      }
     });
     (0, import_vue.watch)(() => props.showPicker, (newValue) => {
       var _a;
@@ -309,65 +314,87 @@ var stdin_default = (0, import_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((option) => {
             const originalIndex = currentOptions.value.findIndex((opt) => opt.value === option.value);
             if (originalIndex >= 0) {
-              selectedIndexes.push(originalIndex);
+              newIndexes.push(originalIndex);
             }
           });
-          confirmIndexes.value = selectedIndexes;
         } else {
-          confirmIndexes.value = currentOptions.value.map((_, index) => index);
+          newIndexes = currentOptions.value.map((_, index) => index);
         }
       } 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 < currentOptions.value.length) {
             const value = (_a = currentOptions.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 = currentOptions.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();
         currentOptions.value.forEach((_, index) => {
           if (!confirmIndexes.value.includes(index)) {
-            temp.push(index);
+            newIndexes.push(index);
           }
         });
-        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 = [];
@@ -382,7 +409,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       return (0, import_vue.createVNode)(import_MultiplePickerOptions.default, {
         "ref": pickerOptions,
         "currentIndexes": displaySelectedIndexes.value,
-        "onUpdate:currentIndexes": [($event) => displaySelectedIndexes.value = $event, onUpdateCurrentIndexes],
+        "onUpdate:currentIndexes": onUpdateCurrentIndexes,
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
@@ -395,7 +422,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       });
     };
     const genOptions = () => {
-      const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+      const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
       return (0, import_vue.createVNode)("div", {
         "class": bem("options")
       }, [showEmpty ? (0, import_vue.createVNode)(import_empty.default, {