clxx 2.0.3 → 2.0.6

package/build/SafeArea/index.js

@@ -9,14 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import { useViewport } from "../effect/useViewport";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useViewport } from '../Effect/useViewport';
 export function SafeArea(props) {
-    const { children, type = "bottom" } = props, extra = __rest(props, ["children", "type"]);
-    useViewport({ viewportFit: "cover" });
+    const { children, type = 'bottom' } = props, extra = __rest(props, ["children", "type"]);
+    useViewport({ viewportFit: 'cover' });
     let boxCss;
-    if (type === "top") {
+    if (type === 'top') {
         boxCss = {
             height: [
                 `constant(safe-area-inset-top, 0)`,
@@ -24,7 +23,7 @@ export function SafeArea(props) {
             ],
         };
     }
-    else if (type === "bottom") {
+    else if (type === 'bottom') {
         boxCss = {
             height: [
                 `constant(safe-area-inset-bottom, 0)`,
@@ -32,5 +31,5 @@ export function SafeArea(props) {
             ],
         };
     }
-    return (jsx("div", Object.assign({ css: boxCss }, extra), children));
+    return (_jsx("div", Object.assign({ css: boxCss }, extra, { children: children })));
 }

package/build/ScrollView/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /** @jsx jsx */
-import { jsx, SerializedStyles } from "@emotion/react";
+import { SerializedStyles } from "@emotion/react";
 import * as CSS from "csstype";
 export interface ScrollEvent {
     containerHeight: number;
@@ -24,4 +24,4 @@ export interface ScrollViewProps extends Omit<React.HTMLProps<HTMLDivElement>, "
     wrapperStyle?: SerializedStyles;
     loadingStyle?: SerializedStyles;
 }
-export declare function ScrollView(props: ScrollViewProps): jsx.JSX.Element;
+export declare function ScrollView(props: ScrollViewProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/build/ScrollView/index.js

@@ -9,9 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
-import { useRef } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 import { Indicator } from "../Indicator";
 import { RowCenter } from "../Flex/Row";
 import { style } from "./style";
@@ -24,6 +23,7 @@ export function ScrollView(props) {
     }
     // 滚动容器
     const container = useRef(null);
+    const child = useRef(null);
     // 当前滚动到顶部的距离
     const top = useRef(0);
     const scrollCallback = (rawEvent) => {
@@ -54,8 +54,7 @@ export function ScrollView(props) {
             onReachTop === null || onReachTop === void 0 ? void 0 : onReachTop(event);
         }
         // 判断是否触发触底事件
-        if (event.direction === "downward" &&
-            scrollTop > maxScroll - reachBottomThreshold - loadingHeight) {
+        if (event.direction === "downward" && scrollTop > maxScroll - reachBottomThreshold - loadingHeight) {
             onReachBottom === null || onReachBottom === void 0 ? void 0 : onReachBottom(event);
         }
         // 更新scrollTop上次的值
@@ -65,15 +64,17 @@ export function ScrollView(props) {
     let showLoadingContent = null;
     if (showLoading) {
         if (!loadingContent) {
-            showLoadingContent = (jsx(RowCenter, { css: [style.loading, loadingStyle] },
-                jsx(Indicator, { barColor: "#333", barCount: 12 }),
-                jsx("p", null, "\u6570\u636E\u52A0\u8F7D\u4E2D...")));
+            showLoadingContent = (_jsxs(RowCenter, Object.assign({ css: [style.loading, loadingStyle] }, { children: [_jsx(Indicator, { barColor: "#333", barCount: 12 }), _jsx("p", { children: "\u6570\u636E\u52A0\u8F7D\u4E2D..." })] })));
         }
         else {
             showLoadingContent = loadingContent;
         }
     }
-    return (jsx("div", Object.assign({ css: [style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs),
-        jsx("div", { css: wrapperStyle }, children),
-        showLoadingContent));
+    // container是否有滚动条
+    const [hasScrollBar, setHasScrollBar] = useState(false);
+    useEffect(() => {
+        let hasScrollBar = container.current.scrollHeight > container.current.clientHeight;
+        setHasScrollBar(hasScrollBar);
+    });
+    return (_jsxs("div", Object.assign({ css: [style.container, heightStyle, containerStyle], onScroll: scrollCallback, ref: container }, attrs, { children: [_jsx("div", Object.assign({ css: wrapperStyle, ref: child }, { children: children })), hasScrollBar && showLoadingContent] })));
 }

package/build/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { Interpolation, jsx, Theme } from "@emotion/react";
+import { Interpolation, Theme } from "@emotion/react";
 import React from "react";
 export interface ToastProps extends Omit<React.HTMLProps<HTMLDivElement>, "content"> {
     onHide?: () => void;
@@ -12,4 +12,4 @@ export interface ToastProps extends Omit<React.HTMLProps<HTMLDivElement>, "conte
     containerStyle?: Interpolation<Theme>;
     contentStyle?: Interpolation<Theme>;
 }
-export declare function Toast(props: ToastProps): jsx.JSX.Element;
+export declare function Toast(props: ToastProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/build/Toast/Toast.js

@@ -9,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-/** @jsx jsx */
-import { jsx } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React, { useState, useEffect } from "react";
 import { style, getAnimation } from "./style";
 export function Toast(props) {
@@ -30,10 +29,10 @@ export function Toast(props) {
     let showContent;
     const middleStyle = position === "middle" ? style.contentMiddle : undefined;
     if (React.isValidElement(content)) {
-        showContent = jsx("div", { css: [middleStyle, contentStyle] }, content);
+        showContent = _jsx("div", Object.assign({ css: [middleStyle, contentStyle] }, { children: content }));
     }
     else {
-        showContent = (jsx("p", { css: [style.content(radius), middleStyle, contentStyle] }, content));
+        showContent = (_jsx("p", Object.assign({ css: [style.content(radius), middleStyle, contentStyle] }, { children: content })));
     }
     // toast消失动画结束触发
     const animationEnd = (event) => {
@@ -52,5 +51,5 @@ export function Toast(props) {
     else {
         positionStyle = style.middle;
     }
-    return (jsx("div", Object.assign({ css: [style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes), showContent));
+    return (_jsx("div", Object.assign({ css: [style.container(), positionStyle, animation, containerStyle], onAnimationEnd: animationEnd }, attributes, { children: showContent })));
 }

package/build/Toast/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ToastProps } from "./Toast";
+import React from 'react';
+import { ToastProps } from './Toast';
 /**
  * 显示一个全局的轻提示，这个toast不是唯一的
  * @param option 可以是一个字符串，也可以是一个React组件

package/build/Toast/index.js

@@ -1,22 +1,24 @@
-import React from "react";
-import { uniqKey } from "../utils/uniqKey";
-import { createPortalDOM } from "../utils/dom";
-import { Toast as ToastComponent } from "./Toast";
+import { createElement as _createElement } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import React from 'react';
+import { uniqKey } from '../utils/uniqKey';
+import { createPortalDOM } from '../utils/dom';
+import { Toast as ToastComponent } from './Toast';
 /**
  * 显示一个全局的轻提示，这个toast不是唯一的
  * @param option 可以是一个字符串，也可以是一个React组件
  */
 export function showToast(option) {
-    const { mount, destroy } = createPortalDOM();
+    const { mount, unmount } = createPortalDOM();
     let props = {};
-    if (React.isValidElement(option) || typeof option !== "object") {
+    if (React.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
         props = option;
     }
-    props.onHide = destroy;
-    mount(React.createElement(ToastComponent, Object.assign({}, props)));
+    props.onHide = unmount;
+    mount(_jsx(ToastComponent, Object.assign({}, props)));
 }
 /**
  * 生成一个全局唯一的Toast
@@ -29,16 +31,16 @@ export function showUniqToast(option) {
     }
     let props = {};
     // 默认Toast是唯一的
-    if (React.isValidElement(option) || typeof option !== "object") {
+    if (React.isValidElement(option) || typeof option !== 'object') {
         props.content = option;
     }
     else {
         props = option;
     }
     const onHide = () => {
-        portalDOM === null || portalDOM === void 0 ? void 0 : portalDOM.destroy();
+        portalDOM === null || portalDOM === void 0 ? void 0 : portalDOM.unmount();
         portalDOM = null;
     };
     props.onHide = onHide;
-    portalDOM.mount(React.createElement(ToastComponent, Object.assign({}, props, { key: uniqKey() })));
+    portalDOM.mount(_createElement(ToastComponent, Object.assign({}, props, { key: uniqKey() })));
 }

package/build/Toast/style.d.ts

@@ -20,7 +20,7 @@ export declare const style: {
     top(offset: number): import("@emotion/utils").SerializedStyles;
     middle: import("@emotion/utils").SerializedStyles;
     bottom(offset: number): import("@emotion/utils").SerializedStyles;
-    content: (radius?: number | undefined) => import("@emotion/utils").SerializedStyles;
+    content: (radius?: number) => import("@emotion/utils").SerializedStyles;
     contentMiddle: {
         transform: string;
     };

package/build/Toast/style.js

@@ -107,7 +107,7 @@ export const style = {
     content: (radius) => {
         return css({
             position: "relative",
-            backgroundColor: "rgba(0, 0, 0, .7)",
+            backgroundColor: "rgba(0, 0, 0, .8)",
             color: "#fff",
             margin: 0,
             whiteSpace: "nowrap",

package/build/index.d.ts

@@ -1,4 +1,4 @@
-export { tick } from "./utils/tick";
+export { Tick } from "./utils/tick";
 export { setContextValue, getContextValue } from "./context";
 export { jsonp } from "./utils/jsonp";
 export { uniqKey } from "./utils/uniqKey";
@@ -11,11 +11,11 @@ export { is } from "./utils/is";
 export { waitFor, waitUntil } from "./utils/wait";
 export { normalizeUnit, splitValue } from "./utils/cssUtil";
 export { createApp, history, getHistory } from "./utils/createApp";
-export { useInterval } from "./effect/useInterval";
-export { useTick } from "./effect/useTick";
+export { useInterval } from "./Effect/useInterval";
+export { useTick } from "./Effect/useTick";
 export { Ago } from "./Ago";
 export { Container } from "./Container";
-export { Flex } from "./Flex";
+export { Flex, FlexItem } from "./Flex";
 export { Row, RowAround, RowBetween, RowCenter, RowEnd, RowEvenly, RowStart } from "./Flex/Row";
 export { Col, ColAround, ColBetween, ColCenter, ColEnd, ColEvenly, ColStart } from "./Flex/Col";
 export { Countdowner } from "./Countdowner";
@@ -30,4 +30,3 @@ export { AutoGrid } from "./AutoGrid";
 export { showAlert } from "./Alert";
 export { ScrollView } from "./ScrollView";
 export { CarouselNotice } from "./CarouselNotice";
-export { showPicker, Picker } from "./Picker";

package/build/index.js

@@ -1,4 +1,4 @@
-export { tick } from "./utils/tick";
+export { Tick } from "./utils/tick";
 export { setContextValue, getContextValue } from "./context";
 export { jsonp } from "./utils/jsonp";
 export { uniqKey } from "./utils/uniqKey";
@@ -11,11 +11,11 @@ export { is } from "./utils/is";
 export { waitFor, waitUntil } from "./utils/wait";
 export { normalizeUnit, splitValue } from "./utils/cssUtil";
 export { createApp, history, getHistory } from "./utils/createApp";
-export { useInterval } from "./effect/useInterval";
-export { useTick } from "./effect/useTick";
+export { useInterval } from "./Effect/useInterval";
+export { useTick } from "./Effect/useTick";
 export { Ago } from "./Ago";
 export { Container } from "./Container";
-export { Flex } from "./Flex";
+export { Flex, FlexItem } from "./Flex";
 export { Row, RowAround, RowBetween, RowCenter, RowEnd, RowEvenly, RowStart } from "./Flex/Row";
 export { Col, ColAround, ColBetween, ColCenter, ColEnd, ColEvenly, ColStart } from "./Flex/Col";
 export { Countdowner } from "./Countdowner";
@@ -30,4 +30,3 @@ export { AutoGrid } from "./AutoGrid";
 export { showAlert } from "./Alert";
 export { ScrollView } from "./ScrollView";
 export { CarouselNotice } from "./CarouselNotice";
-export { showPicker, Picker } from "./Picker";

package/build/utils/Countdown.d.ts

@@ -1,4 +1,3 @@
-import { StopTick } from "./tick";
 export declare type CountdownValueIndex = "d" | "h" | "i" | "s";
 export declare type CountdownValue = {
     [key in CountdownValueIndex]?: number;
@@ -24,7 +23,7 @@ export declare class Countdown {
      * s：秒
      */
     format: string[];
-    _stopTick?: StopTick;
+    _stopTick?: () => void;
     _onUpdate?: UpdateCallback;
     _onEnd?: () => void;
     constructor(option: CountdownOption);

package/build/utils/Countdown.js

@@ -1,4 +1,4 @@
-import { tick } from "./tick";
+import { Tick } from "./tick";
 export class Countdown {
     constructor(option) {
         /**
@@ -54,7 +54,7 @@ export class Countdown {
         (_d = this._onUpdate) === null || _d === void 0 ? void 0 : _d.call(this, this.formatValue());
         // 记录倒计时开启时的时间
         const start = Date.now();
-        this._stopTick = tick(() => {
+        const tickInstance = new Tick(() => {
             var _a, _b, _c, _d;
             // 获取倒计时已经持续的时间
             const duration = Math.floor((Date.now() - start) / 1000);
@@ -73,6 +73,8 @@ export class Countdown {
                 (_d = this._onUpdate) === null || _d === void 0 ? void 0 : _d.call(this, this.formatValue());
             }
         });
+        tickInstance.start();
+        this._stopTick = () => tickInstance.destroy();
     }
     // 停止倒计时
     stop() {

package/build/utils/createApp.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { History, State } from "history";
-import { ContainerProps } from "../Container";
-import { ContextValue } from "../context";
-export declare type RouteMethod = "browser" | "hash" | "memory";
+import React from 'react';
+import { History } from 'history';
+import { ContainerProps } from '../Container';
+import { ContextValue } from '../context';
+export declare type RouteMethod = 'browser' | 'hash' | 'memory';
 export declare type AwaitValue<T> = T | Promise<T>;
-export interface CreateAppOption extends Omit<ContainerProps, "children">, ContextValue {
+export interface CreateAppOption extends Omit<ContainerProps, 'children'>, ContextValue {
     onBeforeRenderPage?: (pathname?: string) => AwaitValue<void>;
     onAfterRenderPage?: (pathname?: string) => AwaitValue<void>;
     renderLoading?: (pathname?: string) => AwaitValue<React.ReactNode>;
@@ -13,8 +13,8 @@ export interface CreateAppOption extends Omit<ContainerProps, "children">, Conte
     defaultRoute?: string;
     target: string | HTMLElement;
 }
-export declare let history: null | History<State>;
-export declare function getHistory(routeMethod?: RouteMethod): History<State>;
+export declare let history: null | History;
+export declare function getHistory(routeMethod?: RouteMethod): History;
 /**
  * 创建带路由的APP对象，全局对象，绝大部分情况下只需要调用一次
  * @param option CreateAppOption

package/build/utils/createApp.js

@@ -7,16 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useCallback, useEffect, useState } from "react";
-import ReactDOM from "react-dom";
-import { createBrowserHistory, createHashHistory, createMemoryHistory, } from "history";
-import { Container } from "../Container";
-import { setContextValue } from "../context";
-import pick from "lodash/pick";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { createRoot } from 'react-dom/client';
+import { createBrowserHistory, createHashHistory, createMemoryHistory, } from 'history';
+import { Container } from '../Container';
+import { setContextValue } from '../context';
+import pick from 'lodash/pick';
 // 存储历史记录对象
 export let history = null;
 // 获取历史记录对象
-export function getHistory(routeMethod = "browser") {
+export function getHistory(routeMethod = 'browser') {
     if (history === null) {
         const createMap = {
             browser: createBrowserHistory,
@@ -34,18 +35,22 @@ export function getHistory(routeMethod = "browser") {
 export function createApp(option) {
     return __awaiter(this, void 0, void 0, function* () {
         // 设置默认的路由方式
-        if (!option.routeMethod || ["browser", "hash", "memory"].indexOf(option.routeMethod) === -1) {
-            option.routeMethod = "browser";
+        if (!option.routeMethod ||
+            ['browser', 'hash', 'memory'].indexOf(option.routeMethod) === -1) {
+            option.routeMethod = 'browser';
         }
         // 设置默认路由路径
         if (!option.defaultRoute) {
-            option.defaultRoute = "/index";
+            option.defaultRoute = '/index';
         }
         // 这里是为了确保历史记录对象在组件渲染之前一定存在
-        history = getHistory();
+        history = getHistory(option.routeMethod);
         // 提取关键数据
-        const context = pick(option, ["minDocWidth", "maxDocWidth"]);
-        const containerProps = pick(option, ["designWidth", "globalStyle"]);
+        const context = pick(option, ['minDocWidth', 'maxDocWidth']);
+        const containerProps = pick(option, [
+            'designWidth',
+            'globalStyle',
+        ]);
         const { onBeforeRenderPage, onAfterRenderPage, renderLoading, renderPage } = option;
         // 设置上下文属性
         setContextValue(context);
@@ -60,13 +65,13 @@ export function createApp(option) {
              */
             const showPage = useCallback((pathname) => __awaiter(this, void 0, void 0, function* () {
                 const pathReg = /^\/*|\/*$/g;
-                pathname = pathname.replace(pathReg, "");
+                pathname = pathname.replace(pathReg, '');
                 if (!pathname) {
-                    pathname = option.defaultRoute.replace(pathReg, "");
+                    pathname = option.defaultRoute.replace(pathReg, '');
                 }
                 // 如果有loading，要先显示loading
-                if (typeof renderLoading === "function") {
-                    setPage(renderLoading === null || renderLoading === void 0 ? void 0 : renderLoading(pathname));
+                if (typeof renderLoading === 'function') {
+                    setPage(yield (renderLoading === null || renderLoading === void 0 ? void 0 : renderLoading(pathname)));
                 }
                 // 加载页面之前可能会存在的逻辑
                 yield (onBeforeRenderPage === null || onBeforeRenderPage === void 0 ? void 0 : onBeforeRenderPage(pathname));
@@ -88,19 +93,20 @@ export function createApp(option) {
                 // 卸载时，取消监听
                 return unlisten;
             }, []);
-            return React.createElement(Container, Object.assign({}, containerProps), page);
+            return _jsx(Container, Object.assign({}, containerProps, { children: page }));
         };
         // 获取挂载对象
         let mount = null;
-        if (typeof option.target === "string") {
+        if (typeof option.target === 'string') {
             mount = document.querySelector(option.target);
         }
         else if (option.target instanceof HTMLElement) {
             mount = option.target;
         }
-        // 挂载组件
-        yield new Promise((resolve) => {
-            ReactDOM.render(React.createElement(App, null), mount, resolve);
-        });
+        else {
+            throw new Error('No mounted object is specified');
+        }
+        const root = createRoot(mount);
+        root.render(_jsx(App, {}));
     });
 }

package/build/utils/dom.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
+import React from 'react';
 export interface PortalDOM {
     element: HTMLDivElement;
-    mount: (component: React.ReactNode) => Promise<void>;
-    destroy: () => void;
+    mount: (component: React.ReactNode) => void;
+    unmount: () => void;
 }
 /**
- * 类似ReactDOM.createPortal，这个函数将会在body下创建一个组件的挂载点
+ *
  * 组件可以通过函数的第一个参数传递进去
  *
- * @param point HTMLElement 挂载点
+ * @param point HTMLElement 挂载点，如果未指定，则挂载点为body
  * @returns CreatePortalDOMResult
  */
 export declare function createPortalDOM(point?: HTMLElement): PortalDOM;

package/build/utils/dom.js

@@ -1,45 +1,32 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from 'react-dom/client';
 /**
- * 类似ReactDOM.createPortal，这个函数将会在body下创建一个组件的挂载点
+ *
  * 组件可以通过函数的第一个参数传递进去
  *
- * @param point HTMLElement 挂载点
+ * @param point HTMLElement 挂载点，如果未指定，则挂载点为body
  * @returns CreatePortalDOMResult
  */
 export function createPortalDOM(point) {
-    const element = document.createElement("div");
+    const container = document.createElement('div');
     let mountPoint = document.body;
     if (point instanceof HTMLElement) {
         mountPoint = point;
     }
-    mountPoint.appendChild(element);
+    mountPoint.appendChild(container);
+    const root = createRoot(container);
     return {
-        element,
+        element: container,
         mount(component) {
-            return __awaiter(this, void 0, void 0, function* () {
-                return new Promise((resolve) => {
-                    ReactDOM.render(React.createElement(React.Fragment, null, component), element, resolve);
-                });
-            });
+            root.render(component);
         },
-        destroy() {
-            if (element instanceof HTMLDivElement) {
-                ReactDOM.unmountComponentAtNode(element);
-                if (typeof element.remove === "function") {
-                    element.remove();
+        unmount() {
+            root.unmount();
+            if (container instanceof HTMLDivElement) {
+                if (typeof container.remove === 'function') {
+                    container.remove();
                 }
                 else {
-                    mountPoint.removeChild(element);
+                    mountPoint.removeChild(container);
                 }
             }
         },

package/build/utils/request.js

@@ -106,7 +106,7 @@ export function buildUrlByOption(option) {
  * @returns
  */
 export function parseRequestOption(option) {
-    var _a;
+    var _a, _b;
     let config = {
         url: "",
         sendType: "normal",
@@ -116,6 +116,7 @@ export function parseRequestOption(option) {
         timeout: 30000,
     };
     config.sendType = config.sendType.toLowerCase();
+    config.method = (_a = config.method) === null || _a === void 0 ? void 0 : _a.toUpperCase();
     // 传递过来的参数覆盖默认值
     if (isPlainObject(option)) {
         config = Object.assign(Object.assign({}, config), option);
@@ -125,7 +126,7 @@ export function parseRequestOption(option) {
      * 1、调用方没有传递请求方法
      * 2、请求类型不为normal
      */
-    if (!config.method && config.sendType !== "normal") {
+    if ((config.method === "GET" || !config.method) && config.sendType !== "normal") {
         config.method = "POST";
     }
     // 如果没有设置headers，确保请求头为对象
@@ -198,7 +199,7 @@ export function parseRequestOption(option) {
         "transmitPageParam",
         "timeout",
     ]);
-    return { url, fetchOption, timeout: (_a = config.timeout) !== null && _a !== void 0 ? _a : 30000 };
+    return { url, fetchOption, timeout: (_b = config.timeout) !== null && _b !== void 0 ? _b : 30000 };
 }
 /**
  * 发送正常Ajax请求，这个函数带有超时逻辑

package/build/utils/tick.d.ts

@@ -1,7 +1,13 @@
-export declare type StopTick = () => void;
 /**
- * 逐帧执行某个回调
- * @param callback 每一帧都会调用的回调
- * @returns
+ * tick类，初始化后使用start开始tick，使用destroy终止tick
+ * @constructor
+ * @param {function} callback start后每一帧都会调用的回调函数
  */
-export declare function tick(callback?: () => void): StopTick;
+export declare class Tick {
+    callback?: (() => void) | undefined;
+    frameId: number | undefined;
+    isRun: boolean;
+    constructor(callback?: (() => void) | undefined);
+    start(): void;
+    destroy(): void;
+}

package/build/utils/tick.js

@@ -1,28 +1,32 @@
 /**
- * 逐帧执行某个回调
- * @param callback 每一帧都会调用的回调
- * @returns
+ * tick类，初始化后使用start开始tick，使用destroy终止tick
+ * @constructor
+ * @param {function} callback start后每一帧都会调用的回调函数
  */
-export function tick(callback) {
-    let frameId = undefined;
-    let isRun = true;
-    // 停止tick
-    let stop = () => {
-        if (typeof frameId === "number") {
-            cancelAnimationFrame(frameId);
+export class Tick {
+    constructor(callback) {
+        this.callback = callback;
+        this.frameId = undefined;
+        this.isRun = true;
+    }
+    start() {
+        // 每一帧执行的任务
+        const frame = () => {
+            var _a;
+            if (!this.isRun)
+                return;
+            // 在回调执行之前预约下一帧
+            this.frameId = requestAnimationFrame(frame);
+            // 执行回调
+            (_a = this.callback) === null || _a === void 0 ? void 0 : _a.call(this);
+        };
+        // 执行起始帧
+        frame();
+    }
+    destroy() {
+        if (typeof this.frameId === "number") {
+            cancelAnimationFrame(this.frameId);
         }
-        isRun = false;
-    };
-    // 每一帧执行的任务
-    const frame = () => {
-        if (!isRun)
-            return;
-        // 在回调执行之前预约下一帧
-        frameId = requestAnimationFrame(frame);
-        // 执行回调
-        callback === null || callback === void 0 ? void 0 : callback();
-    };
-    // 执行起始帧
-    frame();
-    return stop;
+        this.isRun = false;
+    }
 }