editor-svg 1.0.0

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

@@ -0,0 +1,173 @@
+import { ElementType } from '../enum/Element'
+import { IElement } from '../../interface/Element'
+import { ITd } from '../../interface/table/Td'
+import { IControlStyle } from '../../interface/Control'
+
+export const EDITOR_ELEMENT_STYLE_ATTR: Array<keyof IElement> = [
+  'bold',
+  'color',
+  'highlight',
+  'font',
+  'size',
+  'italic',
+  'underline',
+  'strikeout',
+  'textDecoration'
+]
+
+export const EDITOR_ROW_ATTR: Array<keyof IElement> = ['rowFlex', 'rowMargin']
+
+export const EDITOR_ELEMENT_COPY_ATTR: Array<keyof IElement> = [
+  'type',
+  'font',
+  'size',
+  'bold',
+  'color',
+  'italic',
+  'highlight',
+  'underline',
+  'strikeout',
+  'rowFlex',
+  'url',
+  'areaId',
+  'hyperlinkId',
+  'dateId',
+  'dateFormat',
+  'groupIds',
+  'rowMargin',
+  'textDecoration'
+]
+
+export const EDITOR_ELEMENT_ZIP_ATTR: Array<keyof IElement> = [
+  'type',
+  'font',
+  'size',
+  'bold',
+  'color',
+  'italic',
+  'highlight',
+  'underline',
+  'strikeout',
+  'rowFlex',
+  'rowMargin',
+  'dashArray',
+  'trList',
+  'tableToolDisabled',
+  'borderType',
+  'borderColor',
+  'translateX',
+  'width',
+  'height',
+  'url',
+  'colgroup',
+  'valueList',
+  'control',
+  'checkbox',
+  'radio',
+  'dateFormat',
+  'block',
+  'level',
+  'title',
+  'listType',
+  'listStyle',
+  'listWrap',
+  'groupIds',
+  'conceptId',
+  'imgDisplay',
+  'imgFloatPosition',
+  'imgToolDisabled',
+  'imgPreviewDisabled',
+  'imgCrop',
+  'imgCaption',
+  'textDecoration',
+  'extension',
+  'externalId',
+  'areaId',
+  'area',
+  'hide',
+  'label',
+  'labelId',
+  'lineWidth'
+]
+
+export const TABLE_TD_ZIP_ATTR: Array<keyof ITd> = [
+  'conceptId',
+  'extension',
+  'externalId',
+  'verticalAlign',
+  'backgroundColor',
+  'borderTypes',
+  'slashTypes',
+  'disabled',
+  'deletable'
+]
+
+export const TABLE_CONTEXT_ATTR: Array<keyof IElement> = [
+  'tdId',
+  'trId',
+  'tableId'
+]
+
+export const TITLE_CONTEXT_ATTR: Array<keyof IElement> = [
+  'level',
+  'titleId',
+  'title'
+]
+
+export const LIST_CONTEXT_ATTR: Array<keyof IElement> = [
+  'listId',
+  'listType',
+  'listStyle'
+]
+
+export const CONTROL_CONTEXT_ATTR: Array<keyof IElement> = [
+  'control',
+  'controlId',
+  'controlComponent'
+]
+
+export const CONTROL_STYLE_ATTR: Array<keyof IControlStyle> = [
+  'font',
+  'size',
+  'bold',
+  'highlight',
+  'italic',
+  'strikeout'
+]
+
+export const AREA_CONTEXT_ATTR: Array<keyof IElement> = ['areaId', 'area']
+
+export const EDITOR_ELEMENT_CONTEXT_ATTR: Array<keyof IElement> = [
+  ...TABLE_CONTEXT_ATTR,
+  ...TITLE_CONTEXT_ATTR,
+  ...LIST_CONTEXT_ATTR,
+  ...AREA_CONTEXT_ATTR
+]
+
+export const TEXTLIKE_ELEMENT_TYPE: ElementType[] = [
+  ElementType.TEXT,
+  ElementType.HYPERLINK,
+  ElementType.SUBSCRIPT,
+  ElementType.SUPERSCRIPT,
+  ElementType.CONTROL,
+  ElementType.DATE
+]
+
+export const IMAGE_ELEMENT_TYPE: ElementType[] = [
+  ElementType.IMAGE,
+  ElementType.LATEX
+]
+
+export const BLOCK_ELEMENT_TYPE: ElementType[] = [
+  ElementType.BLOCK,
+  ElementType.PAGE_BREAK,
+  ElementType.SEPARATOR,
+  ElementType.TABLE
+]
+
+export const INLINE_NODE_NAME: string[] = ['HR', 'TABLE', 'UL', 'OL']
+
+export const VIRTUAL_ELEMENT_TYPE: ElementType[] = [
+  ElementType.TITLE,
+  ElementType.LIST
+]

