@zat-design/sisyphus-react 3.13.19-beta.6 → 3.13.19-beta.7

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

@@ -2,18 +2,18 @@ import "antd/es/descriptions/style";
 import _Descriptions from "antd/es/descriptions";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/collapse/style";
 import _Collapse from "antd/es/collapse";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLayoutEffect } from 'react';
 import { CaretRightOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
-import foldSvg from '../../../assets/fold.svg';
-import ProIcon from '../../../ProIcon/index';
+import foldSvg from "../../../assets/fold.svg";
+import ProIcon from "../../../ProIcon/index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Panel = _Collapse.Panel;
-var ProCollapse = function ProCollapse(props) {
+var ProCollapse = props => {
   var title = props.title,
     id = props.id,
     _props$contentStyle = props.contentStyle,
@@ -41,26 +41,28 @@ var ProCollapse = function ProCollapse(props) {
     autoHeight = _props$autoHeight === void 0 ? true : _props$autoHeight,
     onChange = props.onChange,
     open = props.open;
+
   // 当同时设置了open和collapseProps.activeKey时，以collapseProps.activeKey为准
   // 这样保证了与已有代码的兼容性，并提供了更简便的控制面板展开状态的方式
   var finalCollapseProps = _objectSpread({}, collapseProps);
   if (open !== undefined && !('activeKey' in finalCollapseProps)) {
     finalCollapseProps.activeKey = open ? ['1'] : [];
   }
-  var cls = classNames(_defineProperty({
+  var cls = classNames({
     'pro-collapse': true,
     'pro-collapse-level2': level === '2',
     'pro-collapse-level3': level === '3',
     'pro-collapse-list': titleList === null || titleList === void 0 ? void 0 : titleList.length,
     'pro-collapse-no-title': !title,
-    'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3'
-  }, "".concat(className), className));
-  var content = _jsx("div", {
+    'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3',
+    [`${className}`]: className
+  });
+  var content = /*#__PURE__*/_jsx("div", {
     className: "pro-collapse-content",
     style: contentStyle,
     children: children
   });
-  var renderPanel = function renderPanel() {
+  var renderPanel = () => {
     var _title = title;
     if (level === '2') {
       var level2Panel = classNames({
@@ -72,10 +74,10 @@ var ProCollapse = function ProCollapse(props) {
       if (!towCollapse) {
         hasCollapse.collapsible = 'disabled';
       }
-      return _jsx(Panel, _objectSpread(_objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(Panel, _objectSpread(_objectSpread(_objectSpread({
         header: _title,
         className: level2Panel,
-        extra: _jsx("div", {
+        extra: /*#__PURE__*/_jsx("div", {
           className: "extra-info",
           children: extra
         }),
@@ -94,10 +96,10 @@ var ProCollapse = function ProCollapse(props) {
       if (!threeCollapse) {
         _hasCollapse.collapsible = 'disabled';
       }
-      return _jsx(Panel, _objectSpread(_objectSpread(_objectSpread({
+      return /*#__PURE__*/_jsx(Panel, _objectSpread(_objectSpread(_objectSpread({
         header: _title,
         className: level3Panel,
-        extra: _jsx("div", {
+        extra: /*#__PURE__*/_jsx("div", {
           className: "extra-info",
           children: extra
         }),
@@ -107,12 +109,12 @@ var ProCollapse = function ProCollapse(props) {
       }), "1");
     }
     if (icon) {
-      _title = _jsxs(_Space, {
+      _title = /*#__PURE__*/_jsxs(_Space, {
         size: 8,
         align: "center",
-        children: [_jsx("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "pro-collapse-icon",
-          children: typeof icon === 'boolean' ? _jsx(ProIcon, {
+          children: typeof icon === 'boolean' ? /*#__PURE__*/_jsx(ProIcon, {
             src: foldSvg,
             actionMap: {
               fill: []
@@ -121,10 +123,10 @@ var ProCollapse = function ProCollapse(props) {
         }), title]
       });
     }
-    return _jsx(Panel, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(Panel, _objectSpread(_objectSpread({
       header: _title,
       className: "pro-collapse-panel",
-      extra: _jsx("div", {
+      extra: /*#__PURE__*/_jsx("div", {
         className: "extra-info",
         children: extra
       }),
@@ -133,13 +135,13 @@ var ProCollapse = function ProCollapse(props) {
       children: content
     }), "1");
   };
-  var renderTitleList = function renderTitleList() {
-    return _jsxs("div", {
+  var renderTitleList = () => {
+    return /*#__PURE__*/_jsxs("div", {
       className: cls,
-      children: [_jsx(_Descriptions, {
+      children: [/*#__PURE__*/_jsx(_Descriptions, {
         column: column,
-        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(function (item) {
-          return _jsx(_Descriptions.Item, {
+        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
+          return /*#__PURE__*/_jsx(_Descriptions.Item, {
             label: item.label,
             children: item.value || '-'
           }, item.label);
@@ -147,8 +149,9 @@ var ProCollapse = function ProCollapse(props) {
       }), content]
     });
   };
+
   // 当pro-layout-content只存在一个card时，高度动态计算
-  useLayoutEffect(function () {
+  useLayoutEffect(() => {
     if (!autoHeight) {
       return;
     }
@@ -162,29 +165,29 @@ var ProCollapse = function ProCollapse(props) {
     if ((proCollapseNoTitles === null || proCollapseNoTitles === void 0 ? void 0 : proCollapseNoTitles.length) === 1 && proCollapses.length === 1) {
       var rect = proCollapseNoTitles[0].getBoundingClientRect();
       if ((rect === null || rect === void 0 ? void 0 : rect.height) < window.innerHeight - rect.top) {
-        proCollapseNoTitles[0].style.minHeight = "calc(100vh - ".concat(rect.top + 16, "px)");
+        proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + 16}px)`;
       } else {
         proCollapseNoTitles[0].style.minHeight = 'auto';
       }
       if (proFooterNode) {
-        proCollapseNoTitles[0].style.minHeight = "calc(100vh - ".concat(rect.top + proFooterNode.offsetHeight + 16, "px)");
+        proCollapseNoTitles[0].style.minHeight = `calc(100vh - ${rect.top + proFooterNode.offsetHeight + 16}px)`;
       }
     }
-    return function () {
+    return () => {
       if (proCollapseNoTitles.length === 1 && proCollapses.length === 1) {
         proCollapseNoTitles[0].style.minHeight = 'auto'; // 移除 minHeight 的设置
       }
     };
   });
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     id: id,
     style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : _jsx(_Collapse, _objectSpread(_objectSpread({
+    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/_jsx(_Collapse, _objectSpread(_objectSpread({
       className: cls,
       bordered: false,
-      expandIcon: function expandIcon(_ref) {
+      expandIcon: _ref => {
         var isActive = _ref.isActive;
-        return _jsx(CaretRightOutlined, {
+        return /*#__PURE__*/_jsx(CaretRightOutlined, {
           rotate: isActive ? -90 : 90
         });
       },

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

@@ -1,12 +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 { jsx as _jsx } from "react/jsx-runtime";
 import { useSize } from 'ahooks';
 import classnames from 'classnames';
 import { memo, useEffect } from 'react';
-var ProFooter = function ProFooter(props) {
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProFooter = props => {
   var _props$visible = props.visible,
     visible = _props$visible === void 0 ? true : _props$visible,
     className = props.className,
@@ -17,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';
       }
@@ -34,16 +31,17 @@ var ProFooter = function ProFooter(props) {
   if (!visible) {
     return null;
   }
-  var cls = classnames(_defineProperty({
-    'pro-footer': true
-  }, "".concat(className), className));
-  return _jsx("div", {
+  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: _jsx(_Space, {
+    children: /*#__PURE__*/_jsx(_Space, {
       children: children
     })
   });

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

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

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

@@ -1,26 +1,27 @@
 import "antd/es/button/style";
 import _Button from "antd/es/button";
-import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowLeftOutlined } from '@ant-design/icons';
-import locale from '../../../../../locale';
+import locale from "../../../../../locale";
+
 /**
  * 页面返回按钮
  * @param onBack 自定义返回方法
  * @param text 自定义按钮文字
  */
-var ProBackBtn = function ProBackBtn(_ref) {
+import { jsx as _jsx } from "react/jsx-runtime";
+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 _jsx(_Button, {
-    icon: _jsx(ArrowLeftOutlined, {}),
+  return /*#__PURE__*/_jsx(_Button, {
+    icon: /*#__PURE__*/_jsx(ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,
     shape: "round",

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

@@ -1,2 +1,2 @@
-export { default as Copy } from './Copy';
-export { default as ProBackBtn } from './ProBackBtn';
+export { default as Copy } from "./Copy";
+export { default as ProBackBtn } from "./ProBackBtn";