@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

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

@@ -1,12 +1,12 @@
 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";
-import { useProConfig } from '../../../../ProConfigProvider';
-import Container from '../../Container';
-import ProForm from '../../../../ProForm';
 var Radio = function Radio(props) {
   var dataSource = props.dataSource,
     fieldNames = props.fieldNames,
@@ -33,11 +33,12 @@ var Radio = function Radio(props) {
       });
       return labelList.join('，');
     };
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: value ? transToLabel([value]) : ''
     });
   }
+
   // 假如dataSource包含code,name, fieldNames没有配置，_fieldNames默认为code, name
   if (Array.isArray(dataSource) && !fieldNames) {
     var _dataSource$filter;
@@ -51,13 +52,13 @@ var Radio = function Radio(props) {
       };
     }
   }
-  return _jsx(_Radio.Group, _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsx(AntRadio.Group, _objectSpread(_objectSpread({}, rest), {}, {
     value: value,
     onChange: function onChange(e) {
       _onChange(e, e.target.value);
     },
-    children: !!(dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) && dataSource.map(function (radioItem) {
-      return _jsx(_Radio, {
+    children: !!(dataSource !== null && dataSource !== void 0 && dataSource.length) && dataSource.map(function (radioItem) {
+      return /*#__PURE__*/_jsx(AntRadio, {
         value: radioItem[_fieldNames.value],
         children: radioItem[_fieldNames.label]
       }, radioItem[_fieldNames.value]);

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

@@ -1,23 +1,18 @@
 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";
-import _uniq from "lodash/uniq";
-import _omit from "lodash/omit";
-import _isString from "lodash/isString";
-import _isObject from "lodash/isObject";
-import _isFunction from "lodash/isFunction";
 var _excluded = ["format", "otherProps", "separator", "range"];
-import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-check
-
-import moment from 'moment';
-import { useProConfig } from '../../../../ProConfigProvider';
-import ProForm from '../../../../ProForm';
-import Container from '../../Container';
-import { useDateRange } from './useDateRange';
-var AntRangePicker = _DatePicker.RangePicker;
+import { DatePicker } from 'antd';
+import { isFunction, isObject, isString, omit, uniq } from 'lodash';
+import dayjs from 'dayjs';
+import React from 'react';
+import { useProConfig } from "../../../../ProConfigProvider";
+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 _props$format = props.format,
     format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
@@ -31,6 +26,7 @@ var RangePicker = function RangePicker(props) {
     isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty,
     valueType = _ref.valueType;
+
   // 返回函数管理起止时间可选范围
   var rangeRegulator = useDateRange({
     range: range,
@@ -38,6 +34,7 @@ var RangePicker = function RangePicker(props) {
   });
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var _rest = _objectSpread({}, rest);
+
   // showTime默认值受valueType属性影响
   if (rest.showTime === undefined) {
     if (valueType === 'dateTime') {
@@ -47,16 +44,17 @@ var RangePicker = function RangePicker(props) {
       _rest.showTime = false;
     }
   }
+
   // 字符串时间格式兼容
-  if (Array.isArray(_rest.value) && _isString(_rest.value[0]) && _isString(_rest.value[1])) {
-    _rest.value = [moment(_rest.value[0]), moment(_rest.value[1])];
+  if (Array.isArray(_rest.value) && isString(_rest.value[0]) && isString(_rest.value[1])) {
+    _rest.value = [dayjs(_rest.value[0]), dayjs(_rest.value[1])];
   }
   var _viewFormat = Array.isArray(format) ? format[0] : format;
   var tempFormat = Array.isArray(format) ? format : [format];
-  if (_isFunction(format)) {
+  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) {
+  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 _defaultShowTime = {
@@ -70,18 +68,19 @@ var RangePicker = function RangePicker(props) {
       viewChildren = null;
     } else if (Array.isArray(format)) {
       var formattedList = format.map(function (formatItem, index) {
-        if (_isFunction(formatItem)) {
+        var _format2, _ref2;
+        if (isFunction(formatItem)) {
           return formatItem(value[index]);
         }
-        return value[index].format(formatItem);
+        return ((_format2 = (_ref2 = value[index]).format) === null || _format2 === void 0 ? void 0 : _format2.call(_ref2, formatItem)) || value[index];
       });
       viewChildren = formattedList.join(separator);
-    } else if (_isFunction(format)) {
+    } else if (isFunction(format)) {
       viewChildren = "".concat(format(value[0]), " ").concat(separator, " ").concat(format(value[1]));
     } else {
       viewChildren = "".concat(value[0].format(_viewFormat), " ").concat(separator, " ").concat(value[1].format(_viewFormat));
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: viewChildren
     });
@@ -89,10 +88,10 @@ var RangePicker = function RangePicker(props) {
   if (_rest.showTime === true) {
     _rest.showTime = _objectSpread({}, _defaultShowTime);
   }
-  if (_isObject(_rest.showTime)) {
+  if (isObject(_rest.showTime)) {
     _rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
   }
-  return _jsx(AntRangePicker, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, initialConfig), _omit(_rest, ['separator'])), rangeRegulator), {}, {
+  return /*#__PURE__*/_jsx(AntRangePicker, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, initialConfig), omit(_rest, ['separator'])), rangeRegulator), {}, {
     format: _format
   }));
 };

package/es/ProForm/components/base/RangePicker/useDateRange.d.ts

@@ -1,15 +1,15 @@
-import { Moment } from 'moment';
+import type { Dayjs } from 'dayjs';
 type unitOfTime = 'year' | 'years' | 'y' | 'month' | 'months' | 'M' | 'week' | 'weeks' | 'w' | 'day' | 'days' | 'd';
 export interface Props {
-    value?: [Moment?, Moment?];
+    value?: [Dayjs?, Dayjs?];
     range: [number, unitOfTime];
-    disabledDate?: (date: Moment) => boolean;
+    disabledDate?: (date: Dayjs) => boolean;
 }
 /**
  * 支持传入时间范围作为起止期的间隔时间
  */
 export declare const useDateRange: (props: Props) => {
-    onCalendarChange: (val?: [Moment?, Moment?]) => void;
-    disabledDate: (current: Moment) => boolean;
+    onCalendarChange: (val?: [Dayjs?, Dayjs?]) => void;
+    disabledDate: (current: Dayjs) => boolean;
 };
 export {};

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

@@ -1,14 +1,14 @@
 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";
-import _isNumber from "lodash/isNumber";
 var _excluded = ["dataSource", "fieldNames", "otherProps", "scrollFollowParent"];
+import { Select as AntSelect } from 'antd';
+import React from 'react';
+import { isNumber } from 'lodash';
+import Container from "../../Container";
+import { useProConfig } from "../../../../ProConfigProvider";
+import locale from "../../../../locale";
+import ProForm from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
-import Container from '../../Container';
-import { useProConfig } from '../../../../ProConfigProvider';
-import locale from '../../../../locale';
-import ProForm from '../../../index';
 var Select = function Select(props) {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
@@ -21,6 +21,7 @@ var Select = function Select(props) {
     isViewCon = _ref.isView,
     viewEmpty = _ref.viewEmpty;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+
   var initialConfig = useProConfig('Select') || {};
   var _fieldNames = fieldNames || initialConfig.fieldNames || {
     label: 'label',
@@ -38,18 +39,18 @@ var Select = function Select(props) {
       return labelList.join('，');
     };
     if (Array.isArray(value)) {
-      return _jsx(Container, {
+      return /*#__PURE__*/_jsx(Container, {
         tooltip: true,
         viewEmpty: viewEmpty,
         children: transToLabel(value)
       });
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
-      children: value || _isNumber(value) ? transToLabel([value]) : null
+      children: value || isNumber(value) ? transToLabel([value]) : null
     });
   }
-  return _jsx(_Select, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AntSelect, _objectSpread(_objectSpread(_objectSpread({
     placeholder: "".concat(locale.ProForm.selectPlaceHolder),
     allowClear: true,
     getPopupContainer: function getPopupContainer(trigger) {

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

@@ -1,15 +1,15 @@
 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";
-import _isUndefined from "lodash/isUndefined";
-import _isNull from "lodash/isNull";
 var _excluded = ["disabled", "otherProps"];
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useProConfig } from '../../../../ProConfigProvider';
-import Container from '../../Container';
-import locale from '../../../../locale';
-import ProForm from '../../../../ProForm';
+import { Switch as AntSwitch } from 'antd';
+import React from 'react';
+import { isNull, isUndefined } from 'lodash';
+import { useProConfig } from "../../../../ProConfigProvider";
+import Container from "../../Container";
+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 disabled = props.disabled,
     otherProps = props.otherProps,
@@ -21,17 +21,17 @@ var Switch = function Switch(props) {
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var config = useProConfig('Switch');
   if (isView) {
-    if (_isUndefined(res === null || res === void 0 ? void 0 : res.checked) || _isNull(res === null || res === void 0 ? void 0 : res.checked) || valueType === 'switch' && _isUndefined(res.value)) {
-      return _jsx(_Fragment, {
+    if (isUndefined(res === null || res === void 0 ? void 0 : res.checked) || isNull(res === null || res === void 0 ? void 0 : res.checked) || valueType === 'switch' && isUndefined(res.value)) {
+      return /*#__PURE__*/_jsx(_Fragment, {
         children: viewEmpty
       });
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: res.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
     });
   }
-  return _jsx(_Switch, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(AntSwitch, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
     checkedChildren: "".concat(locale.ProForm.switchText[0]),
     unCheckedChildren: "".concat(locale.ProForm.switchText[1])

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

@@ -1,15 +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";
-import _isUndefined from "lodash/isUndefined";
-import _isNull from "lodash/isNull";
 var _excluded = ["onChange", "disabled", "value", "otherProps", "className"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Checkbox } from 'antd';
+import { isNull, isUndefined } from 'lodash';
 import classnames from 'classnames';
-import { useProConfig } from '../../../../ProConfigProvider';
-import locale from '../../../../locale';
-import ProForm from '../../../../ProForm';
+import { useProConfig } from "../../../../ProConfigProvider";
+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 onChange = props.onChange,
     disabled = props.disabled,
@@ -27,24 +27,24 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
     onChange(e.target.checked);
   };
   if (isView) {
-    if (_isUndefined(restProps.checked) || _isNull(restProps.checked) || valueType === 'switch' && _isUndefined(value)) {
-      return _jsxs("span", {
+    if (isUndefined(restProps.checked) || isNull(restProps.checked) || valueType === 'switch' && isUndefined(value)) {
+      return /*#__PURE__*/_jsxs("span", {
         className: "switch-checkbox-view",
-        children: [_jsx("span", {
+        children: [/*#__PURE__*/_jsx("span", {
           className: "switch-checkbox-view-label",
           children: restProps.label
-        }), _jsx("span", {
+        }), /*#__PURE__*/_jsx("span", {
           className: "switch-checkbox-view-value",
           children: viewEmpty
         })]
       });
     }
-    return _jsxs("span", {
+    return /*#__PURE__*/_jsxs("span", {
       className: "switch-checkbox-view",
-      children: [_jsx("span", {
+      children: [/*#__PURE__*/_jsx("span", {
         className: "switch-checkbox-view-label",
         children: restProps.label
-      }), _jsx("span", {
+      }), /*#__PURE__*/_jsx("span", {
         className: "switch-checkbox-view-value",
         children: restProps.checked === true ? "".concat(locale.ProForm.switchText[0]) : "".concat(locale.ProForm.switchText[1])
       })]
@@ -54,7 +54,7 @@ var SwitchCheckbox = function SwitchCheckbox(props) {
     'pro-switch-checkbox': true,
     className: className
   });
-  return _jsx(_Checkbox, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread(_objectSpread({
     disabled: disabled,
     onChange: changeVal,
     className: classNames

package/es/ProForm/components/base/SwitchCheckbox/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .switch-checkbox-view {
   display    : flex;

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

@@ -1,18 +1,18 @@
 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";
-import _omit from "lodash/omit";
 var _excluded = ["placeholder", "otherProps", "className", "tooltip"];
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Input } from 'antd';
+import { omit } from 'lodash';
+import React from 'react';
 import classnames from 'classnames';
-import { useProConfig } from '../../../../ProConfigProvider';
-import locale from '../../../../locale';
-import ProForm from '../../../../ProForm';
-import Container from '../../Container';
-import './index.less';
-var TextArea = _Input.TextArea;
+import { useProConfig } from "../../../../ProConfigProvider";
+import locale from "../../../../locale";
+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 _props$style;
   var placeholder = props.placeholder,
@@ -28,7 +28,7 @@ var TextAreaDef = function TextAreaDef(props) {
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = useProConfig('TextArea');
   if (isView) {
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       nowrap: false,
       tooltip: tooltip,
       viewEmpty: viewEmpty,
@@ -38,13 +38,13 @@ var TextAreaDef = function TextAreaDef(props) {
   var _className = classnames(_defineProperty({
     'pro-textarea': true,
     'pro-textarea-view': isView
-  }, className, true));
-  return _jsx(TextArea, _objectSpread(_objectSpread(_objectSpread({
+  }, className, className));
+  return /*#__PURE__*/_jsx(TextArea, _objectSpread(_objectSpread(_objectSpread({
     showCount: true,
     autoComplete: "off",
     placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label || ''),
-    autoSize: !(props === null || props === void 0 ? void 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.height)
-  }, _omit(initialConfig, ['trim', 'upperCase'])), rest), {}, {
+    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
   }));
 };

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

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 div.pro-textarea-view {
   .@{ant-prefix}-input-disabled {
@@ -13,7 +13,17 @@ div.pro-textarea-view {
 
 // input-textarea级联选择
 .pro-textarea {
+  position: relative;
   .@{ant-prefix}-input {
     resize: auto !important;
+    padding-bottom: 20px;
+  }
+  .@{ant-prefix}-input-suffix {
+    position: absolute;
+    right: 16px;
+    bottom: 22px;
+    // width: calc(100% - 18px);
+    text-align: right;
+    background: rgba(255, 255, 255, 0.6);
   }
 }

package/es/ProForm/components/base/TimePicker/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { TimePickerProps } from 'antd/es/time-picker';
+import type { TimePickerProps } from 'antd';
 import type { ProFormOtherType } from '../../../propsType';
-import './style/index.less';
 export interface Props {
     valueType?: string;
     format?: string;

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

@@ -1,14 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/time-picker/style";
-import _TimePicker from "antd/es/time-picker";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["format", "onChange", "value", "otherProps"];
+import React from 'react';
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import { useProConfig } from "../../../../ProConfigProvider";
+import Container from "../../Container";
+import ProForm from "../../../../ProForm";
 import { jsx as _jsx } from "react/jsx-runtime";
-import moment from 'moment';
-import { useProConfig } from '../../../../ProConfigProvider';
-import Container from '../../Container';
-import ProForm from '../../../../ProForm';
-import './style/index.less';
+var AntTimePicker = DatePicker.TimePicker;
 var TimePicker = function TimePicker(props) {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
@@ -25,17 +25,17 @@ var TimePicker = function TimePicker(props) {
   var initialConfig = useProConfig('AntTimePicker');
   var handleChange = function handleChange(value) {
     if (valueType === 'dateTime') {
-      onChange && onChange(value ? moment(value).format(format) : undefined);
+      onChange && onChange(value ? dayjs(value).format(format) : undefined);
     }
   };
   if (isView) {
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
       children: value
     });
   }
-  return _jsx(_TimePicker, _objectSpread(_objectSpread(_objectSpread({
-    value: value ? moment(value, format) : undefined
+  return /*#__PURE__*/_jsx(AntTimePicker, _objectSpread(_objectSpread(_objectSpread({
+    value: value ? dayjs(value, format) : undefined
   }, initialConfig), rest), {}, {
     format: format,
     onChange: handleChange

package/es/ProForm/components/base/TimePicker/style/index.less

@@ -1,6 +1,8 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
-.@{ant-prefix}-picker {
+/* 适配antd 5.x，不再导入antd样式 */
+
+.ant-picker-time {
   display: flex;
 }

package/es/ProForm/components/combination/Container/index.js

@@ -1,12 +1,14 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _omit from "lodash/omit";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
+import { omit } from 'lodash';
 import classnames from 'classnames';
-import RenderFields from '../../render/RenderFields';
-import ProCollapse from '../../../../ProLayout/components/ProCollapse';
-import ProForm from '../../../../ProForm';
+import RenderFields from "../../render/RenderFields";
+import ProCollapse from "../../../../ProLayout/components/ProCollapse";
+import ProForm from "../../../../ProForm";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Container = function Container(props) {
   var children = props.children,
     className = props.className,
@@ -23,7 +25,7 @@ var Container = function Container(props) {
   var _className = classnames(_defineProperty({
     'pro-container': true,
     'pro-container-diy': type === 'Container',
-    'pro-container-empty': !(children === null || children === void 0 ? void 0 : children.length)
+    'pro-container-empty': !(children !== null && children !== void 0 && children.length)
   }, "".concat(className), className));
   var _children = useMemo(function () {
     var result = children === null || children === void 0 ? void 0 : children.map(function (item) {
@@ -37,19 +39,19 @@ var Container = function Container(props) {
     return result;
   }, [children]);
   var childRender = function childRender() {
-    var child = _jsx(RenderFields, _objectSpread({
+    var child = /*#__PURE__*/_jsx(RenderFields, _objectSpread({
       columns: _children,
       form: form,
       diffConfig: diffConfig
     }, otherProps));
     if (type === 'ProCollapse') {
-      return _jsx(ProCollapse, _objectSpread(_objectSpread({}, _omit(props, ['otherProps', 'children', 'onBlur', 'onChange', 'placeholder', 'className'])), {}, {
+      return /*#__PURE__*/_jsx(ProCollapse, _objectSpread(_objectSpread({}, omit(props, ['otherProps', 'children', 'onBlur', 'onChange', 'placeholder', 'className'])), {}, {
         children: child
       }));
     }
     if (type === 'Container') {
-      return _jsxs(_Fragment, {
-        children: [container, _jsx("div", {
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [container, /*#__PURE__*/_jsx("div", {
           className: "pro-container-content",
           children: child
         })]
@@ -57,7 +59,7 @@ var Container = function Container(props) {
     }
     return child;
   };
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: _className,
     children: childRender()
   });

package/es/ProForm/components/combination/Container/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-container {
   &.pro-container-empty{