fineui/src/widget/multitree/trigger/multi.tree.search.insert.pane.js

import {
    shortcut,
    Widget,
    i18nText,
    extend,
    Controller,
    AbsoluteLayout,
    isEmptyArray
} from "@/core";
import { TreeView, PartTree } from "@/case";
import { TextButton } from "@/base";

@shortcut()
export class MultiTreeSearchInsertPane extends Widget {
    static xtype = "bi.multi_tree_search_insert_pane";

    props = {
        baseCls: "bi-multi-tree-search-insert-pane bi-card",
        el: { type: PartTree.xtype },
    };

    static EVENT_CHANGE = "EVENT_CHANGE";
    static EVENT_CLICK_CONFIRM = "EVENT_CLICK_CONFIRM";
    static EVENT_CLICK_CLEAR = "EVENT_CLICK_CLEAR";
    static EVENT_ADD_ITEM = "EVENT_ADD_ITEM";
    static EVENT_CLICK_TREE_NODE = "EVENT_CLICK_TREE_NODE";

    render() {
        const self = this,
            opts = this.options;

        return {
            type: AbsoluteLayout.xtype,
            items: [
                {
                    el: {
                        type: TextButton.xtype,
                        invisible: true,
                        ref(_ref) {
                            self.addTip = _ref;
                        },
                        text: i18nText("BI-Basic_Click_To_Add_Text", ""),
                        height: this.constants.height,
                        cls: "bi-high-light",
                        handler() {
                            self.fireEvent(
                                MultiTreeSearchInsertPane.EVENT_ADD_ITEM,
                                opts.keywordGetter()
                            );
                        },
                    },
                    top: 5,
                    left: 0,
                    right: 0,
                },
                {
                    el: extend(
                        {
                            type: PartTree.xtype,
                            tipText: i18nText("BI-No_Select"),
                            itemsCreator(op, callback) {
                                op.keyword = opts.keywordGetter();
                                opts.itemsCreator(op, res => {
                                    callback(res);
                                    self.setKeyword(
                                        opts.keywordGetter(),
                                        res.items
                                    );
                                });
                            },
                            ref(_ref) {
                                self.partTree = _ref;
                            },
                            value: opts.value,
                            listeners: [
                                {
                                    eventName: Controller.EVENT_CHANGE,
                                    action() {
                                        self.fireEvent(
                                            Controller.EVENT_CHANGE,
                                            arguments
                                        );
                                    },
                                },
                                {
                                    eventName: TreeView.EVENT_CHANGE,
                                    action() {
                                        self.fireEvent(
                                            MultiTreeSearchInsertPane.EVENT_CHANGE
                                        );
                                    },
                                },
                                {
                                    eventName: PartTree.EVENT_CLICK_TREE_NODE,
                                    action() {
                                        self.fireEvent(
                                            MultiTreeSearchInsertPane.EVENT_CLICK_TREE_NODE
                                        );
                                    },
                                }
                            ],
                        },
                        opts.el
                    ),
                    left: 0,
                    top: 0,
                    bottom: 0,
                    right: 0,
                }
            ],
        };
    }

    setKeyword(keyword, nodes) {
        const isAddTipVisible = isEmptyArray(nodes);
        this.addTip.setVisible(isAddTipVisible);
        this.partTree.setVisible(!isAddTipVisible);
        isAddTipVisible &&
        this.addTip.setText(
            i18nText("BI-Basic_Click_To_Add_Text", keyword)
        );
    }

    hasChecked() {
        return this.partTree.hasChecked();
    }

    setValue(v) {
        this.setSelectedValue(v.value);
    }

    setSelectedValue(v) {
        v || (v = {});
        this.partTree.setSelectedValue(v);
    }

    getValue() {
        return this.partTree.getValue();
    }

    empty() {
        this.partTree.empty();
    }

    populate(op) {
        this.partTree.stroke(...arguments);
    }
}