@hailin-zheng/editor-core 1.0.10 → 1.0.14

package/src/med_editor/framework/element-props.ts

@@ -1,938 +0,0 @@
-import { NullableType, OrientType, PaddingProps, TextAlign, ViewOptions } from "./element-define";
-import { TrackRunTypeEnum } from "./impl/text/track-run-impl";
-
-export type TextVertAlign = 'superscript' | 'subscript';
-
-export abstract class INotifyPropertyChanged {
-    // onPropertyChangedSubject: Subject<string> = new Subject();
-    // propertyChanged(properyName: string): void {
-    //     this.onPropertyChangedSubject.next(properyName);
-    // }
-    abstract getSerializeProps(viewOptions: ViewOptions): any;
-
-    private __attatchProperty: Record<string, any> = {};
-
-    registerProperty<T>(propertyName: string, value: T): void {
-        this.__attatchProperty[propertyName] = value;
-    }
-
-    removeProperty(propertyName: string): void {
-        delete this.__attatchProperty[propertyName];
-    }
-
-    getProperty<T>(propertyName: string): T {
-        return this.__attatchProperty[propertyName] as T;
-    }
-}
-
-export class TextProps extends INotifyPropertyChanged {
-    constructor() {
-        super();
-    }
-
-    color!: string;
-    fontName!: string;
-    fontSize!: number;
-    fontWeight: 'normal' | 'bold' = 'normal';
-    fontStyle: 'normal' | 'italic' = 'normal';
-    //textDecoration: 'none' | 'underline' | 'overline' | 'line-through' = 'none';
-    underline: boolean = false;
-    overline: boolean = false;
-    linethrough: boolean = false;
-    background!: string;
-    letterSpace!: number;
-
-    /**
-     * 上标或者下标
-     */
-    vertAlign!: TextVertAlign;
-
-    /**
-     * 字符边框
-     */
-    border!: boolean;
-
-    clearCache(): void {
-        this.__cacheFont = null;
-    }
-
-    clone(source: TextProps | null): TextProps {
-        const clone = source ?? new TextProps();
-        this.setPropsValue(this, clone);
-        return clone;
-    }
-
-    setPropsValue(source: TextProps, target: TextProps): void {
-        target.color = source.color;
-        target.fontName = source.fontName;
-        target.fontSize = source.fontSize;
-        target.fontWeight = source.fontWeight;
-        target.fontStyle = source.fontStyle;
-        target.underline = source.underline;
-        target.overline = source.overline;
-        target.linethrough = source.linethrough;
-        target.background = source.background;
-        target.letterSpace = source.letterSpace;
-        target.vertAlign = source.vertAlign;
-        target.border = source.border;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions): any {
-        const props: NullableType<TextProps> = {};
-        if (this.color && this.color !== viewOptions.defaultColor) {
-            props["color"] = this.color;
-        }
-        if (this.fontName && this.fontName !== viewOptions.defaultFontName) {
-            props["fontName"] = this.fontName;
-        }
-        if (this.fontSize !== viewOptions.defaultFontSize) {
-            props["fontSize"] = this.fontSize;
-        }
-        if (this.fontWeight && this.fontWeight !== "normal") {
-            props["fontWeight"] = this.fontWeight;
-        }
-        if (this.underline) {
-            props["underline"] = this.underline;
-        }
-        if (this.overline) {
-            props["overline"] = this.overline;
-        }
-        if (this.linethrough) {
-            props["linethrough"] = this.linethrough;
-        }
-        if (this.background) {
-            props["background"] = this.background;
-        }
-        if (this.letterSpace) {
-            props["letterSpace"] = this.letterSpace;
-        }
-        if (this.fontStyle && this.fontStyle !== 'normal') {
-            props["fontStyle"] = this.fontStyle;
-        }
-        if (this.vertAlign) {
-            props["vertAlign"] = this.vertAlign;
-        }
-        if (this.border) {
-            props["border"] = this.border;
-        }
-        return props;
-    }
-
-    private __cacheFont!: string | null;
-
-    getFont(): string {
-        if (this.__cacheFont) {
-            return this.__cacheFont;
-        } else {
-            let fontStr = '';
-            if (this.fontStyle && this.fontStyle !== 'normal') {
-                fontStr += this.fontStyle + ' ';
-            }
-            if (this.fontWeight && this.fontWeight !== 'normal') {
-                fontStr += this.fontWeight + ' ';
-            }
-            //当前存在上标或者下标，大小为3/5
-            fontStr += (this.vertAlign ? this.fontSize * 3 / 5 : this.fontSize) + 'px ';
-            fontStr += fontMapFunc.getFontMap(this.fontName);
-            this.__cacheFont = fontStr;
-            return this.__cacheFont;
-        }
-    }
-
-    equals(props: TextProps): boolean {
-        return this.background === props.background
-            && this.color === props.color
-            && this.fontName === props.fontName
-            && this.fontSize === props.fontSize
-            && this.fontWeight === props.fontWeight
-            && this.letterSpace === props.letterSpace
-            && this.underline === props.underline
-            && this.overline === props.overline
-            && this.linethrough === props.linethrough
-            && this.fontStyle === props.fontStyle
-            && this.vertAlign === props.vertAlign
-            && this.border === props.border;
-    }
-}
-
-export class ParagraphProps extends INotifyPropertyChanged {
-    //段落默认的文本属性
-    textProps!: TextProps;
-    indent = 0;
-    hanging = 0;
-    lineHeight = 1.3;
-    textAlign: TextAlign = 'left';
-    numberType = -1;
-    pageBreak = false;
-    clone(dest: ParagraphProps | null = null): ParagraphProps {
-        const clone = dest ?? new ParagraphProps();
-        clone.indent = this.indent;
-        clone.numberType = this.numberType;
-        clone.lineHeight = this.lineHeight;
-        clone.textAlign = this.textAlign;
-        clone.textProps = this.textProps.clone(new TextProps());
-        //强制换页属性不可复制
-        //clone.pageBreak=this.pageBreak;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions): any {
-        const props: NullableType<ParagraphProps> = {};
-        if (this.indent) {
-            props["indent"] = this.indent;
-        }
-        if (this.hanging) {
-            props["hanging"] = this.hanging;
-        }
-        if (this.lineHeight && this.lineHeight !== 1.3) {
-            props["lineHeight"] = this.lineHeight;
-        }
-        if (this.textAlign && this.textAlign !== "left") {
-            props["textAlign"] = this.textAlign;
-        }
-        if (this.numberType !== -1) {
-            props["numberType"] = this.numberType;
-        }
-        if (this.textProps) {
-            const dt = this.textProps.getSerializeProps(viewOptions) as TextProps;
-            if (Object.keys(dt).length) {
-                props["textProps"] = dt;
-            }
-        }
-        if (this.pageBreak) {
-            props["pageBreak"] = this.pageBreak;
-        }
-        return props;
-    }
-}
-
-export class DocumentProps extends INotifyPropertyChanged {
-    width!: number;
-    height!: number;
-    padding!: PaddingProps;
-    headerLine = 12;
-    footerLine = 12;
-    orient: OrientType = 'portrait'
-    createUserId!: string;
-    createUserName!: string;
-    createDate!: string;
-    scripts!: string;
-
-    clone(dest: DocumentProps): DocumentProps {
-        const clone = dest ?? new DocumentProps();
-        clone.width = this.width;
-        clone.height = this.height;
-        clone.padding = this.padding.clone();
-        clone.headerLine = this.headerLine;
-        clone.footerLine = this.footerLine;
-        clone.scripts = this.scripts;
-        clone.createUserId = this.createUserId;
-        clone.createUserName = this.createUserName;
-        clone.createDate = this.createDate;
-        clone.orient = this.orient;
-        return clone;
-    }
-
-    getSerializeProps(): any {
-        const props: NullableType<DocumentProps> = {
-            width: this.width,
-            height: this.height,
-            padding: this.padding,
-            headerLine: this.headerLine,
-            footerLine: this.footerLine,
-            createDate: this.createDate,
-            createUserName: this.createUserName,
-            createUserId: this.createUserId
-        };
-        if (this.scripts) {
-            props['scripts'] = this.scripts;
-        }
-        if (this.orient && this.orient !== 'portrait') {
-            props['orient'] = this.orient;
-        }
-        return props;
-    }
-}
-
-export class CheckBoxProps extends INotifyPropertyChanged {
-    size!: number;
-    isChecked!: boolean;
-    //用于复选框分组
-    groupName!: string | null;
-
-    clone(dest: CheckBoxProps) {
-        const clone = dest ?? new CheckBoxProps();
-        clone.size = this.size;
-        clone.isChecked = this.isChecked;
-        clone.groupName = this.groupName;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            size: this.size,
-            isChecked: this.isChecked,
-            groupName: this.groupName,
-        }
-    }
-}
-
-export class RadioBoxProps extends INotifyPropertyChanged {
-
-    size!: number;
-    isChecked!: boolean;
-
-    clone(dest: RadioBoxProps) {
-        const clone = dest ?? new RadioBoxProps();
-        clone.size = this.size;
-        clone.isChecked = this.isChecked;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            size: this.size,
-            isCheced: this.isChecked
-        };
-    }
-}
-
-export class TableRowProps extends INotifyPropertyChanged {
-    minHeight!: number;
-    headerRow!: boolean;
-
-    clone(dest: TableRowProps) {
-        const clone = dest ?? new TableRowProps();
-        clone.minHeight = this.minHeight;
-        clone.headerRow = this.headerRow;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions): any {
-        const props: NullableType<TableRowProps> = {};
-        if (this.minHeight > 0) {
-            props["minHeight"] = this.minHeight;
-            props["headerRow"] = this.headerRow;
-        }
-        if (this.headerRow) {
-            props['headerRow'] = this.headerRow;
-        }
-        return props;
-    }
-}
-
-export type TableAlignment = 'start' | 'end' | 'center';
-
-export class TableProps extends INotifyPropertyChanged {
-
-    //auto 或者具体的值
-    width!: number | string;
-    cols!: Array<{
-        width: number | string;
-    }>;
-    alignment!: TableAlignment;
-    border: 'all' | 'none' = 'all';
-    allowBreakRow!: boolean;
-
-    clone(dest: TableProps): TableProps {
-        const clone = dest ?? new TableProps();
-        clone.width = this.width;
-        clone.cols = [...this.cols];
-        clone.alignment = this.alignment;
-        clone.border = this.border;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            width: this.width,
-            cols: this.cols,
-            alignment: this.alignment,
-            border: this.border
-        };
-    }
-}
-
-export type CellMergeType = 'col-merge' | 'row-merge';
-export type VMergeType = 'restart' | 'continue';
-export type HMergeType = 'restart' | 'continue';
-export type VerticalAlign = 'top' | 'middle' | 'bottom';
-
-export class TableCellProps extends INotifyPropertyChanged {
-
-    vMerge!: VMergeType | null;
-    hMerge!: HMergeType | null;
-    vAlign!: VerticalAlign | null;
-    backgroundColor!: string | null;
-
-    /**
-     * 对角线
-     */
-    diagonal!: 'main' | 'sub' | null;
-
-    clone(dest: TableCellProps): TableCellProps {
-        const clone = dest ?? new TableCellProps();
-        clone.vMerge = this.vMerge;
-        clone.hMerge = this.hMerge;
-        clone.vAlign = this.vAlign;
-        clone.backgroundColor = this.backgroundColor;
-        clone.diagonal = this.diagonal;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<TableCellProps> = {};
-        if (this.vMerge) {
-            props['vMerge'] = this.vMerge;
-        }
-        if (this.hMerge) {
-            props['hMerge'] = this.hMerge;
-        }
-        if (this.vAlign && this.vAlign !== 'top') {
-            props['vAlign'] = this.vAlign;
-        }
-        if (this.backgroundColor) {
-            props['backgroundColor'] = this.backgroundColor;
-        }
-        if (this.diagonal) {
-            props['diagonal'] = this.diagonal;
-        }
-        return props;
-    }
-}
-
-export class PictureProps extends INotifyPropertyChanged {
-    title!: string;
-    width!: number;
-    height!: number;
-    src!: string;
-    border!: 'all' | 'none';
-
-    clone(dest: PictureProps): PictureProps {
-        const clone = dest ?? new PictureProps();
-        clone.width = this.width;
-        clone.height = this.height;
-        clone.src = this.src;
-        clone.border = this.border;
-        clone.title = this.title;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        const props: NullableType<PictureProps> = {
-            width: this.width,
-            height: this.height,
-            src: this.src,
-            border: this.border,
-        };
-        if (this.title) {
-            props['title'] = this.title;
-        }
-        return props;
-    }
-}
-
-export class DataDecorateProps extends INotifyPropertyChanged {
-    content!: string;
-    size!: number;
-
-    clone(dest: DataDecorateProps): DataDecorateProps {
-        const clone = dest ?? new DataDecorateProps();
-        clone.content = this.content;
-        clone.size = this.size;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            size: this.size,
-            content: this.content
-        };
-    }
-}
-
-export type DataEleTypes = 'text' | 'droplist' | 'date' | 'check' | 'img';
-
-
-export class DataEleBaseProps extends INotifyPropertyChanged {
-    id!: string;
-    name!: string;
-    fieldName!: string;
-    caption!: string;
-    required!: boolean;
-    printable!: boolean;
-    secretBrowse!: boolean;
-    editable!: boolean;
-    deleteable!: boolean;
-    minLength!: number;
-    type!: DataEleTypes;
-    underline!: boolean;
-
-    cloneBaseProps(destProps: DataEleBaseProps): void {
-        this.setPropValue(this, destProps);
-    }
-
-    private setPropValue(source: DataEleBaseProps, target: DataEleBaseProps): void {
-        target.id = source.id;
-        target.name = source.name;
-        target.caption = source.caption;
-        target.fieldName = source.fieldName;
-        target.required = source.required;
-        target.editable = source.editable;
-        target.deleteable = source.deleteable;
-        target.secretBrowse = source.secretBrowse;
-        target.printable = source.printable;
-        target.minLength = source.minLength;
-        target.type = source.type;
-        target.underline = source.underline;
-    }
-
-    updateProps(props: DataEleBaseProps): void {
-        this.setPropValue(props, this);
-    }
-
-    getBaseProps(props: NullableType<DataEleBaseProps>, options: ViewOptions): NullableType<DataEleBaseProps> {
-        props["id"] = this.id;
-        props["name"] = this.name;
-        props["fieldName"] = this.fieldName;
-        props["type"] = this.type;
-        if (this.caption) {
-            props["caption"] = this.caption;
-        }
-        if (this.required) {
-            props["required"] = this.required;
-        }
-        if (this.printable) {
-            props["printable"] = this.printable;
-        }
-        if (this.secretBrowse) {
-            props["secretBrowse"] = this.secretBrowse;
-        }
-        if (!this.editable) {
-            props['editable'] = this.editable;
-        }
-        if (this.deleteable) {
-            props["deleteable"] = this.deleteable;
-        }
-        if (this.minLength) {
-            props["minLength"] = this.minLength;
-        }
-        if (this.underline) {
-            props["underline"] = this.underline;
-        }
-        return props;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        throw new Error('未实现')
-    }
-}
-
-export class DataEleBaseTextProps extends DataEleBaseProps {
-    constructor() {
-        super();
-        super.type = 'text';
-    }
-
-    valueTextProps!: TextProps;
-    nullText!: string;
-    nullTextProps!: TextProps;
-    dataType: 'text' | 'int' | 'float' | 'email' | 'date' | 'phone' | 'zipcode' = 'text';
-    clone(dest: DataEleBaseTextProps | null = null): DataEleBaseTextProps {
-        const clone = dest ?? new DataEleBaseTextProps();
-        super.cloneBaseProps(clone);
-        clone.valueTextProps = this.valueTextProps.clone(null);
-        clone.nullText = this.nullText;
-        clone.nullTextProps = this.nullTextProps.clone(null);
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<DataEleBaseTextProps> = {
-            type: this.type,
-            valueTextProps: this.valueTextProps.getSerializeProps(options),
-            nullText: this.nullText,
-            nullTextProps: this.nullTextProps.getSerializeProps(options)
-        };
-        if (this.dataType && this.dataType !== 'text') {
-            props['dataType'] = this.dataType;
-        }
-        this.getBaseProps(props, options);
-        return props;
-    }
-
-    getBaseProps(props: NullableType<DataEleBaseTextProps>, options: ViewOptions): NullableType<DataEleBaseTextProps> {
-        super.getBaseProps(props, options);
-        props['valueTextProps'] = this.valueTextProps.getSerializeProps(options);
-        props['nullTextProps'] = this.nullTextProps.getSerializeProps(options);
-        props['nullText'] = this.nullText;
-        props['dataType'] = this.dataType;
-        return props;
-    }
-
-    updateProps(props: DataEleBaseTextProps): void {
-        super.updateProps(props);
-        this.valueTextProps = props.valueTextProps;
-        this.nullText = props.nullText;
-        this.nullTextProps = props.nullTextProps;
-        this.dataType = props.dataType;
-    }
-}
-
-export interface DataEleListOption {
-    code: string,
-    value: string
-}
-
-export class DataEleListProps extends DataEleBaseTextProps {
-    constructor() {
-        super();
-        super.type = 'droplist';
-    }
-
-    options: Array<DataEleListOption> = [];
-    dropDownStyle!: 'DropDownList' | 'DropDown';
-    /**
-     * 是否允许多选
-     */
-    multiSelect!: boolean;
-
-    clone(dest: DataEleListProps | null): DataEleListProps {
-        const clone = dest ?? new DataEleListProps();
-        super.clone(clone);
-        clone.options = [...this.options];
-        clone.dropDownStyle = this.dropDownStyle;
-        clone.multiSelect = this.multiSelect;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<DataEleListProps> = {
-            options: [...this.options],
-            multiSelect: this.multiSelect,
-            dropDownStyle: this.dropDownStyle,
-        };
-        super.getBaseProps(props, options);
-        return props;
-    }
-
-    updateProps(props: DataEleListProps): void {
-        super.updateProps(props);
-        this.options = props.options;
-        this.multiSelect = props.multiSelect;
-        this.dropDownStyle = props.dropDownStyle;
-    }
-}
-
-export class CommContentProps extends INotifyPropertyChanged {
-    id!: string;
-    createId!: string;
-    createName!: string;
-    createDate!: Date;
-
-    clone(dest: CommContentProps): CommContentProps {
-        const clone = dest ?? new CommContentProps();
-        clone.id = this.id;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            id: this.id
-        };
-    }
-}
-
-export class CommProps extends INotifyPropertyChanged {
-    id!: string;
-    markType!: "start" | "end";
-
-    clone(dest: CommProps): CommProps {
-        const clone = dest ?? new CommProps();
-        clone.id = this.id;
-        clone.markType = this.markType;
-        return clone;
-    }
-
-    getSerializeProps(viewOptions: ViewOptions) {
-        return {
-            id: this.id,
-            markType: this.markType
-        };
-    }
-}
-
-
-export class DataEleCheckProps extends DataEleBaseProps {
-    constructor() {
-        super();
-        super.type = 'check';
-    }
-
-    size!: number;
-    checked!: boolean;
-    checkedValue: string = '';
-    groupName!: string;
-    multiSelect: boolean = false;
-
-    clone(dest: DataEleCheckProps | null): DataEleCheckProps {
-        const clone = dest ?? new DataEleCheckProps();
-        super.cloneBaseProps(clone);
-        clone.checked = this.checked;
-        clone.size = this.size;
-        clone.groupName = this.groupName;
-        clone.multiSelect = this.multiSelect;
-        clone.checkedValue = this.checkedValue;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<DataEleCheckProps> = {
-            checked: this.checked,
-            size: this.size,
-            groupName: this.groupName,
-            multiSelect: this.multiSelect,
-            checkedValue: this.checkedValue
-        };
-        this.getBaseProps(props, options)
-        return props;
-    }
-
-    updateProps(props: DataEleCheckProps): void {
-        super.updateProps(props);
-        this.checked = props.checked;
-        this.size = props.size;
-        this.groupName = props.groupName;
-        this.multiSelect = props.multiSelect;
-        this.checkedValue = props.checkedValue;
-    }
-}
-
-
-export class DataEleImageProps extends DataEleBaseProps {
-    constructor() {
-        super();
-        super.type = 'img';
-    }
-
-    width!: number;
-    height!: number;
-    src!: string;
-    border!: 'all' | 'none';
-
-    clone(dest: DataEleImageProps | null): DataEleImageProps {
-        const clone = dest ?? new DataEleImageProps();
-        this.cloneBaseProps(clone);
-        clone.width = this.width;
-        clone.height = this.height;
-        clone.src = this.src;
-        clone.border = this.border;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<DataEleImageProps> = {
-            width: this.width,
-            height: this.height,
-            src: this.src,
-            border: this.border
-        };
-        this.getBaseProps(props, options)
-        return props;
-    }
-
-    updateProps(props: DataEleImageProps): void {
-        super.updateProps(props);
-        this.width = props.width;
-        this.height = props.height;
-        this.src = props.src;
-        this.border = props.border;
-    }
-
-}
-
-export class DataEleDateProps extends DataEleBaseTextProps {
-    constructor() {
-        super();
-        super.type = 'date';
-    }
-
-    minValue?: Date;
-    maxValue?: Date;
-    format?: string;
-    clone(dest: DataEleDateProps | null): DataEleDateProps {
-        const clone = dest ?? new DataEleDateProps();
-        super.clone(clone);
-        clone.minValue = this.minValue;
-        clone.maxValue = this.maxValue;
-        clone.format = this.format;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions): any {
-        const props: NullableType<DataEleDateProps> = {
-            minValue: this.minValue,
-            maxValue: this.maxValue,
-            format: this.format
-        };
-        this.getBaseProps(props, options);
-        return props;
-    }
-
-    updateProps(props: DataEleDateProps): void {
-        super.updateProps(props);
-        this.minValue = props.minValue;
-        this.maxValue = props.maxValue;
-        this.format = props.format;
-    }
-}
-
-export class ValidateCondition {
-    required: boolean = false;
-    maxLength: number = -1;
-    dataType: 'string' | 'date' | 'time' | 'number' | 'float' = 'string';
-}
-
-export class DataEleMHProps extends DataEleBaseProps {
-    //初潮年龄
-    age!: string;
-    //行经期天数
-    days!: string;
-    //月经周期天数
-    cycles!: string;
-    //末次月经时间
-    lastDate!: string;
-    //闭经年龄
-    closeAge!: string;
-    kind!: string;
-    clone(dest: DataEleMHProps | null): DataEleMHProps {
-        const clone = dest ?? new DataEleMHProps();
-        this.cloneBaseProps(clone);
-        clone.age = this.age;
-        clone.days = this.days;
-        clone.cycles = this.cycles;
-        clone.lastDate = this.lastDate;
-        clone.closeAge = this.closeAge;
-        clone.kind = this.kind;
-        return clone;
-    }
-
-    getSerializeProps(options: ViewOptions) {
-        const props: NullableType<DataEleMHProps> = {
-            age: this.age,
-            days: this.days,
-            cycles: this.cycles,
-            lastDate: this.lastDate,
-            closeAge: this.closeAge,
-            kind: this.kind
-        }
-        this.getBaseProps(props, options);
-        return props;
-    }
-
-}
-
-export class TrackRunProps {
-    userId!: string;
-    userName!: string;
-    date!: string;
-    id!: string;
-    constructor(public type: TrackRunTypeEnum) {
-    }
-
-    clone(dest: TrackRunProps | null) {
-        dest = dest ?? new TrackRunProps(this.type);
-        dest.userId = this.userId;
-        dest.userName = this.userName;
-        dest.date = this.date;
-        dest.id = this.id;
-    }
-
-    getSerializeProps() {
-        const props: NullableType<TrackRunProps> = {
-            userId: this.userId,
-            userName: this.userName,
-            date: this.date,
-            id: this.id
-        }
-        return props;
-    }
-}
-
-
-class FontMapStruct {
-    fontMap = new Map<string, string>();
-    length: number = 0;
-
-    registerFontMap(name: string, keyName: string): void {
-        this.fontMap.set(name, keyName);
-        this.length = this.fontMap.size;
-    }
-
-    getFontMap(name: string): string {
-        if (this.length === 0) {
-            return name;
-        }
-        if (this.fontMap.has(name)) {
-            let key = this.fontMap.get(name) as string;
-            return key;
-        }
-        return name;
-    }
-}
-
-export const fontMapFunc = new FontMapStruct();
-
-
-export class ValidateProps {
-    id!: string;
-    title!: string;
-    msg!: string;
-}
-
-export class DataElementGroupProps {
-    id!: string;
-    name!: string;
-    clone(dest: DataElementGroupProps | null) {
-        dest = dest ?? new DataElementGroupProps();
-        dest.id = this.id;
-        dest.name = this.name;
-    }
-
-    getSerializeProps() {
-        return {
-            id: this.id,
-            name: this.name
-        }
-    }
-}
-
-
-
-export class DataElementBarcodeProps {
-    type: 'ena13' | 'code128' | 'code39' | 'qrcode' = 'code128';
-    text: string = '';
-    width: number = 0;
-    height: number = 0;
-
-    clone(dest: DataElementBarcodeProps | null) {
-        dest = dest ?? new DataElementBarcodeProps();
-        dest.type = this.type;
-        dest.text = this.text;
-        dest.width = this.width;
-        dest.height = this.height;
-    }
-
-    getSerializeProps() {
-        return {
-            type: this.type,
-            text: this.text,
-            width: this.width,
-            height: this.height
-        }
-    }
-}
-
-export class BodyPartProps {
-    partId!: string;
-}