lyco 1.0.1 → 1.2.0

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.
Files changed (39) hide show
  1. package/README.md +4 -0
  2. package/dist/index.cjs.js +260 -107
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +299 -146
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/types/components/AbsoluteBox.d.ts +11 -1
  7. package/dist/types/components/AcrylicBar.d.ts +6 -2
  8. package/dist/types/components/AspectRatio.d.ts +6 -2
  9. package/dist/types/components/AutoFitGrid.d.ts +7 -2
  10. package/dist/types/components/AvatarStack.d.ts +4 -0
  11. package/dist/types/components/Badge.d.ts +7 -3
  12. package/dist/types/components/Card.d.ts +6 -2
  13. package/dist/types/components/Center.d.ts +8 -2
  14. package/dist/types/components/Column.d.ts +5 -1
  15. package/dist/types/components/ColumnSplit.d.ts +7 -2
  16. package/dist/types/components/Container.d.ts +5 -2
  17. package/dist/types/components/Flex.d.ts +7 -3
  18. package/dist/types/components/FlowItem.d.ts +1 -1
  19. package/dist/types/components/FooterLayout.d.ts +7 -3
  20. package/dist/types/components/Grid.d.ts +6 -1
  21. package/dist/types/components/GridBreakpoint.d.ts +7 -3
  22. package/dist/types/components/GridCol.d.ts +6 -2
  23. package/dist/types/components/GridItem.d.ts +6 -2
  24. package/dist/types/components/GridRow.d.ts +6 -2
  25. package/dist/types/components/HeroSection.d.ts +7 -1
  26. package/dist/types/components/Hidden.d.ts +7 -3
  27. package/dist/types/components/LightboxContainer.d.ts +7 -2
  28. package/dist/types/components/ListGroup.d.ts +10 -2
  29. package/dist/types/components/ScrollBar.d.ts +11 -2
  30. package/dist/types/components/SideBarContainer.d.ts +7 -1
  31. package/dist/types/components/SkeletonLoader.d.ts +1 -0
  32. package/dist/types/components/Sticky.d.ts +7 -3
  33. package/dist/types/components/Swiper.d.ts +24 -3
  34. package/dist/types/components/Table.d.ts +7 -3
  35. package/dist/types/components/WaterFlow.d.ts +6 -3
  36. package/dist/types/components/Wrap.d.ts +6 -2
  37. package/dist/types/components/ZStack.d.ts +6 -2
  38. package/dist/types/components/core.d.ts +10 -4
  39. package/package.json +1 -1
@@ -1,4 +1,8 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
2
3
  export declare function GridCol(props?: {
3
4
  gap?: string | number;
4
- }, children?: renderFnType): import('lit').TemplateResult<1>;
5
+ }): WithHtml<renderFnType>;
6
+ export declare function GridCol(props?: {
7
+ gap?: string | number;
8
+ }, children?: renderFnType): TemplateResult<1>;
@@ -1,4 +1,8 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
2
3
  export declare function GridItem(props?: {
3
4
  span?: number;
4
- }, children?: renderFnType): import('lit').TemplateResult<1>;
5
+ }): WithHtml<renderFnType>;
6
+ export declare function GridItem(props?: {
7
+ span?: number;
8
+ }, children?: renderFnType): TemplateResult<1>;
@@ -1,4 +1,8 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
2
3
  export declare function GridRow(props?: {
3
4
  gap?: string | number;
4
- }, children?: renderFnType): import('lit').TemplateResult<1>;
5
+ }): WithHtml<renderFnType>;
6
+ export declare function GridRow(props?: {
7
+ gap?: string | number;
8
+ }, children?: renderFnType): TemplateResult<1>;
@@ -1,6 +1,12 @@
1
+ import { TemplateResult } from 'lit';
1
2
  import { renderFnOrArrayType } from './core';
