zartui 3.1.7 → 3.1.8

package/es/image-preview/ImagePreview.d.ts

@@ -51,10 +51,15 @@ export declare const imagePreviewProps: {
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
 };
 export type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -106,10 +111,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
@@ -159,10 +169,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -172,8 +187,9 @@ declare const _default: import("vue").DefineComponent<{
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     loop: boolean;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/image-preview/ImagePreview.mjs

@@ -8,7 +8,7 @@ import { Swipe } from "../swipe/index.mjs";
 import { Popup } from "../popup/index.mjs";
 import ImagePreviewItem from "./ImagePreviewItem.mjs";
 const [name, bem] = createNamespace("image-preview");
-const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate"];
+const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
@@ -28,7 +28,9 @@ const imagePreviewProps = {
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  closeIconPosition: makeStringProp("top-right")
+  closeOnClickOverlay: truthProp,
+  closeIconPosition: makeStringProp("top-right"),
+  teleport: [String, Object]
 };
 var stdin_default = defineComponent({
   name,
@@ -42,7 +44,8 @@ var stdin_default = defineComponent({
     const state = reactive({
       active: 0,
       rootWidth: 0,
-      rootHeight: 0
+      rootHeight: 0,
+      disableZoom: false
     });
     const resize = () => {
       if (swipeRef.value) {
@@ -98,6 +101,12 @@ var stdin_default = defineComponent({
         }, [slots.cover()]);
       }
     };
+    const onDragStart = () => {
+      state.disableZoom = true;
+    };
+    const onDragEnd = () => {
+      state.disableZoom = false;
+    };
     const renderImages = () => _createVNode(Swipe, {
       "ref": swipeRef,
       "lazyRender": true,
@@ -107,7 +116,9 @@ var stdin_default = defineComponent({
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
-      "onChange": setActive
+      "onChange": setActive,
+      "onDragEnd": onDragEnd,
+      "onDragStart": onDragStart
     }, {
       default: () => [props.images.map((image, index) => _createVNode(ImagePreviewItem, {
         "src": image.url,
@@ -117,6 +128,8 @@ var stdin_default = defineComponent({
         "minZoom": props.minZoom,
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
+        "disableZoom": state.disableZoom,
+        "closeOnClickOverlay": props.closeOnClickOverlay,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {

package/es/image-preview/ImagePreviewItem.d.ts

@@ -18,6 +18,8 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
@@ -38,11 +40,15 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    disableZoom: BooleanConstructor;
+    closeOnClickOverlay: BooleanConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    closeOnClickOverlay: boolean;
+    disableZoom: boolean;
 }, {}>;
 export default _default;

package/es/image-preview/ImagePreviewItem.mjs

@@ -16,7 +16,9 @@ var stdin_default = defineComponent({
     minZoom: makeRequiredProp(numericProp),
     maxZoom: makeRequiredProp(numericProp),
     rootWidth: makeRequiredProp(Number),
-    rootHeight: makeRequiredProp(Number)
+    rootHeight: makeRequiredProp(Number),
+    disableZoom: Boolean,
+    closeOnClickOverlay: Boolean
   },
   emits: ["scale", "close", "longPress"],
   setup(props, {
@@ -154,7 +156,8 @@ var stdin_default = defineComponent({
         setScale(scale);
       }
     };
-    const checkTap = () => {
+    const checkTap = (event) => {
+      var _a;
       if (fingerNum > 1) {
         return;
       }
@@ -172,6 +175,9 @@ var stdin_default = defineComponent({
             doubleTapTimer = null;
             toggleScale();
           } else {
+            if (!props.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
+              return;
+            }
             doubleTapTimer = setTimeout(() => {
               emit("close");
               doubleTapTimer = null;
@@ -209,7 +215,7 @@ var stdin_default = defineComponent({
         }
       }
       preventDefault(event, stopPropagation);
-      checkTap();
+      checkTap(event);
       touch.reset();
     };
     const onLoad = (event) => {

package/es/image-preview/function-call.mjs

@@ -24,6 +24,7 @@ const defaultConfig = {
   swipeDuration: 300,
   showIndicators: false,
   closeOnPopstate: true,
+  closeOnClickOverlay: true,
   closeIconPosition: "top-right"
 };
 function initInstance() {

package/es/image-preview/index.d.ts

@@ -48,10 +48,15 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
         type: import("vue").PropType<import("..").PopupCloseIconPosition>;
         default: import("..").PopupCloseIconPosition;
     };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
@@ -101,10 +106,15 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeIconPosition: {
         type: import("vue").PropType<import("..").PopupCloseIconPosition>;
         default: import("..").PopupCloseIconPosition;
     };
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
@@ -114,8 +124,9 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     loop: boolean;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
+    closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/image-preview/types.d.ts

@@ -26,6 +26,7 @@ export type ImagePreviewOptions = {
     showIndicators?: boolean;
     closeOnPopstate?: boolean;
     closeIconPosition?: PopupCloseIconPosition;
+    closeOnClickOverlay?: boolean;
     onClose?(): void;
     onScale?(args: {
         scale: number;

package/es/index.d.ts

@@ -78,4 +78,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.7";
+export const version: "3.1.8";

package/es/index.mjs

@@ -71,7 +71,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "3.1.7";
+const version = "3.1.8";
 function install(app) {
   const components = [
     ActionSheet,

package/es/lazyload/vue-lazyload/index.d.ts

@@ -1,55 +1,55 @@
-import type { App } from 'vue';
-
-declare type ListenEvent =
-  | 'scroll'
-  | 'wheel'
-  | 'mousewheel'
-  | 'resize'
-  | 'animationend'
-  | 'transitionend'
-  | 'touchmove';
-
-// eslint-disable-next-line
-declare type Callback = (listener: any, options: LazyloadOptions) => void;
-
-declare type Filter = {
-  webp?: Callback;
-  progressive?: Callback;
-};
-
-declare type Adapter = {
-  error?: Callback;
-  loaded?: Callback;
-  loading?: Callback;
-};
-
-export declare type LazyloadOptions = {
-  error?: string;
-  filter?: Filter;
-  silent?: boolean;
-  adapter?: Adapter;
-  loading?: string;
-  attempt?: number;
-  preLoad?: number;
-  observer?: boolean;
-  lazyImage?: boolean;
-  throttleWait?: number;
-  listenEvents?: ListenEvent[];
-  dispatchEvent?: boolean;
-  lazyComponent?: boolean;
-  observerOptions?: IntersectionObserverInit;
-};
-
-export declare const Lazyload: {
-  install(app: App, options?: LazyloadOptions): void;
-};
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $Lazyload: {
-      $on: (event: string, handler: Callback) => void;
-      $off: (event: string, handler?: Callback) => void;
-      $once: (event: string, handler: Callback) => void;
-    };
-  }
-}
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

package/es/list/List.d.ts

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes } from 'vue';
+import type { PropType } from 'vue';
 import type { ListDirection } from './types';
 declare const listProps: {
     error: BooleanConstructor;
@@ -8,9 +9,10 @@ declare const listProps: {
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -29,9 +31,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;
@@ -48,9 +51,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: PropType<Element>;
     errorText: StringConstructor;
     direction: {
-        type: import("vue").PropType<ListDirection>;
+        type: PropType<ListDirection>;
         default: ListDirection;
     };
     loadingText: StringConstructor;

package/es/list/List.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, onUpdated, onMounted, defineComponent } from "vue";
+import { ref, watch, computed, nextTick, onUpdated, onMounted, defineComponent } from "vue";
 import { isHidden, truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useScrollParent, useEventListener } from "@zartui/use";
 import { useExpose } from "../composables/use-expose.mjs";
@@ -12,6 +12,7 @@ const listProps = {
   offset: makeNumericProp(300),
   loading: Boolean,
   finished: Boolean,
+  scroller: Object,
   errorText: String,
   direction: makeStringProp("down"),
   loadingText: String,
@@ -31,6 +32,7 @@ var stdin_default = defineComponent({
     const placeholder = ref();
     const tabStatus = useTabStatus();
     const scrollParent = useScrollParent(root);
+    const scroller = computed(() => props.scroller || scrollParent.value);
     const check = () => {
       nextTick(() => {
         if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
@@ -41,7 +43,7 @@ var stdin_default = defineComponent({
           direction
         } = props;
         const offset = +props.offset;
-        const scrollParentRect = useRect(scrollParent);
+        const scrollParentRect = useRect(scroller);
         if (!scrollParentRect.height || isHidden(root)) {
           return;
         }
@@ -122,7 +124,7 @@ var stdin_default = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scrollParent,
+      target: scroller,
       passive: true
     });
     return () => {

package/es/list/index.d.ts

@@ -7,6 +7,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;
@@ -26,6 +27,7 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     };
     loading: BooleanConstructor;
     finished: BooleanConstructor;
+    scroller: import("vue").PropType<Element>;
     errorText: StringConstructor;
     direction: {
         type: import("vue").PropType<import("./types").ListDirection>;

package/es/nav-bar/NavBar.d.ts

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
-    leftIcon: boolean;
     border: boolean;
+    leftIcon: boolean;
     rightIcon: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;

package/es/nav-bar/index.d.ts

@@ -39,8 +39,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
-    leftIcon: boolean;
     border: boolean;
+    leftIcon: boolean;
     rightIcon: boolean;
     placeholder: boolean;
     safeAreaInsetTop: boolean;

package/es/notify/Notify.d.ts

@@ -124,8 +124,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: NotifyType;
     position: NotifyPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/es/notify/index.d.ts

@@ -81,8 +81,8 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
 }, {
     type: import("./types").NotifyType;
     position: import("./types").NotifyPosition;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     lockScroll: boolean;
     lazyRender: boolean;
     transitionAppear: boolean;

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -143,13 +143,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
 }, {
     theme: NumberKeyboardTheme;
+    show: boolean;
     maxlength: string | number;
     modelValue: string;
-    show: boolean;
     transition: boolean;
     safeAreaInsetBottom: boolean;
     blurOnClose: boolean;

package/es/number-keyboard/NumberKeyboardKey.d.ts

@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onPress?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     large: boolean;
+    loading: boolean;
     wider: boolean;
 }, {}>;
 export default _default;

package/es/number-keyboard/index.d.ts

@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "show" | "hide" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete")[], "input" | "hide" | "show" | "blur" | "update:modelValue" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -94,13 +94,13 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
 }, {
     theme: import("./NumberKeyboard").NumberKeyboardTheme;
+    show: boolean;
     maxlength: string | number;
     modelValue: string;
-    show: boolean;
     transition: boolean;
     safeAreaInsetBottom: boolean;
     blurOnClose: boolean;

package/es/popover/Popover.d.ts

@@ -162,8 +162,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     offset: [number, number];
     theme: PopoverTheme;
-    show: boolean;
     overlay: boolean;
+    show: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
     closeOnClickOverlay: boolean;
     actions: PopoverAction[];