@ecoding/components.antd.layout
Advanced tools
@@ -9,3 +9,3 @@ import React from "react"; | ||
| loading?: boolean; | ||
| offsetY?: number; | ||
| offsetY?: number | "auto"; | ||
| ovx?: boolean; | ||
@@ -12,0 +12,0 @@ ovy?: boolean; |
@@ -18,8 +18,15 @@ import React, { memo, useEffect, useRef, useState } from "react"; | ||
| useEffect(() => { | ||
| if (ref.current) { | ||
| if (offsetY === "auto") { | ||
| const thead = ref.current.querySelector("thead"); | ||
| asyncGetTableY(ref.current, thead.clientHeight ? thead.clientHeight : offsetY).then((yy) => { | ||
| asyncGetTableY(ref.current, thead.clientHeight && thead.clientHeight + 64).then((yy) => { | ||
| setTY(yy); | ||
| }); | ||
| return; | ||
| } | ||
| if (ref.current) { | ||
| asyncGetTableY(ref.current, offsetY).then((yy) => { | ||
| setTY(yy); | ||
| }); | ||
| return; | ||
| } | ||
| }, [header, loading]); | ||
@@ -29,3 +36,3 @@ return (React.createElement("div", { style: style || flexColumnStyle, className: `${className || ""}` }, | ||
| React.createElement("div", { style: flexColumnContentStyle }, | ||
| table ? (React.createElement("div", { style: { height: "100%" }, ref: ref }, React.cloneElement(table, { y: ty }))) : null, | ||
| table ? (React.createElement("div", { style: { height: "100%", overflow: "hidden" }, ref: ref }, React.cloneElement(table, { y: ty }))) : null, | ||
| children))); | ||
@@ -32,0 +39,0 @@ }); |
+2
-2
| { | ||
| "name": "@ecoding/components.antd.layout", | ||
| "version": "0.0.14", | ||
| "version": "0.0.15", | ||
| "author": "cxc", | ||
@@ -26,3 +26,3 @@ "homepage": "", | ||
| }, | ||
| "gitHead": "8bd3abe6ec17daec99b00b3e5f6d832494faec7d" | ||
| "gitHead": "bee3d97e84f27ef4c6882349be7b57f1328688d3" | ||
| } |
10328
2.14%256
2.81%