@hailin-zheng/editor-core 1.0.4 → 1.0.7

package/src/med_editor/framework/document-combine.ts

@@ -1,44 +0,0 @@
-import { DocumentBodyElement } from "./impl/document/doc-body-impl";
-import { DocumentBodyPartElement } from "./impl/document/doc-body-part-impl";
-import { DocumentElement } from "./impl/document/doc-impl";
-
-/**
- * 文档合并
- */
-export class DocumentCombine {
-    /**
-     * 合并模板文档
-     * 用于设置合并后，页眉页脚等统一部分
-     */
-    mainTemplate!: DocumentElement
-
-    docParts: Array<{ doc: DocumentElement, docId: string }> = [];
-    /**
-     * 添加需要合并的文档部分
-     */
-    add(docPart: DocumentElement, id: string): void {
-        this.docParts.push({ doc: docPart, docId: id })
-    }
-
-    dispose(): void {
-        this.docParts.length = 0;
-    }
-
-    /**
-     * 用于合并文档计算
-     */
-    load(): DocumentElement {
-        const template = this.mainTemplate.clone();
-        const body = template.find((item) => item instanceof DocumentBodyElement) as DocumentBodyElement;
-        body.clearItems();
-        for (let i = 0; i < this.docParts.length; i++) {
-            const part = this.docParts[i];
-            const docPartContainer = new DocumentBodyPartElement();
-            docPartContainer.props.partId = part.docId;
-            const docPartBody = part.doc.find(item => item instanceof DocumentBodyElement) as DocumentBodyElement
-            docPartContainer.addChild(docPartBody.clone(true));
-            body.addChild(docPartContainer)
-        }
-        return template;
-    }
-}

package/src/med_editor/framework/document-comment.ts

