@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/field/components/Options/index.js

@@ -1,113 +1,83 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _jsxRuntime = require("react/jsx-runtime");
+var addArrayKeys = function addArrayKeys(doms) {
+  return doms.map(function (dom, index) {
+    var _dom$props;
+    if (! /*#__PURE__*/_react.default.isValidElement(dom)) {
+      // eslint-disable-next-line react/no-array-index-key
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: dom
+      }, index);
     }
-  return a;
+    return /*#__PURE__*/_react.default.cloneElement(dom, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      // eslint-disable-next-line react/no-array-index-key
+      key: index
+    }, dom === null || dom === void 0 ? void 0 : dom.props), {}, {
+      style: (0, _objectSpread2.default)({}, dom === null || dom === void 0 || (_dom$props = dom.props) === null || _dom$props === void 0 ? void 0 : _dom$props.style)
+    }));
+  });
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/field/components/Options/index.tsx
-var Options_exports = {};
-__export(Options_exports, {
-  default: () => Options_default
-});
-module.exports = __toCommonJS(Options_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var addArrayKeys = (doms) => doms.map((dom, index) => {
-  var _a;
-  if (!import_react.default.isValidElement(dom)) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, dom);
-  }
-  return import_react.default.cloneElement(dom, __spreadProps(__spreadValues({
-    // eslint-disable-next-line react/no-array-index-key
-    key: index
-  }, dom == null ? void 0 : dom.props), {
-    style: __spreadValues({}, (_a = dom == null ? void 0 : dom.props) == null ? void 0 : _a.style)
-  }));
-});
-var FieldOptions = ({ text, mode: type, render, fieldProps }, ref) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const className = getPrefixCls("pro-field-option");
-  const { token } = import_provider.proTheme.useToken();
-  (0, import_react.useImperativeHandle)(ref, () => ({}));
+/**
+ * 一般用于放多个按钮
+ *
+ * @param
+ */
+var FieldOptions = function FieldOptions(_ref, ref) {
+  var text = _ref.text,
+    type = _ref.mode,
+    render = _ref.render,
+    fieldProps = _ref.fieldProps;
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var className = getPrefixCls('pro-field-option');
+  var _proTheme$useToken = _provider.proTheme.useToken(),
+    token = _proTheme$useToken.token;
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {};
+  });
   if (render) {
-    const doms = render(
-      text,
-      __spreadValues({ mode: type }, fieldProps),
-      /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null)
-    );
-    if (!doms || (doms == null ? void 0 : doms.length) < 1 || !Array.isArray(doms)) {
+    var doms = render(text, (0, _objectSpread2.default)({
+      mode: type
+    }, fieldProps), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}));
+    if (!doms || (doms === null || doms === void 0 ? void 0 : doms.length) < 1 || !Array.isArray(doms)) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          gap: token.margin,
-          alignItems: "center"
-        },
-        className
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        gap: token.margin,
+        alignItems: 'center'
       },
-      addArrayKeys(doms)
-    );
+      className: className,
+      children: addArrayKeys(doms)
+    });
   }
   if (!text || !Array.isArray(text)) {
-    if (!import_react.default.isValidElement(text)) {
+    if (! /*#__PURE__*/_react.default.isValidElement(text)) {
       return null;
     }
     return text;
   }
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        gap: token.margin,
-        alignItems: "center"
-      },
-      className
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      gap: token.margin,
+      alignItems: 'center'
     },
-    addArrayKeys(text)
-  );
+    className: className,
+    children: addArrayKeys(text)
+  });
 };
-var Options_default = import_react.default.forwardRef(FieldOptions);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldOptions);

package/lib/field/components/Password/index.js

