Method handle_message

webiojs/src/handlers/output.ts:54–108

(msg: Command)

    }

    handle_message(msg: Command) {
        let output_to_root = false;
        if (msg.command === 'output') {
            let elem;
            try {
                elem = getWidgetElement(msg.spec);
            } catch (e) {
                return console.error(`Handle command error: "${e}"\nCommand:\n${JSON.stringify(msg)}`);
            }

            let container_elem = $(msg.spec.scope);

            if (config.outputAnimation && this.is_elem_visible(elem) && container_elem.length == 1) elem.hide();

            if (container_elem.length === 0)
                return console.error(`Scope '${msg.spec.scope}' not found`);

            if (!msg.spec.scope || msg.spec.scope === '#pywebio-scope-ROOT') output_to_root = true;

            if (msg.spec.position === 0)
                container_elem.prepend(elem);
            else if (msg.spec.position === -1)
                container_elem.append(elem);
            else {
                for (let con of container_elem) {
                    let pos = $(con.children).eq(msg.spec.position);
                    if (msg.spec.position >= 0)
                        elem.insertBefore(pos);
                    else
                        elem.insertAfter(pos);
                }
            }

            // to avoid widget width exceeding page width
            // show horizon scroll bar when content too wide
            if (elem.width() > this.container_elem.width())
                elem.wrap($(document.createElement('div')).css('overflow', 'auto'));

            if (this.is_elem_visible(elem) && container_elem.length == 1) {  // 输出内容为可见标签且输出目的scope唯一
                if (config.outputAnimation)
                    elem.fadeIn({
                        complete: () => {
                            // 当设置了AutoScrollBottom、并且当前输出输出到页面末尾时，滚动到底部
                            if (state.AutoScrollBottom && output_to_root)
                                this.scroll_bottom();
                        }
                    });
                else if (state.AutoScrollBottom && output_to_root)
                    this.scroll_bottom();
            }
            trigger_output_widget_show_event();
        } else if (msg.command === 'output_ctl') {
            this.handle_output_ctl(msg);
        }
    };

    handle_output_ctl(msg: Command) {
        if (msg.spec.set_scope !== undefined) {