@hailin-zheng/editor-core 1.0.6 → 1.0.9

package/{lib/framework/element-props.js → src/med_editor/framework/element-props.ts}

@@ -1,47 +1,68 @@
-export class INotifyPropertyChanged {
-    __attatchProperty = {};
-    registerProperty(propertyName, value) {
+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) {
+
+    removeProperty(propertyName: string): void {
         delete this.__attatchProperty[propertyName];
     }
-    getProperty(propertyName) {
-        return this.__attatchProperty[propertyName];
+
+    getProperty<T>(propertyName: string): T {
+        return this.__attatchProperty[propertyName] as T;
     }
 }
+
 export class TextProps extends INotifyPropertyChanged {
     constructor() {
         super();
     }
-    color;
-    fontName;
-    fontSize;
-    fontWeight = 'normal';
-    fontStyle = 'normal';
+
+    color!: string;
+    fontName!: string;
+    fontSize!: number;
+    fontWeight: 'normal' | 'bold' = 'normal';
+    fontStyle: 'normal' | 'italic' = 'normal';
     //textDecoration: 'none' | 'underline' | 'overline' | 'line-through' = 'none';
-    underline = false;
-    overline = false;
-    linethrough = false;
-    background;
-    letterSpace;
+    underline: boolean = false;
+    overline: boolean = false;
+    linethrough: boolean = false;
+    background!: string;
+    letterSpace!: number;
+
     /**
      * 上标或者下标
      */
-    vertAlign;
+    vertAlign!: TextVertAlign;
+
     /**
      * 字符边框
      */
-    border;
-    clearCache() {
+    border!: boolean;
+
+    clearCache(): void {
         this.__cacheFont = null;
     }
-    clone(source) {
+
+    clone(source: TextProps | null): TextProps {
         const clone = source ?? new TextProps();
         this.setPropsValue(this, clone);
         return clone;
     }
-    setPropsValue(source, target) {
+
+    setPropsValue(source: TextProps, target: TextProps): void {
         target.color = source.color;
         target.fontName = source.fontName;
         target.fontSize = source.fontSize;
@@ -55,8 +76,9 @@ export class TextProps extends INotifyPropertyChanged {
         target.vertAlign = source.vertAlign;
         target.border = source.border;
     }
-    getSerializeProps(viewOptions) {
-        const props = {};
+
+    getSerializeProps(viewOptions: ViewOptions): any {
+        const props: NullableType<TextProps> = {};
         if (this.color && this.color !== viewOptions.defaultColor) {
             props["color"] = this.color;
         }
@@ -95,12 +117,13 @@ export class TextProps extends INotifyPropertyChanged {
         }
         return props;
     }
-    __cacheFont;
-    getFont() {
+
+    private __cacheFont!: string | null;
+
+    getFont(): string {
         if (this.__cacheFont) {
             return this.__cacheFont;
-        }
-        else {
+        } else {
             let fontStr = '';
             if (this.fontStyle && this.fontStyle !== 'normal') {
                 fontStr += this.fontStyle + ' ';
@@ -115,7 +138,8 @@ export class TextProps extends INotifyPropertyChanged {
             return this.__cacheFont;
         }
     }
-    equals(props) {
+
+    equals(props: TextProps): boolean {
         return this.background === props.background
             && this.color === props.color
             && this.fontName === props.fontName
@@ -130,16 +154,17 @@ export class TextProps extends INotifyPropertyChanged {
             && this.border === props.border;
     }
 }
+
 export class ParagraphProps extends INotifyPropertyChanged {
     //段落默认的文本属性
-    textProps;
+    textProps!: TextProps;
     indent = 0;
     hanging = 0;
     lineHeight = 1.3;
-    textAlign = 'left';
+    textAlign: TextAlign = 'left';
     numberType = -1;
     pageBreak = false;
-    clone(dest = null) {
+    clone(dest: ParagraphProps | null = null): ParagraphProps {
         const clone = dest ?? new ParagraphProps();
         clone.indent = this.indent;
         clone.numberType = this.numberType;
@@ -150,8 +175,9 @@ export class ParagraphProps extends INotifyPropertyChanged {
         //clone.pageBreak=this.pageBreak;
         return clone;
     }
-    getSerializeProps(viewOptions) {
-        const props = {};
+
+    getSerializeProps(viewOptions: ViewOptions): any {
+        const props: NullableType<ParagraphProps> = {};
         if (this.indent) {
             props["indent"] = this.indent;
         }
@@ -168,7 +194,7 @@ export class ParagraphProps extends INotifyPropertyChanged {
             props["numberType"] = this.numberType;
         }
         if (this.textProps) {
-            const dt = this.textProps.getSerializeProps(viewOptions);
+            const dt = this.textProps.getSerializeProps(viewOptions) as TextProps;
             if (Object.keys(dt).length) {
                 props["textProps"] = dt;
             }
@@ -179,18 +205,20 @@ export class ParagraphProps extends INotifyPropertyChanged {
         return props;
     }
 }
+
 export class DocumentProps extends INotifyPropertyChanged {
-    width;
-    height;
-    padding;
+    width!: number;
+    height!: number;
+    padding!: PaddingProps;
     headerLine = 12;
     footerLine = 12;
-    orient = 'portrait';
-    createUserId;
-    createUserName;
-    createDate;
-    scripts;
-    clone(dest) {
+    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;
@@ -204,8 +232,9 @@ export class DocumentProps extends INotifyPropertyChanged {
         clone.orient = this.orient;
         return clone;
     }
-    getSerializeProps() {
-        const props = {
+
+    getSerializeProps(): any {
+        const props: NullableType<DocumentProps> = {
             width: this.width,
             height: this.height,
             padding: this.padding,
@@ -224,53 +253,63 @@ export class DocumentProps extends INotifyPropertyChanged {
         return props;
     }
 }
+
 export class CheckBoxProps extends INotifyPropertyChanged {
-    size;
-    isChecked;
+    size!: number;
+    isChecked!: boolean;
     //用于复选框分组
-    groupName;
-    clone(dest) {
+    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) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             size: this.size,
             isChecked: this.isChecked,
             groupName: this.groupName,
-        };
+        }
     }
 }
+
 export class RadioBoxProps extends INotifyPropertyChanged {
-    size;
-    isChecked;
-    clone(dest) {
+
+    size!: number;
+    isChecked!: boolean;
+
+    clone(dest: RadioBoxProps) {
         const clone = dest ?? new RadioBoxProps();
         clone.size = this.size;
         clone.isChecked = this.isChecked;
         return clone;
     }
-    getSerializeProps(viewOptions) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             size: this.size,
             isCheced: this.isChecked
         };
     }
 }
+
 export class TableRowProps extends INotifyPropertyChanged {
-    minHeight;
-    headerRow;
-    clone(dest) {
+    minHeight!: number;
+    headerRow!: boolean;
+
+    clone(dest: TableRowProps) {
         const clone = dest ?? new TableRowProps();
         clone.minHeight = this.minHeight;
         clone.headerRow = this.headerRow;
         return clone;
     }
-    getSerializeProps(viewOptions) {
-        const props = {};
+
+    getSerializeProps(viewOptions: ViewOptions): any {
+        const props: NullableType<TableRowProps> = {};
         if (this.minHeight > 0) {
             props["minHeight"] = this.minHeight;
             props["headerRow"] = this.headerRow;
@@ -281,14 +320,21 @@ export class TableRowProps extends INotifyPropertyChanged {
         return props;
     }
 }
+
+export type TableAlignment = 'start' | 'end' | 'center';
+
 export class TableProps extends INotifyPropertyChanged {
+
     //auto 或者具体的值
-    width;
-    cols;
-    alignment;
-    border = 'all';
-    allowBreakRow;
-    clone(dest) {
+    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];
@@ -296,7 +342,8 @@ export class TableProps extends INotifyPropertyChanged {
         clone.border = this.border;
         return clone;
     }
-    getSerializeProps(viewOptions) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             width: this.width,
             cols: this.cols,
@@ -305,16 +352,25 @@ export class TableProps extends INotifyPropertyChanged {
         };
     }
 }
+
+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;
-    hMerge;
-    vAlign;
-    backgroundColor;
+
+    vMerge!: VMergeType | null;
+    hMerge!: HMergeType | null;
+    vAlign!: VerticalAlign | null;
+    backgroundColor!: string | null;
+
     /**
      * 对角线
      */
-    diagonal;
-    clone(dest) {
+    diagonal!: 'main' | 'sub' | null;
+
+    clone(dest: TableCellProps): TableCellProps {
         const clone = dest ?? new TableCellProps();
         clone.vMerge = this.vMerge;
         clone.hMerge = this.hMerge;
@@ -323,8 +379,9 @@ export class TableCellProps extends INotifyPropertyChanged {
         clone.diagonal = this.diagonal;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {};
+
+    getSerializeProps(options: ViewOptions): any {
+        const props: NullableType<TableCellProps> = {};
         if (this.vMerge) {
             props['vMerge'] = this.vMerge;
         }
@@ -343,13 +400,15 @@ export class TableCellProps extends INotifyPropertyChanged {
         return props;
     }
 }
+
 export class PictureProps extends INotifyPropertyChanged {
-    title;
-    width;
-    height;
-    src;
-    border;
-    clone(dest) {
+    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;
@@ -358,8 +417,9 @@ export class PictureProps extends INotifyPropertyChanged {
         clone.title = this.title;
         return clone;
     }
-    getSerializeProps(viewOptions) {
-        const props = {
+
+    getSerializeProps(viewOptions: ViewOptions) {
+        const props: NullableType<PictureProps> = {
             width: this.width,
             height: this.height,
             src: this.src,
@@ -371,39 +431,48 @@ export class PictureProps extends INotifyPropertyChanged {
         return props;
     }
 }
+
 export class DataDecorateProps extends INotifyPropertyChanged {
-    content;
-    size;
-    clone(dest) {
+    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) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             size: this.size,
             content: this.content
         };
     }
 }
+
+export type DataEleTypes = 'text' | 'droplist' | 'date' | 'check' | 'img';
+
+
 export class DataEleBaseProps extends INotifyPropertyChanged {
-    id;
-    name;
-    fieldName;
-    caption;
-    required;
-    printable;
-    secretBrowse;
-    editable;
-    deleteable;
-    minLength;
-    type;
-    underline;
-    cloneBaseProps(destProps) {
+    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);
     }
-    setPropValue(source, target) {
+
+    private setPropValue(source: DataEleBaseProps, target: DataEleBaseProps): void {
         target.id = source.id;
         target.name = source.name;
         target.caption = source.caption;
@@ -417,10 +486,12 @@ export class DataEleBaseProps extends INotifyPropertyChanged {
         target.type = source.type;
         target.underline = source.underline;
     }
-    updateProps(props) {
+
+    updateProps(props: DataEleBaseProps): void {
         this.setPropValue(props, this);
     }
-    getBaseProps(props, options) {
+
+    getBaseProps(props: NullableType<DataEleBaseProps>, options: ViewOptions): NullableType<DataEleBaseProps> {
         props["id"] = this.id;
         props["name"] = this.name;
         props["fieldName"] = this.fieldName;
@@ -451,20 +522,23 @@ export class DataEleBaseProps extends INotifyPropertyChanged {
         }
         return props;
     }
-    getSerializeProps(viewOptions) {
-        throw new Error('未实现');
+
+    getSerializeProps(viewOptions: ViewOptions) {
+        throw new Error('未实现')
     }
 }
+
 export class DataEleBaseTextProps extends DataEleBaseProps {
     constructor() {
         super();
         super.type = 'text';
     }
-    valueTextProps;
-    nullText;
-    nullTextProps;
-    dataType = 'text';
-    clone(dest = null) {
+
+    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);
@@ -472,8 +546,9 @@ export class DataEleBaseTextProps extends DataEleBaseProps {
         clone.nullTextProps = this.nullTextProps.clone(null);
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    getSerializeProps(options: ViewOptions): any {
+        const props: NullableType<DataEleBaseTextProps> = {
             type: this.type,
             valueTextProps: this.valueTextProps.getSerializeProps(options),
             nullText: this.nullText,
@@ -485,7 +560,8 @@ export class DataEleBaseTextProps extends DataEleBaseProps {
         this.getBaseProps(props, options);
         return props;
     }
-    getBaseProps(props, options) {
+
+    getBaseProps(props: NullableType<DataEleBaseTextProps>, options: ViewOptions): NullableType<DataEleBaseTextProps> {
         super.getBaseProps(props, options);
         props['valueTextProps'] = this.valueTextProps.getSerializeProps(options);
         props['nullTextProps'] = this.nullTextProps.getSerializeProps(options);
@@ -493,7 +569,8 @@ export class DataEleBaseTextProps extends DataEleBaseProps {
         props['dataType'] = this.dataType;
         return props;
     }
-    updateProps(props) {
+
+    updateProps(props: DataEleBaseTextProps): void {
         super.updateProps(props);
         this.valueTextProps = props.valueTextProps;
         this.nullText = props.nullText;
@@ -501,18 +578,26 @@ export class DataEleBaseTextProps extends DataEleBaseProps {
         this.dataType = props.dataType;
     }
 }
+
+export interface DataEleListOption {
+    code: string,
+    value: string
+}
+
 export class DataEleListProps extends DataEleBaseTextProps {
     constructor() {
         super();
         super.type = 'droplist';
     }
-    options = [];
-    dropDownStyle;
+
+    options: Array<DataEleListOption> = [];
+    dropDownStyle!: 'DropDownList' | 'DropDown';
     /**
      * 是否允许多选
      */
-    multiSelect;
-    clone(dest) {
+    multiSelect!: boolean;
+
+    clone(dest: DataEleListProps | null): DataEleListProps {
         const clone = dest ?? new DataEleListProps();
         super.clone(clone);
         clone.options = [...this.options];
@@ -520,8 +605,9 @@ export class DataEleListProps extends DataEleBaseTextProps {
         clone.multiSelect = this.multiSelect;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    getSerializeProps(options: ViewOptions): any {
+        const props: NullableType<DataEleListProps> = {
             options: [...this.options],
             multiSelect: this.multiSelect,
             dropDownStyle: this.dropDownStyle,
@@ -529,56 +615,67 @@ export class DataEleListProps extends DataEleBaseTextProps {
         super.getBaseProps(props, options);
         return props;
     }
-    updateProps(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;
-    createId;
-    createName;
-    createDate;
-    clone(dest) {
+    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) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             id: this.id
         };
     }
 }
+
 export class CommProps extends INotifyPropertyChanged {
-    id;
-    markType;
-    clone(dest) {
+    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) {
+
+    getSerializeProps(viewOptions: ViewOptions) {
         return {
             id: this.id,
             markType: this.markType
         };
     }
 }
+
+
 export class DataEleCheckProps extends DataEleBaseProps {
     constructor() {
         super();
         super.type = 'check';
     }
-    size;
-    checked;
-    checkedValue = '';
-    groupName;
-    multiSelect = false;
-    clone(dest) {
+
+    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;
@@ -588,18 +685,20 @@ export class DataEleCheckProps extends DataEleBaseProps {
         clone.checkedValue = this.checkedValue;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    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);
+        this.getBaseProps(props, options)
         return props;
     }
-    updateProps(props) {
+
+    updateProps(props: DataEleCheckProps): void {
         super.updateProps(props);
         this.checked = props.checked;
         this.size = props.size;
@@ -608,16 +707,20 @@ export class DataEleCheckProps extends DataEleBaseProps {
         this.checkedValue = props.checkedValue;
     }
 }
+
+
 export class DataEleImageProps extends DataEleBaseProps {
     constructor() {
         super();
         super.type = 'img';
     }
-    width;
-    height;
-    src;
-    border;
-    clone(dest) {
+
+    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;
@@ -626,33 +729,38 @@ export class DataEleImageProps extends DataEleBaseProps {
         clone.border = this.border;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    getSerializeProps(options: ViewOptions): any {
+        const props: NullableType<DataEleImageProps> = {
             width: this.width,
             height: this.height,
             src: this.src,
             border: this.border
         };
-        this.getBaseProps(props, options);
+        this.getBaseProps(props, options)
         return props;
     }
-    updateProps(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;
-    maxValue;
-    format;
-    clone(dest) {
+
+    minValue?: Date;
+    maxValue?: Date;
+    format?: string;
+    clone(dest: DataEleDateProps | null): DataEleDateProps {
         const clone = dest ?? new DataEleDateProps();
         super.clone(clone);
         clone.minValue = this.minValue;
@@ -660,8 +768,9 @@ export class DataEleDateProps extends DataEleBaseTextProps {
         clone.format = this.format;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    getSerializeProps(options: ViewOptions): any {
+        const props: NullableType<DataEleDateProps> = {
             minValue: this.minValue,
             maxValue: this.maxValue,
             format: this.format
@@ -669,31 +778,34 @@ export class DataEleDateProps extends DataEleBaseTextProps {
         this.getBaseProps(props, options);
         return props;
     }
-    updateProps(props) {
+
+    updateProps(props: DataEleDateProps): void {
         super.updateProps(props);
         this.minValue = props.minValue;
         this.maxValue = props.maxValue;
         this.format = props.format;
     }
 }
+
 export class ValidateCondition {
-    required = false;
-    maxLength = -1;
-    dataType = 'string';
+    required: boolean = false;
+    maxLength: number = -1;
+    dataType: 'string' | 'date' | 'time' | 'number' | 'float' = 'string';
 }
+
 export class DataEleMHProps extends DataEleBaseProps {
     //初潮年龄
-    age;
+    age!: string;
     //行经期天数
-    days;
+    days!: string;
     //月经周期天数
-    cycles;
+    cycles!: string;
     //末次月经时间
-    lastDate;
+    lastDate!: string;
     //闭经年龄
-    closeAge;
-    kind;
-    clone(dest) {
+    closeAge!: string;
+    kind!: string;
+    clone(dest: DataEleMHProps | null): DataEleMHProps {
         const clone = dest ?? new DataEleMHProps();
         this.cloneBaseProps(clone);
         clone.age = this.age;
@@ -704,106 +816,123 @@ export class DataEleMHProps extends DataEleBaseProps {
         clone.kind = this.kind;
         return clone;
     }
-    getSerializeProps(options) {
-        const props = {
+
+    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 {
-    type;
-    userId;
-    userName;
-    date;
-    id;
-    constructor(type) {
-        this.type = type;
-    }
-    clone(dest) {
+    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 = {
+        const props: NullableType<TrackRunProps> = {
             userId: this.userId,
             userName: this.userName,
             date: this.date,
             id: this.id
-        };
+        }
         return props;
     }
 }
+
+
 class FontMapStruct {
-    fontMap = new Map();
-    length = 0;
-    registerFontMap(name, keyName) {
+    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) {
+
+    getFontMap(name: string): string {
         if (this.length === 0) {
             return name;
         }
         if (this.fontMap.has(name)) {
-            let key = this.fontMap.get(name);
+            let key = this.fontMap.get(name) as string;
             return key;
         }
         return name;
     }
 }
+
 export const fontMapFunc = new FontMapStruct();
+
+
 export class ValidateProps {
-    id;
-    title;
-    msg;
+    id!: string;
+    title!: string;
+    msg!: string;
 }
+
 export class DataElementGroupProps {
-    id;
-    name;
-    clone(dest) {
+    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 = 'code128';
-    text = '';
-    width = 0;
-    height = 0;
-    clone(dest) {
+    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;
-}
-//# sourceMappingURL=element-props.js.map
+    partId!: string;
+}