lyco 1.0.2 → 1.2.0

package/dist/types/components/GridCol.d.ts

@@ -1,4 +1,8 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
 export declare function GridCol(props?: {
     gap?: string | number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): WithHtml<renderFnType>;
+export declare function GridCol(props?: {
+    gap?: string | number;
+}, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/GridItem.d.ts

@@ -1,4 +1,8 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
 export declare function GridItem(props?: {
     span?: number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): WithHtml<renderFnType>;
+export declare function GridItem(props?: {
+    span?: number;
+}, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/GridRow.d.ts

@@ -1,4 +1,8 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
 export declare function GridRow(props?: {
     gap?: string | number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): WithHtml<renderFnType>;
+export declare function GridRow(props?: {
+    gap?: string | number;
+}, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/HeroSection.d.ts

@@ -1,6 +1,12 @@
+import { TemplateResult } from 'lit';
 import { renderFnOrArrayType } from './core';
 export declare function HeroSection(props?: {
     backgroundImage?: string;
     height?: string;
     overlayColor?: string;
-}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
+}): (children?: renderFnOrArrayType) => TemplateResult<1>;
+export declare function HeroSection(props?: {
+    backgroundImage?: string;
+    height?: string;
+    overlayColor?: string;
+}, children?: renderFnOrArrayType): TemplateResult<1>;

package/dist/types/components/Hidden.d.ts

@@ -1,6 +1,9 @@
-import { renderFnType } from './core';
-export declare function Hidden(props?: {
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
+export type HiddenProps = {
     breakpoint?: string;
     mode?: "hide" | "show";
     className?: string;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+};
+export declare function Hidden(props?: HiddenProps): WithHtml<renderFnType>;
+export declare function Hidden(props?: HiddenProps, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/LightboxContainer.d.ts

@@ -1,5 +1,10 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
 export declare function LightboxContainer(props?: {
     fadeBg?: string;
     zIndex?: number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): WithHtml<renderFnType>;
+export declare function LightboxContainer(props?: {
+    fadeBg?: string;
+    zIndex?: number;
+}, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/ListGroup.d.ts

@@ -1,7 +1,14 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnOrArrayType } from './core';
 export declare function ListGroup(props?: {
     bordered?: boolean;
     striped?: boolean;
     hover?: boolean;
     className?: string;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): (children?: renderFnOrArrayType) => TemplateResult<1> | TemplateResult<1>[];
+export declare function ListGroup(props?: {
+    bordered?: boolean;
+    striped?: boolean;
+    hover?: boolean;
+    className?: string;
+}, children?: renderFnOrArrayType): TemplateResult<1> | TemplateResult<1>[];

package/dist/types/components/ScrollBar.d.ts

@@ -1,8 +1,16 @@
-import { renderFnType } from './core';
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
 export declare function ScrollBar(props?: {
     direction?: "vertical" | "horizontal";
     height?: string;
     width?: string;
     customCss?: string;
     className?: string;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}): WithHtml<renderFnType>;
+export declare function ScrollBar(props?: {
+    direction?: "vertical" | "horizontal";
+    height?: string;
+    width?: string;
+    customCss?: string;
+    className?: string;
+}, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/SideBarContainer.d.ts

@@ -1,6 +1,12 @@
+import { TemplateResult } from 'lit';
 import { renderFnOrArrayType } from './core';
 export declare function SideBarContainer(props?: {
     sidebarWidth?: string;
     sidebarPosition?: "left" | "right";
     gap?: string | number;
-}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
+}): (children?: renderFnOrArrayType) => TemplateResult<1>;
+export declare function SideBarContainer(props?: {
+    sidebarWidth?: string;
+    sidebarPosition?: "left" | "right";
+    gap?: string | number;
+}, children?: renderFnOrArrayType): TemplateResult<1>;

package/dist/types/components/Sticky.d.ts

@@ -1,6 +1,10 @@
-import { renderFnType } from './core';
-export declare function Sticky(props?: {
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
+interface StickyProps {
     top?: string;
     bottom?: string;
     zIndex?: number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}
+export declare function Sticky(props?: StickyProps): WithHtml<renderFnType>;
+export declare function Sticky(props?: StickyProps, children?: renderFnType): TemplateResult<1>;
+export {};

package/dist/types/components/Swiper.d.ts

@@ -1,9 +1,29 @@
 import { TemplateResult } from 'lit';
-import { renderFnType } from './core';
-export declare function Swiper(props?: {
+type ScrollDirection = "x" | "y" | "both";
+type ScrollBehavior = "auto" | "smooth";
+type Alignment = "start" | "center" | "end" | "none";
+type NavigationButtonPosition = "inside" | "outside" | "none";
+type PaginationType = "dots" | "bullets" | "fraction" | "progressbar" | "none";
+export interface SwiperProps {
     gap?: string | number;
     snapType?: "mandatory" | "proximity";
     height?: string;
     width?: string;
     className?: string;
-}, children?: renderFnType): TemplateResult<1>;
+    direction?: ScrollDirection;
+    scrollBehavior?: ScrollBehavior;
+    align?: Alignment;
+    showNavigation?: boolean;
+    navigationPosition?: NavigationButtonPosition;
+    showPagination?: boolean;
+    paginationType?: PaginationType;
+    autoPlay?: boolean;
+    interval?: number;
+    loop?: boolean;
+    touchEnabled?: boolean;
+    mouseWheel?: boolean;
+    onSlideChange?: (index: number) => void;
+}
+export declare function Swiper(props?: SwiperProps): (slides?: TemplateResult<1>[] | (() => TemplateResult<1>[])) => TemplateResult<1>;
+export declare function Swiper(props?: SwiperProps, slides?: TemplateResult<1>[] | (() => TemplateResult<1>[])): TemplateResult<1>;
+export {};

package/dist/types/components/Table.d.ts

@@ -1,7 +1,10 @@
-import { renderFnType } from './core';
-export declare function Table(props?: {
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
+export interface TableProps {
     striped?: boolean;
     hover?: boolean;
     bordered?: boolean;
     className?: string;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}
+export declare function Table(props?: TableProps): WithHtml<renderFnType>;
+export declare function Table(props?: TableProps, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/WaterFlow.d.ts

@@ -1,5 +1,8 @@
-import { renderFnType } from './core';
-export declare function WaterFlow(props?: {
+import { TemplateResult } from 'lit';
+import { renderFnType, WithHtml } from './core';
+export interface WaterFlowProps {
     columnCount?: number;
     gap?: string | number;
-}, children?: renderFnType): import('lit').TemplateResult<1>;
+}
+export declare function WaterFlow(props?: WaterFlowProps): WithHtml<renderFnType>;
+export declare function WaterFlow(props?: WaterFlowProps, children?: renderFnType): TemplateResult<1>;

package/dist/types/components/Wrap.d.ts

@@ -1,7 +1,11 @@
+import { TemplateResult } from 'lit';
 import { renderFnOrArrayType } from './core';
-export declare function Wrap(props?: {
+interface WrapProps {
     direction?: "row" | "column";
     gap?: string | number;
     align?: string;
     justify?: string;
-}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
+}
+export declare function Wrap(props?: WrapProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
+export declare function Wrap(props?: WrapProps, children?: renderFnOrArrayType): TemplateResult<1>;
+export {};

package/dist/types/components/ZStack.d.ts

@@ -1,7 +1,11 @@
+import { TemplateResult } from 'lit';
 import { renderFnOrArrayType } from './core';
-export declare function ZStack(props?: {
+interface ZStackProps {
     width?: string;
     height?: string;
     background?: string;
     align?: "top-left" | "top-right" | "center" | "bottom-left" | "bottom-right";
-}, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
+}
+export declare function ZStack(props?: ZStackProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
+export declare function ZStack(props?: ZStackProps, children?: renderFnOrArrayType): TemplateResult<1>;
+export {};

package/dist/types/components/core.d.ts

@@ -1,6 +1,11 @@
 import { TemplateResult } from 'lit';
-export type renderFnType = TemplateResult | (() => TemplateResult);
-export type renderFnOrArrayType = renderFnType | Array<TemplateResult> | (() => TemplateResult[]);
-export declare function renderFn(fn?: renderFnType): TemplateResult;
-export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult, idx?: number) => TemplateResult): TemplateResult | TemplateResult[];
+export type renderFnType = TemplateResult<1> | (() => TemplateResult<1>);
+export type renderFnOrArrayType = renderFnType | Array<TemplateResult<1>> | (() => TemplateResult<1>[]);
+export declare function renderFn(fn?: renderFnType): TemplateResult<1>;
+export type WithHtml<K> = ((children?: K) => TemplateResult<1>) & {
+    html: (strings: TemplateStringsArray, ...values: unknown[]) => TemplateResult<1>;
+};
+export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[];
 export declare function randomClassName(prefix?: string): string;
+export declare function renderFnOrCurry(fn?: renderFnType, injectBox?: (box: TemplateResult<1>) => TemplateResult<1>): TemplateResult<1> | ((fn?: renderFnType) => TemplateResult<1>);
+export declare function renderFnOrArrayOrCurry(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1> | TemplateResult<1>[]) => TemplateResult<1> | TemplateResult<1>[], injectBox2?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[] | ((fnOrArray?: renderFnOrArrayType) => TemplateResult<1> | TemplateResult<1>[]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lyco",
-	"version": "1.0.2",
+	"version": "1.2.0",
 	"description": "基于 Lit 的纯 CSS 布局渲染函数库，包含 Row/Column/Flex/Grid/拆分布局/滚动/轮播等常用渲染函数。",
 	"scripts": {
 		"build": "vite build"