@hi-ui/schema-fields 4.0.0-experimental.1

package/lib/esm/fields/basic/slider/index.js

@@ -0,0 +1,26 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import Slider from '@hi-ui/slider';
+import { ProField } from '../../../base.js';
+var ProSlider = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProSlider, _ProField);
+  function ProSlider() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProSlider.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React.createElement(Slider, Object.assign({}, fieldProps));
+  };
+  return ProSlider;
+}(ProField);
+export { ProSlider };

package/lib/esm/fields/basic/switch/index.js

@@ -0,0 +1,33 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import Switch from '@hi-ui/switch';
+import { InterruptInjector } from '@hi-ui/schema-interrupt-injector';
+import { ProField } from '../../../base.js';
+var ProSwitch = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProSwitch, _ProField);
+  function ProSwitch() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProSwitch.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a;
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React.createElement(InterruptInjector, {
+      config: (_a = ctx.field.control) === null || _a === void 0 ? void 0 : _a.interrupt
+    }, /*#__PURE__*/React.createElement(Switch, Object.assign({}, fieldProps, {
+      // Switch 组件的 checked 属性，需要手动绑定
+      checked: ctx.formBinding.value
+    })));
+  };
+  return ProSwitch;
+}(ProField);
+export { ProSwitch };

package/lib/esm/fields/basic/textarea/index.js

@@ -0,0 +1,26 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import Textarea from '@hi-ui/textarea';
+import { ProField } from '../../../base.js';
+var ProTextArea = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProTextArea, _ProField);
+  function ProTextArea() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProTextArea.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React.createElement(Textarea, Object.assign({}, fieldProps));
+  };
+  return ProTextArea;
+}(ProField);
+export { ProTextArea };

package/lib/esm/fields/basic/time-picker/index.js

@@ -0,0 +1,31 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { cx } from '@hi-ui/classname';
+import TimePicker from '@hi-ui/time-picker';
+import { ProField } from '../../../base.js';
+import './index.scss.js';
+var ProTimePicker = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProTimePicker, _ProField);
+  function ProTimePicker() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProTimePicker.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    var className = cx('pro-time-picker', fieldProps.className);
+    return /*#__PURE__*/React.createElement(TimePicker, Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProTimePicker;
+}(ProField);
+export { ProTimePicker };

package/lib/esm/fields/basic/time-picker/index.scss.js

@@ -0,0 +1,13 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import __styleInject__ from '@hi-ui/style-inject';
+var css_248z = ".pro-time-picker.hi-v5-time-picker,.pro-time-picker .hi-v5-time-picker__input-wrapper,.pro-time-picker .hi-v5-time-picker__input__wrapper {width: 100%;}.pro-time-picker .hi-v5-time-picker__input-wrapper {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.pro-time-picker .hi-v5-time-picker__input {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}";
+__styleInject__(css_248z);
+export { css_248z as default };

package/lib/esm/fields/basic/tree-select/index.js

@@ -0,0 +1,47 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import TreeSelect from '@hi-ui/tree-select';
+import { AsyncOptsDataInjector } from '@hi-ui/schema-option-injector';
+import { ProSelectableField } from '../../../extensible/selectable/index.js';
+var ProTreeSelect = /*#__PURE__*/function (_ProSelectableField) {
+  _inheritsLoose(ProTreeSelect, _ProSelectableField);
+  function ProTreeSelect() {
+    return _ProSelectableField.apply(this, arguments) || this;
+  }
+  var _proto = ProTreeSelect.prototype;
+  _proto.render = function render(data, ctx) {
+    var title = this.getOptionTitle(ctx);
+    return _ProSelectableField.prototype.render.call(this, title, ctx);
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a, _b;
+    var fieldProps = this.getFieldProps({
+      overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+    }, ctx);
+    // NOTE 实测 searchMode 不传时，无法开启搜索
+    // 考虑到是有接口搜索时，会按照关键字过滤，因此默认采用 filter 模式
+    if (fieldProps.request) fieldProps.searchMode = 'filter';
+    return /*#__PURE__*/React.createElement(AsyncOptsDataInjector, Object.assign({}, fieldProps, {
+      renderCtx: ctx,
+      setSelectedRawOption: (_b = ctx.field.payload) === null || _b === void 0 ? void 0 : _b.setSelectedRawOption
+    }), /*#__PURE__*/React.createElement(TreeSelect, null));
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    var dataKey = ctx.dataKey;
+    var title = this.getOptionTitle(ctx, dataKey);
+    return _ProSelectableField.prototype.renderEditable.call(this, title, ctx, {
+      suffix: this.suffixEl
+    });
+  };
+  return ProTreeSelect;
+}(ProSelectableField);
+export { ProTreeSelect };

