import {Htape, WidgetType, Vtape, Left} from '@ui';
import LeftList from './left/left.component';
import linkSetModel from './link-set.model';
import Select from './select/select.component';
import Right from './right/right.component';
const className = 'fr.linkset';
const Widget: WidgetType = {
  _store() {
    return BI.Models.getModel(linkSetModel);
  },
  watch:{
    tab(tab: string) {
      this.setVisible(tab === '数据连接管理');
    },
  },
  render() {
    return {
      type: Htape,
      cls: 'linkset',
      items: [{
        el: {
          type: Vtape,
          cls: 'database-left',
          items: [
            {
              el: {
                type: Left,
                cls:'select-group',
                items:[
                  {
                    type: Select,
                  },
                ],
              },
              height: 40,
            }, {
              type: LeftList,
              cls: 'left-list',
            },
          ],
        },
        width: 280,
      }, {
        type: Right,
      }],
    };
  },
};
BI.shortcut(className, BI.inherit(BI.Widget, Widget));

export default className;