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

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

@@ -1,76 +1,67 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProStep/components/Listener/index.tsx
+var Listener_exports = {};
+__export(Listener_exports, {
+  default: () => Listener_default
 });
-exports.default = void 0;
-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 _throttle2 = _interopRequireDefault(require("lodash/throttle"));
-var _react = _interopRequireDefault(require("react"));
-var _reactLazyload = require("react-lazyload");
-var _index = require("../../index");
-var _utils = require("../../utils");
-var _excluded = ["children", "delayTime", "excludes"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
-/**
- * 检查所有模块是否已加载完成
- * @param data 模块加载数据
- * @returns 是否所有模块都已加载
- */
-var areAllModulesLoaded = function areAllModulesLoaded(data) {
-  return data.every(function (item) {
-    return (item === null || item === void 0 ? void 0 : item.loaded) === 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);
 };
-var Listener = function 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, _throttle2.default)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
-      var loadedMap, loaded, values;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            localStorage.setItem('cache-pro-step', '');
-            loadedMap = (0, _utils.getLoadedMap)(registerMap);
-            loaded = areAllModulesLoaded(loadedMap); // 存在lazyload模块时，全局按钮执行全加载
-            if (loaded) {
-              _context.n = 1;
-              break;
-            }
-            (0, _reactLazyload.forceVisible)();
-            // 等待0.2秒，让dom渲染做form校验
-            _context.n = 1;
-            return new Promise(function (resolve) {
-              return setTimeout(resolve, 200);
-            });
-          case 1:
-            _context.n = 2;
-            return notify === null || notify === void 0 ? void 0 : notify({
-              excludes: excludes
-            });
-          case 2:
-            values = _context.v;
-            setTimeout(function () {
-              var localData = localStorage.getItem('cache-pro-step');
-              if (localData !== 'false') {
-                var _children$props, _children$props$onCli;
-                children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 ? void 0 : _children$props$onCli.call(_children$props, values);
-              }
-            }, delayTime !== null && delayTime !== void 0 ? delayTime : 0);
-            return _context.a(2, null);
+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);
         }
-      }, _callee);
-    })), 1000)
-  }));
+      }, delayTime ?? 0);
+      return null;
+    }, 1e3)
+  });
 };
-var _default = exports.default = Listener;
+var Listener_default = Listener;

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

@@ -1,46 +1,65 @@
-"use strict";
+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);
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProStep/components/Step/index.tsx
+var Step_exports = {};
+__export(Step_exports, {
+  Step: () => Step,
+  default: () => Step_default
 });
-exports.default = exports.Step = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = _interopRequireWildcard(require("react"));
-var _index = _interopRequireDefault(require("../../../ProIcon/index"));
-var _catalog = _interopRequireDefault(require("../../../assets/catalog.svg"));
-var _Anchor = _interopRequireDefault(require("../Anchor"));
-var _locale = _interopRequireDefault(require("../../../locale"));
-var Step = exports.Step = function 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)(function () {
-    var nextDataSource = (0, _cloneDeep2.default)(dataSource);
-    var activeIndex;
+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;
     if (activeKey) {
-      activeIndex = nextDataSource.findIndex(function (item) {
-        return item.code === activeKey;
-      });
+      activeIndex = nextDataSource.findIndex((item) => item.code === activeKey);
     } else {
       activeIndex = nextDataSource.length - 1;
     }
-    nextDataSource.forEach(function (item, index) {
-      var errorNum = errorCollection === null || errorCollection === void 0 ? void 0 : errorCollection[item.code];
+    nextDataSource.forEach((item, index) => {
+      const errorNum = errorCollection == null ? void 0 : errorCollection[item.code];
       item.isStart = index === 0;
       item.isEnd = index === dataSource.length - 1;
       item.isDisabled = index > activeIndex;
@@ -52,38 +71,28 @@ var Step = exports.Step = function Step(_ref) {
     });
     return nextDataSource;
   }, [dataSource, activeKey, errorCollection]);
-  var handleMouseEnter = function handleMouseEnter() {
+  const handleMouseEnter = () => {
     setOnOff(true);
   };
-  var handleMouseLeave = function handleMouseLeave() {
+  const handleMouseLeave = () => {
     setOnOff(false);
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: "pro-step ".concat(onOff ? 'open' : 'closed'),
-    style: (0, _objectSpread2.default)({
-      top: fixedTop !== null && fixedTop !== void 0 ? fixedTop : 0,
-      maxHeight: "calc(100vh - ".concat(fixedTop, "px)")
-    }, style),
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: [(0, _jsxRuntime.jsxs)("div", {
-      className: "pro-step-menu",
-      children: [(0, _jsxRuntime.jsx)(_index.default, {
-        src: _catalog.default,
-        className: "pro-step-menu-icon",
-        size: 48,
-        actionMap: {}
-      }), onOff && (0, _jsxRuntime.jsx)("div", {
-        children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProStep = _locale.default.ProStep) === null || _locale$ProStep === void 0 ? void 0 : _locale$ProStep.catalogue
-      })]
-    }), options.map(function (item) {
-      return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
-        children: (0, _jsxRuntime.jsx)(_Anchor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-          scrollToError: scrollToError,
-          onOff: onOff
-        }))
-      }, item.code);
-    })]
-  });
+  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 }));
+    })
+  );
 };
-var _default = exports.default = Step;
+var Step_default = Step;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Step
+});