fineui/src/base/layer/layer.searcher.js

/**
 * 搜索面板
 *
 * Created by GUY on 2015/9/28.
 * @class BI.SearcherView
 * @extends BI.Pane
 */

import { shortcut, extend, createWidget, Controller, isNotEmptyArray } from "../../core";
import { Pane } from "../1.pane";

@shortcut()
export class SearcherView extends Pane {
  static xtype = "bi.searcher_view";
  static EVENT_CHANGE = "EVENT_CHANGE";

  _defaultConfig() {
      const conf = super._defaultConfig(arguments);
    
      return extend(conf, {
          baseCls: `${conf.baseCls || ""} bi-searcher-view bi-card`,
          tipText: BI.i18nText("BI-No_Select"),
          chooseType: BI.Selection.Single,

          matcher: { // 完全匹配的构造器
              type: "bi.button_group",
              behaviors: {
                  redmark: () => true,
              },
              items: [],
              layouts: [{
                  type: "bi.vertical",
              }],
          },
          searcher: {
              type: "bi.button_group",
              behaviors: {
                  redmark:  () => true,
              },
              items: [],
              layouts: [{
                  type: "bi.vertical",
              }],
          },
      });
  }
  render() {
      const { matcher, chooseType, value, searcher } = this.options;

      this.matcher = createWidget(matcher, {
          type: "bi.button_group",
          chooseType,
          behaviors: {
              redmark: () => true,
          },
          layouts: [{
              type: "bi.vertical",
          }],
          value,
      });
      this.matcher.on(Controller.EVENT_CHANGE, (type, val, ob, ...args) => {
          this.fireEvent(Controller.EVENT_CHANGE, type, val, ob, ...args);
          if (type === BI.Events.CLICK) {
              this.fireEvent(SearcherView.EVENT_CHANGE, val, ob);
          }
      });
      this.spliter = createWidget({
          type: "bi.vertical",
          height: 1,
          hgap: 10,
          items: [{
              type: "bi.layout",
              height: 1,
              cls: "searcher-view-spliter bi-background",
          }],
      });
      this.searcher = createWidget(searcher, {
          type: "bi.button_group",
          chooseType,
          behaviors: {
              redmark: () => true,
          },
          layouts: [{
              type: "bi.vertical",
          }],
          value,
      });
      this.searcher.on(Controller.EVENT_CHANGE, (type, val, ob, ...args) => {
          this.fireEvent(Controller.EVENT_CHANGE, type, val, ob, ...args);
          if (type === BI.Events.CLICK) {
              this.fireEvent(BI.SearcherView.EVENT_CHANGE, val, ob);
          }
      });

      createWidget({
          type: "bi.vertical",
          element: this,
          items: [this.matcher, this.spliter, this.searcher],
      });
  }

  startSearch() {

  }

  stopSearch() {

  }

  setValue(v) {
      this.matcher.setValue(v);
      this.searcher.setValue(v);
  }

  getValue() {
      return this.matcher.getValue().concat(this.searcher.getValue());
  }

  populate(searchResult, matchResult, keyword) {
      searchResult || (searchResult = []);
      matchResult || (matchResult = []);
      this.setTipVisible(searchResult.length + matchResult.length === 0);
      this.spliter.setVisible(isNotEmptyArray(matchResult) && isNotEmptyArray(searchResult));
      this.matcher.populate(matchResult, keyword);
      this.searcher.populate(searchResult, keyword);
  }

  empty() {
      this.searcher.empty();
      this.matcher.empty();
  }

  hasMatched() {
      return this.matcher.getAllButtons().length > 0;
  }
}