Update from Vibe Studio

node_modules/@ant-design/pro-field/lib/components/Money/index.d.ts

@@ -0,0 +1,74 @@
+import type { InputNumberProps } from 'antd';
+import React from 'react';
+import 'antd/lib/input-number/style';
+import 'antd/lib/popover/style';
+export type FieldMoneyProps = {
+    text: number;
+    moneySymbol?: boolean;
+    locale?: string;
+    /**
+     * 输入框内容为空的提示内容
+     */
+    placeholder?: string;
+    /**
+     * 自定义 money 的 Symbol
+     */
+    customSymbol?: string;
+    /**
+     * 自定义 Popover 的值，false 可以关闭他
+     */
+    numberPopoverRender?: ((props: InputNumberProps, defaultText: string) => React.ReactNode) | boolean;
+    /**
+     * NumberFormat 的配置，文档可以查看 mdn
+     *
+     * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    numberFormatOptions?: {
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        localeMatcher?: string;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        style?: string;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        currency?: string;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        currencyDisplay?: string;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        currencySign?: string;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        useGrouping?: boolean;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        minimumIntegerDigits?: number;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        minimumFractionDigits?: number;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        maximumFractionDigits?: number;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        minimumSignificantDigits?: number;
+        /**
+         * @see https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+         */
+        maximumSignificantDigits?: number;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<import("@ant-design/pro-provider").BaseProFieldFC & import("@ant-design/pro-provider").ProRenderFieldPropsType & FieldMoneyProps & React.RefAttributes<any>>;
+export default _default;

node_modules/@ant-design/pro-field/lib/components/Money/index.js

@@ -0,0 +1,311 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _proProvider = require("@ant-design/pro-provider");
+var _antd = require("antd");
+var _useMergedState3 = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var _react = _interopRequireWildcard(require("react"));
+require("antd/lib/input-number/style");
+require("antd/lib/popover/style");
+var _proUtils = require("@ant-design/pro-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["contentRender", "numberFormatOptions", "numberPopoverRender", "open"],
+  _excluded2 = ["text", "mode", "render", "renderFormItem", "fieldProps", "proFieldKey", "plain", "valueEnum", "placeholder", "locale", "customSymbol", "numberFormatOptions", "numberPopoverRender"]; // 兼容代码-----------
+//----------------------
+var defaultMoneyIntl = new Intl.NumberFormat('zh-Hans-CN', {
+  currency: 'CNY',
+  style: 'currency'
+});
+var enMoneyIntl = {
+  style: 'currency',
+  currency: 'USD'
+};
+var ruMoneyIntl = {
+  style: 'currency',
+  currency: 'RUB'
+};
+var rsMoneyIntl = {
+  style: 'currency',
+  currency: 'RSD'
+};
+var msMoneyIntl = {
+  style: 'currency',
+  currency: 'MYR'
+};
+var ptMoneyIntl = {
+  style: 'currency',
+  currency: 'BRL'
+};
+var intlMap = {
+  default: defaultMoneyIntl,
+  'zh-Hans-CN': {
+    currency: 'CNY',
+    style: 'currency'
+  },
+  'en-US': enMoneyIntl,
+  'ru-RU': ruMoneyIntl,
+  'ms-MY': msMoneyIntl,
+  'sr-RS': rsMoneyIntl,
+  'pt-BR': ptMoneyIntl
+};
+
+/**
+ * A function that formats the number.
+ * @param {string | false} locale - The currency symbol, which is the first parameter of the
+ * formatMoney function.
+ * @param {number | string | undefined} paramsText - The text to be formatted
+ * @param {number} precision - number, // decimal places
+ * @param {any} [config] - the configuration of the number format, which is the same as the
+ * configuration of the number format in the Intl.NumberFormat method.
+ * @returns A function that takes in 4 parameters and returns a string.
+ */
+var getTextByLocale = function getTextByLocale(locale, paramsText, precision, config) {
+  var moneySymbol = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+  var moneyText = paramsText === null || paramsText === void 0 ? void 0 : paramsText.toString().replaceAll(',', '');
+  if (typeof moneyText === 'string') {
+    var parsedNum = Number(moneyText);
+    // 转换数字为NaN时，返回原始值展示
+    if (Number.isNaN(parsedNum)) return moneyText;
+    moneyText = parsedNum;
+  }
+  if (!moneyText && moneyText !== 0) return '';
+  var supportFormat = false;
+  try {
+    supportFormat = locale !== false && Intl.NumberFormat.supportedLocalesOf([locale.replace('_', '-')], {
+      localeMatcher: 'lookup'
+    }).length > 0;
+  } catch (error) {}
+  try {
+    // Formatting the number, when readonly moneySymbol = false, unused currency.
+    var initNumberFormatter = new Intl.NumberFormat(supportFormat && locale !== false ? (locale === null || locale === void 0 ? void 0 : locale.replace('_', '-')) || 'zh-Hans-CN' : 'zh-Hans-CN', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, intlMap[locale || 'zh-Hans-CN'] || defaultMoneyIntl), {}, {
+      maximumFractionDigits: precision
+    }, config));
+    var finalMoneyText = initNumberFormatter.format(moneyText);
+
+    // 同时出现两个符号的情况需要处理
+    var doubleSymbolFormat = function doubleSymbolFormat(Text) {
+      var match = Text.match(/\d+/);
+      if (match) {
+        var number = match[0];
+        return Text.slice(Text.indexOf(number));
+      } else {
+        return Text;
+      }
+    };
+    // 过滤一下，只留下数字
+    var pureMoneyText = doubleSymbolFormat(finalMoneyText);
+
+    /**
+     * 首字母判断是否是正负符号
+     */
+    var _ref = finalMoneyText || '',
+      _ref2 = (0, _slicedToArray2.default)(_ref, 1),
+      operatorSymbol = _ref2[0];
+
+    // 兼容正负号
+    if (['+', '-'].includes(operatorSymbol)) {
+      return "".concat(moneySymbol || '').concat(operatorSymbol).concat(pureMoneyText);
+    }
+    return "".concat(moneySymbol || '').concat(pureMoneyText);
+  } catch (error) {
+    return moneyText;
+  }
+};
+
+// 默认的代码类型
+var DefaultPrecisionCont = 2;
+
+/**
+ * input 的弹框，用于显示格式化之后的内容
+ *
+ * @result 10,000 -> 一万
+ * @result 10, 00, 000, 000 -> 一亿
+ */
+var InputNumberPopover = /*#__PURE__*/_react.default.forwardRef(function (_ref3, ref) {
+  var content = _ref3.contentRender,
+    numberFormatOptions = _ref3.numberFormatOptions,
+    numberPopoverRender = _ref3.numberPopoverRender,
+    open = _ref3.open,
+    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+  var _useMergedState = (0, _useMergedState3.default)(function () {
+      return rest.defaultValue;
+    }, {
+      value: rest.value,
+      onChange: rest.onChange
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    value = _useMergedState2[0],
+    onChange = _useMergedState2[1];
+
+  /**
+   * 如果content 存在要根据 content 渲染一下
+   */
+  var dom = content === null || content === void 0 ? void 0 : content((0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+    value: value
+  }));
+  var props = (0, _proUtils.openVisibleCompatible)(dom ? open : false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Popover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    placement: "topLeft"
+  }, props), {}, {
+    trigger: ['focus', 'click'],
+    content: dom,
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return (triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.parentElement) || document.body;
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: ref
+    }, rest), {}, {
+      value: value,
+      onChange: onChange
+    }))
+  }));
+});
+
+/**
+ * 金额组件
+ *
+ * @param FieldMoneyProps {
+ *     text: number;
+ *     moneySymbol?: string; }
+ */
+var FieldMoney = function FieldMoney(_ref4, ref) {
+  var _fieldProps$precision;
+  var text = _ref4.text,
+    type = _ref4.mode,
+    render = _ref4.render,
+    renderFormItem = _ref4.renderFormItem,
+    fieldProps = _ref4.fieldProps,
+    proFieldKey = _ref4.proFieldKey,
+    plain = _ref4.plain,
+    valueEnum = _ref4.valueEnum,
+    placeholder = _ref4.placeholder,
+    locale = _ref4.locale,
+    _ref4$customSymbol = _ref4.customSymbol,
+    customSymbol = _ref4$customSymbol === void 0 ? fieldProps.customSymbol : _ref4$customSymbol,
+    _ref4$numberFormatOpt = _ref4.numberFormatOptions,
+    numberFormatOptions = _ref4$numberFormatOpt === void 0 ? fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.numberFormatOptions : _ref4$numberFormatOpt,
+    _ref4$numberPopoverRe = _ref4.numberPopoverRender,
+    numberPopoverRender = _ref4$numberPopoverRe === void 0 ? (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.numberPopoverRender) || false : _ref4$numberPopoverRe,
+    rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+  var precision = (_fieldProps$precision = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.precision) !== null && _fieldProps$precision !== void 0 ? _fieldProps$precision : DefaultPrecisionCont;
+  var intl = (0, _proProvider.useIntl)();
+  // 当手动传入locale时，应该以传入的locale为准，未传入时则根据全局的locale进行国际化
+  if (locale && _proProvider.intlMap[locale]) {
+    intl = _proProvider.intlMap[locale];
+  }
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+
+  /**
+   * 获取货币的符号
+   * 如果 customSymbol 存在直接使用 customSymbol
+   * 如果 moneySymbol 为 false，返回空
+   * 如果没有配置使用默认的
+   */
+  var moneySymbol = (0, _react.useMemo)(function () {
+    if (customSymbol) {
+      return customSymbol;
+    }
+    if (rest.moneySymbol === false || fieldProps.moneySymbol === false) {
+      return undefined;
+    }
+    return intl.getMessage('moneySymbol', '¥');
+  }, [customSymbol, fieldProps.moneySymbol, intl, rest.moneySymbol]);
+
+  /*
+   * A function that formats the number.
+   * 1000 -> 1,000
+   */
+  var getFormateValue = (0, _react.useCallback)(function (value) {
+    // 新建数字正则，需要配置小数点
+    var reg = new RegExp("\\B(?=(\\d{".concat(3 + Math.max(precision - DefaultPrecisionCont, 0), "})+(?!\\d))"), 'g');
+    // 切分为 整数 和 小数 不同
+    var _String$split = String(value).split('.'),
+      _String$split2 = (0, _slicedToArray2.default)(_String$split, 2),
+      intStr = _String$split2[0],
+      floatStr = _String$split2[1];
+
+    // 最终的数据string，需要去掉 , 号。
+    var resultInt = intStr.replace(reg, ',');
+
+    // 计算最终的小数点
+    var resultFloat = '';
+
+    /* Taking the floatStr and slicing it to the precision. */
+    if (floatStr && precision > 0) {
+      resultFloat = ".".concat(floatStr.slice(0, precision === undefined ? DefaultPrecisionCont : precision));
+    }
+    return "".concat(resultInt).concat(resultFloat);
+  }, [precision]);
+
+  // 如果是阅读模式，直接返回字符串
+  if (type === 'read') {
+    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      ref: ref,
+      children: getTextByLocale(locale || false, text, precision, numberFormatOptions !== null && numberFormatOptions !== void 0 ? numberFormatOptions : fieldProps.numberFormatOptions, moneySymbol)
+    });
+    if (render) {
+      return render(text, (0, _objectSpread2.default)({
+        mode: type
+      }, fieldProps), dom);
+    }
+    return dom;
+  }
+  if (type === 'edit' || type === 'update') {
+    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputNumberPopover, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      contentRender: function contentRender(props) {
+        if (numberPopoverRender === false) return null;
+        if (!props.value) return null;
+        var localeText = getTextByLocale(moneySymbol || locale || false, "".concat(getFormateValue(props.value)), precision, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, numberFormatOptions), {}, {
+          notation: 'compact'
+        }), moneySymbol);
+        if (typeof numberPopoverRender === 'function') {
+          return numberPopoverRender === null || numberPopoverRender === void 0 ? void 0 : numberPopoverRender(props, localeText);
+        }
+        return localeText;
+      },
+      ref: ref,
+      precision: precision
+      // 删除默认min={0}，允许输入一个负数的金额，用户可自行配置min来限制是否允许小于0的金额
+      ,
+      formatter: function formatter(value) {
+        if (value && moneySymbol) {
+          return "".concat(moneySymbol, " ").concat(getFormateValue(value));
+        }
+        return value === null || value === void 0 ? void 0 : value.toString();
+      },
+      parser: function parser(value) {
+        if (moneySymbol && value) {
+          return value.replace(new RegExp("\\".concat(moneySymbol, "\\s?|(,*)"), 'g'), '');
+        }
+        return value;
+      },
+      placeholder: placeholderValue
+    }, (0, _omit.default)(fieldProps, ['numberFormatOptions', 'precision', 'numberPopoverRender', 'customSymbol', 'moneySymbol', 'visible', 'open'])), {}, {
+      onBlur: fieldProps.onBlur ? function (e) {
+        var _fieldProps$onBlur;
+        var value = e.target.value;
+        if (moneySymbol && value) {
+          value = value.replace(new RegExp("\\".concat(moneySymbol, "\\s?|(,*)"), 'g'), '');
+        }
+        (_fieldProps$onBlur = fieldProps.onBlur) === null || _fieldProps$onBlur === void 0 || _fieldProps$onBlur.call(fieldProps, value);
+      } : undefined
+    }));
+    if (renderFormItem) {
+      return renderFormItem(text, (0, _objectSpread2.default)({
+        mode: type
+      }, fieldProps), _dom);
+    }
+    return _dom;
+  }
+  return null;
+};
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldMoney);