zartui 3.1.64 → 3.1.66

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

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.64";
+const version = "3.1.66";
 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

@@ -36,6 +36,7 @@ var import_format = require("../utils/format");
 var import_deep_clone = require("../utils/deep-clone");
 var import_loading = __toESM(require("../loading"));
 var import_checkbox = __toESM(require("../checkbox"));
+var import_empty = __toESM(require("../empty"));
 var import_MultiplePickerOptions = __toESM(require("./MultiplePickerOptions"));
 var import_popup = __toESM(require("../popup"));
 var import_button = __toESM(require("../button"));
@@ -56,6 +57,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 +77,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 +116,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;
@@ -136,6 +183,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       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;
@@ -153,20 +201,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);
@@ -250,33 +305,84 @@ 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 (props.filteredOptions && props.filteredOptions.length === 0) {
+        confirmIndexes.value = [];
+        updateAllSelectedOptions();
+        return;
+      }
+      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 = new Array();
-      currentOptions.value.forEach((_, index) => {
-        if (!confirmIndexes.value.includes(index)) {
-          temp.push(index);
-        }
-      });
-      confirmIndexes.value = temp;
+      if (props.filteredOptions && props.filteredOptions.length === 0) {
+        confirmIndexes.value = [];
+        updateAllSelectedOptions();
+        return;
+      }
+      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 = () => {
       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,9 +394,16 @@ var stdin_default = (0, import_vue.defineComponent)({
         option: slots.option
       });
     };
