UNPKG

@enhances/bigscreen-fit-vue3

Version:

Vue3 大屏适配方案、scale、可不压缩、不黑边、适配浏览器缩放、不同分辨率、提供全屏、退出全屏、判断全屏、提供缩放不同状态的classname

228 lines (227 loc) 9.1 kB
declare module '@enhances/bigscreen-fit-vue3/boostrap' { export {}; } declare module '@enhances/bigscreen-fit-vue3' { import { components, share, directive } from '@enhances/bigscreen-fit-vue3/packages'; import { ScaleFitOptions } from '@enhances/bigscreen-fit-vue3/packages/directive/options'; export { components, share, directive, }; const _default: { install(Vue: App, options?: ScaleFitOptions): void; }; export default _default; } declare module '@enhances/bigscreen-fit-vue3/main' { } declare module '@enhances/bigscreen-fit-vue3/packages' { export * as components from '@enhances/bigscreen-fit-vue3/packages/components'; export * as share from '@enhances/bigscreen-fit-vue3/packages/share'; export * as directive from '@enhances/bigscreen-fit-vue3/packages/directive'; } declare module '@enhances/bigscreen-fit-vue3/packages/components' { export { default as BsConfigProvider } from '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider'; export { default as BigScreenFit } from '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit'; } declare module '@enhances/bigscreen-fit-vue3/packages/directive' { import ScaleFit from '@enhances/bigscreen-fit-vue3/packages/directive/scale-fit'; import { ScaleFitOptions } from '@enhances/bigscreen-fit-vue3/packages/directive/options'; export { ScaleFit, }; const _default: { install(_Vue: App, options?: ScaleFitOptions): void; }; export default _default; } declare module '@enhances/bigscreen-fit-vue3/packages/share' { export * from '@enhances/bigscreen-fit-vue3/packages/share/webapi'; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit' { import BigScreenFit, { PropsType } from '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit/@enhances/bigscreen-fit-vue3/bigscreen-fit.vue'; import './style/index.scss'; export { type PropsType, }; export default BigScreenFit; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider' { import BsConfigProvider from '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/bs-config-provider.vue'; import './style/index.scss'; export default BsConfigProvider; } declare module '@enhances/bigscreen-fit-vue3/packages/directive/scale-fit' { import { ScaleFitOptions } from '@enhances/bigscreen-fit-vue3/packages/directive/options'; const _default: { install(_Vue: App, options?: ScaleFitOptions): void; }; export default _default; } declare module '@enhances/bigscreen-fit-vue3/packages/directive/scale-fit/scale-fit.v3' { import { ObjectDirective, App } from 'vue'; import { ScaleFitOptions } from '@enhances/bigscreen-fit-vue3/packages/directive/options'; export function useScaleFitV2(_Vue: App, options?: ScaleFitOptions): ObjectDirective; } declare module '@enhances/bigscreen-fit-vue3/packages/share/webapi' { export function usResizeObjserver(el: Element, callback: (val: any) => void): void; export function enterFullScreen(): void; export function exitFullScreen(): void; export function isFullScreen(): boolean; export function onFullScreenChange(callback: (isFullScreen: boolean) => void): () => void; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit/@enhances/bigscreen-fit-vue3/bigscreen-fit' { import { Ref } from "vue"; import { PropsType } from '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit/@enhances/bigscreen-fit-vue3/bigscreen-fit.vue'; import { BsConfigProviderInterface } from '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/types'; export const defaultDesign: { readonly width: 1920; readonly height: 1080; readonly zoom: 1; readonly id: "bigscreen-config-provid"; readonly push: false; readonly compress: "auto"; readonly origin: "left top"; readonly customScale: "auto"; readonly zIndex: 1; readonly cssTranslate: "translate(-50%, -50%)"; }; /** * * @param {string|number} val * @param unit * @returns */ export function useDesignValue(val: string | number, unit?: string): string; export function useBgsTransform<T extends PropsType>(props: T, bigscreenConfigProvid: Ref<BsConfigProviderInterface>): any; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/bs-config-provider' { import { WinType } from '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/types'; export function useScreenResize(callback?: (win: WinType) => void): { win: any; updateWinOption: () => void; }; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/types' { export interface BsConfigProviderInterface { isFullScreen: boolean; id?: string; [x: string]: any; win: WinType; } export interface WinType { innerHeight: number; innerWidth: number; } } declare module '@enhances/bigscreen-fit-vue3/App' { const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>; export default _default; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bigscreen-fit/@enhances/bigscreen-fit-vue3/bigscreen-fit' { export interface PropsType { designWidth?: number; designHeight?: number; zoom?: number | ((isFullScreen: boolean) => number); id?: string; push?: boolean; compress?: boolean | 'auto'; origin?: string; customScale?: string | 'auto'; zIndex?: number; cssTranslate?: string; } const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsType>, { designWidth: 1920; designHeight: 1080; zoom: 1; id: "bigscreen-config-provid"; push: false; origin: "left top"; customScale: "auto"; zIndex: 1; compress: "auto"; cssTranslate: "translate(-50%, -50%)"; }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsType>, { designWidth: 1920; designHeight: 1080; zoom: 1; id: "bigscreen-config-provid"; push: false; origin: "left top"; customScale: "auto"; zIndex: 1; compress: "auto"; cssTranslate: "translate(-50%, -50%)"; }>>>, { push: boolean; zIndex: number; customScale: string; designWidth: number; designHeight: number; zoom: number | ((isFullScreen: boolean) => number); id: string; compress: boolean | "auto"; origin: string; cssTranslate: string; }, {}>, { default?(_: { customClass: {}; }): any; }>; export default _default; type __VLS_NonUndefinedable<T> = T extends undefined ? never : T; type __VLS_TypePropsToRuntimeProps<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? { type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>; } : { type: import('vue').PropType<T[K]>; required: true; }; }; type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & { default: D[K]; }> : P[K]; }; type __VLS_Prettify<T> = { [K in keyof T]: T[K]; } & {}; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; }; } declare module '@enhances/bigscreen-fit-vue3/packages/components/bs-config-provider/@enhances/bigscreen-fit-vue3/bs-config-provider' { export interface PropsType { id?: string; } const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsType>, { id: string; }>, { updateWinOption: () => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsType>, { id: string; }>>>, { id: string; }, {}>, { default?(_: {}): any; }>; export default _default; type __VLS_NonUndefinedable<T> = T extends undefined ? never : T; type __VLS_TypePropsToRuntimeProps<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? { type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>; } : { type: import('vue').PropType<T[K]>; required: true; }; }; type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & { default: D[K]; }> : P[K]; }; type __VLS_Prettify<T> = { [K in keyof T]: T[K]; } & {}; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; }; }