package/lib/esm/fields/basic/upload/custom.js

@@ -0,0 +1,16 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import Upload from '@hi-ui/upload';
+import { UploadBridge } from '../../../components/upload-bridge/index.js';
+function CommonUpload(props) {
+  return /*#__PURE__*/React.createElement(UploadBridge, Object.assign({}, props), /*#__PURE__*/React.createElement(Upload, null));
+}
+export { CommonUpload };

package/lib/esm/fields/basic/upload/index.js

@@ -0,0 +1,34 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { cx } from '@hi-ui/classname';
+import { ProField } from '../../../base.js';
+import { CommonUpload } from './custom.js';
+var ProUpload = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProUpload, _ProField);
+  function ProUpload() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProUpload.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({
+      value: undefined
+    }, ctx);
+    var className = cx('pro-upload', fieldProps.className);
+    return /*#__PURE__*/React.createElement(CommonUpload
+    // pro-upload
+    , Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProUpload;
+}(ProField);
+export { CommonUpload, ProUpload };

package/lib/esm/fields/enhance/number-range/index.js

@@ -0,0 +1,26 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { NumberRange } from '@hi-ui/number-range';
+import { ProField } from '../../../base.js';
+var ProNumberRange = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProNumberRange, _ProField);
+  function ProNumberRange() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProNumberRange.prototype;
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({}, ctx);
+    return /*#__PURE__*/React.createElement(NumberRange, Object.assign({}, fieldProps));
+  };
+  return ProNumberRange;
+}(ProField);
+export { ProNumberRange };

package/lib/esm/fields/semantic/date/index.js

@@ -0,0 +1,67 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { isNil } from 'lodash-es';
+import dayjs from 'dayjs';
+import EllipsisTooltip from '@hi-ui/ellipsis-tooltip';
+import { DatePicker } from '@hi-ui/date-picker';
+import { CalendarOutlined } from '@hi-ui/icons';
+import { getPrefixStyleVar } from '@hi-ui/classname';
+import { ProField } from '../../../base.js';
+import { ReadonlyWrapper } from '../../../components/span/index.js';
+var defaultFormat = 'YYYY-MM-DD HH:mm:ss';
+var ProDate = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProDate, _ProField);
+  function ProDate() {
+    var _this;
+    _this = _ProField.apply(this, arguments) || this;
+    _this.dftFieldProps = {
+      format: defaultFormat
+    };
+    return _this;
+  }
+  var _proto = ProDate.prototype;
+  _proto.render = function render(data, ctx) {
+    if (!data) return this.dftDom;
+    var date = dayjs(data);
+    var fieldProps = this.getFieldProps(this.dftFieldProps, ctx);
+    var formatted = this.getFormattedText(date, fieldProps);
+    // 无效日期展示 -
+    if (formatted === 'Invalid Date') return this.dftDom;
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, null, /*#__PURE__*/React.createElement(EllipsisTooltip, null, formatted));
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var _a;
+    var fieldProps = this.getFieldProps(Object.assign(Object.assign({}, this.dftFieldProps), {
+      overlay: (_a = ctx.field.extra) === null || _a === void 0 ? void 0 : _a.popperProps
+    }), ctx);
+    return /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, fieldProps));
+  };
+  _proto.getFormattedText = function getFormattedText(date, fieldProps) {
+    var formatted = typeof fieldProps.format === 'function' ? fieldProps.format(date) : date.format(fieldProps.format || defaultFormat);
+    return formatted;
+  };
+  _proto.getEditablePlaceholder = function getEditablePlaceholder(data, ctx) {
+    if (isNil(data)) return '';
+    var fieldProps = this.getFieldProps(this.dftFieldProps, ctx);
+    return this.getFormattedText(dayjs(data), fieldProps);
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    return _ProField.prototype.renderEditable.call(this, data, ctx, {
+      suffix: ( /*#__PURE__*/React.createElement(CalendarOutlined, {
+        size: 16,
+        color: "var(" + getPrefixStyleVar('color-gray-500') + ", #929aa6)"
+      }))
+    });
+  };
+  return ProDate;
+}(ProField);
+export { ProDate };

package/lib/esm/fields/semantic/image/index.js

