clxx 2.0.7 → 2.0.9

package/README.md

@@ -1,3 +1,35 @@
-# v2.0.0 
+# v2.0.8
 
-Completely reconstructed，Documentation coming soon...
+## 功能函数
+
+- [`ago`](./src/Ago/index.tsx)：显示多久以前
+- [`calendarTable`](./src/utils/calendarTable.ts)：创建一个月历视图的原始数据表
+- [`Countdown`](./src/utils/Countdown.ts)：倒计时器，最大可以到天
+- [`createApp`](./src/utils/createApp.tsx)：创建一个带路由的 APP 对象，这是个非常实用的功能函数
+- [`defaultScroll`](./src/utils/defaultScroll.ts)：禁用和启用默认滚动
+- [`createPortalDOM`](./src/utils/dom.tsx)：任意位置创建一个 DOM 节点，用来挂载和卸载 React 组件
+- [`is`](./src/utils/is.ts)：一些简单的环境判断
+- [`jsonp`](./src/utils/jsonp.ts)：发送一个 jsonp 请求
+- [`GET，POST`](./src/utils/request.ts)：ajax 请求的简单封装
+- [`Tick`](./src/utils/tick.ts)：嘀嗒器，每帧都会执行
+- [`uniqKey`](./src/utils/uniqKey.ts)：生成一个全局唯一的 key
+- [`waitUntil`](./src/utils/wait.ts)：执行某种检测，直接条件为真或者超时才返回
+
+## 基础组件
+
+- [`<Ago>`](./src/Ago/index.tsx)：显示多久以前
+- [`<AutoGrid>`](./src/AutoGrid/index.tsx)：里面的对象会自动网格排列
+- [`<CarouselNotice>`](./src/CarouselNotice/index.tsx)：滚动走马灯
+- [`<Clickable>`](./src/Clickable/index.tsx)：一个可点击的对象
+- [`<Container>`](./src/Container/index.tsx)：这是一个全局容器，主要设置移动端环境，自适应等逻辑
+- [`<Countdowner>`](./src/Countdowner/index.tsx)：倒计时器
+- [`<Row>|<RowStart>|<RowEnd>|<RowBetween>|<RowCenter>|<RowAround>|<RowEvenly>`](./src/Flex/Row.tsx)：水平弹性布局
+- [`<Col>|<ColStart>|<ColEnd>|<ColBetween>|<ColCenter>|<ColAround>|<ColEvenly>`](./src/Flex/Col.tsx)：垂直弹性布局
+- [`<Indicator>`](./src/Indicator/index.tsx)：转动的菊花，用来作为Loading组件的一部分
+- [`<Overlay>`](./src/Overlay/index.tsx)：一个全屏覆盖框，会覆盖可操作区域
+- [`<SafeArea>`](./src/SafeArea/index.tsx)：这个组件会自动剔除手机的非操作区域
+- [`<ScrollView>`](./src/ScrollView/index.tsx)：滚动容器，自带原生滚动条
+- [`showDialog`](./src/Dialog/index.tsx)：函数式调用，显示一个弹框组件
+- [`showAlert`](./src/Alert/index.tsx)：函数式调用，模拟`window.alert`，但UI可定制
+- [`showToast|showUniqToast`](./src/Toast/index.tsx)：函数式调用，显示一个Toast组件
+- [`showLoading|showLoadingAtLeast`](./src/Loading/index.tsx)：函数式调用，显示一个Loading组件

package/build/Dialog/style.d.ts

@@ -1,7 +1,7 @@
 import { Keyframes } from "@emotion/serialize";
 export declare const maskHide: Keyframes;
