vue3-sketch-ruler
Version:
> 是一个基于 Vue 3 + TypeScript 的标尺组件库，适用于低代码平台、大屏可视化、做图工具等场景，提供类似 Photoshop 的缩放与标尺辅助线体验。
51 lines • 1.97 kB
TypeScript
import { RulerPalette, GuideLine } from '../state/ruler-context';
interface Props {
vertical: boolean;
width: number;
height: number;
thick: number;
scale: number;
offset: {
x: number;
y: number;
};
lines: GuideLine[];
palette: RulerPalette;
showReferLine: boolean;
/** 参考线是否由外部 Canvas 统一绘制（M2 性能优化） */
renderLinesInCanvas?: boolean;
/** 阴影起始位置（世界坐标） */
shadowStart?: number;
/** 阴影长度（世界坐标） */
shadowLength?: number;
/** 画布尺寸（世界坐标），用于过滤超出范围的标注 */
canvasSize?: number;
/** 是否显示次刻度线，默认 false */
showMinorTicks?: boolean;
/** 画布宽度（世界坐标），用于参考线越界检测 */
canvasWidth?: number;
/** 画布高度（世界坐标），用于参考线越界检测 */
canvasHeight?: number;
/** 参考线拖出画布时显示的删除提示文案 */
deleteLabel?: string;
/** 是否全局锁定参考线 */
lockLine?: boolean;
}
declare const __VLS_export: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
addLine: (...args: any[]) => void;
updateLine: (...args: any[]) => void;
deleteLine: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
onAddLine?: ((...args: any[]) => any) | undefined;
onUpdateLine?: ((...args: any[]) => any) | undefined;
onDeleteLine?: ((...args: any[]) => any) | undefined;
}>, {
renderLinesInCanvas: boolean;
canvasWidth: number;
canvasHeight: number;
deleteLabel: string;
lockLine: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
declare const _default: typeof __VLS_export;
export default _default;
//# sourceMappingURL=RulerWrapperV3.vue.d.ts.map