@@ -0,0 +1,51 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { cx } from '@hi-ui/classname';
+import { ImagePreview } from '../../../components/image-preview/index.js';
+import { ProField } from '../../../base.js';
+import { ReadonlyWrapper } from '../../../components/span/index.js';
+import { ImageUpload } from './upload.js';
+var ProImage = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProImage, _ProField);
+  function ProImage() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProImage.prototype;
+  _proto.render = function render(data, ctx) {
+    var _a;
+    if (!data) return this.dftDom;
+    if (Array.isArray(data) && data.length === 0) return this.dftDom;
+    var dftImages = Array.isArray(data) ? data : [data];
+    var fieldProps = this.getFieldProps({}, ctx);
+    var images = ((_a = fieldProps.customImages) === null || _a === void 0 ? void 0 : _a.call(fieldProps, dftImages, ctx)) || dftImages;
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, {
+      dataSet: {
+        fieldType: ctx.field.valueType
+      }
+    }, /*#__PURE__*/React.createElement(ImagePreview, {
+      images: images
+    }));
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this.getFieldProps({
+      value: undefined
+    }, ctx);
+    var className = cx('pro-image-upload', fieldProps.className);
+    return /*#__PURE__*/React.createElement(ImageUpload
+    // pro-upload
+    , Object.assign({}, fieldProps, {
+      className: className
+    }));
+  };
+  return ProImage;
+}(ProField);
+export { ImageUpload, ProImage };

package/lib/esm/fields/semantic/image/upload.js

@@ -0,0 +1,20 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { PictureUpload } from '@hi-ui/upload';
+import { mergeProps } from '@hi-ui/schema-utils';
+import { UploadBridge } from '../../../components/upload-bridge/index.js';
+function ImageUpload(props) {
+  var finalProps = mergeProps({
+    accept: '.png,.jpg,.jpeg,.gif,.webp,.svg'
+  }, props);
+  return /*#__PURE__*/React.createElement(UploadBridge, Object.assign({}, finalProps), /*#__PURE__*/React.createElement(PictureUpload, null));
+}
+export { ImageUpload };

package/lib/esm/fields/semantic/link/index.js

@@ -0,0 +1,82 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { get } from 'lodash-es';
+import EllipsisTooltip from '@hi-ui/ellipsis-tooltip';
+import { mergeProps } from '@hi-ui/schema-utils';
+import { ProField } from '../../../base.js';
+import { ReadonlyWrapper } from '../../../components/span/index.js';
+var ProLink = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProLink, _ProField);
+  function ProLink() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProLink.prototype;
+  _proto.render = function render(data, ctx) {
+    if (!data) return this.dftDom;
+    this.renderCtx = ctx;
+    var fieldProps = this.getFieldProps({
+      linkField: ''
+    }, ctx);
+    this.fieldProps = fieldProps;
+    var _fieldProps$isHref = fieldProps.isHref,
+      isHref = _fieldProps$isHref === void 0 ? true : _fieldProps$isHref;
+    if (isHref) return this.renderHref(data);else return this.renderLink(data);
+  }
+  /**
+   * renderHref
+   * @desc 是指固定的链接地址，直接跳转出系统 */;
+  _proto.renderHref = function renderHref(href) {
+    var to = this.getGoTo(href);
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, null, /*#__PURE__*/React.createElement("a", {
+      href: to,
+      target: "_blank",
+      rel: "noreferrer noopener",
+      // TODO color 放这里不是很好，待优化
+      style: {
+        color: '#237ffa',
+        textDecoration: 'underline'
+      }
+    }, /*#__PURE__*/React.createElement(EllipsisTooltip, null, href)));
+  }
+  /**
+   * renderLink
+   * @desc 是指链接地址是动态的，需要根据数据进行拼接
+   * @desc 通常用于链接到系统其他页面 */;
+  _proto.renderLink = function renderLink(data) {
+    var _a;
+    var rowData = this.renderCtx.rowData;
+    var to = this.getGoTo(data);
+    var state = mergeProps(rowData, (_a = this.fieldProps) === null || _a === void 0 ? void 0 : _a.extraLinkState);
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, null, /*#__PURE__*/React.createElement(Link, {
+      to: to,
+      state: state,
+      style: {
+        color: '#237ffa'
+      }
+    }, /*#__PURE__*/React.createElement(EllipsisTooltip, null, data)));
+  };
+  _proto.getGoTo = function getGoTo(data) {
+    var rowData = this.renderCtx.rowData;
+    var _this$fieldProps = this.fieldProps,
+      linkField = _this$fieldProps.linkField,
+      customLink = _this$fieldProps.customLink;
+    // customLink 优先级最高
+    if (customLink) return customLink(data, this.renderCtx);
+    // linkField 存在，则使用 linkField 拼接
+    if (linkField) return get(rowData, linkField);
+    // 最后使用本字段的值
+    return data;
+  };
+  return ProLink;
+}(ProField);
+export { ProLink };

