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

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

@@ -9,18 +9,17 @@ require("antd/es/descriptions/style");
 var _descriptions = _interopRequireDefault(require("antd/es/descriptions"));
 require("antd/es/space/style");
 var _space = _interopRequireDefault(require("antd/es/space"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 require("antd/es/collapse/style");
 var _collapse = _interopRequireDefault(require("antd/es/collapse"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _icons = require("@ant-design/icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _fold = _interopRequireDefault(require("../../../assets/fold.svg"));
 var _index = _interopRequireDefault(require("../../../ProIcon/index"));
+var _jsxRuntime = require("react/jsx-runtime");
 var Panel = _collapse.default.Panel;
-var ProCollapse = function ProCollapse(props) {
+var ProCollapse = props => {
   var title = props.title,
     id = props.id,
     _props$contentStyle = props.contentStyle,
@@ -48,26 +47,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 = (0, _objectSpread2.default)({}, collapseProps);
   if (open !== undefined && !('activeKey' in finalCollapseProps)) {
     finalCollapseProps.activeKey = open ? ['1'] : [];
   }
-  var cls = (0, _classnames.default)((0, _defineProperty2.default)({
+  var cls = (0, _classnames.default)({
     '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 = (0, _jsxRuntime.jsx)("div", {
+    'pro-collapse-no-level1-title': !title && level !== '2' && level !== '3',
+    [`${className}`]: className
+  });
+  var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "pro-collapse-content",
     style: contentStyle,
     children: children
   });
-  var renderPanel = function renderPanel() {
+  var renderPanel = () => {
     var _title = title;
     if (level === '2') {
       var level2Panel = (0, _classnames.default)({
@@ -79,10 +80,10 @@ var ProCollapse = function ProCollapse(props) {
       if (!towCollapse) {
         hasCollapse.collapsible = 'disabled';
       }
-      return (0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
         header: _title,
         className: level2Panel,
-        extra: (0, _jsxRuntime.jsx)("div", {
+        extra: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "extra-info",
           children: extra
         }),
@@ -101,10 +102,10 @@ var ProCollapse = function ProCollapse(props) {
       if (!threeCollapse) {
         _hasCollapse.collapsible = 'disabled';
       }
-      return (0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({
         header: _title,
         className: level3Panel,
-        extra: (0, _jsxRuntime.jsx)("div", {
+        extra: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "extra-info",
           children: extra
         }),
@@ -114,12 +115,12 @@ var ProCollapse = function ProCollapse(props) {
       }), "1");
     }
     if (icon) {
-      _title = (0, _jsxRuntime.jsxs)(_space.default, {
+      _title = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
         size: 8,
         align: "center",
-        children: [(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "pro-collapse-icon",
-          children: typeof icon === 'boolean' ? (0, _jsxRuntime.jsx)(_index.default, {
+          children: typeof icon === 'boolean' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
             src: _fold.default,
             actionMap: {
               fill: []
@@ -128,10 +129,10 @@ var ProCollapse = function ProCollapse(props) {
         }), title]
       });
     }
-    return (0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Panel, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       header: _title,
       className: "pro-collapse-panel",
-      extra: (0, _jsxRuntime.jsx)("div", {
+      extra: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "extra-info",
         children: extra
       }),
@@ -140,13 +141,13 @@ var ProCollapse = function ProCollapse(props) {
       children: content
     }), "1");
   };
-  var renderTitleList = function renderTitleList() {
-    return (0, _jsxRuntime.jsxs)("div", {
+  var renderTitleList = () => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: cls,
-      children: [(0, _jsxRuntime.jsx)(_descriptions.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_descriptions.default, {
         column: column,
-        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(function (item) {
-          return (0, _jsxRuntime.jsx)(_descriptions.default.Item, {
+        children: titleList === null || titleList === void 0 ? void 0 : titleList.map(item => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_descriptions.default.Item, {
             label: item.label,
             children: item.value || '-'
           }, item.label);
@@ -154,8 +155,9 @@ var ProCollapse = function ProCollapse(props) {
       }), content]
     });
   };
+
   // 当pro-layout-content只存在一个card时，高度动态计算
-  (0, _react.useLayoutEffect)(function () {
+  (0, _react.useLayoutEffect)(() => {
     if (!autoHeight) {
       return;
     }
@@ -169,29 +171,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 (0, _jsxRuntime.jsx)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     id: id,
     style: style,
-    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : (0, _jsxRuntime.jsx)(_collapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: Array.isArray(titleList) && titleList.length ? renderTitleList() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_collapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       className: cls,
       bordered: false,
-      expandIcon: function expandIcon(_ref) {
+      expandIcon: _ref => {
         var isActive = _ref.isActive;
-        return (0, _jsxRuntime.jsx)(_icons.CaretRightOutlined, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CaretRightOutlined, {
           rotate: isActive ? -90 : 90
         });
       },

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

@@ -8,12 +8,11 @@ exports.default = void 0;
 require("antd/es/space/style");
 var _space = _interopRequireDefault(require("antd/es/space"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
-var _classnames2 = _interopRequireDefault(require("classnames"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _react = require("react");
-var ProFooter = function ProFooter(props) {
+var _jsxRuntime = require("react/jsx-runtime");
+var ProFooter = props => {
   var _props$visible = props.visible,
     visible = _props$visible === void 0 ? true : _props$visible,
     className = props.className,
@@ -24,15 +23,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 = (0, _ahooks.useSize)(function () {
-    return document.querySelector(sideDom) || document.querySelector('.pro-layout-menu');
-  });
+  var size = (0, _ahooks.useSize)(() => document.querySelector(sideDom) || document.querySelector('.pro-layout-menu'));
   var boxDom = document.querySelector(contentDom);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (boxDom && visible) {
       boxDom.style.paddingBottom = '64px';
     }
-    return function () {
+    return () => {
       if (boxDom) {
         boxDom.style.paddingBottom = '0px';
       }
@@ -41,16 +38,17 @@ var ProFooter = function ProFooter(props) {
   if (!visible) {
     return null;
   }
-  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
-    'pro-footer': true
-  }, "".concat(className), className));
-  return (0, _jsxRuntime.jsx)("div", {
+  var cls = (0, _classnames.default)({
+    'pro-footer': true,
+    [`${className}`]: className
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: cls,
     style: (0, _objectSpread2.default)({
-      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: (0, _jsxRuntime.jsx)(_space.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
       children: children
     })
   });

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

@@ -7,23 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("antd/es/typography/style");
 var _typography = _interopRequireDefault(require("antd/es/typography"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _reactSvg = require("react-svg");
 var _icons = require("@ant-design/icons");
 var _copy = _interopRequireDefault(require("../../../../../assets/copy.svg"));
 var _locale = _interopRequireDefault(require("../../../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
 var Paragraph = _typography.default.Paragraph;
-var Copy = function Copy(_ref) {
+var Copy = _ref => {
   var text = _ref.text;
-  return (0, _jsxRuntime.jsx)(Paragraph, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Paragraph, {
     className: "pro-header-copy",
     copyable: {
-      text: text,
-      icon: [(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+      text,
+      icon: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
         className: "drag-icon",
         src: _copy.default
-      }, "copy-icon"), (0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}, "copied-icon")],
-      tooltips: ["".concat(_locale.default.ProHeader.copyTooltips[0]), "".concat(_locale.default.ProHeader.copyTooltips[1])]
+      }, "copy-icon"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckOutlined, {}, "copied-icon")],
+      tooltips: [`${_locale.default.ProHeader.copyTooltips[0]}`, `${_locale.default.ProHeader.copyTooltips[1]}`]
     }
   });
 };

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

@@ -7,27 +7,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("antd/es/button/style");
 var _button = _interopRequireDefault(require("antd/es/button"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
 var _locale = _interopRequireDefault(require("../../../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 页面返回按钮
  * @param onBack 自定义返回方法
  * @param text 自定义按钮文字
- */
-var ProBackBtn = function ProBackBtn(_ref) {
+ */var ProBackBtn = _ref => {
   var onBack = _ref.onBack,
     _ref$text = _ref.text,
-    text = _ref$text === void 0 ? "".concat(_locale.default.ProHeader.backText) : _ref$text;
-  var handleClick = function handleClick() {
+    text = _ref$text === void 0 ? `${_locale.default.ProHeader.backText}` : _ref$text;
+  var handleClick = () => {
     if (onBack) {
       onBack();
     } else {
       window.history.back();
     }
   };
-  return (0, _jsxRuntime.jsx)(_button.default, {
-    icon: (0, _jsxRuntime.jsx)(_icons.ArrowLeftOutlined, {}),
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowLeftOutlined, {}),
     className: "back-button-container",
     onClick: handleClick,
     shape: "round",