@hufe921/canvas-editor 0.9.74 → 0.9.76

package/dist/src/editor/core/command/Command.d.ts

@@ -108,5 +108,6 @@ export declare class Command {
     getControlValue: CommandAdapt['getControlValue'];
     getControlList: CommandAdapt['getControlList'];
     getContainer: CommandAdapt['getContainer'];
+    getTitleValue: CommandAdapt['getTitleValue'];
     constructor(adapt: CommandAdapt);
 }

package/dist/src/editor/core/command/CommandAdapt.d.ts

@@ -15,6 +15,7 @@ import { IPasteOption } from '../../interface/Event';
 import { IMargin } from '../../interface/Margin';
 import { IRange, RangeContext } from '../../interface/Range';
 import { ITextDecoration } from '../../interface/Text';
+import { IGetTitleValueOption, IGetTitleValueResult } from '../../interface/Title';
 import { IWatermark } from '../../interface/Watermark';
 import { Draw } from '../draw/Draw';
 import { INavigateInfo } from '../draw/interactive/Search';
@@ -140,4 +141,5 @@ export declare class CommandAdapt {
     setControlHighlight(payload: ISetControlHighlightOption): void;
     getControlList(): IElement[];
     getContainer(): HTMLDivElement;
+    getTitleValue(payload: IGetTitleValueOption): IGetTitleValueResult | null;
 }

package/dist/src/editor/core/draw/Draw.d.ts

@@ -18,6 +18,7 @@ import { Header } from './frame/Header';
 import { EditorMode, PageMode, PaperDirection } from '../../dataset/enum/Editor';
 import { Control } from './control/Control';
 import { CheckboxParticle } from './particle/CheckboxParticle';
+import { RadioParticle } from './particle/RadioParticle';
 import { DeepRequired, IPadding } from '../../interface/Common';
 import { WorkerManager } from '../worker/WorkerManager';
 import { Previewer } from './particle/previewer/Previewer';
@@ -32,6 +33,7 @@ import { EventBus } from '../event/eventbus/EventBus';
 import { EventBusMap } from '../../interface/EventBus';
 import { Group } from './interactive/Group';
 import { Override } from '../override/Override';
