omui-lib 1.0.21 → 1.0.23
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.
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
// src/components/BarChartCard/BarChartCard.jsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
var BarChartCard = ({
|
|
4
|
+
title = "Monthly Sales",
|
|
5
|
+
data = [
|
|
6
|
+
{ label: "Jan", value: 1200 },
|
|
7
|
+
{ label: "Feb", value: 1800 },
|
|
8
|
+
{ label: "Mar", value: 1500 },
|
|
9
|
+
{ label: "Apr", value: 2400 },
|
|
10
|
+
{ label: "May", value: 2800 },
|
|
11
|
+
{ label: "Jun", value: 3200 }
|
|
12
|
+
],
|
|
13
|
+
color = "#6366f1"
|
|
14
|
+
}) => {
|
|
15
|
+
const maxValue = Math.max(...data.map((item) => item.value));
|
|
16
|
+
return /* @__PURE__ */ React.createElement(
|
|
17
|
+
"div",
|
|
18
|
+
{
|
|
19
|
+
style: {
|
|
20
|
+
width: "500px",
|
|
21
|
+
padding: "24px",
|
|
22
|
+
borderRadius: "20px",
|
|
23
|
+
background: "rgba(255,255,255,0.08)",
|
|
24
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
25
|
+
backdropFilter: "blur(12px)",
|
|
26
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
27
|
+
color: "#fff",
|
|
28
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
/* @__PURE__ */ React.createElement(
|
|
32
|
+
"h3",
|
|
33
|
+
{
|
|
34
|
+
style: {
|
|
35
|
+
margin: "0 0 28px",
|
|
36
|
+
fontSize: "18px",
|
|
37
|
+
fontWeight: "600"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
title
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ React.createElement(
|
|
43
|
+
"div",
|
|
44
|
+
{
|
|
45
|
+
style: {
|
|
46
|
+
height: "240px",
|
|
47
|
+
display: "flex",
|
|
48
|
+
alignItems: "flex-end",
|
|
49
|
+
gap: "16px",
|
|
50
|
+
padding: "0 10px",
|
|
51
|
+
borderBottom: "1px solid rgba(255,255,255,0.15)"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
data.map((item, index) => {
|
|
55
|
+
const height = item.value / maxValue * 200;
|
|
56
|
+
return /* @__PURE__ */ React.createElement(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
key: index,
|
|
60
|
+
style: {
|
|
61
|
+
flex: 1,
|
|
62
|
+
height: "100%",
|
|
63
|
+
display: "flex",
|
|
64
|
+
flexDirection: "column",
|
|
65
|
+
justifyContent: "flex-end",
|
|
66
|
+
alignItems: "center",
|
|
67
|
+
gap: "8px"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
/* @__PURE__ */ React.createElement(
|
|
71
|
+
"span",
|
|
72
|
+
{
|
|
73
|
+
style: {
|
|
74
|
+
fontSize: "11px",
|
|
75
|
+
color: "rgba(255,255,255,0.6)"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
item.value
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ React.createElement(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
style: {
|
|
84
|
+
width: "100%",
|
|
85
|
+
maxWidth: "45px",
|
|
86
|
+
height: `${height}px`,
|
|
87
|
+
minHeight: "5px",
|
|
88
|
+
borderRadius: "8px 8px 0 0",
|
|
89
|
+
background: color,
|
|
90
|
+
transition: "height 0.4s ease"
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
),
|
|
94
|
+
/* @__PURE__ */ React.createElement(
|
|
95
|
+
"span",
|
|
96
|
+
{
|
|
97
|
+
style: {
|
|
98
|
+
fontSize: "12px",
|
|
99
|
+
color: "rgba(255,255,255,0.5)",
|
|
100
|
+
transform: "translateY(25px)"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
item.label
|
|
104
|
+
)
|
|
105
|
+
);
|
|
106
|
+
})
|
|
107
|
+
)
|
|
108
|
+
);
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export {
|
|
112
|
+
BarChartCard
|
|
113
|
+
};
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/BarChartCard/BarChartCard.jsx
|
|
30
|
+
var BarChartCard_exports = {};
|
|
31
|
+
__export(BarChartCard_exports, {
|
|
32
|
+
BarChartCard: () => BarChartCard
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(BarChartCard_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var BarChartCard = ({
|
|
37
|
+
title = "Monthly Sales",
|
|
38
|
+
data = [
|
|
39
|
+
{ label: "Jan", value: 1200 },
|
|
40
|
+
{ label: "Feb", value: 1800 },
|
|
41
|
+
{ label: "Mar", value: 1500 },
|
|
42
|
+
{ label: "Apr", value: 2400 },
|
|
43
|
+
{ label: "May", value: 2800 },
|
|
44
|
+
{ label: "Jun", value: 3200 }
|
|
45
|
+
],
|
|
46
|
+
color = "#6366f1"
|
|
47
|
+
}) => {
|
|
48
|
+
const maxValue = Math.max(...data.map((item) => item.value));
|
|
49
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
style: {
|
|
53
|
+
width: "500px",
|
|
54
|
+
padding: "24px",
|
|
55
|
+
borderRadius: "20px",
|
|
56
|
+
background: "rgba(255,255,255,0.08)",
|
|
57
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
58
|
+
backdropFilter: "blur(12px)",
|
|
59
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
60
|
+
color: "#fff",
|
|
61
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
65
|
+
"h3",
|
|
66
|
+
{
|
|
67
|
+
style: {
|
|
68
|
+
margin: "0 0 28px",
|
|
69
|
+
fontSize: "18px",
|
|
70
|
+
fontWeight: "600"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
title
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
style: {
|
|
79
|
+
height: "240px",
|
|
80
|
+
display: "flex",
|
|
81
|
+
alignItems: "flex-end",
|
|
82
|
+
gap: "16px",
|
|
83
|
+
padding: "0 10px",
|
|
84
|
+
borderBottom: "1px solid rgba(255,255,255,0.15)"
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
data.map((item, index) => {
|
|
88
|
+
const height = item.value / maxValue * 200;
|
|
89
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
90
|
+
"div",
|
|
91
|
+
{
|
|
92
|
+
key: index,
|
|
93
|
+
style: {
|
|
94
|
+
flex: 1,
|
|
95
|
+
height: "100%",
|
|
96
|
+
display: "flex",
|
|
97
|
+
flexDirection: "column",
|
|
98
|
+
justifyContent: "flex-end",
|
|
99
|
+
alignItems: "center",
|
|
100
|
+
gap: "8px"
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
104
|
+
"span",
|
|
105
|
+
{
|
|
106
|
+
style: {
|
|
107
|
+
fontSize: "11px",
|
|
108
|
+
color: "rgba(255,255,255,0.6)"
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
item.value
|
|
112
|
+
),
|
|
113
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
114
|
+
"div",
|
|
115
|
+
{
|
|
116
|
+
style: {
|
|
117
|
+
width: "100%",
|
|
118
|
+
maxWidth: "45px",
|
|
119
|
+
height: `${height}px`,
|
|
120
|
+
minHeight: "5px",
|
|
121
|
+
borderRadius: "8px 8px 0 0",
|
|
122
|
+
background: color,
|
|
123
|
+
transition: "height 0.4s ease"
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
),
|
|
127
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
128
|
+
"span",
|
|
129
|
+
{
|
|
130
|
+
style: {
|
|
131
|
+
fontSize: "12px",
|
|
132
|
+
color: "rgba(255,255,255,0.5)",
|
|
133
|
+
transform: "translateY(25px)"
|
|
134
|
+
}
|
|
135
|
+
},
|
|
136
|
+
item.label
|
|
137
|
+
)
|
|
138
|
+
);
|
|
139
|
+
})
|
|
140
|
+
)
|
|
141
|
+
);
|
|
142
|
+
};
|
|
143
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
144
|
+
0 && (module.exports = {
|
|
145
|
+
BarChartCard
|
|
146
|
+
});
|
package/dist/index.js
CHANGED
|
@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
30
30
|
var index_exports = {};
|
|
31
31
|
__export(index_exports, {
|
|
32
32
|
AnimatedProgressBar: () => AnimatedProgressBar,
|
|
33
|
+
BarChartCard: () => BarChartCard,
|
|
33
34
|
BlogCard: () => BlogCard,
|
|
34
35
|
Button: () => Button,
|
|
35
36
|
CommentCard: () => CommentCard,
|
|
@@ -1956,9 +1957,120 @@ var LineChartCard = ({
|
|
|
1956
1957
|
)
|
|
1957
1958
|
);
|
|
1958
1959
|
};
|
|
1960
|
+
|
|
1961
|
+
// src/components/BarChartCard/BarChartCard.jsx
|
|
1962
|
+
var import_react20 = __toESM(require("react"));
|
|
1963
|
+
var BarChartCard = ({
|
|
1964
|
+
title = "Monthly Sales",
|
|
1965
|
+
data = [
|
|
1966
|
+
{ label: "Jan", value: 1200 },
|
|
1967
|
+
{ label: "Feb", value: 1800 },
|
|
1968
|
+
{ label: "Mar", value: 1500 },
|
|
1969
|
+
{ label: "Apr", value: 2400 },
|
|
1970
|
+
{ label: "May", value: 2800 },
|
|
1971
|
+
{ label: "Jun", value: 3200 }
|
|
1972
|
+
],
|
|
1973
|
+
color = "#6366f1"
|
|
1974
|
+
}) => {
|
|
1975
|
+
const maxValue = Math.max(...data.map((item) => item.value));
|
|
1976
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
|
1977
|
+
"div",
|
|
1978
|
+
{
|
|
1979
|
+
style: {
|
|
1980
|
+
width: "500px",
|
|
1981
|
+
padding: "24px",
|
|
1982
|
+
borderRadius: "20px",
|
|
1983
|
+
background: "rgba(255,255,255,0.08)",
|
|
1984
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
1985
|
+
backdropFilter: "blur(12px)",
|
|
1986
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
1987
|
+
color: "#fff",
|
|
1988
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
1989
|
+
}
|
|
1990
|
+
},
|
|
1991
|
+
/* @__PURE__ */ import_react20.default.createElement(
|
|
1992
|
+
"h3",
|
|
1993
|
+
{
|
|
1994
|
+
style: {
|
|
1995
|
+
margin: "0 0 28px",
|
|
1996
|
+
fontSize: "18px",
|
|
1997
|
+
fontWeight: "600"
|
|
1998
|
+
}
|
|
1999
|
+
},
|
|
2000
|
+
title
|
|
2001
|
+
),
|
|
2002
|
+
/* @__PURE__ */ import_react20.default.createElement(
|
|
2003
|
+
"div",
|
|
2004
|
+
{
|
|
2005
|
+
style: {
|
|
2006
|
+
height: "240px",
|
|
2007
|
+
display: "flex",
|
|
2008
|
+
alignItems: "flex-end",
|
|
2009
|
+
gap: "16px",
|
|
2010
|
+
padding: "0 10px",
|
|
2011
|
+
borderBottom: "1px solid rgba(255,255,255,0.15)"
|
|
2012
|
+
}
|
|
2013
|
+
},
|
|
2014
|
+
data.map((item, index) => {
|
|
2015
|
+
const height = item.value / maxValue * 200;
|
|
2016
|
+
return /* @__PURE__ */ import_react20.default.createElement(
|
|
2017
|
+
"div",
|
|
2018
|
+
{
|
|
2019
|
+
key: index,
|
|
2020
|
+
style: {
|
|
2021
|
+
flex: 1,
|
|
2022
|
+
height: "100%",
|
|
2023
|
+
display: "flex",
|
|
2024
|
+
flexDirection: "column",
|
|
2025
|
+
justifyContent: "flex-end",
|
|
2026
|
+
alignItems: "center",
|
|
2027
|
+
gap: "8px"
|
|
2028
|
+
}
|
|
2029
|
+
},
|
|
2030
|
+
/* @__PURE__ */ import_react20.default.createElement(
|
|
2031
|
+
"span",
|
|
2032
|
+
{
|
|
2033
|
+
style: {
|
|
2034
|
+
fontSize: "11px",
|
|
2035
|
+
color: "rgba(255,255,255,0.6)"
|
|
2036
|
+
}
|
|
2037
|
+
},
|
|
2038
|
+
item.value
|
|
2039
|
+
),
|
|
2040
|
+
/* @__PURE__ */ import_react20.default.createElement(
|
|
2041
|
+
"div",
|
|
2042
|
+
{
|
|
2043
|
+
style: {
|
|
2044
|
+
width: "100%",
|
|
2045
|
+
maxWidth: "45px",
|
|
2046
|
+
height: `${height}px`,
|
|
2047
|
+
minHeight: "5px",
|
|
2048
|
+
borderRadius: "8px 8px 0 0",
|
|
2049
|
+
background: color,
|
|
2050
|
+
transition: "height 0.4s ease"
|
|
2051
|
+
}
|
|
2052
|
+
}
|
|
2053
|
+
),
|
|
2054
|
+
/* @__PURE__ */ import_react20.default.createElement(
|
|
2055
|
+
"span",
|
|
2056
|
+
{
|
|
2057
|
+
style: {
|
|
2058
|
+
fontSize: "12px",
|
|
2059
|
+
color: "rgba(255,255,255,0.5)",
|
|
2060
|
+
transform: "translateY(25px)"
|
|
2061
|
+
}
|
|
2062
|
+
},
|
|
2063
|
+
item.label
|
|
2064
|
+
)
|
|
2065
|
+
);
|
|
2066
|
+
})
|
|
2067
|
+
)
|
|
2068
|
+
);
|
|
2069
|
+
};
|
|
1959
2070
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1960
2071
|
0 && (module.exports = {
|
|
1961
2072
|
AnimatedProgressBar,
|
|
2073
|
+
BarChartCard,
|
|
1962
2074
|
BlogCard,
|
|
1963
2075
|
Button,
|
|
1964
2076
|
CommentCard,
|
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
StatsCard
|
|
3
|
+
} from "./chunk-472PLVGR.mjs";
|
|
1
4
|
import {
|
|
2
5
|
SwipeCard
|
|
3
6
|
} from "./chunk-XD6E2QQI.mjs";
|
|
@@ -11,11 +14,14 @@ import {
|
|
|
11
14
|
ThumbnailCard
|
|
12
15
|
} from "./chunk-57QJO5RD.mjs";
|
|
13
16
|
import {
|
|
14
|
-
|
|
15
|
-
} from "./chunk-
|
|
17
|
+
HoverCard
|
|
18
|
+
} from "./chunk-MQOZXOBV.mjs";
|
|
16
19
|
import {
|
|
17
20
|
LineChartCard
|
|
18
21
|
} from "./chunk-GGOOL7HS.mjs";
|
|
22
|
+
import {
|
|
23
|
+
Loader
|
|
24
|
+
} from "./chunk-XGVKPI3O.mjs";
|
|
19
25
|
import {
|
|
20
26
|
NotificationCard
|
|
21
27
|
} from "./chunk-QOVSRTLJ.mjs";
|
|
@@ -31,12 +37,12 @@ import {
|
|
|
31
37
|
import {
|
|
32
38
|
SliderCard
|
|
33
39
|
} from "./chunk-NJSJATQ6.mjs";
|
|
34
|
-
import {
|
|
35
|
-
StatsCard
|
|
36
|
-
} from "./chunk-472PLVGR.mjs";
|
|
37
40
|
import {
|
|
38
41
|
AnimatedProgressBar
|
|
39
42
|
} from "./chunk-VA6HDMVP.mjs";
|
|
43
|
+
import {
|
|
44
|
+
BarChartCard
|
|
45
|
+
} from "./chunk-SJELVC7L.mjs";
|
|
40
46
|
import {
|
|
41
47
|
BlogCard
|
|
42
48
|
} from "./chunk-KIF4X4NE.mjs";
|
|
@@ -52,11 +58,9 @@ import {
|
|
|
52
58
|
import {
|
|
53
59
|
Graph
|
|
54
60
|
} from "./chunk-SJ4MEFAG.mjs";
|
|
55
|
-
import {
|
|
56
|
-
HoverCard
|
|
57
|
-
} from "./chunk-MQOZXOBV.mjs";
|
|
58
61
|
export {
|
|
59
62
|
AnimatedProgressBar,
|
|
63
|
+
BarChartCard,
|
|
60
64
|
BlogCard,
|
|
61
65
|
Button,
|
|
62
66
|
CommentCard,
|