@ioca/react 1.3.95 → 1.3.97

package/lib/index.js

@@ -36,12 +36,12 @@ function triggerRipple(target, e) {
     const [$box, $ripple] = createRipple();
     const rect = target.getBoundingClientRect();
     const size = Math.max(rect.width, rect.height) * 2;
-    $ripple.style.cssText = `
-        left: ${e.pageX - rect.left}px;
-        top: ${e.pageY - rect.top}px;
-        width: ${size}px;
-        height: ${size}px;
-        transition: all ${TIMEOUT / 1000}s;
+    $ripple.style.cssText = `
+        left: ${e.pageX - rect.left}px;
+        top: ${e.pageY - rect.top}px;
+        width: ${size}px;
+        height: ${size}px;
+        transition: all ${TIMEOUT / 1000}s;
     `;
     target.insertAdjacentElement("afterbegin", $box);
     target.offsetHeight;
@@ -2457,6 +2457,8 @@ function Content(props) {
         onRotate?.(state.rotate);
     };
     const handleMouseWheel = throttle({ interval: 60 }, (e) => {
+        e.stopPropagation();
+        e.preventDefault();
         if (!isImage)
             return;
         let after = state.scale + (e.deltaY < 0 ? 0.05 : -0.05);
@@ -2586,7 +2588,6 @@ const Image = (props) => {
         state.status = undefined;
     };
     const handleClick = (e) => {
-        e.stopPropagation();
         onClick?.(e);
         if (!previewable || !src)
             return;
@@ -2760,7 +2761,7 @@ const Textarea = (props) => {
     const handleChange = (e) => {
         const v = e.target.value;
         state.value = v;
-        const ta = refTextarea.current?.firstChild;
+        const ta = refTextarea.current;
         if (autoSize && ta) {
             ta.style.height = `${ta.scrollHeight}px`;
         }
@@ -2775,8 +2776,13 @@ const Textarea = (props) => {
     useEffect(() => {
         state.value = value;
     }, [value]);
+    useImperativeHandle(ref, () => {
+        return {
+            input: refTextarea.current,
+        };
+    });
     const inputProps = {
-        ref,
+        ref: refTextarea,
         name,
         value: state.value,
         className: "i-input i-textarea",
@@ -2784,7 +2790,7 @@ const Textarea = (props) => {
         onKeyDown: handleKeydown,
         ...restProps,
     };
-    return (jsx(InputContainer, { label: label, labelInline: labelInline, className: className, style: { width, ...style }, tip: message ?? tip, status: status, children: jsx("div", { ref: refTextarea, className: classNames("i-input-item", {
+    return (jsx(InputContainer, { label: label, labelInline: labelInline, className: className, style: { width, ...style }, tip: message ?? tip, status: status, children: jsx("div", { className: classNames("i-input-item", {
                 [`i-input-${status}`]: status !== "normal",
                 "i-input-borderless": !border,
             }), children: jsx("textarea", { ...inputProps }) }) }));
@@ -2994,6 +3000,12 @@ message.warning = (content) => {
         className: "bg-warning",
     });
 };
+message.info = (content) => {
+    return message({
+        content,
+        className: "bg-blue",
+    });
+};
 message.one = (config) => {
     const o = handler.oneInstance;
     if (o) {

package/lib/types/components/input/type.d.ts

@@ -10,10 +10,13 @@ interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>,
     hideVisible?: boolean;
 }
 interface ITextarea extends Omit<BaseInput, "ref">, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {
-    ref?: RefObject<HTMLTextAreaElement | null>;
+    ref?: RefObject<RefTextarea | null>;
     autoSize?: boolean;
     width?: string | number;
 }
+interface RefTextarea {
+    input: HTMLTextAreaElement | null;
+}
 interface IInputNumber extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "defaultValue"> {
     value?: string | number;
     prepend?: ReactNode;
@@ -45,4 +48,4 @@ type CompositionInput = ForwardRefExoticComponent<IInput> & {
     Range: typeof Range;
 };
 
-export type { CompositionInput, IInput, IInputNumber, IInputRange, ITextarea };
+export type { CompositionInput, IInput, IInputNumber, IInputRange, ITextarea, RefTextarea };

package/lib/types/components/message/message.d.ts

@@ -18,6 +18,10 @@ declare namespace message {
         instance: IMessage;
         close: () => void;
     };
+    var info: (content: ReactNode) => {
+        instance: IMessage;
+        close: () => void;
+    };
     var one: (config: IMessage) => void;
 }
 

package/lib/types/js/useTheme/index.d.ts

@@ -1,4 +1,4 @@
-import * as ahooks_lib_createUseStorageState from '/Users/iann/codes/ioca-react/node_modules/ahooks/lib/createUseStorageState/index.d.ts';
+import * as ahooks_lib_createUseStorageState from 'D:\\codes\\ioca-react\\node_modules\\ahooks\\lib\\createUseStorageState\\index.d.ts';
 import { ITheme } from './type.js';
 
 declare const useTheme: (props?: ITheme) => {

package/package.json

@@ -1,101 +1,102 @@
-{
-	"name": "@ioca/react",
-	"version": "1.3.95",
-	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "tsc && vite build",
-		"preview": "vite preview",
-		"make": "node templates/index.js",
-		"lib": "rm -rf lib && npx rollup -c"
-	},
-	"dependencies": {
-		"@rc-component/color-picker": "^2.0.1",
-		"@ricons/material": "^0.12.0",
-		"ahooks": "^3.8.1",
-		"classnames": "^2.5.1",
-		"dayjs": "^1.11.13",
-		"highlight-words-core": "^1.2.3",
-		"pubsub-js": "^1.9.5",
-		"radash": "^12.1.0",
-		"react": "^19.0.0",
-		"react-dom": "^19.0.0",
-		"react-easy-sort": "^1.6.0",
-		"react-router": "^7.1.1",
-		"xss": "^1.0.15"
-	},
-	"devDependencies": {
-		"@rollup/plugin-commonjs": "^28.0.3",
-		"@rollup/plugin-node-resolve": "^15.3.0",
-		"@rollup/plugin-terser": "^0.4.4",
-		"@rollup/plugin-typescript": "^12.1.1",
-		"@types/mockjs": "^1.0.10",
-		"@types/node": "^22.10.1",
-		"@types/pubsub-js": "^1.8.5",
-		"@types/react": "^19.0.4",
-		"@vitejs/plugin-react": "^4.3.3",
-		"chalk": "^5.4.1",
-		"fs": "^0.0.1-security",
-		"mockjs": "^1.1.0",
-		"path": "^0.12.7",
-		"react-custom-scrollbars-2": "^4.5.0",
-		"react-syntax-highlighter": "^15.6.1",
-		"rollup": "^4.28.0",
-		"rollup-plugin-dts": "^6.1.1",
-		"rollup-plugin-peer-deps-external": "^2.2.4",
-		"rollup-plugin-scss": "^4.0.0",
-		"sass": "^1.86.0",
-		"typescript": "^5.7.2",
-		"vite": "^6.0.2",
-		"vite-plugin-dynamic-import": "^1.6.0"
-	},
-	"peerDependencies": {
-		"react": ">=16.8.0",
-		"react-dom": ">=16.8.0"
-	},
-	"main": "lib/cjs/index.js",
-	"module": "lib/es/index.js",
-	"types": "lib/types/index.d.ts",
-	"exports": {
-		".": {
-			"types": "./lib/types/index.d.ts",
-			"import": "./lib/es/index.js",
-			"require": "./lib/cjs/index.js"
-		},
-		"./index.css": "./lib/css/index.css",
-		"./*": {
-			"types": "./lib/types/*.d.ts",
-			"import": "./lib/es/*.js",
-			"require": "./lib/cjs/*.js"
-		}
-	},
-	"files": [
-		"lib"
-	],
-	"publishConfig": {
-		"access": "public"
-	},
-	"license": "MIT",
-	"description": "ioca react ui components",
-	"directories": {
-		"doc": "docs"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/MunGaaKei/ioca-react.git"
-	},
-	"keywords": [
-		"ioca",
-		"react ui",
-		"components"
-	],
-	"author": "iannman",
-	"bugs": {
-		"url": "https://github.com/MunGaaKei/ioca-react/issues"
-	},
-	"homepage": "https://github.com/MunGaaKei/ioca-react#readme",
-	"sideEffects": [
-		"*.css",
-		"*.scss"
-	]
-}
+{
+	"name": "@ioca/react",
+	"version": "1.3.97",
+	"type": "module",
+	"scripts": {
+		"dev": "vite",
+		"build": "tsc && vite build",
+		"preview": "vite preview",
+		"make": "node templates/index.js",
+		"lib": "rimraf lib && npx rollup -c"
+	},
+	"dependencies": {
+		"@rc-component/color-picker": "^2.0.1",
+		"@ricons/material": "^0.12.0",
+		"ahooks": "^3.8.1",
+		"classnames": "^2.5.1",
+		"dayjs": "^1.11.13",
+		"highlight-words-core": "^1.2.3",
+		"pubsub-js": "^1.9.5",
+		"radash": "^12.1.0",
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0",
+		"react-easy-sort": "^1.6.0",
+		"react-router": "^7.1.1",
+		"xss": "^1.0.15"
+	},
+	"devDependencies": {
+		"@rollup/plugin-commonjs": "^28.0.3",
+		"@rollup/plugin-node-resolve": "^15.3.0",
+		"@rollup/plugin-terser": "^0.4.4",
+		"@rollup/plugin-typescript": "^12.1.1",
+		"@types/mockjs": "^1.0.10",
+		"@types/node": "^22.10.1",
+		"@types/pubsub-js": "^1.8.5",
+		"@types/react": "^19.0.4",
+		"@vitejs/plugin-react": "^4.3.3",
+		"chalk": "^5.4.1",
+		"fs": "^0.0.1-security",
+		"mockjs": "^1.1.0",
+		"path": "^0.12.7",
+		"react-custom-scrollbars-2": "^4.5.0",
+		"react-syntax-highlighter": "^15.6.1",
+		"rimraf": "^6.0.1",
+		"rollup": "^4.28.0",
+		"rollup-plugin-dts": "^6.1.1",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"rollup-plugin-scss": "^4.0.0",
+		"sass": "^1.86.0",
+		"typescript": "^5.7.2",
+		"vite": "^6.0.2",
+		"vite-plugin-dynamic-import": "^1.6.0"
+	},
+	"peerDependencies": {
+		"react": ">=16.8.0",
+		"react-dom": ">=16.8.0"
+	},
+	"main": "lib/cjs/index.js",
+	"module": "lib/es/index.js",
+	"types": "lib/types/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./lib/types/index.d.ts",
+			"import": "./lib/es/index.js",
+			"require": "./lib/cjs/index.js"
+		},
+		"./index.css": "./lib/css/index.css",
+		"./*": {
+			"types": "./lib/types/*.d.ts",
+			"import": "./lib/es/*.js",
+			"require": "./lib/cjs/*.js"
+		}
+	},
+	"files": [
+		"lib"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"license": "MIT",
+	"description": "ioca react ui components",
+	"directories": {
+		"doc": "docs"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/MunGaaKei/ioca-react.git"
+	},
+	"keywords": [
+		"ioca",
+		"react ui",
+		"components"
+	],
+	"author": "iannman",
+	"bugs": {
+		"url": "https://github.com/MunGaaKei/ioca-react/issues"
+	},
+	"homepage": "https://github.com/MunGaaKei/ioca-react#readme",
+	"sideEffects": [
+		"*.css",
+		"*.scss"
+	]
+}