@ioca/react 1.4.61 → 1.4.63

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;
@@ -763,7 +763,7 @@ function Cell(props) {
     const style = getCellStyle({ justify, fixed, col, row, rowSpan });
     return (jsx("div", { className: classNames("i-datagrid-cell", {
             [`i-datagrid-cell-fixed-${fixed}`]: fixed,
-        }), "data-col": id, style: style, onClick: (e) => onCellClick?.(data, column, row, col, e), onDoubleClick: (e) => onCellDoubleClick?.(data, column, row, col, e), children: render?.(data[id], data, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
+        }), "data-col": id, style: style, onClick: (e) => onCellClick?.(data, column, row, col, e), onDoubleClick: (e) => onCellDoubleClick?.(data, column, row, col, e), children: render?.(data[id], data, row, col) ?? (jsx("div", { className: classNames("i-datagrid-cell-content", {
                 "i-datagrid-cell-content-ellipsis": cellEllipsis,
             }), children: data[id] })) }));
 }
@@ -968,7 +968,7 @@ function Header$1(props) {
 }
 
 const Datagrid = (props) => {
-    const { data = [], columns = [], border, striped, header = true, resizable, cellPadding = ".5em", cellEllipsis, empty = jsx(Empty, {}), loading, height = "unset", style, className, renderLoading = () => jsx(Loading, { size: '1.5em', className: 'color-3' }), onCellClick, onRowClick, onHeaderClick, onSort, onScroll, onResize, } = props;
+    const { data = [], columns = [], border, striped, header = true, resizable, cellPadding = ".5em", cellEllipsis, empty = jsx(Empty, {}), loading, height = "unset", style, className, renderLoading = () => (jsx(Loading, { size: '1.5em', className: 'color-3', absolute: true })), onCellClick, onRowClick, onCellDoubleClick, onHeaderClick, onSort, onScroll, onResize, } = props;
     const container = useRef(null);
     const state = useReactive({
         rows: data,
@@ -1066,7 +1066,7 @@ const Datagrid = (props) => {
             "i-datagrid-striped": striped,
         }), children: [jsxs("div", { ref: container, className: classNames("i-datagrid", {
                     "i-datagrid-loading": loading,
-                }), onWheel: onScroll, children: [header && (jsx(Header$1, { columns: columns, resizable: resizable, sortType: state.sortType, sortBy: state.sortBy, cellEllipsis: cellEllipsis, onWidthChange: handleWidthChange, onHeaderClick: handleHeaderClick })), rows.map((row, i) => (jsx(Row, { row: i + (header ? 1 : 0), data: row, cellEllipsis: cellEllipsis, columns: columns, onCellClick: onCellClick, onRowClick: onRowClick }, i))), rows.length < 1 && empty] }), loading && renderLoading()] }));
+                }), onWheel: onScroll, children: [header && (jsx(Header$1, { columns: columns, resizable: resizable, sortType: state.sortType, sortBy: state.sortBy, cellEllipsis: cellEllipsis, onWidthChange: handleWidthChange, onHeaderClick: handleHeaderClick })), rows.map((row, i) => (jsx(Row, { row: i + (header ? 1 : 0), data: row, cellEllipsis: cellEllipsis, columns: columns, onCellClick: onCellClick, onRowClick: onRowClick, onCellDoubleClick: onCellDoubleClick }, i))), rows.length < 1 && empty] }), loading && renderLoading()] }));
 };
 
 const Description = (props) => {
@@ -1258,6 +1258,8 @@ function Popup(props) {
         statusRef.current = "showing";
         state.show = true;
         timerRef.current = setTimeout(() => {
+            if (statusRef.current !== "showing")
+                return;
             requestAnimationFrame(() => {
                 if (statusRef.current !== "showing")
                     return;
@@ -1411,7 +1413,9 @@ function Popup(props) {
         handleToggle(visible);
     }, [visible]);
     useEffect(() => {
-        clearTimer();
+        return () => {
+            clearTimer();
+        };
     }, []);
     return (jsxs(Fragment, { children: [Children.map(children, (child) => {
                 if (!isValidElement(child))
@@ -1450,6 +1454,9 @@ const Item$3 = (props) => {
 const Dropdown = (props) => {
     const { visible, width, content, children, ...restProps } = props;
     const [active, setActive] = useState(visible);
+    if (!content) {
+        return children;
+    }
     return (jsx(Popup, { trigger: 'click', position: 'bottom', content: jsx(List$1, { className: 'i-dropdown-content', style: { minWidth: width }, children: typeof content === "function"
                 ? content(() => setActive(false))
                 : content }), ...restProps, touchable: true, visible: active, onVisibleChange: setActive, children: children }));
@@ -2815,7 +2822,7 @@ const Textarea = (props) => {
 };
 
 const Input = ((props) => {
-    const { ref, type = "text", label, name, value = "", prepend, append, labelInline, className, status = "normal", message, tip, clear, width, hideVisible, border, underline, required, maxLength, onChange, onEnter, style, ...restProps } = props;
+    const { ref, type = "text", label, name, value = "", prepend, append, labelInline, className, status = "normal", message, tip, clear, width, hideVisible, border, underline, required, maxLength, onChange, onEnter, onClear, style, ...restProps } = props;
     const state = useReactive({
         value,
         type,
@@ -2839,6 +2846,7 @@ const Input = ((props) => {
         }
         const v = "";
         onChange?.(v);
+        onClear?.();
     };
     const HelperIcon = useMemo(() => {
         if (type === "password") {

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

@@ -10,8 +10,8 @@ interface IColumn {
     colSpan?: number;
     width?: string;
     fixed?: "left" | "right";
-    render?: (value?: any, data?: IData, index?: number) => ReactNode;
-    renderHeader?: (column?: IColumn, index?: number) => ReactNode;
+    render?: (value?: any, data?: IData, row?: number, col?: number) => ReactNode;
+    renderHeader?: (column?: IColumn, col?: number) => ReactNode;
 }
 interface IDatagrid {
     data: IData[];

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

@@ -1,8 +1,9 @@
 import { IDropdown, IDropItem } from './type.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 
 declare const Dropdown: {
-    (props: IDropdown): react_jsx_runtime.JSX.Element;
+    (props: IDropdown): string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode>> | react_jsx_runtime.JSX.Element;
     Item: (props: IDropItem) => react_jsx_runtime.JSX.Element;
 };
 

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

@@ -8,6 +8,7 @@ interface IInput extends BaseInput, Omit<InputHTMLAttributes<HTMLInputElement>,
     prepend?: ReactNode;
     append?: ReactNode;
     hideVisible?: boolean;
+    onClear?: () => void;
 }
 interface ITextarea extends Omit<BaseInput, "ref">, Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "defaultValue" | "onChange"> {
     ref?: RefObject<RefTextarea | null>;

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,102 +1,102 @@
-{
-	"name": "@ioca/react",
-	"version": "1.4.61",
-	"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": "^7.1.9",
-		"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.4.63",
+	"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": "^7.1.9",
+		"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"
+	]
+}