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

package/lib/ProStep/components/Listener/index.js

@@ -1,67 +1,74 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProStep/components/Listener/index.tsx
-var Listener_exports = {};
-__export(Listener_exports, {
-  default: () => Listener_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Listener_exports);
-var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
-var import_react_lazyload = require("react-lazyload");
-var import__ = require("../../index");
-var import_utils = require("../../utils");
-var areAllModulesLoaded = (data) => {
-  return data.every((item) => (item == null ? void 0 : item.loaded) === true);
+exports.default = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lodash = require("lodash");
+var _react = _interopRequireDefault(require("react"));
+var _reactLazyload = require("react-lazyload");
+var _index = require("../../index");
+var _utils = require("../../utils");
+var _excluded = ["children", "delayTime", "excludes"];
+/**
+ * 检查所有模块是否已加载完成
+ * @param data 模块加载数据
+ * @returns 是否所有模块都已加载
+ */
+var areAllModulesLoaded = data => {
+  return data.every(item => (item === null || item === void 0 ? void 0 : item.loaded) === true);
 };
-var Listener = ({ children, delayTime, excludes, ...props }) => {
-  const { notify, registerMap } = (0, import__.useStep)();
-  return import_react.default.cloneElement(children, {
-    ...props,
-    onClick: (0, import_lodash.throttle)(async () => {
-      localStorage.setItem("cache-pro-step", "");
-      const loadedMap = (0, import_utils.getLoadedMap)(registerMap);
-      const loaded = areAllModulesLoaded(loadedMap);
-      if (!loaded) {
-        (0, import_react_lazyload.forceVisible)();
-        await new Promise((resolve) => setTimeout(resolve, 200));
-      }
-      const values = await (notify == null ? void 0 : notify({ excludes }));
-      setTimeout(() => {
-        var _a, _b;
-        const localData = localStorage.getItem("cache-pro-step");
-        if (localData !== "false") {
-          (_b = (_a = children == null ? void 0 : children.props) == null ? void 0 : _a.onClick) == null ? void 0 : _b.call(_a, values);
+var Listener = _ref => {
+  var children = _ref.children,
+    delayTime = _ref.delayTime,
+    excludes = _ref.excludes,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStep = (0, _index.useStep)(),
+    notify = _useStep.notify,
+    registerMap = _useStep.registerMap;
+  return /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    onClick: (0, _lodash.throttle)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var loadedMap, loaded, values;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            localStorage.setItem('cache-pro-step', '');
+            loadedMap = (0, _utils.getLoadedMap)(registerMap);
+            loaded = areAllModulesLoaded(loadedMap); // 存在lazyload模块时，全局按钮执行全加载
+            if (loaded) {
+              _context.next = 7;
+              break;
+            }
+            (0, _reactLazyload.forceVisible)();
+            // 等待0.2秒，让dom渲染做form校验
+            _context.next = 7;
+            return new Promise(resolve => setTimeout(resolve, 200));
+          case 7:
+            _context.next = 9;
+            return notify === null || notify === void 0 ? void 0 : notify({
+              excludes
+            });
+          case 9:
+            values = _context.sent;
+            setTimeout(() => {
+              var localData = localStorage.getItem('cache-pro-step');
+              if (localData !== 'false') {
+                var _children$props, _children$props$onCli;
+                children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 || (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 || _children$props$onCli.call(_children$props, values);
+              }
+            }, delayTime !== null && delayTime !== void 0 ? delayTime : 0);
+            return _context.abrupt("return", null);
+          case 12:
+          case "end":
+            return _context.stop();
         }
-      }, delayTime ?? 0);
-      return null;
-    }, 1e3)
-  });
+      }, _callee);
+    })), 1000)
+  }));
 };
-var Listener_default = Listener;
+var _default = exports.default = Listener;

package/lib/ProStep/components/Step/index.js