-export declare type DialogType = "center" | "pullUp" | "pullDown" | "pullLeft" | "pullRight";
-export declare type AnimationStatus = "show" | "hide";
+export type DialogType = "center" | "pullUp" | "pullDown" | "pullLeft" | "pullRight";
+export type AnimationStatus = "show" | "hide";
 export declare function getAnimation(type: DialogType, status: AnimationStatus): {
     keyframes: Keyframes;
     animation: import("@emotion/utils").SerializedStyles;

package/build/Flex/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import * as CSS from "csstype";
+import * as CSS from 'csstype';
 export interface FlexProps extends React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     alignItems?: CSS.Property.AlignItems;

package/build/Flex/index.js

@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export function Flex(props) {
-    const { children, alignItems = "center", alignContent, justifyContent, flexFlow, flexWrap, flexDirection } = props, extra = __rest(props, ["children", "alignItems", "alignContent", "justifyContent", "flexFlow", "flexWrap", "flexDirection"]);
+    const { children, alignItems = 'center', alignContent, justifyContent, flexFlow, flexWrap, flexDirection } = props, extra = __rest(props, ["children", "alignItems", "alignContent", "justifyContent", "flexFlow", "flexWrap", "flexDirection"]);
     return (_jsx("div", Object.assign({ css: {
-            display: "flex",
+            display: 'flex',
             alignItems,
             alignContent,
             justifyContent,

package/build/index.d.ts

@@ -1,32 +1,32 @@
-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 } from "./utils/cssUtil";
-export { createApp, history, getHistory } from "./utils/createApp";
-export { useInterval } from "./Effect/useInterval";
-export { useTick } from "./Effect/useTick";
-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";
+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 { useInterval } from './Effect/useInterval';
+export { useTick } from './Effect/useTick';
+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';

package/build/index.js

@@ -1,32 +1,32 @@
-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 } from "./utils/cssUtil";
-export { createApp, history, getHistory } from "./utils/createApp";
-export { useInterval } from "./Effect/useInterval";
-export { useTick } from "./Effect/useTick";
-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";
+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 { useInterval } from './Effect/useInterval';
+export { useTick } from './Effect/useTick';
+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';

package/build/utils/Countdown.d.ts

@@ -1,8 +1,8 @@
-export declare type CountdownValueIndex = "d" | "h" | "i" | "s";
-export declare type CountdownValue = {
+export type CountdownValueIndex = "d" | "h" | "i" | "s";
+export type CountdownValue = {
     [key in CountdownValueIndex]?: number;
 };
-export declare type UpdateCallback = (value: CountdownValue) => void;
+export type UpdateCallback = (value: CountdownValue) => void;
 export interface CountdownOption {
     remain?: number | string;
     onUpdate?: UpdateCallback;

package/build/utils/ago.d.ts

@@ -1,5 +1,5 @@
 import dayjs from 'dayjs';
-export declare type AgoValue = {
+export type AgoValue = {
     num: number;
     unit: 'y' | 'm' | 'd' | 'h' | 'i' | 's';
     format: string;

package/build/utils/createApp.d.ts

@@ -2,12 +2,12 @@ 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 type RouteMethod = 'browser' | 'hash' | 'memory';
+export type AwaitValue<T> = T | Promise<T>;
 export interface CreateAppOption extends Omit<ContainerProps, 'children'>, ContextValue {
     onBeforeRenderPage?: (pathname?: string) => AwaitValue<void>;
     onAfterRenderPage?: (pathname?: string) => AwaitValue<void>;
-    renderLoading?: (pathname?: string) => AwaitValue<React.ReactNode>;
+    onLoadingPage?: (pathname?: string) => AwaitValue<React.ReactNode>;
     renderPage?: (pathname?: string) => AwaitValue<React.ReactNode>;
     routeMethod?: RouteMethod;
     defaultRoute?: string;

package/build/utils/createApp.js

@@ -51,7 +51,7 @@ export function createApp(option) {
             'designWidth',
             'globalStyle',
         ]);
-        const { onBeforeRenderPage, onAfterRenderPage, renderLoading, renderPage } = option;
+        const { onBeforeRenderPage, onAfterRenderPage, onLoadingPage, renderPage } = option;
         // 设置上下文属性
         setContextValue(context);
         /**
@@ -70,8 +70,8 @@ export function createApp(option) {
                     pathname = option.defaultRoute.replace(pathReg, '');
                 }
                 // 如果有loading，要先显示loading
-                if (typeof renderLoading === 'function') {
-                    setPage(yield (renderLoading === null || renderLoading === void 0 ? void 0 : renderLoading(pathname)));
+                if (typeof onLoadingPage === 'function') {
+                    setPage(yield (onLoadingPage === null || onLoadingPage === void 0 ? void 0 : onLoadingPage(pathname)));
                 }
                 // 加载页面之前可能会存在的逻辑
                 yield (onBeforeRenderPage === null || onBeforeRenderPage === void 0 ? void 0 : onBeforeRenderPage(pathname));

package/build/utils/request.d.ts

@@ -7,8 +7,8 @@
  * params: 请求体为URLSearchParams，data为JSON对象或URLSearchParams
  * buffer: 请求体data只能为ArrayBuffer、TypeArray、DataView
  */
-export declare type SendType = "normal" | "text" | "form" | "json" | "blob" | "params" | "buffer";
-export declare type SendDataType = BodyInit | Record<string, any>;
+export type SendType = "normal" | "text" | "form" | "json" | "blob" | "params" | "buffer";
+export type SendDataType = BodyInit | Record<string, any>;
 /**
  * 请求对象参数
  */
@@ -20,8 +20,8 @@ export interface RequestOption extends RequestInit {
     transmitPageParam?: boolean;
     timeout?: number;
 }
-export declare type BuildUrlOption = Pick<RequestOption, "url" | "data" | "disableUrlCache" | "transmitPageParam" | "sendType">;
-export declare type StandardAjaxResult = {
+export type BuildUrlOption = Pick<RequestOption, "url" | "data" | "disableUrlCache" | "transmitPageParam" | "sendType">;
+export type StandardAjaxResult = {
     code: number;
     message?: string;
     data?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clxx",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "Basic JS library for mobile devices",
   "main": "./build/index.js",
   "module": "./build/index.js",
@@ -9,7 +9,8 @@
   },
   "scripts": {
     "start": "tsc -w --pretty",
-    "build": "rm -rfv ./build && tsc"
+    "build": "rm -rfv ./build && tsc",
+    "pub": "npm run build && npm publish"
   },
   "repository": {
     "type": "git",
@@ -33,20 +34,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.0",
+    "@emotion/react": "^11.10.6",
     "dayjs": "^1.11.5",
     "history": "^5.3.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "swiper": "^8.3.2"
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.182",
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "@types/swiper": "^6.0.0",
+    "@types/react": "^18.0.37",
+    "@types/react-dom": "^18.0.11",
     "csstype": "^3.1.0",
-    "typescript": "^4.7.4"
+    "typescript": "^4.9.5"
   }
 }