@@ -1,168 +0,0 @@
-import { EditorContext } from "./document-context";
-import { ElementUtil } from "./element-util";
-import { CommContentBaseElement, CommContentElement } from "./impl/comments/comment-content-impl";
-import { CommentElement } from "./impl/comments/comment-element-impl";
-import { TextGroupElement } from "./impl/text/text-impl";
-import { RangeUtil } from "./range-util";
-import {
-    DataElementInlineGroup,
-    DataElementLeaf,
-    validateDataEle
-} from "@/med_editor/framework/impl/data-element/data-element-base-impl";
-
-/**
- * 处理文档批注
- */
-export class DocumentComment {
-    commMarkList: Array<CommentElement> = [];
-    commContentList: Array<CommContentBaseElement> = [];
-    isDirty: boolean = true;
-    constructor(public docCtx: EditorContext) { }
-
-    /**
-    * 读取审阅标记符号
-    */
-    readComments(): void {
-        if (!this.isDirty) {
-            return;
-        }
-        const commList = this.docCtx.document.treeFilter(item => item.type === 'comm') as Array<CommentElement>;
-        const startCommList = commList.filter(item => item.props.markType === "start");
-        const endCommList = commList.filter(item => item.props.markType === "end");
-        const commMaps = startCommList.map(startItem => {
-            const end = endCommList.find(endItem => endItem.props.id === startItem.props.id);
-            if (!end) {
-                throw new Error('未找到匹配的结束审阅符号')
-            }
-            return { start: startItem, end }
-        })
-        const commContentList: Array<CommContentBaseElement> = [];
-        for (let i = 0; i < this.docCtx.document.commentsContainerElement.length; i++) {
-            const commContent = this.docCtx.document.commentsContainerElement.getChild(i) as CommContentBaseElement;
-            const commMap = commMaps.find(item => item.start.props.id === commContent.props.id);
-            if (!commMap) {
-                throw new Error('未找到审阅内容对应的审阅符号');
-            }
-            commContent.startMark = commMap.start;
-            commContent.endMark = commMap.end;
-            commContentList.push(commContent)
-        }
-        this.commMarkList = commList;
-        this.commContentList = commContentList;
-        this.docCtx.viewOptions.showReviewWindow = this.commContentList.length > 0;
-        this.isDirty = false;
-    }
-
-    /**
-     * 执行删除前，需要更新批注节点位置
-     */
-    updateComments(): void {
-        const { selectionState } = this.docCtx;
-        const { startControl, startOffset, collapsed, selectedRange } = selectionState;
-        if (collapsed) {
-            if (startOffset === 0) {
-                return;
-            }
-            const nextSiblingEle = ElementUtil.getNextSiblingElement(startControl);
-            //紧挨着的元素
-            if (nextSiblingEle instanceof CommentElement && nextSiblingEle.props.markType === 'end') {
-                if (startControl instanceof TextGroupElement) {
-                    if (startControl.textMeasures.length === startOffset) {
-                        this.removeComment(nextSiblingEle.props.id);
-                    }
-                } else {
-                    this.removeComment(nextSiblingEle.props.id);
-                }
-            }
-        } else {
-            //如果开始批注被选中，则需要移动开始批注元素到选区末尾
-            //如果结束批注被选中，则需要删除当前批注
-            if (!selectedRange) {
-                return
-            }
-            const endRange = RangeUtil.getEndRangeTarget(selectedRange);
-            if (!endRange) {
-                return
-            }
-            const commPairs: Array<CommMarkSelectedStatus> = [];
-            for (let i = 0; i < this.commContentList.length; i++) {
-                const { startMark, endMark } = this.commContentList[i];
-                const commPair: CommMarkSelectedStatus = {
-                    startMark,
-                    endMark,
-                    startMarkStatus: RangeUtil.checkElementFullInRange(selectedRange, startMark),
-                    endMarkStatus: RangeUtil.checkElementFullInRange(selectedRange, endMark),
-                };
-                commPairs.push(commPair)
-            }
-
-            for (let i = 0; i < commPairs.length; i++) {
-                const commPair = commPairs[i];
-                if (commPair.endMarkStatus) {
-                    this.removeComment(commPair.endMark.props.id);
-                } else if (commPair.startMarkStatus) {
-                    // const newStartMark = new CommentElement();
-                    // newStartMark.props.id = commPair.startMark.props.id;
-                    // commPair.startMark.isDecorate = false;
-                    // DocumentChange.insertElement(endRange.target, endRange.endOffset, [newStartMark]);
-                }
-            }
-        }
-    }
-
-
-    /**
-     * 删除批注
-     * @param id 
-     */
-    removeComment(id: string): void {
-        const commentMarks = this.commMarkList.filter(item => item.props.id === id);
-        const commentContent = this.commContentList.find(item => item.props.id === id);
-        commentMarks.forEach(item => item.remove())
-        commentContent?.remove();
-        this.afterCommentsChanged();
-    }
-
-    getCommMarkIndex(commMark: CommentElement): number {
-        const markType = commMark.props.markType;
-        const commList = this.docCtx.document.treeFilter(item => item.type === 'comm') as Array<CommentElement>;
-        const startCommList = commList.filter(item => item.props.markType === markType);
-        return startCommList.indexOf(commMark);
-    }
-
-    /**
-     * 清除所有批注
-     */
-    clearAllComments(): void {
-        this.readComments();
-        for (let i = 0; i < this.commContentList.length; i++) {
-            this.removeComment(this.commContentList[i].props.id);
-        }
-        this.docCtx.selectionState.clear();
-    }
-
-    /**
-     * 清除所有的验证批注
-     */
-    clearAllValidates(): void {
-        this.docCtx.document.treeFilter(item => item.type === 'validate').forEach(item => { this.removeComment(item.props.id) })
-    }
-
-    /**
-     * 批注修改后事件
-     * 用于标注当前文档的批注发生更改了，不再重复读取批注，提高性能
-     */
-    afterCommentsChanged(): void {
-        this.isDirty = true;
-    }
-
-
-}
-
-
-export interface CommMarkSelectedStatus {
-    startMark: CommentElement,
-    endMark: CommentElement,
-    startMarkStatus: boolean,
-    endMarkStatus: boolean
-}

package/src/med_editor/framework/document-context.ts

