@ant-design/pro-components 3.1.0-0 → 3.1.1-0

package/es/field/components/Select/index.js

@@ -1,62 +1,59 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["value", "text"],
-  _excluded2 = ["mode", "valueEnum", "render", "formItemRender", "request", "fieldProps", "light", "proFieldKey", "params", "label", "variant", "id", "lightLabel", "labelTrigger"];
+import { useControlledState } from '@rc-component/util';
 import { ConfigProvider, Spin } from 'antd';
 import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import useSWR from 'swr';
 import { useIntl } from "../../../provider";
-import { nanoid, objectToMap, proFieldParsingText, useDebounceValue, useDeepCompareEffect, useDeepCompareMemo, useMountMergeState, useRefFunction, useStyle } from "../../../utils";
+import { nanoid, objectToMap, proFieldParsingText, useDebounceValue, useDeepCompareEffect, useDeepCompareMemo, useRefFunction, useStyle } from "../../../utils";
 import LightSelect from "./LightSelect";
 import SearchSelect from "./SearchSelect";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Highlight = function Highlight(_ref) {
-  var label = _ref.label,
-    words = _ref.words;
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var lightCls = getPrefixCls('pro-select-item-option-content-light');
-  var optionCls = getPrefixCls('pro-select-item-option-content');
+const Highlight = ({
+  label,
+  words
+}) => {
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const lightCls = getPrefixCls('pro-select-item-option-content-light');
+  const optionCls = getPrefixCls('pro-select-item-option-content');
 
   // css
-  var _useStyle = useStyle('Highlight', function (token) {
-      return _defineProperty(_defineProperty({}, ".".concat(lightCls), {
+  const {
+    wrapSSR
+  } = useStyle('Highlight', token => {
+    return {
+      [`.${lightCls}`]: {
         color: token.colorPrimary
-      }), ".".concat(optionCls), {
+      },
+      [`.${optionCls}`]: {
         flex: 'auto',
         overflow: 'hidden',
         whiteSpace: 'nowrap',
         textOverflow: 'ellipsis'
-      });
-    }),
-    wrapSSR = _useStyle.wrapSSR;
-  var matchKeywordsRE = new RegExp(words.map(function (word) {
-    return word.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
-  }).join('|'), 'gi');
-  var matchText = label;
-  var elements = [];
+      }
+    };
+  });
+  const matchKeywordsRE = new RegExp(words.map(word => word.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&')).join('|'), 'gi');
+  let matchText = label;
+  const elements = [];
   while (matchText.length) {
-    var match = matchKeywordsRE.exec(matchText);
+    const match = matchKeywordsRE.exec(matchText);
     if (!match) {
       elements.push(matchText);
       break;
     }
-    var start = match.index;
-    var matchLength = match[0].length + start;
+    const start = match.index;
+    const matchLength = match[0].length + start;
     elements.push(matchText.slice(0, start), /*#__PURE__*/React.createElement('span', {
       className: lightCls
     }, matchText.slice(start, matchLength)));
     matchText = matchText.slice(matchLength);
   }
-  return wrapSSR( /*#__PURE__*/React.createElement.apply(React, ['div', {
+  return wrapSSR( /*#__PURE__*/React.createElement('div', {
     title: label,
     className: optionCls
-  }].concat(elements)));
+  }, ...elements));
 };
 
 /**
@@ -67,13 +64,12 @@ var Highlight = function Highlight(_ref) {
  * @returns
  */
 function filerByItem(item, keyWords) {
-  var _item$label, _item$value;
   if (!keyWords) return true;
-  if (item !== null && item !== void 0 && (_item$label = item.label) !== null && _item$label !== void 0 && _item$label.toString().toLowerCase().includes(keyWords.toLowerCase()) || item !== null && item !== void 0 && (_item$value = item.value) !== null && _item$value !== void 0 && _item$value.toString().toLowerCase().includes(keyWords.toLowerCase())) {
+  if (item?.label?.toString().toLowerCase().includes(keyWords.toLowerCase()) || item?.value?.toString().toLowerCase().includes(keyWords.toLowerCase())) {
     return true;
   }
   if (item.children || item.options) {
-    var findItem = [].concat(_toConsumableArray(item.children || []), [item.options || []]).find(function (mapItem) {
+    const findItem = [...(item.children || []), item.options || []].find(mapItem => {
       return filerByItem(mapItem, keyWords);
     });
     if (findItem) return true;
@@ -86,19 +82,19 @@ function filerByItem(item, keyWords) {
  *
  * @param valueEnum
  */
-export var proFieldParsingValueEnumToArray = function proFieldParsingValueEnumToArray(valueEnumParams) {
-  var enumArray = [];
-  var valueEnum = objectToMap(valueEnumParams);
-  valueEnum.forEach(function (_, key) {
-    var value = valueEnum.get(key) || valueEnum.get("".concat(key));
+export const proFieldParsingValueEnumToArray = valueEnumParams => {
+  const enumArray = [];
+  const valueEnum = objectToMap(valueEnumParams);
+  valueEnum.forEach((_, key) => {
+    const value = valueEnum.get(key) || valueEnum.get(`${key}`);
     if (!value) {
       return;
     }
-    if (_typeof(value) === 'object' && value !== null && value !== void 0 && value.text) {
+    if (typeof value === 'object' && value?.text) {
       enumArray.push({
-        text: value === null || value === void 0 ? void 0 : value.text,
+        text: value?.text,
         value: key,
-        label: value === null || value === void 0 ? void 0 : value.text,
+        label: value?.text,
         disabled: value.disabled
       });
       return;
@@ -110,53 +106,50 @@ export var proFieldParsingValueEnumToArray = function proFieldParsingValueEnumTo
   });
   return enumArray;
 };
-export var useFieldFetchData = function useFieldFetchData(props) {
-  var _ref5, _props$debounceTime, _props$fieldProps3, _props$fieldProps6;
-  var cacheForSwr = props.cacheForSwr,
-    fieldProps = props.fieldProps;
-  var _useState = useState(props.defaultKeyWords),
-    _useState2 = _slicedToArray(_useState, 2),
-    keyWords = _useState2[0],
-    setKeyWords = _useState2[1];
+export const useFieldFetchData = props => {
+  const {
+    cacheForSwr,
+    fieldProps
+  } = props;
+  const [keyWords, setKeyWords] = useState(props.defaultKeyWords);
   /** Key 是用来缓存请求的，如果不在是有问题 */
-  var _useState3 = useState(function () {
-      if (props.proFieldKey) {
-        return props.proFieldKey.toString();
-      }
-      if (props.request) {
-        return nanoid();
-      }
-      return 'no-fetch';
-    }),
-    _useState4 = _slicedToArray(_useState3, 1),
-    cacheKey = _useState4[0];
-  var proFieldKeyRef = useRef(cacheKey);
-  var getOptionsFormValueEnum = useRefFunction(function (coverValueEnum) {
-    return proFieldParsingValueEnumToArray(objectToMap(coverValueEnum)).map(function (_ref3) {
-      var value = _ref3.value,
-        text = _ref3.text,
-        rest = _objectWithoutProperties(_ref3, _excluded);
-      return _objectSpread({
-        label: text,
-        value: value,
-        key: value
-      }, rest);
-    });
+  const [cacheKey] = useState(() => {
+    if (props.proFieldKey) {
+      return props.proFieldKey.toString();
+    }
+    if (props.request) {
+      return nanoid();
+    }
+    return 'no-fetch';
   });
-  var defaultOptions = useDeepCompareMemo(function () {
+  const proFieldKeyRef = useRef(cacheKey);
+  const getOptionsFormValueEnum = useRefFunction(coverValueEnum => {
+    return proFieldParsingValueEnumToArray(objectToMap(coverValueEnum)).map(({
+      value,
+      text,
+      ...rest
+    }) => ({
+      label: text,
+      value,
+      key: value,
+      ...rest
+    }));
+  });
+  const defaultOptions = useDeepCompareMemo(() => {
     if (!fieldProps) return undefined;
-    var data = (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.options) || (fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.treeData);
+    const data = fieldProps?.options || fieldProps?.treeData;
     if (!data) return undefined;
-    var _ref4 = fieldProps.fieldNames || {},
-      children = _ref4.children,
-      label = _ref4.label,
-      value = _ref4.value;
-    var traverseFieldKey = function traverseFieldKey(_options, type) {
-      if (!(_options !== null && _options !== void 0 && _options.length)) return;
-      var length = _options.length;
-      var i = 0;
+    const {
+      children,
+      label,
+      value
+    } = fieldProps.fieldNames || {};
+    const traverseFieldKey = (_options, type) => {
+      if (!_options?.length) return;
+      const length = _options.length;
+      let i = 0;
       while (i < length) {
-        var cur = _options[i++];
+        const cur = _options[i++];
         if (cur[children] || cur[label] || cur[value]) {
           cur[type] = cur[type === 'children' ? children : type === 'label' ? label : value];
           traverseFieldKey(cur[children], type);
@@ -168,50 +161,35 @@ export var useFieldFetchData = function useFieldFetchData(props) {
     if (value) traverseFieldKey(data, 'value');
     return data;
   }, [fieldProps]);
-  var _useMountMergeState = useMountMergeState(function () {
-      if (props.valueEnum) {
-        return getOptionsFormValueEnum(props.valueEnum);
-      }
-      return [];
-    }, {
-      value: defaultOptions
-    }),
-    _useMountMergeState2 = _slicedToArray(_useMountMergeState, 2),
-    options = _useMountMergeState2[0],
-    setOptions = _useMountMergeState2[1];
-  useDeepCompareEffect(function () {
-    var _props$fieldProps, _props$fieldProps2;
+  const [options, setOptions] = useControlledState(() => props.valueEnum ? getOptionsFormValueEnum(props.valueEnum) : [], defaultOptions);
+  useDeepCompareEffect(() => {
     // 优先使用 fieldProps?.options
-    if (!props.valueEnum || (_props$fieldProps = props.fieldProps) !== null && _props$fieldProps !== void 0 && _props$fieldProps.options || (_props$fieldProps2 = props.fieldProps) !== null && _props$fieldProps2 !== void 0 && _props$fieldProps2.treeData) return;
+    if (!props.valueEnum || props.fieldProps?.options || props.fieldProps?.treeData) return;
     setOptions(getOptionsFormValueEnum(props.valueEnum));
   }, [props.valueEnum]);
-  var swrKey = useDebounceValue([proFieldKeyRef.current, props.params, keyWords], (_ref5 = (_props$debounceTime = props.debounceTime) !== null && _props$debounceTime !== void 0 ? _props$debounceTime : props === null || props === void 0 || (_props$fieldProps3 = props.fieldProps) === null || _props$fieldProps3 === void 0 ? void 0 : _props$fieldProps3.debounceTime) !== null && _ref5 !== void 0 ? _ref5 : 0, [props.params, keyWords]);
-  var _useSWR = useSWR(function () {
-      if (!props.request) {
-        return null;
-      }
-      return swrKey;
-    }, function (_ref6) {
-      var _ref7 = _slicedToArray(_ref6, 3),
-        params = _ref7[1],
-        kw = _ref7[2];
-      return props.request(_objectSpread(_objectSpread({}, params), {}, {
-        keyWords: kw
-      }), props);
-    }, {
-      revalidateIfStale: !cacheForSwr,
-      // 打开 cacheForSwr 的时候才应该支持两个功能
-      revalidateOnReconnect: cacheForSwr,
-      shouldRetryOnError: false,
-      // @todo 这个功能感觉应该搞个API出来
-      revalidateOnFocus: false
-    }),
-    data = _useSWR.data,
-    setLocaleData = _useSWR.mutate,
-    isValidating = _useSWR.isValidating;
-  var resOptions = useMemo(function () {
-    var _props$fieldProps4, _props$fieldProps5;
-    var opt = options === null || options === void 0 ? void 0 : options.map(function (item) {
+  const swrKey = useDebounceValue([proFieldKeyRef.current, props.params, keyWords], props.debounceTime ?? props?.fieldProps?.debounceTime ?? 0, [props.params, keyWords]);
+  const {
+    data,
+    mutate: setLocaleData,
+    isValidating
+  } = useSWR(() => {
+    if (!props.request) {
+      return null;
+    }
+    return swrKey;
+  }, ([, params, kw]) => props.request({
+    ...params,
+    keyWords: kw
+  }, props), {
+    revalidateIfStale: !cacheForSwr,
+    // 打开 cacheForSwr 的时候才应该支持两个功能
+    revalidateOnReconnect: cacheForSwr,
+    shouldRetryOnError: false,
+    // @todo 这个功能感觉应该搞个API出来
+    revalidateOnFocus: false
+  });
+  const resOptions = useMemo(() => {
+    const opt = options?.map(item => {
       if (typeof item === 'string') {
         return {
           label: item,
@@ -219,30 +197,31 @@ export var useFieldFetchData = function useFieldFetchData(props) {
         };
       }
       if (item.children || item.options) {
-        var childrenOptions = [].concat(_toConsumableArray(item.children || []), _toConsumableArray(item.options || [])).filter(function (mapItem) {
+        const childrenOptions = [...(item.children || []), ...(item.options || [])].filter(mapItem => {
           return filerByItem(mapItem, keyWords);
         });
-        return _objectSpread(_objectSpread({}, item), {}, {
+        return {
+          ...item,
           children: childrenOptions,
           options: childrenOptions
-        });
+        };
       }
       return item;
     });
 
     // filterOption 为 true 时 filter数据, filterOption 默认为true
-    if (((_props$fieldProps4 = props.fieldProps) === null || _props$fieldProps4 === void 0 ? void 0 : _props$fieldProps4.filterOption) === true || ((_props$fieldProps5 = props.fieldProps) === null || _props$fieldProps5 === void 0 ? void 0 : _props$fieldProps5.filterOption) === undefined) {
-      return opt === null || opt === void 0 ? void 0 : opt.filter(function (item) {
+    if (props.fieldProps?.filterOption === true || props.fieldProps?.filterOption === undefined) {
+      return opt?.filter(item => {
         if (!item) return false;
         if (!keyWords) return true;
         return filerByItem(item, keyWords);
       });
     }
     return opt;
-  }, [options, keyWords, (_props$fieldProps6 = props.fieldProps) === null || _props$fieldProps6 === void 0 ? void 0 : _props$fieldProps6.filterOption]);
-  return [isValidating, props.request ? data : resOptions, function (fetchKeyWords) {
+  }, [options, keyWords, props.fieldProps?.filterOption]);
+  return [isValidating, props.request ? data : resOptions, fetchKeyWords => {
     setKeyWords(fetchKeyWords);
-  }, function () {
+  }, () => {
     setKeyWords(undefined);
     setLocaleData([], false);
   }];
@@ -253,65 +232,59 @@ export var useFieldFetchData = function useFieldFetchData(props) {
  *
  * @param
  */
-var FieldSelect = function FieldSelect(props, ref) {
-  var _ConfigProvider$useCo;
-  var mode = props.mode,
-    valueEnum = props.valueEnum,
-    render = props.render,
-    formItemRender = props.formItemRender,
-    request = props.request,
-    fieldProps = props.fieldProps,
-    light = props.light,
-    proFieldKey = props.proFieldKey,
-    params = props.params,
-    label = props.label,
-    variant = props.variant,
-    id = props.id,
-    lightLabel = props.lightLabel,
-    labelTrigger = props.labelTrigger,
-    rest = _objectWithoutProperties(props, _excluded2);
-  var inputRef = useRef();
-  var intl = useIntl();
-  var keyWordsRef = useRef('');
-  var fieldNames = fieldProps.fieldNames;
-  useEffect(function () {
-    keyWordsRef.current = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.searchValue;
-  }, [fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.searchValue]);
-  var _useFieldFetchData = useFieldFetchData(props),
-    _useFieldFetchData2 = _slicedToArray(_useFieldFetchData, 4),
-    loading = _useFieldFetchData2[0],
-    options = _useFieldFetchData2[1],
-    _fetchData = _useFieldFetchData2[2],
-    resetData = _useFieldFetchData2[3];
-  var _ref8 = (ConfigProvider === null || ConfigProvider === void 0 || (_ConfigProvider$useCo = ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(ConfigProvider)) || {
-      componentSize: 'middle'
-    },
-    componentSize = _ref8.componentSize;
-  useImperativeHandle(ref, function () {
-    return _objectSpread(_objectSpread({}, inputRef.current || {}), {}, {
-      fetchData: function fetchData(keyWord) {
-        return _fetchData(keyWord);
-      }
-    });
-  }, [_fetchData]);
-  var optionsValueEnum = useMemo(function () {
+const FieldSelect = (props, ref) => {
+  const {
+    mode,
+    valueEnum,
+    render,
+    formItemRender,
+    request,
+    fieldProps,
+    light,
+    proFieldKey,
+    params,
+    label,
+    variant,
+    id,
+    lightLabel,
+    labelTrigger,
+    ...rest
+  } = props;
+  const inputRef = useRef();
+  const intl = useIntl();
+  const keyWordsRef = useRef('');
+  const {
+    fieldNames
+  } = fieldProps;
+  useEffect(() => {
+    keyWordsRef.current = fieldProps?.searchValue;
+  }, [fieldProps?.searchValue]);
+  const [loading, options, fetchData, resetData] = useFieldFetchData(props);
+  const {
+    componentSize
+  } = ConfigProvider?.useConfig?.() || {
+    componentSize: 'middle'
+  };
+  useImperativeHandle(ref, () => ({
+    ...(inputRef.current || {}),
+    fetchData: keyWord => fetchData(keyWord)
+  }), [fetchData]);
+  const optionsValueEnum = useMemo(() => {
     if (mode !== 'read') return;
-    var _ref9 = fieldNames || {},
-      _ref9$label = _ref9.label,
-      labelPropsName = _ref9$label === void 0 ? 'label' : _ref9$label,
-      _ref9$value = _ref9.value,
-      valuePropsName = _ref9$value === void 0 ? 'value' : _ref9$value,
-      _ref9$options = _ref9.options,
-      optionsPropsName = _ref9$options === void 0 ? 'options' : _ref9$options;
-    var valuesMap = new Map();
-    var traverseOptions = function traverseOptions(_options) {
-      if (!(_options !== null && _options !== void 0 && _options.length)) {
+    const {
+      label: labelPropsName = 'label',
+      value: valuePropsName = 'value',
+      options: optionsPropsName = 'options'
+    } = fieldNames || {};
+    const valuesMap = new Map();
+    const traverseOptions = _options => {
+      if (!_options?.length) {
         return valuesMap;
       }
-      var length = _options.length;
-      var i = 0;
+      const length = _options.length;
+      let i = 0;
       while (i < length) {
-        var cur = _options[i++];
+        const cur = _options[i++];
         valuesMap.set(cur[valuePropsName], cur[labelPropsName]);
         traverseOptions(cur[optionsPropsName]);
       }
@@ -320,21 +293,21 @@ var FieldSelect = function FieldSelect(props, ref) {
     return traverseOptions(options);
   }, [fieldNames, mode, options]);
   if (mode === 'read') {
-    var dom = /*#__PURE__*/_jsx(_Fragment, {
+    const dom = /*#__PURE__*/_jsx(_Fragment, {
       children: proFieldParsingText(rest.text, objectToMap(valueEnum || optionsValueEnum))
     });
     if (render) {
-      var _render;
-      return (_render = render(dom, _objectSpread({
-        mode: mode
-      }, fieldProps), dom)) !== null && _render !== void 0 ? _render : null;
+      return render(dom, {
+        mode,
+        ...fieldProps
+      }, dom) ?? null;
     }
     return dom;
   }
   if (mode === 'edit' || mode === 'update') {
-    var renderDom = function renderDom() {
+    const renderDom = () => {
       if (light) {
-        return /*#__PURE__*/_jsx(LightSelect, _objectSpread({
+        return /*#__PURE__*/_jsx(LightSelect, {
           variant: variant,
           id: id,
           loading: loading,
@@ -346,14 +319,16 @@ var FieldSelect = function FieldSelect(props, ref) {
           placeholder: intl.getMessage('tableForm.selectPlaceholder', '请选择'),
           lightLabel: lightLabel,
           labelTrigger: labelTrigger,
-          fetchData: _fetchData
-        }, fieldProps));
+          fetchData: fetchData,
+          ...fieldProps
+        });
       }
-      return /*#__PURE__*/_jsx(SearchSelect, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(SearchSelect, {
         className: rest.className,
-        style: _objectSpread({
-          minWidth: 100
-        }, rest.style),
+        style: {
+          minWidth: 100,
+          ...rest.style
+        },
         variant: variant,
         id: id,
         loading: loading,
@@ -362,17 +337,17 @@ var FieldSelect = function FieldSelect(props, ref) {
         defaultSearchValue: props.defaultKeyWords,
         notFoundContent: loading ? /*#__PURE__*/_jsx(Spin, {
           size: "small"
-        }) : fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.notFoundContent,
-        fetchData: function fetchData(keyWord) {
-          keyWordsRef.current = keyWord !== null && keyWord !== void 0 ? keyWord : '';
-          _fetchData(keyWord);
+        }) : fieldProps?.notFoundContent,
+        fetchData: keyWord => {
+          keyWordsRef.current = keyWord ?? '';
+          fetchData(keyWord);
           // 当 keyWord 为 undefined 时，清空 keyWordsRef 以确保 filterOption 不进行过滤
           if (keyWord === undefined) {
             keyWordsRef.current = '';
           }
         },
         resetData: resetData,
-        optionItemRender: function optionItemRender(item) {
+        optionItemRender: item => {
           if (typeof item.label === 'string' && keyWordsRef.current) {
             return /*#__PURE__*/_jsx(Highlight, {
               label: item.label,
@@ -382,22 +357,21 @@ var FieldSelect = function FieldSelect(props, ref) {
           return item.label;
         },
         placeholder: intl.getMessage('tableForm.selectPlaceholder', '请选择'),
-        label: label
-      }, fieldProps), {}, {
+        label: label,
+        ...fieldProps,
         options: options
-      }), "SearchSelect");
+      }, "SearchSelect");
     };
-    var _dom = renderDom();
+    const dom = renderDom();
     if (formItemRender) {
-      var _formItemRender;
-      return (_formItemRender = formItemRender(rest.text, _objectSpread(_objectSpread({
-        mode: mode
-      }, fieldProps), {}, {
-        options: options,
-        loading: loading
-      }), _dom)) !== null && _formItemRender !== void 0 ? _formItemRender : null;
+      return formItemRender(rest.text, {
+        mode,
+        ...fieldProps,
+        options,
+        loading
+      }, dom) ?? null;
     }
-    return _dom;
+    return dom;
   }
   return null;
 };

package/es/field/components/Slider/index.js

@@ -1,4 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Slider } from 'antd';
 import React from 'react';
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -8,18 +7,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * @param
  */
-var FieldSlider = function FieldSlider(_ref, ref) {
-  var text = _ref.text,
-    mode = _ref.mode,
-    render = _ref.render,
-    formItemRender = _ref.formItemRender,
-    fieldProps = _ref.fieldProps;
+const FieldSlider = ({
+  text,
+  mode,
+  render,
+  formItemRender,
+  fieldProps
+}, ref) => {
   if (mode === 'read') {
-    var dom = text;
+    const dom = text;
     if (render) {
-      return render(text, _objectSpread({
-        mode: mode
-      }, fieldProps), /*#__PURE__*/_jsx(_Fragment, {
+      return render(text, {
+        mode,
+        ...fieldProps
+      }, /*#__PURE__*/_jsx(_Fragment, {
         children: dom
       }));
     }
@@ -28,19 +29,21 @@ var FieldSlider = function FieldSlider(_ref, ref) {
     });
   }
   if (mode === 'edit' || mode === 'update') {
-    var _dom = /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({
-      ref: ref
-    }, fieldProps), {}, {
-      style: _objectSpread({
-        minWidth: 120
-      }, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style)
-    }));
+    const dom = /*#__PURE__*/_jsx(Slider, {
+      ref: ref,
+      ...fieldProps,
+      style: {
+        minWidth: 120,
+        ...fieldProps?.style
+      }
+    });
     if (formItemRender) {
-      return formItemRender(text, _objectSpread({
-        mode: mode
-      }, fieldProps), _dom);
+      return formItemRender(text, {
+        mode,
+        ...fieldProps
+      }, dom);
     }
-    return _dom;
+    return dom;
   }
   return null;
 };