@zat-design/sisyphus-react 4.0.0-beta.3 → 4.0.0-beta.5

package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts

@@ -80,17 +80,21 @@ interface ProModalPropsType {
     beforeOpen?: any;
     /** 打开弹框后的回调函数 */
     afterOpen?: any;
-    /** 是否启用tooltip提示 */
+    /** 废弃 是否启用tooltip提示 */
     isTooltip?: boolean;
+    /** 是否启用tooltip提示 */
+    tooltip?: boolean;
     /** 是否以"值-名称"形式展示 */
     showCodeName?: boolean;
     /** 查询表单实例，用于获取查询表单数据 */
     searchForm?: FormInstance;
     /** 模糊查询的字段名 */
     searchKey?: string;
+    /** 展示形式 */
+    mode?: 'input' | 'select';
 }
 /** 模态框选择器属性类型（结合Select和Input属性） */
-export declare type ProModalSelectPropsType = SelectProps & InputProps & ProModalPropsType;
+export declare type ProModalSelectPropsType = Omit<SelectProps & InputProps, 'mode'> & ProModalPropsType;
 /** 配置选项类型 */
 export type ProModalSelectConfigType = ConfigOption;
 /** 模态框属性类型 */
@@ -98,5 +102,5 @@ export type ProModalType = Omit<ProModalPropsType, 'configOption'> & {
     configOption: ProModalSelectConfigType;
 };
 /** 模态框选择器类型（结合Select和Input属性） */
-export type ProModalSelectType = SelectProps & InputProps & ProModalType;
+export type ProModalSelectType = Omit<SelectProps & InputProps, 'mode'> & ProModalType;
 export {};

package/lib/ProForm/components/combination/ProModalSelect/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/ProForm/components/combination/ProModalSelect/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/combination/ProModalSelect/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-modal-select,
 .pro-tree-modal {
@@ -53,7 +51,7 @@
     }
   }
 
-  // 新加适用于 readonly false
+  // 新加适用于 _readOnly false
   .@{ant-prefix}-input-affix-wrapper {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -102,7 +100,6 @@
     }
   }
 
