clxx 2.0.6 → 2.0.8

package/README.md

@@ -1,3 +1,2 @@
 # v2.0.0 
 
-Completely reconstructed，Documentation coming soon...

package/build/Clickable/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 /**
  * 可触摸元素的属性，兼容PC
  */

package/build/Clickable/index.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useCallback, useRef, useState, useEffect, } from "react";
-import { is } from "../utils/is";
+import { useCallback, useRef, useState, useEffect, } from 'react';
+import { is } from '../utils/is';
 export function Clickable(props) {
     let { children, bubble = true, className, activeClassName, style, activeStyle, disable = false } = props, attrs = __rest(props, ["children", "bubble", "className", "activeClassName", "style", "activeStyle", "disable"]);
     // 如果激活样式和激活类都不存在，则设置激活默认样式
@@ -20,9 +20,14 @@ export function Clickable(props) {
             opacity: 0.6,
         };
     }
-    const touchable = is("touchable");
+    const touchable = is('touchable');
     const [boxClass, setBoxClass] = useState(className);
     const [boxStyle, setBoxStyle] = useState(style);
+    // 监控属性的更新
+    useEffect(() => {
+        setBoxClass(className);
+        setBoxStyle(style);
+    }, [className, style]);
     // 标记是否正处于触摸状态
     const touchRef = useRef(false);
     const onStart = (event) => {
@@ -33,13 +38,13 @@ export function Clickable(props) {
                 event.stopPropagation();
             }
             // 激活目标样式
-            if (typeof activeClassName === "string") {
-                setBoxClass(typeof boxClass === "string"
+            if (typeof activeClassName === 'string') {
+                setBoxClass(typeof boxClass === 'string'
                     ? `${boxClass} ${activeClassName}`
                     : activeClassName);
             }
-            if (typeof activeStyle === "object") {
-                setBoxStyle(typeof boxStyle === "object"
+            if (typeof activeStyle === 'object') {
+                setBoxStyle(typeof boxStyle === 'object'
                     ? Object.assign(Object.assign({}, boxStyle), activeStyle) : activeStyle);
             }
         }
@@ -56,9 +61,9 @@ export function Clickable(props) {
     useEffect(() => {
         if (!disable && !touchable) {
             const doc = document.documentElement;
-            doc.addEventListener("mouseup", onEnd);
+            doc.addEventListener('mouseup', onEnd);
             return () => {
-                doc.removeEventListener("mouseup", onEnd);
+                doc.removeEventListener('mouseup', onEnd);
             };
         }
     }, [disable, touchable, onEnd]);

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

@@ -3,7 +3,7 @@ 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 } from "./utils/request";
+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";

package/build/index.js

@@ -3,7 +3,7 @@ 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 } from "./utils/request";
+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";

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.6",
+  "version": "2.0.8",
   "description": "Basic JS library for mobile devices",
   "main": "./build/index.js",
   "module": "./build/index.js",
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "start": "tsc -w --pretty",
-    "build": "node ./scripts/clear.js && tsc"
+    "build": "rm -rfv ./build && tsc"
   },
   "repository": {
     "type": "git",
@@ -33,20 +33,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"
   }
 }