@@ -1,98 +1,79 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/field/components/Password/index.tsx
-var Password_exports = {};
-__export(Password_exports, {
-  default: () => Password_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Password_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var FieldPassword = (_a, ref) => {
-  var _b = _a, { text, mode, render, formItemRender, fieldProps, proFieldKey } = _b, rest = __objRest(_b, ["text", "mode", "render", "formItemRender", "fieldProps", "proFieldKey"]);
-  const intl = (0, import_provider.useIntl)();
-  const [open, setOpen] = (0, import_useMergedState.default)(() => rest.open || false, {
-    value: rest.open,
-    onChange: rest.onOpenChange
-  });
-  if (mode === "read") {
-    let dom = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, "-");
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _provider = require("../../../provider");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["text", "mode", "render", "formItemRender", "fieldProps", "proFieldKey"];
+/**
+ * 最基本的组件，就是个普通的 Input.Password
+ *
+ * @param
+ */
+var FieldPassword = function FieldPassword(_ref, ref) {
+  var text = _ref.text,
+    mode = _ref.mode,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps,
+    proFieldKey = _ref.proFieldKey,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var intl = (0, _provider.useIntl)();
+  var _useMergedState = (0, _util.useMergedState)(function () {
+      return rest.open || false;
+    }, {
+      value: rest.open,
+      onChange: rest.onOpenChange
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    open = _useMergedState2[0],
+    setOpen = _useMergedState2[1];
+  if (mode === 'read') {
+    var dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: "-"
+    });
     if (text) {
-      dom = /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement("span", { ref }, open ? text : "********"), /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => setOpen(!open) }, open ? /* @__PURE__ */ import_react.default.createElement(import_icons.EyeOutlined, null) : /* @__PURE__ */ import_react.default.createElement(import_icons.EyeInvisibleOutlined, null)));
+      dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          ref: ref,
+          children: open ? text : '********'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          onClick: function onClick() {
+            return setOpen(!open);
+          },
+          children: open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EyeInvisibleOutlined, {})
+        })]
+      });
     }
     if (render) {
-      return render(text, __spreadValues({ mode }, fieldProps), dom);
+      return render(text, (0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), dom);
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
-    const dom = /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Input.Password,
-      __spreadValues({
-        placeholder: intl.getMessage("tableForm.inputPlaceholder", "请输入"),
-        ref
-      }, fieldProps)
-    );
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input.Password, (0, _objectSpread2.default)({
+      placeholder: intl.getMessage('tableForm.inputPlaceholder', '请输入'),
+      ref: ref
+    }, fieldProps));
     if (formItemRender) {
-      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+      return formItemRender(text, (0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Password_default = import_react.default.forwardRef(FieldPassword);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldPassword);

package/lib/field/components/Percent/index.js

@@ -1,115 +1,94 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/field/components/Percent/index.tsx
-var Percent_exports = {};
-__export(Percent_exports, {
-  default: () => Percent_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Percent_exports);
-var import_antd = require("antd");
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_util = require("./util");
-var FieldPercent = ({
-  text,
-  prefix,
-  precision,
-  suffix = "%",
-  mode,
-  showColor = false,
-  render,
-  formItemRender,
-  fieldProps,
-  placeholder,
-  showSymbol: propsShowSymbol
-}, ref) => {
-  const intl = (0, import_provider.useIntl)();
-  const placeholderValue = placeholder || intl.getMessage("tableForm.inputPlaceholder", "请输入");
-  const realValue = (0, import_react.useMemo)(
-    () => typeof text === "string" && text.includes("%") ? (0, import_util.toNumber)(text.replace("%", "")) : (0, import_util.toNumber)(text),
-    [text]
-  );
-  const showSymbol = (0, import_react.useMemo)(() => {
-    if (typeof propsShowSymbol === "function") {
-      return propsShowSymbol == null ? void 0 : propsShowSymbol(text);
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _util = require("./util");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 百分比组件
+ *
+ * @param PercentPropInt
+ */
+var FieldPercent = function FieldPercent(_ref, ref) {
+  var text = _ref.text,
+    prefix = _ref.prefix,
+    precision = _ref.precision,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? '%' : _ref$suffix,
+    mode = _ref.mode,
+    _ref$showColor = _ref.showColor,
+    showColor = _ref$showColor === void 0 ? false : _ref$showColor,
+    render = _ref.render,
+    formItemRender = _ref.formItemRender,
+    fieldProps = _ref.fieldProps,
+    placeholder = _ref.placeholder,
+    propsShowSymbol = _ref.showSymbol;
+  var intl = (0, _provider.useIntl)();
+  var placeholderValue = placeholder || intl.getMessage('tableForm.inputPlaceholder', '请输入');
+  var realValue = (0, _react.useMemo)(function () {
+    return typeof text === 'string' && text.includes('%') ? (0, _util.toNumber)(text.replace('%', '')) : (0, _util.toNumber)(text);
+  }, [text]);
+  var showSymbol = (0, _react.useMemo)(function () {
+    if (typeof propsShowSymbol === 'function') {
+      return propsShowSymbol === null || propsShowSymbol === void 0 ? void 0 : propsShowSymbol(text);
     }
     return propsShowSymbol;
   }, [propsShowSymbol, text]);
-  if (mode === "read") {
-    const style = showColor ? { color: (0, import_util.getColorByRealValue)(realValue) } : {};
-    const dom = /* @__PURE__ */ import_react.default.createElement("span", { style, ref }, prefix && /* @__PURE__ */ import_react.default.createElement("span", null, prefix), showSymbol && /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, (0, import_util.getSymbolByRealValue)(realValue), " "), (0, import_util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix);
+  if (mode === 'read') {
+    /** 颜色有待确定, 根据提供 colors: ['正', '负'] | boolean */
+    var style = showColor ? {
+      color: (0, _util.getColorByRealValue)(realValue)
+    } : {};
+    var dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      style: style,
+      ref: ref,
+      children: [prefix && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: prefix
+      }), showSymbol && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [(0, _util.getSymbolByRealValue)(realValue), " "]
+      }), (0, _util.getRealTextWithPrecision)(Math.abs(realValue), precision), suffix && suffix]
+    });
     if (render) {
-      return render(
-        text,
-        __spreadProps(__spreadValues({ mode }, fieldProps), { prefix, precision, showSymbol, suffix }),
-        dom
-      );
+      return render(text, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), {}, {
+        prefix: prefix,
+        precision: precision,
+        showSymbol: showSymbol,
+        suffix: suffix
+      }), dom);
     }
     return dom;
   }
-  if (mode === "edit" || mode === "update") {
-    const dom = /* @__PURE__ */ import_react.default.createElement(
-      import_antd.InputNumber,
-      __spreadValues({
-        ref,
-        formatter: (value) => {
-          if (value && prefix) {
-            return `${prefix} ${value}`.replace(/\B(?=(\d{3})+(?!\d)$)/g, ",");
-          }
-          return value;
-        },
-        parser: (value) => value ? value.replace(/.*\s|,/g, "") : "",
-        placeholder: placeholderValue
-      }, fieldProps)
-    );
+  if (mode === 'edit' || mode === 'update') {
+    var _dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.InputNumber, (0, _objectSpread2.default)({
+      ref: ref,
+      formatter: function formatter(value) {
+        if (value && prefix) {
+          return "".concat(prefix, " ").concat(value).replace(/\B(?=(\d{3})+(?!\d)$)/g, ',');
+        }
+        return value;
+      },
+      parser: function parser(value) {
+        return value ? value.replace(/.*\s|,/g, '') : '';
+      },
+      placeholder: placeholderValue
+    }, fieldProps));
     if (formItemRender) {
-      return formItemRender(text, __spreadValues({ mode }, fieldProps), dom);
+      return formItemRender(text, (0, _objectSpread2.default)({
+        mode: mode
+      }, fieldProps), _dom);
     }
-    return dom;
+    return _dom;
   }
   return null;
 };
