@yeeyoon/library 3.3.6 → 3.3.9

package/lib/components/AvatarPackaged/index.jsx

@@ -24,7 +24,7 @@ const AvatarInfo = ({
 }) => {
 	const CustomAvatar =
 		mode === 'group' ? (
-			<div style={{ position: 'relative' }}>
+			<div className={styles['user-avatar-box']}>
 				<div
 					className={`${blocked ? styles.blocked : styles.unDisplay} ${
 						styles['user-avatar-blocked-scale']
@@ -41,9 +41,9 @@ const AvatarInfo = ({
 				/>
 			</div>
 		) : (
-			<span style={{ display: 'flex' }}>
+			<span style={{ display: 'flex', alignItems: 'center' }}>
 				{icon || name || id ? (
-					<div style={{ position: 'relative' }}>
+					<div className={styles['user-avatar-box']}>
 						<div
 							className={`${blocked ? styles.blocked : styles.unDisplay} ${
 								styles['user-avatar-blocked-scale']

package/lib/components/AvatarPackaged/style.less

@@ -1,3 +1,9 @@
+@import '~antd/es/style/themes/default.less';
+
+.user-avatar-box {
+	position: relative;
+	display: inline-block;
+}
 .user-avatar-scale {
 	&:hover {
 		transform: scale(1.2);

package/lib/config/env.js

@@ -101,6 +101,7 @@ export const HOST_OFFICIAL = getEnvHost('official');
 export const HOST_IAM = getEnvHost('iam', '/login');
 export const HOST_COLLAB = getEnvHost('collab');
 export const HOST_BPM = getEnvHost('bpm');
+export const HOST_PORTRAIT = getEnvHost('portrait');
 export const HOST_PROFILE_TASK = getEnvHost(
 	'profile',
 	'/task-center/home/list'
@@ -137,6 +138,7 @@ console.log(
 	`HOST_IAM: ${HOST_IAM}\n`,
 	`HOST_COLLAB: ${HOST_COLLAB}\n`,
 	`HOST_BPM: ${HOST_BPM}\n`,
+	`HOST_BPM: ${HOST_PORTRAIT}\n`,
 	`HOST_PROFILE_TASK: ${HOST_PROFILE_TASK}\n`,
 	`HOST_PROFILE_DASH_BOARD: ${HOST_PROFILE_DASH_BOARD}\n`,
 	`HOST_PROFILE_USER: ${HOST_PROFILE_USER}\n`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yeeyoon/library",
-  "version": "3.3.6",
+  "version": "3.3.9",
   "description": "宜云前端组件库和通用服务",
   "main": "index.js",
   "repository": {
@@ -22,7 +22,7 @@
   "dependencies": {
     "@ant-design/pro-layout": "^6.26.0",
     "@ant-design/pro-list": "^1.12.0",
-    "antd": "^4.18.6",
+    "antd": "^4.10.0",
     "dva": "^2.6.0-beta.6",
     "local-storage": "^2.0.0",
     "lodash": "^4.17.21",

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