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

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,13 @@
 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 { jsx as _jsx } from "react/jsx-runtime";
-import moment from 'moment';
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
 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,7 +24,7 @@ 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) {
@@ -34,8 +33,8 @@ var TimePicker = function TimePicker(props) {
       children: value
     });
   }
-  return _jsx(_TimePicker, _objectSpread(_objectSpread(_objectSpread({
-    value: value ? moment(value, format) : undefined
+  return _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/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{

package/es/ProForm/components/combination/FormList/components/ActionButton.js

@@ -1,11 +1,4 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
@@ -13,8 +6,12 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 var _excluded = ["label", "onClick", "onHandle", "type", "needConfirm", "confirmProps", "title"],
   _excluded2 = ["onClick", "label"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Popconfirm, Space } from 'antd';
+import classNames from 'classnames';
 import { useMemo } from 'react';
 import { CopyOutlined, PlusSquareOutlined, ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
 import ProIcon from '../../../../../ProIcon';
@@ -137,23 +134,23 @@ var ActionButton = function ActionButton(props) {
     return _actionProps;
   }, [props.actionProps]);
   var handleClick = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, index, item) {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(defaultCallback, callback, index, item) {
       var value, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             value = form.getFieldValue(namePath);
-            _context.next = 3;
+            _context.n = 1;
             return callback === null || callback === void 0 ? void 0 : callback(value, {
               namePath: namePath,
               index: index,
               operation: operation,
               form: form
             });
-          case 3:
-            data = _context.sent;
+          case 1:
+            data = _context.v;
             if (!(!callback || data === true)) {
-              _context.next = 7;
+              _context.n = 2;
               break;
             }
             defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
@@ -162,14 +159,13 @@ var ActionButton = function ActionButton(props) {
               operation: operation,
               form: form
             });
-            return _context.abrupt("return");
-          case 7:
+            return _context.a(2);
+          case 2:
             if ((item === null || item === void 0 ? void 0 : item.type) === 'add') {
               operation.add(data, index !== undefined ? index + 1 : undefined);
             }
-          case 8:
-          case "end":
-            return _context.stop();
+          case 3:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -189,7 +185,7 @@ var ActionButton = function ActionButton(props) {
   var defaultActions = useMemo(function () {
     return getDefaultActions(mode);
   }, [mode]);
-  return _jsx(_Space, {
+  return _jsx(Space, {
     align: "start",
     className: "pro-form-list-action",
     children: actionProps === null || actionProps === void 0 ? void 0 : actionProps.map(function (item) {
@@ -235,7 +231,7 @@ var ActionButton = function ActionButton(props) {
         if (index + 1 === fields.length && type === 'moveDown') {
           return false;
         }
-        return _needConfirm ? _jsx(_Popconfirm, _objectSpread(_objectSpread({
+        return _needConfirm ? _jsx(Popconfirm, _objectSpread(_objectSpread({
           title: title !== null && title !== void 0 ? title : "".concat(locale.ProForm.formListConfirmMessage),
           onCancel: function onCancel(e) {
             return e.stopPropagation();
@@ -244,14 +240,20 @@ var ActionButton = function ActionButton(props) {
             handleClick(internalOnClick, _onClick, index, item);
           }
         }, _confirmProps), {}, {
-          children: _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), _omit(rest, filterKeys)), {}, {
+          children: _jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), _omit(rest, filterKeys)), {}, {
             type: "text",
             onClick: function onClick(e) {
               return e.stopPropagation();
             },
             children: label || defaultLabel
           }))
-        }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), _omit(rest, filterKeys)), {}, {
+        }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : _jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+          className: classNames({
+            'pro-form-list-tool-btn': mode === 'line',
+            'pro-form-list-tool-btn-block': mode === 'block',
+            'pro-form-list-tool-btn-less': mode === 'less'
+          })
+        }, defaultRest), _omit(rest, filterKeys)), {}, {
           type: "text",
           onClick: function onClick(e) {
             e.stopPropagation();
@@ -260,7 +262,7 @@ var ActionButton = function ActionButton(props) {
           children: label || defaultLabel
         }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
       }
-      return needConfirm ? _jsx(_Popconfirm, _objectSpread(_objectSpread({
+      return needConfirm ? _jsx(Popconfirm, _objectSpread(_objectSpread({
         title: title !== null && title !== void 0 ? title : "".concat(locale.ProForm.formListConfirmMessage),
         onCancel: function onCancel(e) {
           return e.stopPropagation();
@@ -269,14 +271,14 @@ var ActionButton = function ActionButton(props) {
           return customClick(_onClick, index);
         }
       }, _confirmProps), {}, {
-        children: _jsx(_Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
+        children: _jsx(Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
           type: "text",
           onClick: function onClick(e) {
             return e.stopPropagation();
           },
           children: label
         }))
-      }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : (/*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
+      }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : (/*#__PURE__*/_createElement(Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
         key: "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index),
         type: "text",
         onClick: function onClick(e) {

package/es/ProForm/components/combination/FormList/components/BlockFields.js

@@ -1,10 +1,7 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _isFunction from "lodash/isFunction";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Row, Space } from 'antd';
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
 import ActionButton from './ActionButton';
@@ -41,7 +38,7 @@ var BlockFields = function BlockFields(props) {
     return title;
   }, [title, index]);
   var cls = classNames(_defineProperty({}, "pro-form-list-mode-".concat(mode), mode === 'block' || mode === 'line' || mode === 'less'));
-  return _jsx(_Space, {
+  return _jsx(Space, {
     direction: "vertical",
     className: cls,
     id: id,
@@ -67,7 +64,7 @@ var BlockFields = function BlockFields(props) {
         disabled: disabled,
         isView: isView
       }),
-      children: _jsx(_Row, {
+      children: _jsx(Row, {
         gutter: 24,
         children: _jsx(MemoRenderFields, {
           columns: columns,

package/es/ProForm/components/combination/FormList/components/Empty.d.ts

@@ -0,0 +1,13 @@
+import type { FormInstance, FormListOperation } from 'antd';
+import type { InternalNamePath } from 'antd/es/form/interface';
+import type { ToolbarActionType } from '../propsType';
+interface EmptyProps {
+    disabled?: boolean;
+    toolbarProps?: ToolbarActionType[] | false;
+    operation?: FormListOperation;
+    form?: FormInstance;
+    namePath?: InternalNamePath;
+    emptyBtnText?: string;
+}
+declare const Empty: ({ disabled, toolbarProps, operation, form, namePath, emptyBtnText }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default Empty;

package/es/ProForm/components/combination/FormList/components/Empty.js

@@ -0,0 +1,89 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from 'antd';
+import EmptyImg from '../../../../../assets/empty.png';
+import locale from '../../../../../locale';
+// 空列表状态
+var Empty = function Empty(_ref) {
+  var disabled = _ref.disabled,
+    toolbarProps = _ref.toolbarProps,
+    operation = _ref.operation,
+    form = _ref.form,
+    namePath = _ref.namePath,
+    emptyBtnText = _ref.emptyBtnText;
+  // 找到type为'add'的配置
+  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(function (item) {
+    return item.type === 'add';
+  }) : null;
+  var handleAddClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _addConfig$onClick;
+      var value, data;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (!(!operation || !form || !namePath)) {
+              _context.n = 1;
+              break;
+            }
+            return _context.a(2);
+          case 1:
+            value = form.getFieldValue(namePath);
+            _context.n = 2;
+            return addConfig === null || addConfig === void 0 ? void 0 : (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
+              operation: operation,
+              form: form,
+              namePath: namePath
+            });
+          case 2:
+            data = _context.v;
+            if (!(!(addConfig === null || addConfig === void 0 ? void 0 : addConfig.onClick) || data === true)) {
+              _context.n = 3;
+              break;
+            }
+            operation.add({});
+            return _context.a(2);
+          case 3:
+            if (data) {
+              operation.add(data);
+            }
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function handleAddClick() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 获取按钮文案
+  var getBtnText = function getBtnText() {
+    return emptyBtnText || (addConfig === null || addConfig === void 0 ? void 0 : addConfig.label) || locale.ProForm.formListActions[6];
+  };
+  return _jsxs("div", {
+    className: "pro-form-list-empty",
+    children: [_jsx("img", {
+      className: "pro-form-list-empty-img",
+      src: EmptyImg,
+      alt: "Empty"
+    }), _jsx("div", {
+      className: "pro-form-list-empty-content",
+      children: disabled ? locale.ProForm.noData : _jsxs(_Fragment, {
+        children: [locale.ProForm.noData, !disabled && _jsxs(_Fragment, {
+          children: ["\uFF0C", _jsx(Button, {
+            type: "link",
+            onClick: handleAddClick,
+            style: {
+              padding: 0,
+              height: 'auto'
+            },
+            children: getBtnText()
+          })]
+        })]
+      })
+    })]
+  });
+};
+export default Empty;

package/es/ProForm/components/combination/FormList/components/LineFields.js

@@ -1,8 +1,7 @@
-import "antd/es/row/style";
-import _Row from "antd/es/row";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Row } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
 import { useSortable } from '@dnd-kit/sortable';
@@ -65,7 +64,7 @@ var LineFields = function LineFields(props) {
         type: "drag",
         buttonIcon: false
       })
-    })), _jsx(_Row, {
+    })), _jsx(Row, {
       gutter: isLess ? 0 : 24,
       children: _jsx(MemoRenderFields, {
         columns: columns,

package/es/ProForm/components/combination/FormList/components/ToolbarButton.js

@@ -1,9 +1,4 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
@@ -11,9 +6,11 @@ import _omit from "lodash/omit";
 import _isFunction from "lodash/isFunction";
 var _excluded = ["label", "onClick", "onHandle", "type"],
   _excluded2 = ["onClick", "label"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
-
+import { Space, Button } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
 import { useMemo } from 'react';
 import locale from '../../../../../locale';
@@ -59,22 +56,22 @@ var ToolbarButton = function ToolbarButton(props) {
     return _toolbarProps;
   }, [props.toolbarProps]);
   var handleClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, item) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(defaultCallback, callback, item) {
       var value, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             value = form.getFieldValue(namePath);
-            _context.next = 3;
+            _context.n = 1;
             return callback === null || callback === void 0 ? void 0 : callback(value, {
               operation: operation,
               form: form,
               namePath: namePath
             });
-          case 3:
-            data = _context.sent;
+          case 1:
+            data = _context.v;
             if (!(!callback || data === true)) {
-              _context.next = 7;
+              _context.n = 2;
               break;
             }
             defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
@@ -82,14 +79,13 @@ var ToolbarButton = function ToolbarButton(props) {
               form: form,
               namePath: namePath
             });
-            return _context.abrupt("return");
-          case 7:
+            return _context.a(2);
+          case 2:
             if ((item === null || item === void 0 ? void 0 : item.type) === 'add' && data) {
               operation.add(data);
             }
-          case 8:
-          case "end":
-            return _context.stop();
+          case 3:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -105,7 +101,7 @@ var ToolbarButton = function ToolbarButton(props) {
       namePath: namePath
     });
   };
-  return _jsx(_Space, {
+  return _jsx(Space, {
     align: "start",
     className: "pro-form-list-toolbar",
     children: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map(function (item, index) {
@@ -132,7 +128,7 @@ var ToolbarButton = function ToolbarButton(props) {
         if (max && max <= fields.length && type === 'add') {
           return false;
         }
-        return _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, actions[type]), _omit(rest, filterKeys)), {}, {
+        return _jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, actions[type]), _omit(rest, filterKeys)), {}, {
           type: "link",
           onClick: function onClick() {
             return handleClick(internalOnClick, _onClick, item);
@@ -140,7 +136,7 @@ var ToolbarButton = function ToolbarButton(props) {
           children: label || defaultLabel
         }), "".concat(type).concat(index));
       }
-      return _jsx(_Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
+      return _jsx(Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
         type: "link",
         onClick: function onClick() {
           return customClick(_onClick2, item);

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

@@ -1,10 +1,9 @@
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _get from "lodash/get";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle } from 'react';
+import { Form } from 'antd';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { toArray } from '../../../utils';
@@ -12,6 +11,7 @@ import { namesPathTransform } from './utils';
 import ToolbarButton from './components/ToolbarButton';
 import BlockFields from './components/BlockFields';
 import LineFields from './components/LineFields';
+import Empty from './components/Empty';
 import ProForm from '../../../../ProForm';
 import { useProConfig } from '../../../../ProConfigProvider';
 var FormList = function FormList(props, ref) {
@@ -26,7 +26,8 @@ var FormList = function FormList(props, ref) {
     meta = props.meta,
     _props$span = props.span,
     span = _props$span === void 0 ? 8 : _props$span,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    emptyBtnText = props.emptyBtnText;
   var _fields = fields.map(function (item) {
     return _objectSpread(_objectSpread({}, item), {}, {
       key: String(item.key)
@@ -125,9 +126,16 @@ var FormList = function FormList(props, ref) {
           form: form,
           diffConfig: _diffConfig
         }), field.key);
-      }), _jsx(_Form.ErrorList, {
+      }), _fields.length === 0 && _jsx(Empty, {
+        disabled: disabled,
+        toolbarProps: toolbarProps,
+        operation: operation,
+        form: form,
+        namePath: _namePath,
+        emptyBtnText: emptyBtnText
+      }), _jsx(Form.ErrorList, {
         errors: errors
-      }), toolbarProps !== false && _jsx(ToolbarButton, {
+      }), toolbarProps !== false && _fields.length > 0 && _jsx(ToolbarButton, {
         disabled: disabled,
         isView: isView,
         min: min,

package/es/ProForm/components/combination/FormList/propsType.d.ts

@@ -55,6 +55,7 @@ export interface FormListType {
     };
     draggable?: boolean;
     id?: string;
+    emptyBtnText?: string;
 }
 export type TypeWithRef = FormListType & React.RefAttributes<FormListRefType>;
 export interface FormListRefType {

package/es/ProForm/components/combination/FormList/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-form-list-block-title {
   height: 14px;
@@ -69,4 +69,63 @@
   .@{ant-prefix}-btn-text:hover {
     background: transparent;
   }
+  .pro-form-list-tool-btn {
+    .@{ant-prefix}-btn-icon {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+
+  .pro-form-list-tool-btn-less{
+    &:hover{
+      background: transparent !important;
+    }
+  }
+}
+
+.pro-form-list-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .pro-form-list-empty-img {
+    width: 80px;
+    height: 80px;
+  }
+
+  .pro-form-list-empty-content {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--zaui-space-size-md, 16px);
+    color: @zaui-aide-text;
+
+    .@{ant-prefix}-btn-link {
+      padding: 0;
+    }
+  }
+}
+
+.pro-form-list-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .pro-form-list-empty-img {
+    width: 80px;
+    height: 80px;
+  }
+
+  .pro-form-list-empty-content {
+    display: flex;
+    justify-content: center;
+    margin-top: var(--zaui-space-size-md, 16px);
+    color: @zaui-aide-text;
+
+    .@{ant-prefix}-btn-link {
+      padding: 0;
+    }
+  }
 }

package/es/ProForm/components/combination/Group/component/AddonWrapper/index.d.ts

@@ -3,6 +3,7 @@ import './index.less';
 interface Props {
     before?: React.ReactNode;
     after?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const AddonWrapper: React.FC<Props>;
 export default AddonWrapper;