lyco 1.0.0 → 1.0.1
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/README.md +0 -4
- package/dist/index.cjs.js +57 -57
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +59 -59
- package/dist/index.es.js.map +1 -1
- package/dist/types/components/AcrylicBar.d.ts +2 -2
- package/dist/types/components/AspectRatio.d.ts +2 -2
- package/dist/types/components/AvatarStack.d.ts +3 -2
- package/dist/types/components/Card.d.ts +2 -2
- package/dist/types/components/Column.d.ts +2 -2
- package/dist/types/components/Container.d.ts +2 -2
- package/dist/types/components/Grid.d.ts +2 -2
- package/dist/types/components/HeroSection.d.ts +2 -2
- package/dist/types/components/Overlay.d.ts +2 -2
- package/dist/types/components/Row.d.ts +2 -2
- package/dist/types/components/SideBarContainer.d.ts +2 -2
- package/dist/types/components/Wrap.d.ts +2 -2
- package/dist/types/components/ZStack.d.ts +2 -2
- package/dist/types/components/core.d.ts +2 -0
- package/package.json +1 -1
package/dist/index.es.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.es.js","names":["fn?: renderFnType","props?: { fadeBg?: string; zIndex?: number }","children?: renderFnType","props?: { space?: string | number }","children?: renderFnType","props?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tjustify?: string;\n\t\talign?: string;\n\t\tgap?: string | number;\n\t}","children?: renderFnType","_props?: unknown","children?: renderFnType","props?: { columns?: number; gap?: string | number }","children?: renderFnType","props?: { gap?: string | number }","children?: renderFnType","props?: { span?: number }","children?: renderFnType","props?: { gap?: string | number }","children?: renderFnType","props?: { space?: string | number }","children?: renderFnType","props?: { columnCount?: number; gap?: string | number }","children?: renderFnType","props?: {\n\t\tfirstHeight?: string; // 第一个面板固定高度或百分比\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: {\n\t\tfirstWidth?: string; // 第一个面板固定宽度或百分比\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: {\n\t\tdirection?: \"vertical\" | \"horizontal\";\n\t\theight?: string;\n\t\twidth?: string;\n\t\tcustomCss?: string;\n\t}","children?: renderFnType","props?: {\n\t\tsidebarWidth?: string; // 侧边栏宽度,比如 \"240px\"\n\t\tsidebarPosition?: \"left\" | \"right\";\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: {\n\t\tgap?: string | number;\n\t\tsnapType?: \"mandatory\" | \"proximity\";\n\t\theight?: string;\n\t\twidth?: string;\n\t}","children?: renderFnType","slides: TemplateResult[]","props?: {\n\t\ttop?: string;\n\t\tright?: string;\n\t\tbottom?: string;\n\t\tleft?: string;\n\t\twidth?: string;\n\t\theight?: string;\n\t\tzIndex?: number;\n\t}","children?: renderFnType","props?: {\n\t\twidth?: string; // 宽度,如 \"300px\" 或 \"50%\"\n\t\theight?: string; // 高度,如 \"auto\" 或 \"200px\"\n\t\ttop?: string; // 距离顶部距离,默认 \"20%\"\n\t\tbottom?: string; // 距离底部距离,默认 \"auto\"\n\t\tleft?: string; // 距离左侧距离,默认 \"50%\"\n\t\tright?: string; // 距离右侧距离,默认 \"auto\"\n\t\tbackground?: string; // 背景色,支持透明度,默认 \"rgba(255,255,255,0.3)\"\n\t\tblur?: string; // 模糊半径,默认 \"10px\"\n\t\tborderRadius?: string; // 圆角,默认 \"12px\"\n\t\tpadding?: string; // 内边距,默认 \"16px\"\n\t\tzIndex?: number; // z-index,默认 1000\n\t}","children?: renderFnType","props: {\n\t\tratio: number; // 宽高比,例如 16/9、4/3\n\t\tmaxWidth?: string;\n\t\tbackground?: string;\n\t\toverflow?: string;\n\t}","children?: renderFnType","props: {\n\t\tminItemWidth: string;\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: { size?: string; overlap?: string }","children?: renderFnType","avatar: unknown","idx: number","props?: {\n\t\tcontent?: string | number;\n\t\tposition?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\t\tsize?: string;\n\t\tbackground?: string;\n\t\tcolor?: string;\n\t}","children?: renderFnType","props?: {\n\t\tpadding?: string;\n\t\tborderRadius?: string;\n\t\tshadow?: string;\n\t\tbackground?: string;\n\t}","children?: renderFnType","props?: { width?: string; height?: string; background?: string }","children?: renderFnType","props?: {\n\t\tmaxWidth?: string;\n\t\tpadding?: string;\n\t\tbackground?: string;\n\t\tfullHeight?: boolean;\n\t}","children?: renderFnType","props?: {\n\torientation?: \"horizontal\" | \"vertical\";\n\tthickness?: string;\n\tcolor?: string;\n\tmargin?: string;\n}","props?: {\n\t\tcolumns?: number;\n\t\tgap?: string;\n\t\tbackground?: string;\n\t\tpadding?: string;\n\t}","children?: renderFnType","props: {\n\t\tbreakpoints: Record<string, number>;\n\t\tdefaultColumns?: number;\n\t\tgap?: string;\n\t}","children?: renderFnType","props?: {\n\t\tbackgroundImage?: string;\n\t\theight?: string;\n\t\toverlayColor?: string;\n\t}","children?: renderFnType","props?: { breakpoint?: string; mode?: \"hide\" | \"show\" }","children?: renderFnType","props?: { bordered?: boolean; striped?: boolean; hover?: boolean }","children?: renderFnType","props?: { background?: string; zIndex?: number; fullScreen?: boolean }","children?: renderFnType","props?: { width?: string; height?: string; background?: string }","children?: renderFnType","props?: { width?: string; height?: string }","props?: {\n\ttype?: \"rect\" | \"circle\";\n\twidth?: string;\n\theight?: string;\n\tborderRadius?: string;\n\tanimation?: boolean;\n}","props?: {\n\t\ttop?: string;\n\t\tbottom?: string;\n\t\tzIndex?: number;\n\t}","children?: renderFnType","props?: { striped?: boolean; hover?: boolean; bordered?: boolean }","children?: renderFnType","props?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tgap?: string | number;\n\t\talign?: string;\n\t\tjustify?: string;\n\t}","children?: renderFnType","props?: {\n\t\twidth?: string;\n\t\theight?: string;\n\t\tbackground?: string;\n\t\talign?:\n\t\t\t| \"top-left\"\n\t\t\t| \"top-right\"\n\t\t\t| \"center\"\n\t\t\t| \"bottom-left\"\n\t\t\t| \"bottom-right\";\n\t}","children?: renderFnType"],"sources":["../src/components/core.ts","../src/components/LightboxContainer.ts","../src/components/Column.ts","../src/components/Flex.ts","../src/components/FlowItem.ts","../src/components/Grid.ts","../src/components/GridCol.ts","../src/components/GridItem.ts","../src/components/GridRow.ts","../src/components/Row.ts","../src/components/WaterFlow.ts","../src/components/ColumnSplit.ts","../src/components/RowSplit.ts","../src/components/ScrollBar.ts","../src/components/SideBarContainer.ts","../src/components/Swiper.ts","../src/components/AbsoluteBox.ts","../src/components/AcrylicBar.ts","../src/components/AspectRatio.ts","../src/components/AutoFitGrid.ts","../src/components/AvatarStack.ts","../src/components/Badge.ts","../src/components/Card.ts","../src/components/Center.ts","../src/components/Container.ts","../src/components/Divider.ts","../src/components/FooterLayout.ts","../src/components/GridBreakpoint.ts","../src/components/HeroSection.ts","../src/components/Hidden.ts","../src/components/ListGroup.ts","../src/components/Overlay.ts","../src/components/PositionContainer.ts","../src/components/SizedBox.ts","../src/components/SkeletonLoader.ts","../src/components/Spacer.ts","../src/components/Sticky.ts","../src/components/Table.ts","../src/components/Wrap.ts","../src/components/ZStack.ts"],"sourcesContent":["import { html, TemplateResult } from \"lit\";\n\nexport type renderFnType = TemplateResult | (() => TemplateResult);\nexport function renderFn(fn?: renderFnType): TemplateResult {\n\treturn fn ? (typeof fn === \"function\" ? fn() : fn) : html``;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function LightboxContainer(\n\tprops?: { fadeBg?: string; zIndex?: number },\n\tchildren?: renderFnType\n) {\n\tconst bg = props?.fadeBg ?? \"rgba(0,0,0,0.7)\";\n\tconst z = props?.zIndex ?? 2000;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${bg};\n z-index: ${z};\n display: flex;\n justify-content: center;\n align-items: center;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Column(\n\tprops?: { space?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: column;\n ${props?.space ? `gap: ${props.space};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Flex(\n\tprops?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tjustify?: string;\n\t\talign?: string;\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst dir = props?.direction ?? \"row\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${dir};\n ${props?.justify ? `justify-content: ${props.justify};` : \"\"}\n ${props?.align ? `align-items: ${props.align};` : \"\"}\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function FlowItem(_props?: unknown, children?: renderFnType) {\n\treturn html`\n\t\t<div style=\"break-inside: avoid; margin-bottom: 16px;\">\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Grid(\n\tprops?: { columns?: number; gap?: string | number },\n\tchildren?: renderFnType\n) {\n\tconst cols = props?.columns ?? 1;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(${cols}, 1fr);\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridCol(\n\tprops?: { gap?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-auto-flow: column;\n ${props?.gap ? `column-gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridItem(props?: { span?: number }, children?: renderFnType) {\n\treturn html`\n\t\t<div style=\"${props?.span ? `grid-column: span ${props.span};` : \"\"}\">\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridRow(\n\tprops?: { gap?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-auto-flow: row;\n ${props?.gap ? `row-gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Row(\n\tprops?: { space?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: row;\n ${props?.space ? `gap: ${props.space};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function WaterFlow(\n\tprops?: { columnCount?: number; gap?: string | number },\n\tchildren?: renderFnType\n) {\n\tconst count = props?.columnCount ?? 3;\n\tconst gap = props?.gap ?? \"16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n column-count: ${count};\n column-gap: ${gap};\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ColumnSplit(\n\tprops?: {\n\t\tfirstHeight?: string; // 第一个面板固定高度或百分比\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"0px\";\n\tconst firstH = props?.firstHeight ?? \"50%\";\n\n\tlet topNode = html``;\n\tlet bottomNode = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\ttopNode = arr[0] ?? html``;\n\t\tbottomNode = arr[1] ?? html``;\n\t} else {\n\t\ttopNode = renderFn(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${firstH}; overflow: auto;\">${topNode}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${bottomNode}</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function RowSplit(\n\tprops?: {\n\t\tfirstWidth?: string; // 第一个面板固定宽度或百分比\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"0px\";\n\tconst firstW = props?.firstWidth ?? \"50%\";\n\n\tlet leftNode = html``;\n\tlet rightNode = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\tleftNode = arr[0] ?? html``;\n\t\trightNode = arr[1] ?? html``;\n\t} else {\n\t\tleftNode = renderFn(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${firstW}; overflow: auto;\">${leftNode}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${rightNode}</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ScrollBar(\n\tprops?: {\n\t\tdirection?: \"vertical\" | \"horizontal\";\n\t\theight?: string;\n\t\twidth?: string;\n\t\tcustomCss?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst dir = props?.direction ?? \"vertical\";\n\tconst h = props?.height ?? \"100%\";\n\tconst w = props?.width ?? \"100%\";\n\tconst extraCss = props?.customCss ?? \"\";\n\n\tconst overflowStyle =\n\t\tdir === \"horizontal\"\n\t\t\t? \"overflow-x: auto; overflow-y: hidden\"\n\t\t\t: \"overflow-y: auto; overflow-x: hidden\";\n\n\treturn html`\n\t\t<style>\n\t\t\t.scrollbar-container {\n\t\t\t ${overflowStyle};\n\t\t\t width: ${w};\n\t\t\t height: ${h};\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar {\n\t\t\t width: 8px;\n\t\t\t height: 8px;\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar-thumb {\n\t\t\t background-color: rgba(0, 0, 0, 0.2);\n\t\t\t border-radius: 4px;\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar-track {\n\t\t\t background: rgba(0, 0, 0, 0.05);\n\t\t\t}\n\t\t\t${extraCss}\n\t\t</style>\n\t\t<div class=\"scrollbar-container\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function SideBarContainer(\n\tprops?: {\n\t\tsidebarWidth?: string; // 侧边栏宽度,比如 \"240px\"\n\t\tsidebarPosition?: \"left\" | \"right\";\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst width = props?.sidebarWidth ?? \"240px\";\n\tconst pos = props?.sidebarPosition ?? \"left\";\n\tconst gap = props?.gap ?? \"0px\";\n\n\tlet sidebarContent = html``;\n\tlet mainContent = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\tsidebarContent = arr[0] ?? html``;\n\t\tmainContent = arr[1] ?? html``;\n\t} else {\n\t\tmainContent = renderFn(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${pos === \"left\" ? \"row\" : \"row-reverse\"};\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${width}; overflow: auto;\">${sidebarContent}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${mainContent}</div>\n\t\t</div>\n\t`;\n}\n","import { html, TemplateResult, unsafeCSS } from \"lit\";\nimport { renderFnType } from \"./core\";\n\nexport function Swiper(\n\tprops?: {\n\t\tgap?: string | number;\n\t\tsnapType?: \"mandatory\" | \"proximity\";\n\t\theight?: string;\n\t\twidth?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"8px\";\n\tconst snapType = props?.snapType ?? \"mandatory\";\n\tconst height = props?.height ?? \"auto\";\n\tconst width = props?.width ?? \"100%\";\n\n\tlet slides: TemplateResult[] = [];\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tslides = (children as any).call?.(null) ?? [];\n\t} else if (children) {\n\t\tslides = [children];\n\t}\n\n\treturn html`\n\t\t<style>\n\t\t\t.swiper-container {\n\t\t\t\twidth: ${width};\n\t\t\t\theight: ${height};\n\t\t\t\toverflow-x: auto;\n\t\t\t\toverflow-y: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tscroll-snap-type: x ${snapType};\n\t\t\t\t-webkit-overflow-scrolling: touch;\n\t\t\t\tgap: ${unsafeCSS(gap)};\n\t\t\t}\n\t\t\t.swiper-slide {\n\t\t\t\tscroll-snap-align: start;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\t\t</style>\n\t\t<div class=\"swiper-container\">\n\t\t\t${slides.map((slide) => html` <div class=\"swiper-slide\">${slide}</div> `)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AbsoluteBox(\n\tprops?: {\n\t\ttop?: string;\n\t\tright?: string;\n\t\tbottom?: string;\n\t\tleft?: string;\n\t\twidth?: string;\n\t\theight?: string;\n\t\tzIndex?: number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst t = props?.top ? `top: ${props.top};` : \"\";\n\tconst r = props?.right ? `right: ${props.right};` : \"\";\n\tconst b = props?.bottom ? `bottom: ${props.bottom};` : \"\";\n\tconst l = props?.left ? `left: ${props.left};` : \"\";\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst z =\n\t\ttypeof props?.zIndex === \"number\" ? `z-index: ${props.zIndex};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: absolute;\n ${t} ${r} ${b} ${l}\n ${w} ${h}\n ${z}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AcrylicBar(\n\tprops?: {\n\t\twidth?: string; // 宽度,如 \"300px\" 或 \"50%\"\n\t\theight?: string; // 高度,如 \"auto\" 或 \"200px\"\n\t\ttop?: string; // 距离顶部距离,默认 \"20%\"\n\t\tbottom?: string; // 距离底部距离,默认 \"auto\"\n\t\tleft?: string; // 距离左侧距离,默认 \"50%\"\n\t\tright?: string; // 距离右侧距离,默认 \"auto\"\n\t\tbackground?: string; // 背景色,支持透明度,默认 \"rgba(255,255,255,0.3)\"\n\t\tblur?: string; // 模糊半径,默认 \"10px\"\n\t\tborderRadius?: string; // 圆角,默认 \"12px\"\n\t\tpadding?: string; // 内边距,默认 \"16px\"\n\t\tzIndex?: number; // z-index,默认 1000\n\t},\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ?? \"300px\";\n\tconst h = props?.height ?? \"auto\";\n\tconst top = props?.top ?? \"20%\";\n\tconst bottom = props?.bottom ?? \"auto\";\n\tconst left = props?.left ?? \"50%\";\n\tconst right = props?.right ?? \"auto\";\n\t// 如果 left 被设置为非 \"auto\",则让组件水平居中\n\tconst translateX = left !== \"auto\" ? \"transform: translateX(-50%);\" : \"\";\n\tconst bg = props?.background ?? \"rgba(255, 255, 255, 0.3)\";\n\tconst blur = props?.blur ?? \"10px\";\n\tconst br = props?.borderRadius ?? \"12px\";\n\tconst pd = props?.padding ?? \"16px\";\n\tconst z = props?.zIndex ?? 1000;\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: fixed;\n top: ${top};\n bottom: ${bottom};\n left: ${left};\n right: ${right};\n ${translateX}\n width: ${w};\n height: ${h};\n background: ${bg};\n backdrop-filter: blur(${blur});\n -webkit-backdrop-filter: blur(${blur});\n border-radius: ${br};\n padding: ${pd};\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n z-index: ${z};\n display: flex;\n flex-direction: column;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AspectRatio(\n\tprops: {\n\t\tratio: number; // 宽高比,例如 16/9、4/3\n\t\tmaxWidth?: string;\n\t\tbackground?: string;\n\t\toverflow?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst paddingTop = `${100 / props.ratio}%`;\n\tconst mw = props.maxWidth ? `max-width: ${props.maxWidth};` : \"\";\n\tconst bg = props.background ? `background: ${props.background};` : \"\";\n\tconst ov = props.overflow ?? \"hidden\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n width: 100%;\n ${mw}\n ${bg}\n overflow: ${ov};\n \"\n\t\t>\n\t\t\t<div style=\"width: 100%; padding-top: ${paddingTop};\"></div>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n \"\n\t\t\t>\n\t\t\t\t${renderFn(children)}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AutoFitGrid(\n\tprops: {\n\t\tminItemWidth: string;\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(${props.minItemWidth}, 1fr));\n gap: ${gap};\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnType } from \"./core\";\n\nexport function AvatarStack(\n\tprops?: { size?: string; overlap?: string },\n\tchildren?: renderFnType\n) {\n\tconst sz = props?.size ?? \"32px\";\n\tconst ov = props?.overlap ?? \"-8px\";\n\treturn html`\n\t\t<div style=\"display: flex; align-items: center;\">\n\t\t\t${typeof children === \"function\"\n\t\t\t\t? (children() as any).map(\n\t\t\t\t\t\t(avatar: unknown, idx: number) => html`\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle=\"\n width: ${sz};\n height: ${sz};\n border-radius: 50%;\n overflow: hidden;\n border: 2px solid #fff;\n margin-left: ${idx === 0 ? \"0\" : ov};\n box-sizing: content-box;\n \"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t${avatar}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t )\n\t\t\t\t: html``}\n\t\t</div>\n\t`;\n}\n","// Badge.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Badge(\n\tprops?: {\n\t\tcontent?: string | number;\n\t\tposition?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\t\tsize?: string;\n\t\tbackground?: string;\n\t\tcolor?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst pos = props?.position ?? \"top-right\";\n\tconst size = props?.size ?? \"16px\";\n\tconst bg = props?.background ?? \"red\";\n\tconst col = props?.color ?? \"#fff\";\n\t// 计算定位\n\tconst [top, right, bottom, left] = [\n\t\tpos.includes(\"top\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"right\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"bottom\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"left\") ? \"0\" : \"auto\",\n\t];\n\treturn html`\n\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t${renderFn(children)}\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: ${top};\n right: ${right};\n bottom: ${bottom};\n left: ${left};\n width: ${size};\n height: ${size};\n background: ${bg};\n color: ${col};\n font-size: calc(${size} * 0.6);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transform: translate(${left === \"0\"\n\t\t\t\t\t? \"-50%\"\n\t\t\t\t\t: left === \"auto\"\n\t\t\t\t\t? \"0\"\n\t\t\t\t\t: \"0\"}, ${top === \"0\" ? \"-50%\" : top === \"auto\" ? \"0\" : \"0\"});\n \"\n\t\t\t>\n\t\t\t\t${props?.content ?? \"\"}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Card(\n\tprops?: {\n\t\tpadding?: string;\n\t\tborderRadius?: string;\n\t\tshadow?: string;\n\t\tbackground?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst pd = props?.padding ?? \"16px\";\n\tconst br = props?.borderRadius ?? \"8px\";\n\tconst sd = props?.shadow ?? \"0 2px 8px rgba(0,0,0,0.1)\";\n\tconst bg = props?.background ?? \"#fff\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n background: ${bg};\n border-radius: ${br};\n box-shadow: ${sd};\n padding: ${pd};\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Center(\n\tprops?: { width?: string; height?: string; background?: string },\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n justify-content: center;\n align-items: center;\n ${w} ${h} ${bg}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Container(\n\tprops?: {\n\t\tmaxWidth?: string;\n\t\tpadding?: string;\n\t\tbackground?: string;\n\t\tfullHeight?: boolean;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst mw = props?.maxWidth ?? \"1024px\";\n\tconst pad = props?.padding ?? \"0 16px\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\tconst h = props?.fullHeight ? \"height: 100%;\" : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n width: 100%;\n max-width: ${mw};\n margin-left: auto;\n margin-right: auto;\n padding: ${pad};\n ${bg}\n ${h}\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function Divider(props?: {\n\torientation?: \"horizontal\" | \"vertical\";\n\tthickness?: string;\n\tcolor?: string;\n\tmargin?: string;\n}) {\n\tconst ori = props?.orientation ?? \"horizontal\";\n\tconst thickness = props?.thickness ?? \"1px\";\n\tconst color = props?.color ?? \"#e0e0e0\";\n\tconst margin = props?.margin ?? (ori === \"horizontal\" ? \"8px 0\" : \"0 8px\");\n\n\tconst style =\n\t\tori === \"horizontal\"\n\t\t\t? `width: 100%; height: ${thickness}; background: ${color}; margin: ${margin};`\n\t\t\t: `width: ${thickness}; height: 100%; background: ${color}; margin: ${margin};`;\n\n\treturn html`<div style=\"${style}\"></div>`;\n}\n","// FooterLayout.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function FooterLayout(\n\tprops?: {\n\t\tcolumns?: number;\n\t\tgap?: string;\n\t\tbackground?: string;\n\t\tpadding?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst cols = props?.columns ?? 4;\n\tconst gap = props?.gap ?? \"24px\";\n\tconst bg = props?.background ?? \"#f8f8f8\";\n\tconst pad = props?.padding ?? \"40px 16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n width: 100%;\n background: ${bg};\n padding: ${pad};\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(${cols}, 1fr);\n gap: ${gap};\n \"\n\t\t\t>\n\t\t\t\t${renderFn(children)}\n\t\t\t</div>\n\t\t\t<div style=\"text-align: center; margin-top: 24px; color: #666;\">\n\t\t\t\t© ${new Date().getFullYear()} Your Company. All rights reserved.\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridBreakpoint(\n\tprops: {\n\t\tbreakpoints: Record<string, number>;\n\t\tdefaultColumns?: number;\n\t\tgap?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst defCols = props.defaultColumns ?? 1;\n\tconst gap = props.gap ?? \"16px\";\n\t// 生成媒体查询 CSS\n\tconst mqCss = Object.entries(props.breakpoints)\n\t\t.map(\n\t\t\t([query, cols]) => `\n @media ${query} {\n .grid-breakpoint { grid-template-columns: repeat(${cols}, 1fr); }\n }\n `\n\t\t)\n\t\t.join(\"\\n\");\n\treturn html`\n\t\t<style>\n\t\t\t.grid-breakpoint {\n\t\t\t display: grid;\n\t\t\t grid-template-columns: repeat(${defCols}, 1fr);\n\t\t\t gap: ${gap};\n\t\t\t}\n\t\t\t${mqCss}\n\t\t</style>\n\t\t<div class=\"grid-breakpoint\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function HeroSection(\n\tprops?: {\n\t\tbackgroundImage?: string;\n\t\theight?: string;\n\t\toverlayColor?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst bgImage = props?.backgroundImage\n\t\t? `background-image: url('${props.backgroundImage}');`\n\t\t: \"\";\n\tconst height = props?.height ?? \"400px\";\n\tconst overlay = props?.overlayColor ?? \"rgba(0, 0, 0, 0.3)\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n width: 100%;\n height: ${height};\n ${bgImage}\n background-size: cover;\n background-position: center;\n \"\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${overlay};\n \"\n\t\t\t></div>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: relative;\n z-index: 1;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #fff;\n text-align: center;\n padding: 0 16px;\n box-sizing: border-box;\n \"\n\t\t\t>\n\t\t\t\t${renderFn(children)}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","// Hidden.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Hidden(\n\tprops?: { breakpoint?: string; mode?: \"hide\" | \"show\" },\n\tchildren?: renderFnType\n) {\n\tconst bp = props?.breakpoint ?? \"(max-width: 600px)\";\n\tconst mode = props?.mode ?? \"hide\";\n\tconst styleContent =\n\t\tmode === \"hide\"\n\t\t\t? `@media ${bp} { .hidden-container { display: none !important; } }`\n\t\t\t: `@media ${bp} { .hidden-container { display: block !important; } }\n @media not ${bp} { .hidden-container { display: none !important; } }`;\n\treturn html`\n\t\t<style>\n\t\t\t.hidden-container {\n\t\t\t display: block;\n\t\t\t}\n\t\t\t${styleContent}\n\t\t</style>\n\t\t<div class=\"hidden-container\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ListGroup(\n\tprops?: { bordered?: boolean; striped?: boolean; hover?: boolean },\n\tchildren?: renderFnType\n) {\n\tconst bordered = props?.bordered\n\t\t? `border: 1px solid #ddd; border-radius: 4px`\n\t\t: \"\";\n\tconst striped = props?.striped\n\t\t? `li:nth-child(even) { background: #f9f9f9; }`\n\t\t: \"\";\n\tconst hover = props?.hover\n\t\t? `li:hover { background: #f1f1f1; cursor: pointer; }`\n\t\t: \"\";\n\treturn html`\n\t\t<style>\n\t\t\tul.list-group {\n\t\t\t list-style: none;\n\t\t\t margin: 0;\n\t\t\t padding: 0;\n\t\t\t ${bordered};\n\t\t\t}\n\t\t\tul.list-group li {\n\t\t\t padding: 12px 16px;\n\t\t\t ${props?.bordered ? \"border-bottom: 1px solid #ddd\" : \"\"};\n\t\t\t}\n\t\t\tul.list-group li:last-child {\n\t\t\t ${props?.bordered ? \"border-bottom: none\" : \"\"};\n\t\t\t}\n\t\t\t${striped}\n\t\t\t${hover}\n\t\t</style>\n\t\t<ul class=\"list-group\">\n\t\t\t${renderFn(children)}\n\t\t</ul>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Overlay(\n\tprops?: { background?: string; zIndex?: number; fullScreen?: boolean },\n\tchildren?: renderFnType\n) {\n\tconst bg = props?.background ?? \"rgba(0, 0, 0, 0.5)\";\n\tconst z = props?.zIndex ?? 1000;\n\tconst full = props?.fullScreen !== false;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: ${full ? \"fixed\" : \"absolute\"};\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${bg};\n z-index: ${z};\n display: flex;\n justify-content: center;\n align-items: center;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function PositionContainer(\n\tprops?: { width?: string; height?: string; background?: string },\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n ${w} ${h} ${bg}\n overflow: hidden;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function SizedBox(props?: { width?: string; height?: string }) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\treturn html` <div style=\"${w} ${h}\"></div> `;\n}\n","// SkeletonLoader.ts\nimport { html } from \"lit\";\n\nexport function SkeletonLoader(props?: {\n\ttype?: \"rect\" | \"circle\";\n\twidth?: string;\n\theight?: string;\n\tborderRadius?: string;\n\tanimation?: boolean;\n}) {\n\tconst type = props?.type ?? \"rect\";\n\tconst w = props?.width ?? \"100%\";\n\tconst h = props?.height ?? \"16px\";\n\tconst br = props?.borderRadius ?? \"4px\";\n\tconst anim = props?.animation !== false;\n\tconst shapeStyle =\n\t\ttype === \"circle\"\n\t\t\t? `border-radius: 50%; width: ${w}; height: ${w}`\n\t\t\t: `border-radius: ${br}; width: ${w}; height: ${h}`;\n\treturn html`\n\t\t<style>\n\t\t\t${`\n @keyframes skeleton-shimmer {\n\t\t\t 0% { background-color: #eee; }\n\t\t\t 50% { background-color: #ddd; }\n\t\t\t 100% { background-color: #eee; }\n\t\t\t} \n `}\n\t\t\t.skeleton {\n\t\t\t ${shapeStyle};\n\t\t\t background-color: #eee;\n\t\t\t ${anim ? \"animation: skeleton-shimmer 1.2s infinite ease-in-out\" : \"\"};\n\t\t\t}\n\t\t</style>\n\t\t<div class=\"skeleton\"></div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function Spacer() {\n\treturn html`<div style=\"flex: 1 1 auto;\"></div>`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Sticky(\n\tprops?: {\n\t\ttop?: string;\n\t\tbottom?: string;\n\t\tzIndex?: number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst top = props?.top ? `top: ${props.top};` : \"\";\n\tconst bottom = props?.bottom ? `bottom: ${props.bottom};` : \"\";\n\tconst z =\n\t\ttypeof props?.zIndex === \"number\" ? `z-index: ${props.zIndex};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: sticky;\n ${top} ${bottom}\n ${z}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Table(\n\tprops?: { striped?: boolean; hover?: boolean; bordered?: boolean },\n\tchildren?: renderFnType\n) {\n\tconst striped = props?.striped\n\t\t? `\n tr:nth-child(even) { background: #f9f9f9; }\n `\n\t\t: \"\";\n\tconst hover = props?.hover\n\t\t? `\n tr:hover { background: #f1f1f1; }\n `\n\t\t: \"\";\n\tconst bordered = props?.bordered\n\t\t? `\n table, th, td { border: 1px solid #ddd; }\n `\n\t\t: \"\";\n\treturn html`\n\t\t<style>\n\t\t\ttable {\n\t\t\t width: 100%;\n\t\t\t border-collapse: collapse;\n\t\t\t}\n\t\t\tth, td {\n\t\t\t padding: 8px 12px;\n\t\t\t text-align: left;\n\t\t\t}\n\t\t\t${striped}\n\t\t\t${hover}\n\t\t\t${bordered}\n\t\t</style>\n\t\t<table>\n\t\t\t${renderFn(children)}\n\t\t</table>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Wrap(\n\tprops?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tgap?: string | number;\n\t\talign?: string;\n\t\tjustify?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst dir = props?.direction ?? \"row\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${dir};\n flex-wrap: wrap;\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n ${props?.align ? `align-items: ${props.align};` : \"\"}\n ${props?.justify ? `justify-content: ${props.justify};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ZStack(\n\tprops?: {\n\t\twidth?: string;\n\t\theight?: string;\n\t\tbackground?: string;\n\t\talign?:\n\t\t\t| \"top-left\"\n\t\t\t| \"top-right\"\n\t\t\t| \"center\"\n\t\t\t| \"bottom-left\"\n\t\t\t| \"bottom-right\";\n\t},\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\tlet justify = \"flex-start\";\n\tlet alignItems = \"flex-start\";\n\tswitch (props?.align) {\n\t\tcase \"top-right\":\n\t\t\tjustify = \"flex-end\";\n\t\t\talignItems = \"flex-start\";\n\t\t\tbreak;\n\t\tcase \"center\":\n\t\t\tjustify = \"center\";\n\t\t\talignItems = \"center\";\n\t\t\tbreak;\n\t\tcase \"bottom-left\":\n\t\t\tjustify = \"flex-start\";\n\t\t\talignItems = \"flex-end\";\n\t\t\tbreak;\n\t\tcase \"bottom-right\":\n\t\t\tjustify = \"flex-end\";\n\t\t\talignItems = \"flex-end\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\t// \"top-left\"\n\t\t\tjustify = \"flex-start\";\n\t\t\talignItems = \"flex-start\";\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n display: flex;\n justify-content: ${justify};\n align-items: ${alignItems};\n ${w} ${h} ${bg}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"index.es.js","names":["fn?: renderFnType","fnOrArray?: renderFnOrArrayType","injectBox?: (box: TemplateResult, idx?: number) => TemplateResult","props?: { fadeBg?: string; zIndex?: number }","children?: renderFnType","props?: { space?: string | number }","children?: renderFnOrArrayType","props?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tjustify?: string;\n\t\talign?: string;\n\t\tgap?: string | number;\n\t}","children?: renderFnType","_props?: unknown","children?: renderFnType","props?: { columns?: number; gap?: string | number }","children?: renderFnOrArrayType","props?: { gap?: string | number }","children?: renderFnType","props?: { span?: number }","children?: renderFnType","props?: { gap?: string | number }","children?: renderFnType","props?: { space?: string | number }","children?: renderFnOrArrayType","props?: { columnCount?: number; gap?: string | number }","children?: renderFnType","props?: {\n\t\tfirstHeight?: string; // 第一个面板固定高度或百分比\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: {\n\t\tfirstWidth?: string; // 第一个面板固定宽度或百分比\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: {\n\t\tdirection?: \"vertical\" | \"horizontal\";\n\t\theight?: string;\n\t\twidth?: string;\n\t\tcustomCss?: string;\n\t}","children?: renderFnType","props?: {\n\t\tsidebarWidth?: string; // 侧边栏宽度,比如 \"240px\"\n\t\tsidebarPosition?: \"left\" | \"right\";\n\t\tgap?: string | number;\n\t}","children?: renderFnOrArrayType","props?: {\n\t\tgap?: string | number;\n\t\tsnapType?: \"mandatory\" | \"proximity\";\n\t\theight?: string;\n\t\twidth?: string;\n\t}","children?: renderFnType","slides: TemplateResult[]","props?: {\n\t\ttop?: string;\n\t\tright?: string;\n\t\tbottom?: string;\n\t\tleft?: string;\n\t\twidth?: string;\n\t\theight?: string;\n\t\tzIndex?: number;\n\t}","children?: renderFnType","props?: {\n\t\twidth?: string; // 宽度,如 \"300px\" 或 \"50%\"\n\t\theight?: string; // 高度,如 \"auto\" 或 \"200px\"\n\t\ttop?: string; // 距离顶部距离,默认 \"20%\"\n\t\tbottom?: string; // 距离底部距离,默认 \"auto\"\n\t\tleft?: string; // 距离左侧距离,默认 \"50%\"\n\t\tright?: string; // 距离右侧距离,默认 \"auto\"\n\t\tbackground?: string; // 背景色,支持透明度,默认 \"rgba(255,255,255,0.3)\"\n\t\tblur?: string; // 模糊半径,默认 \"10px\"\n\t\tborderRadius?: string; // 圆角,默认 \"12px\"\n\t\tpadding?: string; // 内边距,默认 \"16px\"\n\t\tzIndex?: number; // z-index,默认 1000\n\t}","children?: renderFnOrArrayType","props: {\n\t\tratio: number; // 宽高比,例如 16/9、4/3\n\t\tmaxWidth?: string;\n\t\tbackground?: string;\n\t\toverflow?: string;\n\t}","children?: renderFnOrArrayType","props: {\n\t\tminItemWidth: string;\n\t\tgap?: string | number;\n\t}","children?: renderFnType","props?: { size?: string; overlap?: string }","children?: renderFnOrArrayType","avatar: TemplateResult","idx?: number","props?: {\n\t\tcontent?: string | number;\n\t\tposition?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\t\tsize?: string;\n\t\tbackground?: string;\n\t\tcolor?: string;\n\t}","children?: renderFnType","props?: {\n\t\tpadding?: string;\n\t\tborderRadius?: string;\n\t\tshadow?: string;\n\t\tbackground?: string;\n\t}","children?: renderFnOrArrayType","props?: { width?: string; height?: string; background?: string }","children?: renderFnType","props?: {\n\t\tmaxWidth?: string;\n\t\tpadding?: string;\n\t\tbackground?: string;\n\t\tfullHeight?: boolean;\n\t}","children?: renderFnOrArrayType","props?: {\n\torientation?: \"horizontal\" | \"vertical\";\n\tthickness?: string;\n\tcolor?: string;\n\tmargin?: string;\n}","props?: {\n\t\tcolumns?: number;\n\t\tgap?: string;\n\t\tbackground?: string;\n\t\tpadding?: string;\n\t}","children?: renderFnType","props: {\n\t\tbreakpoints: Record<string, number>;\n\t\tdefaultColumns?: number;\n\t\tgap?: string;\n\t}","children?: renderFnType","props?: {\n\t\tbackgroundImage?: string;\n\t\theight?: string;\n\t\toverlayColor?: string;\n\t}","children?: renderFnOrArrayType","props?: { breakpoint?: string; mode?: \"hide\" | \"show\" }","children?: renderFnType","props?: { bordered?: boolean; striped?: boolean; hover?: boolean }","children?: renderFnType","props?: { background?: string; zIndex?: number; fullScreen?: boolean }","children?: renderFnOrArrayType","props?: { width?: string; height?: string; background?: string }","children?: renderFnType","props?: { width?: string; height?: string }","props?: {\n\ttype?: \"rect\" | \"circle\";\n\twidth?: string;\n\theight?: string;\n\tborderRadius?: string;\n\tanimation?: boolean;\n}","props?: {\n\t\ttop?: string;\n\t\tbottom?: string;\n\t\tzIndex?: number;\n\t}","children?: renderFnType","props?: { striped?: boolean; hover?: boolean; bordered?: boolean }","children?: renderFnType","props?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tgap?: string | number;\n\t\talign?: string;\n\t\tjustify?: string;\n\t}","children?: renderFnOrArrayType","props?: {\n\t\twidth?: string;\n\t\theight?: string;\n\t\tbackground?: string;\n\t\talign?:\n\t\t\t| \"top-left\"\n\t\t\t| \"top-right\"\n\t\t\t| \"center\"\n\t\t\t| \"bottom-left\"\n\t\t\t| \"bottom-right\";\n\t}","children?: renderFnOrArrayType"],"sources":["../src/components/core.ts","../src/components/LightboxContainer.ts","../src/components/Column.ts","../src/components/Flex.ts","../src/components/FlowItem.ts","../src/components/Grid.ts","../src/components/GridCol.ts","../src/components/GridItem.ts","../src/components/GridRow.ts","../src/components/Row.ts","../src/components/WaterFlow.ts","../src/components/ColumnSplit.ts","../src/components/RowSplit.ts","../src/components/ScrollBar.ts","../src/components/SideBarContainer.ts","../src/components/Swiper.ts","../src/components/AbsoluteBox.ts","../src/components/AcrylicBar.ts","../src/components/AspectRatio.ts","../src/components/AutoFitGrid.ts","../src/components/AvatarStack.ts","../src/components/Badge.ts","../src/components/Card.ts","../src/components/Center.ts","../src/components/Container.ts","../src/components/Divider.ts","../src/components/FooterLayout.ts","../src/components/GridBreakpoint.ts","../src/components/HeroSection.ts","../src/components/Hidden.ts","../src/components/ListGroup.ts","../src/components/Overlay.ts","../src/components/PositionContainer.ts","../src/components/SizedBox.ts","../src/components/SkeletonLoader.ts","../src/components/Spacer.ts","../src/components/Sticky.ts","../src/components/Table.ts","../src/components/Wrap.ts","../src/components/ZStack.ts"],"sourcesContent":["import { html, TemplateResult } from \"lit\";\n\nexport type renderFnType = TemplateResult | (() => TemplateResult);\n\nexport type renderFnOrArrayType =\n\t| renderFnType\n\t| Array<TemplateResult>\n\t| (() => TemplateResult[]);\n\nexport function renderFn(fn?: renderFnType): TemplateResult {\n\treturn fn ? (typeof fn === \"function\" ? fn() : fn) : html``;\n}\n\nexport function renderFnOrArray(\n\tfnOrArray?: renderFnOrArrayType,\n\tinjectBox?: (box: TemplateResult, idx?: number) => TemplateResult\n): TemplateResult | TemplateResult[] {\n\tlet _injectBox = injectBox ?? ((box) => box);\n\tif (fnOrArray === undefined) {\n\t\treturn html``;\n\t}\n\tif (Array.isArray(fnOrArray)) {\n\t\treturn fnOrArray.map((htmlTemp, idx) =>\n\t\t\t_injectBox(renderFn(htmlTemp), idx)\n\t\t);\n\t} else if (typeof fnOrArray !== \"function\") {\n\t\treturn _injectBox(fnOrArray);\n\t}\n\n\tconst result = fnOrArray();\n\tif (Array.isArray(result)) {\n\t\treturn result.map((htmlTemp, idx) => _injectBox(renderFn(htmlTemp), idx));\n\t} else {\n\t\treturn _injectBox(renderFn(result));\n\t}\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function LightboxContainer(\n\tprops?: { fadeBg?: string; zIndex?: number },\n\tchildren?: renderFnType\n) {\n\tconst bg = props?.fadeBg ?? \"rgba(0,0,0,0.7)\";\n\tconst z = props?.zIndex ?? 2000;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: fixed;\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${bg};\n z-index: ${z};\n display: flex;\n justify-content: center;\n align-items: center;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Column(\n\tprops?: { space?: string | number },\n\tchildren?: renderFnOrArrayType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: column;\n ${props?.space ? `gap: ${props.space};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Flex(\n\tprops?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tjustify?: string;\n\t\talign?: string;\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst dir = props?.direction ?? \"row\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${dir};\n ${props?.justify ? `justify-content: ${props.justify};` : \"\"}\n ${props?.align ? `align-items: ${props.align};` : \"\"}\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function FlowItem(_props?: unknown, children?: renderFnType) {\n\treturn html`\n\t\t<div style=\"break-inside: avoid; margin-bottom: 16px;\">\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Grid(\n\tprops?: { columns?: number; gap?: string | number },\n\tchildren?: renderFnOrArrayType\n) {\n\tconst cols = props?.columns ?? 1;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(${cols}, 1fr);\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridCol(\n\tprops?: { gap?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-auto-flow: column;\n ${props?.gap ? `column-gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridItem(props?: { span?: number }, children?: renderFnType) {\n\treturn html`\n\t\t<div style=\"${props?.span ? `grid-column: span ${props.span};` : \"\"}\">\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridRow(\n\tprops?: { gap?: string | number },\n\tchildren?: renderFnType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-auto-flow: row;\n ${props?.gap ? `row-gap: ${props.gap};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Row(\n\tprops?: { space?: string | number },\n\tchildren?: renderFnOrArrayType\n) {\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: row;\n ${props?.space ? `gap: ${props.space};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function WaterFlow(\n\tprops?: { columnCount?: number; gap?: string | number },\n\tchildren?: renderFnType\n) {\n\tconst count = props?.columnCount ?? 3;\n\tconst gap = props?.gap ?? \"16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n column-count: ${count};\n column-gap: ${gap};\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ColumnSplit(\n\tprops?: {\n\t\tfirstHeight?: string; // 第一个面板固定高度或百分比\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"0px\";\n\tconst firstH = props?.firstHeight ?? \"50%\";\n\n\tlet topNode = html``;\n\tlet bottomNode = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\ttopNode = arr[0] ?? html``;\n\t\tbottomNode = arr[1] ?? html``;\n\t} else {\n\t\ttopNode = renderFn(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${firstH}; overflow: auto;\">${topNode}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${bottomNode}</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function RowSplit(\n\tprops?: {\n\t\tfirstWidth?: string; // 第一个面板固定宽度或百分比\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"0px\";\n\tconst firstW = props?.firstWidth ?? \"50%\";\n\n\tlet leftNode = html``;\n\tlet rightNode = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\tleftNode = arr[0] ?? html``;\n\t\trightNode = arr[1] ?? html``;\n\t} else {\n\t\tleftNode = renderFn(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${firstW}; overflow: auto;\">${leftNode}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${rightNode}</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ScrollBar(\n\tprops?: {\n\t\tdirection?: \"vertical\" | \"horizontal\";\n\t\theight?: string;\n\t\twidth?: string;\n\t\tcustomCss?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst dir = props?.direction ?? \"vertical\";\n\tconst h = props?.height ?? \"100%\";\n\tconst w = props?.width ?? \"100%\";\n\tconst extraCss = props?.customCss ?? \"\";\n\n\tconst overflowStyle =\n\t\tdir === \"horizontal\"\n\t\t\t? \"overflow-x: auto; overflow-y: hidden\"\n\t\t\t: \"overflow-y: auto; overflow-x: hidden\";\n\n\treturn html`\n\t\t<style>\n\t\t\t.scrollbar-container {\n\t\t\t ${overflowStyle};\n\t\t\t width: ${w};\n\t\t\t height: ${h};\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar {\n\t\t\t width: 8px;\n\t\t\t height: 8px;\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar-thumb {\n\t\t\t background-color: rgba(0, 0, 0, 0.2);\n\t\t\t border-radius: 4px;\n\t\t\t}\n\t\t\t.scrollbar-container::-webkit-scrollbar-track {\n\t\t\t background: rgba(0, 0, 0, 0.05);\n\t\t\t}\n\t\t\t${extraCss}\n\t\t</style>\n\t\t<div class=\"scrollbar-container\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function SideBarContainer(\n\tprops?: {\n\t\tsidebarWidth?: string; // 侧边栏宽度,比如 \"240px\"\n\t\tsidebarPosition?: \"left\" | \"right\";\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst width = props?.sidebarWidth ?? \"240px\";\n\tconst pos = props?.sidebarPosition ?? \"left\";\n\tconst gap = props?.gap ?? \"0px\";\n\n\tlet sidebarContent = html``;\n\tlet mainContent = html``;\n\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tconst arr = (children as any).call?.(null) ?? [];\n\t\tsidebarContent = arr[0] ?? html``;\n\t\tmainContent = arr[1] ?? html``;\n\t} else {\n\t\tmainContent = renderFnOrArray(children) as any;\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${pos === \"left\" ? \"row\" : \"row-reverse\"};\n width: 100%;\n height: 100%;\n gap: ${gap};\n \"\n\t\t>\n\t\t\t<div style=\"flex: 0 0 ${width}; overflow: auto;\">${sidebarContent}</div>\n\t\t\t<div style=\"flex: 1 1 auto; overflow: auto;\">${mainContent}</div>\n\t\t</div>\n\t`;\n}\n","import { html, TemplateResult, unsafeCSS } from \"lit\";\nimport { renderFnType } from \"./core\";\n\nexport function Swiper(\n\tprops?: {\n\t\tgap?: string | number;\n\t\tsnapType?: \"mandatory\" | \"proximity\";\n\t\theight?: string;\n\t\twidth?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"8px\";\n\tconst snapType = props?.snapType ?? \"mandatory\";\n\tconst height = props?.height ?? \"auto\";\n\tconst width = props?.width ?? \"100%\";\n\n\tlet slides: TemplateResult[] = [];\n\tif (typeof children === \"function\") {\n\t\t// @ts-ignore\n\t\tslides = (children as any).call?.(null) ?? [];\n\t} else if (children) {\n\t\tslides = [children];\n\t}\n\n\treturn html`\n\t\t<style>\n\t\t\t.swiper-container {\n\t\t\t\twidth: ${width};\n\t\t\t\theight: ${height};\n\t\t\t\toverflow-x: auto;\n\t\t\t\toverflow-y: hidden;\n\t\t\t\tdisplay: flex;\n\t\t\t\tscroll-snap-type: x ${snapType};\n\t\t\t\t-webkit-overflow-scrolling: touch;\n\t\t\t\tgap: ${unsafeCSS(gap)};\n\t\t\t}\n\t\t\t.swiper-slide {\n\t\t\t\tscroll-snap-align: start;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\t\t</style>\n\t\t<div class=\"swiper-container\">\n\t\t\t${slides.map((slide) => html` <div class=\"swiper-slide\">${slide}</div> `)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AbsoluteBox(\n\tprops?: {\n\t\ttop?: string;\n\t\tright?: string;\n\t\tbottom?: string;\n\t\tleft?: string;\n\t\twidth?: string;\n\t\theight?: string;\n\t\tzIndex?: number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst t = props?.top ? `top: ${props.top};` : \"\";\n\tconst r = props?.right ? `right: ${props.right};` : \"\";\n\tconst b = props?.bottom ? `bottom: ${props.bottom};` : \"\";\n\tconst l = props?.left ? `left: ${props.left};` : \"\";\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst z =\n\t\ttypeof props?.zIndex === \"number\" ? `z-index: ${props.zIndex};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: absolute;\n ${t} ${r} ${b} ${l}\n ${w} ${h}\n ${z}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function AcrylicBar(\n\tprops?: {\n\t\twidth?: string; // 宽度,如 \"300px\" 或 \"50%\"\n\t\theight?: string; // 高度,如 \"auto\" 或 \"200px\"\n\t\ttop?: string; // 距离顶部距离,默认 \"20%\"\n\t\tbottom?: string; // 距离底部距离,默认 \"auto\"\n\t\tleft?: string; // 距离左侧距离,默认 \"50%\"\n\t\tright?: string; // 距离右侧距离,默认 \"auto\"\n\t\tbackground?: string; // 背景色,支持透明度,默认 \"rgba(255,255,255,0.3)\"\n\t\tblur?: string; // 模糊半径,默认 \"10px\"\n\t\tborderRadius?: string; // 圆角,默认 \"12px\"\n\t\tpadding?: string; // 内边距,默认 \"16px\"\n\t\tzIndex?: number; // z-index,默认 1000\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst w = props?.width ?? \"300px\";\n\tconst h = props?.height ?? \"auto\";\n\tconst top = props?.top ?? \"20%\";\n\tconst bottom = props?.bottom ?? \"auto\";\n\tconst left = props?.left ?? \"50%\";\n\tconst right = props?.right ?? \"auto\";\n\t// 如果 left 被设置为非 \"auto\",则让组件水平居中\n\tconst translateX = left !== \"auto\" ? \"transform: translateX(-50%);\" : \"\";\n\tconst bg = props?.background ?? \"rgba(255, 255, 255, 0.3)\";\n\tconst blur = props?.blur ?? \"10px\";\n\tconst br = props?.borderRadius ?? \"12px\";\n\tconst pd = props?.padding ?? \"16px\";\n\tconst z = props?.zIndex ?? 1000;\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: fixed;\n top: ${top};\n bottom: ${bottom};\n left: ${left};\n right: ${right};\n ${translateX}\n width: ${w};\n height: ${h};\n background: ${bg};\n backdrop-filter: blur(${blur});\n -webkit-backdrop-filter: blur(${blur});\n border-radius: ${br};\n padding: ${pd};\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n z-index: ${z};\n display: flex;\n flex-direction: column;\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function AspectRatio(\n\tprops: {\n\t\tratio: number; // 宽高比,例如 16/9、4/3\n\t\tmaxWidth?: string;\n\t\tbackground?: string;\n\t\toverflow?: string;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst paddingTop = `${100 / props.ratio}%`;\n\tconst mw = props.maxWidth ? `max-width: ${props.maxWidth};` : \"\";\n\tconst bg = props.background ? `background: ${props.background};` : \"\";\n\tconst ov = props.overflow ?? \"hidden\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n width: 100%;\n ${mw}\n ${bg}\n overflow: ${ov};\n \"\n\t\t>\n\t\t\t<div style=\"width: 100%; padding-top: ${paddingTop};\"></div>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n \"\n\t\t\t>\n\t\t\t\t${renderFnOrArray(children)}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function AutoFitGrid(\n\tprops: {\n\t\tminItemWidth: string;\n\t\tgap?: string | number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst gap = props?.gap ?? \"16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(${props.minItemWidth}, 1fr));\n gap: ${gap};\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html, TemplateResult } from \"lit\";\nimport { type renderFnOrArrayType, renderFnOrArray } from \"./core\";\n\nexport function AvatarStack(\n\tprops?: { size?: string; overlap?: string },\n\tchildren?: renderFnOrArrayType\n) {\n\tconst sz = props?.size ?? \"32px\";\n\tconst ov = props?.overlap ?? \"-8px\";\n\tconst injectBox = (avatar: TemplateResult, idx?: number) => html`\n\t\t<div\n\t\t\tstyle=\"\n width: ${sz};\n height: ${sz};\n border-radius: 50%;\n overflow: hidden;\n border: 2px solid #fff;\n margin-left: ${idx === 0 ? \"0\" : ov};\n box-sizing: content-box;\n \"\n\t\t>\n\t\t\t${avatar}\n\t\t</div>\n\t`;\n\treturn html`\n\t\t<div style=\"display: flex; align-items: center;\">\n\t\t\t${renderFnOrArray(children, injectBox)}\n\t\t</div>\n\t`;\n}\n","// Badge.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Badge(\n\tprops?: {\n\t\tcontent?: string | number;\n\t\tposition?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\t\tsize?: string;\n\t\tbackground?: string;\n\t\tcolor?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst pos = props?.position ?? \"top-right\";\n\tconst size = props?.size ?? \"16px\";\n\tconst bg = props?.background ?? \"red\";\n\tconst col = props?.color ?? \"#fff\";\n\t// 计算定位\n\tconst [top, right, bottom, left] = [\n\t\tpos.includes(\"top\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"right\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"bottom\") ? \"0\" : \"auto\",\n\t\tpos.includes(\"left\") ? \"0\" : \"auto\",\n\t];\n\treturn html`\n\t\t<div style=\"position: relative; display: inline-block;\">\n\t\t\t${renderFn(children)}\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: ${top};\n right: ${right};\n bottom: ${bottom};\n left: ${left};\n width: ${size};\n height: ${size};\n background: ${bg};\n color: ${col};\n font-size: calc(${size} * 0.6);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n transform: translate(${left === \"0\"\n\t\t\t\t\t? \"-50%\"\n\t\t\t\t\t: left === \"auto\"\n\t\t\t\t\t? \"0\"\n\t\t\t\t\t: \"0\"}, ${top === \"0\" ? \"-50%\" : top === \"auto\" ? \"0\" : \"0\"});\n \"\n\t\t\t>\n\t\t\t\t${props?.content ?? \"\"}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType, renderFnOrArrayType, renderFnOrArray } from \"./core\";\n\nexport function Card(\n\tprops?: {\n\t\tpadding?: string;\n\t\tborderRadius?: string;\n\t\tshadow?: string;\n\t\tbackground?: string;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst pd = props?.padding ?? \"16px\";\n\tconst br = props?.borderRadius ?? \"8px\";\n\tconst sd = props?.shadow ?? \"0 2px 8px rgba(0,0,0,0.1)\";\n\tconst bg = props?.background ?? \"#fff\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n background: ${bg};\n border-radius: ${br};\n box-shadow: ${sd};\n padding: ${pd};\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Center(\n\tprops?: { width?: string; height?: string; background?: string },\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n justify-content: center;\n align-items: center;\n ${w} ${h} ${bg}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Container(\n\tprops?: {\n\t\tmaxWidth?: string;\n\t\tpadding?: string;\n\t\tbackground?: string;\n\t\tfullHeight?: boolean;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst mw = props?.maxWidth ?? \"1024px\";\n\tconst pad = props?.padding ?? \"0 16px\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\tconst h = props?.fullHeight ? \"height: 100%;\" : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n width: 100%;\n max-width: ${mw};\n margin-left: auto;\n margin-right: auto;\n padding: ${pad};\n ${bg}\n ${h}\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function Divider(props?: {\n\torientation?: \"horizontal\" | \"vertical\";\n\tthickness?: string;\n\tcolor?: string;\n\tmargin?: string;\n}) {\n\tconst ori = props?.orientation ?? \"horizontal\";\n\tconst thickness = props?.thickness ?? \"1px\";\n\tconst color = props?.color ?? \"#e0e0e0\";\n\tconst margin = props?.margin ?? (ori === \"horizontal\" ? \"8px 0\" : \"0 8px\");\n\n\tconst style =\n\t\tori === \"horizontal\"\n\t\t\t? `width: 100%; height: ${thickness}; background: ${color}; margin: ${margin};`\n\t\t\t: `width: ${thickness}; height: 100%; background: ${color}; margin: ${margin};`;\n\n\treturn html`<div style=\"${style}\"></div>`;\n}\n","// FooterLayout.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function FooterLayout(\n\tprops?: {\n\t\tcolumns?: number;\n\t\tgap?: string;\n\t\tbackground?: string;\n\t\tpadding?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst cols = props?.columns ?? 4;\n\tconst gap = props?.gap ?? \"24px\";\n\tconst bg = props?.background ?? \"#f8f8f8\";\n\tconst pad = props?.padding ?? \"40px 16px\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n width: 100%;\n background: ${bg};\n padding: ${pad};\n box-sizing: border-box;\n \"\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle=\"\n display: grid;\n grid-template-columns: repeat(${cols}, 1fr);\n gap: ${gap};\n \"\n\t\t\t>\n\t\t\t\t${renderFn(children)}\n\t\t\t</div>\n\t\t\t<div style=\"text-align: center; margin-top: 24px; color: #666;\">\n\t\t\t\t© ${new Date().getFullYear()} Your Company. All rights reserved.\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function GridBreakpoint(\n\tprops: {\n\t\tbreakpoints: Record<string, number>;\n\t\tdefaultColumns?: number;\n\t\tgap?: string;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst defCols = props.defaultColumns ?? 1;\n\tconst gap = props.gap ?? \"16px\";\n\t// 生成媒体查询 CSS\n\tconst mqCss = Object.entries(props.breakpoints)\n\t\t.map(\n\t\t\t([query, cols]) => `\n @media ${query} {\n .grid-breakpoint { grid-template-columns: repeat(${cols}, 1fr); }\n }\n `\n\t\t)\n\t\t.join(\"\\n\");\n\treturn html`\n\t\t<style>\n\t\t\t.grid-breakpoint {\n\t\t\t display: grid;\n\t\t\t grid-template-columns: repeat(${defCols}, 1fr);\n\t\t\t gap: ${gap};\n\t\t\t}\n\t\t\t${mqCss}\n\t\t</style>\n\t\t<div class=\"grid-breakpoint\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function HeroSection(\n\tprops?: {\n\t\tbackgroundImage?: string;\n\t\theight?: string;\n\t\toverlayColor?: string;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst bgImage = props?.backgroundImage\n\t\t? `background-image: url('${props.backgroundImage}');`\n\t\t: \"\";\n\tconst height = props?.height ?? \"400px\";\n\tconst overlay = props?.overlayColor ?? \"rgba(0, 0, 0, 0.3)\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n width: 100%;\n height: ${height};\n ${bgImage}\n background-size: cover;\n background-position: center;\n \"\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${overlay};\n \"\n\t\t\t></div>\n\t\t\t<div\n\t\t\t\tstyle=\"\n position: relative;\n z-index: 1;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: #fff;\n text-align: center;\n padding: 0 16px;\n box-sizing: border-box;\n \"\n\t\t\t>\n\t\t\t\t${renderFnOrArray(children)}\n\t\t\t</div>\n\t\t</div>\n\t`;\n}\n","// Hidden.ts\nimport { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Hidden(\n\tprops?: { breakpoint?: string; mode?: \"hide\" | \"show\" },\n\tchildren?: renderFnType\n) {\n\tconst bp = props?.breakpoint ?? \"(max-width: 600px)\";\n\tconst mode = props?.mode ?? \"hide\";\n\tconst styleContent =\n\t\tmode === \"hide\"\n\t\t\t? `@media ${bp} { .hidden-container { display: none !important; } }`\n\t\t\t: `@media ${bp} { .hidden-container { display: block !important; } }\n @media not ${bp} { .hidden-container { display: none !important; } }`;\n\treturn html`\n\t\t<style>\n\t\t\t.hidden-container {\n\t\t\t display: block;\n\t\t\t}\n\t\t\t${styleContent}\n\t\t</style>\n\t\t<div class=\"hidden-container\">${renderFn(children)}</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function ListGroup(\n\tprops?: { bordered?: boolean; striped?: boolean; hover?: boolean },\n\tchildren?: renderFnType\n) {\n\tconst bordered = props?.bordered\n\t\t? `border: 1px solid #ddd; border-radius: 4px`\n\t\t: \"\";\n\tconst striped = props?.striped\n\t\t? `li:nth-child(even) { background: #f9f9f9; }`\n\t\t: \"\";\n\tconst hover = props?.hover\n\t\t? `li:hover { background: #f1f1f1; cursor: pointer; }`\n\t\t: \"\";\n\treturn html`\n\t\t<style>\n\t\t\tul.list-group {\n\t\t\t list-style: none;\n\t\t\t margin: 0;\n\t\t\t padding: 0;\n\t\t\t ${bordered};\n\t\t\t}\n\t\t\tul.list-group li {\n\t\t\t padding: 12px 16px;\n\t\t\t ${props?.bordered ? \"border-bottom: 1px solid #ddd\" : \"\"};\n\t\t\t}\n\t\t\tul.list-group li:last-child {\n\t\t\t ${props?.bordered ? \"border-bottom: none\" : \"\"};\n\t\t\t}\n\t\t\t${striped}\n\t\t\t${hover}\n\t\t</style>\n\t\t<ul class=\"list-group\">\n\t\t\t${renderFn(children)}\n\t\t</ul>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Overlay(\n\tprops?: { background?: string; zIndex?: number; fullScreen?: boolean },\n\tchildren?: renderFnOrArrayType\n) {\n\tconst bg = props?.background ?? \"rgba(0, 0, 0, 0.5)\";\n\tconst z = props?.zIndex ?? 1000;\n\tconst full = props?.fullScreen !== false;\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: ${full ? \"fixed\" : \"absolute\"};\n top: 0; left: 0; right: 0; bottom: 0;\n background: ${bg};\n z-index: ${z};\n display: flex;\n justify-content: center;\n align-items: center;\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function PositionContainer(\n\tprops?: { width?: string; height?: string; background?: string },\n\tchildren?: renderFnType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n ${w} ${h} ${bg}\n overflow: hidden;\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function SizedBox(props?: { width?: string; height?: string }) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\treturn html` <div style=\"${w} ${h}\"></div> `;\n}\n","// SkeletonLoader.ts\nimport { html } from \"lit\";\n\nexport function SkeletonLoader(props?: {\n\ttype?: \"rect\" | \"circle\";\n\twidth?: string;\n\theight?: string;\n\tborderRadius?: string;\n\tanimation?: boolean;\n}) {\n\tconst type = props?.type ?? \"rect\";\n\tconst w = props?.width ?? \"100%\";\n\tconst h = props?.height ?? \"16px\";\n\tconst br = props?.borderRadius ?? \"4px\";\n\tconst anim = props?.animation !== false;\n\tconst shapeStyle =\n\t\ttype === \"circle\"\n\t\t\t? `border-radius: 50%; width: ${w}; height: ${w}`\n\t\t\t: `border-radius: ${br}; width: ${w}; height: ${h}`;\n\treturn html`\n\t\t<style>\n\t\t\t${`\n @keyframes skeleton-shimmer {\n\t\t\t 0% { background-color: #eee; }\n\t\t\t 50% { background-color: #ddd; }\n\t\t\t 100% { background-color: #eee; }\n\t\t\t} \n `}\n\t\t\t.skeleton {\n\t\t\t ${shapeStyle};\n\t\t\t background-color: #eee;\n\t\t\t ${anim ? \"animation: skeleton-shimmer 1.2s infinite ease-in-out\" : \"\"};\n\t\t\t}\n\t\t</style>\n\t\t<div class=\"skeleton\"></div>\n\t`;\n}\n","import { html } from \"lit\";\n\nexport function Spacer() {\n\treturn html`<div style=\"flex: 1 1 auto;\"></div>`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Sticky(\n\tprops?: {\n\t\ttop?: string;\n\t\tbottom?: string;\n\t\tzIndex?: number;\n\t},\n\tchildren?: renderFnType\n) {\n\tconst top = props?.top ? `top: ${props.top};` : \"\";\n\tconst bottom = props?.bottom ? `bottom: ${props.bottom};` : \"\";\n\tconst z =\n\t\ttypeof props?.zIndex === \"number\" ? `z-index: ${props.zIndex};` : \"\";\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: sticky;\n ${top} ${bottom}\n ${z}\n \"\n\t\t>\n\t\t\t${renderFn(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType } from \"./core\";\n\nexport function Table(\n\tprops?: { striped?: boolean; hover?: boolean; bordered?: boolean },\n\tchildren?: renderFnType\n) {\n\tconst striped = props?.striped\n\t\t? `\n tr:nth-child(even) { background: #f9f9f9; }\n `\n\t\t: \"\";\n\tconst hover = props?.hover\n\t\t? `\n tr:hover { background: #f1f1f1; }\n `\n\t\t: \"\";\n\tconst bordered = props?.bordered\n\t\t? `\n table, th, td { border: 1px solid #ddd; }\n `\n\t\t: \"\";\n\treturn html`\n\t\t<style>\n\t\t\ttable {\n\t\t\t width: 100%;\n\t\t\t border-collapse: collapse;\n\t\t\t}\n\t\t\tth, td {\n\t\t\t padding: 8px 12px;\n\t\t\t text-align: left;\n\t\t\t}\n\t\t\t${striped}\n\t\t\t${hover}\n\t\t\t${bordered}\n\t\t</style>\n\t\t<table>\n\t\t\t${renderFn(children)}\n\t\t</table>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFnOrArray, renderFnOrArrayType } from \"./core\";\n\nexport function Wrap(\n\tprops?: {\n\t\tdirection?: \"row\" | \"column\";\n\t\tgap?: string | number;\n\t\talign?: string;\n\t\tjustify?: string;\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst dir = props?.direction ?? \"row\";\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n display: flex;\n flex-direction: ${dir};\n flex-wrap: wrap;\n ${props?.gap ? `gap: ${props.gap};` : \"\"}\n ${props?.align ? `align-items: ${props.align};` : \"\"}\n ${props?.justify ? `justify-content: ${props.justify};` : \"\"}\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}\n","import { html } from \"lit\";\nimport { renderFn, renderFnType, renderFnOrArrayType, renderFnOrArray } from \"./core\";\n\nexport function ZStack(\n\tprops?: {\n\t\twidth?: string;\n\t\theight?: string;\n\t\tbackground?: string;\n\t\talign?:\n\t\t\t| \"top-left\"\n\t\t\t| \"top-right\"\n\t\t\t| \"center\"\n\t\t\t| \"bottom-left\"\n\t\t\t| \"bottom-right\";\n\t},\n\tchildren?: renderFnOrArrayType\n) {\n\tconst w = props?.width ? `width: ${props.width};` : \"\";\n\tconst h = props?.height ? `height: ${props.height};` : \"\";\n\tconst bg = props?.background ? `background: ${props.background};` : \"\";\n\n\tlet justify = \"flex-start\";\n\tlet alignItems = \"flex-start\";\n\tswitch (props?.align) {\n\t\tcase \"top-right\":\n\t\t\tjustify = \"flex-end\";\n\t\t\talignItems = \"flex-start\";\n\t\t\tbreak;\n\t\tcase \"center\":\n\t\t\tjustify = \"center\";\n\t\t\talignItems = \"center\";\n\t\t\tbreak;\n\t\tcase \"bottom-left\":\n\t\t\tjustify = \"flex-start\";\n\t\t\talignItems = \"flex-end\";\n\t\t\tbreak;\n\t\tcase \"bottom-right\":\n\t\t\tjustify = \"flex-end\";\n\t\t\talignItems = \"flex-end\";\n\t\t\tbreak;\n\t\tdefault:\n\t\t\t// \"top-left\"\n\t\t\tjustify = \"flex-start\";\n\t\t\talignItems = \"flex-start\";\n\t}\n\n\treturn html`\n\t\t<div\n\t\t\tstyle=\"\n position: relative;\n display: flex;\n justify-content: ${justify};\n align-items: ${alignItems};\n ${w} ${h} ${bg}\n \"\n\t\t>\n\t\t\t${renderFnOrArray(children)}\n\t\t</div>\n\t`;\n}"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function AcrylicBar(props?: {
|
3
3
|
width?: string;
|
4
4
|
height?: string;
|
@@ -11,4 +11,4 @@ export declare function AcrylicBar(props?: {
|
|
11
11
|
borderRadius?: string;
|
12
12
|
padding?: string;
|
13
13
|
zIndex?: number;
|
14
|
-
}, children?:
|
14
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function AspectRatio(props: {
|
3
3
|
ratio: number;
|
4
4
|
maxWidth?: string;
|
5
5
|
background?: string;
|
6
6
|
overflow?: string;
|
7
|
-
}, children?:
|
7
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,5 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { TemplateResult } from 'lit';
|
2
|
+
import { renderFnOrArrayType } from './core';
|
2
3
|
export declare function AvatarStack(props?: {
|
3
4
|
size?: string;
|
4
5
|
overlap?: string;
|
5
|
-
}, children?:
|
6
|
+
}, children?: renderFnOrArrayType): TemplateResult<1>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Card(props?: {
|
3
3
|
padding?: string;
|
4
4
|
borderRadius?: string;
|
5
5
|
shadow?: string;
|
6
6
|
background?: string;
|
7
|
-
}, children?:
|
7
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Column(props?: {
|
3
3
|
space?: string | number;
|
4
|
-
}, children?:
|
4
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Container(props?: {
|
3
3
|
maxWidth?: string;
|
4
4
|
padding?: string;
|
5
5
|
background?: string;
|
6
6
|
fullHeight?: boolean;
|
7
|
-
}, children?:
|
7
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Grid(props?: {
|
3
3
|
columns?: number;
|
4
4
|
gap?: string | number;
|
5
|
-
}, children?:
|
5
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function HeroSection(props?: {
|
3
3
|
backgroundImage?: string;
|
4
4
|
height?: string;
|
5
5
|
overlayColor?: string;
|
6
|
-
}, children?:
|
6
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Overlay(props?: {
|
3
3
|
background?: string;
|
4
4
|
zIndex?: number;
|
5
5
|
fullScreen?: boolean;
|
6
|
-
}, children?:
|
6
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Row(props?: {
|
3
3
|
space?: string | number;
|
4
|
-
}, children?:
|
4
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function SideBarContainer(props?: {
|
3
3
|
sidebarWidth?: string;
|
4
4
|
sidebarPosition?: "left" | "right";
|
5
5
|
gap?: string | number;
|
6
|
-
}, children?:
|
6
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function Wrap(props?: {
|
3
3
|
direction?: "row" | "column";
|
4
4
|
gap?: string | number;
|
5
5
|
align?: string;
|
6
6
|
justify?: string;
|
7
|
-
}, children?:
|
7
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import {
|
1
|
+
import { renderFnOrArrayType } from './core';
|
2
2
|
export declare function ZStack(props?: {
|
3
3
|
width?: string;
|
4
4
|
height?: string;
|
5
5
|
background?: string;
|
6
6
|
align?: "top-left" | "top-right" | "center" | "bottom-left" | "bottom-right";
|
7
|
-
}, children?:
|
7
|
+
}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
|
@@ -1,3 +1,5 @@
|
|
1
1
|
import { TemplateResult } from 'lit';
|
2
2
|
export type renderFnType = TemplateResult | (() => TemplateResult);
|
3
|
+
export type renderFnOrArrayType = renderFnType | Array<TemplateResult> | (() => TemplateResult[]);
|
3
4
|
export declare function renderFn(fn?: renderFnType): TemplateResult;
|
5
|
+
export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult, idx?: number) => TemplateResult): TemplateResult | TemplateResult[];
|