2
3
  export declare function HeroSection(props?: {
3
4
  backgroundImage?: string;
4
5
  height?: string;
5
6
  overlayColor?: string;
6
- }, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
7
+ }): (children?: renderFnOrArrayType) => TemplateResult<1>;
8
+ export declare function HeroSection(props?: {
9
+ backgroundImage?: string;
10
+ height?: string;
11
+ overlayColor?: string;
12
+ }, children?: renderFnOrArrayType): TemplateResult<1>;
@@ -1,5 +1,9 @@
1
- import { renderFnType } from './core';
2
- export declare function Hidden(props?: {
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
3
+ export type HiddenProps = {
3
4
  breakpoint?: string;
4
5
  mode?: "hide" | "show";
5
- }, children?: renderFnType): import('lit').TemplateResult<1>;
6
+ className?: string;
7
+ };
8
+ export declare function Hidden(props?: HiddenProps): WithHtml<renderFnType>;
9
+ export declare function Hidden(props?: HiddenProps, children?: renderFnType): TemplateResult<1>;
@@ -1,5 +1,10 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
2
3
  export declare function LightboxContainer(props?: {
3
4
  fadeBg?: string;
4
5
  zIndex?: number;
5
- }, children?: renderFnType): import('lit').TemplateResult<1>;
6
+ }): WithHtml<renderFnType>;
7
+ export declare function LightboxContainer(props?: {
8
+ fadeBg?: string;
9
+ zIndex?: number;
10
+ }, children?: renderFnType): TemplateResult<1>;
@@ -1,6 +1,14 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnOrArrayType } from './core';
2
3
  export declare function ListGroup(props?: {
3
4
  bordered?: boolean;
4
5
  striped?: boolean;
5
6
  hover?: boolean;
6
- }, children?: renderFnType): import('lit').TemplateResult<1>;
7
+ className?: string;
8
+ }): (children?: renderFnOrArrayType) => TemplateResult<1> | TemplateResult<1>[];
9
+ export declare function ListGroup(props?: {
10
+ bordered?: boolean;
11
+ striped?: boolean;
12
+ hover?: boolean;
13
+ className?: string;
14
+ }, children?: renderFnOrArrayType): TemplateResult<1> | TemplateResult<1>[];
@@ -1,7 +1,16 @@
1
- import { renderFnType } from './core';
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
2
3
  export declare function ScrollBar(props?: {
3
4
  direction?: "vertical" | "horizontal";
4
5
  height?: string;
5
6
  width?: string;
6
7
  customCss?: string;
7
- }, children?: renderFnType): import('lit').TemplateResult<1>;
8
+ className?: string;
9
+ }): WithHtml<renderFnType>;
10
+ export declare function ScrollBar(props?: {
11
+ direction?: "vertical" | "horizontal";
12
+ height?: string;
13
+ width?: string;
14
+ customCss?: string;
15
+ className?: string;
16
+ }, children?: renderFnType): TemplateResult<1>;
@@ -1,6 +1,12 @@
1
+ import { TemplateResult } from 'lit';
1
2
  import { renderFnOrArrayType } from './core';
2
3
  export declare function SideBarContainer(props?: {
3
4
  sidebarWidth?: string;
4
5
  sidebarPosition?: "left" | "right";
5
6
  gap?: string | number;
6
- }, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
7
+ }): (children?: renderFnOrArrayType) => TemplateResult<1>;
8
+ export declare function SideBarContainer(props?: {
9
+ sidebarWidth?: string;
10
+ sidebarPosition?: "left" | "right";
11
+ gap?: string | number;
12
+ }, children?: renderFnOrArrayType): TemplateResult<1>;
@@ -4,4 +4,5 @@ export declare function SkeletonLoader(props?: {
4
4
  height?: string;
5
5
  borderRadius?: string;
6
6
  animation?: boolean;
7
+ className?: string;
7
8
  }): import('lit').TemplateResult<1>;
@@ -1,6 +1,10 @@
1
- import { renderFnType } from './core';
2
- export declare function Sticky(props?: {
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
3
+ interface StickyProps {
3
4
  top?: string;
4
5
  bottom?: string;
5
6
  zIndex?: number;
6
- }, children?: renderFnType): import('lit').TemplateResult<1>;
7
+ }
8
+ export declare function Sticky(props?: StickyProps): WithHtml<renderFnType>;
9
+ export declare function Sticky(props?: StickyProps, children?: renderFnType): TemplateResult<1>;
10
+ export {};
@@ -1,8 +1,29 @@
1
1
  import { TemplateResult } from 'lit';