-var Percent_default = import_react.default.forwardRef(FieldPercent);
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(FieldPercent);

package/lib/field/components/Percent/util.js

@@ -1,51 +1,46 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/field/components/Percent/util.ts
-var util_exports = {};
-__export(util_exports, {
-  getColorByRealValue: () => getColorByRealValue,
-  getRealTextWithPrecision: () => getRealTextWithPrecision,
-  getSymbolByRealValue: () => getSymbolByRealValue,
-  toNumber: () => toNumber
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(util_exports);
+exports.getColorByRealValue = getColorByRealValue;
+exports.getRealTextWithPrecision = getRealTextWithPrecision;
+exports.getSymbolByRealValue = getSymbolByRealValue;
+exports.toNumber = toNumber;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+/** 获取展示符号 */
 function getSymbolByRealValue(realValue) {
   if (realValue === 0) {
     return null;
   }
   if (realValue > 0) {
-    return "+";
+    return '+';
   }
-  return "-";
+  return '-';
 }
+
+/** 获取颜色 */
 function getColorByRealValue(realValue) {
   if (realValue === 0) {
-    return "#595959";
+    return '#595959';
   }
-  return realValue > 0 ? "#ff4d4f" : "#52c41a";
+  return realValue > 0 ? '#ff4d4f' : '#52c41a';
 }
-function getRealTextWithPrecision(realValue, precision = 2) {
-  return precision >= 0 ? realValue == null ? void 0 : realValue.toFixed(precision) : realValue;
+
+/** 获取到最后展示的数字 */
+function getRealTextWithPrecision(realValue) {
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  return precision >= 0 ? realValue === null || realValue === void 0 ? void 0 : realValue.toFixed(precision) : realValue;
 }
+
+/**
+ * 转化为数字
+ * @copy from https://github.com/toss/es-toolkit/blob/32a183828c244d675f46810935e45dfefec81a54/src/compat/util/toNumber.ts#L19
+ */
 function toNumber(value) {
-  if (typeof value === "symbol" || value instanceof Symbol) {
+  if ((0, _typeof2.default)(value) === 'symbol' || value instanceof Symbol) {
     return NaN;
   }
   return Number(value);
-}
+}