vant 4.0.11 → 4.1.1

package/es/locale/lang/uk-UA.mjs

@@ -2,7 +2,7 @@ var stdin_default = {
   name: "\u0406\u043C'\u044F",
   tel: "\u0422\u0435\u043B\u0435\u0444\u043E\u043D",
   save: "\u0417\u0431\u0435\u0440\u0435\u0433\u0442\u0438",
-  confirm: "\u043F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
+  confirm: "\u041F\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0438",
   cancel: "\u0421\u043A\u0430\u0441\u0443\u0432\u0430\u0442\u0438",
   delete: "\u0412\u0438\u0434\u0430\u043B\u0438\u0442\u0438",
   loading: "\u0417\u0430\u0432\u0430\u043D\u0442\u0430\u0436\u0435\u043D\u043D\u044F...",
@@ -12,30 +12,30 @@ var stdin_default = {
   telInvalid: "\u041D\u0435\u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0438\u0439 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0443",
   vanCalendar: {
     end: "\u041A\u0456\u043D\u0435\u0446\u044C",
-    start: "\u041F\u043E\u0447\u0430\u0442\u0438",
+    start: "\u041F\u043E\u0447\u0430\u0442\u043E\u043A",
     title: "\u041A\u0430\u043B\u0435\u043D\u0434\u0430\u0440",
     weekdays: [
-      "\u043D\u0435\u0434\u0456\u043B\u044F",
-      "\u043F\u043E\u043D\u0435\u0434\u0456\u043B\u043E\u043A",
-      "\u0432\u0456\u0432\u0442\u043E\u0440\u043E\u043A",
-      "\u0441\u0435\u0440\u0435\u0434\u0430",
-      "\u0447\u0435\u0442\u0432\u0435\u0440",
-      "\u043F'\u044F\u0442\u043D\u0438\u0446\u044F",
-      "\u0441\u0443\u0431\u043E\u0442\u0430"
+      "\u041D\u0434",
+      "\u041F\u043D",
+      "\u0412\u0442",
+      "\u0421\u0440",
+      "\u0427\u0442",
+      "\u041F\u0442",
+      "\u0421\u0431"
     ],
     monthTitle: (year, month) => `${year}/${month}`,
-    rangePrompt: (maxRange) => `\u0412\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
+    rangePrompt: (maxRange) => `\u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043D\u0435 \u0431\u0456\u043B\u044C\u0448\u0435 \u043D\u0456\u0436 ${maxRange} \u0434\u043D\u0456\u0432`
   },
   vanCascader: {
-    select: "\u0412\u0438\u0431\u0440\u0430\u0442\u0438"
+    select: "\u041E\u0431\u0440\u0430\u0442\u0438"
   },
   vanPagination: {
-    prev: "\u041F\u043E\u043F\u0435\u0440\u0435\u0434\u043D\u0456\u0439",
+    prev: "\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u0438\u0441\u044F",
     next: "\u0414\u0430\u043B\u0456"
   },
   vanPullRefresh: {
     pulling: "\u041F\u043E\u0442\u044F\u0433\u043D\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438...",
-    loosing: "\u041F\u043E\u0433\u0430\u043D\u043E \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
+    loosing: "\u0412\u0456\u0434\u043F\u0443\u0441\u0442\u0456\u0442\u044C, \u0449\u043E\u0431 \u043E\u043D\u043E\u0432\u0438\u0442\u0438..."
   },
   vanSubmitBar: {
     label: "\u0423\u0441\u044C\u043E\u0433\u043E:"
@@ -54,11 +54,11 @@ var stdin_default = {
     close: "\u0417\u0430\u043A\u0440\u0438\u0442\u0438",
     enable: "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
     disabled: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
-    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0430"
+    placeholder: "\u041A\u043E\u0434 \u043A\u0443\u043F\u043E\u043D\u0443"
   },
   vanAddressEdit: {
     area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
-    areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
+    areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u043E\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
     addressEmpty: "\u0410\u0434\u0440\u0435\u0441\u0430 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044C\u043E\u044E",
     addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
     defaultAddress: "\u0412\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0438 \u044F\u043A \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0430 \u0437\u0430\u043C\u043E\u0432\u0447\u0443\u0432\u0430\u043D\u043D\u044F\u043C"

package/es/number-keyboard/NumberKeyboard.mjs

@@ -117,7 +117,7 @@ var stdin_default = defineComponent({
         emit("update:modelValue", value.slice(0, value.length - 1));
       } else if (type === "close") {
         onClose();
-      } else if (value.length < props.maxlength) {
+      } else if (value.length < +props.maxlength) {
         emit("input", text);
         emit("update:modelValue", value + text);
       }

package/es/password-input/PasswordInput.mjs

@@ -27,10 +27,10 @@ var stdin_default = defineComponent({
       const {
         mask,
         value,
-        length,
         gutter,
         focused
       } = props;
+      const length = +props.length;
       for (let i = 0; i < length; i++) {
         const char = value[i];
         const showBorder = i !== 0 && !gutter;

package/es/picker/Picker.mjs

@@ -164,6 +164,7 @@ var stdin_default = defineComponent({
     watch(() => props.modelValue, (newValues) => {
       if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
         selectedValues.value = newValues.slice(0);
+        lastEmittedModelValue = newValues.slice(0);
       }
     }, {
       deep: true

package/es/popup/shared.mjs

@@ -1,16 +1,28 @@
 import { truthProp, unknownProp, numericProp } from "../utils/index.mjs";
 const popupSharedProps = {
+  // whether to show popup
   show: Boolean,
+  // z-index
   zIndex: numericProp,
+  // whether to show overlay
   overlay: truthProp,
+  // transition duration
   duration: numericProp,
+  // teleport
   teleport: [String, Object],
+  // prevent body scroll
   lockScroll: truthProp,
+  // whether to lazy render
   lazyRender: truthProp,
+  // callback function before close
   beforeClose: Function,
+  // overlay custom style
   overlayStyle: Object,
+  // overlay custom class name
   overlayClass: unknownProp,
+  // Initial rendering animation
   transitionAppear: Boolean,
+  // whether to close popup when overlay is clicked
   closeOnClickOverlay: truthProp
 };
 const popupSharedPropKeys = Object.keys(

package/es/progress/Progress.mjs

@@ -14,7 +14,7 @@ const progressProps = {
   percentage: {
     type: numericProp,
     default: 0,
-    validator: (value) => value >= 0 && value <= 100
+    validator: (value) => +value >= 0 && +value <= 100
   }
 };
 var stdin_default = defineComponent({

package/es/search/Search.mjs

@@ -25,7 +25,7 @@ var stdin_default = defineComponent({
     attrs
   }) {
     const id = useId();
-    const filedRef = ref();
+    const fieldRef = ref();
     const onCancel = () => {
       if (!slots.action) {
         emit("update:modelValue", "");
@@ -61,11 +61,11 @@ var stdin_default = defineComponent({
     };
     const blur = () => {
       var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.blur();
+      return (_a = fieldRef.value) == null ? void 0 : _a.blur();
     };
     const focus = () => {
       var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.focus();
+      return (_a = fieldRef.value) == null ? void 0 : _a.focus();
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);
@@ -80,7 +80,7 @@ var stdin_default = defineComponent({
       });
       const onInput = (value) => emit("update:modelValue", value);
       return _createVNode(Field, _mergeProps({
-        "ref": filedRef,
+        "ref": fieldRef,
         "type": "search",
         "class": bem("field"),
         "border": false,

package/es/slider/Slider.d.ts

@@ -87,9 +87,9 @@ declare const _default: import("vue").DefineComponent<{
     onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     range: boolean;
     max: string | number;
-    reverse: boolean;
     disabled: boolean;
     modelValue: SliderValue;
     readonly: boolean;

package/es/slider/index.d.ts

@@ -56,9 +56,9 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
     onDragStart?: ((...args: any[]) => any) | undefined;
     onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
+    reverse: boolean;
     range: boolean;
     max: string | number;
-    reverse: boolean;
     disabled: boolean;
     modelValue: number | [number, number];
     readonly: boolean;

package/es/stepper/Stepper.mjs

@@ -68,8 +68,8 @@ var stdin_default = defineComponent({
     let actionType;
     const inputRef = ref();
     const current = ref(getInitialValue());
-    const minusDisabled = computed(() => props.disabled || props.disableMinus || current.value <= +props.min);
-    const plusDisabled = computed(() => props.disabled || props.disablePlus || current.value >= +props.max);
+    const minusDisabled = computed(() => props.disabled || props.disableMinus || +current.value <= +props.min);
+    const plusDisabled = computed(() => props.disabled || props.disablePlus || +current.value >= +props.max);
     const inputStyle = computed(() => ({
       width: addUnit(props.inputWidth),
       height: addUnit(props.buttonSize)

package/es/sticky/Sticky.mjs

@@ -24,7 +24,9 @@ var stdin_default = defineComponent({
     const state = reactive({
       fixed: false,
       width: 0,
+      // root width
       height: 0,
+      // root height
       transform: 0
     });
     const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));

package/es/swipe/Swipe.mjs

@@ -165,7 +165,7 @@ var stdin_default = defineComponent({
     const stopAutoplay = () => clearTimeout(autoplayTimer);
     const autoplay = () => {
       stopAutoplay();
-      if (props.autoplay > 0 && count.value > 1) {
+      if (+props.autoplay > 0 && count.value > 1) {
         autoplayTimer = setTimeout(() => {
           next();
           autoplay();
@@ -210,7 +210,8 @@ var stdin_default = defineComponent({
     const resize = () => initialize(state.active);
     let touchStartTime;
     const onTouchStart = (event) => {
-      if (!props.touchable || event.touches.length > 1)
+      if (!props.touchable || // avoid resetting position on multi-finger touch
+      event.touches.length > 1)
         return;
       touch.start(event);
       dragging = false;
@@ -229,7 +230,9 @@ var stdin_default = defineComponent({
               offset: delta.value
             });
             if (!dragging) {
-              emit("dragStart");
+              emit("dragStart", {
+                index: activeIndicator.value
+              });
               dragging = true;
             }
           }
@@ -262,7 +265,9 @@ var stdin_default = defineComponent({
       }
       dragging = false;
       state.swiping = false;
-      emit("dragEnd");
+      emit("dragEnd", {
+        index: activeIndicator.value
+      });
       autoplay();
     };
     const swipeTo = (index, options = {}) => {

package/es/tabs/Tabs.mjs

@@ -64,7 +64,7 @@ var stdin_default = defineComponent({
       lineStyle: {},
       currentIndex: -1
     });
-    const scrollable = computed(() => children.length > props.swipeThreshold || !props.ellipsis || props.shrink);
+    const scrollable = computed(() => children.length > +props.swipeThreshold || !props.ellipsis || props.shrink);
     const navStyle = computed(() => ({
       borderColor: props.color,
       background: props.background

package/es/tag/Tag.d.ts

@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<{
     type: TagType;
     mark: boolean;
     round: boolean;
-    show: boolean;
     plain: boolean;
+    show: boolean;
     closeable: boolean;
 }>;
 export default _default;

package/es/tag/index.d.ts

@@ -36,8 +36,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     type: import("./types").TagType;
     mark: boolean;
     round: boolean;
-    show: boolean;
     plain: boolean;
+    show: boolean;
     closeable: boolean;
 }>>;
 export default Tag;

package/es/text-ellipsis/TextEllipsis.d.ts

@@ -0,0 +1,63 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const textEllipsisProps: {
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+};
+export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
+declare const _default: import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>;
+export default _default;

package/es/text-ellipsis/TextEllipsis.mjs

@@ -0,0 +1,108 @@
+import { createVNode as _createVNode } from "vue";
+import { ref, watch, onMounted, defineComponent } from "vue";
+import { useEventListener } from "@vant/use";
+import { makeNumericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("text-ellipsis");
+const textEllipsisProps = {
+  rows: makeNumericProp(1),
+  content: makeStringProp(""),
+  expandText: makeStringProp(""),
+  collapseText: makeStringProp("")
+};
+var stdin_default = defineComponent({
+  name,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit
+  }) {
+    const text = ref("");
+    const expanded = ref(false);
+    const hasAction = ref(false);
+    const root = ref();
+    const pxToNum = (value) => {
+      if (!value)
+        return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const calcEllipsised = () => {
+      const cloneContainer = () => {
+        if (!root.value)
+          return;
+        const originStyle = window.getComputedStyle(root.value);
+        const container2 = document.createElement("div");
+        const styleNames = Array.prototype.slice.apply(originStyle);
+        styleNames.forEach((name2) => {
+          container2.style.setProperty(name2, originStyle.getPropertyValue(name2));
+        });
+        container2.style.position = "fixed";
+        container2.style.zIndex = "-9999";
+        container2.style.top = "-9999px";
+        container2.style.height = "auto";
+        container2.style.minHeight = "auto";
+        container2.style.maxHeight = "auto";
+        container2.innerText = props.content;
+        document.body.appendChild(container2);
+        return container2;
+      };
+      const calcEllipsisText = (container2, maxHeight2) => {
+        const {
+          content,
+          expandText
+        } = props;
+        const dot = "...";
+        let left = 0;
+        let right = content.length;
+        let res = -1;
+        while (left <= right) {
+          const mid = Math.floor((left + right) / 2);
+          container2.innerText = content.slice(0, mid) + dot + expandText;
+          if (container2.offsetHeight <= maxHeight2) {
+            left = mid + 1;
+            res = mid;
+          } else {
+            right = mid - 1;
+          }
+        }
+        return content.slice(0, res) + dot;
+      };
+      const container = cloneContainer();
+      if (!container)
+        return;
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const onClickAction = (event) => {
+      expanded.value = !expanded.value;
+      emit("clickAction", event);
+    };
+    const renderAction = () => _createVNode("span", {
+      "class": bem("action"),
+      "onClick": onClickAction
+    }, [expanded.value ? props.collapseText : props.expandText]);
+    onMounted(calcEllipsised);
+    watch(() => [props.content, props.rows], calcEllipsised);
+    useEventListener("resize", calcEllipsised);
+    return () => _createVNode("div", {
+      "ref": root,
+      "class": bem()
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+  }
+});
+export {
+  stdin_default as default,
+  textEllipsisProps
+};

package/es/text-ellipsis/index.css

@@ -0,0 +1 @@
+:root{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap;word-break:break-word}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

package/es/text-ellipsis/index.d.ts

@@ -0,0 +1,51 @@
+export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    content: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onClickAction?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    rows: string | number;
+    expandText: string;
+    collapseText: string;
+}>>;
+export default TextEllipsis;
+export { textEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisProps } from './TextEllipsis';
+export type { TextEllipsisThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTextEllipsis: typeof TextEllipsis;
+    }
+}

package/es/text-ellipsis/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _TextEllipsis from "./TextEllipsis.mjs";
+const TextEllipsis = withInstall(_TextEllipsis);
+var stdin_default = TextEllipsis;
+import { textEllipsisProps } from "./TextEllipsis.mjs";
+export {
+  TextEllipsis,
+  stdin_default as default,
+  textEllipsisProps
+};

package/es/text-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/text-ellipsis/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/text-ellipsis/types.d.ts

@@ -0,0 +1,3 @@
+export type TextEllipsisThemeVars = {
+    textEllipsisActionColor?: string;
+};

package/es/tree-select/TreeSelect.mjs

@@ -36,7 +36,7 @@ var stdin_default = defineComponent({
           const index = activeId.indexOf(item.id);
           if (index !== -1) {
             activeId.splice(index, 1);
-          } else if (activeId.length < props.max) {
+          } else if (activeId.length < +props.max) {
             activeId.push(item.id);
           }
         } else {
@@ -64,12 +64,13 @@ var stdin_default = defineComponent({
     const renderSidebar = () => {
       const Items = props.items.map((item) => _createVNode(SidebarItem, {
         "dot": item.dot,
-        "title": item.text,
         "badge": item.badge,
         "class": [bem("nav-item"), item.className],
         "disabled": item.disabled,
         "onClick": onClickSidebarItem
-      }, null));
+      }, {
+        title: () => slots["nav-text"] ? slots["nav-text"](item) : item.text
+      }));
       return _createVNode(Sidebar, {
         "class": bem("nav"),
         "modelValue": props.mainActiveIndex,

package/es/uploader/Uploader.mjs

@@ -189,7 +189,7 @@ var stdin_default = defineComponent({
     };
     const onClickUpload = (event) => emit("clickUpload", event);
     const renderUpload = () => {
-      if (props.modelValue.length >= props.maxCount) {
+      if (props.modelValue.length >= +props.maxCount) {
         return;
       }
       const Input = props.readonly ? null : _createVNode("input", {

package/es/uploader/utils.mjs

@@ -23,7 +23,7 @@ function isOversize(items, maxSize) {
       if (isFunction(maxSize)) {
         return maxSize(item.file);
       }
-      return item.file.size > maxSize;
+      return item.file.size > +maxSize;
     }
     return false;
   });
@@ -40,7 +40,7 @@ function filterFiles(items, maxSize) {
   });
   return { valid, invalid };
 }
-const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg|avif)/i;
 const isImageUrl = (url) => IMAGE_REGEXP.test(url);
 function isImageFile(item) {
   if (item.isImage) {

package/lib/action-bar/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/action-bar-button/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/action-bar-icon/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/action-sheet/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));