vue3-sketch-ruler
Version:
> 是一个基于 Vue 3 + TypeScript 的标尺组件库,适用于低代码平台、大屏可视化、做图工具等场景,提供类似 Photoshop 的缩放与标尺辅助线体验。
26 lines • 784 B
TypeScript
import { Ref, InjectionKey } from 'vue';
import { TransformEngine, GuideLine, RulerPalette, SnapConfig } from '@sketch-ruler/core';
export type { GuideLine, RulerPalette, SnapConfig, ZoomMode } from '@sketch-ruler/core';
export interface RulerContext {
scale: Ref<number>;
offset: Ref<{
x: number;
y: number;
}>;
viewportSize: Ref<{
width: number;
height: number;
}>;
contentSize: Ref<{
width: number;
height: number;
}>;
lines: Ref<GuideLine[]>;
snapConfig: SnapConfig;
palette: RulerPalette;
engine: TransformEngine;
showRuler: Ref<boolean>;
showReferLine: Ref<boolean>;
}
export declare const RulerContextKey: InjectionKey<RulerContext>;
//# sourceMappingURL=ruler-context.d.ts.map