@robot-admin/naive-ui-components 0.21.1 → 0.22.1

package/dist/useInfiniteScroll.d.cts

@@ -18,6 +18,8 @@ interface WaterFallLayoutItem {
   y: number;
   width: number;
   height: number;
+  /** Measured outer card height, including captions and custom slot content. */
+  totalHeight?: number;
 }
 interface WaterFallColumn {
   index: number;
@@ -27,12 +29,14 @@ interface WaterFallBreakpoint {
   minWidth: number;
   columns: number;
 }
-type InfiniteScrollStatus = "idle" | "loading" | "no-more" | "error";
+type InfiniteScrollStatus = 'idle' | 'loading' | 'no-more' | 'error';
 interface WaterFallProps {
   items: WaterFallItem[];
   columns?: number;
   gap?: number;
   lazy?: boolean;
+  /** Automatically window lists of 100+ items; false keeps every item mounted. */
+  virtualScroll?: boolean;
   infinite?: boolean;
   skeleton?: boolean;
   skeletonCount?: number;
@@ -42,10 +46,10 @@ interface WaterFallProps {
   noMore?: boolean;
 }
 interface WaterFallEmits {
-  "load-more": [];
-  "item-click": [item: WaterFallItem, index: number];
-  "image-loaded": [item: WaterFallItem];
-  "image-error": [item: WaterFallItem];
+  'load-more': [];
+  'item-click': [item: WaterFallItem, index: number];
+  'image-loaded': [item: WaterFallItem];
+  'image-error': [item: WaterFallItem];
 }
 interface WaterFallExpose {
   relayout: () => void;
@@ -56,15 +60,7 @@ interface WaterFallExpose {
 //#endregion
 //#region src/components/C_WaterFall/index.vue.d.ts
 declare var __VLS_1: {}, __VLS_3: {
-    item: {
-      readonly [x: string]: any;
-      readonly id: string | number;
-      readonly src: string;
-      readonly width: number;
-      readonly height: number;
-      readonly title?: string | undefined;
-      readonly description?: string | undefined;
-    };
+    item: WaterFallItem;
     index: number;
     width: number;
     height: number;
@@ -81,16 +77,17 @@ type __VLS_Slots = {} & {
   footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "load-more": () => any;
   "item-click": (item: WaterFallItem, index: number) => any;
+  "load-more": () => any;
   "image-loaded": (item: WaterFallItem) => any;
   "image-error": (item: WaterFallItem) => any;
 }, string, vue.PublicProps, Readonly<WaterFallProps> & Readonly<{
-  "onLoad-more"?: (() => any) | undefined;
   "onItem-click"?: ((item: WaterFallItem, index: number) => any) | undefined;
+  "onLoad-more"?: (() => any) | undefined;
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  virtualScroll: boolean;
   loading: boolean;
   columns: number;
   gap: number;
@@ -149,6 +146,7 @@ declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readon
     readonly y: number;
     readonly width: number;
     readonly height: number;
+    readonly totalHeight?: number | undefined;
   }[], readonly {
     readonly item: {
       readonly [x: string]: any;
@@ -164,10 +162,11 @@ declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readon
     readonly y: number;
     readonly width: number;
     readonly height: number;
+    readonly totalHeight?: number | undefined;
   }[]>>;
   containerHeight: Readonly<Ref<number, number>>;
   cacheImageHeight: (id: string | number, realHeight: number, basisWidth?: number, src?: string) => void;
-  cacheItemExtraHeight: (id: string | number, extraHeight: number) => void;
+  cacheItemExtraHeight: (id: string | number, extraHeight: number, basisWidth?: number, src?: string) => void;
   relayout: () => void;
 };
 //#endregion

package/dist/useInfiniteScroll.d.ts

@@ -18,6 +18,8 @@ interface WaterFallLayoutItem {
   y: number;
   width: number;
   height: number;
+  /** Measured outer card height, including captions and custom slot content. */
+  totalHeight?: number;
 }
 interface WaterFallColumn {
   index: number;
@@ -27,12 +29,14 @@ interface WaterFallBreakpoint {
   minWidth: number;
   columns: number;
 }
-type InfiniteScrollStatus = "idle" | "loading" | "no-more" | "error";
+type InfiniteScrollStatus = 'idle' | 'loading' | 'no-more' | 'error';
 interface WaterFallProps {
   items: WaterFallItem[];
   columns?: number;
   gap?: number;
   lazy?: boolean;
+  /** Automatically window lists of 100+ items; false keeps every item mounted. */
+  virtualScroll?: boolean;
   infinite?: boolean;
   skeleton?: boolean;
   skeletonCount?: number;
@@ -42,10 +46,10 @@ interface WaterFallProps {
   noMore?: boolean;
 }
 interface WaterFallEmits {
-  "load-more": [];
-  "item-click": [item: WaterFallItem, index: number];
-  "image-loaded": [item: WaterFallItem];
-  "image-error": [item: WaterFallItem];
+  'load-more': [];
+  'item-click': [item: WaterFallItem, index: number];
+  'image-loaded': [item: WaterFallItem];
+  'image-error': [item: WaterFallItem];
 }
 interface WaterFallExpose {
   relayout: () => void;
@@ -56,15 +60,7 @@ interface WaterFallExpose {
 //#endregion
 //#region src/components/C_WaterFall/index.vue.d.ts
 declare var __VLS_1: {}, __VLS_3: {
-    item: {
-      readonly [x: string]: any;
-      readonly id: string | number;
-      readonly src: string;
-      readonly width: number;
-      readonly height: number;
-      readonly title?: string | undefined;
-      readonly description?: string | undefined;
-    };
+    item: WaterFallItem;
     index: number;
     width: number;
     height: number;
@@ -81,16 +77,17 @@ type __VLS_Slots = {} & {
   footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "load-more": () => any;
   "item-click": (item: WaterFallItem, index: number) => any;
+  "load-more": () => any;
   "image-loaded": (item: WaterFallItem) => any;
   "image-error": (item: WaterFallItem) => any;
 }, string, vue.PublicProps, Readonly<WaterFallProps> & Readonly<{
-  "onLoad-more"?: (() => any) | undefined;
   "onItem-click"?: ((item: WaterFallItem, index: number) => any) | undefined;
+  "onLoad-more"?: (() => any) | undefined;
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  virtualScroll: boolean;
   loading: boolean;
   columns: number;
   gap: number;
@@ -149,6 +146,7 @@ declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readon
     readonly y: number;
     readonly width: number;
     readonly height: number;
+    readonly totalHeight?: number | undefined;
   }[], readonly {
     readonly item: {
       readonly [x: string]: any;
@@ -164,10 +162,11 @@ declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readon
     readonly y: number;
     readonly width: number;
     readonly height: number;
+    readonly totalHeight?: number | undefined;
   }[]>>;
   containerHeight: Readonly<Ref<number, number>>;
   cacheImageHeight: (id: string | number, realHeight: number, basisWidth?: number, src?: string) => void;
-  cacheItemExtraHeight: (id: string | number, extraHeight: number) => void;
+  cacheItemExtraHeight: (id: string | number, extraHeight: number, basisWidth?: number, src?: string) => void;
   relayout: () => void;
 };
 //#endregion

package/dist/useQRCode.d.cts

@@ -50,16 +50,16 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  color: string;
+  mode: RenderMode;
   size: number;
-  showBorder: boolean;
+  color: string;
   label: string;
-  showLabel: boolean;
-  mode: RenderMode;
-  margin: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
+  margin: number;
   logo: LogoOptions;
+  showBorder: boolean;
+  showLabel: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useQRCode.d.ts

@@ -50,16 +50,16 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  color: string;
+  mode: RenderMode;
   size: number;
-  showBorder: boolean;
+  color: string;
   label: string;
-  showLabel: boolean;
-  mode: RenderMode;
-  margin: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
+  margin: number;
   logo: LogoOptions;
+  showBorder: boolean;
+  showLabel: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/useSignatureHistory.d.cts

@@ -92,18 +92,18 @@ interface SignatureEmits {
 //#endregion
 //#region src/components/C_Signature/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (error: Error) => any;
   change: (data: SignatureStroke[]) => any;
   clear: () => any;
+  error: (error: Error) => any;
   "start-draw": () => any;
   drawing: (point: SignaturePoint) => any;
   "end-draw": (stroke: SignatureStroke) => any;
   undo: () => any;
   redo: () => any;
 }, string, vue.PublicProps, Readonly<SignatureProps> & Readonly<{
-  onError?: ((error: Error) => any) | undefined;
   onChange?: ((data: SignatureStroke[]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
   "onStart-draw"?: (() => any) | undefined;
   onDrawing?: ((point: SignaturePoint) => any) | undefined;
   "onEnd-draw"?: ((stroke: SignatureStroke) => any) | undefined;
@@ -111,10 +111,10 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
   onRedo?: (() => any) | undefined;
 }>, {
   height: number | string;
-  showToolbar: boolean;
   disabled: boolean;
-  width: number | string;
   readonly: boolean;
+  width: number | string;
+  showToolbar: boolean;
   maxHistory: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSignatureHistory.d.ts

@@ -92,18 +92,18 @@ interface SignatureEmits {
 //#endregion
 //#region src/components/C_Signature/index.vue.d.ts
 declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (error: Error) => any;
   change: (data: SignatureStroke[]) => any;
   clear: () => any;
+  error: (error: Error) => any;
   "start-draw": () => any;
   drawing: (point: SignaturePoint) => any;
   "end-draw": (stroke: SignatureStroke) => any;
   undo: () => any;
   redo: () => any;
 }, string, vue.PublicProps, Readonly<SignatureProps> & Readonly<{
-  onError?: ((error: Error) => any) | undefined;
   onChange?: ((data: SignatureStroke[]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
   "onStart-draw"?: (() => any) | undefined;
   onDrawing?: ((point: SignaturePoint) => any) | undefined;
   "onEnd-draw"?: ((stroke: SignatureStroke) => any) | undefined;
@@ -111,10 +111,10 @@ declare const __VLS_export: vue.DefineComponent<SignatureProps, SignatureExpose,
   onRedo?: (() => any) | undefined;
 }>, {
   height: number | string;
-  showToolbar: boolean;
   disabled: boolean;
-  width: number | string;
   readonly: boolean;
+  width: number | string;
+  showToolbar: boolean;
   maxHistory: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/useSplitResize.d.cts

@@ -55,28 +55,28 @@ type __VLS_Slots = {
   second(props: PanelInfo): unknown;
 };
 declare const __VLS_base: vue.DefineComponent<SplitPaneProps, SplitPaneExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  "update:size": (size: number) => any;
+  resize: (firstSize: number, secondSize: number) => any;
+  collapse: (target: CollapseTarget) => any;
+  expand: (target: CollapseTarget) => any;
   "drag-start": (size: number) => any;
   "drag-end": (size: number) => any;
-  expand: (target: CollapseTarget) => any;
-  collapse: (target: CollapseTarget) => any;
-  resize: (firstSize: number, secondSize: number) => any;
-  "update:size": (size: number) => any;
 }, string, vue.PublicProps, Readonly<SplitPaneProps> & Readonly<{
+  "onUpdate:size"?: ((size: number) => any) | undefined;
+  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
+  onCollapse?: ((target: CollapseTarget) => any) | undefined;
+  onExpand?: ((target: CollapseTarget) => any) | undefined;
   "onDrag-start"?: ((size: number) => any) | undefined;
   "onDrag-end"?: ((size: number) => any) | undefined;
-  onExpand?: ((target: CollapseTarget) => any) | undefined;
-  onCollapse?: ((target: CollapseTarget) => any) | undefined;
-  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
-  "onUpdate:size"?: ((size: number) => any) | undefined;
 }>, {
   disabled: boolean;
-  direction: SplitDirection;
-  collapsible: boolean;
   maxSize: number;
+  direction: SplitDirection;
   defaultSize: number;
   minSize: number;
   minFirstSize: number;
   minSecondSize: number;
+  collapsible: boolean;
   showCollapseButton: boolean;
   gutterSize: number;
   step: number;

package/dist/useSplitResize.d.ts

@@ -55,28 +55,28 @@ type __VLS_Slots = {
   second(props: PanelInfo): unknown;
 };
 declare const __VLS_base: vue.DefineComponent<SplitPaneProps, SplitPaneExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  "update:size": (size: number) => any;
+  resize: (firstSize: number, secondSize: number) => any;
+  collapse: (target: CollapseTarget) => any;
+  expand: (target: CollapseTarget) => any;
   "drag-start": (size: number) => any;
   "drag-end": (size: number) => any;
-  expand: (target: CollapseTarget) => any;
-  collapse: (target: CollapseTarget) => any;
-  resize: (firstSize: number, secondSize: number) => any;
-  "update:size": (size: number) => any;
 }, string, vue.PublicProps, Readonly<SplitPaneProps> & Readonly<{
+  "onUpdate:size"?: ((size: number) => any) | undefined;
+  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
+  onCollapse?: ((target: CollapseTarget) => any) | undefined;
+  onExpand?: ((target: CollapseTarget) => any) | undefined;
   "onDrag-start"?: ((size: number) => any) | undefined;
   "onDrag-end"?: ((size: number) => any) | undefined;
-  onExpand?: ((target: CollapseTarget) => any) | undefined;
-  onCollapse?: ((target: CollapseTarget) => any) | undefined;
-  onResize?: ((firstSize: number, secondSize: number) => any) | undefined;
-  "onUpdate:size"?: ((size: number) => any) | undefined;
 }>, {
   disabled: boolean;
-  direction: SplitDirection;
-  collapsible: boolean;
   maxSize: number;
+  direction: SplitDirection;
   defaultSize: number;
   minSize: number;
   minFirstSize: number;
   minSecondSize: number;
+  collapsible: boolean;
   showCollapseButton: boolean;
   gutterSize: number;
   step: number;