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

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

@@ -1,15 +1,16 @@
 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";
 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";
-var AntTimePicker = DatePicker.TimePicker;
-var TimePicker = function TimePicker(props) {
+var AntTimePicker = _DatePicker.TimePicker;
+var TimePicker = props => {
   var _props$format = props.format,
     format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
     onChange = props.onChange,
@@ -23,7 +24,7 @@ var TimePicker = function TimePicker(props) {
     valueType = _ref$valueType === void 0 ? 'dateTime' : _ref$valueType;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
   var initialConfig = useProConfig('AntTimePicker');
-  var handleChange = function handleChange(value) {
+  var handleChange = value => {
     if (valueType === 'dateTime') {
       onChange && onChange(value ? dayjs(value).format(format) : undefined);
     }

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

@@ -1,5 +1,4 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import React, { useMemo } from 'react';
 import { omit } from 'lodash';
 import classnames from 'classnames';
@@ -9,7 +8,7 @@ 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 Container = props => {
   var children = props.children,
     className = props.className,
     container = props.container,
@@ -22,23 +21,24 @@ var Container = function Container(props) {
     form = _ref.form,
     required = _ref.required,
     disabled = _ref.disabled;
-  var _className = classnames(_defineProperty({
+  var _className = classnames({
     'pro-container': true,
     'pro-container-diy': type === 'Container',
-    '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) {
+    'pro-container-empty': !(children !== null && children !== void 0 && children.length),
+    [`${className}`]: className
+  });
+  var _children = useMemo(() => {
+    var result = children === null || children === void 0 ? void 0 : children.map(item => {
       return _objectSpread({
-        clearNotShow: clearNotShow,
-        show: show,
-        required: required,
-        disabled: disabled
+        clearNotShow,
+        show,
+        required,
+        disabled
       }, item);
     });
     return result;
   }, [children]);
-  var childRender = function childRender() {
+  var childRender = () => {
     var child = /*#__PURE__*/_jsx(RenderFields, _objectSpread({
       columns: _children,
       form: form,

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

@@ -1,11 +1,15 @@
+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 _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";
 var _excluded = ["label", "onClick", "onHandle", "type", "needConfirm", "confirmProps", "title"],
   _excluded2 = ["onClick", "label"];
-import { Button, Popconfirm, Space } from 'antd';
 import { isFunction, omit } from 'lodash';
 import classNames from 'classnames';
 import React, { useMemo } from 'react';
@@ -16,21 +20,21 @@ 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]),
+      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;
@@ -48,7 +52,7 @@ var getDefaultActions = function getDefaultActions(mode) {
       })
     },
     copy: {
-      onClick: function onClick(record, _ref3) {
+      onClick: (record, _ref3) => {
         var namePath = _ref3.namePath,
           index = _ref3.index,
           operation = _ref3.operation;
@@ -59,7 +63,7 @@ var getDefaultActions = function getDefaultActions(mode) {
       icon: /*#__PURE__*/_jsx(CopyOutlined, {})
     },
     moveUp: {
-      onClick: function onClick(record, _ref4) {
+      onClick: (record, _ref4) => {
         var namePath = _ref4.namePath,
           index = _ref4.index,
           operation = _ref4.operation;
@@ -70,7 +74,7 @@ var getDefaultActions = function getDefaultActions(mode) {
       icon: /*#__PURE__*/_jsx(ArrowUpOutlined, {})
     },
     moveDown: {
-      onClick: function onClick(record, _ref5) {
+      onClick: (record, _ref5) => {
         var namePath = _ref5.namePath,
           index = _ref5.index,
           operation = _ref5.operation;
@@ -82,18 +86,18 @@ var getDefaultActions = function getDefaultActions(mode) {
     }
   };
   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;
     });
   }
@@ -102,7 +106,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,
@@ -117,19 +121,17 @@ var ActionButton = function ActionButton(props) {
     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 && _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]);
@@ -142,10 +144,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;
@@ -154,10 +156,10 @@ var ActionButton = function ActionButton(props) {
               break;
             }
             defaultCallback === null || defaultCallback === void 0 || defaultCallback(value, {
-              namePath: namePath,
-              index: index,
-              operation: operation,
-              form: form
+              namePath,
+              index,
+              operation,
+              form
             });
             return _context.abrupt("return");
           case 7:
@@ -174,29 +176,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 || callback(value, {
-      namePath: namePath,
-      index: index,
-      operation: operation,
-      form: form
+      namePath,
+      index,
+      operation,
+      form
     });
   };
-  var defaultActions = useMemo(function () {
-    return getDefaultActions(mode);
-  }, [mode]);
-  return /*#__PURE__*/_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 /*#__PURE__*/_jsx("span", {}, "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
+    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: namePath,
-        index: index,
-        form: form
+        namePath,
+        index,
+        form
       })) {
-        return /*#__PURE__*/_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,
@@ -234,23 +234,19 @@ var ActionButton = function ActionButton(props) {
         if (index + 1 === fields.length && type === 'moveDown') {
           return false;
         }
-        return _needConfirm ? /*#__PURE__*/_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: /*#__PURE__*/_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)) : /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+        }), `${item === null || item === void 0 ? void 0 : item.type}${index}`) : /*#__PURE__*/_jsx(_Button, _objectSpread(_objectSpread(_objectSpread({
           className: classNames({
             'pro-form-list-tool-btn': mode === 'line',
             'pro-form-list-tool-btn-block': mode === 'block',
@@ -258,33 +254,27 @@ var ActionButton = function ActionButton(props) {
           })
         }, 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 ? /*#__PURE__*/_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: /*#__PURE__*/_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);
         }

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

@@ -1,5 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Row, Space } from 'antd';
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/row/style";
+import _Row from "antd/es/row";
 import React, { useMemo } from 'react';
 import { isFunction } from 'lodash';
 import classNames from 'classnames';
@@ -9,7 +11,7 @@ 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,
@@ -30,15 +32,17 @@ var BlockFields = function BlockFields(props) {
     towCollapse = props.towCollapse,
     id = props.id,
     diffConfig = props.diffConfig;
-  var _title = useMemo(function () {
+  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 /*#__PURE__*/_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,
@@ -65,7 +69,7 @@ var BlockFields = function BlockFields(props) {
         disabled: disabled,
         isView: isView
       }),
-      children: /*#__PURE__*/_jsx(Row, {
+      children: /*#__PURE__*/_jsx(_Row, {
         gutter: 24,
         children: /*#__PURE__*/_jsx(MemoRenderFields, {
           columns: columns,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { isFunction } from 'lodash';
 import { jsx as _jsx } from "react/jsx-runtime";
-var BlockTitle = function BlockTitle(props) {
+var BlockTitle = props => {
   var mode = props.mode,
     namePath = props.namePath,
     index = props.index,

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

@@ -1,13 +1,14 @@
+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 { Button } from 'antd';
 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,
@@ -15,9 +16,7 @@ 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 _addConfig$onClick;
@@ -34,9 +33,9 @@ var Empty = function Empty(_ref) {
             value = form.getFieldValue(namePath);
             _context.next = 5;
             return addConfig === null || addConfig === void 0 || (_addConfig$onClick = addConfig.onClick) === null || _addConfig$onClick === void 0 ? void 0 : _addConfig$onClick.call(addConfig, value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
+              operation,
+              form,
+              namePath
             });
           case 5:
             data = _context.sent;
@@ -62,7 +61,7 @@ var Empty = function Empty(_ref) {
   }();
 
   // 获取按钮文案
-  var getBtnText = function getBtnText() {
+  var getBtnText = () => {
     return emptyBtnText || (addConfig === null || addConfig === void 0 ? void 0 : addConfig.label) || locale.ProForm.formListActions[6];
   };
   return /*#__PURE__*/_jsxs("div", {
@@ -75,7 +74,7 @@ var Empty = function Empty(_ref) {
       className: "pro-form-list-empty-content",
       children: disabled ? locale.ProForm.noData : /*#__PURE__*/_jsxs(_Fragment, {
         children: [locale.ProForm.noData, !disabled && /*#__PURE__*/_jsxs(_Fragment, {
-          children: ["\uFF0C", /*#__PURE__*/_jsx(Button, {
+          children: ["\uFF0C", /*#__PURE__*/_jsx(_Button, {
             type: "link",
             onClick: handleAddClick,
             style: {

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

@@ -1,6 +1,6 @@
+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 { Row } from 'antd';
 import React from 'react';
 import classNames from 'classnames';
 import { useSortable } from '@dnd-kit/sortable';
@@ -12,7 +12,7 @@ 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,14 +43,15 @@ 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 /*#__PURE__*/_jsxs("div", {
     className: classnames,
@@ -65,7 +66,7 @@ var LineFields = function LineFields(props) {
         type: "drag",
         buttonIcon: false
       })
-    })), /*#__PURE__*/_jsx(Row, {
+    })), /*#__PURE__*/_jsx(_Row, {
       gutter: isLess ? 0 : 24,
       children: /*#__PURE__*/_jsx(MemoRenderFields, {
         columns: columns,