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

package/es/ProTable/components/RcTable/components/DraggableTable/index.js

@@ -1,12 +1,13 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/table/style";
+import _Table from "antd/es/table";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["dataSource", "tableProps", "draggableProps", "summaryProps", "emptyTextProps"];
-import { Table } from 'antd';
 import { memo } from 'react';
 import DndWrapper, { Row } from "./components/DndWrapper";
 import { RenderEmptyText, RenderSummary } from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DraggableTable = function DraggableTable(_ref) {
+var DraggableTable = _ref => {
   var dataSource = _ref.dataSource,
     tableProps = _ref.tableProps,
     draggableProps = _ref.draggableProps,
@@ -30,7 +31,7 @@ var DraggableTable = function DraggableTable(_ref) {
     rowKey: rowKey,
     onDragStartGuard: onDragStartGuard,
     onDragEndGuard: onDragEndGuard,
-    children: /*#__PURE__*/_jsx(Table, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(_Table, _objectSpread(_objectSpread({
       className: "pro-edit-table-drag",
       components: {
         body: {
@@ -41,9 +42,7 @@ var DraggableTable = function DraggableTable(_ref) {
       locale: {
         emptyText: RenderEmptyText(emptyTextProps)
       },
-      summary: function summary() {
-        return RenderSummary(summaryProps);
-      },
+      summary: () => RenderSummary(summaryProps),
       rowClassName: rowClassName
     }, tableProps), {}, {
       dataSource: dataSource,

package/es/ProTable/components/RenderColumn/index.js

@@ -1,7 +1,12 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
 import { useRef } from 'react';
-import { Tooltip, Typography, Space } from 'antd';
 import { useSetState } from 'ahooks';
 import { isBoolean } from 'lodash';
 import classNames from 'classnames';
@@ -13,10 +18,10 @@ import copySvg from "../../../assets/copy.svg";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var Paragraph = Typography.Paragraph,
-  Text = Typography.Text;
+var Paragraph = _Typography.Paragraph,
+  Text = _Typography.Text;
 // @ts-ignore
-var RenderColumn = function RenderColumn(props) {
+var RenderColumn = props => {
   var valueType = props.valueType,
     value = props.value,
     node = props.node,
@@ -39,7 +44,7 @@ var RenderColumn = function RenderColumn(props) {
     setState = _useSetState2[1];
 
   // 计算并更新宽度
-  var updateCalculatedWidth = function updateCalculatedWidth(element) {
+  var updateCalculatedWidth = element => {
     if (!element) return null;
     if (!textRef.current) return;
     // 使用closest方法查找最近的tr
@@ -55,15 +60,13 @@ var RenderColumn = function RenderColumn(props) {
     'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
     'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
-  var handleMouseOver = function handleMouseOver(e) {
+  var handleMouseOver = e => {
     setState({
       tooltip: isEllipsisActive(e.target)
     });
   };
   var tooltipProps = _objectSpread({
-    getPopupContainer: function getPopupContainer(triggerNode) {
-      return triggerNode.parentNode;
-    }
+    getPopupContainer: triggerNode => triggerNode.parentNode
   }, toolTipProps);
 
   // 比对场景走的逻辑
@@ -74,7 +77,7 @@ var RenderColumn = function RenderColumn(props) {
       renderNode = !isXMaxContent ? /*#__PURE__*/_jsx(Text, {
         style: {
           width: currentValue === '-' ? 32.5 : width,
-          minWidth: minWidth
+          minWidth
         },
         ellipsis: {
           tooltip: false
@@ -82,8 +85,8 @@ var RenderColumn = function RenderColumn(props) {
         children: ellipsis ? currentValue : renderNode
       }) : /*#__PURE__*/_jsx("div", {
         style: {
-          minWidth: minWidth,
-          width: width,
+          minWidth,
+          width,
           overflow: 'hidden',
           textOverflow: 'ellipsis',
           whiteSpace: 'nowrap'
@@ -92,9 +95,9 @@ var RenderColumn = function RenderColumn(props) {
       });
       if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
         if (ellipsis) {
-          return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+          return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
             title: currentValue,
-            onOpenChange: function onOpenChange(open) {
+            onOpenChange: open => {
               setState({
                 tooltip: false
               });
@@ -103,8 +106,8 @@ var RenderColumn = function RenderColumn(props) {
           }, tooltipProps), {}, {
             children: /*#__PURE__*/_jsx(Text, {
               style: {
-                width: width,
-                minWidth: minWidth
+                width,
+                minWidth
               },
               ellipsis: true,
               onMouseOver: handleMouseOver,
@@ -118,17 +121,17 @@ var RenderColumn = function RenderColumn(props) {
       if (Array.isArray(originalValue)) {
         console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
       }
-      var originalValueCalc = function originalValueCalc() {
+      var originalValueCalc = () => {
         if (Array.isArray(originalValue)) {
           return null;
         }
         return !isEmpty(originalValue) ? originalValue : '-';
       };
-      return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
         className: cellDiffCls,
         style: {
-          width: width,
-          minWidth: minWidth
+          width,
+          minWidth
         },
         classNames: {
           root: 'original-value-tooltip'
@@ -136,17 +139,17 @@ var RenderColumn = function RenderColumn(props) {
         destroyOnHidden: true,
         placement: "topLeft",
         autoAdjustOverflow: false,
-        title: /*#__PURE__*/_jsx(Space, {
+        title: /*#__PURE__*/_jsx(_Space, {
           direction: "vertical",
           className: "changed-tooltip",
           children: props !== null && props !== void 0 && props.isChanged && !(props !== null && props !== void 0 && props.isAddCell) ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsxs(Space, {
+            children: [/*#__PURE__*/_jsxs(_Space, {
               align: "start",
               className: "original-value-container",
               children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
-            }), /*#__PURE__*/_jsx(Space, {
+            }), /*#__PURE__*/_jsx(_Space, {
               className: "current-value-container",
-              children: ellipsis ? /*#__PURE__*/_jsxs(Space, {
+              children: ellipsis ? /*#__PURE__*/_jsxs(_Space, {
                 children: ["\u5F53\u524D\u503C\uFF1A", currentValue]
               }) : null
             })]
@@ -159,8 +162,8 @@ var RenderColumn = function RenderColumn(props) {
     return /*#__PURE__*/_jsx("div", {
       className: cellDiffCls,
       style: {
-        width: width,
-        minWidth: minWidth
+        width,
+        minWidth
       },
       children: renderNode
     });
@@ -170,7 +173,7 @@ var RenderColumn = function RenderColumn(props) {
       className: "copyable-table-cell",
       children: /*#__PURE__*/_jsx(Paragraph, {
         style: ellipsis ? {
-          width: width
+          width
         } : undefined,
         ellipsis: ellipsis ? {
           tooltip: node
@@ -191,30 +194,28 @@ var RenderColumn = function RenderColumn(props) {
     if (!value) {
       return /*#__PURE__*/_jsx("div", {
         style: {
-          minWidth: minWidth
+          minWidth
         },
         children: "-"
       });
     }
     var calculatedWidth = updateCalculatedWidth(textRef.current);
-    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(_Tooltip, _objectSpread(_objectSpread({
       title: value,
       destroyOnHidden: true,
-      onOpenChange: function onOpenChange() {
+      onOpenChange: () => {
         setState({
           tooltip: false
         });
       },
       open: tooltip
     }, tooltipProps), {}, {
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
-      },
+      getPopupContainer: () => document.body,
       children: /*#__PURE__*/_jsx(Text, {
         ref: textRef,
         style: {
           width: calculatedWidth,
-          minWidth: minWidth
+          minWidth
         },
         ellipsis: true,
         onMouseOver: handleMouseOver,
@@ -225,7 +226,7 @@ var RenderColumn = function RenderColumn(props) {
   }
   return /*#__PURE__*/_jsx("div", {
     style: {
-      minWidth: minWidth
+      minWidth
     },
     children: value || value === 0 ? node : '-'
   });

package/es/ProTable/components/RenderEmptyText/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var RenderEmptyText = function RenderEmptyText(props) {
+var RenderEmptyText = props => {
   var _locale$ProTable;
   var _ref = props || {},
     empty = _ref.empty,

package/es/ProTable/components/RenderFooter/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-var RenderFooter = function RenderFooter(props) {
+var RenderFooter = props => {
   var _ref = props || {},
     dataSource = _ref.dataSource;
   var _ref2 = dataSource || {},
@@ -7,7 +7,7 @@ var RenderFooter = function RenderFooter(props) {
     pagination = _ref2.pagination,
     _dataSource = _ref2._dataSource;
   return footerRender ? /*#__PURE__*/_jsx("div", {
-    className: "pro-table-footer ".concat(pagination && !!(_dataSource !== null && _dataSource !== void 0 && _dataSource.length) ? 'has-page' : 'no-page'),
+    className: `pro-table-footer ${pagination && !!(_dataSource !== null && _dataSource !== void 0 && _dataSource.length) ? 'has-page' : 'no-page'}`,
     children: typeof footerRender === 'function' ? footerRender() : footerRender
   }) : null;
 };

package/es/ProTable/components/RenderSummary/index.js

@@ -1,11 +1,11 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { Table } from 'antd';
-import { get } from 'lodash';
+import "antd/es/table/style";
+import _Table from "antd/es/table";
+import { get, isObject } from 'lodash';
 import { tools } from '@zat-design/utils';
 import { valueTypeRender } from "../../../ProUtils/utils";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var renderSummary = function renderSummary(props) {
+var renderSummary = props => {
   var summary = props.summary,
     dataSource = props.dataSource;
   var _ref = summary || {},
@@ -18,11 +18,12 @@ var renderSummary = function renderSummary(props) {
   if (!(dataSource !== null && dataSource !== void 0 && dataSource.length)) {
     return null;
   }
-  return _typeof(summary) === 'object' ? /*#__PURE__*/_jsx(Table.Summary, {
+  return isObject(summary) ? /*#__PURE__*/_jsx(_Table.Summary, {
     fixed: fixed,
-    children: /*#__PURE__*/_jsx(Table.Summary.Row, {
-      children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref2) {
+    children: /*#__PURE__*/_jsx(_Table.Summary.Row, {
+      children: columns === null || columns === void 0 ? void 0 : columns.map(_ref2 => {
         var key = _ref2.key,
+          dataIndex = _ref2.dataIndex,
           index = _ref2.index,
           colSpan = _ref2.colSpan,
           prefix = _ref2.prefix,
@@ -30,20 +31,20 @@ var renderSummary = function renderSummary(props) {
           title = _ref2.title,
           precision = _ref2.precision,
           valueType = _ref2.valueType;
+        var _key = key || dataIndex;
         var text = null;
         if (title) {
           text = title;
-        } else if (total && key) {
+        } else if (total && _key) {
           var _dataSource$reduce;
           var format = valueTypeRender === null || valueTypeRender === void 0 ? void 0 : valueTypeRender[valueType];
-          var sum = dataSource === null || dataSource === void 0 || (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, function (pre, cur) {
+          var sum = dataSource === null || dataSource === void 0 || (_dataSource$reduce = dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(dataSource, (pre, cur) => {
             var _get;
-            return tools.calc(pre, '+', (_get = get(cur, key)) !== null && _get !== void 0 ? _get : 0);
+            return tools.calc(pre, '+', (_get = get(cur, _key)) !== null && _get !== void 0 ? _get : 0);
           }, 0);
           text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
         }
-        var _key = key;
-        return /*#__PURE__*/_jsxs(Table.Summary.Cell, {
+        return /*#__PURE__*/_jsxs(_Table.Summary.Cell, {
           index: index,
           colSpan: colSpan,
           children: [prefix, text, suffix]

package/es/ProTable/components/RenderTableHeader/index.js

@@ -1,9 +1,10 @@
-import { Button } from 'antd';
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import { ReactSVG } from 'react-svg';
 import { ProTreeModal } from "../../../index";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var RenderTableHeader = function RenderTableHeader(props) {
+var RenderTableHeader = props => {
   var _locale$ProTable, _locale$ProTable2, _locale$ProTable3;
   var dataSource = props.dataSource;
   var _ref = dataSource || {},
@@ -29,7 +30,7 @@ var RenderTableHeader = function RenderTableHeader(props) {
       children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
     }), /*#__PURE__*/_jsxs("div", {
       className: "right-actions",
-      children: [resizeColumn && /*#__PURE__*/_jsx(Button, {
+      children: [resizeColumn && /*#__PURE__*/_jsx(_Button, {
         icon: /*#__PURE__*/_jsx(ReactSVG, {
           className: "anticon",
           wrapper: "span",
@@ -46,7 +47,7 @@ var RenderTableHeader = function RenderTableHeader(props) {
         value: checkColumns,
         allValue: "all",
         onChange: handleColumnConfig,
-        trigger: /*#__PURE__*/_jsx(Button, {
+        trigger: /*#__PURE__*/_jsx(_Button, {
           className: "custom-column-btn",
           icon: /*#__PURE__*/_jsx(ReactSVG, {
             className: "anticon",

package/es/ProTable/components/RenderTabs/index.js

@@ -1,12 +1,13 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/tabs/style";
+import _Tabs from "antd/es/tabs";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { Tabs, Form } from 'antd';
 import { useMemo, useState, useEffect, memo } from 'react';
 import useEnum from "../../../ProEnum/hooks/useEnum";
 import { jsx as _jsx } from "react/jsx-runtime";
-var RenderTabs = function RenderTabs(props) {
+var RenderTabs = props => {
   var code = props.code,
     _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
@@ -25,48 +26,44 @@ var RenderTabs = function RenderTabs(props) {
   var _useEnum = useEnum(code),
     _useEnum2 = _slicedToArray(_useEnum, 1),
     options = _useEnum2[0];
-  var fieldValue = Form.useWatch(name, form);
+  var fieldValue = _Form.useWatch(name, form);
 
   // 使用useMemo计算派生状态
-  var tabItems = useMemo(function () {
-    var defaultItems = [].concat(_toConsumableArray(dataSource), _toConsumableArray(options || []));
+  var tabItems = useMemo(() => {
+    var defaultItems = [...dataSource, ...(options || [])];
     // 合并数据源并转换格式
-    var mergedData = defaultItems.map(function (item) {
-      return {
-        key: item.value,
-        label: item.label
-      };
-    });
+    var mergedData = defaultItems.map(item => ({
+      key: item.value,
+      label: item.label
+    }));
     if (transformResponse && typeof transformResponse === 'function') {
       mergedData = transformResponse(defaultItems, formTableProps);
-      return mergedData.map(function (item) {
-        return {
-          key: String(item.value),
-          label: item.label
-        };
-      });
-    }
-    return mergedData.map(function (item) {
-      return {
-        key: String(item.key),
+      return mergedData.map(item => ({
+        key: String(item.value),
         label: item.label
-      };
-    });
+      }));
+    }
+    return mergedData.map(item => ({
+      key: String(item.key),
+      label: item.label
+    }));
   }, [dataSource, options, transformResponse]);
-  useEffect(function () {
+  useEffect(() => {
     var _tabItems$;
     setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 || (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
   }, [fieldValue]);
   if (!(tabItems !== null && tabItems !== void 0 && tabItems.length)) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Tabs, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(_Tabs, _objectSpread(_objectSpread({
     className: "pro-table-tabs",
-    onChange: function onChange(key) {
+    onChange: key => {
       var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
       setActiveKey(key);
       form.setFieldValue(name, key);
-      var params = _objectSpread(_objectSpread({}, fieldsValues), {}, _defineProperty({}, name, key));
+      var params = _objectSpread(_objectSpread({}, fieldsValues), {}, {
+        [name]: key
+      });
       if (transformParams && typeof transformParams === 'function') {
         params = transformParams(params);
       }

package/es/ProTable/components/TableResizable/index.js

@@ -7,7 +7,7 @@ import { Resizable } from 'react-resizable';
 import classnames from 'classnames';
 import { getParentElement } from "../FormatColumn";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ResizableTitle = function ResizableTitle(props) {
+var ResizableTitle = props => {
   var _restProps$className;
   var onDrag = props.onDrag,
     width = props.width,
@@ -31,13 +31,13 @@ var ResizableTitle = function ResizableTitle(props) {
     handle: /*#__PURE__*/_jsx("span", {
       className: classnames(['react-resizable-handle', offset && 'active']),
       style: {
-        transform: "translateX(".concat(offset, "px)")
+        transform: `translateX(${offset}px)`
       },
-      onClick: function onClick(e) {
+      onClick: e => {
         e.stopPropagation();
       }
     }),
-    onResize: function onResize(e, _ref) {
+    onResize: (e, _ref) => {
       var _parentDom$getElement;
       var size = _ref.size,
         node = _ref.node;
@@ -50,8 +50,8 @@ var ResizableTitle = function ResizableTitle(props) {
       if (parentClient && subClient && lineDom) {
         var height = parentDom.getElementsByTagName('table')[0].clientHeight;
         lineDom.style.display = 'block';
-        lineDom.style.height = "".concat(height, "px");
-        lineDom.style.left = "".concat(subClient.left - parentClient.left + 6, "px");
+        lineDom.style.height = `${height}px`;
+        lineDom.style.left = `${subClient.left - parentClient.left + 6}px`;
       }
       setOffset(size.width - width);
     },
@@ -63,7 +63,7 @@ var ResizableTitle = function ResizableTitle(props) {
       var parentDom = getParentElement(args[1].node, 'pro-table-container');
       var lineDom = (_parentDom$getElement2 = parentDom.getElementsByClassName('pro-table-resizable-line')) === null || _parentDom$getElement2 === void 0 ? void 0 : _parentDom$getElement2[0];
       setOffset(0);
-      onDrag && onDrag.apply(void 0, args);
+      onDrag && onDrag(...args);
       if (lineDom) {
         lineDom.style.display = 'none';
       }
@@ -88,5 +88,5 @@ var components = {
   }
 };
 export default {
-  components: components
+  components
 };

package/es/ProTable/components/TooltipTitle/index.js

@@ -1,9 +1,10 @@
-import { Tooltip } from 'antd';
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import { ReactSVG } from 'react-svg';
 import tipSvg from "../../../assets/tip.svg";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var TooltipTitle = function TooltipTitle(props) {
+var TooltipTitle = props => {
   var title = props.title,
     tooltip = props.tooltip;
   var _ref = tooltip || {},
@@ -11,7 +12,7 @@ var TooltipTitle = function TooltipTitle(props) {
     icon = _ref.icon;
   return /*#__PURE__*/_jsxs("span", {
     className: "pro-table-tooltip",
-    children: [title, /*#__PURE__*/_jsx(Tooltip, {
+    children: [title, /*#__PURE__*/_jsx(_Tooltip, {
       title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip,
       children: /*#__PURE__*/_jsx(ReactSVG, {
         className: "icon-tip",