@yeeyoon/library 3.2.0 → 3.2.4

package/lib/components/{InfoCart/index.js → InfoCard/index.jsx}

@@ -7,7 +7,7 @@ import { QuestionCircleOutlined } from '@ant-design/icons';
 import { queryOidcUserCardData } from './service';
 
 function InfoCart(props) {
-	const { baseMsg } = props;
+	const { baseMsg, ...rest } = props;
 	const reg = /^(\d{3})\d*(\d{4})$/;
 	const [cardData, setCardData] = useState({});
 	const [chartData, setChartData] = useState({});
@@ -48,9 +48,11 @@ function InfoCart(props) {
 	};
 	useEffect(() => {
 		getCardData();
-	}, [baseMsg.userId]);
+	}, [baseMsg.userId, baseMsg.id]);
 	const getCardData = async () => {
-		const resp = await queryOidcUserCardData({ id: baseMsg.userId });
+		const resp = await queryOidcUserCardData({
+			id: baseMsg.userId || baseMsg?.id,
+		});
 		const { success, data } = resp;
 		if (success) {
 			if (data.content.length > 0) {
@@ -68,19 +70,19 @@ function InfoCart(props) {
 		}
 	};
 	return (
-		<div className={styles['info-cart-content']}>
+		<div className={styles['info-cart-content']} {...rest}>
 			<div className={styles['info-cart-base']}>
 				<Image
 					width="50px"
 					height="50px"
 					preview={false}
 					style={{ borderRadius: '5px' }}
-					src={baseMsg?.headUrl}
+					src={baseMsg?.headUrl || baseMsg?.icon}
 				/>
 				<div className={styles['info-cart-np']}>
 					<span>{baseMsg?.name}</span>
 					<span style={{ marginTop: '6px', fontSize: '12px' }}>
-						{(baseMsg?.mobile || '').replace(reg, '$1****$2')}
+						{(baseMsg?.mobile || baseMsg?.phone || '').replace(reg, '$1****$2')}
 					</span>
 				</div>
 			</div>
@@ -118,9 +120,10 @@ function InfoCart(props) {
 						type="monotone"
 						dataKey="贡献数据数"
 						stroke="#7367F0"
-						strokeWidth="1.5"
+						strokeWidth="2"
+						dot={false}
 					/>
-					<Tooltip />
+					<Tooltip cursor={false} />
 					<XAxis dataKey="name" style={{ display: 'none' }} />
 				</LineChart>
 			</div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yeeyoon/library",
-  "version": "3.2.0",
+  "version": "3.2.4",
   "description": "宜云前端组件库和通用服务",
   "main": "index.js",
   "repository": {

package/src/global.css

@@ -4,7 +4,7 @@ html, body, #root {
 
 body {
   margin: 0;
-	/* background-color: #000 !important; */
+	background-color: #000 !important;
 }
 
 body * {

package/src/pages/index.js

@@ -1,17 +1,14 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
 import Header from '../../lib/components/Header/';
-import TenantSelector from '../../lib/components/TenantSelector';
 
 // eslint-disable-next-line react/display-name
 export default function () {
-	return (
-		<>
-			<Header productName="bpm" slot={<div>nasa</div>} />
-			<TenantSelector
-				tenantId="b7b0e19414927b878814094f33b43543"
-				appId="bbe5c8f0063711ecb0c00c42a1ff8370"
-				tenantIdChangeCb={() => {}}
-			/>
-		</>
-	);
+	const [tenantId, setTenantId] = useState('');
+	useEffect(() => {
+		setTimeout(() => {
+			setTenantId('053a033a063711ecb0c00c42a1ff8370');
+			// setTenantId('f12a71b6063611ecb0c00c42a1ff8370');
+		}, 3000);
+	}, []);
+	return <Header productName="bpm" tenantId={tenantId} />;
 }