@@ -1,410 +0,0 @@
-import { DocumentEvalFunc } from "./document-eval-func";
-import { DocumentImagesLoader } from "./document-images-loader";
-import { SelectionState } from "./document-selection";
-import { BranchElement, Element, ImgLoadStatus, ModifyFlag, Rect, RefreshType, ViewOptions } from "./element-define";
-import { ElementEvent, EventTypes } from "./element-event-define";
-import { DataElementValueStruct, ElementSerialize } from "./element-serialize";
-import { DataElementInlineGroup, DataElementLeaf, validateDataEle } from "./impl/data-element/data-element-base-impl";
-import { DataElementCheck } from "./impl/data-element/data-element-check-impl";
-import { DocumentElement } from "./impl/document/doc-impl";
-import { TrackRunElement, TrackRunTypeEnum } from "@/med_editor/framework/impl/text/track-run-impl";
-import { ElementUtil } from "./element-util";
-import { DocumentBodyPartElement } from "./impl/document/doc-body-part-impl";
-import { DocumentChange } from "./document-change";
-import { CommonUtil } from "./common-util";
-
-interface RegisterTypeHandlerProps<T extends Element> {
-    elementType: { new(...args: any): T },
-    eventName: EventTypes,
-    handler: <E extends ElementEvent>(e: E) => void,
-    useCapture: boolean
-}
-/**
- * 当前打开的文档的上下文信息，当前文档所有的属性设置都暴露在上下文中
- */
-export class EditorContext {
-    isDirty: boolean = false;
-    cursorRect!: Rect | null;
-    private _document!: DocumentElement;
-    //文档刷新的订阅事件
-    //refSub!: Subscription;
-    syncRefresh!: () => void;
-    imageLoader: IImageLoader;
-    dynamicFunc: DocumentEvalFunc;
-    docChange!: DocumentChange;
-    clearPrevDocCb!: (() => void) | null;
-    constructor(public readonly selectionState: SelectionState, public readonly viewOptions: ViewOptions) {
-        this.dynamicFunc = new DocumentEvalFunc(this);
-        this.imageLoader = new DocumentImagesLoader();
-        this.selectionState.onChangedEvent.subscribe(() => {
-            this.syncRefresh?.();
-        });
-    }
-
-    public get document(): DocumentElement {
-        return this._document;
-    }
-
-    public set document(value: DocumentElement) {
-        this.clearPrevDocCb?.();
-        this._document = value;
-        this.initScripts();
-        // this.refSub = this._document.refreshSubject.subscribe((data) => {
-        //     data = data ?? 'content';
-        //     this.isDirty = this.isDirty || data === 'content';
-        //     this.syncRefresh?.(data);
-        // });
-        const docRefreshSub = this._document.refreshSubject.subscribe(() => {
-            this.syncRefresh?.();
-        });
-        const docChangedSub = this._document.onChangeSubject.subscribe(() => {
-            this.syncRefresh?.();
-        });
-        this.syncRefresh();
-        this.clearPrevDocCb = () => {
-            docRefreshSub.unsubscribe();
-            docChangedSub.unsubscribe();
-            if (this._document) {
-                this.selectionState?.renderContainer?.destroy();
-                this.clear();
-                this._document.destroy();
-            }
-            this.clearPrevDocCb = null;
-        }
-    }
-
-    clear(): void {
-        this.selectionState.clear();
-        this.imageLoader.clear();;
-        this.dynamicFunc.destroyScripts();
-        this.isDirty = false;
-    }
-
-    get defaultCtx(): DocumentContext {
-        return new DocumentContext(this._document, this.selectionState);
-    }
-
-    getCurrentCtx(ele: Element): DocumentContext {
-        const parentCtx = ElementUtil.getParent(ele, (item) => item instanceof DocumentElement || item instanceof DocumentBodyPartElement) as BranchElement;
-        return new DocumentContext(parentCtx, this.selectionState);
-    }
-
-    /**
-     * 根据当前选区，返回所在的上下文元素，返回类型为DocumentElement|DocumentBodyPartElement
-     */
-    getCurrentEleCtx(): BranchElement | null {
-        const { startControl } = this.selectionState;
-        if (!startControl) {
-            return null;
-        }
-        const parentCtx = ElementUtil.getParent(startControl, (item) => item instanceof DocumentElement || item instanceof DocumentBodyPartElement) as BranchElement;
-        return parentCtx;
-    }
-
-    getCtx(ele: BranchElement): DocumentContext {
-        return new DocumentContext(ele, this.selectionState);
-    }
-
-
-    private ele_types_handlers: Array<RegisterTypeHandlerProps<Element>> = [];
-    registerTypeHandlers<T extends Element>(elementType: { new(...args: any): T }, eventName: EventTypes, handler: (e: ElementEvent) => void, useCapture: boolean = false): void {
-        this.ele_types_handlers.push({
-            elementType,
-            eventName,
-            handler,
-            useCapture
-        })
-    }
-
-    invokeTypeHandler(ele: Element, eventName: EventTypes, e: ElementEvent, useCapture: boolean = false): void {
-        for (const th of this.ele_types_handlers) {
-            if (ele instanceof th.elementType && th.eventName === eventName && th.useCapture === useCapture) {
-                th.handler(e);
-            }
-        }
-    }
-
-    destroy(): void {
-        this.clear();
-        this.document.destroy();
-        this.clearPrevDocCb?.();
-        this.ele_types_handlers.length = 0;
-        this.imageLoader.clear();;
-    }
-
-    /**
-     * 切换到行打印模式
-     */
-    switchTextlineMode(): void {
-        this.document.viewOptions.textRowLineMode = !this.document.viewOptions.textRowLineMode;
-        this.syncRefresh();
-    }
-
-    /**
-     * 实例化动态脚本
-     */
-    private initScripts(): void {
-        this.dynamicFunc.initScripts(this.document.props.scripts);
-    }
-
-
-    /**
-     * 替换数据元
-     */
-    replaceDataElement(oldDataElement: DataElementLeaf | DataElementInlineGroup, newElement: DataElementLeaf | DataElementInlineGroup, ss: SelectionState): void {
-        //清除光标
-        ss.clear();
-        //执行刷新
-        //插入新对象到旧对象之前
-        oldDataElement.parent.addChild(newElement, oldDataElement.getIndex());
-        //删除旧节点
-        oldDataElement.remove();
-    }
-
-    get refreshType(): RefreshType {
-        return this._document?.modifyFlag === ModifyFlag.None ? 'appearance' : 'content'
-    }
-}
-
-export interface ImageSourceItem {
-    src: string,
-    task: Promise<void>;
-    cbs: Array<(status: ImgLoadStatus) => void>;
-    ele: HTMLImageElement,
-    loadStatus: ImgLoadStatus
-}
-
-export interface IImageLoader {
-    clear(): void;
-    loadImage(src: string, onCallback: (status: ImgLoadStatus) => void): void;
-    getImage(src: string): HTMLImageElement | undefined;
-    imagesLoadCompleted(): boolean;
-    getLoadTasks(): Array<Promise<void>>;
-}
-
-/**
- * 文档上下文
- */
-export class DocumentContext {
-    constructor(private ctx: BranchElement, private ss: SelectionState) { }
-
-    getControlIDList(): Array<string> {
-        const dataEleList = <unknown>this.ctx.treeFilter(item => validateDataEle(item)) as Array<{ props: { id: string } }>;
-        return dataEleList.map(item => item.props.id);
-    }
-
-    getControlInstanceList(): Array<DataElementInlineGroup | DataElementLeaf> {
-        return this.ctx.treeFilter(item => validateDataEle(item)) as Array<DataElementInlineGroup | DataElementLeaf>;
-    }
-
-    getControlById(id: string): DataElementInlineGroup | DataElementLeaf {
-        return this.ctx.treeFind(item => validateDataEle(item) && (<any>item)['props']['id'] === id) as DataElementInlineGroup | DataElementLeaf;
-    }
-
-    getControlByName(name: string): DataElementInlineGroup | DataElementLeaf {
-        return this.ctx.treeFind(item => validateDataEle(item) && (<any>item)['props']['name'] === name) as DataElementInlineGroup | DataElementLeaf;
-    }
-
-    /**
-    * 获取数据元值集合
-    */
-    getDataElementValues(): Array<DataElementValueStruct> {
-        const structList = this.getDataElementModelList();
-        return structList.map<DataElementValueStruct>(item => ({
-            id: item.id,
-            name: item.name,
-            value: item.getValue()
-        }));
-    }
-
-    /**
-     * 获取数据元结构以及get\set闭包调用函数
-     * @returns 
-     */
-    getDataElementModelList(): Array<DataCheckEleModel | DataInputEleModel | DataLeafEleModel> {
-        const dataEleList = this.ctx.treeFilter(item => validateDataEle(item)) as Array<DataElementInlineGroup | DataElementLeaf>;
-
-        const dataInlineGroups = dataEleList.filter(item => item instanceof DataElementInlineGroup) as Array<DataElementInlineGroup>;
-        const dataLeafs = dataEleList.filter(item => item instanceof DataElementLeaf) as Array<DataElementLeaf>;
-
-        //复选框数据元
-        const dataCheckList = dataLeafs.filter(item => item instanceof DataElementCheck) as Array<DataElementCheck>;
-        //除复选框之外的LeafDataElement
-        const dataOtherLeafValues = CommonUtil.removeUnionSet(dataLeafs, dataCheckList).map<DataLeafEleModel>(item => (
-            { id: item.props.id as string, name: item.props.name as string, fieldName: item.props.field as string, item, getValue: () => { return item.getValue() }, setValue: (val) => { item.setValue(val) } }));
-        const dataInlineStructList = dataInlineGroups.map<DataInputEleModel>(item => (
-            { id: item.props.id, name: item.props.name, fieldName: item.props.fieldName, item, getValue: () => { return item.getValue() }, setValue: (val) => { item.setValue(val) } }));
-        //复选框列表
-        const dataCheckStructList = this.getDataCheckModelList(dataCheckList);
-        return [...dataInlineStructList, ...dataCheckStructList, ...dataOtherLeafValues];
-    }
-
-    /**
-     * 获取复选框数据元结构列表
-     * @param dataCheckList 
-     * @returns 
-     */
-    private getDataCheckModelList(dataCheckList: Array<DataElementCheck>): Array<DataCheckEleModel | DataLeafEleModel> {
-        //不存在groupName的复选框
-        const singleCheckList = dataCheckList.filter(item => !item.props.groupName);
-        //存在groupName的复选框
-        const groupNames = Array.from(new Set(dataCheckList.filter(item => item.props.groupName).map(item => item.props.groupName)));
-        const groupCheckListValues = groupNames.map<DataCheckEleModel>((groupName) => {
-            const groupCheckItems = dataCheckList.filter(item => item.props.groupName === groupName);
-            return {
-                id: groupName,
-                name: groupCheckItems[0].props.name,
-                fieldName: groupCheckItems[0].props.fieldName,
-                multiSelect: groupCheckItems[0].props.multiSelect,
-                item: groupCheckItems,
-                getValue: () => {
-                    let checkedValue = '';
-                    if (groupCheckItems[0].props.multiSelect) {
-                        checkedValue = groupCheckItems.filter(item => item.props.checked).map(item => item.getValue() + '').join(';');
-                    } else {
-                        const checkedSingleItem = groupCheckItems.find(item => item.props.checked)
-                        if (checkedSingleItem) {
-                            checkedValue = checkedSingleItem.props.checkedValue;
-                        }
-                    };
-                    return checkedValue;
-                },
-                setValue: (val: string | Array<string>) => {
-                    //为null时
-                    if (val === null || val === undefined) {
-                        groupCheckItems.forEach(item => item.props.checked = false);
-                        return;
-                    }
-                    if (groupCheckItems[0].props.multiSelect) {
-                        const valItems = typeof val === 'string' ? val.split(';') : val;
-
-                        groupCheckItems.forEach(item => {
-                            item.props.checked = valItems.indexOf(item.props.checkedValue + '') >= 0;
-                        });
-                    } else {
-                        groupCheckItems.forEach(item => {
-                            item.props.checked = item.props.checkedValue === val;
-                        });
-                    };
-                }
-            }
-        })
-        const singleCheckListValues = singleCheckList.map<DataLeafEleModel>(item => ({ id: item.props.id, name: item.props.name, fieldName: item.props.fieldName, item, getValue: () => { return item.getValue() }, setValue: (val) => { item.setValue(val) } }));
-        return [...singleCheckListValues, ...groupCheckListValues];
-    }
-
-    /**
-     * 获取留痕块元素列表
-     */
-    getTrackElements(): Array<TrackRunElement> {
-        return this.ctx.treeFilter(item => item instanceof TrackRunElement) as Array<TrackRunElement>;
-    }
-
-    getTrackElmeentById(id: string): TrackRunElement | null {
-        return this.ctx.treeFind(item => item instanceof TrackRunElement && item.props.id === id) as TrackRunElement | null;
-    }
-
-    /**
-     * 获取留痕块内数据
-     */
-    getTracksData(): Array<TrackBlockData> {
-        const trackElements = this.getTrackElements();
-        return trackElements.map(item => {
-            const trackRun = item as TrackRunElement;
-            const content = ElementSerialize.serializeString(trackRun, { all: true });
-            return {
-                //用户id
-                userId: trackRun.props.userId,
-                //用户名称
-                userName: trackRun.props.userName,
-                //日期
-                date: trackRun.props.date,
-                //类型，ins-run：插入，del-run：删除
-                type: trackRun.type as TrackRunTypeEnum,
-                //留痕块id
-                id: trackRun.props.id,
-                //内容
-                content
-            }
-        });
-    }
-
-    setControlValue(id: string, value: string): void {
-        const dataEle = this.getControlById(id);
-        if (dataEle) {
-            dataEle.setValue(value);
-        }
-        this.ss.clear();
-    }
-
-    setControlValueByName(name: string, val: any): void {
-        const dataEle = this.getControlByName(name)
-        dataEle.setValue(val)
-    }
-
-    /**
-     * 获取复选框选中的值
-     */
-    getCheckBoxValues(groupName: string): Array<string> {
-        const ckbs = this.getCheckBoxList(groupName);
-        return ckbs.filter(item => item.props.checked).map(item => item.props.checkedValue);
-    }
-
-    getCheckBoxList(groupName: string): Array<DataElementCheck> {
-        return this.getControlInstanceList().filter(item => item instanceof DataElementCheck && item.props.groupName === groupName) as Array<DataElementCheck>;
-    }
-
-    /**
-     * 当前上下文执行默认绑定
-     * @param data 
-     */
-    bindDataValues(data: string | Object | Array<{ key: string, value: any }>, predicateKey: 'id' | 'name' | 'fieldName' = 'fieldName'): void {
-        this.ss.clear();
-        let bindData = typeof data === 'string' ? JSON.parse(data) as Object : data;
-        if (Array.isArray(bindData)) {
-            const obj = {};
-            bindData.forEach(item => { obj[item.key] = item.value });
-            bindData = obj;
-        }
-        const dataList = this.getDataElementModelList();
-        dataList.forEach(item => {
-            const objKey = item[predicateKey];
-            if (bindData.hasOwnProperty(objKey)) {
-                item.setValue(bindData[objKey]);
-            }
-        });
-    }
-}
-
-
-interface DataEleBaseModel {
-    id: string;
-    name: string;
-    fieldName: string;
-    getValue: () => any;
-    setValue: (val: any) => void;
-}
-interface DataCheckEleModel extends DataEleBaseModel {
-    item: Array<DataElementCheck>;
-    multiSelect: boolean;
-}
-
-interface DataInputEleModel extends DataEleBaseModel {
-    item: DataElementInlineGroup
-}
-
-interface DataLeafEleModel extends DataEleBaseModel {
-    item: DataElementLeaf;
-}
-
-/**
- * 留痕块结构化数据
- */
-interface TrackBlockData {
-    userId: string;
-    userName: string;
-    date: string;
-    type: TrackRunTypeEnum,
-    content: string,
-    id: string;
-}

