@zat-design/sisyphus-react 3.13.19-beta.1 → 3.13.19-beta.11

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

@@ -1,40 +1,39 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import "antd/es/popconfirm/style";
 import _Popconfirm from "antd/es/popconfirm";
+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";
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
 var _excluded = ["label", "onClick", "onHandle", "type", "needConfirm", "confirmProps", "title"],
   _excluded2 = ["onClick", "label"];
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { isFunction, omit } from 'lodash';
+import React, { useMemo } from 'react';
 import { CopyOutlined, PlusSquareOutlined, ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
-import ProIcon from '../../../../../ProIcon';
-import locale from '../../../../../locale';
+import ProIcon from "../../../../../ProIcon";
+import locale from "../../../../../locale";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 var filterKeys = ['actionType'];
-var getDefaultActions = function getDefaultActions(mode) {
+var getDefaultActions = mode => {
   var originActions = {
     add: {
-      onClick: function onClick(record, _ref) {
+      onClick: (record, _ref) => {
         var namePath = _ref.namePath,
           index = _ref.index,
           operation = _ref.operation;
         var add = operation.add;
         add(undefined, index + 1);
       },
-      label: "".concat(locale.ProForm.formListActions[0]),
-      icon: _jsx(PlusSquareOutlined, {})
+      label: `${locale.ProForm.formListActions[0]}`,
+      icon: /*#__PURE__*/_jsx(PlusSquareOutlined, {})
     },
     delete: {
-      onClick: function onClick(record, _ref2) {
+      onClick: (record, _ref2) => {
         var namePath = _ref2.namePath,
           index = _ref2.index,
           operation = _ref2.operation;
@@ -42,17 +41,17 @@ var getDefaultActions = function getDefaultActions(mode) {
         remove(index);
       },
       label: locale.ProForm.formListActions[1],
-      icon: mode === 'less' ? _jsx(ProIcon, {
+      icon: mode === 'less' ? /*#__PURE__*/_jsx(ProIcon, {
         type: "solid-close",
         className: "single-delete",
         buttonIcon: false
-      }) : _jsx(ProIcon, {
+      }) : /*#__PURE__*/_jsx(ProIcon, {
         type: "delete",
         buttonIcon: false
       })
     },
     copy: {
-      onClick: function onClick(record, _ref3) {
+      onClick: (record, _ref3) => {
         var namePath = _ref3.namePath,
           index = _ref3.index,
           operation = _ref3.operation;
@@ -60,10 +59,10 @@ var getDefaultActions = function getDefaultActions(mode) {
         add(record, index + 1);
       },
       label: locale.ProForm.formListActions[2],
-      icon: _jsx(CopyOutlined, {})
+      icon: /*#__PURE__*/_jsx(CopyOutlined, {})
     },
     moveUp: {
-      onClick: function onClick(record, _ref4) {
+      onClick: (record, _ref4) => {
         var namePath = _ref4.namePath,
           index = _ref4.index,
           operation = _ref4.operation;
@@ -71,10 +70,10 @@ var getDefaultActions = function getDefaultActions(mode) {
         move(index, index - 1);
       },
       label: locale.ProForm.formListActions[3],
-      icon: _jsx(ArrowUpOutlined, {})
+      icon: /*#__PURE__*/_jsx(ArrowUpOutlined, {})
     },
     moveDown: {
-      onClick: function onClick(record, _ref5) {
+      onClick: (record, _ref5) => {
         var namePath = _ref5.namePath,
           index = _ref5.index,
           operation = _ref5.operation;
@@ -82,22 +81,22 @@ var getDefaultActions = function getDefaultActions(mode) {
         move(index, index + 1);
       },
       label: locale.ProForm.formListActions[4],
-      icon: _jsx(ArrowDownOutlined, {})
+      icon: /*#__PURE__*/_jsx(ArrowDownOutlined, {})
     }
   };
   if (mode === 'block') {
-    Object.keys(originActions).forEach(function (key) {
+    Object.keys(originActions).forEach(key => {
       originActions[key].type = 'text';
       originActions[key].className = 'pro-form-list-tool-btn';
     });
   }
   if (mode === 'line') {
-    Object.keys(originActions).forEach(function (key) {
+    Object.keys(originActions).forEach(key => {
       delete originActions[key].label;
     });
   }
   if (mode === 'less') {
-    Object.keys(originActions).forEach(function (key) {
+    Object.keys(originActions).forEach(key => {
       delete originActions[key].label;
     });
   }
@@ -106,7 +105,7 @@ var getDefaultActions = function getDefaultActions(mode) {
 var defaultActionProps = [{
   type: 'delete'
 }];
-var ActionButton = function ActionButton(props) {
+var ActionButton = props => {
   var namePath = props.namePath,
     form = props.form,
     field = props.field,
@@ -119,25 +118,24 @@ var ActionButton = function ActionButton(props) {
     max = props.max,
     mode = props.mode,
     isView = props.isView;
+
   // 默认显示一个delete
-  var actionProps = useMemo(function () {
+  var actionProps = useMemo(() => {
     var _props$actionProps;
     // 兼容 actionType 和 type
-    var _actionProps = (_props$actionProps = props.actionProps) === null || _props$actionProps === void 0 ? void 0 : _props$actionProps.map(function (item) {
+    var _actionProps = (_props$actionProps = props.actionProps) === null || _props$actionProps === void 0 ? void 0 : _props$actionProps.map(item => {
       return _objectSpread(_objectSpread({}, item), {}, {
         // @ts-ignore
         type: item.actionType || item.type
       });
     });
-    if (!(_actionProps === null || _actionProps === void 0 ? void 0 : _actionProps.find(function (item) {
-      return item.type === 'delete';
-    }))) {
-      return _actionProps ? [].concat(_toConsumableArray(_actionProps), defaultActionProps) : defaultActionProps;
+    if (!(_actionProps !== null && _actionProps !== void 0 && _actionProps.find(item => item.type === 'delete'))) {
+      return _actionProps ? [..._actionProps, ...defaultActionProps] : defaultActionProps;
     }
     return _actionProps;
   }, [props.actionProps]);
   var handleClick = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, index, item) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(defaultCallback, callback, index, item) {
       var value, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -145,10 +143,10 @@ var ActionButton = function ActionButton(props) {
             value = form.getFieldValue(namePath);
             _context.next = 3;
             return callback === null || callback === void 0 ? void 0 : callback(value, {
-              namePath: namePath,
-              index: index,
-              operation: operation,
-              form: form
+              namePath,
+              index,
+              operation,
+              form
             });
           case 3:
             data = _context.sent;
@@ -156,11 +154,11 @@ var ActionButton = function ActionButton(props) {
               _context.next = 7;
               break;
             }
-            defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
-              namePath: namePath,
-              index: index,
-              operation: operation,
-              form: form
+            defaultCallback === null || defaultCallback === void 0 || defaultCallback(value, {
+              namePath,
+              index,
+              operation,
+              form
             });
             return _context.abrupt("return");
           case 7:
@@ -177,29 +175,27 @@ var ActionButton = function ActionButton(props) {
       return _ref6.apply(this, arguments);
     };
   }();
-  var customClick = function customClick(callback, index) {
+  var customClick = (callback, index) => {
     var value = form.getFieldValue(namePath);
-    callback === null || callback === void 0 ? void 0 : callback(value, {
-      namePath: namePath,
-      index: index,
-      operation: operation,
-      form: form
+    callback === null || callback === void 0 || callback(value, {
+      namePath,
+      index,
+      operation,
+      form
     });
   };
-  var defaultActions = useMemo(function () {
-    return getDefaultActions(mode);
-  }, [mode]);
-  return _jsx(_Space, {
+  var defaultActions = useMemo(() => getDefaultActions(mode), [mode]);
+  return /*#__PURE__*/_jsx(_Space, {
     align: "start",
     className: "pro-form-list-action",
-    children: actionProps === null || actionProps === void 0 ? void 0 : actionProps.map(function (item) {
-      if (item.show === false) return _jsx("span", {}, "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
-      if (_isFunction(item.show) && !item.show(form.getFieldValue(namePath), {
-        namePath: namePath,
-        index: index,
-        form: form
+    children: actionProps === null || actionProps === void 0 ? void 0 : actionProps.map(item => {
+      if (item.show === false) return /*#__PURE__*/_jsx("span", {}, `${item === null || item === void 0 ? void 0 : item.type}${index}`);
+      if (isFunction(item.show) && !item.show(form.getFieldValue(namePath), {
+        namePath,
+        index,
+        form
       })) {
-        return _jsx("span", {}, "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
+        return /*#__PURE__*/_jsx("span", {}, `${item === null || item === void 0 ? void 0 : item.type}${index}`);
       }
       var label = item.label,
         onClick = item.onClick,
@@ -214,7 +210,7 @@ var ActionButton = function ActionButton(props) {
       var _onClick = onClick || onHandle;
       if (['add', 'delete', 'copy', 'moveUp', 'moveDown'].includes(type)) {
         // 禁用状态默认隐藏内置操作按钮
-        if (disabled || isView) return _jsx(_Fragment, {});
+        if (disabled || isView) return /*#__PURE__*/_jsx(_Fragment, {});
         var _defaultActions$type = defaultActions[type],
           internalOnClick = _defaultActions$type.onClick,
           defaultLabel = _defaultActions$type.label,
@@ -227,63 +223,55 @@ var ActionButton = function ActionButton(props) {
         if (max && max <= fields.length && ['add', 'copy'].includes(type)) {
           return false;
         }
+
         // 下标为零 不可向上移动
         if (index === 0 && ['moveUp'].includes(type)) {
           return false;
         }
+
         // 下标最大 不可向下移动
         if (index + 1 === fields.length && type === 'moveDown') {
           return false;
         }
-        return _needConfirm ? _jsx(_Popconfirm, _objectSpread(_objectSpread({
-          title: title !== null && title !== void 0 ? title : "".concat(locale.ProForm.formListConfirmMessage),
-          onCancel: function onCancel(e) {
-            return e.stopPropagation();
-          },
-          onConfirm: function onConfirm(e) {
+        return _needConfirm ? /*#__PURE__*/_jsx(_Popconfirm, _objectSpread(_objectSpread({
+          title: title !== null && title !== void 0 ? title : `${locale.ProForm.formListConfirmMessage}`,
+          onCancel: e => e.stopPropagation(),
+          onConfirm: e => {
             handleClick(internalOnClick, _onClick, index, item);
           }
         }, _confirmProps), {}, {
-          children: _jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), _omit(rest, filterKeys)), {}, {
+          children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), omit(rest, filterKeys)), {}, {
             type: "text",
-            onClick: function onClick(e) {
-              return e.stopPropagation();
-            },
+            onClick: e => 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)), {}, {
+        }), `${item === null || item === void 0 ? void 0 : item.type}${index}`) : /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({}, defaultRest), omit(rest, filterKeys)), {}, {
           type: "text",
-          onClick: function onClick(e) {
+          onClick: e => {
             e.stopPropagation();
             handleClick(internalOnClick, _onClick, index, item);
           },
           children: label || defaultLabel
-        }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
+        }), `${item === null || item === void 0 ? void 0 : item.type}${index}`);
       }
-      return needConfirm ? _jsx(_Popconfirm, _objectSpread(_objectSpread({
-        title: title !== null && title !== void 0 ? title : "".concat(locale.ProForm.formListConfirmMessage),
-        onCancel: function onCancel(e) {
-          return e.stopPropagation();
-        },
-        onConfirm: function onConfirm() {
-          return customClick(_onClick, index);
-        }
+      return needConfirm ? /*#__PURE__*/_jsx(_Popconfirm, _objectSpread(_objectSpread({
+        title: title !== null && title !== void 0 ? title : `${locale.ProForm.formListConfirmMessage}`,
+        onCancel: e => e.stopPropagation(),
+        onConfirm: () => customClick(_onClick, index)
       }, _confirmProps), {}, {
-        children: _jsx(_Button, _objectSpread(_objectSpread({}, _omit(rest, filterKeys)), {}, {
+        children: /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread({}, omit(rest, filterKeys)), {}, {
           type: "text",
-          onClick: function onClick(e) {
-            return e.stopPropagation();
-          },
+          onClick: e => e.stopPropagation(),
           children: label
         }))
-      }), "".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),
+      }), `${item === null || item === void 0 ? void 0 : item.type}${index}`) : /*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, omit(rest, filterKeys)), {}, {
+        key: `${item === null || item === void 0 ? void 0 : item.type}${index}`,
         type: "text",
-        onClick: function onClick(e) {
+        onClick: e => {
           e.stopPropagation();
           customClick(_onClick, index);
         }
-      }), label));
+      }), label);
     })
   });
 };

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

@@ -1,18 +1,17 @@
-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 "antd/es/row/style";
+import _Row from "antd/es/row";
 import React, { useMemo } from 'react';
+import { isFunction } from 'lodash';
 import classNames from 'classnames';
-import ActionButton from './ActionButton';
-import RenderFields from '../../../render/RenderFields';
-import ProCollapse from '../../../../../ProLayout/components/ProCollapse';
-import { memoWith } from '../utils';
+import ActionButton from "./ActionButton";
+import RenderFields from "../../../render/RenderFields";
+import ProCollapse from "../../../../../ProLayout/components/ProCollapse";
+import { memoWith } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-var BlockFields = function BlockFields(props) {
+var BlockFields = props => {
   var title = props.title,
     mode = props.mode,
     index = props.index,
@@ -33,26 +32,29 @@ var BlockFields = function BlockFields(props) {
     towCollapse = props.towCollapse,
     id = props.id,
     diffConfig = props.diffConfig;
-  var _title = useMemo(function () {
-    if (_isFunction(title)) {
+  var _title = useMemo(() => {
+    if (isFunction(title)) {
       var record = form.getFieldValue(namePath);
       return title(record, index, form);
     }
     return title;
   }, [title, index]);
-  var cls = classNames(_defineProperty({}, "pro-form-list-mode-".concat(mode), mode === 'block' || mode === 'line' || mode === 'less'));
-  return _jsx(_Space, {
+  var cls = classNames({
+    [`pro-form-list-mode-${mode}`]: mode === 'block' || mode === 'line' || mode === 'less'
+  });
+  return /*#__PURE__*/_jsx(_Space, {
     direction: "vertical",
     className: cls,
     id: id,
-    children: _jsx(ProCollapse, {
+    children: /*#__PURE__*/_jsx(ProCollapse, {
       title: _title,
       index: index,
-      form: form,
+      form: form
       // namePath={namePath}
+      ,
       level: level,
       towCollapse: towCollapse,
-      extra: actionProps !== false && _jsx(ActionButton, {
+      extra: actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
         min: min,
         max: max,
         index: index,
@@ -67,9 +69,9 @@ var BlockFields = function BlockFields(props) {
         disabled: disabled,
         isView: isView
       }),
-      children: _jsx(_Row, {
+      children: /*#__PURE__*/_jsx(_Row, {
         gutter: 24,
-        children: _jsx(MemoRenderFields, {
+        children: /*#__PURE__*/_jsx(MemoRenderFields, {
           columns: columns,
           form: form,
           colProps: colProps,

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

@@ -1,7 +1,7 @@
-import _isFunction from "lodash/isFunction";
-import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-var BlockTitle = function BlockTitle(props) {
+import { isFunction } from 'lodash';
+import { jsx as _jsx } from "react/jsx-runtime";
+var BlockTitle = props => {
   var mode = props.mode,
     namePath = props.namePath,
     index = props.index,
@@ -11,17 +11,17 @@ var BlockTitle = function BlockTitle(props) {
     return null;
   }
   if (!title) {
-    return _jsx("div", {});
+    return /*#__PURE__*/_jsx("div", {});
   }
-  if (/*#__PURE__*/React.isValidElement(title)) {
+  if ( /*#__PURE__*/React.isValidElement(title)) {
     return title;
   }
   var titleContent = title;
-  if (_isFunction(title)) {
+  if (isFunction(title)) {
     var record = form.getFieldValue(namePath);
     titleContent = title(record, index, form);
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-form-list-block-title",
     children: titleContent
   });

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

@@ -2,11 +2,13 @@ import "antd/es/button/style";
 import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import EmptyImg from '../../../../../assets/empty.png';
-import locale from '../../../../../locale';
+import EmptyImg from "../../../../../assets/empty.png";
+import locale from "../../../../../locale";
+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 Empty = function Empty(_ref) {
+var Empty = _ref => {
   var disabled = _ref.disabled,
     toolbarProps = _ref.toolbarProps,
     operation = _ref.operation,
@@ -14,11 +16,9 @@ var Empty = function Empty(_ref) {
     namePath = _ref.namePath,
     emptyBtnText = _ref.emptyBtnText;
   // 找到type为'add'的配置
-  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(function (item) {
-    return item.type === 'add';
-  }) : null;
+  var addConfig = Array.isArray(toolbarProps) ? toolbarProps.find(item => item.type === 'add') : null;
   var handleAddClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var _addConfig$onClick;
       var value, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -32,14 +32,14 @@ var Empty = function Empty(_ref) {
           case 2:
             value = form.getFieldValue(namePath);
             _context.next = 5;
-            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
+            return addConfig === null || addConfig === void 0 || (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
+              operation,
+              form,
+              namePath
             });
           case 5:
             data = _context.sent;
-            if (!(!(addConfig === null || addConfig === void 0 ? void 0 : addConfig.onClick) || data === true)) {
+            if (!(!(addConfig !== null && addConfig !== void 0 && addConfig.onClick) || data === true)) {
               _context.next = 9;
               break;
             }
@@ -59,21 +59,22 @@ var Empty = function Empty(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+
   // 获取按钮文案
-  var getBtnText = function getBtnText() {
+  var getBtnText = () => {
     return emptyBtnText || (addConfig === null || addConfig === void 0 ? void 0 : addConfig.label) || locale.ProForm.formListActions[6];
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "pro-form-list-empty",
-    children: [_jsx("img", {
+    children: [/*#__PURE__*/_jsx("img", {
       className: "pro-form-list-empty-img",
       src: EmptyImg,
       alt: "Empty"
-    }), _jsx("div", {
+    }), /*#__PURE__*/_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, {
+      children: disabled ? locale.ProForm.noData : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [locale.ProForm.noData, !disabled && /*#__PURE__*/_jsxs(_Fragment, {
+          children: ["\uFF0C", /*#__PURE__*/_jsx(_Button, {
             type: "link",
             onClick: handleAddClick,
             style: {

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

@@ -1,18 +1,18 @@
 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 React from 'react';
 import classNames from 'classnames';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import ProIcon from '../../../../../ProIcon';
-import ActionButton from './ActionButton';
-import RenderFields from '../../../render/RenderFields';
-import { memoWith } from '../utils';
+import ProIcon from "../../../../../ProIcon";
+import ActionButton from "./ActionButton";
+import RenderFields from "../../../render/RenderFields";
+import { memoWith } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var MemoRenderFields = /*#__PURE__*/React.memo(RenderFields, memoWith);
-var LineFields = function LineFields(props) {
+var LineFields = props => {
   var mode = props.mode,
     index = props.index,
     form = props.form,
@@ -34,7 +34,7 @@ var LineFields = function LineFields(props) {
   var isLess = mode === 'less';
   var _useSortable = useSortable({
       id: field.key,
-      disabled: disabled
+      disabled
     }),
     attributes = _useSortable.attributes,
     listeners = _useSortable.listeners,
@@ -43,31 +43,32 @@ var LineFields = function LineFields(props) {
     transition = _useSortable.transition,
     isDragging = _useSortable.isDragging,
     setActivatorNodeRef = _useSortable.setActivatorNodeRef;
-  var classnames = classNames(_defineProperty({
+  var classnames = classNames({
     'pro-form-list': true,
-    'pro-form-list-line': mode === 'line'
-  }, className, !!className));
+    'pro-form-list-line': mode === 'line',
+    [className]: !!className
+  });
   var style = {
     opacity: isDragging ? 0.4 : undefined,
     transform: CSS.Translate.toString(transform),
-    transition: transition
+    transition
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classnames,
     ref: setNodeRef,
     style: style,
     id: id,
-    children: [!disabled && draggable && _jsx("div", _objectSpread(_objectSpread(_objectSpread({}, attributes), listeners), {}, {
+    children: [!disabled && draggable && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread(_objectSpread({}, attributes), listeners), {}, {
       className: "pro-form-list-drag-handle",
       ref: setActivatorNodeRef,
-      children: _jsx(ProIcon, {
+      children: /*#__PURE__*/_jsx(ProIcon, {
         className: "drag-icon",
         type: "drag",
         buttonIcon: false
       })
-    })), _jsx(_Row, {
+    })), /*#__PURE__*/_jsx(_Row, {
       gutter: isLess ? 0 : 24,
-      children: _jsx(MemoRenderFields, {
+      children: /*#__PURE__*/_jsx(MemoRenderFields, {
         columns: columns,
         form: form,
         colProps: colProps,
@@ -75,7 +76,7 @@ var LineFields = function LineFields(props) {
         isView: isView,
         diffConfig: diffConfig
       })
-    }), actionProps !== false && _jsx(ActionButton, {
+    }), actionProps !== false && /*#__PURE__*/_jsx(ActionButton, {
       min: min,
       max: max,
       index: index,