drip-table/lib/components/react-components/input-number/index.js

A tiny and powerful enterprise-class solution for building tables.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

require("./index.less");

var _classnames = _interopRequireDefault(require("classnames"));

var _rcInputNumber = _interopRequireDefault(require("rc-input-number"));

var _react = _interopRequireDefault(require("react"));

var _excluded = ["className", "bordered", "readOnly", "size"];

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var prefixCls = 'jfe-drip-table-rc-input-number';

var InputNumber = /*#__PURE__*/_react.default.memo(function (_ref) {
  var _classNames;

  var props = Object.assign({}, _ref);

  var inputRef = _react.default.useRef(null);

  var className = props.className,
      _props$bordered = props.bordered,
      bordered = _props$bordered === void 0 ? true : _props$bordered,
      readOnly = props.readOnly,
      size = props.size,
      others = _objectWithoutProperties(props, _excluded);

  var inputNumberClass = (0, _classnames.default)((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-readonly"), readOnly), _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), size === 'small'), _classNames), className);
  return /*#__PURE__*/_react.default.createElement(_rcInputNumber.default, _extends({
    prefixCls: prefixCls,
    ref: inputRef,
    className: inputNumberClass,
    readOnly: readOnly,
    upHandler: /*#__PURE__*/_react.default.createElement("span", {
      role: "img",
      "aria-label": "up",
      className: "".concat(prefixCls, "-handler-up-inner")
    }, /*#__PURE__*/_react.default.createElement("svg", {
      viewBox: "64 64 896 896",
      focusable: "false",
      "data-icon": "up",
      width: "1em",
      height: "1em",
      fill: "currentColor",
      "aria-hidden": "true"
    }, /*#__PURE__*/_react.default.createElement("path", {
      d: "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
    }))),
    downHandler: /*#__PURE__*/_react.default.createElement("span", {
      role: "img",
      "aria-label": "down",
      className: "".concat(prefixCls, "-handler-down-inner")
    }, /*#__PURE__*/_react.default.createElement("svg", {
      viewBox: "64 64 896 896",
      focusable: "false",
      "data-icon": "down",
      width: "1em",
      height: "1em",
      fill: "currentColor",
      "aria-hidden": "true"
    }, /*#__PURE__*/_react.default.createElement("path", {
      d: "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
    })))
  }, others));
});

var _default = InputNumber;
exports.default = _default;