-
   .@{ant-prefix}-input-group-wrapper-status-error {
     &:hover {
       .@{ant-prefix}-input,

package/lib/ProForm/components/combination/ProModalSelect/utils/index.js

@@ -1,54 +1,32 @@
-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/ProForm/components/combination/ProModalSelect/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  hideTooltipIfOpen: () => hideTooltipIfOpen
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
+exports.hideTooltipIfOpen = void 0;
+/* eslint-disable no-restricted-syntax */
 var hideTooltipIfOpen = (dom, open) => {
-  if (!open && document.querySelector(".pro-modal-select-parent-open") && dom) {
-    const parent2 = dom.closest(".pro-form-item-changed");
-    const grandParent2 = parent2 == null ? void 0 : parent2.parentElement;
-    if (parent2) {
-      parent2.className = "pro-form-item-changed";
+  if (!open && document.querySelector('.pro-modal-select-parent-open') && dom) {
+    var _parent = dom.closest('.pro-form-item-changed');
+    var _grandParent = _parent === null || _parent === void 0 ? void 0 : _parent.parentElement;
+    if (_parent) {
+      _parent.className = 'pro-form-item-changed';
     }
-    if (grandParent2) {
-      grandParent2.classList.remove("pro-modal-select-parent-open");
+    if (_grandParent) {
+      _grandParent.classList.remove('pro-modal-select-parent-open');
     }
-    const tooltip = grandParent2 == null ? void 0 : grandParent2.querySelector(".ant-tooltip");
+    var tooltip = _grandParent === null || _grandParent === void 0 ? void 0 : _grandParent.querySelector('.ant-tooltip');
     if (tooltip) {
-      tooltip.classList.add("ant-tooltip-hidden");
+      tooltip.classList.add('ant-tooltip-hidden');
     }
   }
-  if (!dom)
-    return;
-  const modal = dom.className.includes("pro-modal-select-open");
-  if (!modal)
-    return;
-  const parent = dom.closest(".pro-form-item-changed");
-  const grandParent = parent == null ? void 0 : parent.parentElement;
+  if (!dom) return;
+  var modal = dom.className.includes('pro-modal-select-open');
+  if (!modal) return;
+  var parent = dom.closest('.pro-form-item-changed');
+  var grandParent = parent === null || parent === void 0 ? void 0 : parent.parentElement;
   if (open && grandParent) {
-    grandParent.classList.add("pro-modal-select-parent-open");
+    grandParent.classList.add('pro-modal-select-parent-open');
   }
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  hideTooltipIfOpen
-});
+exports.hideTooltipIfOpen = hideTooltipIfOpen;

package/lib/ProForm/components/combination/ProNumberRange/index.js

@@ -1,154 +1,192 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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/ProForm/components/combination/ProNumberRange/index.tsx
-var ProNumberRange_exports = {};
-__export(ProNumberRange_exports, {
-  default: () => ProNumberRange_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ProNumberRange_exports);
-var import_ahooks = require("ahooks");
-var import_antd = require("antd");
-var import_lodash = require("lodash");
-var import_react = require("react");
-var import_classnames = __toESM(require("classnames"));
-var import_utils = require("@zat-design/utils");
-var import_Container = __toESM(require("../../Container"));
-var import_locale = __toESM(require("../../../../locale"));
-var import_ProForm = __toESM(require("../../../../ProForm"));
-var { formatAmount } = import_utils.tools;
-var ProNumberRange = (props) => {
-  var _a;
-  const {
-    value = [],
-    onChange = () => {
-    },
-    min = 0,
-    max,
-    className,
-    disabled,
-    decimal = 2,
-    precision,
-    childProps,
-    addonBefore,
-    addonAfter,
-    separator = "~",
-    valueType: inValueType,
-    id
-  } = props;
-  const { isView: isViewCon, viewEmpty, valueType } = import_ProForm.default.useFieldProps() || {};
-  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
-  const addonAfterDomWidth = (_a = document.querySelector(".ant-input-number-group-addon")) == null ? void 0 : _a.clientWidth;
-  const [{ range }, setState] = (0, import_ahooks.useSetState)({
-    range: value || []
-  });
-  let valueProps = {};
-  (0, import_ahooks.useDeepCompareEffect)(() => {
+exports.default = void 0;
+require("antd/es/input/style");
+var _input = _interopRequireDefault(require("antd/es/input"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+require("antd/es/input-number/style");
+var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ahooks = require("ahooks");
+var _lodash = require("lodash");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("@zat-design/utils");
+var _Container = _interopRequireDefault(require("../../Container"));
+var _locale = _interopRequireDefault(require("../../../../locale"));
+var _ProForm = _interopRequireDefault(require("../../../../ProForm"));
+var _jsxRuntime = require("react/jsx-runtime");
+var formatAmount = _utils.tools.formatAmount;
+var ProNumberRange = props => {
+  var _valueProps, _ref2, _ref3, _value$, _valueProps2, _ref4, _ref5, _value$2, _valueProps3, _valueProps4;
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? () => {} : _props$onChange,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    max = props.max,
+    className = props.className,
+    disabled = props.disabled,
+    _props$decimal = props.decimal,
+    decimal = _props$decimal === void 0 ? 2 : _props$decimal,
+    precision = props.precision,
+    childProps = props.childProps,
+    addonBefore = props.addonBefore,
+    addonAfter = props.addonAfter,
+    inValueType = props.valueType,
+    _props$split = props.split,
+    split = _props$split === void 0 ? '~' : _props$split,
+    id = props.id;
+  var _ref = _ProForm.default.useFieldProps() || {},
+    isViewCon = _ref.isView,
+    viewEmpty = _ref.viewEmpty,
+    valueType = _ref.valueType;
+  var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+
+  var _useSetState = (0, _ahooks.useSetState)({
+      range: value || []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    range = _useSetState2[0].range,
+    setState = _useSetState2[1];
+  var valueProps = {};
+  (0, _ahooks.useDeepCompareEffect)(() => {
+    // 同步value值
     if (Array.isArray(value)) {
-      setState({ range: value });
+      setState({
+        range: value
+      });
     }
   }, [value]);
-  const firstHandleChange = (val) => {
+  var firstHandleChange = val => {
     range[0] = val;
-    const isEmptyArray = range.every((item) => !item && item !== 0);
+    var isEmptyArray = range.every(item => !item && item !== 0);
     if (isEmptyArray) {
       onChange([]);
     } else {
       onChange([...range]);
     }
-    setState({ range });
+    setState({
+      range
+    });
   };
-  const lastHandleChange = (val) => {
+  var lastHandleChange = val => {
     range[1] = val;
-    const isEmptyArray = range.every((item) => !item && item !== 0);
+    var isEmptyArray = range.every(item => !item && item !== 0);
     if (isEmptyArray) {
       onChange([]);
     } else {
       onChange([...range]);
     }
-    setState({ range });
+    setState({
+      range
+    });
   };
-  const cls = (0, import_classnames.default)({
-    "pro-number-range": true,
-    "pro-number-range-disabled": disabled,
+  var cls = (0, _classnames.default)({
+    'pro-number-range': true,
+    'pro-number-range-disabled': disabled,
     className
   });
+
+  // 查看模式
   if (isView || props.isView) {
-    if ((0, import_lodash.isEmpty)(value) || (value == null ? void 0 : value.every((item) => typeof item !== "number"))) {
+    if ((0, _lodash.isEmpty)(value) || value !== null && value !== void 0 && value.every(item => typeof item !== 'number')) {
       return viewEmpty;
     }
     switch (valueType) {
-      case "percent":
-      case "percentage":
-        return /* @__PURE__ */ React.createElement(import_Container.default, { viewEmpty }, `${formatAmount(value[0], precision || decimal)} ${separator} ${formatAmount(
-          value[1],
-          precision || decimal
-        )}`);
-      case "permillage":
-        return /* @__PURE__ */ React.createElement(import_Container.default, { viewEmpty }, `${formatAmount(value[0], precision || decimal)} ${separator} ${formatAmount(
-          value[1],
-          precision || decimal
-        )}`);
-      case "amount":
-      case "thousandth":
-        return /* @__PURE__ */ React.createElement(import_Container.default, { viewEmpty }, `${formatAmount(value[0], precision || decimal)} ${separator} ${formatAmount(
-          value[1],
-          precision || decimal
-        )}`);
+      // 百分比
+      case 'percent':
+      case 'percentage':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          viewEmpty: viewEmpty,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            split: split,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
+        });
+      // 千分比
+      case 'permillage':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          viewEmpty: viewEmpty,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            split: split,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
+        });
+      // 千分位
+      case 'amount':
+      case 'thousandth':
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          viewEmpty: viewEmpty,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            split: split,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[0], precision || decimal)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: formatAmount(value[1], precision || decimal)
+            })]
+          })
+        });
       default:
-        return /* @__PURE__ */ React.createElement(import_Container.default, { viewEmpty }, `${value[0] || "-"} ${separator} ${value[1] || "-"}`);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          viewEmpty: viewEmpty,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+            split: split,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: value[0] || '-'
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: value[1] || '-'
+            })]
+          })
+        });
     }
   }