package/src/editor/dataset/constant/Footer.ts

@@ -0,0 +1,10 @@
+import { IFooter } from '../../interface/Footer'
+import { MaxHeightRatio } from '../enum/Common'
+
+export const defaultFooterOption: Readonly<Required<IFooter>> = {
+  bottom: 30,
+  inactiveAlpha: 1,
+  maxHeightRadio: MaxHeightRatio.HALF,
+  disabled: false,
+  editable: true
+}

package/src/editor/dataset/constant/Graffiti.ts

@@ -0,0 +1,6 @@
+import { IGraffitiOption } from '../../interface/Graffiti'
+
+export const defaultGraffitiOption: Readonly<Required<IGraffitiOption>> = {
+  defaultLineColor: '#000000',
+  defaultLineWidth: 2
+}

package/src/editor/dataset/constant/Group.ts

@@ -0,0 +1,10 @@
+import { IGroup } from '../../interface/Group'
+
+export const defaultGroupOption: Readonly<Required<IGroup>> = {
+  opacity: 0.1,
+  backgroundColor: '#E99D00',
+  activeOpacity: 0.5,
+  activeBackgroundColor: '#E99D00',
+  disabled: false,
+  deletable: true
+}

package/src/editor/dataset/constant/Header.ts

@@ -0,0 +1,10 @@
+import { IHeader } from '../../interface/Header'
+import { MaxHeightRatio } from '../enum/Common'
+
+export const defaultHeaderOption: Readonly<Required<IHeader>> = {
+  top: 30,
+  inactiveAlpha: 1,
+  maxHeightRadio: MaxHeightRatio.HALF,
+  disabled: false,
+  editable: true
+}

package/src/editor/dataset/constant/ImgCaption.ts

@@ -0,0 +1,8 @@
+import { IImgCaptionOption } from '../../interface/Element'
+
+export const defaultImgCaptionOption: Readonly<Required<IImgCaptionOption>> = {
+  color: '#666666',
+  font: 'Microsoft YaHei',
+  size: 12,
+  top: 5
+}

package/src/editor/dataset/constant/Label.ts

@@ -0,0 +1,8 @@
+import { ILabelOption } from '../../interface/Label'
+
+export const defaultLabelOption: Readonly<Required<ILabelOption>> = {
+  defaultColor: '#1976d2',
+  defaultBackgroundColor: '#e3f2fd',
+  defaultBorderRadius: 4,
+  defaultPadding: [4, 4, 4, 4]
+}

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

@@ -0,0 +1,7 @@
+import { ILineBreakOption } from '../../interface/LineBreak'
+
+export const defaultLineBreak: Readonly<Required<ILineBreakOption>> = {
+  disabled: true,
+  color: '#CCCCCC',
+  lineWidth: 1.5
+}

package/src/editor/dataset/constant/LineNumber.ts

@@ -0,0 +1,11 @@
+import { ILineNumberOption } from '../../interface/LineNumber'
+import { LineNumberType } from '../enum/LineNumber'
+
+export const defaultLineNumberOption: Readonly<Required<ILineNumberOption>> = {
+  size: 12,
+  font: 'Microsoft YaHei',
+  color: '#000000',
+  disabled: true,
+  right: 20,
+  type: LineNumberType.CONTINUITY
+}

package/src/editor/dataset/constant/List.ts

@@ -0,0 +1,26 @@
+import { ListStyle, ListType, UlStyle } from '../enum/List'
+import { IListOption } from '../../interface/Element'
+
+export const defaultListOption: Readonly<Required<IListOption>> = {
+  inheritStyle: false
+}
+
+export const ulStyleMapping: Record<UlStyle, string> = {
+  [UlStyle.DISC]: '•',
+  [UlStyle.CIRCLE]: '◦',
+  [UlStyle.SQUARE]: '▫︎',
+  [UlStyle.CHECKBOX]: '☑️'
+}
+
+export const listTypeElementMapping: Record<ListType, string> = {
+  [ListType.OL]: 'ol',
+  [ListType.UL]: 'ul'
+}
+
+export const listStyleCSSMapping: Record<ListStyle, string> = {
+  [ListStyle.DISC]: 'disc',
+  [ListStyle.CIRCLE]: 'circle',
+  [ListStyle.SQUARE]: 'square',
+  [ListStyle.DECIMAL]: 'decimal',
+  [ListStyle.CHECKBOX]: 'checkbox'
+}

