natxocc/sigpro-ui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Docs

Browse Source
This commit is contained in:
natxocc
2026-03-31 23:44:09 +02:00
parent f3393ee0db
commit 39e17bd1e4
5 changed files with 37 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
dist/sigpro-ui.cjs vendored
View File

@@ -996,11 +996,14 @@ var IndicatorModule = /*#__PURE__*/Object.freeze({
/** LIST */ /** LIST */
const List = (props) => { const List = (props) => {
const { items, header, render, keyFn, class: className, ...rest } = props; const {
items,
const headerItem = header header,
? sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)]) render,
: null; keyFn = (item, index) => index,
class: className,
...rest
} = props;
const listItems = sigpro.$for( const listItems = sigpro.$for(
items, items,
@@ -1014,7 +1017,7 @@ const List = (props) => {
...rest, ...rest,
class: joinClass("list bg-base-100 rounded-box shadow-md", className), class: joinClass("list bg-base-100 rounded-box shadow-md", className),
}, },
header ? [headerItem, listItems] : listItems header ? [sigpro.$if(header, () => sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60" }, [val(header)])), listItems] : listItems
); );
}; };

15
dist/sigpro-ui.esm.js vendored
View File

@@ -992,11 +992,14 @@ var IndicatorModule = /*#__PURE__*/Object.freeze({
/** LIST */ /** LIST */
const List = (props) => { const List = (props) => {
const { items, header, render, keyFn, class: className, ...rest } = props; const {
items,
const headerItem = header header,
? $html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)]) render,
: null; keyFn = (item, index) => index,
class: className,
...rest
} = props;
const listItems = $for( const listItems = $for(
items, items,
@@ -1010,7 +1013,7 @@ const List = (props) => {
...rest, ...rest,
class: joinClass("list bg-base-100 rounded-box shadow-md", className), class: joinClass("list bg-base-100 rounded-box shadow-md", className),
}, },
header ? [headerItem, listItems] : listItems header ? [$if(header, () => $html("li", { class: "p-4 pb-2 text-xs opacity-60" }, [val(header)])), listItems] : listItems
); );
}; };

15
dist/sigpro-ui.umd.js vendored
View File

@@ -993,11 +993,14 @@ var SigProUI = (function (exports, sigpro) {
/** LIST */ /** LIST */
const List = (props) => { const List = (props) => {
const { items, header, render, keyFn, class: className, ...rest } = props; const {
items,
const headerItem = header header,
? sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)]) render,
: null; keyFn = (item, index) => index,
class: className,
...rest
} = props;
const listItems = sigpro.$for( const listItems = sigpro.$for(
items, items,
@@ -1011,7 +1014,7 @@ var SigProUI = (function (exports, sigpro) {
...rest, ...rest,
class: joinClass("list bg-base-100 rounded-box shadow-md", className), class: joinClass("list bg-base-100 rounded-box shadow-md", className),
}, },
header ? [headerItem, listItems] : listItems header ? [sigpro.$if(header, () => sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60" }, [val(header)])), listItems] : listItems
); );
}; };

2
dist/sigpro-ui.umd.min.js vendored
View File

File diff suppressed because one or more lines are too long

15
src/components/List.js
View File

@@ -3,11 +3,14 @@ import { joinClass, val } from "../core/utils.js";
/** LIST */ /** LIST */
export const List = (props) => { export const List = (props) => {
const { items, header, render, keyFn, class: className, ...rest } = props; const {
items,
const headerItem = header header,
? $html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)]) render,
: null; keyFn = (item, index) => index,
class: className,
...rest
} = props;
const listItems = $for( const listItems = $for(
items, items,
@@ -21,6 +24,6 @@ export const List = (props) => {
...rest, ...rest,
class: joinClass("list bg-base-100 rounded-box shadow-md", className), class: joinClass("list bg-base-100 rounded-box shadow-md", className),
}, },
header ? [headerItem, listItems] : listItems header ? [$if(header, () => $html("li", { class: "p-4 pb-2 text-xs opacity-60" }, [val(header)])), listItems] : listItems
); );
}; };