zartui 3.1.65 → 3.1.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/es/index.d.ts +1 -1
  2. package/es/index.mjs +1 -1
  3. package/es/multiple-picker/MultiplePicker.mjs +26 -7
  4. package/es/multiple-picker/index.css +1 -1
  5. package/es/multiple-picker/style/index.mjs +1 -0
  6. package/lib/index.css +1 -1
  7. package/lib/index.d.ts +1 -1
  8. package/lib/index.js +1 -1
  9. package/lib/multiple-picker/MultiplePicker.js +26 -7
  10. package/lib/multiple-picker/index.css +1 -1
  11. package/lib/multiple-picker/style/index.js +1 -0
  12. package/lib/web-types.json +1 -1
  13. package/lib/zartui.cjs.js +210 -191
  14. package/lib/zartui.es.js +210 -191
  15. package/lib/zartui.js +210 -191
  16. package/lib/zartui.min.js +2 -2
  17. package/package.json +4 -4
package/es/index.d.ts CHANGED
@@ -84,4 +84,4 @@ declare namespace _default {
84
84
  }
85
85
  export default _default;
86
86
  export function install(app: any): void;
87
- export const version: "3.1.65";
87
+ export const version: "3.1.67";
package/es/index.mjs CHANGED
@@ -77,7 +77,7 @@ import { Timeline } from "./timeline/index.mjs";
77
77
  import { Toast } from "./toast/index.mjs";
78
78
  import { Uploader } from "./uploader/index.mjs";
79
79
  import { Video } from "./video/index.mjs";
80
- const version = "3.1.65";
80
+ const version = "3.1.67";
81
81
  function install(app) {
82
82
  const components = [
83
83
  ActionSheet,
package/es/multiple-picker/MultiplePicker.mjs CHANGED
@@ -4,6 +4,7 @@ import { unitToPx } from "../utils/format.mjs";
4
4
  import { deepClone } from "../utils/deep-clone.mjs";
5
5
  import Loading from "../loading/index.mjs";
6
6
  import Checkbox from "../checkbox/index.mjs";
7
+ import Empty from "../empty/index.mjs";
7
8
  import MultiplePickerOptions from "./MultiplePickerOptions.mjs";
8
9
  import Popup from "../popup/index.mjs";
9
10
  import Button from "../button/index.mjs";
@@ -84,22 +85,22 @@ var stdin_default = defineComponent({
84
85
  };
85
86
  const onUpdateCurrentIndexes = (newVal) => {
86
87
  if (props.filteredOptions && props.filteredOptions.length > 0) {
87
- const selectedValues = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
88
+ const selectedValuesInFiltered = newVal.filter((idx) => idx >= 0 && idx < displayOptions.value.length).map((idx) => {
88
89
  var _a;
89
90
  return (_a = displayOptions.value[idx]) == null ? void 0 : _a.value;
90
91
  });
91
92
  const newSelectedIndexes = /* @__PURE__ */ new Set();
93
+ const filteredValuesSet = new Set(displayOptions.value.map((opt) => opt.value));
92
94
  confirmIndexes.value.forEach((idx) => {
93
95
  var _a;
94
96
  if (idx >= 0 && idx < currentOptions.value.length) {
95
97
  const value = (_a = currentOptions.value[idx]) == null ? void 0 : _a.value;
96
- const isInFilteredList = displayOptions.value.some((opt) => opt.value === value);
97
- if (!isInFilteredList) {
98
+ if (!filteredValuesSet.has(value)) {
98
99
  newSelectedIndexes.add(idx);
99
100
  }
100
101
  }
101
102
  });
102
- selectedValues.forEach((value) => {
103
+ selectedValuesInFiltered.forEach((value) => {
103
104
  const originalIndex = currentOptions.value.findIndex((opt) => opt.value === value);
104
105
  if (originalIndex >= 0) {
105
106
  newSelectedIndexes.add(originalIndex);
@@ -150,6 +151,7 @@ var stdin_default = defineComponent({
150
151
  confirmIndexes.value = deepClone(currentSelectedIndex.value);
151
152
  confirmValues.value = deepClone(currentSelectedValue.value);
152
153
  getIndexesByValues();
154
+ updateAllSelectedOptions();
153
155
  });
154
156
  watch(() => props.showPicker, (newValue) => {
155
157
  var _a;
@@ -273,6 +275,11 @@ var stdin_default = defineComponent({
273
275
  "class": bem("toolbar-checkbox-text")
274
276
  }, [_createTextVNode("\u5DF2\u9009 "), allSelectedOptions.value.length])]);
275
277
  const handleSelectAll = () => {
278
+ if (props.filteredOptions && props.filteredOptions.length === 0) {
279
+ confirmIndexes.value = [];
280
+ updateAllSelectedOptions();
281
+ return;
282
+ }
276
283
  if (!isAllSelected.value) {
277
284
  if (props.filteredOptions && props.filteredOptions.length > 0) {
278
285
  const selectedIndexes = [];
@@ -292,6 +299,11 @@ var stdin_default = defineComponent({
292
299
  updateAllSelectedOptions();
293
300
  };
294
301
  const onSelectOther = () => {
302
+ if (props.filteredOptions && props.filteredOptions.length === 0) {
303
+ confirmIndexes.value = [];
304
+ updateAllSelectedOptions();
305
+ return;
306
+ }
295
307
  if (props.filteredOptions && props.filteredOptions.length > 0) {
296
308
  const filteredValues = new Set(displayOptions.value.map((opt) => opt.value));
297
309
  const currentSelectedInFiltered = /* @__PURE__ */ new Set();
@@ -350,9 +362,16 @@ var stdin_default = defineComponent({
350
362
  option: slots.option
351
363
  });
352
364
  };
353
- const genOptions = () => _createVNode("div", {
354
- "class": bem("options")
355
- }, [genOptionItems()]);
365
+ const genOptions = () => {
366
+ const showEmpty = !displayOptions.value || displayOptions.value.length === 0;
367
+ return _createVNode("div", {
368
+ "class": bem("options")
369
+ }, [showEmpty ? _createVNode(Empty, {
370
+ "class": bem("empty"),
371
+ "image": "no-search-result",
372
+ "description": "\u6682\u65E0\u7ED3\u679C"
373
+ }, null) : genOptionItems()]);
374
+ };
356
375
  const renderMultiplePicker = () => _createVNode("div", {
357
376
  "class": bem()
358
377
  }, [genTitle(), props.loading ? _createVNode(Loading, {
package/es/multiple-picker/index.css CHANGED
@@ -1 +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}
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__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/es/multiple-picker/style/index.mjs CHANGED
@@ -7,4 +7,5 @@ import "../../loading/index.css";
7
7
  import "../../button/index.css";
8
8
  import "../../checkbox-group/index.css";
9
9
  import "../../checkbox/index.css";
10
+ import "../../empty/index.css";
10
11
  import "../index.css";