+import { LineBreakParticle } from './particle/LineBreakParticle';
 export declare class Draw {
     private container;
     private pageContainer;
@@ -78,8 +80,10 @@ export declare class Draw {
     private superscriptParticle;
     private subscriptParticle;
     private checkboxParticle;
+    private radioParticle;
     private blockParticle;
     private listParticle;
+    private lineBreakParticle;
     private control;
     private workerManager;
     private scrollObserver;
@@ -141,6 +145,7 @@ export declare class Draw {
     getPosition(): Position;
     getZone(): Zone;
     getRange(): RangeManager;
+    getLineBreakParticle(): LineBreakParticle;
     getHeaderElementList(): IElement[];
     getTableElementList(sourceElementList: IElement[]): IElement[];
     getElementList(): IElement[];
@@ -167,6 +172,7 @@ export declare class Draw {
     getDateParticle(): DateParticle;
     getListParticle(): ListParticle;
     getCheckboxParticle(): CheckboxParticle;
+    getRadioParticle(): RadioParticle;
     getControl(): Control;
     getWorkerManager(): WorkerManager;
     getImageObserver(): ImageObserver;

package/dist/src/editor/core/draw/control/checkbox/CheckboxControl.d.ts

@@ -2,8 +2,8 @@ import { IControlContext, IControlInstance, IControlRuleOption } from '../../../
 import { IElement } from '../../../../interface/Element';
 import { Control } from '../Control';
 export declare class CheckboxControl implements IControlInstance {
-    private element;
-    private control;
+    protected element: IElement;
+    protected control: Control;
     constructor(element: IElement, control: Control);
     getElement(): IElement;
     getCode(): string | null;

package/dist/src/editor/core/draw/control/radio/RadioControl.d.ts

@@ -0,0 +1,5 @@
+import { IControlContext, IControlRuleOption } from '../../../../interface/Control';
+import { CheckboxControl } from '../checkbox/CheckboxControl';
+export declare class RadioControl extends CheckboxControl {
+    setSelect(codes: string[], context?: IControlContext, options?: IControlRuleOption): void;
+}

package/dist/src/editor/core/draw/particle/LineBreakParticle.d.ts

@@ -0,0 +1,10 @@
+import { IRowElement } from '../../../interface/Row';
+import { Draw } from '../Draw';
+export declare class LineBreakParticle {
+    private options;
+    static readonly WIDTH = 12;
+    static readonly HEIGHT = 9;
+    static readonly GAP = 3;
+    constructor(draw: Draw);
+    render(ctx: CanvasRenderingContext2D, element: IRowElement, x: number, y: number): void;
+}

package/dist/src/editor/core/draw/particle/RadioParticle.d.ts

@@ -0,0 +1,10 @@
+import { IElement } from '../../../interface/Element';
+import { IRowElement } from '../../../interface/Row';
+import { Draw } from '../Draw';
+export declare class RadioParticle {
+    private draw;
+    private options;
+    constructor(draw: Draw);
+    setSelect(element: IElement): void;
+    render(ctx: CanvasRenderingContext2D, element: IRowElement, x: number, y: number): void;
+}

package/dist/src/editor/dataset/constant/LineBreak.d.ts

@@ -0,0 +1,2 @@
+import { ILineBreakOption } from '../../interface/LineBreak';
+export declare const defaultLineBreak: Readonly<Required<ILineBreakOption>>;

package/dist/src/editor/dataset/constant/Radio.d.ts

@@ -0,0 +1,2 @@
+import { IRadioOption } from '../../interface/Radio';
+export declare const defaultRadioOption: Readonly<Required<IRadioOption>>;

package/dist/src/editor/dataset/constant/Separator.d.ts

@@ -0,0 +1,2 @@
+import { ISeparatorOption } from '../../interface/Separator';
+export declare const defaultSeparatorOption: Readonly<Required<ISeparatorOption>>;

package/dist/src/editor/dataset/enum/Control.d.ts

@@ -1,14 +1,16 @@
 export declare enum ControlType {
     TEXT = "text",
     SELECT = "select",
-    CHECKBOX = "checkbox"
+    CHECKBOX = "checkbox",
+    RADIO = "radio"
 }
 export declare enum ControlComponent {
     PREFIX = "prefix",
     POSTFIX = "postfix",
     PLACEHOLDER = "placeholder",
     VALUE = "value",
-    CHECKBOX = "checkbox"
+    CHECKBOX = "checkbox",
+    RADIO = "radio"
 }
 export declare enum ControlIndentation {
     ROW_START = "rowStart",

package/dist/src/editor/dataset/enum/Element.d.ts

@@ -9,6 +9,7 @@ export declare enum ElementType {
     PAGE_BREAK = "pageBreak",
     CONTROL = "control",
     CHECKBOX = "checkbox",
+    RADIO = "radio",
     LATEX = "latex",
     TAB = "tab",
     DATE = "date",

package/dist/src/editor/dataset/enum/Row.d.ts

@@ -2,5 +2,6 @@ export declare enum RowFlex {
     LEFT = "left",
     CENTER = "center",
     RIGHT = "right",
-    ALIGNMENT = "alignment"
+    ALIGNMENT = "alignment",
+    JUSTIFY = "justify"
 }

package/dist/src/editor/interface/Checkbox.d.ts

@@ -9,5 +9,5 @@ export interface ICheckboxOption {
     gap?: number;
     lineWidth?: number;
     fillStyle?: string;
-    fontStyle?: string;
+    strokeStyle?: string;
 }

package/dist/src/editor/interface/Control.d.ts

@@ -2,6 +2,7 @@ import { ControlType, ControlIndentation } from '../dataset/enum/Control';
 import { EditorZone } from '../dataset/enum/Editor';
 import { ICheckbox } from './Checkbox';
 import { IElement } from './Element';
+import { IRadio } from './Radio';
 import { IRange } from './Range';
 export interface IValueSet {
     value: string;
@@ -18,6 +19,11 @@ export interface IControlCheckbox {
     valueSets: IValueSet[];
     checkbox?: ICheckbox;
 }
+export interface IControlRadio {
+    code: string | null;
+    valueSets: IValueSet[];
+    radio?: IRadio;
+}
 export interface IControlHighlightRule {
     keyword: string;
     alpha?: number;
@@ -52,7 +58,7 @@ export interface IControlStyle {
     italic?: boolean;
     strikeout?: boolean;
 }
-export type IControl = IControlBasic & IControlRule & Partial<IControlSelect> & Partial<IControlCheckbox> & Partial<IControlStyle>;
+export type IControl = IControlBasic & IControlRule & Partial<IControlSelect> & Partial<IControlCheckbox> & Partial<IControlRadio> & Partial<IControlStyle>;
 export interface IControlOption {
     placeholderColor?: string;
     bracketColor?: string;

package/dist/src/editor/interface/Draw.d.ts

@@ -28,6 +28,7 @@ export interface IDrawRowPayload {
     startIndex: number;
     innerWidth: number;
     zone?: EditorZone;
+    isDrawLineBreak?: boolean;
 }
 export interface IDrawFloatPayload {
     pageNo: number;

package/dist/src/editor/interface/Editor.d.ts

@@ -2,12 +2,14 @@ import { IElement } from '..';
 import { EditorMode, PageMode, PaperDirection, WordBreak } from '../dataset/enum/Editor';
 import { IBackgroundOption } from './Background';
 import { ICheckboxOption } from './Checkbox';
+import { IRadioOption } from './Radio';
 import { IPadding } from './Common';
 import { IControlOption } from './Control';
 import { ICursorOption } from './Cursor';
 import { IFooter } from './Footer';
 import { IGroup } from './Group';
 import { IHeader } from './Header';
+import { ILineBreakOption } from './LineBreak';
 import { IMargin } from './Margin';
 import { IPageBreak } from './PageBreak';
 import { IPageNumber } from './PageNumber';
@@ -15,6 +17,7 @@ import { IPlaceholder } from './Placeholder';
 import { ITitleOption } from './Title';
 import { IWatermark } from './Watermark';
 import { IZoneOption } from './Zone';
+import { ISeparatorOption } from './Separator';
 export interface IEditorData {
     header?: IElement[];
     main: IElement[];
@@ -69,6 +72,7 @@ export interface IEditorOption {
     watermark?: IWatermark;
     control?: IControlOption;
     checkbox?: ICheckboxOption;
+    radio?: IRadioOption;
     cursor?: ICursorOption;
     title?: ITitleOption;
     placeholder?: IPlaceholder;
@@ -76,6 +80,8 @@ export interface IEditorOption {
     pageBreak?: IPageBreak;
     zone?: IZoneOption;
     background?: IBackgroundOption;
+    lineBreak?: ILineBreakOption;
+    separator?: ISeparatorOption;
 }
 export interface IEditorResult {
     version: string;

package/dist/src/editor/interface/Element.d.ts

@@ -8,7 +8,9 @@ import { TableBorder } from '../dataset/enum/table/Table';
 import { IBlock } from './Block';
 import { ICheckbox } from './Checkbox';
 import { IControl } from './Control';
+import { IRadio } from './Radio';
 import { ITextDecoration } from './Text';
+import { ITitle } from './Title';
 import { IColgroup } from './table/Colgroup';
 import { ITr } from './table/Tr';
 export interface IElementBasic {
@@ -40,6 +42,7 @@ export interface ITitleElement {
     valueList?: IElement[];
     level?: TitleLevel;
     titleId?: string;
+    title?: ITitle;
 }
 export interface IListElement {
     valueList?: IElement[];
@@ -80,6 +83,9 @@ export interface IControlElement {
 export interface ICheckboxElement {
     checkbox?: ICheckbox;
 }
+export interface IRadioElement {
+    radio?: IRadio;
+}
 export interface ILaTexElement {
     laTexSVG?: string;
 }
@@ -97,7 +103,7 @@ export interface IImageElement {
 export interface IBlockElement {
     block?: IBlock;
 }
-export type IElement = IElementBasic & IElementStyle & IElementGroup & ITable & IHyperlinkElement & ISuperscriptSubscript & ISeparator & IControlElement & ICheckboxElement & ILaTexElement & IDateElement & IImageElement & IBlockElement & ITitleElement & IListElement;
+export type IElement = IElementBasic & IElementStyle & IElementGroup & ITable & IHyperlinkElement & ISuperscriptSubscript & ISeparator & IControlElement & ICheckboxElement & IRadioElement & ILaTexElement & IDateElement & IImageElement & IBlockElement & ITitleElement & IListElement;
 export interface IElementMetrics {
     width: number;
     height: number;

package/dist/src/editor/interface/LineBreak.d.ts

@@ -0,0 +1,5 @@
+export interface ILineBreakOption {
+    disabled?: boolean;
+    color?: string;
+    lineWidth?: number;
+}

package/dist/src/editor/interface/Position.d.ts

@@ -8,6 +8,7 @@ export interface ICurrentPosition {
     x?: number;
     y?: number;
     isCheckbox?: boolean;
+    isRadio?: boolean;
     isControl?: boolean;
     isImage?: boolean;
     isTable?: boolean;
@@ -37,6 +38,7 @@ export type IGetFloatPositionByXYPayload = IGetPositionByXYPayload & {
 export interface IPositionContext {
     isTable: boolean;
     isCheckbox?: boolean;
+    isRadio?: boolean;
     isControl?: boolean;
     index?: number;
     trIndex?: number;

package/dist/src/editor/interface/Radio.d.ts

@@ -0,0 +1,13 @@
+export interface IRadio {
+    value: boolean | null;
+    code?: string;
+    disabled?: boolean;
+}
+export interface IRadioOption {
+    width?: number;
+    height?: number;
+    gap?: number;
+    lineWidth?: number;
+    fillStyle?: string;
+    strokeStyle?: string;
+}

package/dist/src/editor/interface/Row.d.ts

@@ -16,4 +16,5 @@ export interface IRow {
     listIndex?: number;
     offsetX?: number;
     elementList: IRowElement[];
+    isWidthNotEnough?: boolean;
 }

package/dist/src/editor/interface/Separator.d.ts

@@ -0,0 +1,4 @@
+export interface ISeparatorOption {
+    strokeStyle?: string;
+    lineWidth?: number;
+}

package/dist/src/editor/interface/Title.d.ts

@@ -1,3 +1,5 @@
+import { EditorZone } from '../dataset/enum/Editor';
+import { IElement } from './Element';
 export interface ITitleSizeOption {
     defaultFirstSize?: number;
     defaultSecondSize?: number;
@@ -7,3 +9,14 @@ export interface ITitleSizeOption {
     defaultSixthSize?: number;
 }
 export type ITitleOption = ITitleSizeOption & {};
+export interface ITitle {
+    conceptId?: string;
+}
+export interface IGetTitleValueOption {
+    conceptId: string;
+}
+export type IGetTitleValueResult = (ITitle & {
+    value: string | null;
+    elementList: IElement[];
+    zone: EditorZone;
+})[];

package/dist/src/editor/utils/clipboard.d.ts

@@ -9,3 +9,4 @@ export declare function getClipboardData(): IClipboardData | null;
 export declare function removeClipboardData(): void;
 export declare function writeClipboardItem(text: string, html: string, elementList: IElement[]): void;
 export declare function writeElementList(elementList: IElement[], options: DeepRequired<IEditorOption>): void;
+export declare function getIsClipboardContainFile(clipboardData: DataTransfer): boolean;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hufe921/canvas-editor",
   "author": "Hufe",
   "license": "MIT",
-  "version": "0.9.74",
+  "version": "0.9.76",
   "description": "rich text editor by canvas/svg",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",