@enhances/bigscreen-fit-vue3
Version:
Vue3 大屏适配方案、scale、可不压缩、不黑边、适配浏览器缩放、不同分辨率、提供全屏、退出全屏、判断全屏、提供缩放不同状态的classname
228 lines (227 loc) • 9.1 kB
TypeScript
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;
};
};
}