package/lib/esm/fields/semantic/number/index.js

@@ -0,0 +1,91 @@
+/** @LICENSE
+ * @hi-ui/schema-fields
+ * https://github.com/XiaoMi/hiui/tree/master/packages/schema/schema-fields#readme
+ *
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
+import React from 'react';
+import { isNil } from 'lodash-es';
+import NumberInput from '@hi-ui/number-input';
+import EllipsisTooltip from '@hi-ui/ellipsis-tooltip';
+import { NumberUtil } from '@hi-ui/schema-utils';
+import { ProField } from '../../../base.js';
+import { ReadonlyWrapper } from '../../../components/span/index.js';
+var ProNumber = /*#__PURE__*/function (_ProField) {
+  _inheritsLoose(ProNumber, _ProField);
+  function ProNumber() {
+    return _ProField.apply(this, arguments) || this;
+  }
+  var _proto = ProNumber.prototype;
+  _proto._getFieldProps = function _getFieldProps(ctx) {
+    var fieldProps = _ProField.prototype.getFieldProps.call(this, {
+      placeholder: this.getDftPlaceholder(ctx)
+    }, ctx);
+    // 增加精度处理逻辑
+    // 如果精度存在，且没有 formatter 方法，则增加精度处理逻辑
+    if (!isNil(fieldProps.precision) && isNil(fieldProps.formatter)) {
+      fieldProps.formatter = function ProNumberPrecisionFormatter(value) {
+        return NumberUtil.round(value, fieldProps.precision);
+      };
+    }
+    return fieldProps;
+  };
+  _proto.render = function render(data, ctx) {
+    // 不是数字
+    if (typeof data !== 'number') {
+      /** 且不存在 */if (!data) return this.dftDom;
+    }
+    // 或者是NaN
+    else if (isNaN(data)) return this.dftDom;
+    var num = Number(data);
+    if (isNaN(num)) return this.dftDom;
+    var formatted = this.toFormatted(num, ctx);
+    return /*#__PURE__*/React.createElement(ReadonlyWrapper, null, /*#__PURE__*/React.createElement(EllipsisTooltip, null, formatted));
+  };
+  _proto.renderFormItem = function renderFormItem(_, ctx) {
+    var fieldProps = this._getFieldProps(ctx);
+    return /*#__PURE__*/React.createElement(NumberInput, Object.assign({}, fieldProps));
+  };
+  _proto.getEditablePlaceholder = function getEditablePlaceholder(data) {
+    // 记录：返回undefined，会被转换为0，null则不会
+    if (isNil(data)) return null;
+    if (typeof data === 'number') return isNaN(data) ? null : data;
+    var num = Number(data);
+    return isNaN(num) ? null : num;
+  };
+  _proto.renderEditable = function renderEditable(data, ctx) {
+    var _a;
+    var fieldProps = this._getFieldProps(ctx);
+    return /*#__PURE__*/React.createElement(NumberInput, {
+      value: this.getEditablePlaceholder(data),
+      disabled: (_a = ctx.field.control) === null || _a === void 0 ? void 0 : _a.disabled,
+      onDoubleClick: ctx.onActivate,
+      onFocus: ctx.onActivate,
+      placeholder: fieldProps.placeholder,
+      formatter: fieldProps.formatter,
+      min: fieldProps.min,
+      max: fieldProps.max,
+      step: fieldProps.step,
+      onChange: ctx.onActivate
+    });
+  }
+  // 可能之后还有更复杂的格式化逻辑
+  ;
+
+  _proto.toFormatted = function toFormatted(data, ctx) {
+    var fieldProps = this._getFieldProps(ctx);
+    // 123456789 => 123,456,789
+    // 123.456789 => 123.4567 // precision: 4
+    return data.toLocaleString('zh-Hans', {
+      // 也是四舍五入进位
+      minimumFractionDigits: fieldProps.precision,
+      maximumFractionDigits: fieldProps.precision
+    });
+  };
+  return ProNumber;
+}(ProField);
+export { ProNumber };