package/src/med_editor/framework/document-eval-func.ts

@@ -1,53 +0,0 @@
-import { EditorContext } from "./document-context";
-
-export class DocumentEvalFunc {
-    constructor(public docCtx: EditorContext) {
-
-    }
-    scriptsFunc!: (() => void) | null;
-
-    /**
-     * 实例化动态脚本
-     */
-    initScripts(scripts: string): void {
-        this.destroyScripts();
-        if (scripts) {
-            try {
-                const func = new Function("docCtx", scripts)
-                this.scriptsFunc = func(this.docCtx);
-            } catch (e) {
-                console.error("自定义标本解析错误", e);
-            }
-
-        }
-        // const func = (docCtx: DocumentContext) => {
-        //     const sexELe = docCtx.getControlById('NqoYI')
-        //     const dyEle = docCtx.getControlById('gTuBI');
-        //     return () => {
-        //         if (sexELe && dyEle) {
-        //             const sexValue = sexELe.getValue();
-        //             const dyValue = sexValue === '1' ? '男的吗' : sexValue === '2' ? '女的吗' : '难道是人妖吗';
-        //             dyEle.setValue(dyValue);
-        //         }
-        //     };
-        // };
-    }
-
-    /**
-     * 销毁动态脚本实例
-     */
-    destroyScripts(): void {
-        if (this.scriptsFunc) {
-            this.scriptsFunc = null;
-        }
-    }
-
-    /**
-     * 触发动态脚本
-     */
-    invokedScripts(): void {
-        this.scriptsFunc?.();
-    }
-
-
-}