package/src/editor/dataset/constant/PageBorder.ts

@@ -0,0 +1,8 @@
+import { IPageBorderOption } from '../../interface/PageBorder'
+
+export const defaultPageBorderOption: Readonly<Required<IPageBorderOption>> = {
+  color: '#000000',
+  lineWidth: 1,
+  padding: [0, 5, 0, 5],
+  disabled: true
+}

package/src/editor/dataset/constant/PageBreak.ts

@@ -0,0 +1,7 @@
+import { IPageBreak } from '../../interface/PageBreak'
+
+export const defaultPageBreakOption: Readonly<Required<IPageBreak>> = {
+  font: 'Microsoft YaHei',
+  fontSize: 12,
+  lineDash: [3, 1]
+}

package/src/editor/dataset/constant/PageNumber.ts

@@ -0,0 +1,22 @@
+import { IPageNumber } from '../../interface/PageNumber'
+import { NumberType } from '../enum/Common'
+import { RowFlex } from '../enum/Row'
+
+export const FORMAT_PLACEHOLDER = {
+  PAGE_NO: '{pageNo}',
+  PAGE_COUNT: '{pageCount}'
+}
+
+export const defaultPageNumberOption: Readonly<Required<IPageNumber>> = {
+  bottom: 60,
+  size: 12,
+  font: 'Microsoft YaHei',
+  color: '#000000',
+  rowFlex: RowFlex.CENTER,
+  format: FORMAT_PLACEHOLDER.PAGE_NO,
+  numberType: NumberType.ARABIC,
+  disabled: false,
+  startPageNo: 1,
+  fromPageNo: 0,
+  maxPageNo: null
+}

package/src/editor/dataset/constant/Placeholder.ts

@@ -0,0 +1,9 @@
+import { IPlaceholder } from '../../interface/Placeholder'
+
+export const defaultPlaceholderOption: Readonly<Required<IPlaceholder>> = {
+  data: '',
+  color: '#DCDFE6',
+  opacity: 1,
+  size: 16,
+  font: 'Microsoft YaHei'
+}

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

@@ -0,0 +1,12 @@
+import { IRadioOption } from '../../interface/Radio'
+import { VerticalAlign } from '../enum/VerticalAlign'
+
+export const defaultRadioOption: Readonly<Required<IRadioOption>> = {
+  width: 14,
+  height: 14,
+  gap: 5,
+  lineWidth: 1,
+  fillStyle: '#5175f4',
+  strokeStyle: '#000000',
+  verticalAlign: VerticalAlign.BOTTOM
+}

package/src/editor/dataset/constant/Regular.ts

