@robot-admin/naive-ui-components 0.10.3 → 0.11.0

package/dist/useGlobalSearch.d.ts

@@ -1,12 +1,13 @@
 import * as vue from "vue";
 
 //#region src/components/C_GlobalSearch/types.d.ts
+type SearchIcon = string | object | ((...args: unknown[]) => unknown);
 /** 全局搜索菜单项 */
 interface SearchMenuItem {
   key: string;
   label: string;
-  icon?: any;
-  children?: any[];
+  icon?: SearchIcon;
+  children?: SearchMenuItem[];
 }
 /** 搜索历史记录项 */
 interface HistoryItem {
@@ -14,8 +15,8 @@ interface HistoryItem {
   menuItem: {
     key: string;
     label: string;
-    icon?: any;
-    children?: any[];
+    icon?: SearchIcon;
+    children?: SearchMenuItem[];
   } | null;
   timestamp: number;
 }
@@ -75,8 +76,13 @@ declare function useGlobalSearch(options: GlobalSearchOptions): {
     menuItem: {
       key: string;
       label: string;
-      icon?: any;
-      children?: any[] | undefined;
+      icon?: SearchIcon | undefined;
+      children?: {
+        key: string;
+        label: string;
+        icon?: SearchIcon | undefined;
+        children?: /*elided*/any[] | undefined;
+      }[] | undefined;
     } | null;
     timestamp: number;
   }[]>;
@@ -85,7 +91,10 @@ declare function useGlobalSearch(options: GlobalSearchOptions): {
   getItemClasses: (index: number, isHistory: boolean) => (string | false | {
     'robot-result-item-selected': boolean;
   })[];
-  highlightMatch: (text: string, search: string) => string;
+  highlightMatch: (text: string, search: string) => Array<{
+    text: string;
+    matched: boolean;
+  }>;
   formatMenuPath: (key: string) => string;
   clearHistory: () => void;
   removeHistoryItem: (index: number) => void;
@@ -98,5 +107,4 @@ declare function useGlobalSearch(options: GlobalSearchOptions): {
   focusPrev: () => void;
 };
 //#endregion
-export { SearchMenuItem as a, HistoryItem as i, _default as n, GlobalSearchOptions as r, useGlobalSearch as t };
-//# sourceMappingURL=useGlobalSearch.d.ts.map
+export { SearchMenuItem as a, HistoryItem as i, _default as n, GlobalSearchOptions as r, useGlobalSearch as t };

package/dist/useInfiniteScroll.d.cts

@@ -0,0 +1,177 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+
+//#region src/components/C_WaterFall/types.d.ts
+interface WaterFallItem {
+  id: string | number;
+  src: string;
+  width: number;
+  height: number;
+  title?: string;
+  description?: string;
+  [key: string]: any;
+}
+interface WaterFallLayoutItem {
+  item: WaterFallItem;
+  columnIndex: number;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+interface WaterFallColumn {
+  index: number;
+  height: number;
+}
+interface WaterFallBreakpoint {
+  minWidth: number;
+  columns: number;
+}
+type InfiniteScrollStatus = "idle" | "loading" | "no-more" | "error";
+interface WaterFallProps {
+  items: WaterFallItem[];
+  columns?: number;
+  gap?: number;
+  lazy?: boolean;
+  infinite?: boolean;
+  skeleton?: boolean;
+  skeletonCount?: number;
+  animationDuration?: number;
+  breakpoints?: WaterFallBreakpoint[];
+  loading?: boolean;
+  noMore?: boolean;
+}
+interface WaterFallEmits {
+  "load-more": [];
+  "item-click": [item: WaterFallItem, index: number];
+  "image-loaded": [item: WaterFallItem];
+  "image-error": [item: WaterFallItem];
+}
+interface WaterFallExpose {
+  relayout: () => void;
+  scrollToTop: () => void;
+  getColumns: () => number;
+  getContainerHeight: () => number;
+}
+//#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;
+    };
+    index: number;
+    width: number;
+    height: number;
+  }, __VLS_5: {
+    status: InfiniteScrollStatus;
+  };
+type __VLS_Slots = {} & {
+  skeleton?: (props: typeof __VLS_1) => any;
+} & {
+  item?: (props: typeof __VLS_3) => any;
+} & {
+  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;
+  "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;
+  "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
+  "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
+}>, {
+  loading: boolean;
+  columns: number;
+  gap: number;
+  lazy: boolean;
+  infinite: boolean;
+  skeleton: boolean;
+  skeletonCount: number;
+  animationDuration: number;
+  breakpoints: WaterFallBreakpoint[];
+  noMore: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/C_WaterFall/constants.d.ts
+declare const DEFAULT_GAP = 16;
+declare const DEFAULT_ANIMATION_DURATION = 300;
+declare const DEFAULT_SKELETON_COUNT = 8;
+declare const INFINITE_SCROLL_THRESHOLD = 200;
+declare const DEFAULT_BREAKPOINTS: WaterFallBreakpoint[];
+declare const SKELETON_HEIGHT_RANGE: [number, number];
+//#endregion
+//#region src/components/C_WaterFall/composables/useResponsiveColumns.d.ts
+/**
+ *
+ */
+declare function useResponsiveColumns(containerRef: Ref<HTMLElement | undefined>, fixedColumns?: Ref<number | undefined>, breakpoints?: Ref<WaterFallBreakpoint[] | undefined>): {
+  columns: Readonly<Ref<number, number>>;
+  containerWidth: Readonly<Ref<number, number>>;
+};
+//#endregion
+//#region src/components/C_WaterFall/composables/useWaterFallLayout.d.ts
+/**
+ *
+ */
+declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readonly<Ref<number>>, containerWidth: Readonly<Ref<number>>, gap: Ref<number>): {
+  layoutItems: Readonly<Ref<readonly {
+    readonly 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;
+    };
+    readonly columnIndex: number;
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+  }[], readonly {
+    readonly 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;
+    };
+    readonly columnIndex: number;
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+  }[]>>;
+  containerHeight: Readonly<Ref<number, number>>;
+  cacheImageHeight: (id: string | number, realHeight: number) => void;
+  relayout: () => void;
+};
+//#endregion
+//#region src/components/C_WaterFall/composables/useInfiniteScroll.d.ts
+/**
+ *
+ */
+declare function useInfiniteScroll(sentinelRef: Ref<HTMLElement | undefined>, enabled: Ref<boolean>, loading: Ref<boolean>, noMore: Ref<boolean>, onLoadMore: () => void): {
+  status: Readonly<Ref<InfiniteScrollStatus, InfiniteScrollStatus>>;
+};
+//#endregion
+export { WaterFallLayoutItem as _, DEFAULT_BREAKPOINTS as a, INFINITE_SCROLL_THRESHOLD as c, InfiniteScrollStatus as d, WaterFallBreakpoint as f, WaterFallItem as g, WaterFallExpose as h, DEFAULT_ANIMATION_DURATION as i, SKELETON_HEIGHT_RANGE as l, WaterFallEmits as m, useWaterFallLayout as n, DEFAULT_GAP as o, WaterFallColumn as p, useResponsiveColumns as r, DEFAULT_SKELETON_COUNT as s, useInfiniteScroll as t, _default as u, WaterFallProps as v };

