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

package/es/ProLayout/components/ProFooter/index.js

@@ -1,11 +1,11 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { useSize } from 'ahooks';
-import { Space } from 'antd';
 import classnames from 'classnames';
 import { memo, useEffect } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProFooter = function ProFooter(props) {
+var ProFooter = props => {
   var _props$visible = props.visible,
     visible = _props$visible === void 0 ? true : _props$visible,
     className = props.className,
@@ -16,15 +16,13 @@ var ProFooter = function ProFooter(props) {
     sideDom = _props$sideDom === void 0 ? '.pro-layout-sider-nav' : _props$sideDom,
     _props$contentDom = props.contentDom,
     contentDom = _props$contentDom === void 0 ? '.pro-layout-content' : _props$contentDom;
-  var size = useSize(function () {
-    return document.querySelector(sideDom) || document.querySelector('.pro-layout-menu');
-  });
+  var size = useSize(() => document.querySelector(sideDom) || document.querySelector('.pro-layout-menu'));
   var boxDom = document.querySelector(contentDom);
-  useEffect(function () {
+  useEffect(() => {
     if (boxDom && visible) {
       boxDom.style.paddingBottom = '64px';
     }
-    return function () {
+    return () => {
       if (boxDom) {
         boxDom.style.paddingBottom = '0px';
       }
@@ -33,16 +31,17 @@ var ProFooter = function ProFooter(props) {
   if (!visible) {
     return null;
   }
-  var cls = classnames(_defineProperty({
-    'pro-footer': true
-  }, "".concat(className), className));
+  var cls = classnames({
+    'pro-footer': true,
+    [`${className}`]: className
+  });
   return /*#__PURE__*/_jsx("div", {
     className: cls,
     style: _objectSpread({
-      zIndex: zIndex,
-      width: "calc(100% - ".concat(size === null || size === void 0 ? void 0 : size.width, "px)")
+      zIndex,
+      width: `calc(100% - ${size === null || size === void 0 ? void 0 : size.width}px)`
     }, props.style),
-    children: /*#__PURE__*/_jsx(Space, {
+    children: /*#__PURE__*/_jsx(_Space, {
       children: children
     })
   });

package/es/ProLayout/components/ProFooter/style/index.less

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

package/es/ProLayout/components/ProHeader/components/Copy/index.js

@@ -1,21 +1,22 @@
-import { Typography } from 'antd';
+import "antd/es/typography/style";
+import _Typography from "antd/es/typography";
 import { ReactSVG } from 'react-svg';
 import { CheckOutlined } from '@ant-design/icons';
 import copySvg from "../../../../../assets/copy.svg";
 import locale from "../../../../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Paragraph = Typography.Paragraph;
-var Copy = function Copy(_ref) {
+var Paragraph = _Typography.Paragraph;
+var Copy = _ref => {
   var text = _ref.text;
   return /*#__PURE__*/_jsx(Paragraph, {
     className: "pro-header-copy",
     copyable: {
-      text: text,
+      text,
       icon: [/*#__PURE__*/_jsx(ReactSVG, {
         className: "drag-icon",
         src: copySvg
       }, "copy-icon"), /*#__PURE__*/_jsx(CheckOutlined, {}, "copied-icon")],
-      tooltips: ["".concat(locale.ProHeader.copyTooltips[0]), "".concat(locale.ProHeader.copyTooltips[1])]
+      tooltips: [`${locale.ProHeader.copyTooltips[0]}`, `${locale.ProHeader.copyTooltips[1]}`]
     }
   });
 };

package/es/ProLayout/components/ProHeader/components/ProBackBtn/index.js

@@ -1,5 +1,6 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
 import { ArrowLeftOutlined } from '@ant-design/icons';
-import { Button } from 'antd';
 import locale from "../../../../../locale";
 
 /**
@@ -8,18 +9,18 @@ import locale from "../../../../../locale";
  * @param text 自定义按钮文字
  */
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProBackBtn = function ProBackBtn(_ref) {
+var ProBackBtn = _ref => {
   var onBack = _ref.onBack,
     _ref$text = _ref.text,
-    text = _ref$text === void 0 ? "".concat(locale.ProHeader.backText) : _ref$text;
-  var handleClick = function handleClick() {
+    text = _ref$text === void 0 ? `${locale.ProHeader.backText}` : _ref$text;
+  var handleClick = () => {
     if (onBack) {
       onBack();
     } else {
       window.history.back();
     }
   };
-  return /*#__PURE__*/_jsx(Button, {
+  return /*#__PURE__*/_jsx(_Button, {
     icon: /*#__PURE__*/_jsx(ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,

package/es/ProLayout/components/ProHeader/components/ProBackBtn/style/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .back-button-container {
   &.@{ant-prefix}-btn {

package/es/ProLayout/components/ProHeader/index.js

@@ -1,10 +1,18 @@
+import "antd/es/breadcrumb/style";
+import _Breadcrumb from "antd/es/breadcrumb";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "antd/es/divider/style";
+import _Divider from "antd/es/divider";
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import "antd/es/space/style";
+import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["width"];
 /* eslint-disable react/no-array-index-key */
-import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
+var _excluded = ["width"];
 import React, { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
@@ -21,7 +29,7 @@ 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 formatAmount = tools.formatAmount;
-var ProHeader = function ProHeader(props) {
+var ProHeader = props => {
   var breadcrumbColumns = props.breadcrumbColumns,
     actionRender = props.actionRender,
     describeColumns = props.describeColumns,
@@ -64,17 +72,17 @@ var ProHeader = function ProHeader(props) {
 
   // 次级配置数据源
   var _subDescribeColumns = subDescribeColumns || [];
-  useEffect(function () {
+  useEffect(() => {
     if (bodyOverFlowHidden) {
       var bodyElement = document.querySelector('body');
       bodyElement.style.overflow = 'hidden';
     }
-    return function () {
+    return () => {
       var bodyElement = document.querySelector('body');
       bodyElement.style.overflow = '';
     };
   }, [bodyOverFlowHidden]);
-  useEffect(function () {
+  useEffect(() => {
     var isNewPage = window.history.length;
     // history的记录，默认2，代办新开页面
     if (isNewPage <= autoBack) {
@@ -85,7 +93,7 @@ var ProHeader = function ProHeader(props) {
   /**
    * 主级描述数据渲染
    */
-  var describeRender = function describeRender(describeData) {
+  var describeRender = describeData => {
     if (!Array.isArray(describeData)) {
       return null;
     }
@@ -95,7 +103,7 @@ var ProHeader = function ProHeader(props) {
         'pro-header-describe-open': fold,
         'pro-header-describe-hidden': !fold
       }),
-      children: describeData.map(function (item, index) {
+      children: describeData.map((item, index) => {
         var value = item.value,
           copyable = item.copyable,
           _item$show = item.show,
@@ -111,11 +119,11 @@ var ProHeader = function ProHeader(props) {
           return null;
         }
         var onlyTag = tag && !label && !value;
-        var tagRender = function tagRender(parmas) {
+        var tagRender = parmas => {
           if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && parmas !== null && parmas !== void 0 && parmas.tag.length) {
-            return /*#__PURE__*/_jsx(Space, {
+            return /*#__PURE__*/_jsx(_Space, {
               size: 4,
-              children: parmas.tag.map(function (tagItem, index) {
+              children: parmas.tag.map((tagItem, index) => {
                 return /*#__PURE__*/_jsx("div", {
                   className: "pro-header-tag",
                   children: tagItem
@@ -130,8 +138,8 @@ var ProHeader = function ProHeader(props) {
         };
 
         /** 单行渲染 */
-        var valueRender = function valueRender(parmas) {
-          return /*#__PURE__*/_jsxs(Space, {
+        var valueRender = parmas => {
+          return /*#__PURE__*/_jsxs(_Space, {
             size: 4,
             align: parmas !== null && parmas !== void 0 && parmas.tag ? 'baseline' : 'center',
             children: [parmas !== null && parmas !== void 0 && parmas.link ? /*#__PURE__*/_jsx("a", {
@@ -148,7 +156,7 @@ var ProHeader = function ProHeader(props) {
         };
 
         /** 多行渲染 */
-        var itemsRender = function itemsRender() {
+        var itemsRender = () => {
           // items配置是否超长，超长配置... + tip 提示
           var itemsHidden = checkDescribeItemsHidden(ref === null || ref === void 0 ? void 0 : ref.current);
           var result = /*#__PURE__*/_jsxs("div", {
@@ -157,7 +165,7 @@ var ProHeader = function ProHeader(props) {
               'pro-header-describe-items': true,
               'pro-header-describe-items-more': items.length >= 2
             }),
-            children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? "\u5171".concat(items === null || items === void 0 ? void 0 : items.length, "\u4E2A\uFF0C") : null, items.map(function (item, index) {
+            children: [(items === null || items === void 0 ? void 0 : items.length) > 3 ? `共${items === null || items === void 0 ? void 0 : items.length}个，` : null, items.map((item, index) => {
               return /*#__PURE__*/_jsxs("span", {
                 children: [valueRender(item), (items === null || items === void 0 ? void 0 : items.length) !== index + 1 ? ' 、' : null]
               }, index);
@@ -168,14 +176,14 @@ var ProHeader = function ProHeader(props) {
           });
           if (itemsHidden) {
             var tipResult = /*#__PURE__*/_jsx(_Fragment, {
-              children: items.map(function (item, index) {
+              children: items.map((item, index) => {
                 return /*#__PURE__*/_jsx("p", {
                   className: "pro-header-describe-items-tip-value",
                   children: valueRender(item)
                 }, index);
               })
             });
-            return /*#__PURE__*/_jsx(Tooltip, {
+            return /*#__PURE__*/_jsx(_Tooltip, {
               placement: "bottomLeft",
               classNames: {
                 root: 'pro-header-describe-items-tip'
@@ -193,9 +201,9 @@ var ProHeader = function ProHeader(props) {
         return /*#__PURE__*/_jsx("li", {
           className: tagCls,
           style: {
-            width: width
+            width
           },
-          children: /*#__PURE__*/_jsxs(Space, {
+          children: /*#__PURE__*/_jsxs(_Space, {
             size: 4,
             children: [label ? /*#__PURE__*/_jsx("span", {
               className: "pro-header-describe-label",
@@ -204,10 +212,10 @@ var ProHeader = function ProHeader(props) {
               className: "pro-header-describe-value",
               children: items !== null && items !== void 0 && items.length ? itemsRender() : /*#__PURE__*/_jsx("span", {
                 children: valueRender({
-                  value: value,
-                  copyable: copyable,
-                  tag: tag,
-                  link: link
+                  value,
+                  copyable,
+                  tag,
+                  link
                 })
               })
             })]
@@ -220,7 +228,7 @@ var ProHeader = function ProHeader(props) {
   /**
    * 次级描述数据渲染
    */
-  var subDescribeRender = function subDescribeRender(describeData) {
+  var subDescribeRender = describeData => {
     var _dayjs, _dayjs2;
     var value = describeData.value,
       type = describeData.type,
@@ -275,13 +283,13 @@ var ProHeader = function ProHeader(props) {
   /**
    * 头部右侧按钮面板渲染
    */
-  var actionsRender = function actionsRender() {
+  var actionsRender = () => {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return /*#__PURE__*/_jsx(Space, {
-        split: /*#__PURE__*/_jsx(Divider, {
+      return /*#__PURE__*/_jsx(_Space, {
+        split: /*#__PURE__*/_jsx(_Divider, {
           type: "vertical"
         }),
-        children: actionRender.map(function (item, index) {
+        children: actionRender.map((item, index) => {
           var _item$props;
           if (isFunction(item === null || item === void 0 ? void 0 : item.type)) {
             return /*#__PURE__*/_jsx("div", {
@@ -304,24 +312,24 @@ var ProHeader = function ProHeader(props) {
   /**
    * 总结信息面板渲染
    */
-  var breadcrumbRender = function breadcrumbRender() {
+  var breadcrumbRender = () => {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
       return [];
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
       return item.type === 'breadcrumb';
     });
-    return list.map(function (item, index) {
+    return list.map((item, index) => {
       var _value$props;
       var value = item.value,
         _item$show2 = item.show,
         show = _item$show2 === void 0 ? true : _item$show2,
         tag = item.tag;
-      var tagRender = function tagRender() {
+      var tagRender = () => {
         if (Array.isArray(tag) && tag.length) {
-          return /*#__PURE__*/_jsx(Space, {
+          return /*#__PURE__*/_jsx(_Space, {
             size: 8,
-            children: tag.map(function (tagItem, index) {
+            children: tag.map((tagItem, index) => {
               return /*#__PURE__*/_jsx("div", {
                 className: "pro-header-tag",
                 children: tagItem
@@ -345,7 +353,7 @@ var ProHeader = function ProHeader(props) {
       }
       return {
         key: index,
-        title: /*#__PURE__*/_jsxs(Space, {
+        title: /*#__PURE__*/_jsxs(_Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
@@ -356,11 +364,11 @@ var ProHeader = function ProHeader(props) {
   /**
    * 头部左侧导航栏后业务信息
    */
-  var infoRender = function infoRender() {
+  var infoRender = () => {
     if (!Array.isArray(_breadcrumbColumns)) {
       return '';
     }
-    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
+    var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(item => {
       return item.type !== 'breadcrumb';
     });
     if (!list.length) {
@@ -368,7 +376,7 @@ var ProHeader = function ProHeader(props) {
     }
     return /*#__PURE__*/_jsx("ul", {
       className: "pro-header-info",
-      children: list.map(function (item, index) {
+      children: list.map((item, index) => {
         var _value$props2;
         var value = item.value,
           _item$type = item.type,
@@ -388,7 +396,7 @@ var ProHeader = function ProHeader(props) {
         // value为null或者undefined返回'-'
         var val = String(value).includes('undefined') || !value ? '-' : value;
         if (type === 'version' && val) {
-          val = "".concat(locale.ProHeader.versionTitle).concat(val);
+          val = `${locale.ProHeader.versionTitle}${val}`;
         }
 
         // 面包屑样式
@@ -396,13 +404,13 @@ var ProHeader = function ProHeader(props) {
           'breadcrumb-value': true,
           omit: width
         });
-        var valueRender = function valueRender(type) {
+        var valueRender = type => {
           var valRender = /*#__PURE__*/_jsx("div", {
             className: breadcrumbCls,
             style: {
-              width: width
+              width
             },
-            children: /*#__PURE__*/_jsxs(Space, {
+            children: /*#__PURE__*/_jsxs(_Space, {
               size: 4,
               children: [val, " ", tag ? /*#__PURE__*/_jsx("div", {
                 className: "pro-header-tag",
@@ -412,7 +420,7 @@ var ProHeader = function ProHeader(props) {
           });
           if (type === 'copy') {
             return valRender = /*#__PURE__*/_jsxs(_Fragment, {
-              children: [width ? /*#__PURE__*/_jsx(Tooltip, {
+              children: [width ? /*#__PURE__*/_jsx(_Tooltip, {
                 title: val,
                 children: valRender
               }) : valRender, /*#__PURE__*/_jsx(Copy, {
@@ -421,7 +429,7 @@ var ProHeader = function ProHeader(props) {
             });
           }
           if (width) {
-            return /*#__PURE__*/_jsx(Tooltip, {
+            return /*#__PURE__*/_jsx(_Tooltip, {
               title: val,
               children: valRender
             });
@@ -438,15 +446,16 @@ var ProHeader = function ProHeader(props) {
       })
     });
   };
-  var cls = classnames(_defineProperty({
+  var cls = classnames({
     'pro-header': true,
     'pro-header-fixed': fixedTop,
     'pro-header-shadow': showShadow,
     // 内部窗口滚动自带阴影场景
     'pro-header-no-back': !backState,
     'pro-header-has-describe': !isEmpty(_subDescribeColumns) || !isEmpty(describeColumns) || !isEmpty(describeColumns),
-    'pro-header-no-describe': isEmpty(_subDescribeColumns) && isEmpty(describeColumns) || isEmpty(describeColumns)
-  }, "".concat(className), className));
+    'pro-header-no-describe': isEmpty(_subDescribeColumns) && isEmpty(describeColumns) || isEmpty(describeColumns),
+    [`${className}`]: className
+  });
   if (title && !isEmpty(_breadcrumbColumns)) {
     console.error('warning: The title and the breadcrumbList cannot be used together');
   }
@@ -459,7 +468,7 @@ var ProHeader = function ProHeader(props) {
       value: title
     });
   }
-  var onConfirm = function onConfirm() {
+  var onConfirm = () => {
     if (!isConfirmBack) {
       onBack && onBack();
       if (!onBack) {
@@ -471,22 +480,22 @@ var ProHeader = function ProHeader(props) {
     var _ref = isConfirmBackModalProps || {},
       width = _ref.width,
       restModalProps = _objectWithoutProperties(_ref, _excluded);
-    Modal.confirm(_objectSpread(_objectSpread({
-      title: "".concat(locale.ProHeader.confirmTitle),
-      okText: "".concat(locale.ProHeader.confirm),
-      cancelText: "".concat(locale.ProHeader.cancel),
-      onOk: function onOk() {
+    _Modal.confirm(_objectSpread(_objectSpread({
+      title: `${locale.ProHeader.confirmTitle}`,
+      okText: `${locale.ProHeader.confirm}`,
+      cancelText: `${locale.ProHeader.cancel}`,
+      onOk: () => {
         onBack && onBack();
       }
     }, width && (typeof width === 'string' || typeof width === 'number') ? {
-      width: width
+      width
     } : {}), restModalProps));
   };
   return /*#__PURE__*/_jsx("div", {
     className: cls,
     style: _objectSpread(_objectSpread({}, style), {}, {
       top: fixedTop,
-      zIndex: zIndex
+      zIndex
     }),
     children: _title ? /*#__PURE__*/_jsx("div", {
       className: "pro-header-title",
@@ -499,11 +508,11 @@ var ProHeader = function ProHeader(props) {
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: /*#__PURE__*/_jsxs(Space, {
+          children: /*#__PURE__*/_jsxs(_Space, {
             size: backState ? 4 : 0,
             children: [backState ? /*#__PURE__*/_jsx(ProBackBtn, {
               onBack: onConfirm
-            }) : null, /*#__PURE__*/_jsx(Breadcrumb, {
+            }) : null, /*#__PURE__*/_jsx(_Breadcrumb, {
               separator: ">",
               items: breadcrumbRender()
             }), infoRender()]
@@ -519,7 +528,7 @@ var ProHeader = function ProHeader(props) {
           'pro-header-nav-hidden': !fold
         }),
         children: [/*#__PURE__*/_jsx("ul", {
-          children: _subDescribeColumns.map(function (item, index) {
+          children: _subDescribeColumns.map((item, index) => {
             return /*#__PURE__*/_jsx("li", {
               children: subDescribeRender(item)
             }, index);

package/es/ProLayout/components/ProHeader/style/index.less

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

package/es/ProLayout/components/ProHeader/utils/index.js

@@ -2,7 +2,7 @@
  * 检查描述dom是否部分隐藏
  * @param ele  dom节点
  */
-export var checkDescribeItemsHidden = function checkDescribeItemsHidden(ele) {
+export var checkDescribeItemsHidden = ele => {
   var childElement = ele;
   if (!childElement) {
     return false;

package/es/ProLayout/index.d.ts

@@ -7,17 +7,6 @@ export declare const LayoutContext: import("react").Context<{
 }>;
 declare const ProLayout: {
     (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        menus: any[];
-        iconfontUrl: string;
-        title: string;
-        collapsed: boolean;
-        routerMatch: string;
-        pure: boolean;
-        theme: string;
-        headerHeight: number;
-        contentStyle: {};
-    };
     ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
     ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
     ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;