@@ -1,65 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProStep/components/Step/index.tsx
-var Step_exports = {};
-__export(Step_exports, {
-  Step: () => Step,
-  default: () => Step_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Step_exports);
-var import_react = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_ProIcon = __toESM(require("../../../ProIcon/index"));
-var import_catalog = __toESM(require("../../../assets/catalog.svg"));
-var import_Anchor = __toESM(require("../Anchor"));
-var import_locale = __toESM(require("../../../locale"));
-var Step = ({
-  fixedTop,
-  dataSource = [],
-  activeKey,
-  errorCollection,
-  style,
-  targetOffset,
-  scrollToError
-}) => {
-  var _a, _b;
-  const [onOff, setOnOff] = (0, import_react.useState)(false);
-  const options = (0, import_react.useMemo)(() => {
-    const nextDataSource = (0, import_lodash.cloneDeep)(dataSource);
-    let activeIndex;
+exports.default = exports.Step = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
+var _index = _interopRequireDefault(require("../../../ProIcon/index"));
+var _catalog = _interopRequireDefault(require("../../../assets/catalog.svg"));
+var _Anchor = _interopRequireDefault(require("../Anchor"));
+var _locale = _interopRequireDefault(require("../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+var Step = _ref => {
+  var _locale$ProStep;
+  var fixedTop = _ref.fixedTop,
+    _ref$dataSource = _ref.dataSource,
+    dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
+    activeKey = _ref.activeKey,
+    errorCollection = _ref.errorCollection,
+    style = _ref.style,
+    targetOffset = _ref.targetOffset,
+    scrollToError = _ref.scrollToError;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    onOff = _useState2[0],
+    setOnOff = _useState2[1];
+  var options = (0, _react.useMemo)(() => {
+    var nextDataSource = (0, _lodash.cloneDeep)(dataSource);
+    var activeIndex;
     if (activeKey) {
-      activeIndex = nextDataSource.findIndex((item) => item.code === activeKey);
+      activeIndex = nextDataSource.findIndex(item => item.code === activeKey);
     } else {
       activeIndex = nextDataSource.length - 1;
     }
     nextDataSource.forEach((item, index) => {
-      const errorNum = errorCollection == null ? void 0 : errorCollection[item.code];
+      var errorNum = errorCollection === null || errorCollection === void 0 ? void 0 : errorCollection[item.code];
       item.isStart = index === 0;
       item.isEnd = index === dataSource.length - 1;
       item.isDisabled = index > activeIndex;
@@ -71,28 +50,39 @@ var Step = ({
     });
     return nextDataSource;
   }, [dataSource, activeKey, errorCollection]);
-  const handleMouseEnter = () => {
+  var handleMouseEnter = () => {
     setOnOff(true);
   };
-  const handleMouseLeave = () => {
+  var handleMouseLeave = () => {
     setOnOff(false);
   };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `pro-step ${onOff ? "open" : "closed"}`,
-      style: { top: fixedTop ?? 0, maxHeight: `calc(100vh - ${fixedTop}px)`, ...style },
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pro-step-menu" }, /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { src: import_catalog.default, className: "pro-step-menu-icon", size: 48, actionMap: {} }), onOff && /* @__PURE__ */ import_react.default.createElement("div", null, (_b = (_a = import_locale.default) == null ? void 0 : _a.ProStep) == null ? void 0 : _b.catalogue)),
-    options.map((item) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: item.code }, /* @__PURE__ */ import_react.default.createElement(import_Anchor.default, { ...item, scrollToError, onOff }));
-    })
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: `pro-step ${onOff ? 'open' : 'closed'}`,
+    style: (0, _objectSpread2.default)({
+      top: fixedTop !== null && fixedTop !== void 0 ? fixedTop : 0,
+      maxHeight: `calc(100vh - ${fixedTop}px)`
+    }, style),
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-step-menu",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
+        src: _catalog.default,
+        className: "pro-step-menu-icon",
+        size: 48,
+        actionMap: {}
+      }), onOff && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: _locale.default === null || _locale.default === void 0 || (_locale$ProStep = _locale.default.ProStep) === null || _locale$ProStep === void 0 ? void 0 : _locale$ProStep.catalogue
+      })]
+    }), options.map(item => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Anchor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          scrollToError: scrollToError,
+          onOff: onOff
+        }))
+      }, item.code);
+    })]
+  });
 };
-var Step_default = Step;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Step
-});
+exports.Step = Step;
+var _default = exports.default = Step;