@@ -0,0 +1,23 @@
+import { ZERO } from './Common'
+
+export const NUMBER_REG = /[0-9]/
+export const NUMBER_LIKE_REG = /[0-9.]/
+export const CHINESE_REG = /[\u4e00-\u9fa5]/
+export const SURROGATE_PAIR_REG = /[\uD800-\uDBFF][\uDC00-\uDFFF]/ // unicode代理对（surrogate pair）
+// https://github.com/mathiasbynens/emoji-test-regex-pattern
+export const EMOJI_REG =
+  /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g
+
+export const UNICODE_SYMBOL_REG = new RegExp(
+  `${EMOJI_REG.source}|${SURROGATE_PAIR_REG.source}`,
+  'g'
+)
+
+export const PUNCTUATION_REG =
+  /[、，。？！；：……「」“”‘’*（）【】〔〕〖〗〘〙〚〛《》———﹝﹞–—\\/·.,!?;:`~<>()[\]{}'"|]/
+
+export const START_LINE_BREAK_REG = new RegExp(`^[${ZERO}\n]`)
+
+export const NON_NUMBER_STR_REG = /[^0-9\+\-\.eE,]/
+
+export const WHITE_SPACE_REG = /\s/

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

@@ -0,0 +1,6 @@
+import { ISeparatorOption } from '../../interface/Separator'
+
+export const defaultSeparatorOption: Readonly<Required<ISeparatorOption>> = {
+  lineWidth: 1,
+  strokeStyle: '#000000'
+}

package/src/editor/dataset/constant/Shortcut.ts

@@ -0,0 +1,3 @@
+export const INTERNAL_SHORTCUT_KEY = {
+  PAGE_SCALE: 'pageScale'
+}

package/src/editor/dataset/constant/Table.ts

@@ -0,0 +1,9 @@
+import { ITableOption } from '../../interface/table/Table'
+
+export const defaultTableOption: Readonly<Required<ITableOption>> = {
+  tdPadding: [0, 5, 5, 5],
+  defaultTrMinHeight: 42,
+  defaultColMinWidth: 40,
+  defaultBorderColor: '#000000',
+  overflow: true
+}

package/src/editor/dataset/constant/Title.ts

@@ -0,0 +1,38 @@
+import { ITitleOption, ITitleSizeOption } from '../../interface/Title'
+import { TitleLevel } from '../enum/Title'
+
+export const defaultTitleOption: Readonly<Required<ITitleOption>> = {
+  defaultFirstSize: 26,
+  defaultSecondSize: 24,
+  defaultThirdSize: 22,
+  defaultFourthSize: 20,
+  defaultFifthSize: 18,
+  defaultSixthSize: 16
+}
+
+export const titleSizeMapping: Record<TitleLevel, keyof ITitleSizeOption> = {
+  [TitleLevel.FIRST]: 'defaultFirstSize',
+  [TitleLevel.SECOND]: 'defaultSecondSize',
+  [TitleLevel.THIRD]: 'defaultThirdSize',
+  [TitleLevel.FOURTH]: 'defaultFourthSize',
+  [TitleLevel.FIFTH]: 'defaultFifthSize',
+  [TitleLevel.SIXTH]: 'defaultSixthSize'
+}
+
+export const titleOrderNumberMapping: Record<TitleLevel, number> = {
+  [TitleLevel.FIRST]: 1,
+  [TitleLevel.SECOND]: 2,
+  [TitleLevel.THIRD]: 3,
+  [TitleLevel.FOURTH]: 4,
+  [TitleLevel.FIFTH]: 5,
+  [TitleLevel.SIXTH]: 6
+}
+
+export const titleNodeNameMapping: Record<string, TitleLevel> = {
+  H1: TitleLevel.FIRST,
+  H2: TitleLevel.SECOND,
+  H3: TitleLevel.THIRD,
+  H4: TitleLevel.FOURTH,
+  H5: TitleLevel.FIFTH,
+  H6: TitleLevel.SIXTH
+}

package/src/editor/dataset/constant/Watermark.ts

@@ -0,0 +1,17 @@
+import { IWatermark } from '../../interface/Watermark'
+import { NumberType } from '../enum/Common'
+import { WatermarkType } from '../enum/Watermark'
+
+export const defaultWatermarkOption: Readonly<Required<IWatermark>> = {
+  data: '',
+  type: WatermarkType.TEXT,
+  width: 0,
+  height: 0,
+  color: '#AEB5C0',
+  opacity: 0.3,
+  size: 200,
+  font: 'Microsoft YaHei',
+  repeat: false,
+  gap: [10, 10],
+  numberType: NumberType.ARABIC
+}

package/src/editor/dataset/constant/WhiteSpace.ts

@@ -0,0 +1,7 @@
+import { IWhiteSpaceOption } from '../../interface/WhiteSpace'
+
+export const defaultWhiteSpaceOption: Readonly<Required<IWhiteSpaceOption>> = {
+  disabled: true,
+  color: '#CCCCCC',
+  radius: 1
+}

package/src/editor/dataset/constant/Zone.ts

@@ -0,0 +1,5 @@
+import { IZoneOption } from '../../interface/Zone'
+
+export const defaultZoneOption: Readonly<Required<IZoneOption>> = {
+  tipDisabled: true
+}

package/src/editor/dataset/enum/Area.ts

@@ -0,0 +1,5 @@
+export enum AreaMode {
+  EDIT = 'edit', // 编辑模式（文档可编辑、辅助元素均存在）
+  READONLY = 'readonly', // 只读模式（文档不可编辑）
+  FORM = 'form' // 表单模式（仅控件内可编辑）
+}

package/src/editor/dataset/enum/Background.ts

@@ -0,0 +1,11 @@
+export enum BackgroundSize {
+  CONTAIN = 'contain',
+  COVER = 'cover'
+}
+
+export enum BackgroundRepeat {
+  REPEAT = 'repeat',
+  NO_REPEAT = 'no-repeat',
+  REPEAT_X = 'repeat-x',
+  REPEAT_Y = 'repeat-y'
+}

package/src/editor/dataset/enum/Block.ts

@@ -0,0 +1,4 @@
+export enum BlockType {
+  IFRAME = 'iframe',
+  VIDEO = 'video'
+}

package/src/editor/dataset/enum/Common.ts

@@ -0,0 +1,30 @@
+export enum MaxHeightRatio {
+  HALF = 'half',
+  ONE_THIRD = 'one-third',
+  QUARTER = 'quarter'
+}
+
+export enum NumberType {
+  ARABIC = 'arabic',
+  CHINESE = 'chinese'
+}
+
+export enum ImageDisplay {
+  INLINE = 'inline',
+  BLOCK = 'block',
+  SURROUND = 'surround',
+  FLOAT_TOP = 'float-top',
+  FLOAT_BOTTOM = 'float-bottom'
+}
+
+export enum LocationPosition {
+  BEFORE = 'before',
+  AFTER = 'after',
+  OUTER_BEFORE = 'outer-before',
+  OUTER_AFTER = 'outer-after'
+}
+
+export enum FlexDirection {
+  ROW = 'row',
+  COLUMN = 'column'
+}

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

@@ -0,0 +1,39 @@
+export enum ControlType {
+  TEXT = 'text',
+  SELECT = 'select',
+  CHECKBOX = 'checkbox',
+  RADIO = 'radio',
+  DATE = 'date',
+  NUMBER = 'number'
+}
+
+export enum ControlComponent {
+  PREFIX = 'prefix',
+  POSTFIX = 'postfix',
+  PRE_TEXT = 'preText',
+  POST_TEXT = 'postText',
+  PLACEHOLDER = 'placeholder',
+  VALUE = 'value',
+  CHECKBOX = 'checkbox',
+  RADIO = 'radio'
+}
+
+// 控件内容缩进方式
+export enum ControlIndentation {
+  ROW_START = 'rowStart', // 从行起始位置缩进
+  VALUE_START = 'valueStart' // 从值起始位置缩进
+}
+
+// 控件状态
+export enum ControlState {
+  ACTIVE = 'active',
+  INACTIVE = 'inactive'
+}
+
+// 数值控件计算器按钮类型
+export enum CalculatorButtonType {
+  NUMBER = 'number',
+  OPERATOR = 'operator',
+  UTILITY = 'utility',
+  EQUAL = 'equal'
+}

package/src/editor/dataset/enum/Editor.ts

@@ -0,0 +1,51 @@
+export enum EditorComponent {
+  COMPONENT = 'component',
+  MENU = 'menu',
+  MAIN = 'main',
+  FOOTER = 'footer',
+  CONTEXTMENU = 'contextmenu',
+  POPUP = 'popup',
+  CATALOG = 'catalog',
+  COMMENT = 'comment'
+}
+
+export enum EditorContext {
+  PAGE = 'page',
+  TABLE = 'table'
+}
+
+export enum EditorMode {
+  EDIT = 'edit', // 编辑模式（文档可编辑、辅助元素均存在）
+  CLEAN = 'clean', // 清洁模式（隐藏辅助元素）
+  READONLY = 'readonly', // 只读模式（文档不可编辑）
+  FORM = 'form', // 表单模式（仅控件内可编辑）
+  PRINT = 'print', // 打印模式（文档不可编辑、隐藏辅助元素、选区、未书写控件及边框）
+  DESIGN = 'design', // 设计模式（不可删除、只读等配置不控制）
+  GRAFFITI = 'graffiti' // 涂鸦模式（屏蔽选区、允许长按移动绘制线条）
+}
+
+export enum EditorZone {
+  HEADER = 'header',
+  MAIN = 'main',
+  FOOTER = 'footer'
+}
+
+export enum PageMode {
+  PAGING = 'paging',
+  CONTINUITY = 'continuity'
+}
+
+export enum PaperDirection {
+  VERTICAL = 'vertical',
+  HORIZONTAL = 'horizontal'
+}
+
+export enum WordBreak {
+  BREAK_ALL = 'break-all',
+  BREAK_WORD = 'break-word'
+}
+
+export enum RenderMode {
+  SPEED = 'speed',
+  COMPATIBILITY = 'compatibility'
+}

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

@@ -0,0 +1,21 @@
+export enum ElementType {
+  TEXT = 'text',
+  IMAGE = 'image',
+  TABLE = 'table',
+  HYPERLINK = 'hyperlink',
+  SUPERSCRIPT = 'superscript',
+  SUBSCRIPT = 'subscript',
+  SEPARATOR = 'separator',
+  PAGE_BREAK = 'pageBreak',
+  CONTROL = 'control',
+  AREA = 'area',
+  CHECKBOX = 'checkbox',
+  RADIO = 'radio',
+  LATEX = 'latex',
+  TAB = 'tab',
+  DATE = 'date',
+  BLOCK = 'block',
+  TITLE = 'title',
+  LIST = 'list',
+  LABEL = 'label'
+}