Class ThumbnailView

src/component/thumbnail/ThumbnailView.ts:43–315

export class ThumbnailView extends ComponentView {

    static type = 'thumbnail' as const;
    type = ThumbnailView.type;

    private _api: ExtensionAPI;
    private _model: ThumbnailModel;
    private _bgRect: Rect;
    private _windowRect: Rect;
    private _contentRect: BoundingRect;
    private _targetGroup: Group;
    private _transThisToTarget: matrix.MatrixArray;
    private _roamController: RoamController;
    private _coordSys: View;
    private _bridgeRendered: ThumbnailBridgeRendered | NullUndefined;

    // The version of rendering result.
    // `render`/`updateContent`/`updateWindow` can be called separatedly and the order
    // is not guaranteed. Use version to ensure the consistency.
    private _renderVersion: number;

    render(thumbnailModel: ThumbnailModel, ecModel: GlobalModel, api: ExtensionAPI): void {
        this._api = api;
        this._model = thumbnailModel;
        if (!this._coordSys) {
            this._coordSys = new View();
        }

        if (!this._isEnabled()) {
            this._clear();
            return;
        }

        this._renderVersion = api.getECUpdateCycleVersion();
        const group = this.group;

        group.removeAll();

        const itemStyleModel = thumbnailModel.getModel('itemStyle');
        const itemStyle = itemStyleModel.getItemStyle();
        if (itemStyle.fill == null) {
            itemStyle.fill = ecModel.get('backgroundColor') || tokens.color.neutral00;
        }

        const refContainer = createBoxLayoutReference(thumbnailModel, api).refContainer;
        const boxRect = getLayoutRect(
            getBoxLayoutParams(thumbnailModel, true),
            refContainer
        );
        const boxBorderWidth = itemStyle.lineWidth || 0;
        const contentRect = this._contentRect = expandOrShrinkRect(
            boxRect.clone(), boxBorderWidth / 2, true, true
        );

        const contentGroup = new Group();
        group.add(contentGroup);
        contentGroup.setClipPath(new Rect({shape: contentRect.plain()}));