clxx 2.1.5 → 2.1.7

package/build/Toast/style.js

@@ -1,6 +1,9 @@
-import { css, keyframes } from "@emotion/react";
-import { adaptive } from "../utils/cssUtil";
-export const middleShowAnimation = keyframes `
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = exports.bottomHideAnimation = exports.bottomShowAnimation = exports.topHideAnimation = exports.topShowAnimation = exports.middleHideAnimation = exports.middleShowAnimation = void 0;
+exports.getAnimation = getAnimation;
+const react_1 = require("@emotion/react");
+exports.middleShowAnimation = (0, react_1.keyframes) `
   from {
     opacity: 0;
     transform: translateX(-50%) scale(0.9);
@@ -10,7 +13,7 @@ export const middleShowAnimation = keyframes `
     transform: translateX(-50%) scale(1);
   }
 `;
-export const middleHideAnimation = keyframes `
+exports.middleHideAnimation = (0, react_1.keyframes) `
   from {
     opacity: 1;
     transform: translateX(-50%) scale(1);
@@ -20,7 +23,7 @@ export const middleHideAnimation = keyframes `
     transform: translateX(-50%) scale(0.9);
   }
 `;
-export const topShowAnimation = keyframes `
+exports.topShowAnimation = (0, react_1.keyframes) `
   from {
     opacity: 0;
     transform: translate(-50%, -100%);
@@ -30,7 +33,7 @@ export const topShowAnimation = keyframes `
     transform: translate(-50%, 0);
   }
 `;
-export const topHideAnimation = keyframes `
+exports.topHideAnimation = (0, react_1.keyframes) `
   from {
     opacity: 1;
     transform: translate(-50%, 0);
@@ -40,7 +43,7 @@ export const topHideAnimation = keyframes `
     transform: translate(-50%, -100%);
   }
 `;
-export const bottomShowAnimation = keyframes `
+exports.bottomShowAnimation = (0, react_1.keyframes) `
   from {
     opacity: 0;
     transform: translate(-50%, 100%);
@@ -50,7 +53,7 @@ export const bottomShowAnimation = keyframes `
     transform: translate(-50%, 0);
   }
 `;
-export const bottomHideAnimation = keyframes `
+exports.bottomHideAnimation = (0, react_1.keyframes) `
   from {
     opacity: 1;
     transform: translate(-50%, 0);
@@ -66,11 +69,11 @@ export const bottomHideAnimation = keyframes `
  * @param type
  * @returns
  */
-export function getAnimation(position, type) {
+function getAnimation(position, type) {
     const animation = {
-        top: [topShowAnimation, topHideAnimation],
-        middle: [middleShowAnimation, middleHideAnimation],
-        bottom: [bottomShowAnimation, bottomHideAnimation],
+        top: [exports.topShowAnimation, exports.topHideAnimation],
+        middle: [exports.middleShowAnimation, exports.middleHideAnimation],
+        bottom: [exports.bottomShowAnimation, exports.bottomHideAnimation],
     };
     let keyframes;
     if (type === "show") {
@@ -81,31 +84,30 @@ export function getAnimation(position, type) {
     }
     return {
         keyframes,
-        animation: css({
+        animation: (0, react_1.css)({
             animation: `${keyframes} 300ms ease`,
         }),
     };
 }
-export const style = {
+exports.style = {
     container() {
-        return css({
+        return (0, react_1.css)({
             position: "fixed",
             left: "50%",
             transform: "translateX(-50%)",
             zIndex: 9999,
-        }, adaptive({
-            maxWidth: 600,
-        }));
+            maxWidth: '6rem',
+        });
     },
     top(offset) {
-        return adaptive({ top: offset });
+        return (0, react_1.css)({ top: offset / 100 + 'rem' });
     },
-    middle: css({ top: "50%" }),
+    middle: (0, react_1.css)({ top: "50%" }),
     bottom(offset) {
-        return adaptive({ bottom: offset });
+        return (0, react_1.css)({ bottom: offset / 100 + 'rem' });
     },
     content: (radius) => {
-        return css({
+        return (0, react_1.css)({
             position: "relative",
             backgroundColor: "rgba(0, 0, 0, .8)",
             color: "#fff",
@@ -114,14 +116,13 @@ export const style = {
             textOverflow: "ellipsis",
             overflow: "hidden",
             lineHeight: 1,
-        }, adaptive({
-            fontSize: 26,
-            paddingLeft: 30,
-            paddingRight: 30,
-            paddingTop: 40,
-            paddingBottom: 40,
-            borderRadius: radius !== null && radius !== void 0 ? radius : 0,
-        }));
+            fontSize: '.26rem',
+            paddingLeft: '.3rem',
+            paddingRight: '.3rem',
+            paddingTop: '.4rem',
+            paddingBottom: '.4rem',
+            borderRadius: radius ? radius / 100 + 'rem' : 0,
+        });
     },
     contentMiddle: {
         transform: `translateY(-50%)`,

package/build/index.d.ts

@@ -1,5 +1,4 @@
 export { tick } from './utils/tick';
-export { setContextValue, getContextValue } from './context';
 export { jsonp } from './utils/jsonp';
 export { uniqKey } from './utils/uniqKey';
 export { ago } from './utils/ago';
@@ -9,7 +8,7 @@ export { Countdown } from './utils/Countdown';
 export { defaultScroll } from './utils/defaultScroll';
 export { is } from './utils/is';
 export { waitFor, waitUntil } from './utils/wait';
-export { normalizeUnit, splitValue, adaptive } from './utils/cssUtil';
+export { normalizeUnit, splitValue } from './utils/cssUtil';
 export { createApp, history, getHistory } from './utils/createApp';
 export { createPortalDOM } from './utils/dom';
 export { useInterval } from './Effect/useInterval';
@@ -34,3 +33,4 @@ export { AutoGrid } from './AutoGrid';
 export { showAlert } from './Alert';
 export { ScrollView } from './ScrollView';
 export { CarouselNotice } from './CarouselNotice';
+export { CitySelect, showCitySelect } from './CitySelect';

package/build/index.js

@@ -1,36 +1,102 @@
-export { tick } from './utils/tick';
-export { setContextValue, getContextValue } from './context';
-export { jsonp } from './utils/jsonp';
-export { uniqKey } from './utils/uniqKey';
-export { ago } from './utils/ago';
-export { GET, POST, sendJSON, sugarSend, sendRequest, buildUrlByOption, registerHostAlias, } from './utils/request';
-export { calendarTable } from './utils/calendarTable';
-export { Countdown } from './utils/Countdown';
-export { defaultScroll } from './utils/defaultScroll';
-export { is } from './utils/is';
-export { waitFor, waitUntil } from './utils/wait';
-export { normalizeUnit, splitValue, adaptive } from './utils/cssUtil';
-export { createApp, history, getHistory } from './utils/createApp';
-export { createPortalDOM } from './utils/dom';
-export { useInterval } from './Effect/useInterval';
-export { useTick } from './Effect/useTick';
-export { useUpdate } from './Effect/useUpdate';
-export { useWindowResize } from './Effect/useWindowResize';
-export { useViewport } from './Effect/useViewport';
-export { Ago } from './Ago';
-export { Container } from './Container';
-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';
-export { Overlay } from './Overlay';
-export { showToast, showUniqToast } from './Toast';
-export { showDialog } from './Dialog';
-export { Clickable } from './Clickable';
-export { Indicator } from './Indicator';
-export { showLoading, showLoadingAtLeast } from './Loading';
-export { SafeArea } from './SafeArea';
-export { AutoGrid } from './AutoGrid';
-export { showAlert } from './Alert';
-export { ScrollView } from './ScrollView';
-export { CarouselNotice } from './CarouselNotice';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showUniqToast = exports.showToast = exports.Overlay = exports.Countdowner = exports.ColStart = exports.ColEvenly = exports.ColEnd = exports.ColCenter = exports.ColBetween = exports.ColAround = exports.Col = exports.RowStart = exports.RowEvenly = exports.RowEnd = exports.RowCenter = exports.RowBetween = exports.RowAround = exports.Row = exports.FlexItem = exports.Flex = exports.Container = exports.Ago = exports.useViewport = exports.useWindowResize = exports.useUpdate = exports.useTick = exports.useInterval = exports.createPortalDOM = exports.getHistory = exports.history = exports.createApp = exports.splitValue = exports.normalizeUnit = exports.waitUntil = exports.waitFor = exports.is = exports.defaultScroll = exports.Countdown = exports.calendarTable = exports.registerHostAlias = exports.buildUrlByOption = exports.sendRequest = exports.sugarSend = exports.sendJSON = exports.POST = exports.GET = exports.ago = exports.uniqKey = exports.jsonp = exports.tick = void 0;
+exports.showCitySelect = exports.CitySelect = exports.CarouselNotice = exports.ScrollView = exports.showAlert = exports.AutoGrid = exports.SafeArea = exports.showLoadingAtLeast = exports.showLoading = exports.Indicator = exports.Clickable = exports.showDialog = void 0;
+var tick_1 = require("./utils/tick");
+Object.defineProperty(exports, "tick", { enumerable: true, get: function () { return tick_1.tick; } });
+var jsonp_1 = require("./utils/jsonp");
+Object.defineProperty(exports, "jsonp", { enumerable: true, get: function () { return jsonp_1.jsonp; } });
+var uniqKey_1 = require("./utils/uniqKey");
+Object.defineProperty(exports, "uniqKey", { enumerable: true, get: function () { return uniqKey_1.uniqKey; } });
+var ago_1 = require("./utils/ago");
+Object.defineProperty(exports, "ago", { enumerable: true, get: function () { return ago_1.ago; } });
+var request_1 = require("./utils/request");
+Object.defineProperty(exports, "GET", { enumerable: true, get: function () { return request_1.GET; } });
+Object.defineProperty(exports, "POST", { enumerable: true, get: function () { return request_1.POST; } });
+Object.defineProperty(exports, "sendJSON", { enumerable: true, get: function () { return request_1.sendJSON; } });
+Object.defineProperty(exports, "sugarSend", { enumerable: true, get: function () { return request_1.sugarSend; } });
+Object.defineProperty(exports, "sendRequest", { enumerable: true, get: function () { return request_1.sendRequest; } });
+Object.defineProperty(exports, "buildUrlByOption", { enumerable: true, get: function () { return request_1.buildUrlByOption; } });
+Object.defineProperty(exports, "registerHostAlias", { enumerable: true, get: function () { return request_1.registerHostAlias; } });
+var calendarTable_1 = require("./utils/calendarTable");
+Object.defineProperty(exports, "calendarTable", { enumerable: true, get: function () { return calendarTable_1.calendarTable; } });
+var Countdown_1 = require("./utils/Countdown");
+Object.defineProperty(exports, "Countdown", { enumerable: true, get: function () { return Countdown_1.Countdown; } });
+var defaultScroll_1 = require("./utils/defaultScroll");
+Object.defineProperty(exports, "defaultScroll", { enumerable: true, get: function () { return defaultScroll_1.defaultScroll; } });
+var is_1 = require("./utils/is");
+Object.defineProperty(exports, "is", { enumerable: true, get: function () { return is_1.is; } });
+var wait_1 = require("./utils/wait");
+Object.defineProperty(exports, "waitFor", { enumerable: true, get: function () { return wait_1.waitFor; } });
+Object.defineProperty(exports, "waitUntil", { enumerable: true, get: function () { return wait_1.waitUntil; } });
+var cssUtil_1 = require("./utils/cssUtil");
+Object.defineProperty(exports, "normalizeUnit", { enumerable: true, get: function () { return cssUtil_1.normalizeUnit; } });
+Object.defineProperty(exports, "splitValue", { enumerable: true, get: function () { return cssUtil_1.splitValue; } });
+var createApp_1 = require("./utils/createApp");
+Object.defineProperty(exports, "createApp", { enumerable: true, get: function () { return createApp_1.createApp; } });
+Object.defineProperty(exports, "history", { enumerable: true, get: function () { return createApp_1.history; } });
+Object.defineProperty(exports, "getHistory", { enumerable: true, get: function () { return createApp_1.getHistory; } });
+var dom_1 = require("./utils/dom");
+Object.defineProperty(exports, "createPortalDOM", { enumerable: true, get: function () { return dom_1.createPortalDOM; } });
+var useInterval_1 = require("./Effect/useInterval");
+Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return useInterval_1.useInterval; } });
+var useTick_1 = require("./Effect/useTick");
+Object.defineProperty(exports, "useTick", { enumerable: true, get: function () { return useTick_1.useTick; } });
+var useUpdate_1 = require("./Effect/useUpdate");
+Object.defineProperty(exports, "useUpdate", { enumerable: true, get: function () { return useUpdate_1.useUpdate; } });
+var useWindowResize_1 = require("./Effect/useWindowResize");
+Object.defineProperty(exports, "useWindowResize", { enumerable: true, get: function () { return useWindowResize_1.useWindowResize; } });
+var useViewport_1 = require("./Effect/useViewport");
+Object.defineProperty(exports, "useViewport", { enumerable: true, get: function () { return useViewport_1.useViewport; } });
+var Ago_1 = require("./Ago");
+Object.defineProperty(exports, "Ago", { enumerable: true, get: function () { return Ago_1.Ago; } });
+var Container_1 = require("./Container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
+var Flex_1 = require("./Flex");
+Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return Flex_1.Flex; } });
+Object.defineProperty(exports, "FlexItem", { enumerable: true, get: function () { return Flex_1.FlexItem; } });
+var Row_1 = require("./Flex/Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
+Object.defineProperty(exports, "RowAround", { enumerable: true, get: function () { return Row_1.RowAround; } });
+Object.defineProperty(exports, "RowBetween", { enumerable: true, get: function () { return Row_1.RowBetween; } });
+Object.defineProperty(exports, "RowCenter", { enumerable: true, get: function () { return Row_1.RowCenter; } });
+Object.defineProperty(exports, "RowEnd", { enumerable: true, get: function () { return Row_1.RowEnd; } });
+Object.defineProperty(exports, "RowEvenly", { enumerable: true, get: function () { return Row_1.RowEvenly; } });
+Object.defineProperty(exports, "RowStart", { enumerable: true, get: function () { return Row_1.RowStart; } });
+var Col_1 = require("./Flex/Col");
+Object.defineProperty(exports, "Col", { enumerable: true, get: function () { return Col_1.Col; } });
+Object.defineProperty(exports, "ColAround", { enumerable: true, get: function () { return Col_1.ColAround; } });
+Object.defineProperty(exports, "ColBetween", { enumerable: true, get: function () { return Col_1.ColBetween; } });
+Object.defineProperty(exports, "ColCenter", { enumerable: true, get: function () { return Col_1.ColCenter; } });
+Object.defineProperty(exports, "ColEnd", { enumerable: true, get: function () { return Col_1.ColEnd; } });
+Object.defineProperty(exports, "ColEvenly", { enumerable: true, get: function () { return Col_1.ColEvenly; } });
+Object.defineProperty(exports, "ColStart", { enumerable: true, get: function () { return Col_1.ColStart; } });
+var Countdowner_1 = require("./Countdowner");
+Object.defineProperty(exports, "Countdowner", { enumerable: true, get: function () { return Countdowner_1.Countdowner; } });
+var Overlay_1 = require("./Overlay");
+Object.defineProperty(exports, "Overlay", { enumerable: true, get: function () { return Overlay_1.Overlay; } });
+var Toast_1 = require("./Toast");
+Object.defineProperty(exports, "showToast", { enumerable: true, get: function () { return Toast_1.showToast; } });
+Object.defineProperty(exports, "showUniqToast", { enumerable: true, get: function () { return Toast_1.showUniqToast; } });
+var Dialog_1 = require("./Dialog");
+Object.defineProperty(exports, "showDialog", { enumerable: true, get: function () { return Dialog_1.showDialog; } });
+var Clickable_1 = require("./Clickable");
+Object.defineProperty(exports, "Clickable", { enumerable: true, get: function () { return Clickable_1.Clickable; } });
+var Indicator_1 = require("./Indicator");
+Object.defineProperty(exports, "Indicator", { enumerable: true, get: function () { return Indicator_1.Indicator; } });
+var Loading_1 = require("./Loading");
+Object.defineProperty(exports, "showLoading", { enumerable: true, get: function () { return Loading_1.showLoading; } });
+Object.defineProperty(exports, "showLoadingAtLeast", { enumerable: true, get: function () { return Loading_1.showLoadingAtLeast; } });
+var SafeArea_1 = require("./SafeArea");
+Object.defineProperty(exports, "SafeArea", { enumerable: true, get: function () { return SafeArea_1.SafeArea; } });
+var AutoGrid_1 = require("./AutoGrid");
+Object.defineProperty(exports, "AutoGrid", { enumerable: true, get: function () { return AutoGrid_1.AutoGrid; } });
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "showAlert", { enumerable: true, get: function () { return Alert_1.showAlert; } });
+var ScrollView_1 = require("./ScrollView");
+Object.defineProperty(exports, "ScrollView", { enumerable: true, get: function () { return ScrollView_1.ScrollView; } });
+var CarouselNotice_1 = require("./CarouselNotice");
+Object.defineProperty(exports, "CarouselNotice", { enumerable: true, get: function () { return CarouselNotice_1.CarouselNotice; } });
+var CitySelect_1 = require("./CitySelect");
+Object.defineProperty(exports, "CitySelect", { enumerable: true, get: function () { return CitySelect_1.CitySelect; } });
+Object.defineProperty(exports, "showCitySelect", { enumerable: true, get: function () { return CitySelect_1.showCitySelect; } });

package/build/utils/Countdown.js

@@ -1,5 +1,8 @@
-import { tick } from './tick';
-export class Countdown {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Countdown = void 0;
+const tick_1 = require("./tick");
+class Countdown {
     constructor(option) {
         /**
          * 倒计时的剩余时间，单位为秒
@@ -61,7 +64,7 @@ export class Countdown {
         // 记录倒计时开启时的时间
         const start = Date.now();
         // 使用 1000ms 间隔，避免每帧都执行（性能优化）
-        this._stopTick = tick(() => {
+        this._stopTick = (0, tick_1.tick)(() => {
             var _a, _b, _c, _d;
             // 获取倒计时已经持续的时间
             const duration = Math.floor((Date.now() - start) / 1000);
@@ -121,3 +124,4 @@ export class Countdown {
         return result;
     }
 }
+exports.Countdown = Countdown;

package/build/utils/ago.js

@@ -1,11 +1,17 @@
-import dayjs from 'dayjs';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ago = ago;
+const dayjs_1 = __importDefault(require("dayjs"));
 /**
  * 用于格式化显示：多久以前
  * @param date
  */
-export function ago(date) {
-    const now = dayjs();
-    const input = dayjs(date);
+function ago(date) {
+    const now = (0, dayjs_1.default)();
+    const input = (0, dayjs_1.default)(date);
     if (!input.isValid()) {
         return {
             num: 0,

package/build/utils/calendarTable.js

@@ -1,12 +1,18 @@
-import dayjs from "dayjs";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calendarTable = calendarTable;
+const dayjs_1 = __importDefault(require("dayjs"));
 /**
  * 创建一个月历视图的原始数据表
  * @param usefulFormat dayjs构造函数可以识别的任意值
  * @param startFromSunday 是否以星期天作为一周的第一天
  * @param sizeGuarantee 是否保证生成表格始终有6行
  */
-export function calendarTable(usefulFormat = dayjs(), startFromSunday = false, sizeGuarantee = true) {
-    const value = dayjs(usefulFormat);
+function calendarTable(usefulFormat = (0, dayjs_1.default)(), startFromSunday = false, sizeGuarantee = true) {
+    const value = (0, dayjs_1.default)(usefulFormat);
     const startOfMonth = value.startOf("month");
     const endOfMonth = value.endOf("month");
     const monthStartDay = startOfMonth.date();

package/build/utils/createApp.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { History } from "history";
 import { ContainerProps } from "../Container";
-import { ContextValue } from "../context";
 export type RouterMode = "browser" | "hash" | "memory";
 export type AwaitValue<T> = T | Promise<T>;
-export interface CreateAppOption extends Omit<ContainerProps, "children">, ContextValue {
+export interface CreateAppOption extends Omit<ContainerProps, "children"> {
     onBefore?: (pathname: string) => AwaitValue<void>;
     onAfter?: (pathname: string) => AwaitValue<void>;
     loading?: (pathname: string) => AwaitValue<React.ReactNode>;

package/build/utils/createApp.js

@@ -1,3 +1,4 @@
+"use strict";
 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) {
@@ -7,32 +8,38 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsxs as _jsxs, 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";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.history = void 0;
+exports.getHistory = getHistory;
+exports.createApp = createApp;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const client_1 = require("react-dom/client");
+const history_1 = require("history");
+const Container_1 = require("../Container");
+const pick_1 = __importDefault(require("lodash/pick"));
 // 存储历史记录对象
-export let history = null;
+exports.history = null;
 // 获取历史记录对象
-export function getHistory(mode = "browser") {
-    if (history === null) {
+function getHistory(mode = "browser") {
+    if (exports.history === null) {
         const createMap = {
-            browser: createBrowserHistory,
-            hash: createHashHistory,
-            memory: createMemoryHistory,
+            browser: history_1.createBrowserHistory,
+            hash: history_1.createHashHistory,
+            memory: history_1.createMemoryHistory,
         };
-        history = createMap[mode]();
+        exports.history = createMap[mode]();
     }
-    return history;
+    return exports.history;
 }
 /**
  * 创建带路由的APP对象，全局对象，绝大部分情况下只需要调用一次
  * @param option CreateAppOption
  */
-export function createApp(option) {
+function createApp(option) {
     return __awaiter(this, void 0, void 0, function* () {
         // 设置默认的路由方式
         if (!option.mode ||
@@ -44,16 +51,13 @@ export function createApp(option) {
             option.default = "/index";
         }
         // 这里是为了确保历史记录对象在组件渲染之前一定存在
-        history = getHistory(option.mode);
+        exports.history = getHistory(option.mode);
         // 提取关键数据
-        const context = pick(option, ["minDocWidth", "maxDocWidth"]);
-        const containerProps = pick(option, [
+        const containerProps = (0, pick_1.default)(option, [
             "designWidth",
             "globalStyle",
         ]);
         const { onBefore, onAfter, loading, render, notFound } = option;
-        // 设置上下文属性
-        setContextValue(context);
         // 规范化路径：移除首尾斜杠
         const PATH_TRIM_REGEX = /^\/*|\/*$/g;
         const normalizePath = (path) => {
@@ -65,11 +69,11 @@ export function createApp(option) {
          * @returns
          */
         const App = () => {
-            const [page, setPage] = useState(null);
+            const [page, setPage] = (0, react_1.useState)(null);
             /**
              * 加载并渲染页面
              */
-            const loadAndRenderPage = useCallback((pathname) => __awaiter(this, void 0, void 0, function* () {
+            const loadAndRenderPage = (0, react_1.useCallback)((pathname) => __awaiter(this, void 0, void 0, function* () {
                 const normalizedPath = normalizePath(pathname);
                 // 如果有 loading 占位符，先显示
                 if (typeof loading === "function") {
@@ -88,7 +92,7 @@ export function createApp(option) {
                             }
                             else {
                                 // 默认 404 页面
-                                setPage(_jsxs("div", { children: ["Not Found: ", normalizedPath] }));
+                                setPage((0, jsx_runtime_1.jsxs)("div", { children: ["Not Found: ", normalizedPath] }));
                             }
                             return;
                         }
@@ -100,7 +104,7 @@ export function createApp(option) {
                             setPage(yield notFound(normalizedPath));
                         }
                         else {
-                            setPage(_jsxs("div", { children: ["Not Found: ", normalizedPath] }));
+                            setPage((0, jsx_runtime_1.jsxs)("div", { children: ["Not Found: ", normalizedPath] }));
                         }
                         return;
                     }
@@ -114,17 +118,17 @@ export function createApp(option) {
             /**
              * 监听路由变化
              */
-            useEffect(() => {
+            (0, react_1.useEffect)(() => {
                 // 监听页面变化，一旦变化渲染新页面
-                const unlisten = history.listen(({ location }) => {
+                const unlisten = exports.history.listen(({ location }) => {
                     loadAndRenderPage(location.pathname);
                 });
                 // 初始化时渲染当前路径对应的页面
-                loadAndRenderPage(history.location.pathname);
+                loadAndRenderPage(exports.history.location.pathname);
                 // 卸载时，取消监听
                 return unlisten;
             }, [loadAndRenderPage]);
-            return _jsx(Container, Object.assign({}, containerProps, { children: page }));
+            return (0, jsx_runtime_1.jsx)(Container_1.Container, Object.assign({}, containerProps, { children: page }));
         };
         // 获取挂载对象
         let mount = null;
@@ -137,7 +141,7 @@ export function createApp(option) {
         if (!mount) {
             throw new Error(`Mount target not found: ${typeof option.target === "string" ? option.target : "invalid element"}`);
         }
-        const root = createRoot(mount);
-        root.render(_jsx(App, {}));
+        const root = (0, client_1.createRoot)(mount);
+        root.render((0, jsx_runtime_1.jsx)(App, {}));
     });
 }

package/build/utils/cssUtil.d.ts

@@ -1,4 +1,3 @@
-import { Interpolation, Theme } from '@emotion/react';
 /**
  * 匹配所有的CSS数值类型的值
  */
@@ -32,11 +31,3 @@ export interface SplitedValue {
  * @param defaultUnit
  */
 export declare function splitValue(value: number | string, defaultUnit?: string): SplitedValue;
-/**
- * 生成自适应的样式，仅供库内部使用
- * 所有内部组件的默认设计尺寸约定为750
- *
- * @param style
- * @returns
- */
-export declare function adaptive(style: Record<string, Interpolation<Theme>>): import("@emotion/react").SerializedStyles;

package/build/utils/cssUtil.js

@@ -1,21 +1,24 @@
-import { css } from '@emotion/react';
-import { getContextValue } from '../context';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CSSValueReg = void 0;
+exports.normalizeUnit = normalizeUnit;
+exports.splitValue = splitValue;
 /**
  * 匹配所有的CSS数值类型的值
  */
 // eslint-disable-next-line no-useless-escape
-export const CSSValueReg = /^((?:\-)?(?:\d+\.?|\.\d+|\d+\.\d+))([a-zA-Z%]*)$/;
+exports.CSSValueReg = /^((?:\-)?(?:\d+\.?|\.\d+|\d+\.\d+))([a-zA-Z%]*)$/;
 /**
  * 标准化长度值单位
  * @param value 长度值
  * @param defaultUnit 默认长度值单位
  */
-export function normalizeUnit(value, defaultUnit = 'px') {
+function normalizeUnit(value, defaultUnit = 'px') {
     if (typeof value === 'number') {
         return value + defaultUnit;
     }
     if (typeof value === 'string') {
-        const result = value.match(CSSValueReg);
+        const result = value.match(exports.CSSValueReg);
         if (Array.isArray(result)) {
             return result[2]
                 ? parseFloat(value) + result[2]
@@ -39,51 +42,15 @@ export function normalizeUnit(value, defaultUnit = 'px') {
  * @param value
  * @param defaultUnit
  */
-export function splitValue(value, defaultUnit = 'px') {
+function splitValue(value, defaultUnit = 'px') {
     if (typeof value === 'number') {
         return { num: value, unit: defaultUnit };
     }
     if (typeof value === 'string') {
-        const result = value.match(CSSValueReg);
+        const result = value.match(exports.CSSValueReg);
         if (Array.isArray(result)) {
             return { num: parseFloat(result[1]), unit: result[2] || defaultUnit };
         }
     }
     throw new Error('Invalid numeric format');
 }
-/**
- * 生成自适应的样式，仅供库内部使用
- * 所有内部组件的默认设计尺寸约定为750
- *
- * @param style
- * @returns
- */
-export function adaptive(style) {
-    const ctx = getContextValue();
-    const max = {};
-    const min = {};
-    const normal = {};
-    for (let name in style) {
-        let value = style[name];
-        if (typeof value !== 'number') {
-            normal[name] = value;
-        }
-        else if ([
-            'flex',
-            'flexGrow',
-            'flexShrink',
-            'lineHeight',
-            'fontWeight',
-            'zIndex',
-        ].includes(name) &&
-            typeof value === 'number') {
-            normal[name] = value;
-        }
-        else {
-            normal[name] = (value * 100) / 750 + 'vw';
-            max[name] = (value * ctx.maxDocWidth) / 750 + 'px';
-            min[name] = (value * ctx.minDocWidth) / 750 + 'px';
-        }
-    }
-    return css(Object.assign(Object.assign({}, normal), { [`@media (min-width: ${ctx.maxDocWidth}px)`]: max, [`@media (max-width: ${ctx.minDocWidth}px)`]: min }));
-}

package/build/utils/defaultScroll.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultScroll = void 0;
 /**
  * 触摸移动事件处理器
  */
@@ -11,7 +14,7 @@ const touchMoveHandler = (event) => {
  * 默认视为 passive: true，此时 preventDefault() 会静默失效。
  * 因此必须显式声明 passive: false 才能真正阻止默认滚动行为。
  */
-export const defaultScroll = {
+exports.defaultScroll = {
     disable() {
         document.documentElement.addEventListener('touchmove', touchMoveHandler, { capture: false, passive: false });
     },