@hailin-zheng/editor-core 1.0.1 → 1.0.3

package/lib/framework/element-props.js

@@ -0,0 +1,809 @@
+export class INotifyPropertyChanged {
+    __attatchProperty = {};
+    registerProperty(propertyName, value) {
+        this.__attatchProperty[propertyName] = value;
+    }
+    removeProperty(propertyName) {
+        delete this.__attatchProperty[propertyName];
+    }
+    getProperty(propertyName) {
+        return this.__attatchProperty[propertyName];
+    }
+}
+export class TextProps extends INotifyPropertyChanged {
+    constructor() {
+        super();
+    }
+    color;
+    fontName;
+    fontSize;
+    fontWeight = 'normal';
+    fontStyle = 'normal';
+    //textDecoration: 'none' | 'underline' | 'overline' | 'line-through' = 'none';
+    underline = false;
+    overline = false;
+    linethrough = false;
+    background;
+    letterSpace;
+    /**
+     * 上标或者下标
+     */
+    vertAlign;
+    /**
+     * 字符边框
+     */
+    border;
+    clearCache() {
+        this.__cacheFont = null;
+    }
+    clone(source) {
+        const clone = source ?? new TextProps();
+        this.setPropsValue(this, clone);
+        return clone;
+    }
+    setPropsValue(source, target) {
+        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) {
+        const props = {};
+        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;
+    }
+    __cacheFont;
+    getFont() {
+        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) {
+        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;
+    indent = 0;
+    hanging = 0;
+    lineHeight = 1.3;
+    textAlign = 'left';
+    numberType = -1;
+    pageBreak = false;
+    clone(dest = null) {
+        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) {
+        const props = {};
+        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);
+            if (Object.keys(dt).length) {
+                props["textProps"] = dt;
+            }
+        }
+        if (this.pageBreak) {
+            props["pageBreak"] = this.pageBreak;
+        }
+        return props;
+    }
+}
+export class DocumentProps extends INotifyPropertyChanged {
+    width;
+    height;
+    padding;
+    headerLine = 12;
+    footerLine = 12;
+    orient = 'portrait';
+    createUserId;
+    createUserName;
+    createDate;
+    scripts;
+    clone(dest) {
+        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() {
+        const props = {
+            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;
+    isChecked;
+    //用于复选框分组
+    groupName;
+    clone(dest) {
+        const clone = dest ?? new CheckBoxProps();
+        clone.size = this.size;
+        clone.isChecked = this.isChecked;
+        clone.groupName = this.groupName;
+        return clone;
+    }
+    getSerializeProps(viewOptions) {
+        return {
+            size: this.size,
+            isChecked: this.isChecked,
+            groupName: this.groupName,
+        };
+    }
+}
+export class RadioBoxProps extends INotifyPropertyChanged {
+    size;
+    isChecked;
+    clone(dest) {
+        const clone = dest ?? new RadioBoxProps();
+        clone.size = this.size;
+        clone.isChecked = this.isChecked;
+        return clone;
+    }
+    getSerializeProps(viewOptions) {
+        return {
+            size: this.size,
+            isCheced: this.isChecked
+        };
+    }
+}
+export class TableRowProps extends INotifyPropertyChanged {
+    minHeight;
+    headerRow;
+    clone(dest) {
+        const clone = dest ?? new TableRowProps();
+        clone.minHeight = this.minHeight;
+        clone.headerRow = this.headerRow;
+        return clone;
+    }
+    getSerializeProps(viewOptions) {
+        const props = {};
+        if (this.minHeight > 0) {
+            props["minHeight"] = this.minHeight;
+            props["headerRow"] = this.headerRow;
+        }
+        if (this.headerRow) {
+            props['headerRow'] = this.headerRow;
+        }
+        return props;
+    }
+}
+export class TableProps extends INotifyPropertyChanged {
+    //auto 或者具体的值
+    width;
+    cols;
+    alignment;
+    border = 'all';
+    allowBreakRow;
+    clone(dest) {
+        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) {
+        return {
+            width: this.width,
+            cols: this.cols,
+            alignment: this.alignment,
+            border: this.border
+        };
+    }
+}
+export class TableCellProps extends INotifyPropertyChanged {
+    vMerge;
+    hMerge;
+    vAlign;
+    backgroundColor;
+    /**
+     * 对角线
+     */
+    diagonal;
+    clone(dest) {
+        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) {
+        const props = {};
+        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;
+    width;
+    height;
+    src;
+    border;
+    clone(dest) {
+        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) {
+        const props = {
+            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;
+    size;
+    clone(dest) {
+        const clone = dest ?? new DataDecorateProps();
+        clone.content = this.content;
+        clone.size = this.size;
+        return clone;
+    }
+    getSerializeProps(viewOptions) {
+        return {
+            size: this.size,
+            content: this.content
+        };
+    }
+}
+export class DataEleBaseProps extends INotifyPropertyChanged {
+    id;
+    name;
+    fieldName;
+    caption;
+    required;
+    printable;
+    secretBrowse;
+    editable;
+    deleteable;
+    minLength;
+    type;
+    underline;
+    cloneBaseProps(destProps) {
+        this.setPropValue(this, destProps);
+    }
+    setPropValue(source, target) {
+        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) {
+        this.setPropValue(props, this);
+    }
+    getBaseProps(props, options) {
+        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) {
+        throw new Error('未实现');
+    }
+}
+export class DataEleBaseTextProps extends DataEleBaseProps {
+    constructor() {
+        super();
+        super.type = 'text';
+    }
+    valueTextProps;
+    nullText;
+    nullTextProps;
+    dataType = 'text';
+    clone(dest = null) {
+        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) {
+        const props = {
+            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, options) {
+        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) {
+        super.updateProps(props);
+        this.valueTextProps = props.valueTextProps;
+        this.nullText = props.nullText;
+        this.nullTextProps = props.nullTextProps;
+        this.dataType = props.dataType;
+    }
+}
+export class DataEleListProps extends DataEleBaseTextProps {
+    constructor() {
+        super();
+        super.type = 'droplist';
+    }
+    options = [];
+    dropDownStyle;
+    /**
+     * 是否允许多选
+     */
+    multiSelect;
+    clone(dest) {
+        const clone = dest ?? new DataEleListProps();
+        super.clone(clone);
+        clone.options = [...this.options];
+        clone.dropDownStyle = this.dropDownStyle;
+        clone.multiSelect = this.multiSelect;
+        return clone;
+    }
+    getSerializeProps(options) {
+        const props = {
+            options: [...this.options],
+            multiSelect: this.multiSelect,
+            dropDownStyle: this.dropDownStyle,
+        };
+        super.getBaseProps(props, options);
+        return props;
+    }
+    updateProps(props) {
+        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) {
+        const clone = dest ?? new CommContentProps();
+        clone.id = this.id;
+        return clone;
+    }
+    getSerializeProps(viewOptions) {
+        return {
+            id: this.id
+        };
+    }
+}
+export class CommProps extends INotifyPropertyChanged {
+    id;
+    markType;
+    clone(dest) {
+        const clone = dest ?? new CommProps();
+        clone.id = this.id;
+        clone.markType = this.markType;
+        return clone;
+    }
+    getSerializeProps(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) {
+        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) {
+        const props = {
+            checked: this.checked,
+            size: this.size,
+            groupName: this.groupName,
+            multiSelect: this.multiSelect,
+            checkedValue: this.checkedValue
+        };
+        this.getBaseProps(props, options);
+        return props;
+    }
+    updateProps(props) {
+        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;
+    height;
+    src;
+    border;
+    clone(dest) {
+        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) {
+        const props = {
+            width: this.width,
+            height: this.height,
+            src: this.src,
+            border: this.border
+        };
+        this.getBaseProps(props, options);
+        return props;
+    }
+    updateProps(props) {
+        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) {
+        const clone = dest ?? new DataEleDateProps();
+        super.clone(clone);
+        clone.minValue = this.minValue;
+        clone.maxValue = this.maxValue;
+        clone.format = this.format;
+        return clone;
+    }
+    getSerializeProps(options) {
+        const props = {
+            minValue: this.minValue,
+            maxValue: this.maxValue,
+            format: this.format
+        };
+        this.getBaseProps(props, options);
+        return props;
+    }
+    updateProps(props) {
+        super.updateProps(props);
+        this.minValue = props.minValue;
+        this.maxValue = props.maxValue;
+        this.format = props.format;
+    }
+}
+export class ValidateCondition {
+    required = false;
+    maxLength = -1;
+    dataType = 'string';
+}
+export class DataEleMHProps extends DataEleBaseProps {
+    //初潮年龄
+    age;
+    //行经期天数
+    days;
+    //月经周期天数
+    cycles;
+    //末次月经时间
+    lastDate;
+    //闭经年龄
+    closeAge;
+    kind;
+    clone(dest) {
+        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) {
+        const props = {
+            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) {
+        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 = {
+            userId: this.userId,
+            userName: this.userName,
+            date: this.date,
+            id: this.id
+        };
+        return props;
+    }
+}
+class FontMapStruct {
+    fontMap = new Map();
+    length = 0;
+    registerFontMap(name, keyName) {
+        this.fontMap.set(name, keyName);
+        this.length = this.fontMap.size;
+    }
+    getFontMap(name) {
+        if (this.length === 0) {
+            return name;
+        }
+        if (this.fontMap.has(name)) {
+            let key = this.fontMap.get(name);
+            return key;
+        }
+        return name;
+    }
+}
+export const fontMapFunc = new FontMapStruct();
+export class ValidateProps {
+    id;
+    title;
+    msg;
+}
+export class DataElementGroupProps {
+    id;
+    name;
+    clone(dest) {
+        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) {
+        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