qt-public-ui/es/Tag/tag.js

新设计规范下业务组件库

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["styleType", "className", "closable"];
import React from 'react';
import { Tag as AntdTag } from 'antd';
import classnames from 'classnames';
// import { CheckableTagProps as AntdTagProps } from 'antd/lib/tag/CheckableTag';
import './style.less';
var Tag = function Tag(props) {
  var _props$styleType = props.styleType,
    styleType = _props$styleType === void 0 ? '' : _props$styleType,
    className = props.className,
    closable = props.closable,
    restTagProps = _objectWithoutPropertiesLoose(props, _excluded);
  var styleName = '';
  switch (styleType) {
    case 'primary':
      styleName = 'umui-tag-primary';
      break;
    case 'underline':
      styleName = 'umui-tag-underline';
      break;
    case 'irregular':
      styleName = 'umui-tag-irregular';
      break;
    default:
      styleName = '';
      break;
  }
  var NewTag = null;
  if (closable) {
    NewTag = /*#__PURE__*/React.createElement(AntdTag, _extends({
      closable: true,
      className: classnames('umui-tag-hover', styleName)
    }, restTagProps));
  } else {
    NewTag = /*#__PURE__*/React.createElement(AntdTag, _extends({
      className: classnames(className, styleName)
    }, restTagProps));
  }
  return /*#__PURE__*/React.createElement(React.Fragment, null, NewTag);
};
Tag.displayName = 'Tag';
export default Tag;