lyco 1.2.8 → 1.2.9

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export * from './components';
+export * from './src/index'
+export {}

package/dist/types/src/components/Virtualizer.labs.d.ts

@@ -0,0 +1,86 @@
+import { ReactiveController, ReactiveControllerHost, TemplateResult } from 'lit';
+import { Ref } from 'lit/directives/ref.js';
+export type ItemsSource<T> = T[];
+export interface VirtualizerConfig<T> {
+    items: ItemsSource<T>;
+    keyFunction?: (index: number) => string | number;
+    itemSize?: number | ((index: number) => number);
+    layout?: "vertical" | "horizontal";
+    padding?: number;
+    preloadCount?: number;
+    cacheSize?: number;
+    renderItem?: (item: T, index: number) => TemplateResult<1>;
+    pageSize?: number;
+    fetchMoreThreshold?: number;
+    onLoadMore?: () => Promise<void>;
+}
+export declare class VirtualizerController<T> implements ReactiveController {
+    host: ReactiveControllerHost;
+    private _items;
+    private _itemSize;
+    private _layout;
+    private _preloadCount;
+    private _cacheSize;
+    private _renderItem;
+    private _containerRef;
+    private _firstVisible;
+    private _lastVisible;
+    private _positionCache;
+    private _sizeCache;
+    private _cacheInitialized;
+    private _totalContentSize;
+    private _templateBuffer;
+    private _blockStore;
+    private _recycledNodes;
+    private readonly RECYCLE_POOL_SIZE;
+    private _intersectionObserver?;
+    private _mutationObserver?;
+    private _idleCallbackId?;
+    private _preRenderChunkSize;
+    private readonly CHUNK_SIZE;
+    private _chunks;
+    private _resizeObserver?;
+    private _visibleChunkIndexes;
+    private _loadedChunks;
+    private _estimatedItemHeight;
+    private _isLoading;
+    private _hasMore;
+    private _pageSize;
+    private _fetchMoreThreshold;
+    private _onLoadMore?;
+    constructor(host: ReactiveControllerHost, initialConfig: VirtualizerConfig<T>, initialRenderItem: (item: T, index: number) => TemplateResult<1>);
+    private _initializeItems;
+    private _updateMetricsForRange;
+    private _setupObservers;
+    private _setupResizeObserver;
+    private _initializeChunks;
+    private _updateChunkMetrics;
+    private _calculateVisibleChunks;
+    private _preloadAdjacentChunks;
+    private _loadChunk;
+    private _calculateMetricsForChunk;
+    private _preRenderChunk;
+    private _prerenderItem;
+    private _getItemStyle;
+    private _createItemTemplate;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    updateConfig(newConfig: VirtualizerConfig<T>, newRenderItem: (item: T, index: number) => TemplateResult<1>): Promise<void>;
+    private _checkAndLoadMore;
+    private _getItemSize;
+    private _calculateMetrics;
+    private _findItemIndexByOffset;
+    private _updateVisibleRange;
+    getRenderedItems(): TemplateResult[];
+    private _ticking;
+    private _lastUpdate;
+    private readonly FRAME_BUDGET;
+    private _scheduleUpdate;
+    getContainerRef(): Ref<HTMLElement>;
+    getTotalContentSize(): number;
+    getLayout(): "vertical" | "horizontal";
+}
+export declare function Virtualizer<T>(config: Omit<VirtualizerConfig<T>, "renderItem">): (renderItem: (item: T, index: number) => TemplateResult<1>) => TemplateResult<1>;
+export declare function Virtualizer<T>(config: VirtualizerConfig<T>): TemplateResult<1>;
+export declare function Virtualizer<T>(config: VirtualizerConfig<T>, renderItem: (item: T, index: number) => TemplateResult<1>): TemplateResult<1>;

package/dist/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/types/stories/virtualizer-example.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+interface MyDataItem {
+    id: number;
+    text: string;
+}
+export declare class VirtualizerExample extends LitElement {
+    items: MyDataItem[];
+    pageSize: number;
+    private _renderMyItem;
+    render(): import('lit').TemplateResult<1>;
+}
+export {};

package/dist/types/stories/virtualizer-example.stories.d.ts

@@ -0,0 +1,10 @@
+declare const meta: {
+    readonly title: "Example/Virtualizer";
+    readonly tags: readonly ["autodocs"];
+    readonly render: () => import('lit').TemplateResult<1>;
+};
+export default meta;
+export declare const WithCustomItemRenderer: {
+    name: string;
+    render: () => import('lit').TemplateResult<1>;
+};

package/package.json

@@ -1,9 +1,11 @@
 {
 	"name": "lyco",
-	"version": "1.2.8",
-	"description": "基于 Lit 的纯 CSS 布局渲染函数库，包含 Row/Column/Flex/Grid/拆分布局/滚动/轮播等常用渲染函数。",
+	"version": "1.2.9",
+	"description": "Lit-based pure layout rendering function library , including Row/Column/Flex/Grid and other commonly used rendering functions .",
 	"scripts": {
-		"build": "vite build"
+		"build": "vite build",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
 	},
 	"keywords": [
 		"lit",
@@ -39,6 +41,13 @@
 		"vite-plugin-dts": "^4.5.4"
 	},
 	"devDependencies": {
-		"@types/node": "^22.15.30"
+		"@chromatic-com/storybook": "3",
+		"@storybook/addon-essentials": "8.6.12",
+		"@storybook/blocks": "8.6.12",
+		"@storybook/experimental-addon-test": "8.6.12",
+		"@storybook/test": "8.6.12",
+		"@storybook/web-components": "8.6.12",
+		"@storybook/web-components-vite": "8.6.12",
+		"storybook": "8.6.12"
 	}
 }