print-canvas-designer 0.1.1

package/COMMERCIAL_LICENSE.md

@@ -0,0 +1,47 @@
+# Commercial License
+
+`print-canvas-designer` can be used for evaluation, learning, and non-commercial use under the repository `LICENSE`.
+
+Commercial use requires a separate written commercial license from the author.
+
+## When You Need a Commercial License
+
+You need a commercial license if you use this package in any of the following scenarios:
+
+- commercial products;
+- internal business systems;
+- SaaS platforms;
+- customer delivery projects;
+- production environments related to business operations;
+- paid development, outsourcing, or implementation projects.
+
+## What a Commercial License Can Allow
+
+A commercial license may allow the authorized party to:
+
+- integrate `print-canvas-designer` into authorized commercial projects;
+- use it in production environments within the agreed scope;
+- create custom components, custom inspectors, and business-specific rendering logic;
+- customize styles, layouts, and interactions for the authorized project;
+- make necessary source modifications for internal use within the authorized scope;
+- receive updates and technical support within the agreed period.
+
+## Restrictions
+
+Unless explicitly permitted in a separate written agreement, the authorized party may not:
+
+- redistribute, resell, rent, sublicense, or repackage this project or modified versions as a component library, SDK, low-code platform, print designer, template designer, or competing product;
+- publish the source code, modified source code, build artifacts, or commercial feature packages to public npm registries, public repositories, or other public channels;
+- remove, hide, or modify copyright, license, or attribution notices;
+- share a single-project license across unrelated projects or organizations;
+- transfer the license to another company, team, or project without written permission.
+
+## License Scope
+
+Commercial authorization can be granted by project, company, deployment scope, support period, and source access scope. The final scope is determined by the signed commercial agreement or written authorization.
+
+## Contact
+
+For commercial authorization, integration support, or source licensing, contact the author through the project website or GitHub repository.
+
+This document is a commercial license outline. The final commercial license terms are subject to the written agreement between the author and the authorized party.

package/LICENSE

@@ -0,0 +1,37 @@
+print-canvas-designer Non-Commercial Evaluation License
+
+Copyright (c) 2026 junjie-zeng
+
+This software and its documentation are provided for evaluation, learning,
+research, and other non-commercial use only.
+
+You may:
+- install and use the software for evaluation, learning, and non-commercial projects;
+- build prototypes and proof-of-concept integrations;
+- create custom components, custom inspectors, and business-specific examples for evaluation;
+- make local modifications for evaluation and non-commercial use.
+
+You may not, without a separate written commercial license:
+- use the software in commercial products, internal business systems, SaaS platforms,
+  customer delivery projects, or production environments related to business operations;
+- redistribute, resell, rent, sublicense, or repackage the software or modified versions
+  as a component library, SDK, low-code platform, print designer, template designer, or
+  competing product;
+- publish the source code, modified source code, build artifacts, or commercial feature
+  packages to public npm registries, public repositories, or other public channels;
+- remove, hide, or modify copyright, license, or attribution notices;
+- use the software outside the scope of this license.
+
+Commercial use requires a paid commercial license. See COMMERCIAL_LICENSE.md for the
+commercial license outline and contact the author for written authorization.
+
+This software is provided "as is", without warranty of any kind, express or implied,
+including but not limited to the warranties of merchantability, fitness for a particular
+purpose, and noninfringement. In no event shall the author or copyright holder be liable
+for any claim, damages, or other liability arising from the software or the use of the
+software.
+
+The author shall not be responsible for any business interruption, data loss, printing
+errors, label errors, lost profits, or other direct, indirect, incidental, special, or
+consequential losses caused by the use of, inability to use, or integration of the
+software.

package/README.md