+
+  // 值类型模式
   if (valueType || inValueType) {
     switch (valueType || inValueType) {
-      case "thousandth":
-      case "amount":
+      case 'thousandth':
+      case 'amount':
         valueProps = {
-          formatter: (value2) => {
-            return typeof value2 === "number" || value2 ? Number(value2).toLocaleString("zh-CN", {
-              minimumFractionDigits: precision ?? null,
-              maximumFractionDigits: precision ?? 9
-            }) : value2;
+          formatter: value => {
+            return typeof value === 'number' || value ? Number(value).toLocaleString('zh-CN', {
+              minimumFractionDigits: precision !== null && precision !== void 0 ? precision : null,
+              maximumFractionDigits: precision !== null && precision !== void 0 ? precision : 9
+            }) : value;
           },
-          parser: (value2) => value2.replace(/\$\s?|(,*)/g, "")
+          parser: value => value.replace(/\$\s?|(,*)/g, '')
         };
         break;
-      case "percentage":
+      // 百分比
+      case 'percentage':
         valueProps = {
           min: 0,
           max: 100,
           step: 1
         };
         break;
-      case "permillage":
+      // 千分比
+      case 'permillage':
         valueProps = {
           min: 0,
-          max: 1e3,
+          max: 1000,
           step: 1
         };
         break;
@@ -158,61 +196,70 @@ var ProNumberRange = (props) => {
         };
     }
   }
-  const getDisabled = (disabled2, index) => {
-    let result = disabled2;
-    if (Array.isArray(disabled2)) {
-      result = disabled2[index];
+
+  /**
+   * 计算范围禁用值
+   * @param disabled 禁用值
+   * @param index 位置
+   */
+  var getDisabled = (disabled, index) => {
+    var result = disabled;
+    if (Array.isArray(disabled)) {
+      result = disabled[index];
     }
     return result;
   };
-  return /* @__PURE__ */ React.createElement(import_antd.Space, { className: cls }, /* @__PURE__ */ React.createElement(import_antd.Space.Compact, null, /* @__PURE__ */ React.createElement(
-    import_antd.InputNumber,
-    {
-      id,
-      className: "range-left",
-      value: (value == null ? void 0 : value[0]) || range[0],
-      placeholder: `${import_locale.default.ProForm.inputPlaceholder}`,
-      precision,
-      disabled: getDisabled(disabled, 0),
-      onChange: (e) => {
-        firstHandleChange(e);
-      },
-      ...valueProps,
-      min: min ?? (valueProps == null ? void 0 : valueProps.min),
-      max: (value == null ? void 0 : value[1]) ?? range[1] ?? max ?? (valueProps == null ? void 0 : valueProps.max),
-      ...childProps == null ? void 0 : childProps[0]
-    }
-  ), addonBefore ? /* @__PURE__ */ React.createElement(import_antd.Button, { disabled: true, className: "range-addon-before" }, addonBefore) : null, /* @__PURE__ */ React.createElement(
-    import_antd.Input,
-    {
-      className: (0, import_classnames.default)({
-        "range-split": true,
-        "range-split-disabled": !!disabled
-      }),
-      placeholder: "~",
-      disabled: true
-    }
-  ), /* @__PURE__ */ React.createElement(
-    import_antd.InputNumber,
-    {
-      className: "range-right",
-      value: (value == null ? void 0 : value[1]) || range[1],
-      placeholder: `${import_locale.default.ProForm.inputPlaceholder}`,
-      precision,
-      disabled: getDisabled(disabled, 1),
-      onChange: (e) => {
-        lastHandleChange(e);
-      },
-      ...valueProps,
-      min: (value == null ? void 0 : value[0]) ?? range[0] ?? min ?? (valueProps == null ? void 0 : valueProps.min),
-      max: max ?? (valueProps == null ? void 0 : valueProps.max),
-      ...childProps == null ? void 0 : childProps[1]
-    }
-  ), addonAfter ? /* @__PURE__ */ React.createElement(import_antd.Button, { disabled: true, className: "range-addon-after" }, addonAfter) : null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+    className: cls,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default.Compact, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        id: id,
+        className: "range-left",
+        value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
+        placeholder: `${_locale.default.ProForm.inputPlaceholder}`,
+        precision: precision,
+        disabled: getDisabled(disabled, 0),
+        onChange: e => {
+          firstHandleChange(e);
+        }
+      }, valueProps), {}, {
+        min: min !== null && min !== void 0 ? min : (_valueProps = valueProps) === null || _valueProps === void 0 ? void 0 : _valueProps.min,
+        max: (_ref2 = (_ref3 = (_value$ = value === null || value === void 0 ? void 0 : value[1]) !== null && _value$ !== void 0 ? _value$ : range[1]) !== null && _ref3 !== void 0 ? _ref3 : max) !== null && _ref2 !== void 0 ? _ref2 : (_valueProps2 = valueProps) === null || _valueProps2 === void 0 ? void 0 : _valueProps2.max
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[0])), addonBefore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        disabled: true,
+        className: "range-addon-before",
+        children: addonBefore
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.default, {
+        className: (0, _classnames.default)({
+          'range-split': true,
+          'range-split-disabled': !!disabled
+        }),
+        placeholder: split,
+        disabled: true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputNumber.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        className: "range-right",
+        value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
+        placeholder: `${_locale.default.ProForm.inputPlaceholder}`,
+        precision: precision,
+        disabled: getDisabled(disabled, 1),
+        onChange: e => {
+          lastHandleChange(e);
+        }
+      }, valueProps), {}, {
+        min: (_ref4 = (_ref5 = (_value$2 = value === null || value === void 0 ? void 0 : value[0]) !== null && _value$2 !== void 0 ? _value$2 : range[0]) !== null && _ref5 !== void 0 ? _ref5 : min) !== null && _ref4 !== void 0 ? _ref4 : (_valueProps3 = valueProps) === null || _valueProps3 === void 0 ? void 0 : _valueProps3.min,
+        max: max !== null && max !== void 0 ? max : (_valueProps4 = valueProps) === null || _valueProps4 === void 0 ? void 0 : _valueProps4.max
+      }, childProps === null || childProps === void 0 ? void 0 : childProps[1])), addonAfter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        disabled: true,
+        className: "range-addon-after",
+        children: addonAfter
+      }) : null]
+    })
+  });
 };
