Signed-off-by: Hadi <[email protected]>
This commit is contained in:
Hadi
2026-09-02 15:07:42 +02:00
parent 5e66c5b303
commit 9158a070f3
5 changed files with 21 additions and 18 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
// @bun // @bun
import { import {
Badge Badge
} from "./chunk-shxcerba.js"; } from "./chunk-wasbecqm.js";
import { import {
theme theme
} from "./chunk-57mam43k.js"; } from "./chunk-57mam43k.js";
+15 -12
View File
@@ -4,11 +4,12 @@ import {
} from "./chunk-57mam43k.js"; } from "./chunk-57mam43k.js";
// src/components/Badge.tsx // src/components/Badge.tsx
import { insertNode as _$insertNode } from "@opentui/solid";
import { insert as _$insert } from "@opentui/solid"; import { insert as _$insert } from "@opentui/solid";
import { memo as _$memo } from "@opentui/solid"; import { memo as _$memo } from "@opentui/solid";
import { createComponent as _$createComponent } from "@opentui/solid"; import { createComponent as _$createComponent } from "@opentui/solid";
import { effect as _$effect } from "@opentui/solid"; import { effect as _$effect } from "@opentui/solid";
import { createTextNode as _$createTextNode } from "@opentui/solid";
import { insertNode as _$insertNode } from "@opentui/solid";
import { setProp as _$setProp } from "@opentui/solid"; import { setProp as _$setProp } from "@opentui/solid";
import { createElement as _$createElement } from "@opentui/solid"; import { createElement as _$createElement } from "@opentui/solid";
import { TextAttributes } from "@opentui/core"; import { TextAttributes } from "@opentui/core";
@@ -19,8 +20,8 @@ function Badge(props) {
const attributes = () => props.bold === false ? undefined : TextAttributes.BOLD; const attributes = () => props.bold === false ? undefined : TextAttributes.BOLD;
const nerdFonts = () => props.withNerdfont ?? theme.nerdFonts; const nerdFonts = () => props.withNerdfont ?? theme.nerdFonts;
return (() => { return (() => {
var _el$ = _$createElement("box"), _el$3 = _$createElement("text"); var _el$ = _$createElement("box"), _el$4 = _$createElement("text");
_$insertNode(_el$, _el$3); _$insertNode(_el$, _el$4);
_$setProp(_el$, "flexDirection", "row"); _$setProp(_el$, "flexDirection", "row");
_$insert(_el$, _$createComponent(Show, { _$insert(_el$, _$createComponent(Show, {
get when() { get when() {
@@ -28,6 +29,7 @@ function Badge(props) {
}, },
get children() { get children() {
var _el$2 = _$createElement("text"); var _el$2 = _$createElement("text");
_$insertNode(_el$2, _$createTextNode(`\uE0B6`));
_$effect((_p$) => { _$effect((_p$) => {
var _v$ = props.color, _v$2 = backgroundColor(); var _v$ = props.color, _v$2 = backgroundColor();
_v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e)); _v$ !== _p$.e && (_p$.e = _$setProp(_el$2, "fg", _v$, _p$.e));
@@ -39,8 +41,8 @@ function Badge(props) {
}); });
return _el$2; return _el$2;
} }
}), _el$3); }), _el$4);
_$insert(_el$3, (() => { _$insert(_el$4, (() => {
var _c$ = _$memo(() => !!nerdFonts()); var _c$ = _$memo(() => !!nerdFonts());
return () => _c$() ? props.label : ` ${props.label} `; return () => _c$() ? props.label : ` ${props.label} `;
})()); })());
@@ -49,24 +51,25 @@ function Badge(props) {
return nerdFonts(); return nerdFonts();
}, },
get children() { get children() {
var _el$4 = _$createElement("text"); var _el$5 = _$createElement("text");
_$insertNode(_el$5, _$createTextNode(`\uE0B4`));
_$effect((_p$) => { _$effect((_p$) => {
var _v$3 = props.color, _v$4 = backgroundColor(); var _v$3 = props.color, _v$4 = backgroundColor();
_v$3 !== _p$.e && (_p$.e = _$setProp(_el$4, "fg", _v$3, _p$.e)); _v$3 !== _p$.e && (_p$.e = _$setProp(_el$5, "fg", _v$3, _p$.e));
_v$4 !== _p$.t && (_p$.t = _$setProp(_el$4, "bg", _v$4, _p$.t)); _v$4 !== _p$.t && (_p$.t = _$setProp(_el$5, "bg", _v$4, _p$.t));
return _p$; return _p$;
}, { }, {
e: undefined, e: undefined,
t: undefined t: undefined
}); });
return _el$4; return _el$5;
} }
}), null); }), null);
_$effect((_p$) => { _$effect((_p$) => {
var _v$5 = textColor(), _v$6 = props.color, _v$7 = attributes(); var _v$5 = textColor(), _v$6 = props.color, _v$7 = attributes();
_v$5 !== _p$.e && (_p$.e = _$setProp(_el$3, "fg", _v$5, _p$.e)); _v$5 !== _p$.e && (_p$.e = _$setProp(_el$4, "fg", _v$5, _p$.e));
_v$6 !== _p$.t && (_p$.t = _$setProp(_el$3, "bg", _v$6, _p$.t)); _v$6 !== _p$.t && (_p$.t = _$setProp(_el$4, "bg", _v$6, _p$.t));
_v$7 !== _p$.a && (_p$.a = _$setProp(_el$3, "attributes", _v$7, _p$.a)); _v$7 !== _p$.a && (_p$.a = _$setProp(_el$4, "attributes", _v$7, _p$.a));
return _p$; return _p$;
}, { }, {
e: undefined, e: undefined,
+1 -1
View File
@@ -1,7 +1,7 @@
// @bun // @bun
import { import {
Badge Badge
} from "../chunk-shxcerba.js"; } from "../chunk-wasbecqm.js";
import"../chunk-57mam43k.js"; import"../chunk-57mam43k.js";
import"../chunk-ergc99dh.js"; import"../chunk-ergc99dh.js";
import"../chunk-7f8jagy5.js"; import"../chunk-7f8jagy5.js";
+2 -2
View File
@@ -1,8 +1,8 @@
// @bun // @bun
import { import {
Toggle Toggle
} from "../chunk-zs53wnet.js"; } from "../chunk-j29ydjfr.js";
import"../chunk-shxcerba.js"; import"../chunk-wasbecqm.js";
import"../chunk-57mam43k.js"; import"../chunk-57mam43k.js";
import"../chunk-ergc99dh.js"; import"../chunk-ergc99dh.js";
import"../chunk-7f8jagy5.js"; import"../chunk-7f8jagy5.js";
+2 -2
View File
@@ -10,7 +10,7 @@ import {
} from "../chunk-g7p0f33m.js"; } from "../chunk-g7p0f33m.js";
import { import {
Toggle Toggle
} from "../chunk-zs53wnet.js"; } from "../chunk-j29ydjfr.js";
import { import {
MinSizeGuard MinSizeGuard
} from "../chunk-nr74cgcr.js"; } from "../chunk-nr74cgcr.js";
@@ -23,7 +23,7 @@ import {
} from "../chunk-4j2gzwtd.js"; } from "../chunk-4j2gzwtd.js";
import { import {
Badge Badge
} from "../chunk-shxcerba.js"; } from "../chunk-wasbecqm.js";
import { import {
ProgressBar ProgressBar
} from "../chunk-ae0jkf2z.js"; } from "../chunk-ae0jkf2z.js";