sard-uniapp 1.24.6 → 1.25.0

package/components/image/common.d.ts

@@ -0,0 +1,455 @@
+import { type StyleValue } from 'vue';
+export type ImageMode = 'scaleToFill' | 'aspectFit' | 'aspectFill' | 'widthFix' | 'heightFix' | 'top' | 'bottom' | 'center' | 'left' | 'right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+export interface ImageProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    src?: string;
+    mode?: ImageMode;
+    lazyLoad?: boolean;
+    webp?: boolean;
+    showMenuByLongpress?: boolean;
+    width?: string;
+    height?: string;
+    shape?: 'circle' | 'square';
+    radius?: string;
+    loadingIcon?: string;
+    errorIcon?: string;
+    iconFamily?: string;
+    showLoading?: boolean;
+    showError?: boolean;
+    background?: string;
+    fade?: boolean;
+    customLoad?: (callback: (event: any) => void) => any;
+}
+export declare const defaultImageProps: {
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    src?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    mode?: (ImageMode | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => "center" | "left" | "right" | "bottom" | "top" | "scaleToFill" | "aspectFit" | "aspectFill" | "widthFix" | "heightFix" | "top left" | "top right" | "bottom left" | "bottom right")) | undefined;
+    lazyLoad?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    webp?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    showMenuByLongpress?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    width?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    height?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    shape?: ("circle" | "square" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => "circle" | "square")) | undefined;
+    radius?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    loadingIcon?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    errorIcon?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    iconFamily?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    showLoading?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    showError?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => string)) | undefined;
+    fade?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => boolean)) | undefined;
+    customLoad?: (((callback: (event: any) => void) => any) | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        src: string;
+        mode: ImageMode;
+        lazyLoad: boolean;
+        webp: boolean;
+        showMenuByLongpress: boolean;
+        width: string;
+        height: string;
+        shape: "circle" | "square";
+        radius: string;
+        loadingIcon: string;
+        errorIcon: string;
+        iconFamily: string;
+        showLoading: boolean;
+        showError: boolean;
+        background: string;
+        fade: boolean;
+        customLoad: (callback: (event: any) => void) => any;
+    }) => (callback: (event: any) => void) => any)) | undefined;
+};
+export interface ImageSlots {
+    loading?(props: Record<string, never>): any;
+    error?(props: Record<string, never>): any;
+}
+export interface ImageEmits {
+    (e: 'click', event: any): void;
+    (e: 'load', event: any): void;
+    (e: 'error', event: any): void;
+}
+export interface ImageExpose {
+}
+export declare const FIX_MODES: {
+    widthFix: boolean;
+    heightFix: boolean;
+};
+export declare const IMAGE_MODES: {
+    aspectFit: string[];
+    aspectFill: string[];
+    scaleToFill: string[];
+    widthFix: (string | undefined)[];
+    heightFix: (string | undefined)[];
+    top: string[];
+    bottom: string[];
+    left: string[];
+    right: string[];
+    center: string[];
+    'top left': string[];
+    'top right': string[];
+    'bottom left': string[];
+    'bottom right': string[];
+};

package/components/image/common.js

@@ -0,0 +1,22 @@
+import { defaultConfig } from '../config';
+export const defaultImageProps = defaultConfig.image;
+export const FIX_MODES = {
+    widthFix: true,
+    heightFix: true,
+};
+export const IMAGE_MODES = {
+    aspectFit: ['center', 'contain'],
+    aspectFill: ['center', 'cover'],
+    scaleToFill: ['center', '100% 100%'],
+    widthFix: [undefined, '100% 100%'],
+    heightFix: [undefined, '100% 100%'],
+    top: ['center top', 'auto'],
+    bottom: ['center bottom', 'auto'],
+    left: ['left center', 'auto'],
+    right: ['right center', 'auto'],
+    center: ['center', 'auto'],
+    'top left': ['left top', 'auto'],
+    'top right': ['right top', 'auto'],
+    'bottom left': ['left bottom', 'auto'],
+    'bottom right': ['right bottom', 'auto'],
+};

package/components/image/image.d.ts

@@ -0,0 +1,38 @@
+import { type ImageProps, type ImageSlots } from './common';
+declare function __VLS_template(): Readonly<ImageSlots> & ImageSlots;
+declare const __VLS_component: import("vue").DefineComponent<ImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: any) => any;
+    error: (event: any) => any;
+    load: (event: any) => any;
+}, string, import("vue").PublicProps, Readonly<ImageProps> & Readonly<{
+    onClick?: ((event: any) => any) | undefined;
+    onError?: ((event: any) => any) | undefined;
+    onLoad?: ((event: any) => any) | undefined;
+}>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    height: string;
+    showError: boolean;
+    fade: boolean;
+    background: string;
+    shape: "circle" | "square";
+    src: string;
+    iconFamily: string;
+    mode: import("./common").ImageMode;
+    lazyLoad: boolean;
+    webp: boolean;
+    showMenuByLongpress: boolean;
+    width: string;
+    radius: string;
+    loadingIcon: string;
+    errorIcon: string;
+    showLoading: boolean;
+    customLoad: (callback: (event: any) => void) => any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};