From e5985be7eb6a00a850cd0376f2019276a0d94623 Mon Sep 17 00:00:00 2001
From: xujinmei <xu_jmei@heetian.com>
Date: Mon, 25 Sep 2023 23:25:50 +0800
Subject: [PATCH] style: hide the static legends and the legends data tab

---
 .../src/pages/Designer/Header/Header.tsx      |  4 +-
 .../pages/Designer/Properties/Properties.tsx  | 91 ++++++++++---------
 .../Designer/Properties/configurations.less   |  3 +-
 3 files changed, 54 insertions(+), 44 deletions(-)

diff --git a/solidui-web/src/pages/Designer/Header/Header.tsx b/solidui-web/src/pages/Designer/Header/Header.tsx
index 3d23557..402c1e0 100644
--- a/solidui-web/src/pages/Designer/Header/Header.tsx
+++ b/solidui-web/src/pages/Designer/Header/Header.tsx
@@ -116,7 +116,7 @@ function Header() {
 					</div>
 				</div>
 				<div className="header-center">
-					<Tooltip title="Bar Chart">
+					{/* <Tooltip title="Bar Chart">
 						<ChartHistogramTwo
 							theme="two-tone"
 							size="32"
@@ -132,7 +132,7 @@ function Header() {
 								});
 							}}
 						/>
-					</Tooltip>
+					</Tooltip> */}
 				</div>
 				<div className="header-right">
 					<Button
diff --git a/solidui-web/src/pages/Designer/Properties/Properties.tsx b/solidui-web/src/pages/Designer/Properties/Properties.tsx
index a550bd0..111e8a4 100644
--- a/solidui-web/src/pages/Designer/Properties/Properties.tsx
+++ b/solidui-web/src/pages/Designer/Properties/Properties.tsx
@@ -35,10 +35,10 @@ function Properties() {
 					key: "Style",
 					tab: "Style",
 				},
-				{
-					key: "Data",
-					tab: "Data",
-				},
+				// {
+				// 	key: "Data",
+				// 	tab: "Data",
+				// },
 			],
 		});
 
@@ -78,42 +78,49 @@ function Properties() {
 	function handleChangeOpen(type: string) {
 		const dom: any = document.getElementById("section-properties");
 		const DbConfig: any = document.getElementById("db-config");
-		const asideEastContainer : any = document.getElementById('aside-east__container');
+		const asideEastContainer: any = document.getElementById(
+			"aside-east__container",
+		);
 		if (type === "close") {
-			setModelWidth(dom.offsetWidth)
-			dom.style.width = 0
-			setModelOpen(false)
+			setModelWidth(dom.offsetWidth);
+			dom.style.width = 0;
+			setModelOpen(false);
 			if (DbConfig) {
-				DbConfig.style.display = 'none'
+				DbConfig.style.display = "none";
 			}
 			if (asideEastContainer) {
-				asideEastContainer.style.display = 'none'
+				asideEastContainer.style.display = "none";
 			}
 		} else {
-			dom.style.width = modelWidth + 'px'
-			setModelOpen(true)
+			dom.style.width = modelWidth + "px";
+			setModelOpen(true);
 			if (DbConfig) {
-				DbConfig.style.display = 'block'
+				DbConfig.style.display = "block";
 			}
 			if (asideEastContainer) {
-				asideEastContainer.style.display = 'block'
+				asideEastContainer.style.display = "block";
 			}
 		}
 	}
 
 	return (
 		<section id="section-properties" className="aside-east" ref={asideRef}>
-			<div className="aside-east__container" id="aside-east__container">{renderByPropertyKey()}</div>
-			{ modelOpen ? (
-				<div className="expand" style={{
-					position: "absolute",
-					left: 0,
-					top: 0,
-					zIndex: 99,
-					display: "flex",
-					alignItems: "center",
-					height: "100%"
-				}}>
+			<div className="aside-east__container" id="aside-east__container">
+				{renderByPropertyKey()}
+			</div>
+			{modelOpen ? (
+				<div
+					className="expand"
+					style={{
+						position: "absolute",
+						left: 0,
+						top: 0,
+						zIndex: 99,
+						display: "flex",
+						alignItems: "center",
+						height: "100%",
+					}}
+				>
 					<LeftExpand
 						theme="outline"
 						size="20"
@@ -122,23 +129,26 @@ function Properties() {
 						strokeLinejoin="miter"
 						strokeLinecap="square"
 						style={{
-							cursor: "pointer"
+							cursor: "pointer",
 						}}
 						onClick={() => {
-							handleChangeOpen('close')
+							handleChangeOpen("close");
 						}}
 					/>
 				</div>
-			): (
-				<div className="expand" style={{
-					position: "absolute",
-					left: -20,
-					top: 0,
-					zIndex: 99,
-					display: "flex",
-					alignItems: "center",
-					height: "100%"
-				}}>
+			) : (
+				<div
+					className="expand"
+					style={{
+						position: "absolute",
+						left: -20,
+						top: 0,
+						zIndex: 99,
+						display: "flex",
+						alignItems: "center",
+						height: "100%",
+					}}
+				>
 					<RightExpand
 						theme="outline"
 						size="20"
@@ -147,15 +157,14 @@ function Properties() {
 						strokeLinejoin="miter"
 						strokeLinecap="square"
 						style={{
-							cursor: "pointer"
+							cursor: "pointer",
 						}}
 						onClick={() => {
-							handleChangeOpen('open')
+							handleChangeOpen("open");
 						}}
 					/>
 				</div>
-			) }
-			
+			)}
 		</section>
 	);
 }
diff --git a/solidui-web/src/pages/Designer/Properties/configurations.less b/solidui-web/src/pages/Designer/Properties/configurations.less
index ca9d9fa..01a6309 100644
--- a/solidui-web/src/pages/Designer/Properties/configurations.less
+++ b/solidui-web/src/pages/Designer/Properties/configurations.less
@@ -64,7 +64,8 @@
 			height: 100%;
 			cursor: pointer;
 			// width: 33.33%;
-			width: 50%;
+			// width: 50%;
+			flex: 1;
 			font-size: 12px;
 
 			&.active {