@zat-design/sisyphus-react 3.12.1 → 3.13.0

package/es/ProStepTab/index.js

@@ -0,0 +1,341 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["children"];
+import React, { useState, useCallback, useEffect, createContext, useContext } from 'react';
+import { isNaN } from 'lodash';
+// 存储当前的 StepTab 实例
+var StepTabInstanceContext = /*#__PURE__*/createContext(null);
+/**
+ * 使用原生 JS 获取 URL 搜索参数
+ * @returns 当前 URL 的搜索参数和路径
+ */
+var useNativeLocation = function useNativeLocation() {
+  var _useState = useState({
+      search: window.location.search,
+      pathname: window.location.pathname
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    location = _useState2[0],
+    setLocation = _useState2[1];
+  // 监听 popstate 事件，更新 location 状态
+  useEffect(function () {
+    var handleLocationChange = function handleLocationChange() {
+      setLocation({
+        search: window.location.search,
+        pathname: window.location.pathname
+      });
+    };
+    window.addEventListener('popstate', handleLocationChange);
+    return function () {
+      window.removeEventListener('popstate', handleLocationChange);
+    };
+  }, []);
+  return location;
+};
+/**
+ * 步骤化Tab管理钩子，用于管理多步骤表单或流程的切换和验证
+ *
+ * @param {ProStepTabType} props 配置参数
+ * @returns {ProStepTabResultType} 返回步骤Tab相关方法和状态
+ */
+export function useStepTab() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _props$routerKeep = props.routerKeep,
+    routerKeep = _props$routerKeep === void 0 ? false : _props$routerKeep,
+    _props$routerSearchKe = props.routerSearchKey,
+    routerSearchKey = _props$routerSearchKe === void 0 ? 'tab' : _props$routerSearchKe,
+    _props$validate = props.validate,
+    validate = _props$validate === void 0 ? true : _props$validate,
+    onBeforeChange = props.onBeforeChange,
+    onAfterChange = props.onAfterChange,
+    defaultActiveKey = props.defaultActiveKey,
+    _props$defaultStep = props.defaultStep,
+    defaultStep = _props$defaultStep === void 0 ? 1 : _props$defaultStep,
+    queueSteps = props.queueSteps,
+    _props$autoNext = props.autoNext,
+    autoNext = _props$autoNext === void 0 ? false : _props$autoNext;
+  // 内部状态，避免全局污染
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    handlesState = _useState4[0],
+    setHandlesState = _useState4[1];
+  var location = useNativeLocation();
+  // 获取初始激活的tab key
+  var getInitialActiveKey = useCallback(function () {
+    if (routerKeep) {
+      var urlSearchParams = new URLSearchParams(location.search);
+      var tabValue = urlSearchParams.get(routerSearchKey);
+      if (tabValue) {
+        return tabValue;
+      }
+    }
+    return defaultActiveKey || '1';
+  }, [routerKeep, routerSearchKey, location.search, defaultActiveKey]);
+  // 获取初始激活的步骤
+  var getInitialStep = useCallback(function () {
+    if (routerKeep) {
+      var urlSearchParams = new URLSearchParams(location.search);
+      var stepValue = urlSearchParams.get(routerSearchKey);
+      // 如果stepValue是数字，则返回数字
+      if (stepValue && !isNaN(Number(stepValue))) {
+        return Number(stepValue);
+      }
+    }
+    return defaultStep;
+  }, [routerKeep, routerSearchKey, location.search, defaultStep]);
+  var _useState5 = useState(getInitialActiveKey()),
+    _useState6 = _slicedToArray(_useState5, 2),
+    activeKey = _useState6[0],
+    setActiveKeyState = _useState6[1];
+  var _useState7 = useState(getInitialStep()),
+    _useState8 = _slicedToArray(_useState7, 2),
+    step = _useState8[0],
+    setStepState = _useState8[1]; // 当前已激活步骤
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  // 同步URL参数
+  useEffect(function () {
+    if (routerKeep && activeKey) {
+      // 更新URL参数
+      var urlSearchParams = new URLSearchParams(location.search);
+      urlSearchParams.set(routerSearchKey, activeKey);
+      // 使用原生 history API 更新 URL
+      var newUrl = "".concat(location.pathname, "?").concat(urlSearchParams.toString());
+      window.history.replaceState(null, '', newUrl);
+    }
+  }, [activeKey, routerKeep, routerSearchKey, location]);
+  // 创建一个包装函数，自动处理loading状态
+  var wrapHandleWithLoading = useCallback(function (fn) {
+    return /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return fn();
+          case 4:
+            result = _context.sent;
+            setLoading(false);
+            return _context.abrupt("return", result);
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
+            setLoading(false);
+            return _context.abrupt("return", false);
+          case 13:
+            _context.prev = 13;
+            setLoading(false);
+            return _context.finish(13);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 9, 13, 16]]);
+    }));
+  }, []);
+  // 注册步骤处理函数
+  var registerHandle = useCallback(function (key, handler) {
+    // 使用wrapHandleWithLoading包装处理函数
+    setHandlesState(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, key, wrapHandleWithLoading(handler)));
+    });
+  }, [wrapHandleWithLoading]);
+  // 获取步骤处理函数
+  var getHandle = useCallback(function (key) {
+    return handlesState[key];
+  }, [handlesState]);
+  // 处理表单验证和切换（内部使用）
+  var validateAndChange = useCallback(/*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(targetKey) {
+      var currentHandler, handleResult, beforeResult;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(targetKey === activeKey)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return", true);
+          case 2:
+            _context2.prev = 2;
+            // 执行当前步骤的保存处理, 如果validate为true，则执行验证
+            currentHandler = handlesState[activeKey];
+            if (!(currentHandler && validate)) {
+              _context2.next = 10;
+              break;
+            }
+            _context2.next = 7;
+            return currentHandler();
+          case 7:
+            handleResult = _context2.sent;
+            if (handleResult) {
+              _context2.next = 10;
+              break;
+            }
+            return _context2.abrupt("return", false);
+          case 10:
+            if (!onBeforeChange) {
+              _context2.next = 16;
+              break;
+            }
+            _context2.next = 13;
+            return onBeforeChange(activeKey, targetKey);
+          case 13:
+            beforeResult = _context2.sent;
+            if (!(beforeResult === false)) {
+              _context2.next = 16;
+              break;
+            }
+            return _context2.abrupt("return", false);
+          case 16:
+            // 更新激活的key
+            setActiveKeyState(targetKey);
+            // 执行切换后回调
+            if (onAfterChange) {
+              onAfterChange(targetKey);
+            }
+            return _context2.abrupt("return", true);
+          case 21:
+            _context2.prev = 21;
+            _context2.t0 = _context2["catch"](2);
+            // 验证失败
+            console.error('Tab切换验证失败:', _context2.t0);
+            return _context2.abrupt("return", false);
+          case 25:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[2, 21]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [activeKey, validate, onBeforeChange, onAfterChange, handlesState]);
+  // 设置激活的key
+  var setCheckActiveKey = useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(targetKey, validate) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(validate === false)) {
+              _context3.next = 3;
+              break;
+            }
+            setActiveKeyState(targetKey);
+            return _context3.abrupt("return", true);
+          case 3:
+            return _context3.abrupt("return", validateAndChange(targetKey));
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x2, _x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [validateAndChange]);
+  // 执行当前步骤处理函数
+  var saveHandle = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    var handler, result, currentKeyNum, nextKey;
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          handler = handlesState[activeKey];
+          if (!handler) {
+            _context4.next = 14;
+            break;
+          }
+          _context4.next = 4;
+          return handler();
+        case 4:
+          result = _context4.sent;
+          if (!(result && autoNext)) {
+            _context4.next = 11;
+            break;
+          }
+          // 只有当activeKey能转换为数字时才执行自动跳转
+          currentKeyNum = Number(activeKey);
+          if (isNaN(currentKeyNum)) {
+            _context4.next = 11;
+            break;
+          }
+          nextKey = String(currentKeyNum + 1); // 自动跳转到下一个tab
+          _context4.next = 11;
+          return setCheckActiveKey(nextKey);
+        case 11:
+          if (!(result === false)) {
+            _context4.next = 13;
+            break;
+          }
+          return _context4.abrupt("return", Promise.reject());
+        case 13:
+          return _context4.abrupt("return", result);
+        case 14:
+          return _context4.abrupt("return", Promise.resolve(true));
+        case 15:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [activeKey, handlesState, autoNext, queueSteps, setCheckActiveKey]);
+  // 拦截setStep, 最大值是queueSteps
+  var setStep = useCallback(function (step) {
+    if (step > queueSteps) {
+      return;
+    }
+    setStepState(step);
+  }, [queueSteps]);
+  // 重置handles，用于清空或组件卸载时调用
+  var resetHandles = useCallback(function () {
+    setHandlesState({});
+  }, []);
+  var stepTabInstance = {
+    activeKey: activeKey,
+    setCheckActiveKey: setCheckActiveKey,
+    loading: loading,
+    registerHandle: registerHandle,
+    getHandle: getHandle,
+    saveHandle: saveHandle,
+    resetHandles: resetHandles,
+    handles: handlesState,
+    step: step,
+    setStep: setStep,
+    queueSteps: queueSteps
+  };
+  return stepTabInstance;
+}
+/**
+ * 在子组件中获取父级 StepTab 实例的钩子
+ * @returns {ProStepTabResultType} 步骤Tab实例
+ */
+export function useStepTabInstance() {
+  var context = useContext(StepTabInstanceContext);
+  if (context === null) {
+    throw new Error('useStepTabInstance must be used inside a ProStepTab component');
+  }
+  return context;
+}
+/**
+ * ProStepTab 组件
+ */
+var ProStepTab = function ProStepTab(_ref5) {
+  var children = _ref5.children,
+    rest = _objectWithoutProperties(_ref5, _excluded);
+  var stepTabInstance = useStepTab(rest);
+  return /*#__PURE__*/React.createElement(StepTabInstanceContext.Provider, {
+    value: stepTabInstance
+  }, children);
+};
+// 将 useStepTabInstance 挂载到 ProStepTab 上作为静态方法
+ProStepTab.useStepTabInstance = useStepTabInstance;
+// 导出默认组件
+export default ProStepTab;

package/es/ProStepTab/propsType.d.ts

@@ -0,0 +1,114 @@
+/**
+ * HandleFunction 类型定义 - 步骤处理函数
+ */
+export type HandleFunctionType = () => Promise<boolean>;
+/**
+ * ProStepTab钩子参数接口
+ */
+export interface ProStepTabType {
+    /**
+     * 是否将当前tab状态保存在URL中
+     * @default false
+     */
+    routerKeep?: boolean;
+    /**
+     * URL参数名称
+     * @default 'tab'
+     */
+    routerSearchKey?: string;
+    /**
+     * 切换tab前是否需要验证
+     * @default false
+     */
+    validate?: boolean;
+    /**
+     * 切换tab前的回调
+     * @param current 当前tabKey
+     * @param target 目标tabKey
+     * @returns 是否允许切换
+     */
+    onBeforeChange?: (current: string, target: string) => Promise<boolean>;
+    /**
+     * 切换tab后的回调
+     * @param key 切换后的tabKey
+     */
+    onAfterChange?: (key: string) => void;
+    /**
+     * 默认选中的tab key
+     * @default '1'
+     */
+    defaultActiveKey?: string;
+    /**
+     * 需要按顺序完成的步骤数量
+     * 与defaultStep必须同时存在或同时不存在
+     * @default -
+     */
+    queueSteps?: number;
+    /**
+     * 当前初始激活步骤
+     * 与queueSteps必须同时存在或同时不存在
+     * @default 1
+     */
+    defaultStep?: number;
+    /**
+     * 是否自动跳转下一步
+     * @default false
+     */
+    autoNext?: boolean;
+}
+/**
+ * ProStepTab钩子返回值接口
+ */
+export interface ProStepTabResultType {
+    /**
+     * 当前激活的tabKey
+     */
+    activeKey: string;
+    /**
+     * 设置激活的tabKey
+     * @param key 目标tabKey
+     * @param validate 是否需要验证
+     */
+    setCheckActiveKey: (key: string, validate?: boolean) => Promise<boolean>;
+    /**
+     * 加载状态
+     */
+    loading: boolean;
+    /**
+     * 注册步骤处理函数
+     * @param key 步骤Key
+     * @param handler 处理函数
+     */
+    registerHandle: (key: string, handler: HandleFunctionType) => void;
+    /**
+     * 获取步骤处理函数
+     * @param key 步骤Key
+     */
+    getHandle: (key: string) => HandleFunctionType | undefined;
+    /**
+     * 执行当前步骤处理函数
+     * @returns 处理结果
+     */
+    saveHandle: () => Promise<boolean>;
+    /**
+     * 所有步骤处理函数映射
+     */
+    handles: Record<string, HandleFunctionType>;
+    /**
+     * 重置所有步骤处理函数
+     */
+    resetHandles: () => void;
+    /**
+     * 最大步骤数
+     */
+    queueSteps?: number;
+    /**
+     * 当前已激活步骤，最大值为queueSteps
+     */
+    step?: number;
+    /**
+     * 设置当前顺序步骤
+     * @param step 顺序步骤
+     */
+    setStep?: (step: number) => void;
+}

package/es/ProStepTab/propsType.js

@@ -0,0 +1 @@
+export {};

package/es/index.d.ts

@@ -8,6 +8,7 @@ export { default as ProViewer } from './ProViewer';
 export { default as ProEditTable } from './ProEditTable';
 export { default as ProDrawerForm } from './ProDrawerForm';
 export { default as ProEditLabel } from './ProEditLabel';
+export { default as ProStepTab } from './ProStepTab';
 export { default as ProForm } from './ProForm';
 export { ProFormProvider } from './ProForm';
 export * from './ProForm/components';
@@ -40,4 +41,5 @@ export type { ProEditTableType, ProEditTableColumnType, ProEditTableSummaryColum
 export type { ProStepType, ProStepContextType, ProStepItemType, ProStepPropsType, ProStepItemPropsType } from './ProStep/propsType';
 export type { ProDrawerFormType, ProDrawerFormPropsType } from './ProDrawerForm/propsType';
 export type { ProModalSelectType, ProModalSelectConfigType, ProModalSelectPropsType } from './ProForm/components/combination/ProModalSelect/propsType';
+export type { ProStepTabType, ProStepTabResultType } from './ProStepTab/propsType';
 export * from './tokens';

package/es/index.js

@@ -11,6 +11,7 @@ export { default as ProViewer } from './ProViewer';
 export { default as ProEditTable } from './ProEditTable';
 export { default as ProDrawerForm } from './ProDrawerForm';
 export { default as ProEditLabel } from './ProEditLabel';
+export { default as ProStepTab } from './ProStepTab';
 // 表单
 export { default as ProForm } from './ProForm';
 export { ProFormProvider } from './ProForm';

package/lib/ProForm/components/combination/FormList/style/index.less

@@ -34,6 +34,10 @@
     & > .@{ant-prefix}-space-item:first-child > .@{ant-prefix}-btn-link {
       margin-left: @zaui-space-size-sm;
     }
+
+    & .@{ant-prefix}-btn {
+      transition: none;
+    }
   }
 
   .pro-form-list-drag-handle {

package/lib/ProForm/index.js

@@ -27,9 +27,10 @@ var _useFieldProps = require("./utils/useFieldProps");
 var _locale = _interopRequireDefault(require("../locale"));
 var _useWatch = _interopRequireDefault(require("./utils/useWatch"));
 var _FormsProvider = _interopRequireWildcard(require("../FormsProvider"));
+var _ProStep = require("../ProStep");
 var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey"];
 var ProForm = function ProForm(props, ref) {
-  var _localStorage, _ref2;
+  var _localStorage, _ref3;
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'search' : _props$mode,
     span = props.span,
@@ -79,11 +80,15 @@ var ProForm = function ProForm(props, ref) {
   var _ref = (0, _ProDrawerForm.useProDrawerFormContext)() || {},
     _ref$source = _ref.source,
     source = _ref$source === void 0 ? '' : _ref$source;
+  // stepSource: 用于区分是哪个组件调用，用于错误提示
+  var _ref2 = (0, _ProStep.useStep)() || {},
+    _ref2$source = _ref2.source,
+    stepSource = _ref2$source === void 0 ? '' : _ref2$source;
   var _useForm = (0, _useForm3.useForm)(originForm, {
       scrollToError: scrollToError,
       optimize: optimize,
       formKey: formKey,
-      source: source || 'ProForm'
+      source: source || stepSource || 'ProForm'
     }),
     _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
     form = _useForm2[0];
@@ -221,7 +226,7 @@ var ProForm = function ProForm(props, ref) {
     className: cls,
     form: form
   }, formProps), (0, _lodash.omit)(config, ['isDiffAll'])), otherProps), {}, {
-    labelAlign: (_ref2 = labelAlign !== null && labelAlign !== void 0 ? labelAlign : config.labelAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left',
+    labelAlign: (_ref3 = labelAlign !== null && labelAlign !== void 0 ? labelAlign : config.labelAlign) !== null && _ref3 !== void 0 ? _ref3 : 'left',
     onValuesChange: handleValuesChange,
     onFinish: handleFinish,
     initialValues: _initialValues,

package/lib/ProSelect/utils/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -7,9 +8,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.getSelectList = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _lodash = _interopRequireDefault(require("lodash"));
+var _lodash = _interopRequireWildcard(require("lodash"));
 /* eslint-disable no-restricted-syntax */
 
+/**
+ * 查找选择器名称的值
+ * @param list 表单列表
+ * @param selectName 选择器名称
+ * @param value 选择器值
+ * @param dataSource 数据源
+ * @param labelInValue 是否为labelInValue模式
+ * @param fieldNames 字段名
+ * @param mode 模式
+ */
 var findSelectNameValues = function findSelectNameValues(_ref) {
   var _ref$list = _ref.list,
     list = _ref$list === void 0 ? [] : _ref$list,
@@ -64,11 +75,13 @@ var getSelectList = exports.getSelectList = function getSelectList(_ref2) {
   var name = otherProps.name,
     listName = otherProps.listName,
     form = otherProps.form;
+  // 修复formlist无法过滤的问题
+  var _name = Array.isArray(name) && (0, _lodash.isNumber)(name[0]) ? listName : name;
   var firstNumberIndex = listName.lastIndexOf(listName.findLast(function (item) {
     return typeof item === 'number';
   }));
-  var fatherName = (name || listName).slice(0, firstNumberIndex);
-  var selectName = (name || listName).slice(firstNumberIndex + 1);
+  var fatherName = (_name || listName).slice(0, firstNumberIndex);
+  var selectName = (_name || listName).slice(firstNumberIndex + 1);
   return findSelectNameValues({
     list: form.getFieldValue(fatherName) || [],
     selectName: selectName,

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

@@ -15,35 +15,6 @@ var _reactLazyload = require("react-lazyload");
 var _index = require("../../index");
 var _utils = require("../../utils");
 var _excluded = ["children", "delayTime", "excludes"];
-/**
- * 检查错误列表并返回第一个错误项
- * @param arr DOM元素数组
- * @returns 错误元素信息
- */
-var checkErrorList = function checkErrorList(arr) {
-  for (var i = 0; i < arr.length; i++) {
-    if (arr[i].className.includes('errored')) {
-      return {
-        errorDom: arr[i],
-        index: i
-      };
-    }
-  }
-  return null;
-};
-/**
- * 查找第一个错误的DOM元素
- * @returns 错误元素信息
- */
-var findFirstErrorDom = function findFirstErrorDom() {
-  var errorList = document.querySelectorAll('.pro-step-com-menu-item');
-  var hasErrorItem = document.querySelectorAll('.pro-step-com-menu-item .errored');
-  var hasFormError = document.querySelector('.ant-form-item-explain-error');
-  if ((hasErrorItem === null || hasErrorItem === void 0 ? void 0 : hasErrorItem.length) && !hasFormError) {
-    return checkErrorList(errorList);
-  }
-  return null;
-};
 /**
  * 检查所有模块是否已加载完成
  * @param data 模块加载数据
@@ -90,11 +61,6 @@ var Listener = function Listener(_ref) {
             values = _context.sent;
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
-              var _ref3 = findFirstErrorDom() || {},
-                errorDom = _ref3.errorDom;
-              if (errorDom) {
-                errorDom.click();
-              }
               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);
@@ -106,7 +72,7 @@ var Listener = function Listener(_ref) {
             return _context.stop();
         }
       }, _callee);
-    })), 3000)
+    })), 1000)
   }));
 };
 var _default = exports.default = Listener;