clxx 2.0.6 → 2.0.7

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clxx",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "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",