zartui 3.0.2 → 3.0.4

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

@@ -0,0 +1,140 @@
+import type { ImagePreviewProps } from './ImagePreview';
+export declare const ImagePreview: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    loop: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    images: {
+        type: import("vue").PropType<import("./types").ImageItem[]>;
+        default: () => import("./types").ImageItem[];
+    };
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeable: BooleanConstructor;
+    showIndex: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    className: import("vue").PropType<unknown>;
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transition: StringConstructor;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayClass: import("vue").PropType<unknown>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    startPosition: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showIndicators: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeIconPosition: {
+        type: import("vue").PropType<import("..").PopupCloseIconPosition>;
+        default: import("..").PopupCloseIconPosition;
+    };
+}, () => 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: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    images: {
+        type: import("vue").PropType<import("./types").ImageItem[]>;
+        default: () => import("./types").ImageItem[];
+    };
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeable: BooleanConstructor;
+    showIndex: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    className: import("vue").PropType<unknown>;
+    closeIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    transition: StringConstructor;
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayClass: import("vue").PropType<unknown>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    startPosition: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showIndicators: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeIconPosition: {
+        type: import("vue").PropType<import("..").PopupCloseIconPosition>;
+        default: import("..").PopupCloseIconPosition;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
+}, {
+    loop: boolean;
+    show: boolean;
+    overlay: boolean;
+    closeIcon: string;
+    closeable: boolean;
+    closeOnPopstate: boolean;
+    closeIconPosition: import("..").PopupCloseIconPosition;
+    showIndicators: boolean;
+    swipeDuration: string | number;
+    minZoom: string | number;
+    maxZoom: string | number;
+    images: import("./types").ImageItem[];
+    showIndex: boolean;
+    startPosition: string | number;
+}>>;
+export default ImagePreview;
+export { imagePreviewProps } from './ImagePreview';
+export { showImagePreview } from './function-call';
+export type { ImagePreviewProps };
+export type { ImageItem, ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtImagePreview: typeof ImagePreview;
+    }
+}

package/es/image-preview/index.mjs

@@ -0,0 +1,12 @@
+import { withInstall } from "../utils/index.mjs";
+import _ImagePreview from "./ImagePreview.mjs";
+const ImagePreview = withInstall(_ImagePreview);
+var stdin_default = ImagePreview;
+import { imagePreviewProps } from "./ImagePreview.mjs";
+import { showImagePreview } from "./function-call.mjs";
+export {
+  ImagePreview,
+  stdin_default as default,
+  imagePreviewProps,
+  showImagePreview
+};

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

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

package/es/image-preview/style/index.mjs

@@ -0,0 +1,10 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../image/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../loading/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../index.css";

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

@@ -0,0 +1,43 @@
+import type { CSSProperties, TeleportProps, ComponentPublicInstance } from 'vue';
+import type { Interceptor } from '../utils';
+import type { SwipeToOptions } from '../swipe';
+import type { PopupCloseIconPosition } from '../popup';
+import type { ImagePreviewProps } from './ImagePreview';
+export declare type ImageItem = {
+    url: string;
+    title?: string;
+};
+export declare type ImagePreviewOptions = {
+    loop?: boolean;
+    images: ImageItem[];
+    maxZoom?: number;
+    minZoom?: number;
+    teleport?: TeleportProps['to'];
+    className?: unknown;
+    showIndex?: boolean;
+    closeable?: boolean;
+    closeIcon?: string;
+    transition?: string;
+    beforeClose?: Interceptor;
+    overlayStyle?: CSSProperties;
+    overlayClass?: unknown;
+    swipeDuration?: number;
+    startPosition?: number;
+    showIndicators?: boolean;
+    closeOnPopstate?: boolean;
+    closeIconPosition?: PopupCloseIconPosition;
+    onClose?(): void;
+    onScale?(args: {
+        scale: number;
+        index: number;
+    }): void;
+    onChange?(index: number): void;
+};
+export declare type ImagePreviewScaleEventParams = {
+    scale: number;
+    index: number;
+};
+export declare type ImagePreviewExpose = {
+    swipeTo: (index: number, options?: SwipeToOptions) => void;
+};
+export declare type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;

package/es/index.d.ts

@@ -1,35 +1,73 @@
+export * from "./action-sheet";
+export * from "./avatar";
 export * from "./badge";
 export * from "./button";
