mine-h5-ui/es/MeTurnPage/hooks.d.ts

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { Ref, ComputedRef } from 'vue';
import { Props, USEComputeStyle } from './types';
/**
 * 计算样式
 */
export declare const useComputeStyle: ({ point, width, height }: USEComputeStyle.Option) => {
    wrapStyle: Record<string, string>;
    fwrapStyle: Record<string, string>;
    itemStyle: Record<string, string>;
    shadowStyle: Record<string, string>;
    turnItemStyle: Record<string, string>;
    turnShadowStyle: Record<string, string>;
};
/**
 * 倒计时
 */
export declare const useTurnPage: (props: Readonly<Required<Props>>, current: Ref<number>) => {
    getItemStyle: ComputedRef<(index: number) => {
        zIndex?: undefined;
    } | {
        zIndex: number;
    }>;
    wrapStyle: Ref<Record<string, string>, Record<string, string>>;
    fwrapStyle: Ref<Record<string, string>, Record<string, string>>;
    itemStyle: Ref<Record<string, string>, Record<string, string>>;
    shadowStyle: Ref<Record<string, string>, Record<string, string>>;
    turnItemStyle: Ref<Record<string, string>, Record<string, string>>;
    turnShadowStyle: Ref<Record<string, string>, Record<string, string>>;
    current: Ref<number, number>;
    showValue: (index: number, style: Record<string, string>) => "" | Record<string, string>;
};
/**
 * 初始化样式
 */
export declare const useStyle: (props: Readonly<Required<Props>>) => {
    getStyle: ComputedRef<{
        width: string | number;
        height: string | number;
        '--max-z-index': number;
    }>;
};