@@ -0,0 +1,147 @@
+# print-canvas-designer
+
+Vue 3 打印模板画布 SDK，用于在业务系统中搭建标签、单据、鞋盒标、物流面单等打印模板。它既可以作为完整编辑器使用，也可以只接入画布，由业务自己实现组件面板、属性面板和数据保存逻辑。
+
+- 在线演示：https://junjie-zeng.github.io/projects/print-canvas-designer/
+- Playground：https://junjie-zeng.github.io/projects/print-canvas-designer/playground.html
+- GitHub Demo：https://github.com/junjie-zeng/print-canvas-designer
+
+## 能做什么
+
+- 搭建打印模板：支持文本、图片、矩形、横线、二维码、条形码等基础组件。
+- 调整画布元素：支持选中、拖拽、缩放、旋转、复制、删除、锁定、隐藏和层级调整。
+- 设置纸张：支持 A4、100 x 60、自定义纸张，以及裁切模式下的纸张区域展示。
+- 辅助排版：支持标尺、网格、参考线、边距线、安全区和元素间距辅助线。
+- 渲染业务数据：支持文本字段、运行时数据填充和文本换行策略。
+- 处理图片：支持图片地址，也支持通过 `uploadImage` 接入业务自己的上传接口。
+- 扩展组件：支持注册自定义业务组件，并为组件提供自己的右侧属性面板。
+- 单独接入画布：可以只使用 `PrintCanvas`，把画布能力嵌入到已有业务系统中。
+
+## 快速开始
+
+### 1. 安装
+
+```bash
+pnpm add print-canvas-designer
+```
+
+也可以使用 npm：
+
+```bash
+npm install print-canvas-designer
+```
+
+### 2. 引入样式
+
+```ts
+import 'print-canvas-designer/style.css'
+```
+
+### 3. 使用完整编辑器
+
+```vue
+<template>
+  <PrintDesigner
+    v-model="document"
+    :upload-image="uploadImage"
+    @save="handleSave"
+    @change="handleChange"
+    @select="handleSelect"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { PrintDesigner, createDefaultDocument, type PrintDocument, type PrintElement } from 'print-canvas-designer'
+
+const document = ref<PrintDocument>(createDefaultDocument())
+
+const uploadImage = async (file: File) => {
+  const form = new FormData()
+  form.append('file', file)
+  const response = await fetch('/api/upload', { method: 'POST', body: form })
+  const result = await response.json()
+  return result.url
+}
+
+const handleSave = (value: PrintDocument) => {
+  console.log('save', value)
+}
+
+const handleChange = (value: PrintDocument) => {
+  console.log('change', value)
+}
+
+const handleSelect = (value: PrintElement | null) => {
+  console.log('select', value)
+}
+</script>
+```
+
+### 4. 只接入画布
+
+如果业务系统只需要画布，可以使用 `PrintCanvas`，左侧组件面板和右侧属性面板由业务自己实现。
+
+```vue
+<template>
+  <PrintCanvas :designer="designer" />
+</template>
+
+<script setup lang="ts">
+import {
+  PrintCanvas,
+  createDefaultDocument,
+  createPrintDesigner,
+  providePrintDesigner
+} from 'print-canvas-designer'
+
+const designer = createPrintDesigner({
+  modelValue: createDefaultDocument(),
+  onChange(value) {
+    saveDraft(value)
+  },
+  onSave(value) {
+    saveTemplate(value)
+  }
+})
+
+providePrintDesigner(designer)
+</script>
+```
+
+业务面板可以通过同一个 `designer` 操作画布：
+
+```ts
+designer.addElement('text', { x: 24, y: 24 })
+designer.updateElement(activeId, { field: 'styleColorSize' })
+designer.updateElementStyle(activeId, { width: 180, height: 42 })
+designer.removeElement(activeId)
+designer.save()
+```
+
+## 打开演示
+
+预设的线上演示地址：
+
+- 官网：https://junjie-zeng.github.io/projects/print-canvas-designer/
+- 画布演示：https://junjie-zeng.github.io/projects/print-canvas-designer/playground.html
+- GitHub Demo：https://github.com/junjie-zeng/print-canvas-designer
+
+## 版本要求
+
+- Vue：`^3.4.0 || ^3.5.0`
+- Node.js：建议 18 及以上
+
+## 授权说明
+
+本包可用于学习、评估和非商业场景。商业项目、企业内部系统、SaaS 平台、客户交付项目、生产环境使用，需要先获得商业授权。
+
+商业授权允许在授权范围内集成到业务系统中，也允许编写自定义组件、自定义属性面板和业务渲染逻辑。未经额外书面授权，不允许将本项目或其衍生版本作为组件库、SDK、低代码平台、打印设计器、模板设计器或同类竞争产品进行转售、转授权、公开发布。
+
+具体规则见包内 `LICENSE` 和 `COMMERCIAL_LICENSE.md`。第三方依赖声明见 `THIRD_PARTY_NOTICES.md`。
+
+如中文说明与包内英文授权文件存在差异，以英文授权文件为准。
+
+## 说明
+
+这个包聚焦打印模板编辑和画布能力，不绑定具体业务数据来源。实际项目中，模板保存、图片上传、字段拼接、打印渲染数据都应该接入自己的业务接口。