+export * from "./calendar";
+export * from "./cascader";
 export * from "./cell";
+export * from "./cell-group";
+export * from "./checkbox";
+export * from "./checkbox-group";
 export * from "./col";
+export * from "./collapse";
+export * from "./collapse-item";
 export * from "./config-provider";
+export * from "./date-time-picker";
+export * from "./dialog";
 export * from "./divider";
+export * from "./dropdown-item";
+export * from "./dropdown-menu";
 export * from "./empty";
+export * from "./field";
+export * from "./form";
+export * from "./grid";
+export * from "./grid-item";
 export * from "./icon";
+export * from "./image";
+export * from "./image-preview";
+export * from "./lazyload";
 export * from "./list";
 export * from "./loading";
 export * from "./locale";
+export * from "./media-picker";
+export * from "./media-player";
+export * from "./multiple-picker";
+export * from "./nav-bar";
 export * from "./notice-bar";
 export * from "./notify";
 export * from "./number-keyboard";
 export * from "./overlay";
 export * from "./password-input";
+export * from "./picker";
+export * from "./popover";
 export * from "./popup";
 export * from "./pull-refresh";
+export * from "./radio";
+export * from "./radio-group";
 export * from "./rate";
 export * from "./row";
+export * from "./search";
+export * from "./signature";
+export * from "./skeleton";
+export * from "./step";
 export * from "./stepper";
+export * from "./steps";
 export * from "./sticky";
 export * from "./swipe";
 export * from "./swipe-item";
 export * from "./switch";
 export * from "./tab";
+export * from "./tabbar";
+export * from "./tabbar-item";
 export * from "./tabs";
+export * from "./tag";
+export * from "./time-picker";
 export * from "./toast";
