@aliretail/react-materials-components/es/TreeManager/index.js

B 端物料组件库

import _extends from "@babel/runtime/helpers/extends";
import _Tab from "@alifd/next/es/tab";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
import * as React from 'react';
import _ from 'lodash';
import Tree from "./components/Tree";
import { CLASS_PREFIX } from "./utils";

var TreeManager = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(TreeManager, _React$Component);

  function TreeManager(props) {
    var _this;

    _this = _React$Component.call(this, props) || this;

    _this.onChangeTab = function (key) {
      _this.setState({
        activeTab: key
      });
    };

    _this.state = {
      activeTab: props.tabList[0].key || ''
    };
    return _this;
  }

  var _proto = TreeManager.prototype;

  _proto.render = function render() {
    var tabList = this.props.tabList;

    var treeProps = _.omit(this.props, ['tabList']);

    var activeTab = this.state.activeTab;
    return /*#__PURE__*/React.createElement("div", {
      className: CLASS_PREFIX
    }, /*#__PURE__*/React.createElement(_Tab, {
      onChange: this.onChangeTab.bind(this),
      activeKey: activeTab,
      className: CLASS_PREFIX + "-tab"
    }, tabList.map(function (item) {
      return /*#__PURE__*/React.createElement(_Tab.Item, {
        title: item.title,
        key: item.key
      });
    }), /*#__PURE__*/React.createElement("div", {
      className: CLASS_PREFIX + "-tab-ct"
    }, /*#__PURE__*/React.createElement(Tree, _extends({}, treeProps, {
      modelType: activeTab
    })))));
  };

  return TreeManager;
}(React.Component);

TreeManager.Tree = Tree;
export default TreeManager;