acud/lib/button/button.js

acg react 组件库

"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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireDefault(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
var _type = require("../_util/type");
var _LoadingIcon = _interopRequireDefault(require("./LoadingIcon"));
var _buttonGroup = _interopRequireDefault(require("./button-group"));
var _configProvider = require("../config-provider");
var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
/**
 * @file
 * @author dailin01
 */
var __rest = void 0 && (void 0).__rest || function (s, e) {
  var t = {};
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
};
var ButtonTypes = (0, _type.tuple)('default', 'primary', 'text', 'highlight', 'enhance', 'actiontext');
var ButtonShapes = (0, _type.tuple)('circle', 'round');
var ButtonHTMLTypes = (0, _type.tuple)('submit', 'button', 'reset');
var InternalButton = function InternalButton(props, ref) {
  var _props$type = props.type,
    type = _props$type === void 0 ? 'default' : _props$type,
    customizePrefixCls = props.prefixCls,
    _props$loading = props.loading,
    loading = _props$loading === void 0 ? false : _props$loading,
    _props$icon = props.icon,
    icon = _props$icon === void 0 ? null : _props$icon,
    customizeSize = props.size,
    children = props.children,
    _props$htmlType = props.htmlType,
    htmlType = _props$htmlType === void 0 ? 'button' : _props$htmlType,
    className = props.className,
    rest = __rest(props, ["type", "prefixCls", "loading", "icon", "size", "children", "htmlType", "className"]);
  var characterLen = function characterLen(s) {
    var result = 0;
    for (var i = 0; i < s.length; i++) {
      if (s.charCodeAt(i) > 255) {
        result += 2;
      } else {
        result++;
      }
    }
    return result;
  };
  var textLimited = children && typeof children === 'string' && characterLen(children) < 8;
  var hasIcon = loading || !!icon;
  var onlyIcon = !!icon && (children === null || children === undefined);
  var _React$useState = _react["default"].useState(!!loading),
    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
    innerLoading = _React$useState2[0],
    setLoading = _React$useState2[1];
  var buttonRef = ref || /*#__PURE__*/_react["default"].createRef();
  var size = _react["default"].useContext(_SizeContext["default"]);
  var sizeClassNameMap = {
    large: 'lg',
    small: 'sm',
    middle: undefined
  };
  var sizeFullname = customizeSize || size;
  var sizeCls = sizeFullname && sizeClassNameMap[sizeFullname] || '';
  var _React$useContext = _react["default"].useContext(_configProvider.ConfigContext),
    getPrefixCls = _React$useContext.getPrefixCls;
  var prefixCls = getPrefixCls('btn', customizePrefixCls);
  var classes = (0, _classnames["default"])(prefixCls, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, "".concat(prefixCls, "-").concat(type), type), "".concat(prefixCls, "-").concat(sizeCls), sizeCls), "".concat(prefixCls, "-loading"), loading), "".concat(prefixCls).concat(sizeCls ? '-' + sizeCls : '', "-text-limited"), textLimited), "".concat(prefixCls).concat(sizeCls ? '-' + sizeCls : '', "-has-icon"), hasIcon), "".concat(prefixCls).concat(sizeCls ? '-' + sizeCls : '', "-only-icon"), onlyIcon), "".concat(className), className));
  // loading
  var loadingOrDelay;
  if ((0, _typeof2["default"])(loading) === 'object' && loading.delay) {
    loadingOrDelay = loading.delay || true;
  } else {
    loadingOrDelay = !!loading;
  }
  _react["default"].useEffect(function () {
    var delayTimer = null;
    if (typeof loadingOrDelay === 'number') {
      delayTimer = window.setTimeout(function () {
        delayTimer = null;
        setLoading(loadingOrDelay);
      }, loadingOrDelay);
    } else {
      setLoading(loadingOrDelay);
    }
    return function () {
      if (delayTimer) {
        window.clearTimeout(delayTimer);
        delayTimer = null;
      }
    };
  }, [loadingOrDelay]);
  var linkButtonRestProps = (0, _omit["default"])(rest, ['navigate']);
  // Icon
  var iconNode = innerLoading ? /*#__PURE__*/_react["default"].createElement(_LoadingIcon["default"], null) : icon;
  // 不需要给汉字中间加空格
  var kids = typeof children === 'number' || typeof children === 'string' ? /*#__PURE__*/_react["default"].createElement("span", null, children) : children;
  if (linkButtonRestProps.href !== undefined) {
    return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({}, linkButtonRestProps, {
      className: classes,
      ref: buttonRef
    }), iconNode, kids);
  }
  return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, rest, {
    ref: buttonRef,
    type: htmlType,
    className: classes
  }), iconNode, kids);
};
var Button = /*#__PURE__*/_react["default"].forwardRef(InternalButton);
Button.displayName = 'Button';
Button.Group = _buttonGroup["default"];
Button.__ACUD_BUTTON = true;
var _default = exports["default"] = Button;