package/THIRD_PARTY_NOTICES.md

@@ -0,0 +1,20 @@
+# Third-Party Notices
+
+`print-canvas-designer` includes or depends on third-party open source software. These third-party packages are licensed under their own license terms.
+
+The commercial license for `print-canvas-designer` does not replace or remove the license terms of these third-party packages.
+
+## Runtime Dependencies
+
+| Package | Version | License | Copyright / Author | Project |
+| --- | --- | --- | --- | --- |
+| `vue` | 3.5.34 | MIT | Evan You | https://vuejs.org/ |
+| `jsbarcode` | 3.12.3 | MIT | Johan Lindell | https://github.com/lindell/JsBarcode |
+| `moveable` | 0.53.0 | MIT | Daybrush | https://daybrush.com/moveable/ |
+| `qrcode` | 1.5.4 | MIT | Ryan Day | https://github.com/soldair/node-qrcode |
+
+## License Notes
+
+MIT licensed packages generally allow use, modification, distribution, and commercial use, provided that the copyright notice and permission notice are included in copies or substantial portions of the software.
+
+For exact terms, refer to each package's published license file.

package/dist/components/PrintDesigner.vue.d.ts

@@ -0,0 +1,49 @@
+import { PrintDesignerProps, PrintDocument, PrintElement } from '../editor/core/schema';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbar?(_: {
+            designer: import('..').PrintDesignerContext;
+        }): any;
+        left?(_: {
+            designer: import('..').PrintDesignerContext;
+        }): any;
+        canvas?(_: {
+            designer: import('..').PrintDesignerContext;
+        }): any;
+        right?(_: {
+            designer: import('..').PrintDesignerContext;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<PrintDesignerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (value: PrintElement<Record<string, unknown>> | null) => any;
+    "update:modelValue": (value: PrintDocument) => any;
+    save: (value: PrintDocument) => any;
+    preview: (value: PrintDocument) => any;
+    print: (value: PrintDocument) => any;
+    "export-pdf": (value: PrintDocument) => any;
+    change: (value: PrintDocument) => any;
+}, string, import('vue').PublicProps, Readonly<PrintDesignerProps> & Readonly<{
+    onSelect?: ((value: PrintElement<Record<string, unknown>> | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: PrintDocument) => any) | undefined;
+    onSave?: ((value: PrintDocument) => any) | undefined;
+    onPreview?: ((value: PrintDocument) => any) | undefined;
+    onPrint?: ((value: PrintDocument) => any) | undefined;
+    "onExport-pdf"?: ((value: PrintDocument) => any) | undefined;
+    onChange?: ((value: PrintDocument) => any) | undefined;
+}>, {
+    height: string | number;
+    readonly: boolean;
+    initialZoom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/PrintPreview.vue.d.ts

@@ -0,0 +1,8 @@
+import { PrintComponentDefinition, PrintDocument } from '../editor/core/schema';
+type __VLS_Props = {
+    document: PrintDocument;
+    components?: PrintComponentDefinition[];
+    data?: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/CanvasBarcodeElement.vue.d.ts

@@ -0,0 +1,8 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    svgRef: SVGSVGElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/CanvasElement.vue.d.ts

@@ -0,0 +1,10 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "context-menu": (event: MouseEvent, id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onContext-menu"?: ((event: MouseEvent, id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/CanvasPage.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    viewportRef?: HTMLElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pageRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/CanvasQrElement.vue.d.ts

@@ -0,0 +1,6 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/CanvasTextElement.vue.d.ts

@@ -0,0 +1,8 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    editableRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/MoveableLayer.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    pageRef?: HTMLDivElement;
+    viewportRef?: HTMLElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/editor/canvas/PrintCanvas.vue.d.ts

@@ -0,0 +1,10 @@
+import { PrintDesignerContext } from '../store/usePrintDesigner';
+type __VLS_Props = {
+    designer?: PrintDesignerContext;
+    data?: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    viewportRef: HTMLElement;
+    zoomSpaceRef: HTMLDivElement;
+}, HTMLElement>;
+export default _default;

package/dist/editor/canvas/events.d.ts

@@ -0,0 +1,9 @@
+export declare const elementPointerDownEvent = "pcd:element-pointer-down";
+export declare const locateElementEvent = "pcd:locate-element";
+export interface ElementPointerDownDetail {
+    id: string;
+    inputEvent: MouseEvent;
+}
+export interface LocateElementDetail {
+    id: string;
+}

package/dist/editor/core/defaults.d.ts

@@ -0,0 +1,12 @@
+import { CanvasPoint, BuiltinElementType, PrintDocument, PrintElement, PrintElementStyle, PrintPage, PrintPageOptions, PrintPaperType } from './schema';
+export declare const DEFAULT_PAGE_MARGIN = 24;
+export declare const A4_PAGE: PrintPageOptions;
+export declare const LABEL_100X60_PAGE: PrintPageOptions;
+export declare const PAPER_PRESETS: Record<Exclude<PrintPaperType, 'custom'>, PrintPageOptions & {
+    label: string;
+}>;
+export declare const createId: (prefix?: string) => string;
+export declare const createDefaultPage: (options?: Partial<PrintPageOptions>) => PrintPage;
+export declare const createDefaultDocument: (options?: Partial<PrintPageOptions>) => PrintDocument;
+export declare const baseElementStyle: (point: CanvasPoint) => PrintElementStyle;
+export declare const createDefaultElement: (type: BuiltinElementType, point?: CanvasPoint) => PrintElement;

package/dist/editor/core/geometry.d.ts

@@ -0,0 +1,7 @@
+import { CanvasPoint, PrintElementStyle } from './schema';
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const roundLayoutValue: (value: number) => number;
+export declare const clientPointToCanvasPoint: (event: DragEvent | MouseEvent, canvasRect: DOMRect, zoomRatio: number) => CanvasPoint;
+export declare const normalizeElementStyle: (style: PrintElementStyle, pageWidth: number, pageHeight: number) => PrintElementStyle;
+export declare const fitElementStyleIntoPage: (style: PrintElementStyle, pageWidth: number, pageHeight: number, minWidth?: number, minHeight?: number) => PrintElementStyle;
+export declare const toCssPixel: (value?: string | number) => string | undefined;

package/dist/editor/core/history.d.ts

@@ -0,0 +1,13 @@
+export declare class HistoryStack<T> {
+    private readonly clone;
+    private past;
+    private future;
+    constructor(clone: (value: T) => T);
+    get canUndo(): boolean;
+    get canRedo(): boolean;
+    capture(value: T): void;
+    undo(current: T): T | null;
+    redo(current: T): T | null;
+    reset(): void;
+}
+export declare const cloneJson: <T>(value: T) => T;

package/dist/editor/core/pluginOptions.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { PrintDesignerPluginOptions } from './schema';
+export declare const printDesignerPluginOptionsKey: InjectionKey<PrintDesignerPluginOptions>;

package/dist/editor/core/schema.d.ts

@@ -0,0 +1,162 @@
+import { Component } from 'vue';
+export type BuiltinElementType = 'text' | 'image' | 'rect' | 'line' | 'qrcode' | 'barcode';
+export type CustomElementType = string & {};
+export type PrintElementType = BuiltinElementType | CustomElementType;
+export type PrintPaperType = 'a4' | 'label-100x60' | 'custom';
+export type PrintPageOrientation = 'portrait' | 'landscape';
+export type PrintSizeUnit = 'px' | 'mm' | 'pt';
+export type PrintTextWrapMode = 'wrap' | 'nowrap' | 'ellipsis' | 'clip';
+export type QrcodeErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export type PrintRuntimeData = Record<string, unknown>;
+export type PrintPropSchemaType = 'text' | 'number' | 'boolean' | 'select' | 'color';
+export interface CanvasPoint {
+    x: number;
+    y: number;
+}
+export interface PrintDocument {
+    id: string;
+    name: string;
+    page: PrintPage;
+}
+export interface PrintPage {
+    id: string;
+    type: 'page';
+    paperType?: PrintPaperType;
+    orientation?: PrintPageOrientation;
+    width: number;
+    height: number;
+    margin?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    backgroundColor: string;
+    items: PrintElement[];
+}
+export interface PrintElement<TProps = Record<string, unknown>> {
+    id: string;
+    type: PrintElementType;
+    name: string;
+    field?: string;
+    props?: TProps;
+    text?: string;
+    src?: string;
+    value?: string;
+    barcodeFormat?: string;
+    showBarcodeText?: boolean;
+    barcodeTextFontSize?: number;
+    barcodeTextPosition?: 'top' | 'bottom';
+    barcodeTextAlign?: 'left' | 'center' | 'right';
+    barcodeTextMargin?: number;
+    barcodeMargin?: number;
+    qrcodeErrorCorrectionLevel?: QrcodeErrorCorrectionLevel;
+    qrcodeMargin?: number;
+    barcodeLineWidth?: number;
+    barcodeHeight?: number;
+    locked?: boolean;
+    hidden?: boolean;
+    style: PrintElementStyle;
+}
+export interface PrintElementStyle {
+    position: 'absolute';
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    rotate?: number;
+    color?: string;
+    backgroundColor?: string;
+    fontSize?: number;
+    fontWeight?: string | number;
+    fontStyle?: string;
+    textDecoration?: string;
+    justifyContent?: string;
+    alignItems?: string;
+    textAlign?: string;
+    textWrapMode?: PrintTextWrapMode;
+    whiteSpace?: string;
+    textOverflow?: string;
+    wordBreak?: string;
+    overflowWrap?: string;
+    letterSpacing?: number;
+    borderColor?: string;
+    borderWidth?: number;
+    borderStyle?: string;
+    borderRadius?: number;
+    lineHeight?: string | number;
+    objectFit?: string;
+}
+export interface PrintPageOptions {
+    width: number;
+    height: number;
+    orientation: PrintPageOrientation;
+    margin: PrintPage['margin'];
+    backgroundColor: string;
+}
+export interface PrintPropSchemaOption {
+    label: string;
+    value: string | number;
+}
+export interface PrintPropSchema {
+    key: string;
+    label: string;
+    type: PrintPropSchemaType;
+    defaultValue?: unknown;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    options?: PrintPropSchemaOption[];
+}
+export type PrintComponentUpdateElement<TProps = Record<string, unknown>> = (patch: Partial<PrintElement<TProps>>, capture?: boolean, emit?: boolean) => void;
+export type PrintComponentUpdateElementStyle = (patch: Partial<PrintElementStyle>, capture?: boolean, keepInPage?: boolean, emit?: boolean) => void;
+export interface PrintComponentRenderProps<TProps = Record<string, unknown>, TDesigner = unknown> {
+    element: PrintElement<TProps>;
+    readonly: boolean;
+    selected: boolean;
+    editable: boolean;
+    data?: PrintRuntimeData;
+    designer?: TDesigner;
+}
+export interface PrintComponentInspectorProps<TProps = Record<string, unknown>, TDesigner = unknown> {
+    element: PrintElement<TProps>;
+    designer: TDesigner;
+    updateElement: PrintComponentUpdateElement<TProps>;
+    updateElementStyle: PrintComponentUpdateElementStyle;
+}
+export interface PrintComponentDefinition<TProps = Record<string, unknown>, TDesigner = unknown> {
+    type: PrintElementType;
+    label: string;
+    icon?: string;
+    createElement: (point: CanvasPoint) => PrintElement<TProps>;
+    render?: Component<PrintComponentRenderProps<TProps, TDesigner>>;
+    inspector?: Component<PrintComponentInspectorProps<TProps, TDesigner>>;
+    propSchema?: PrintPropSchema[];
+    defaultProps?: TProps;
+}
+export interface PrintDesignerPluginOptions {
+    components?: PrintComponentDefinition[];
+    uploadImage?: (file: File) => Promise<string>;
+    data?: PrintRuntimeData;
+}
+export interface PrintDesignerProps {
+    modelValue?: PrintDocument;
+    readonly?: boolean;
+    height?: string | number;
+    initialZoom?: number;
+    components?: PrintComponentDefinition[];
+    disabledComponents?: PrintElementType[];
+    pageOptions?: Partial<PrintPageOptions>;
+    uploadImage?: (file: File) => Promise<string>;
+    data?: PrintRuntimeData;
+}
+export interface PrintDesignerEmits {
+    (event: 'update:modelValue', value: PrintDocument): void;
+    (event: 'save', value: PrintDocument): void;
+    (event: 'preview', value: PrintDocument): void;
+    (event: 'print', value: PrintDocument): void;
+    (event: 'export-pdf', value: PrintDocument): void;
+    (event: 'change', value: PrintDocument): void;
+    (event: 'select', value: PrintElement | null): void;
+}

package/dist/editor/core/text.d.ts

@@ -0,0 +1,17 @@
+import { PrintTextWrapMode } from './schema';
+export declare const getTextWrapStyle: (mode?: PrintTextWrapMode) => {
+    readonly whiteSpace: "nowrap";
+    readonly textOverflow: "clip";
+    readonly wordBreak: "normal";
+    readonly overflowWrap: "normal";
+} | {
+    readonly whiteSpace: "nowrap";
+    readonly textOverflow: "ellipsis";
+    readonly wordBreak: "normal";
+    readonly overflowWrap: "normal";
+} | {
+    readonly whiteSpace: "pre-wrap";
+    readonly textOverflow: "clip";
+    readonly wordBreak: "break-word";
+    readonly overflowWrap: "anywhere";
+};

package/dist/editor/core/units.d.ts

@@ -0,0 +1,9 @@
+import { PrintSizeUnit } from './schema';
+export declare const mmToPx: (value: number) => number;
+export declare const ptToPx: (value: number) => number;
+export declare const pxToMm: (value: number) => number;
+export declare const pxToPt: (value: number) => number;
+export declare const roundUnitValue: (value: number, unit: PrintSizeUnit) => number;
+export declare const pxToUnit: (value: number, unit: PrintSizeUnit) => number;
+export declare const formatUnitText: (pxValue: number, unit: PrintSizeUnit) => string;
+export declare const unitToPx: (value: number, unit: PrintSizeUnit) => number;

package/dist/editor/panels/ComponentShelf.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/editor/panels/DesignerToolbar.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/editor/panels/InspectorPanel.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;

package/dist/editor/properties/AppearanceSection.vue.d.ts

@@ -0,0 +1,6 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/editor/properties/BaseSection.vue.d.ts

@@ -0,0 +1,8 @@
+import { PrintElement } from '../core/schema';
+type __VLS_Props = {
+    element: PrintElement;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInputRef: HTMLInputElement;
+}, HTMLElement>;
+export default _default;