-var ProNumberRange_default = (0, import_react.memo)(ProNumberRange, (prevProps, nextProps) => {
-  if (!(0, import_lodash.isEqual)(prevProps == null ? void 0 : prevProps.value, nextProps == null ? void 0 : nextProps.value) || (prevProps == null ? void 0 : prevProps.disabled) !== (nextProps == null ? void 0 : nextProps.disabled) || !(0, import_lodash.isEqual)(prevProps == null ? void 0 : prevProps.childProps, nextProps == null ? void 0 : nextProps.childProps)) {
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ProNumberRange, (prevProps, nextProps) => {
+  // 基本props比较 只比较关键的
+  if (!(0, _lodash.isEqual)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.value, nextProps === null || nextProps === void 0 ? void 0 : nextProps.value) || (prevProps === null || prevProps === void 0 ? void 0 : prevProps.disabled) !== (nextProps === null || nextProps === void 0 ? void 0 : nextProps.disabled) || !(0, _lodash.isEqual)(prevProps === null || prevProps === void 0 ? void 0 : prevProps.childProps, nextProps === null || nextProps === void 0 ? void 0 : nextProps.childProps)) {
     return false;
   }
   return true;
-});
+});

package/lib/ProForm/components/combination/ProNumberRange/propsType.d.ts

@@ -71,9 +71,10 @@ export interface ProNumberRangeType {
      * @default           '-'
      */
     /**
-     * 查看分割符
+     * @description       查看分割符
+     * @default           '-'
      */
-    separator?: React.ReactNode | string;
+    split?: React.ReactNode | string;
     childProps?: any[];
     otherProps?: ProFormOtherType;
     id?: string;

package/lib/ProForm/components/combination/ProNumberRange/propsType.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/ProForm/components/combination/ProNumberRange/propsType.ts
-var propsType_exports = {};
-module.exports = __toCommonJS(propsType_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/combination/ProNumberRange/style/index.less

@@ -1,7 +1,8 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
-
 .pro-number-range {
+  display: block;
+  .@{ant-prefix}-space-compact {
+    display: flex;
+  }
   .range-split {
     min-width: 32px;
     max-width: 32px;