sy-ui-lib 1.0.35 → 1.0.36
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/index.js
CHANGED
|
@@ -9245,101 +9245,119 @@ const ut = (e) => {
|
|
|
9245
9245
|
`${u + 1}`
|
|
9246
9246
|
)) });
|
|
9247
9247
|
}, mt = (e) => {
|
|
9248
|
-
const { type: t = "linear", statItems: n } = e, { isMobile:
|
|
9248
|
+
const { type: t = "linear", statItems: n, vertical: o = !1 } = e, { isMobile: s } = _1(), [i, l] = I(!1);
|
|
9249
9249
|
return n != null && n.length ? /* @__PURE__ */ r.jsx(r.Fragment, { children: t === "card" ? /* @__PURE__ */ r.jsx(
|
|
9250
9250
|
"div",
|
|
9251
9251
|
{
|
|
9252
|
-
className: `${
|
|
9253
|
-
onMouseEnter: () =>
|
|
9254
|
-
onMouseLeave: () =>
|
|
9255
|
-
children: /* @__PURE__ */ r.jsx(
|
|
9252
|
+
className: `${i ? "overflow-visible" : "overflow-x-auto"} no-scrollbar`,
|
|
9253
|
+
onMouseEnter: () => l(!0),
|
|
9254
|
+
onMouseLeave: () => l(!1),
|
|
9255
|
+
children: /* @__PURE__ */ r.jsx(
|
|
9256
9256
|
"div",
|
|
9257
9257
|
{
|
|
9258
|
-
className: "flex flex-col
|
|
9259
|
-
children:
|
|
9260
|
-
|
|
9261
|
-
|
|
9262
|
-
|
|
9263
|
-
|
|
9264
|
-
|
|
9265
|
-
|
|
9266
|
-
|
|
9267
|
-
|
|
9268
|
-
|
|
9269
|
-
|
|
9270
|
-
|
|
9271
|
-
|
|
9272
|
-
|
|
9273
|
-
|
|
9274
|
-
|
|
9275
|
-
|
|
9276
|
-
|
|
9277
|
-
|
|
9278
|
-
|
|
9279
|
-
|
|
9280
|
-
|
|
9281
|
-
|
|
9282
|
-
|
|
9283
|
-
|
|
9284
|
-
|
|
9285
|
-
|
|
9286
|
-
|
|
9287
|
-
|
|
9288
|
-
|
|
9289
|
-
|
|
9290
|
-
|
|
9291
|
-
|
|
9292
|
-
|
|
9293
|
-
|
|
9294
|
-
|
|
9295
|
-
|
|
9296
|
-
|
|
9297
|
-
|
|
9298
|
-
|
|
9299
|
-
|
|
9300
|
-
|
|
9301
|
-
|
|
9302
|
-
|
|
9258
|
+
className: `${o ? "flex flex-col" : "flex"} justify-around gap-2 md:gap-4 w-full`,
|
|
9259
|
+
children: n.map(({ statName: a, statValue: C, statTitle: c }) => /* @__PURE__ */ r.jsxs(
|
|
9260
|
+
"div",
|
|
9261
|
+
{
|
|
9262
|
+
className: "flex flex-col md:gap-2 min-w-35 md:min-w-45 shrink-0 rounded-md px-2 md:px-5 py-1 md:py-2 bg-white border border-brightgray",
|
|
9263
|
+
children: [
|
|
9264
|
+
/* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between gap-1", children: [
|
|
9265
|
+
/* @__PURE__ */ r.jsx(
|
|
9266
|
+
w,
|
|
9267
|
+
{
|
|
9268
|
+
variant: s ? "body2" : "subtitle2",
|
|
9269
|
+
text: a.title,
|
|
9270
|
+
color: a.color,
|
|
9271
|
+
component: "span"
|
|
9272
|
+
}
|
|
9273
|
+
),
|
|
9274
|
+
c && /* @__PURE__ */ r.jsx(
|
|
9275
|
+
v3,
|
|
9276
|
+
{
|
|
9277
|
+
title: (c == null ? void 0 : c.title) || "",
|
|
9278
|
+
position: (c == null ? void 0 : c.position) ?? "top",
|
|
9279
|
+
children: /* @__PURE__ */ r.jsx(G, { icon: "info", size: s ? 16 : 20 })
|
|
9280
|
+
}
|
|
9281
|
+
)
|
|
9282
|
+
] }),
|
|
9283
|
+
/* @__PURE__ */ r.jsxs("div", { className: "flex items-baseline gap-1", children: [
|
|
9284
|
+
/* @__PURE__ */ r.jsx(
|
|
9285
|
+
w,
|
|
9286
|
+
{
|
|
9287
|
+
variant: s ? "subtitle2" : "h6",
|
|
9288
|
+
text: "PTH",
|
|
9289
|
+
color: "smokyblack",
|
|
9290
|
+
component: "span"
|
|
9291
|
+
}
|
|
9292
|
+
),
|
|
9293
|
+
/* @__PURE__ */ r.jsx(
|
|
9294
|
+
w,
|
|
9295
|
+
{
|
|
9296
|
+
variant: s ? "subtitle2" : "h6",
|
|
9297
|
+
text: String(C.value),
|
|
9298
|
+
color: C.color,
|
|
9299
|
+
component: "span"
|
|
9300
|
+
}
|
|
9301
|
+
)
|
|
9302
|
+
] })
|
|
9303
|
+
]
|
|
9304
|
+
},
|
|
9305
|
+
a.title
|
|
9306
|
+
))
|
|
9307
|
+
}
|
|
9308
|
+
)
|
|
9303
9309
|
}
|
|
9304
|
-
) : t === "gradient" ? /* @__PURE__ */ r.jsx(
|
|
9305
|
-
|
|
9306
|
-
|
|
9307
|
-
{
|
|
9308
|
-
|
|
9309
|
-
|
|
9310
|
-
|
|
9311
|
-
|
|
9312
|
-
|
|
9313
|
-
|
|
9314
|
-
|
|
9315
|
-
|
|
9316
|
-
|
|
9317
|
-
|
|
9318
|
-
|
|
9319
|
-
|
|
9320
|
-
|
|
9321
|
-
|
|
9322
|
-
|
|
9323
|
-
|
|
9324
|
-
|
|
9325
|
-
|
|
9326
|
-
|
|
9327
|
-
|
|
9328
|
-
|
|
9329
|
-
|
|
9330
|
-
|
|
9331
|
-
|
|
9332
|
-
|
|
9333
|
-
|
|
9334
|
-
|
|
9335
|
-
|
|
9336
|
-
|
|
9337
|
-
|
|
9338
|
-
|
|
9339
|
-
|
|
9340
|
-
|
|
9341
|
-
|
|
9342
|
-
|
|
9310
|
+
) : t === "gradient" ? /* @__PURE__ */ r.jsx(
|
|
9311
|
+
"div",
|
|
9312
|
+
{
|
|
9313
|
+
className: `${o ? "flex flex-col" : "flex gap-2 lg:gap-3 py-2"} px-2 lg:px-4 w-max rounded-lg bg-linear-to-b from-secondary/15 to-secondary-0 shadow-lg`,
|
|
9314
|
+
children: n.map(({ statName: a, statValue: C }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
|
|
9315
|
+
/* @__PURE__ */ r.jsx(
|
|
9316
|
+
w,
|
|
9317
|
+
{
|
|
9318
|
+
variant: "caption",
|
|
9319
|
+
text: `${a.title}:`,
|
|
9320
|
+
color: a.color,
|
|
9321
|
+
component: "span"
|
|
9322
|
+
}
|
|
9323
|
+
),
|
|
9324
|
+
/* @__PURE__ */ r.jsx(
|
|
9325
|
+
w,
|
|
9326
|
+
{
|
|
9327
|
+
variant: s ? "caption" : "subtitle2",
|
|
9328
|
+
text: String(C.value),
|
|
9329
|
+
color: C.color,
|
|
9330
|
+
component: "span"
|
|
9331
|
+
}
|
|
9332
|
+
)
|
|
9333
|
+
] }, a.title))
|
|
9334
|
+
}
|
|
9335
|
+
) : /* @__PURE__ */ r.jsx(
|
|
9336
|
+
"div",
|
|
9337
|
+
{
|
|
9338
|
+
className: `${o ? "flex flex-col" : "flex"} flex-wrap gap-x-6 gap-y-1 md:gap-y-2"`,
|
|
9339
|
+
children: n.map(({ statName: a, statValue: C }) => /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
|
|
9340
|
+
/* @__PURE__ */ r.jsx(
|
|
9341
|
+
w,
|
|
9342
|
+
{
|
|
9343
|
+
variant: "subtitle1",
|
|
9344
|
+
text: `${a.title}:`,
|
|
9345
|
+
color: a.color,
|
|
9346
|
+
component: "span"
|
|
9347
|
+
}
|
|
9348
|
+
),
|
|
9349
|
+
/* @__PURE__ */ r.jsx(
|
|
9350
|
+
w,
|
|
9351
|
+
{
|
|
9352
|
+
variant: "subtitle1",
|
|
9353
|
+
text: String(C.value),
|
|
9354
|
+
color: C.color,
|
|
9355
|
+
component: "span"
|
|
9356
|
+
}
|
|
9357
|
+
)
|
|
9358
|
+
] }, a.title))
|
|
9359
|
+
}
|
|
9360
|
+
) }) : null;
|
|
9343
9361
|
};
|
|
9344
9362
|
/**
|
|
9345
9363
|
* table-core
|