package/dist/useInfiniteScroll.d.ts

@@ -89,6 +89,7 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   "onImage-loaded"?: ((item: WaterFallItem) => any) | undefined;
   "onImage-error"?: ((item: WaterFallItem) => any) | undefined;
 }>, {
+  loading: boolean;
   columns: number;
   gap: number;
   lazy: boolean;
@@ -97,7 +98,6 @@ declare const __VLS_base: vue.DefineComponent<WaterFallProps, WaterFallExpose, {
   skeletonCount: number;
   animationDuration: number;
   breakpoints: WaterFallBreakpoint[];
-  loading: boolean;
   noMore: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -117,12 +117,18 @@ declare const DEFAULT_BREAKPOINTS: WaterFallBreakpoint[];
 declare const SKELETON_HEIGHT_RANGE: [number, number];
 //#endregion
 //#region src/components/C_WaterFall/composables/useResponsiveColumns.d.ts
+/**
+ *
+ */
 declare function useResponsiveColumns(containerRef: Ref<HTMLElement | undefined>, fixedColumns?: Ref<number | undefined>, breakpoints?: Ref<WaterFallBreakpoint[] | undefined>): {
   columns: Readonly<Ref<number, number>>;
   containerWidth: Readonly<Ref<number, number>>;
 };
 //#endregion
 //#region src/components/C_WaterFall/composables/useWaterFallLayout.d.ts
+/**
+ *
+ */
 declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readonly<Ref<number>>, containerWidth: Readonly<Ref<number>>, gap: Ref<number>): {
   layoutItems: Readonly<Ref<readonly {
     readonly item: {
@@ -161,9 +167,11 @@ declare function useWaterFallLayout(items: Ref<WaterFallItem[]>, columns: Readon
 };
 //#endregion
 //#region src/components/C_WaterFall/composables/useInfiniteScroll.d.ts
+/**
+ *
+ */
 declare function useInfiniteScroll(sentinelRef: Ref<HTMLElement | undefined>, enabled: Ref<boolean>, loading: Ref<boolean>, noMore: Ref<boolean>, onLoadMore: () => void): {
   status: Readonly<Ref<InfiniteScrollStatus, InfiniteScrollStatus>>;
 };
 //#endregion
-export { WaterFallLayoutItem as _, DEFAULT_BREAKPOINTS as a, INFINITE_SCROLL_THRESHOLD as c, InfiniteScrollStatus as d, WaterFallBreakpoint as f, WaterFallItem as g, WaterFallExpose as h, DEFAULT_ANIMATION_DURATION as i, SKELETON_HEIGHT_RANGE as l, WaterFallEmits as m, useWaterFallLayout as n, DEFAULT_GAP as o, WaterFallColumn as p, useResponsiveColumns as r, DEFAULT_SKELETON_COUNT as s, useInfiniteScroll as t, _default as u, WaterFallProps as v };
-//# sourceMappingURL=useInfiniteScroll.d.ts.map
+export { WaterFallLayoutItem as _, DEFAULT_BREAKPOINTS as a, INFINITE_SCROLL_THRESHOLD as c, InfiniteScrollStatus as d, WaterFallBreakpoint as f, WaterFallItem as g, WaterFallExpose as h, DEFAULT_ANIMATION_DURATION as i, SKELETON_HEIGHT_RANGE as l, WaterFallEmits as m, useWaterFallLayout as n, DEFAULT_GAP as o, WaterFallColumn as p, useResponsiveColumns as r, DEFAULT_SKELETON_COUNT as s, useInfiniteScroll as t, _default as u, WaterFallProps as v };

package/dist/useQRCode.d.cts

@@ -0,0 +1,89 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+
+//#region src/components/C_QRCode/types.d.ts
+type ErrorCorrectionLevel = "L" | "M" | "Q" | "H";
+type RenderMode = "canvas" | "svg";
+type ExportType = "png" | "jpeg" | "svg";
+interface LogoOptions {
+  src: string;
+  size?: number;
+  borderRadius?: number;
+  padding?: number;
+  bgColor?: string;
+}
+interface QRCodeProps {
+  value: string;
+  size?: number;
+  color?: string;
+  bgColor?: string;
+  errorCorrectionLevel?: ErrorCorrectionLevel;
+  margin?: number;
+  mode?: RenderMode;
+  logo?: LogoOptions;
+  showBorder?: boolean;
+  label?: string;
+  showLabel?: boolean;
+}
+interface QRCodeExpose {
+  toDataURL: (type?: ExportType, quality?: number) => Promise<string>;
+  download: (filename?: string, type?: ExportType) => Promise<void>;
+  refresh: () => Promise<void>;
+}
+//#endregion
+//#region src/components/C_QRCode/index.vue.d.ts
+interface Props {
+  value: string;
+  size?: number;
+  color?: string;
+  bgColor?: string;
+  errorCorrectionLevel?: ErrorCorrectionLevel;
+  margin?: number;
+  mode?: RenderMode;
+  logo?: LogoOptions;
+  showBorder?: boolean;
+  label?: string;
+  showLabel?: boolean;
+}
+declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  error: (error: Error) => any;
+}, string, vue.PublicProps, Readonly<Props> & Readonly<{
+  onError?: ((error: Error) => any) | undefined;
+}>, {
+  mode: RenderMode;
+  size: number;
+  color: string;
+  label: string;
+  showBorder: boolean;
+  showLabel: boolean;
+  margin: number;
+  bgColor: string;
+  errorCorrectionLevel: ErrorCorrectionLevel;
+  logo: LogoOptions;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+//#region src/components/C_QRCode/composables/useQRCode.d.ts
+interface UseQRCodeOptions {
+  value: Ref<string>;
+  size: Ref<number>;
+  color: Ref<string>;
+  bgColor: Ref<string>;
+  errorCorrectionLevel: Ref<ErrorCorrectionLevel>;
+  margin: Ref<number>;
+  mode: Ref<RenderMode>;
+  logo: Ref<LogoOptions | undefined>;
+}
+/**
+ *
+ */
+declare function useQRCode(canvasRef: Ref<HTMLCanvasElement | null>, options: UseQRCodeOptions): {
+  svgHtml: Ref<string, string>;
+  error: Ref<Error | null, Error | null>;
+  loading: Ref<boolean, boolean>;
+  render: () => Promise<void>;
+  toDataURL: (type?: ExportType, quality?: number) => Promise<string>;
+  download: (filename?: string, type?: ExportType) => Promise<void>;
+};
+//#endregion
+export { LogoOptions as a, RenderMode as c, ExportType as i, _default as n, QRCodeExpose as o, ErrorCorrectionLevel as r, QRCodeProps as s, useQRCode as t };

package/dist/useQRCode.d.ts

@@ -50,12 +50,12 @@ declare const __VLS_export: vue.DefineComponent<Props, QRCodeExpose, {}, {}, {},
 }, string, vue.PublicProps, Readonly<Props> & Readonly<{
   onError?: ((error: Error) => any) | undefined;
 }>, {
-  showBorder: boolean;
-  label: string;
-  showLabel: boolean;
   mode: RenderMode;
   size: number;
   color: string;
+  label: string;
+  showBorder: boolean;
+  showLabel: boolean;
   margin: number;
   bgColor: string;
   errorCorrectionLevel: ErrorCorrectionLevel;
@@ -74,6 +74,9 @@ interface UseQRCodeOptions {
   mode: Ref<RenderMode>;
   logo: Ref<LogoOptions | undefined>;
 }
+/**
+ *
+ */
 declare function useQRCode(canvasRef: Ref<HTMLCanvasElement | null>, options: UseQRCodeOptions): {
   svgHtml: Ref<string, string>;
   error: Ref<Error | null, Error | null>;
@@ -83,5 +86,4 @@ declare function useQRCode(canvasRef: Ref<HTMLCanvasElement | null>, options: Us
   download: (filename?: string, type?: ExportType) => Promise<void>;
 };
 //#endregion
-export { LogoOptions as a, RenderMode as c, ExportType as i, _default as n, QRCodeExpose as o, ErrorCorrectionLevel as r, QRCodeProps as s, useQRCode as t };
-//# sourceMappingURL=useQRCode.d.ts.map
+export { LogoOptions as a, RenderMode as c, ExportType as i, _default as n, QRCodeExpose as o, ErrorCorrectionLevel as r, QRCodeProps as s, useQRCode as t };