"use strict";

require("core-js/modules/es.array.iterator.js");
require("core-js/modules/web.dom-collections.iterator.js");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("core-js/modules/es.regexp.exec.js");
require("core-js/modules/es.string.replace.js");
require("core-js/modules/es.regexp.constructor.js");
var _react = _interopRequireWildcard(require("react"));
var _toNumber = _interopRequireDefault(require("lodash/toNumber"));
var _inputNumber = _interopRequireDefault(require("../input-number"));
var _util = require("./util");
require("./style");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
 * 百分比组件
 *
 * @param PercentPropInt
 */
const FieldPercent = ({
  text,
  prefix,
  precision,
  showSymbol,
  suffix = '%',
  mode,
  showColor = false,
  render,
  renderFormItem,
  fieldProps,
  ...rest
}, ref) => {
  const realValue = (0, _react.useMemo)(() => typeof text === 'string' && text.includes('%') ? (0, _toNumber.default)(text.replace('%', '')) : (0, _toNumber.default)(text), [text]);
  if (mode === 'read') {
    /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
    const style = showColor ? {
      color: (0, _util.getColorByRealValue)(realValue)
    } : {};
    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
      style: style,
      ref: ref,
      children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
        children: prefix
      }), showSymbol && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
        children: [(0, _util.getSymbolByRealValue)(realValue), " "]
      }), (0, _util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix]
    });
    if (render) {
      return render(text, {
        mode,
        ...fieldProps,
        prefix,
        precision,
        showSymbol,
        suffix
      }, dom);
    }
    return dom;
  }
  if (mode === 'edit' || mode === 'update') {
    const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, {
      ref: ref,
      formatter: value => {
        if (value && prefix) {
          return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
        }
        return value;
      },
      parser: value => value ? value.replace(new RegExp(`\\${prefix}\\s?|(,*)`, 'g'), '') : '',
      ...fieldProps,
      ...rest
    });
    if (renderFormItem) {
      return renderFormItem(text, {
        mode,
        ...fieldProps
      }, dom);
    }
    return dom;
  }
  return null;
};
var _default = /*#__PURE__*/_react.default.forwardRef(FieldPercent);
exports.default = _default;