xxf_react 0.4.0 → 0.4.2

package/dist/index.d.ts

@@ -7,5 +7,6 @@ export * from './media';
 export * from './flow';
 export * from './responsive';
 export * from './foundation';
+export * from './layout';
 export declare function initXXF(): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAG7B,wBAAgB,OAAO,SAEtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AAGzB,wBAAgB,OAAO,SAEtB"}

package/dist/index.js

@@ -8,6 +8,7 @@ export * from './media';
 export * from './flow';
 export * from './responsive';
 export * from './foundation';
+export * from './layout';
 ///框架初始化函数，调用后会初始化一些全局功能
 export function initXXF() {
     initPromiseErrorExtension();

package/dist/layout/image/XImage.d.ts

@@ -1,13 +1,15 @@
 import { ImageProps } from "next/image";
 import React, { ReactNode } from "react";
 export interface XImageProps extends ImageProps {
-    /** 图片加载失败时显示的备用图片 URL 或自定义组件 */
+    /** 图片加载失败时显示的备用图片 URL 或自定义组件
+     * 可选:urlPlaceholder函数来生成失败的占位图
+     */
     fallback?: string | ReactNode;
 }
 /**
  * 增强的 Image 组件，支持加载失败时显示备用图片或自定义组件
  * @param src - 图片地址
- * @param fallback - 加载失败时显示的备用图片 URL 或 ReactNode
+ * @param fallback - 加载失败时显示的备用图片 URL 或 ReactNode,可选:urlPlaceholder函数来生成失败的占位图
  * @param onError - 加载失败回调
  * @param className - 样式类名
  * @param props - 其他 Next.js Image 支持的属性

package/dist/layout/image/XImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"XImage.d.ts","sourceRoot":"","sources":["../../../src/layout/image/XImage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAsB,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACI,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,WAAW,qBAkDpC;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"XImage.d.ts","sourceRoot":"","sources":["../../../src/layout/image/XImage.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAC,UAAU,EAAC,MAAM,YAAY,CAAC;AAC7C,OAAO,KAAK,EAAE,EAAsB,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EACI,GAAG,EACH,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,WAAW,qBAkDpC;AAED,eAAe,MAAM,CAAC"}

package/dist/layout/image/XImage.js

@@ -4,7 +4,7 @@ import React, { useState, useEffect } from "react";
 /**
  * 增强的 Image 组件，支持加载失败时显示备用图片或自定义组件
  * @param src - 图片地址
- * @param fallback - 加载失败时显示的备用图片 URL 或 ReactNode
+ * @param fallback - 加载失败时显示的备用图片 URL 或 ReactNode,可选:urlPlaceholder函数来生成失败的占位图
  * @param onError - 加载失败回调
  * @param className - 样式类名
  * @param props - 其他 Next.js Image 支持的属性

package/dist/layout/index.d.ts

@@ -4,4 +4,5 @@ export * from './resize/core/ResizeObserverHook';
 export * from './resize/impl/SizedContainer';
 export * from './resize/impl/SizedLayout';
 export * from './image/XImage';
+export * from './virtualized/VirtualizedConfig';
 //# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iCAAiC,CAAA"}

package/dist/layout/index.js

@@ -4,3 +4,4 @@ export * from './resize/core/ResizeObserverHook';
 export * from './resize/impl/SizedContainer';
 export * from './resize/impl/SizedLayout';
 export * from './image/XImage';
+export * from './virtualized/VirtualizedConfig';

package/dist/layout/virtualized/VirtualizedConfig.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Virtuoso 虚拟列表配置常量
+ * overscan: 可视区域外预渲染的像素数量
+ * - 值越大，预渲染越多，滚动越流畅，但内存占用增加
+ */
+export declare const VirtualizedOverscan: {
+    /** 小型列表或慢速滚动场景 (200px) */
+    readonly SMALL: 200;
+    /** 中等列表或正常滚动场景 (800px) */
+    readonly MEDIUM: 800;
+    /** 大型列表或快速滚动场景 (1200px) */
+    readonly LARGE: 1200;
+};
+//# sourceMappingURL=VirtualizedConfig.d.ts.map

package/dist/layout/virtualized/VirtualizedConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedConfig.d.ts","sourceRoot":"","sources":["../../../src/layout/virtualized/VirtualizedConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,mBAAmB;IAC5B,0BAA0B;;IAE1B,0BAA0B;;IAE1B,2BAA2B;;CAErB,CAAA"}

package/dist/layout/virtualized/VirtualizedConfig.js

@@ -0,0 +1,13 @@
+/**
+ * Virtuoso 虚拟列表配置常量
+ * overscan: 可视区域外预渲染的像素数量
+ * - 值越大，预渲染越多，滚动越流畅，但内存占用增加
+ */
+export const VirtualizedOverscan = {
+    /** 小型列表或慢速滚动场景 (200px) */
+    SMALL: 200,
+    /** 中等列表或正常滚动场景 (800px) */
+    MEDIUM: 800,
+    /** 大型列表或快速滚动场景 (1200px) */
+    LARGE: 1200,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xxf_react",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "private": false,
   "type": "module",
   "main": "dist/index.js",