-    const genOptions = () => (0, import_vue.createVNode)("div", {
-      "class": bem("options")
-    }, [genOptionItems()]);
+    const genOptions = () => {
+      const showEmpty = props.filteredOptions && props.filteredOptions.length === 0;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem("options")
+      }, [showEmpty ? (0, import_vue.createVNode)(import_empty.default, {
+        "class": bem("empty"),
+        "image": "no-search-result",
+        "description": "\u6682\u65E0\u7ED3\u679C"
+      }, null) : 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.css

@@ -1 +1 @@
-:root{--zt-multiple-picker-warpper-padding: 12px 16px 4px 16px;--zt-multiple-picker-option-text-color: var(--zt-gray-a6);--zt-multiple-picker-background-color: var(--zt-background-popup);--zt-multiple-picker-toolbar-height: 44px;--zt-multiple-picker-title-text-color: var(--zt-gray-a4);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-option-disabled-background: var(--zt-gray-a04);--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-primary-color);--zt-multiple-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-ellipsis-border-selected: 1px solid var(--zt-blue-a6);--zt-multiple-picker-title-background: var(--zt-background-popup);--zt-multiple-picker-ellipsis-height: 38px}:root[zt-theme-size=large]{--zt-multiple-picker-ellipsis-height: 50px}.zt-multiple-picker{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--zt-multiple-picker-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:var(--zt-multiple-picker-max-height)}.zt-multiple-picker__toolbar{display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;flex-shrink:0;overflow:hidden;background:var(--zt-multiple-picker-title-background);height:var(--zt-multiple-picker-toolbar-height);padding:var(--zt-multiple-picker-toolbar-padding)}.zt-multiple-picker__toolbar-select-all{display:flex;align-items:center;flex:1;max-width:45%}.zt-multiple-picker__toolbar-divider{width:1px;height:14px;background-color:var(--zt-gray-a2);margin-left:7px;margin-right:7px}.zt-multiple-picker__toolbar-checkbox{flex-shrink:0}.zt-multiple-picker__toolbar-checkbox .zt-checkbox__icon{font-size:var(--zt-font-size-xl)}.zt-multiple-picker__toolbar-checkbox .zt-checkbox__label{font-size:var(--zt-font-size-lg);margin-left:var(--zt-padding-base)}.zt-multiple-picker__toolbar-checkbox-text{font-size:var(--zt-font-size-lg);color:var(--zt-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 375px){.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all{padding:0 14px}}@media (min-width: 376px){.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all{padding:0 22px}}.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all .zt-button__text{font-size:var(--zt-font-size-lg)}@media (max-width: 375px){.zt-multiple-picker__toolbar .zt-multiple-picker__select-other{padding:0 10px}}@media (min-width: 376px){.zt-multiple-picker__toolbar .zt-multiple-picker__select-other{padding:0 14px}}.zt-multiple-picker__toolbar .zt-multiple-picker__select-other .zt-button__text{font-size:var(--zt-font-size-lg)}.zt-multiple-picker__title{flex-shrink:0;font-weight:var(--zt-multiple-picker-cancel-action-font-weight);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;background:var(--zt-multiple-picker-title-background);color:var(--zt-multiple-picker-title-text-color);padding:var(--zt-multiple-picker-title-padding)}.zt-multiple-picker__options{position:relative;display:flex;cursor:grab;overflow-y:scroll}.zt-multiple-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-multiple-picker-loading-icon-color);background-color:var(--zt-multiple-picker-loading-mask-color)}.zt-multiple-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-multiple-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-multiple-picker-background-color);padding:var(--zt-multiple-picker-warpper-padding)}.zt-multiple-picker-options__item{color:var(--zt-multiple-picker-option-text-color);padding:var(--zt-multiple-picker-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-multiple-picker-options__item .zt-ellipsis{height:var(--zt-multiple-picker-ellipsis-height);line-height:var(--zt-multiple-picker-ellipsis-height);border-radius:calc(var(--zt-multiple-picker-ellipsis-height) / 2);border:var(--zt-multiple-picker-ellipsis-border);padding:0 var(--zt-padding-md)}.zt-multiple-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-multiple-picker-options__item--disabled .zt-ellipsis{background:var(--zt-multiple-picker-option-disabled-background);border:0}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected{color:var(--zt-primary-color)}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color-a1);border:var(--zt-multiple-picker-ellipsis-border-selected)}.zt-multiple-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-multiple-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important;border:0!important}
+:root{--zt-multiple-picker-warpper-padding: 12px 16px 4px 16px;--zt-multiple-picker-option-text-color: var(--zt-gray-a6);--zt-multiple-picker-background-color: var(--zt-background-popup);--zt-multiple-picker-toolbar-height: 44px;--zt-multiple-picker-title-text-color: var(--zt-gray-a4);--zt-multiple-picker-title-padding: 12px 0;--zt-multiple-picker-item-padding: 0 4px 8px 0;--zt-multiple-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-multiple-picker-option-disabled-background: var(--zt-gray-a04);--zt-multiple-picker-max-height: 84vh;--zt-multiple-picker-loading-icon-color: var(--zt-primary-color);--zt-multiple-picker-loading-mask-color: var(--zt-picker-loading-mask-color);--zt-multiple-picker-toolbar-padding: 8px 16px;--zt-multiple-picker-ellipsis-border: 1px solid var(--zt-gray-a2);--zt-multiple-picker-ellipsis-border-selected: 1px solid var(--zt-blue-a6);--zt-multiple-picker-title-background: var(--zt-background-popup);--zt-multiple-picker-ellipsis-height: 38px}:root[zt-theme-size=large]{--zt-multiple-picker-ellipsis-height: 50px}.zt-multiple-picker{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--zt-multiple-picker-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:var(--zt-multiple-picker-max-height)}.zt-multiple-picker__toolbar{display:flex;align-items:center;justify-content:space-between;box-sizing:content-box;flex-shrink:0;overflow:hidden;background:var(--zt-multiple-picker-title-background);height:var(--zt-multiple-picker-toolbar-height);padding:var(--zt-multiple-picker-toolbar-padding)}.zt-multiple-picker__toolbar-select-all{display:flex;align-items:center;flex:1;max-width:45%}.zt-multiple-picker__toolbar-divider{width:1px;height:14px;background-color:var(--zt-gray-a2);margin-left:7px;margin-right:7px}.zt-multiple-picker__toolbar-checkbox{flex-shrink:0}.zt-multiple-picker__toolbar-checkbox .zt-checkbox__icon{font-size:var(--zt-font-size-xl)}.zt-multiple-picker__toolbar-checkbox .zt-checkbox__label{font-size:var(--zt-font-size-lg);margin-left:var(--zt-padding-base)}.zt-multiple-picker__toolbar-checkbox-text{font-size:var(--zt-font-size-lg);color:var(--zt-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width: 375px){.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all{padding:0 14px}}@media (min-width: 376px){.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all{padding:0 22px}}.zt-multiple-picker__toolbar .zt-multiple-picker__in-select-all .zt-button__text{font-size:var(--zt-font-size-lg)}@media (max-width: 375px){.zt-multiple-picker__toolbar .zt-multiple-picker__select-other{padding:0 10px}}@media (min-width: 376px){.zt-multiple-picker__toolbar .zt-multiple-picker__select-other{padding:0 14px}}.zt-multiple-picker__toolbar .zt-multiple-picker__select-other .zt-button__text{font-size:var(--zt-font-size-lg)}.zt-multiple-picker__title{flex-shrink:0;font-weight:var(--zt-multiple-picker-cancel-action-font-weight);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;background:var(--zt-multiple-picker-title-background);color:var(--zt-multiple-picker-title-text-color);padding:var(--zt-multiple-picker-title-padding)}.zt-multiple-picker__options{position:relative;display:flex;cursor:grab;overflow-y:scroll}.zt-multiple-picker__options:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__options:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:0;left:0;border-top:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-multiple-picker__empty{width:100%;padding:40px 0}.zt-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-multiple-picker-loading-icon-color);background-color:var(--zt-multiple-picker-loading-mask-color)}.zt-multiple-picker-options{flex:1;overflow-y:scroll;font-size:var(--zt-font-size-md);margin:0;outline:0 none;padding:0}.zt-multiple-picker-options__wrapper{display:flex;flex-wrap:wrap;background-color:var(--zt-multiple-picker-background-color);padding:var(--zt-multiple-picker-warpper-padding)}.zt-multiple-picker-options__item{color:var(--zt-multiple-picker-option-text-color);padding:var(--zt-multiple-picker-item-padding);box-sizing:border-box;text-align:center;font-size:var(--zt-font-size-md)}.zt-multiple-picker-options__item .zt-ellipsis{height:var(--zt-multiple-picker-ellipsis-height);line-height:var(--zt-multiple-picker-ellipsis-height);border-radius:calc(var(--zt-multiple-picker-ellipsis-height) / 2);border:var(--zt-multiple-picker-ellipsis-border);padding:0 var(--zt-padding-md)}.zt-multiple-picker-options__item:active{opacity:var(--zt-active-opacity)}.zt-multiple-picker-options__item--disabled{cursor:not-allowed;color:var(--zt-gray-a2)}.zt-multiple-picker-options__item--disabled .zt-ellipsis{background:var(--zt-multiple-picker-option-disabled-background);border:0}.zt-multiple-picker-options__item--last{padding-right:0}.zt-multiple-picker-options__item--selected{color:var(--zt-primary-color)}.zt-multiple-picker-options__item--selected .zt-ellipsis{background:var(--zt-primary-color-a1);border:var(--zt-multiple-picker-ellipsis-border-selected)}.zt-multiple-picker-options__item--disabled-selected{cursor:not-allowed;color:var(--zt-gray)!important}.zt-multiple-picker-options__item--disabled-selected .zt-ellipsis{background:var(--zt-picker-option-disabled-background)!important;border:0!important}

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[];

package/lib/multiple-picker/style/index.js

@@ -7,4 +7,5 @@ require("../../loading/index.css");
 require("../../button/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
+require("../../empty/index.css");
 require("../index.css");