2
- import { renderFnType } from './core';
3
- export declare function Swiper(props?: {
2
+ type ScrollDirection = "x" | "y" | "both";
3
+ type ScrollBehavior = "auto" | "smooth";
4
+ type Alignment = "start" | "center" | "end" | "none";
5
+ type NavigationButtonPosition = "inside" | "outside" | "none";
6
+ type PaginationType = "dots" | "bullets" | "fraction" | "progressbar" | "none";
7
+ export interface SwiperProps {
4
8
  gap?: string | number;
5
9
  snapType?: "mandatory" | "proximity";
6
10
  height?: string;
7
11
  width?: string;
8
- }, children?: renderFnType): TemplateResult<1>;
12
+ className?: string;
13
+ direction?: ScrollDirection;
14
+ scrollBehavior?: ScrollBehavior;
15
+ align?: Alignment;
16
+ showNavigation?: boolean;
17
+ navigationPosition?: NavigationButtonPosition;
18
+ showPagination?: boolean;
19
+ paginationType?: PaginationType;
20
+ autoPlay?: boolean;
21
+ interval?: number;
22
+ loop?: boolean;
23
+ touchEnabled?: boolean;
24
+ mouseWheel?: boolean;
25
+ onSlideChange?: (index: number) => void;
26
+ }
27
+ export declare function Swiper(props?: SwiperProps): (slides?: TemplateResult<1>[] | (() => TemplateResult<1>[])) => TemplateResult<1>;
28
+ export declare function Swiper(props?: SwiperProps, slides?: TemplateResult<1>[] | (() => TemplateResult<1>[])): TemplateResult<1>;
29
+ export {};
@@ -1,6 +1,10 @@
1
- import { renderFnType } from './core';
2
- export declare function Table(props?: {
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
3
+ export interface TableProps {
3
4
  striped?: boolean;
4
5
  hover?: boolean;
5
6
  bordered?: boolean;
6
- }, children?: renderFnType): import('lit').TemplateResult<1>;
7
+ className?: string;
8
+ }
9
+ export declare function Table(props?: TableProps): WithHtml<renderFnType>;
10
+ export declare function Table(props?: TableProps, children?: renderFnType): TemplateResult<1>;
@@ -1,5 +1,8 @@
1
- import { renderFnType } from './core';
2
- export declare function WaterFlow(props?: {
1
+ import { TemplateResult } from 'lit';
2
+ import { renderFnType, WithHtml } from './core';
3
+ export interface WaterFlowProps {
3
4
  columnCount?: number;
4
5
  gap?: string | number;
5
- }, children?: renderFnType): import('lit').TemplateResult<1>;
6
+ }
7
+ export declare function WaterFlow(props?: WaterFlowProps): WithHtml<renderFnType>;
8
+ export declare function WaterFlow(props?: WaterFlowProps, children?: renderFnType): TemplateResult<1>;
@@ -1,7 +1,11 @@
1
+ import { TemplateResult } from 'lit';
1
2
  import { renderFnOrArrayType } from './core';
2
- export declare function Wrap(props?: {
3
+ interface WrapProps {
3
4
  direction?: "row" | "column";
4
5
  gap?: string | number;
5
6
  align?: string;
6
7
  justify?: string;
7
- }, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
8
+ }
9
+ export declare function Wrap(props?: WrapProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
10
+ export declare function Wrap(props?: WrapProps, children?: renderFnOrArrayType): TemplateResult<1>;
11
+ export {};
@@ -1,7 +1,11 @@
1
+ import { TemplateResult } from 'lit';
1
2
  import { renderFnOrArrayType } from './core';
2
- export declare function ZStack(props?: {
3
+ interface ZStackProps {
3
4
  width?: string;
4
5
  height?: string;
5
6
  background?: string;
6
7
  align?: "top-left" | "top-right" | "center" | "bottom-left" | "bottom-right";
7
- }, children?: renderFnOrArrayType): import('lit').TemplateResult<1>;
8
+ }
9
+ export declare function ZStack(props?: ZStackProps): (children?: renderFnOrArrayType) => TemplateResult<1>;
10
+ export declare function ZStack(props?: ZStackProps, children?: renderFnOrArrayType): TemplateResult<1>;
11
+ export {};
@@ -1,5 +1,11 @@
1
1
  import { TemplateResult } from 'lit';
2
- export type renderFnType = TemplateResult | (() => TemplateResult);
3
- export type renderFnOrArrayType = renderFnType | Array<TemplateResult> | (() => TemplateResult[]);
4
- export declare function renderFn(fn?: renderFnType): TemplateResult;
5
- export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult, idx?: number) => TemplateResult): TemplateResult | TemplateResult[];
2
+ export type renderFnType = TemplateResult<1> | (() => TemplateResult<1>);
3
+ export type renderFnOrArrayType = renderFnType | Array<TemplateResult<1>> | (() => TemplateResult<1>[]);
4
+ export declare function renderFn(fn?: renderFnType): TemplateResult<1>;
5
+ export type WithHtml<K> = ((children?: K) => TemplateResult<1>) & {
6
+ html: (strings: TemplateStringsArray, ...values: unknown[]) => TemplateResult<1>;
7
+ };
8
+ export declare function renderFnOrArray(fnOrArray?: renderFnOrArrayType, injectBox?: (box: TemplateResult<1>, idx?: number, isArray?: boolean, isFunc?: boolean) => TemplateResult<1>): TemplateResult<1> | TemplateResult<1>[];
9
+ export declare function randomClassName(prefix?: string): string;
10
+ export declare function renderFnOrCurry(fn?: renderFnType, injectBox?: (box: TemplateResult<1>) => TemplateResult<1>): TemplateResult<1> | ((fn?: renderFnType) => TemplateResult<1>);
11
+ 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lyco",
3
- "version": "1.0.1",
3
+ "version": "1.2.0",
4
4
  "description": "基于 Lit 的纯 CSS 布局渲染函数库,包含 Row/Column/Flex/Grid/拆分布局/滚动/轮播等常用渲染函数。",
5
5
  "scripts": {
6
6
  "build": "vite build"