zartui 3.1.65 → 3.1.67

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

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

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"));
@@ -116,22 +117,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);
@@ -182,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;
@@ -305,6 +307,11 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": bem("toolbar-checkbox-text")
     }, [(0, import_vue.createTextVNode)("\u5DF2\u9009 "), allSelectedOptions.value.length])]);
     const handleSelectAll = () => {
+      if (props.filteredOptions && props.filteredOptions.length === 0) {
+        confirmIndexes.value = [];
+        updateAllSelectedOptions();
+        return;
+      }
       if (!isAllSelected.value) {
         if (props.filteredOptions && props.filteredOptions.length > 0) {
           const selectedIndexes = [];
@@ -324,6 +331,11 @@ var stdin_default = (0, import_vue.defineComponent)({
       updateAllSelectedOptions();
     };
     const onSelectOther = () => {
+      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();
@@ -382,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 = !displayOptions.value || displayOptions.value.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/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");