Method render

src/component/toolbox/ToolboxView.ts:66–372

(
        toolboxModel: ToolboxModel,
        ecModel: GlobalModel,
        api: ExtensionAPI,
        payload: Payload & {
            newTitle?: ToolboxFeatureOption['title']
        }
    )

    _featureNames: FeatureName[];

    render(
        toolboxModel: ToolboxModel,
        ecModel: GlobalModel,
        api: ExtensionAPI,
        payload: Payload & {
            newTitle?: ToolboxFeatureOption['title']
        }
    ) {
        const group = this.group;
        group.removeAll();

        if (!toolboxModel.get('show')) {
            return;
        }

        const itemSize = +toolboxModel.get('itemSize');
        const isVertical = toolboxModel.get('orient') === 'vertical';
        const featureOpts = toolboxModel.get('feature') || {};
        const features = this._features || (this._features = createHashMap());

        const newFeatureNames: FeatureName[] = []; // Includes both `show: true/false`.
        each(featureOpts, function (opt, name) {
            newFeatureNames.push(name);
        });

        // Diff by feature name.
        (new DataDiffer(this._featureNames || [], newFeatureNames))
            .add(processFeature)
            .update(processFeature)
            .remove(curry(processFeature, null))
            .execute();

        // Keep for diff.
        this._featureNames = filter(newFeatureNames, function (name) {
            return features.hasKey(name);
        });

        function processFeature(newIndex: number | NullUndefined, oldIndex?: number | NullUndefined) {
            const isDiffAdd = newIndex != null && oldIndex == null;
            const isDiffUpdate = newIndex != null && oldIndex != null;
            const isDiffRemove = newIndex == null;

            const featureName = (isDiffAdd || isDiffUpdate)
                ? newFeatureNames[newIndex]
                : newFeatureNames[oldIndex];
            const featureOpt = featureOpts[featureName];
            const featureModel = (isDiffAdd || isDiffUpdate)
                ? new Model(featureOpt, toolboxModel, ecModel) as ToolboxFeatureModel
                : null;
            // `.get('show')` Also considered UserDefinedToolboxFeature
            const isFeatureShow = featureModel && featureModel.get('show');

            let feature: ToolboxFeature | UserDefinedToolboxFeature;

            if (isDiffAdd) { // DIFF_ADD
                if (!isFeatureShow) {
                    return;
                }