+export * from "./uploader";
 declare namespace _default {
     export { install };
     export { version };
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.0.2";
+export const version: "3.0.4";

package/es/index.mjs

@@ -1,62 +1,136 @@
+import { ActionSheet } from "./action-sheet/index.mjs";
+import { Avatar } from "./avatar/index.mjs";
 import { Badge } from "./badge/index.mjs";
 import { Button } from "./button/index.mjs";
+import { Calendar } from "./calendar/index.mjs";
+import { Cascader } from "./cascader/index.mjs";
 import { Cell } from "./cell/index.mjs";
+import { CellGroup } from "./cell-group/index.mjs";
+import { Checkbox } from "./checkbox/index.mjs";
+import { CheckboxGroup } from "./checkbox-group/index.mjs";
 import { Col } from "./col/index.mjs";
+import { Collapse } from "./collapse/index.mjs";
+import { CollapseItem } from "./collapse-item/index.mjs";
 import { ConfigProvider } from "./config-provider/index.mjs";
+import { DateTimePicker } from "./date-time-picker/index.mjs";
+import { Dialog } from "./dialog/index.mjs";
 import { Divider } from "./divider/index.mjs";
+import { DropdownItem } from "./dropdown-item/index.mjs";
+import { DropdownMenu } from "./dropdown-menu/index.mjs";
 import { Empty } from "./empty/index.mjs";
+import { Field } from "./field/index.mjs";
+import { Form } from "./form/index.mjs";
+import { Grid } from "./grid/index.mjs";
+import { GridItem } from "./grid-item/index.mjs";
 import { Icon } from "./icon/index.mjs";
+import { Image } from "./image/index.mjs";
+import { ImagePreview } from "./image-preview/index.mjs";
 import { List } from "./list/index.mjs";
 import { Loading } from "./loading/index.mjs";
 import { Locale } from "./locale/index.mjs";
+import { MediaPicker } from "./media-picker/index.mjs";
+import { MediaPlayer } from "./media-player/index.mjs";
+import { MultiplePicker } from "./multiple-picker/index.mjs";
+import { NavBar } from "./nav-bar/index.mjs";
 import { NoticeBar } from "./notice-bar/index.mjs";
 import { Notify } from "./notify/index.mjs";
 import { NumberKeyboard } from "./number-keyboard/index.mjs";
 import { Overlay } from "./overlay/index.mjs";
 import { PasswordInput } from "./password-input/index.mjs";
+import { Picker } from "./picker/index.mjs";
+import { Popover } from "./popover/index.mjs";
 import { Popup } from "./popup/index.mjs";
 import { PullRefresh } from "./pull-refresh/index.mjs";
+import { Radio } from "./radio/index.mjs";
+import { RadioGroup } from "./radio-group/index.mjs";
 import { Rate } from "./rate/index.mjs";
 import { Row } from "./row/index.mjs";
+import { Search } from "./search/index.mjs";
+import { Signature } from "./signature/index.mjs";
+import { Skeleton } from "./skeleton/index.mjs";
+import { Step } from "./step/index.mjs";
 import { Stepper } from "./stepper/index.mjs";
+import { Steps } from "./steps/index.mjs";
 import { Sticky } from "./sticky/index.mjs";
 import { Swipe } from "./swipe/index.mjs";
 import { SwipeItem } from "./swipe-item/index.mjs";
 import { Switch } from "./switch/index.mjs";
 import { Tab } from "./tab/index.mjs";
+import { Tabbar } from "./tabbar/index.mjs";
+import { TabbarItem } from "./tabbar-item/index.mjs";
 import { Tabs } from "./tabs/index.mjs";
+import { Tag } from "./tag/index.mjs";
+import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
-const version = "3.0.2";
+import { Uploader } from "./uploader/index.mjs";
+const version = "3.0.4";
 function install(app) {
   const components = [
+    ActionSheet,
+    Avatar,
     Badge,
     Button,
+    Calendar,
+    Cascader,
     Cell,
+    CellGroup,
+    Checkbox,
+    CheckboxGroup,
     Col,
+    Collapse,
+    CollapseItem,
     ConfigProvider,
+    DateTimePicker,
+    Dialog,
     Divider,
+    DropdownItem,
+    DropdownMenu,
     Empty,
+    Field,
+    Form,
+    Grid,
+    GridItem,
     Icon,
+    Image,
+    ImagePreview,
     List,
     Loading,
     Locale,
+    MediaPicker,
+    MediaPlayer,
+    MultiplePicker,
+    NavBar,
     NoticeBar,
     Notify,
     NumberKeyboard,
     Overlay,
     PasswordInput,
+    Picker,
+    Popover,
     Popup,
     PullRefresh,
+    Radio,
+    RadioGroup,
     Rate,
     Row,
+    Search,
+    Signature,
+    Skeleton,
+    Step,
     Stepper,
+    Steps,
     Sticky,
     Swipe,
     SwipeItem,
     Switch,
     Tab,
+    Tabbar,
+    TabbarItem,
     Tabs,
-    Toast
+    Tag,
+    TimePicker,
+    Toast,
+    Uploader
   ];
   components.forEach((item) => {
     if (item.install) {
@@ -66,34 +140,72 @@ function install(app) {
     }
   });
 }
+export * from "./action-sheet/index.mjs";
+export * from "./avatar/index.mjs";
 export * from "./badge/index.mjs";
 export * from "./button/index.mjs";
+export * from "./calendar/index.mjs";
+export * from "./cascader/index.mjs";
 export * from "./cell/index.mjs";
+export * from "./cell-group/index.mjs";
+export * from "./checkbox/index.mjs";
+export * from "./checkbox-group/index.mjs";
 export * from "./col/index.mjs";
+export * from "./collapse/index.mjs";
+export * from "./collapse-item/index.mjs";
 export * from "./config-provider/index.mjs";
+export * from "./date-time-picker/index.mjs";
+export * from "./dialog/index.mjs";
 export * from "./divider/index.mjs";
+export * from "./dropdown-item/index.mjs";
+export * from "./dropdown-menu/index.mjs";
 export * from "./empty/index.mjs";
+export * from "./field/index.mjs";
+export * from "./form/index.mjs";
+export * from "./grid/index.mjs";
+export * from "./grid-item/index.mjs";
 export * from "./icon/index.mjs";
+export * from "./image/index.mjs";
+export * from "./image-preview/index.mjs";
+export * from "./lazyload/index.mjs";
 export * from "./list/index.mjs";
 export * from "./loading/index.mjs";
 export * from "./locale/index.mjs";
+export * from "./media-picker/index.mjs";
+export * from "./media-player/index.mjs";
+export * from "./multiple-picker/index.mjs";
+export * from "./nav-bar/index.mjs";
 export * from "./notice-bar/index.mjs";
 export * from "./notify/index.mjs";
 export * from "./number-keyboard/index.mjs";
 export * from "./overlay/index.mjs";
 export * from "./password-input/index.mjs";
+export * from "./picker/index.mjs";
+export * from "./popover/index.mjs";
 export * from "./popup/index.mjs";
 export * from "./pull-refresh/index.mjs";
+export * from "./radio/index.mjs";
+export * from "./radio-group/index.mjs";
 export * from "./rate/index.mjs";
 export * from "./row/index.mjs";
+export * from "./search/index.mjs";
+export * from "./signature/index.mjs";
+export * from "./skeleton/index.mjs";
+export * from "./step/index.mjs";
 export * from "./stepper/index.mjs";
+export * from "./steps/index.mjs";
 export * from "./sticky/index.mjs";
 export * from "./swipe/index.mjs";
 export * from "./swipe-item/index.mjs";
 export * from "./switch/index.mjs";
 export * from "./tab/index.mjs";
+export * from "./tabbar/index.mjs";
+export * from "./tabbar-item/index.mjs";
 export * from "./tabs/index.mjs";
+export * from "./tag/index.mjs";
+export * from "./time-picker/index.mjs";
 export * from "./toast/index.mjs";
+export * from "./uploader/index.mjs";
 var stdin_default = {
   install,
   version

package/es/lazyload/index.d.ts

@@ -0,0 +1,3 @@
+import { Lazyload } from './vue-lazyload';
+export default Lazyload;
+export { Lazyload };

package/es/lazyload/index.mjs

@@ -0,0 +1,6 @@
+import { Lazyload } from "./vue-lazyload/index.mjs";
+var stdin_default = Lazyload;
+export {
+  Lazyload,
+  stdin_default as default
+};

package/es/lazyload/style/index.d.ts

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

package/es/lazyload/style/index.mjs

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

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

@@ -0,0 +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;
+    };
+  }
+}

