@hufe921/canvas-editor 0.9.78 → 0.9.80

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

@@ -89,6 +89,7 @@ export declare class Command {
     executeSetControlProperties: CommandAdapt['setControlProperties'];
     executeSetControlHighlight: CommandAdapt['setControlHighlight'];
     executeUpdateOptions: CommandAdapt['updateOptions'];
+    executeInsertTitle: CommandAdapt['insertTitle'];
     getCatalog: CommandAdapt['getCatalog'];
     getImage: CommandAdapt['getImage'];
     getOptions: CommandAdapt['getOptions'];

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

@@ -143,4 +143,5 @@ export declare class CommandAdapt {
     getControlList(): IElement[];
     getContainer(): HTMLDivElement;
     getTitleValue(payload: IGetTitleValueOption): IGetTitleValueResult | null;
+    insertTitle(payload: IElement): void;
 }

package/dist/src/editor/core/draw/control/Control.d.ts

@@ -1,4 +1,4 @@
-import { IControlContext, IControlHighlight, IControlInitOption, IControlInstance, IGetControlValueOption, IGetControlValueResult, IRepaintControlOption, ISetControlExtensionOption, ISetControlProperties, ISetControlValueOption } from '../../../interface/Control';
+import { IControlContext, IControlHighlight, IControlInitOption, IControlInstance, IGetControlValueOption, IGetControlValueResult, IInitNextControlOption, INextControlContext, IRepaintControlOption, ISetControlExtensionOption, ISetControlProperties, ISetControlValueOption } from '../../../interface/Control';
 import { IElement, IElementPosition } from '../../../interface/Element';
 import { IRange } from '../../../interface/Range';
 import { Draw } from '../Draw';
@@ -51,5 +51,8 @@ export declare class Control {
     getList(): IElement[];
     recordBorderInfo(x: number, y: number, width: number, height: number): void;
     drawBorder(ctx: CanvasRenderingContext2D): void;
+    getPreControlContext(): INextControlContext | null;
+    getNextControlContext(): INextControlContext | null;
+    initNextControl(option?: IInitNextControlOption): void;
 }
 export {};

package/dist/src/editor/core/draw/control/date/DateControl.d.ts

@@ -0,0 +1,24 @@
+import { IControlContext, IControlInstance, IControlRuleOption } from '../../../../interface/Control';
+import { IElement } from '../../../../interface/Element';
+import { Control } from '../Control';
+export declare class DateControl implements IControlInstance {
+    private draw;
+    private element;
+    private control;
+    private isPopup;
+    private datePicker;
+    constructor(element: IElement, control: Control);
+    setElement(element: IElement): void;
+    getElement(): IElement;
+    getIsPopup(): boolean;
+    getValueRange(context?: IControlContext): [number, number] | null;
+    getValue(context?: IControlContext): IElement[];
+    setValue(data: IElement[], context?: IControlContext, options?: IControlRuleOption): number;
+    clearSelect(context?: IControlContext, options?: IControlRuleOption): number;
+    setSelect(date: string, context?: IControlContext, options?: IControlRuleOption): void;
+    keydown(evt: KeyboardEvent): number | null;
+    cut(): number;
+    awake(): void;
+    destroy(): void;
+    private _setDate;
+}

package/dist/src/editor/core/draw/particle/date/DatePicker.d.ts

@@ -1,4 +1,5 @@
-import { IElement, IElementPosition } from '../../../../interface/Element';
+import { IElementPosition } from '../../../../interface/Element';
+import { Draw } from '../../Draw';
 export interface IDatePickerLang {
     now: string;
     confirm: string;
@@ -20,17 +21,15 @@ export interface IDatePickerLang {
     second: string;
 }
 export interface IDatePickerOption {
-    mountDom?: HTMLElement;
     onSubmit?: (date: string) => any;
-    getLang?: () => IDatePickerLang;
 }
 interface IRenderOption {
     value: string;
-    element: IElement;
     position: IElementPosition;
-    startTop?: number;
+    dateFormat?: string;
 }
 export declare class DatePicker {
+    private draw;
     private options;
     private now;
     private dom;
@@ -38,13 +37,14 @@ export declare class DatePicker {
     private isDatePicker;
     private pickDate;
     private lang;
-    constructor(options?: IDatePickerOption);
+    constructor(draw: Draw, options?: IDatePickerOption);
     private _createDom;
     private _bindEvent;
     private _setPosition;
     isInvalidDate(value: Date): boolean;
     private _setValue;
-    private _setLang;
+    private _getLang;
+    private _setLangChange;
     private _update;
     private _toggleDateTimePicker;
     private _setDatePick;
@@ -60,5 +60,6 @@ export declare class DatePicker {
     formatDate(date: Date, format?: string): string;
     render(option: IRenderOption): void;
     dispose(): void;
+    destroy(): void;
 }
 export {};

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

@@ -15,6 +15,6 @@ export declare const CONTROL_STYLE_ATTR: Array<keyof IControlStyle>;
 export declare const EDITOR_ELEMENT_CONTEXT_ATTR: Array<keyof IElement>;
 export declare const TEXTLIKE_ELEMENT_TYPE: ElementType[];
 export declare const IMAGE_ELEMENT_TYPE: ElementType[];
-export declare const INLINE_ELEMENT_TYPE: ElementType[];
+export declare const BLOCK_ELEMENT_TYPE: ElementType[];
 export declare const INLINE_NODE_NAME: string[];
 export declare const VIRTUAL_ELEMENT_TYPE: ElementType[];

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

@@ -2,7 +2,8 @@ export declare enum ControlType {
     TEXT = "text",
     SELECT = "select",
     CHECKBOX = "checkbox",
-    RADIO = "radio"
+    RADIO = "radio",
+    DATE = "date"
 }
 export declare enum ControlComponent {
     PREFIX = "prefix",

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

@@ -1,9 +1,9 @@
 import { ControlType, ControlIndentation } from '../dataset/enum/Control';
 import { EditorZone } from '../dataset/enum/Editor';
-import { ICheckbox } from './Checkbox';
+import { MoveDirection } from '../dataset/enum/Observer';
 import { IDrawOption } from './Draw';
 import { IElement } from './Element';
-import { IRadio } from './Radio';
+import { IPositionContext } from './Position';
 import { IRange } from './Range';
 export interface IValueSet {
     value: string;
@@ -18,12 +18,13 @@ export interface IControlCheckbox {
     min?: number;
     max?: number;
     valueSets: IValueSet[];
-    checkbox?: ICheckbox;
 }
 export interface IControlRadio {
     code: string | null;
     valueSets: IValueSet[];
-    radio?: IRadio;
+}
+export interface IControlDate {
+    dateFormat?: string;
 }
 export interface IControlHighlightRule {
     keyword: string;
@@ -59,7 +60,7 @@ export interface IControlStyle {
     italic?: boolean;
     strikeout?: boolean;
 }
-export type IControl = IControlBasic & IControlRule & Partial<IControlSelect> & Partial<IControlCheckbox> & Partial<IControlRadio> & Partial<IControlStyle>;
+export type IControl = IControlBasic & IControlRule & Partial<IControlStyle> & Partial<IControlSelect> & Partial<IControlCheckbox> & Partial<IControlRadio> & Partial<IControlDate>;
 export interface IControlOption {
     placeholderColor?: string;
     bracketColor?: string;
@@ -116,3 +117,10 @@ export type ISetControlProperties = {
     properties: Partial<Omit<IControl, 'value'>>;
 };
 export type IRepaintControlOption = Pick<IDrawOption, 'curIndex' | 'isCompute' | 'isSubmitHistory'>;
+export interface INextControlContext {
+    positionContext: IPositionContext;
+    nextIndex: number;
+}
+export interface IInitNextControlOption {
+    direction?: MoveDirection;
+}

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

@@ -19,6 +19,7 @@ export interface IDrawImagePayload {
     width: number;
     height: number;
     value: string;
+    imgDisplay?: ImageDisplay;
 }
 export interface IDrawRowPayload {
     elementList: IElement[];

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

@@ -18,6 +18,7 @@ export interface IElementBasic {
     type?: ElementType;
     value: string;
     extension?: unknown;
+    externalId?: string;
 }
 export interface IElementStyle {
     font?: string;

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

@@ -9,7 +9,9 @@ export declare function formatElementList(elementList: IElement[], options: IFor
 export declare function isSameElementExceptValue(source: IElement, target: IElement): boolean;
 export declare function pickElementAttr(payload: IElement): IElement;
 export declare function zipElementList(payload: IElement[]): IElement[];
-export declare function getElementRowFlex(node: HTMLElement): RowFlex;
+export declare function convertTextAlignToRowFlex(node: HTMLElement): RowFlex;
+export declare function convertRowFlexToTextAlign(rowFlex: RowFlex): RowFlex.LEFT | RowFlex.CENTER | RowFlex.RIGHT | RowFlex.JUSTIFY | "justify";
+export declare function convertRowFlexToJustifyContent(rowFlex: RowFlex): "center" | "flex-start" | "flex-end" | "space-between";
 export declare function isTextLikeElement(element: IElement): boolean;
 export declare function getAnchorElement(elementList: IElement[], anchorIndex: number): IElement | null;
 export interface IFormatElementContextOption {
@@ -18,6 +20,11 @@ export interface IFormatElementContextOption {
 export declare function formatElementContext(sourceElementList: IElement[], formatElementList: IElement[], anchorIndex: number, options?: IFormatElementContextOption): void;
 export declare function convertElementToDom(element: IElement, options: DeepRequired<IEditorOption>): HTMLElement;
 export declare function splitListElement(elementList: IElement[]): Map<number, IElement[]>;
+export interface IElementListGroupRowFlex {
+    rowFlex: RowFlex | null;
+    data: IElement[];
+}
+export declare function groupElementListByRowFlex(elementList: IElement[]): IElementListGroupRowFlex[];
 export declare function createDomFromElementList(elementList: IElement[], options: DeepRequired<IEditorOption>): HTMLDivElement;
 export declare function convertTextNodeToElement(textNode: Element | Node): IElement | null;
 interface IGetElementListByHTMLOption {
@@ -26,5 +33,5 @@ interface IGetElementListByHTMLOption {
 export declare function getElementListByHTML(htmlText: string, options: IGetElementListByHTMLOption): IElement[];
 export declare function getTextFromElementList(elementList: IElement[]): string;
 export declare function getSlimCloneElementList(elementList: IElement[]): IElement[];
-export declare function getIsInlineElement(element?: IElement): boolean;
+export declare function getIsBlockElement(element?: IElement): boolean;
 export {};

package/package.json

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