x-star-design 0.0.60 → 0.0.62
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
|
@@ -515,66 +515,58 @@
|
|
|
515
515
|
.x-star-design-x-tabs-wrapper {
|
|
516
516
|
width: 100%;
|
|
517
517
|
}
|
|
518
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs
|
|
518
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs {
|
|
519
519
|
width: 100%;
|
|
520
520
|
min-height: 80vh;
|
|
521
|
-
|
|
521
|
+
display: flex;
|
|
522
522
|
background-color: #fff;
|
|
523
|
-
color: #9e9e9e;
|
|
524
523
|
}
|
|
525
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-nav
|
|
524
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-nav {
|
|
526
525
|
background-color: var(--x-tabs-secondary-color);
|
|
527
526
|
}
|
|
528
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs.x-star-design-tabs-
|
|
527
|
+
.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 {
|
|
529
528
|
width: 130px;
|
|
530
529
|
height: 130px;
|
|
531
|
-
background-color: unset;
|
|
532
530
|
display: flex;
|
|
533
|
-
align-content: center;
|
|
534
531
|
align-items: center;
|
|
535
532
|
justify-content: center;
|
|
536
|
-
|
|
533
|
+
text-align: center;
|
|
537
534
|
color: #9e9e9e;
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
background-color: #fff;
|
|
535
|
+
background-color: unset;
|
|
536
|
+
border: 0;
|
|
537
|
+
box-sizing: border-box;
|
|
542
538
|
transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
543
|
-
border-radius: 0;
|
|
544
539
|
}
|
|
545
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs.x-star-design-tabs .x-star-design-tabs-tab:hover {
|
|
540
|
+
.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:hover {
|
|
546
541
|
color: var(--x-tabs-primary-color);
|
|
547
542
|
}
|
|
548
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-tab-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-content-holder {
|
|
553
|
-
border-left: 0;
|
|
554
|
-
}
|
|
555
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-content {
|
|
556
|
-
display: flex;
|
|
557
|
-
width: 100%;
|
|
558
|
-
height: 100%;
|
|
559
|
-
border: 1px solid #d7d7d7;
|
|
560
|
-
padding: 0 20px;
|
|
561
|
-
}
|
|
562
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-tabpane {
|
|
563
|
-
padding: 0 24px 24px;
|
|
543
|
+
.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-active {
|
|
544
|
+
background-color: #fff;
|
|
545
|
+
border-left: 6px solid var(--x-tabs-primary-color);
|
|
546
|
+
border-radius: 0;
|
|
564
547
|
}
|
|
565
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-tabs-tab-icon {
|
|
548
|
+
.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-tabs-tab-icon {
|
|
566
549
|
display: none;
|
|
567
550
|
}
|
|
568
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-icon-img {
|
|
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 {
|
|
569
552
|
font-size: 44px;
|
|
570
553
|
}
|
|
571
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-icon-
|
|
572
|
-
margin: 0;
|
|
573
|
-
}
|
|
574
|
-
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs .x-star-design-icon-title {
|
|
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-title {
|
|
575
555
|
margin-top: -5px;
|
|
576
556
|
padding-bottom: 10px;
|
|
577
557
|
display: block;
|
|
578
|
-
|
|
579
|
-
|
|
558
|
+
}
|
|
559
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder {
|
|
560
|
+
flex: 1;
|
|
561
|
+
border-left: 0;
|
|
562
|
+
}
|
|
563
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder > .x-star-design-tabs-content {
|
|
564
|
+
height: 100%;
|
|
565
|
+
padding: 0 20px;
|
|
566
|
+
display: flex;
|
|
567
|
+
border: 1px solid #d7d7d7;
|
|
568
|
+
box-sizing: border-box;
|
|
569
|
+
}
|
|
570
|
+
.x-star-design-x-tabs-wrapper > .x-star-design-x-tabs > .x-star-design-tabs-content-holder > .x-star-design-tabs-content > .x-star-design-tabs-tabpane {
|
|
571
|
+
padding: 0 24px 24px;
|
|
580
572
|
}
|
|
@@ -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/dist/x-tabs/index.js
CHANGED
|
@@ -49,9 +49,9 @@ var XTabs = function XTabs(_ref) {
|
|
|
49
49
|
className: "".concat(prefix, "-icon-pane")
|
|
50
50
|
}, /*#__PURE__*/React.createElement("div", {
|
|
51
51
|
className: "".concat(prefix, "-icon-img")
|
|
52
|
-
}, item.icon), /*#__PURE__*/React.createElement("
|
|
52
|
+
}, item.icon), /*#__PURE__*/React.createElement("span", {
|
|
53
53
|
className: "".concat(prefix, "-icon-title")
|
|
54
|
-
}, item
|
|
54
|
+
}, item.label))
|
|
55
55
|
});
|
|
56
56
|
});
|
|
57
57
|
}, [items]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "x-star-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.62",
|
|
4
4
|
"description": "A react component library developed by turingstar",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"x-star-utils": "^0.0.18"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
|
-
"@ant-design/icons": "^5.3.
|
|
69
|
+
"@ant-design/icons": "^5.3.7",
|
|
70
70
|
"@babel/core": "^7.24.1",
|
|
71
71
|
"@babel/preset-env": "^7.24.1",
|
|
72
72
|
"@babel/preset-react": "^7.24.1",
|
|
@@ -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.
|
|
86
|
+
"antd": "^5.17.0",
|
|
87
87
|
"babel-plugin-inline-import-data-uri": "^1.0.1",
|
|
88
88
|
"dayjs": "^1.11.11",
|
|
89
89
|
"dumi": "^2.2.0",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"prettier-plugin-organize-imports": "^3.0.0",
|
|
99
99
|
"prettier-plugin-packagejson": "^2.2.18",
|
|
100
100
|
"rc-resize-observer": "^1.4.0",
|
|
101
|
-
"rc-table": "^7.45.
|
|
101
|
+
"rc-table": "^7.45.5",
|
|
102
102
|
"react": "^18.0.0",
|
|
103
103
|
"react-dom": "^18.0.0",
|
|
104
104
|
"stylelint": "^14.9.1",
|