x-star-design 0.0.61 → 0.0.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles/index.css
CHANGED
|
@@ -551,10 +551,14 @@
|
|
|
551
551
|
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-img {
|
|
552
552
|
font-size: 44px;
|
|
553
553
|
}
|
|
554
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-img > .anticon {
|
|
555
|
+
margin-right: 0;
|
|
556
|
+
}
|
|
554
557
|
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav > .x-star-design-tabs-nav-wrap > .x-star-design-tabs-nav-list > .x-star-design-tabs-tab > .x-star-design-tabs-tab-btn > .x-star-design-icon-pane > .x-star-design-icon-title {
|
|
555
558
|
margin-top: -5px;
|
|
556
559
|
padding-bottom: 10px;
|
|
557
560
|
display: block;
|
|
561
|
+
white-space: normal;
|
|
558
562
|
}
|
|
559
563
|
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder {
|
|
560
564
|
flex: 1;
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import type { AvatarProps } from 'antd';
|
|
1
|
+
import type { AvatarProps, TooltipProps } from 'antd';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
interface UserAvatarProps extends AvatarProps {
|
|
4
4
|
user: {
|
|
5
5
|
realName?: string;
|
|
6
6
|
userName?: string;
|
|
7
7
|
} | null | undefined;
|
|
8
|
+
tooltipProps?: TooltipProps;
|
|
8
9
|
}
|
|
9
|
-
declare const UserAvatar: React.
|
|
10
|
+
declare const UserAvatar: ({ user, tooltipProps, style, ...props }: UserAvatarProps) => React.JSX.Element;
|
|
10
11
|
export default UserAvatar;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
4
|
-
var _excluded = ["user", "style"];
|
|
4
|
+
var _excluded = ["user", "tooltipProps", "style"];
|
|
5
5
|
import { Avatar, Tooltip } from 'antd';
|
|
6
6
|
import randomColor from 'randomcolor';
|
|
7
7
|
import React, { useMemo } from 'react';
|
|
8
8
|
import ConfigProviderWrapper from "../config-provider-wrapper";
|
|
9
9
|
var UserAvatar = function UserAvatar(_ref) {
|
|
10
|
-
var _ref2, _ref2$filter;
|
|
11
10
|
var user = _ref.user,
|
|
11
|
+
tooltipProps = _ref.tooltipProps,
|
|
12
12
|
style = _ref.style,
|
|
13
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
-
var name =
|
|
14
|
+
var name = [user === null || user === void 0 ? void 0 : user.realName, user === null || user === void 0 ? void 0 : user.userName].filter(Boolean).join(' | ') || 'Unknown';
|
|
15
15
|
var background = useMemo(function () {
|
|
16
16
|
return randomColor({
|
|
17
17
|
luminosity: 'bright',
|
|
@@ -19,14 +19,13 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
19
19
|
format: 'rgb'
|
|
20
20
|
});
|
|
21
21
|
}, [name]);
|
|
22
|
-
return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
|
|
23
|
-
title:
|
|
24
|
-
}, /*#__PURE__*/React.createElement(Avatar, _extends({
|
|
22
|
+
return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
23
|
+
title: (user === null || user === void 0 ? void 0 : user.realName) || 'Unknown'
|
|
24
|
+
}, tooltipProps), /*#__PURE__*/React.createElement(Avatar, _extends({
|
|
25
|
+
"data-testid": "userAvatar",
|
|
25
26
|
style: _objectSpread({
|
|
26
27
|
background: background
|
|
27
28
|
}, style)
|
|
28
|
-
}, props,
|
|
29
|
-
"data-testid": 'userAvatar'
|
|
30
|
-
}), name[0].toUpperCase())));
|
|
29
|
+
}, props), name[0].toUpperCase())));
|
|
31
30
|
};
|
|
32
31
|
export default UserAvatar;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "x-star-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.63",
|
|
4
4
|
"description": "A react component library developed by turingstar",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|
|
84
84
|
"@types/react-window": "^1.8.5",
|
|
85
85
|
"@umijs/lint": "^4.0.0",
|
|
86
|
-
"antd": "^5.17.
|
|
86
|
+
"antd": "^5.17.2",
|
|
87
87
|
"babel-plugin-inline-import-data-uri": "^1.0.1",
|
|
88
88
|
"dayjs": "^1.11.11",
|
|
89
89
|
"dumi": "^2.2.0",
|