datastake-daf 0.6.156 → 0.6.158
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/components/index.js
CHANGED
|
@@ -20597,6 +20597,17 @@ const Style$x = dt.div`
|
|
|
20597
20597
|
background-color: ${props => props.backgroundColor} !important;
|
|
20598
20598
|
border-color: ${props => props.backgroundBorderColor} !important;
|
|
20599
20599
|
}
|
|
20600
|
+
|
|
20601
|
+
.widget-card-logo-icon {
|
|
20602
|
+
background-color: #FFFFFF;
|
|
20603
|
+
border-radius: 20%;
|
|
20604
|
+
width: 32px;
|
|
20605
|
+
height: 32px;
|
|
20606
|
+
display: flex;
|
|
20607
|
+
justify-content: center;
|
|
20608
|
+
align-items: center;
|
|
20609
|
+
border: 1px solid #E5E7EB;
|
|
20610
|
+
}
|
|
20600
20611
|
`;
|
|
20601
20612
|
|
|
20602
20613
|
const {
|
|
@@ -20626,17 +20637,7 @@ const WidgetCard = _ref => {
|
|
|
20626
20637
|
alignItems: "center"
|
|
20627
20638
|
},
|
|
20628
20639
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
20629
|
-
|
|
20630
|
-
backgroundColor: '#FFFFFF',
|
|
20631
|
-
borderRadius: "20%",
|
|
20632
|
-
width: "32px",
|
|
20633
|
-
height: "32px",
|
|
20634
|
-
display: "flex",
|
|
20635
|
-
justifyContent: "center",
|
|
20636
|
-
alignItems: "center",
|
|
20637
|
-
marginRight: "8px",
|
|
20638
|
-
border: "1px solid #E5E7EB"
|
|
20639
|
-
},
|
|
20640
|
+
className: "widget-card-logo-icon mr-2",
|
|
20640
20641
|
children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
|
|
20641
20642
|
name: logoIcon,
|
|
20642
20643
|
width: 25,
|
|
@@ -20651,16 +20652,7 @@ const WidgetCard = _ref => {
|
|
|
20651
20652
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
20652
20653
|
className: "flex-1"
|
|
20653
20654
|
}), /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
20654
|
-
|
|
20655
|
-
backgroundColor: '#FFFFFF',
|
|
20656
|
-
borderRadius: "20%",
|
|
20657
|
-
width: "32px",
|
|
20658
|
-
height: "32px",
|
|
20659
|
-
display: "flex",
|
|
20660
|
-
justifyContent: "center",
|
|
20661
|
-
alignItems: "center",
|
|
20662
|
-
border: "1px solid #E5E7EB"
|
|
20663
|
-
},
|
|
20655
|
+
className: "widget-card-logo-icon",
|
|
20664
20656
|
href: link,
|
|
20665
20657
|
children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
|
|
20666
20658
|
className: buttonIcon,
|
|
@@ -20671,6 +20663,7 @@ const WidgetCard = _ref => {
|
|
|
20671
20663
|
})]
|
|
20672
20664
|
}),
|
|
20673
20665
|
loading: loading,
|
|
20666
|
+
className: "with-tabs",
|
|
20674
20667
|
children: [description && /*#__PURE__*/jsxRuntime.jsx("p", {
|
|
20675
20668
|
children: description
|
|
20676
20669
|
}), data === null || data === void 0 ? void 0 : data.map(item => /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
@@ -20680,7 +20673,7 @@ const WidgetCard = _ref => {
|
|
|
20680
20673
|
},
|
|
20681
20674
|
children: [item.isTag ? /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
|
|
20682
20675
|
style: {
|
|
20683
|
-
width: '
|
|
20676
|
+
width: '90px',
|
|
20684
20677
|
textAlign: 'center',
|
|
20685
20678
|
borderRadius: '10px'
|
|
20686
20679
|
},
|
package/package.json
CHANGED
|
@@ -24,17 +24,7 @@ const WidgetCard = ({
|
|
|
24
24
|
<Widget
|
|
25
25
|
title={
|
|
26
26
|
<div style={{display: "flex", alignItems: "center"}}>
|
|
27
|
-
<div
|
|
28
|
-
backgroundColor: '#FFFFFF',
|
|
29
|
-
borderRadius: "20%",
|
|
30
|
-
width: "32px",
|
|
31
|
-
height: "32px",
|
|
32
|
-
display: "flex",
|
|
33
|
-
justifyContent: "center",
|
|
34
|
-
alignItems: "center",
|
|
35
|
-
marginRight: "8px",
|
|
36
|
-
border: "1px solid #E5E7EB",
|
|
37
|
-
}}>
|
|
27
|
+
<div className="widget-card-logo-icon mr-2">
|
|
38
28
|
<CustomIcon name={logoIcon} width={25} height={25} />
|
|
39
29
|
</div>
|
|
40
30
|
<Tooltip title={title}>{title}</Tooltip>
|
|
@@ -42,26 +32,18 @@ const WidgetCard = ({
|
|
|
42
32
|
}
|
|
43
33
|
addedHeader={
|
|
44
34
|
<>
|
|
45
|
-
<div className="flex-1" /><a
|
|
46
|
-
backgroundColor: '#FFFFFF',
|
|
47
|
-
borderRadius: "20%",
|
|
48
|
-
width: "32px",
|
|
49
|
-
height: "32px",
|
|
50
|
-
display: "flex",
|
|
51
|
-
justifyContent: "center",
|
|
52
|
-
alignItems: "center",
|
|
53
|
-
border: "1px solid #E5E7EB",
|
|
54
|
-
}} href={link}>
|
|
35
|
+
<div className="flex-1" /><a className="widget-card-logo-icon" href={link}>
|
|
55
36
|
<CustomIcon className={buttonIcon} name="Link" size={16} color={iconColor || theme.colorPrimary} />
|
|
56
37
|
</a>
|
|
57
38
|
</>
|
|
58
39
|
}
|
|
59
40
|
loading={loading}
|
|
41
|
+
className="with-tabs"
|
|
60
42
|
>
|
|
61
43
|
{description && <p>{description}</p>}
|
|
62
44
|
{data?.map((item) => (
|
|
63
45
|
<div key={item} style={{display: "flex", justifyContent: "space-between"}}>
|
|
64
|
-
{item.isTag ? <Tag style={{width: '
|
|
46
|
+
{item.isTag ? <Tag style={{width: '90px', textAlign: 'center', borderRadius: '10px'}} color={item.tagColor || 'default'}>{item.label}</Tag> : <span>{item.label}</span>}
|
|
65
47
|
<span>{item.value}</span>
|
|
66
48
|
</div>
|
|
67
49
|
))}
|
|
@@ -5,6 +5,17 @@ const Style = styled.div`
|
|
|
5
5
|
background-color: ${props => props.backgroundColor} !important;
|
|
6
6
|
border-color: ${props => props.backgroundBorderColor} !important;
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
.widget-card-logo-icon {
|
|
10
|
+
background-color: #FFFFFF;
|
|
11
|
+
border-radius: 20%;
|
|
12
|
+
width: 32px;
|
|
13
|
+
height: 32px;
|
|
14
|
+
display: flex;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-items: center;
|
|
17
|
+
border: 1px solid #E5E7EB;
|
|
18
|
+
}
|
|
8
19
|
`;
|
|
9
20
|
|
|
10
21
|
export default Style;
|