qt-public-ui/lib/Collapse/nav.js

新设计规范下业务组件库

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _ = require("..");
var _antd = require("antd");
var _classnames = _interopRequireDefault(require("classnames"));
var _utils = require("../utils");
require("./style.less");
var _excluded = ["data", "value", "onHandleClick", "className"];
var Panel = _antd.Collapse.Panel;
var CollapseNav = function CollapseNav(props) {
  var data = props.data,
    value = props.value,
    onHandleClick = props.onHandleClick,
    className = props.className,
    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_antd.Collapse, (0, _extends2["default"])({
    className: "umui-collapse-nav",
    expandIcon: function expandIcon(panelProps) {
      return panelProps.isActive ? /*#__PURE__*/_react["default"].createElement(_.IconSlim, {
        type: "umicon-arrow-up"
      }) : /*#__PURE__*/_react["default"].createElement(_.IconSlim, {
        type: "umicon-arrow-down"
      });
    }
  }, restProps), data.map(function (item) {
    return /*#__PURE__*/_react["default"].createElement(Panel, {
      disabled: item.disabled,
      header: item.name,
      key: item.id,
      extra: item.showExtra && /*#__PURE__*/_react["default"].createElement("span", null, (0, _utils.formartBiz)(item.sum))
    }, item.content.map(function (d, idx) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        key: idx,
        onClick: function onClick() {
          return onHandleClick(d, item);
        },
        className: (0, _classnames["default"])('umui-panel-content', {
          'umui-panel-content-active': value === d.id,
          'umui-panel-content-disabled': d.disabled
        })
      }, d.name.length <= 10 ? /*#__PURE__*/_react["default"].createElement("div", {
        className: "umui-panel-content-name"
      }, d.name) : /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
        placement: "top",
        title: d.name
      }, /*#__PURE__*/_react["default"].createElement("div", {
        className: "umui-panel-content-name"
      }, d.name)), d.showCount && /*#__PURE__*/_react["default"].createElement("div", {
        className: "umui-panel-content-count"
      }, (0, _utils.formartBiz)(d.count)));
    }));
  }), props.customRender && props.customRender());
};
var _default = exports["default"] = CollapseNav;