@zat-design/sisyphus-react 4.0.0-beta.4 → 4.0.0-beta.6

package/es/ProForm/components/base/Checkbox/index.js

@@ -1,14 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "otherProps", "fieldNames"];
 import React from 'react';
-import { Checkbox as AntCheckbox } from 'antd';
 import Container from "../../Container";
 import { useProConfig } from "../../../../ProConfigProvider";
 import ProForm from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
-var Checkbox = function Checkbox(props) {
+var Checkbox = props => {
   var dataSource = props.dataSource,
     otherProps = props.otherProps,
     fieldNames = props.fieldNames,
@@ -25,10 +26,10 @@ var Checkbox = function Checkbox(props) {
   };
   if (isView) {
     var value = rest.value;
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -50,9 +51,7 @@ var Checkbox = function Checkbox(props) {
   // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
     var _dataSource$filter;
-    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(function (item) {
-      return Object.keys(item).includes('code') && Object.keys(item).includes('name');
-    })) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
+    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(item => Object.keys(item).includes('code') && Object.keys(item).includes('name'))) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
     if (hasCodeName) {
       _fieldNames = {
         label: 'name',
@@ -60,13 +59,13 @@ var Checkbox = function Checkbox(props) {
       };
     }
   }
-  return /*#__PURE__*/_jsx(AntCheckbox.Group, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Checkbox.Group, _objectSpread(_objectSpread({
     style: {
       width: '100%'
     }
   }, rest), {}, {
-    children: !!dataSource.length && dataSource.map(function (item) {
-      return /*#__PURE__*/_createElement(AntCheckbox, _objectSpread(_objectSpread({}, item), {}, {
+    children: !!dataSource.length && dataSource.map(item => {
+      return /*#__PURE__*/_createElement(_Checkbox, _objectSpread(_objectSpread({}, item), {}, {
         key: item[_fieldNames.value],
         value: item[_fieldNames.value]
       }), item[_fieldNames.label]);

package/es/ProForm/components/base/DatePicker/index.js

@@ -1,8 +1,8 @@
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "format"];
-import { DatePicker as AntDatePicker } from 'antd';
 import { isFunction, isString, isObject, omit } from 'lodash';
 import classNames from 'classnames';
 import dayjs from 'dayjs';
@@ -11,7 +11,7 @@ import { useProConfig } from "../../../../ProConfigProvider";
 import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DatePicker = function DatePicker(props) {
+var DatePicker = props => {
   var className = props.className,
     _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
@@ -24,9 +24,10 @@ var DatePicker = function DatePicker(props) {
 
   var initialConfig = useProConfig('DatePicker') || {};
   var nextFormat = format;
-  var nextClassName = classNames(_defineProperty({
-    'full-form-item': true
-  }, className, !!className));
+  var nextClassName = classNames({
+    'full-form-item': true,
+    [className]: !!className
+  });
   if (isView) {
     var value = rest.value;
     var viewChildren = null;
@@ -62,7 +63,7 @@ var DatePicker = function DatePicker(props) {
   if (isString(restProps.value)) {
     restProps.value = dayjs(restProps.value);
   }
-  return /*#__PURE__*/_jsx(AntDatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
+  return /*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
     format: nextFormat
   }, omit(restProps, ['otherProps'])), {}, {
     className: nextClassName

package/es/ProForm/components/base/DatePicker/useDateLimit.js

@@ -1,13 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useState } from 'react';
-export var useDateLimit = function useDateLimit() {
+export var useDateLimit = () => {
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     dates = _useState2[0],
     setDates = _useState2[1];
   return {
-    onCalendarChange: function onCalendarChange(val) {
-      return setDates(val);
-    }
+    onCalendarChange: val => setDates(val)
   };
 };

package/es/ProForm/components/base/Input/index.js

@@ -1,9 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "form", "placeholder", "fieldName", "otherProps", "desensitization"];
 import React from 'react';
-import { Input as AntInput } from 'antd';
-import { omit } from 'lodash';
+import { isFunction, omit } from 'lodash';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import locale from "../../../../locale";
@@ -31,36 +32,39 @@ var Input = function Input(props) {
     rest.value = rest === null || rest === void 0 || (_rest$value = rest.value) === null || _rest$value === void 0 || (_rest$value$toString = _rest$value.toString) === null || _rest$value$toString === void 0 ? void 0 : _rest$value$toString.call(_rest$value);
   }
   if (isView) {
-    if (desensitization !== null && desensitization !== void 0 && desensitization.length && props !== null && props !== void 0 && props.disabled) {
-      var isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
-      if (isDesensit === 'ON') {
-        return /*#__PURE__*/_jsx(Container, {
-          viewEmpty: viewEmpty,
-          children: maskStringRangeWithRegex(rest.value, desensitization)
-        });
+    if ((Array.isArray(desensitization) || isFunction(desensitization)) && props !== null && props !== void 0 && props.disabled) {
+      if (typeof rest.value === 'number') {
+        var _rest$value2, _rest$value2$toString;
+        rest.value = rest === null || rest === void 0 || (_rest$value2 = rest.value) === null || _rest$value2 === void 0 || (_rest$value2$toString = _rest$value2.toString) === null || _rest$value2$toString === void 0 ? void 0 : _rest$value2$toString.call(_rest$value2);
       }
+      return /*#__PURE__*/_jsx(Container, {
+        viewEmpty: viewEmpty,
+        children: maskStringRangeWithRegex(rest.value, desensitization)
+      });
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: rest.value
     });
   }
-  var ComInput = /*#__PURE__*/_jsx(AntInput, _objectSpread(_objectSpread({
+  var ComInput = /*#__PURE__*/_jsx(_Input, _objectSpread(_objectSpread({
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder)
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}`
   }, omit(initialConfig, ['trim', 'upperCase'])), rest));
 
   // 仅查看模式下进行数据脱敏
-  if (desensitization !== null && desensitization !== void 0 && desensitization.length && props !== null && props !== void 0 && props.disabled) {
-    var _isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
-    if (_isDesensit === 'ON') {
-      return /*#__PURE__*/React.cloneElement(ComInput, _objectSpread(_objectSpread(_objectSpread({
-        autoComplete: 'off',
-        placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder)
-      }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
-        value: maskStringRangeWithRegex(rest.value, desensitization)
-      }));
+  if ((Array.isArray(desensitization) || isFunction(desensitization)) && props !== null && props !== void 0 && props.disabled) {
+    if (typeof rest.value === 'number') {
+      var _rest$value3, _rest$value3$toString;
+      rest.value = rest === null || rest === void 0 || (_rest$value3 = rest.value) === null || _rest$value3 === void 0 || (_rest$value3$toString = _rest$value3.toString) === null || _rest$value3$toString === void 0 ? void 0 : _rest$value3$toString.call(_rest$value3);
     }
+    return /*#__PURE__*/React.cloneElement(ComInput, _objectSpread(_objectSpread(_objectSpread({
+      allowClear: true,
+      autoComplete: 'off',
+      placeholder: placeholder || `${locale.ProForm.inputPlaceholder}`
+    }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
+      value: maskStringRangeWithRegex(rest.value, desensitization)
+    }));
   }
   return ComInput;
 };

package/es/ProForm/components/base/InputNumber/index.js

@@ -1,10 +1,12 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["placeholder", "className", "otherProps", "range", "min", "max", "onBlur", "onFocus"];
 import React, { useMemo, useRef } from 'react';
-import { InputNumber as AntInputNumber, Space } from 'antd';
 import classNames from 'classnames';
 import Big from 'big.js';
 import { tools } from '@zat-design/utils';
@@ -23,7 +25,7 @@ var rangeReg = /^[([](-?\d+(\.\d+)?)?,\s*(-?\d+(\.\d+)?)?[)\]]$/;
 /**
  * 限制数字范围
  */
-var limitNumber = function limitNumber(num, _ref) {
+var limitNumber = (num, _ref) => {
   var min = _ref.min,
     max = _ref.max;
   if (num >= max) {
@@ -34,7 +36,7 @@ var limitNumber = function limitNumber(num, _ref) {
   }
   return num;
 };
-var InputNumber = function InputNumber(props) {
+var InputNumber = props => {
   var _props$precision4;
   var placeholder = props.placeholder,
     className = props.className,
@@ -57,7 +59,7 @@ var InputNumber = function InputNumber(props) {
   var valueType = 'valueType' in props ? props.valueType : valueTypeCon; // 组件可直接接收valueType参数, 优先级高
 
   var valueProps = {};
-  var formatter = function formatter(value) {
+  var formatter = value => {
     var _props$precision;
     if (value === '') return '';
     var num = Number(value);
@@ -77,11 +79,11 @@ var InputNumber = function InputNumber(props) {
       if ((props === null || props === void 0 ? void 0 : props.precision) === 0) {
         return int;
       }
-      return "".concat(int, ".").concat(float.padEnd((_props$precision2 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision2 !== void 0 ? _props$precision2 : 2, '0'));
+      return `${int}.${float.padEnd((_props$precision2 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision2 !== void 0 ? _props$precision2 : 2, '0')}`;
     }
     return val;
   };
-  var _parser = function parser(value, precision) {
+  var _parser = (value, precision) => {
     if (value === '') return value;
     var num = Number(value.replace(/[\s,]+/g, ''));
     return Number.isNaN(num) || !precision && precision !== 0 ? Number.isNaN(Number(value)) ? null : Number(value) : Number(num.toFixed(precision));
@@ -94,8 +96,8 @@ var InputNumber = function InputNumber(props) {
       case 'money':
       case 'amount':
         valueProps = {
-          formatter: formatter,
-          parser: function parser(val) {
+          formatter,
+          parser: val => {
             var _props$precision3;
             return _parser(val, (_props$precision3 = props === null || props === void 0 ? void 0 : props.precision) !== null && _props$precision3 !== void 0 ? _props$precision3 : 2);
           },
@@ -124,7 +126,7 @@ var InputNumber = function InputNumber(props) {
         };
     }
   }
-  var _useMemo = useMemo(function () {
+  var _useMemo = useMemo(() => {
       var _ref3, _min2, _valueProps, _ref4, _max2, _valueProps2;
       var _min;
       var _max;
@@ -166,9 +168,10 @@ var InputNumber = function InputNumber(props) {
     _useMemo2 = _slicedToArray(_useMemo, 2),
     _min = _useMemo2[0],
     _max = _useMemo2[1];
-  var _className = classNames(_defineProperty({
-    'full-form-item': true
-  }, className, !!className));
+  var _className = classNames({
+    'full-form-item': true,
+    [className]: !!className
+  });
   if (isView) {
     var _value = rest.value,
       precision = rest.precision;
@@ -228,7 +231,7 @@ var InputNumber = function InputNumber(props) {
       case 'thousandthCNY':
         return /*#__PURE__*/_jsx(Container, {
           viewEmpty: viewEmpty,
-          children: /*#__PURE__*/_jsxs(Space, {
+          children: /*#__PURE__*/_jsxs(_Space, {
             size: 4,
             children: [_value || _value === 0 ? 'CNY' : '', tools.formatAmount(_value, precision)]
           })
@@ -242,7 +245,7 @@ var InputNumber = function InputNumber(props) {
   }
 
   // 失去焦点时处理数字，
-  var handleBlur = function handleBlur(e) {
+  var handleBlur = e => {
     var _e$target, _props$precision5, _valueProps3, _e$target3;
     activateRef.current = false;
     var value = e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value;
@@ -282,13 +285,13 @@ var InputNumber = function InputNumber(props) {
   };
 
   // 获得焦点
-  var handleFocus = function handleFocus(e) {
+  var handleFocus = e => {
     activateRef.current = true;
     onFocus === null || onFocus === void 0 || onFocus(e);
   };
-  return /*#__PURE__*/_jsx(AntInputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_InputNumber, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label !== null && label !== void 0 ? label : ''),
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label !== null && label !== void 0 ? label : ''}`,
     className: _className
   }, initialConfig), valueProps), rest), {}, {
     onBlur: handleBlur,

package/es/ProForm/components/base/Radio/index.js

@@ -1,13 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/radio/style";
+import _Radio from "antd/es/radio";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "onChange", "value", "otherProps"];
-import { Radio as AntRadio } from 'antd';
 import React from 'react';
 import { useProConfig } from "../../../../ProConfigProvider";
 import Container from "../../Container";
 import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Radio = function Radio(props) {
+var Radio = props => {
   var dataSource = props.dataSource,
     fieldNames = props.fieldNames,
     _onChange = props.onChange,
@@ -24,10 +25,10 @@ var Radio = function Radio(props) {
     value: 'value'
   };
   if (isView) {
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -42,9 +43,7 @@ var Radio = function Radio(props) {
   // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
     var _dataSource$filter;
-    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(function (item) {
-      return Object.keys(item).includes('code') && Object.keys(item).includes('name');
-    })) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
+    var hasCodeName = Boolean((_dataSource$filter = dataSource.filter(item => Object.keys(item).includes('code') && Object.keys(item).includes('name'))) === null || _dataSource$filter === void 0 ? void 0 : _dataSource$filter.length);
     if (hasCodeName) {
       _fieldNames = {
         label: 'name',
@@ -52,13 +51,13 @@ var Radio = function Radio(props) {
       };
     }
   }
-  return /*#__PURE__*/_jsx(AntRadio.Group, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsx(_Radio.Group, _objectSpread(_objectSpread({}, rest), {}, {
     value: value,
-    onChange: function onChange(e) {
+    onChange: e => {
       _onChange(e, e.target.value);
     },
-    children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(function (radioItem) {
-      return /*#__PURE__*/_jsx(AntRadio, {
+    children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(radioItem => {
+      return /*#__PURE__*/_jsx(_Radio, {
         value: radioItem[_fieldNames.value],
         children: radioItem[_fieldNames.label]
       }, radioItem[_fieldNames.value]);

package/es/ProForm/components/base/RangePicker/index.js

@@ -1,9 +1,8 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker"; // @ts-check
 var _excluded = ["format", "otherProps", "separator", "range"];
-// @ts-check
-import { DatePicker } from 'antd';
 import { isFunction, isObject, isString, omit, uniq } from 'lodash';
 import dayjs from 'dayjs';
 import React from 'react';
@@ -12,8 +11,8 @@ import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import { useDateRange } from "./useDateRange";
 import { jsx as _jsx } from "react/jsx-runtime";
-var AntRangePicker = DatePicker.RangePicker;
-var RangePicker = function RangePicker(props) {
+var AntRangePicker = _DatePicker.RangePicker;
+var RangePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
     otherProps = props.otherProps,
@@ -29,7 +28,7 @@ var RangePicker = function RangePicker(props) {
 
   // 返回函数管理起止时间可选范围
   var rangeRegulator = useDateRange({
-    range: range,
+    range,
     disabledDate: rest.disabledDate
   });
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
@@ -54,9 +53,7 @@ var RangePicker = function RangePicker(props) {
   if (isFunction(format)) {
     tempFormat = [];
   }
-  var _format = uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
-    return !!formatKey;
-  });
+  var _format = uniq([...tempFormat, 'YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD']).filter(formatKey => !!formatKey);
   var _defaultShowTime = {
     format: 'HH:mm:ss'
   };
@@ -67,7 +64,7 @@ var RangePicker = function RangePicker(props) {
     if (!value || !value[0] || !value[1]) {
       viewChildren = null;
     } else if (Array.isArray(format)) {
-      var formattedList = format.map(function (formatItem, index) {
+      var formattedList = format.map((formatItem, index) => {
         var _format2, _ref2;
         if (isFunction(formatItem)) {
           return formatItem(value[index]);
@@ -76,9 +73,9 @@ var RangePicker = function RangePicker(props) {
       });
       viewChildren = formattedList.join(separator);
     } else if (isFunction(format)) {
-      viewChildren = "".concat(format(value[0]), " ").concat(separator, " ").concat(format(value[1]));
+      viewChildren = `${format(value[0])} ${separator} ${format(value[1])}`;
     } else {
-      viewChildren = "".concat(value[0].format(_viewFormat), " ").concat(separator, " ").concat(value[1].format(_viewFormat));
+      viewChildren = `${value[0].format(_viewFormat)} ${separator} ${value[1].format(_viewFormat)}`;
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,

package/es/ProForm/components/base/RangePicker/useDateRange.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 /**
  * 支持传入时间范围作为起止期的间隔时间
  */
-export var useDateRange = function useDateRange(props) {
+export var useDateRange = props => {
   var range = props.range,
     _disabledDate = props.disabledDate;
   var _useState = useState([]),
@@ -12,7 +12,7 @@ export var useDateRange = function useDateRange(props) {
     setDates = _useState2[1];
   if (!range) return;
   return {
-    onCalendarChange: function onCalendarChange(val) {
+    onCalendarChange: val => {
       var _val$, _val$2;
       if (!val) {
         setDates(val);
@@ -21,7 +21,7 @@ export var useDateRange = function useDateRange(props) {
       var _val = [(_val$ = val[0]) === null || _val$ === void 0 ? void 0 : _val$.clone().startOf('day'), (_val$2 = val[1]) === null || _val$2 === void 0 ? void 0 : _val$2.clone().startOf('day')];
       setDates(_val);
     },
-    disabledDate: function disabledDate(current) {
+    disabledDate: current => {
       if (!dates) return false;
       var _current = current.clone().startOf('day');
       var tooLate = dates[0] && _current.diff(dates[0], range[1]) >= range[0];

package/es/ProForm/components/base/Select/index.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "fieldNames", "otherProps", "scrollFollowParent"];
-import { Select as AntSelect } from 'antd';
 import React from 'react';
 import { isNumber } from 'lodash';
 import Container from "../../Container";
@@ -9,7 +10,7 @@ import { useProConfig } from "../../../../ProConfigProvider";
 import locale from "../../../../locale";
 import ProForm from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Select = function Select(props) {
+var Select = props => {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     fieldNames = props.fieldNames,
@@ -29,10 +30,10 @@ var Select = function Select(props) {
   };
   if (isView) {
     var value = rest.value;
-    var transToLabel = function transToLabel(value) {
-      var labelList = value.map(function (item) {
+    var transToLabel = value => {
+      var labelList = value.map(item => {
         var _dataSource$find;
-        return (_dataSource$find = dataSource.find(function (dataItem) {
+        return (_dataSource$find = dataSource.find(dataItem => {
           return dataItem[_fieldNames.value] === item;
         })) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find[_fieldNames.label];
       });
@@ -50,10 +51,10 @@ var Select = function Select(props) {
       children: value || isNumber(value) ? transToLabel([value]) : null
     });
   }
-  return /*#__PURE__*/_jsx(AntSelect, _objectSpread(_objectSpread(_objectSpread({
-    placeholder: "".concat(locale.ProForm.selectPlaceHolder),
+  return /*#__PURE__*/_jsx(_Select, _objectSpread(_objectSpread(_objectSpread({
+    placeholder: `${locale.ProForm.selectPlaceHolder}`,
     allowClear: true,
-    getPopupContainer: function getPopupContainer(trigger) {
+    getPopupContainer: trigger => {
       return scrollFollowParent ? trigger.parentElement : document.body;
     }
   }, initialConfig), {}, {

package/es/ProForm/components/base/Switch/index.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/switch/style";
+import _Switch from "antd/es/switch";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disabled", "otherProps"];
-import { Switch as AntSwitch } from 'antd';
 import React from 'react';
 import { isNull, isUndefined } from 'lodash';
 import { useProConfig } from "../../../../ProConfigProvider";
@@ -10,7 +11,7 @@ import locale from "../../../../locale";
 import ProForm from "../../../../ProForm";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Switch = function Switch(props) {
+var Switch = props => {
   var disabled = props.disabled,
     otherProps = props.otherProps,
     res = _objectWithoutProperties(props, _excluded);
@@ -28,13 +29,13 @@ var Switch = function Switch(props) {
     }
     return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
-      children: res.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
+      children: res.checked === true ? `${locale.ProForm.switchText[0]}` : `${locale.ProForm.switchText[1]}`
     });
   }
-  return /*#__PURE__*/_jsx(AntSwitch, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Switch, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
-    checkedChildren: "".concat(locale.ProForm.switchText[0]),
-    unCheckedChildren: "".concat(locale.ProForm.switchText[1])
+    checkedChildren: `${locale.ProForm.switchText[0]}`,
+    unCheckedChildren: `${locale.ProForm.switchText[1]}`
   }, config), res), {}, {
     id: "switch_only" // 解决点击label联动的问题
   }));

package/es/ProForm/components/base/SwitchCheckbox/index.js

@@ -1,8 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["onChange", "disabled", "value", "otherProps", "className"];
 import * as React from 'react';
-import { Checkbox } from 'antd';
 import { isNull, isUndefined } from 'lodash';
 import classnames from 'classnames';
 import { useProConfig } from "../../../../ProConfigProvider";
@@ -10,7 +11,7 @@ import locale from "../../../../locale";
 import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var SwitchCheckbox = function SwitchCheckbox(props) {
+var SwitchCheckbox = props => {
   var onChange = props.onChange,
     disabled = props.disabled,
     value = props.value,
@@ -23,7 +24,7 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
     valueType = _ref.valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = useProConfig('SwitchCheckbox');
-  var changeVal = function changeVal(e) {
+  var changeVal = e => {
     onChange(e.target.checked);
   };
   if (isView) {
@@ -46,15 +47,15 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
         children: restProps.label
       }), /*#__PURE__*/_jsx("span", {
         className: "switch-checkbox-view-value",
-        children: restProps.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
+        children: restProps.checked === true ? `${locale.ProForm.switchText[0]}` : `${locale.ProForm.switchText[1]}`
       })]
     });
   }
   var classNames = classnames({
     'pro-switch-checkbox': true,
-    className: className
+    className
   });
-  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Checkbox, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
     onChange: changeVal,
     className: classNames

package/es/ProForm/components/base/TextArea/index.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
-import { Input } from 'antd';
 import { omit } from 'lodash';
 import React from 'react';
 import classnames from 'classnames';
@@ -12,8 +12,8 @@ import ProForm from "../../../../ProForm";
 import Container from "../../Container";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
-var TextArea = Input.TextArea;
-var TextAreaDef = function TextAreaDef(props) {
+var TextArea = _Input.TextArea;
+var TextAreaDef = props => {
   var _props$style;
   var placeholder = props.placeholder,
     otherProps = props.otherProps,
@@ -35,14 +35,15 @@ var TextAreaDef = function TextAreaDef(props) {
       children: rest.value
     });
   }
-  var _className = classnames(_defineProperty({
+  var _className = classnames({
     'pro-textarea': true,
-    'pro-textarea-view': isView
-  }, className, className));
+    'pro-textarea-view': isView,
+    [className]: className
+  });
   return /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread(_objectSpread({
     showCount: true,
     autoComplete: "off",
-    placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label || ''),
+    placeholder: placeholder || `${locale.ProForm.inputPlaceholder}${label || ''}`,
     autoSize: !(props !== null && props !== void 0 && (_props$style = props.style) !== null && _props$style !== void 0 && _props$style.height)
   }, omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
     className: _className