package/es/lazyload/vue-lazyload/index.mjs

@@ -0,0 +1,31 @@
+import Lazy from "./lazy.mjs";
+import LazyComponent from "./lazy-component.mjs";
+import LazyContainer from "./lazy-container.mjs";
+import LazyImage from "./lazy-image.mjs";
+const Lazyload = {
+  install(app, options = {}) {
+    const LazyClass = Lazy();
+    const lazy = new LazyClass(options);
+    const lazyContainer = new LazyContainer({ lazy });
+    app.config.globalProperties.$Lazyload = lazy;
+    if (options.lazyComponent) {
+      app.component("LazyComponent", LazyComponent(lazy));
+    }
+    if (options.lazyImage) {
+      app.component("LazyImage", LazyImage(lazy));
+    }
+    app.directive("lazy", {
+      beforeMount: lazy.add.bind(lazy),
+      updated: lazy.update.bind(lazy),
+      unmounted: lazy.remove.bind(lazy)
+    });
+    app.directive("lazy-container", {
+      beforeMount: lazyContainer.bind.bind(lazyContainer),
+      updated: lazyContainer.update.bind(lazyContainer),
+      unmounted: lazyContainer.unbind.bind(lazyContainer)
+    });
+  }
+};
+export {
+  Lazyload
+};

package/es/lazyload/vue-lazyload/lazy-component.mjs

@@ -0,0 +1,51 @@
+import { h } from "vue";
+import { inBrowser, useRect } from "@zartui/use";
+var stdin_default = (lazy) => ({
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  emits: ["show"],
+  render() {
+    return h(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
+  },
+  data() {
+    return {
+      el: null,
+      state: {
+        loaded: false
+      },
+      show: false
+    };
+  },
+  mounted() {
+    this.el = this.$el;
+    lazy.addLazyBox(this);
+    lazy.lazyLoadHandler();
+  },
+  beforeUnmount() {
+    lazy.removeComponent(this);
+  },
+  methods: {
+    checkInView() {
+      const rect = useRect(this.$el);
+      return inBrowser && rect.top < window.innerHeight * lazy.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazy.options.preLoad && rect.right > 0;
+    },
+    load() {
+      this.show = true;
+      this.state.loaded = true;
+      this.$emit("show", this);
+    },
+    destroy() {
+      return this.$destroy;
+    }
+  }
+});
+export {
+  stdin_default as default
+};