@robot-admin/naive-ui-components 0.3.0

package/dist/useFullscreen.d.ts

@@ -0,0 +1,166 @@
+import * as vue from "vue";
+import { Ref } from "vue";
+
+//#region src/components/C_FilePreview/index.vue.d.ts
+type __VLS_Props = {
+  file?: File;
+  url?: string;
+  fileName?: string;
+  autoPreview?: boolean;
+};
+declare const __VLS_export: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  download: (file: string | File) => any;
+  preview: (file: string | File) => any;
+}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onDownload?: ((file: string | File) => any) | undefined;
+  onPreview?: ((file: string | File) => any) | undefined;
+}>, {
+  fileName: string;
+  autoPreview: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+//#region src/components/C_FilePreview/types.d.ts
+/**
+ * C_FilePreview 文件预览组件类型定义
+ */
+/** 支持的文件类型 */
+type FilePreviewType = "pdf" | "word" | "excel" | "unknown";
+/** 文件类型配置 */
+interface FileConfig {
+  tagType: string;
+  icon: string;
+  color: string;
+}
+/** 缩放配置 */
+interface ZoomConfig {
+  min: number;
+  max: number;
+  step: number;
+  default: number;
+}
+/** Excel 单元格 */
+interface ExcelCell {
+  value: any;
+  rowspan?: number;
+  colspan?: number;
+  merged?: boolean;
+  hidden?: boolean;
+  style?: any;
+}
+/** Excel 行数据 */
+interface ExcelRow {
+  [key: string]: ExcelCell;
+}
+/** Excel 列配置 */
+interface ExcelColumn {
+  title: string;
+  key: string;
+  width: number;
+}
+/** Excel 工作表 */
+interface ExcelSheet {
+  name: string;
+  data: ExcelRow[];
+  merges: any[];
+  columns: ExcelColumn[];
+}
+/** Word 文档标题 */
+interface DocHeading {
+  id: string;
+  text: string;
+  level: number;
+}
+/** 文件预览组件 Props */
+interface FilePreviewProps {
+  file?: File;
+  url?: string;
+  fileName?: string;
+  autoPreview?: boolean;
+}
+/** 文件加载结果 — PDF */
+interface PdfLoadResult {
+  url: string;
+  totalPages: number;
+}
+/** 文件加载结果 — Word */
+interface WordLoadResult {
+  content: string;
+  headings: DocHeading[];
+}
+/** 文件加载结果 — Excel */
+interface ExcelLoadResult {
+  sheets: ExcelSheet[];
+}
+//#endregion
+//#region src/components/C_FilePreview/composables/useFilePreview.d.ts
+interface UseFilePreviewOptions {
+  file: Ref<File | undefined>;
+  url: Ref<string | undefined>;
+  fileName: Ref<string>;
+}
+/**
+ * 文件预览核心 composable — 管理文件状态、加载、类型检测、下载
+ * @param options - 文件源配置（file / url / fileName）
+ * @param emit - 组件事件发射器
+ */
+declare function useFilePreview(options: UseFilePreviewOptions, emit: {
+  (e: "preview", file: File | string): void;
+  (e: "download", file: File | string): void;
+}): {
+  loading: Ref<boolean, boolean>;
+  error: Ref<string, string>;
+  fileSize: Ref<number, number>;
+  showModal: Ref<boolean, boolean>;
+  pdfUrl: Ref<string, string>;
+  pdfTotalPages: Ref<number, number>;
+  wordContent: Ref<string, string>;
+  wordHeadings: Ref<{
+    id: string;
+    text: string;
+    level: number;
+  }[], DocHeading[] | {
+    id: string;
+    text: string;
+    level: number;
+  }[]>;
+  excelSheets: Ref<{
+    name: string;
+    data: ExcelRow[];
+    merges: any[];
+    columns: {
+      title: string;
+      key: string;
+      width: number;
+    }[];
+  }[], ExcelSheet[] | {
+    name: string;
+    data: ExcelRow[];
+    merges: any[];
+    columns: {
+      title: string;
+      key: string;
+      width: number;
+    }[];
+  }[]>;
+  displayFileName: vue.ComputedRef<string>;
+  fileType: vue.ComputedRef<FilePreviewType>;
+  fileConfig: vue.ComputedRef<FileConfig>;
+  loadFile: () => Promise<void>;
+  openPreview: () => Promise<void>;
+  downloadFile: () => void;
+};
+//#endregion
+//#region src/components/C_FilePreview/composables/useFullscreen.d.ts
+/**
+ * 全屏切换 composable — 管理全屏状态与跨浏览器兼容
+ * @param containerRef - 需要全屏的容器元素引用
+ */
+declare function useFullscreen(containerRef: Ref<HTMLElement | undefined>): {
+  isFullscreen: Ref<boolean, boolean>;
+  toggleFullscreen: () => Promise<void>;
+  exitFullscreen: () => Promise<void>;
+};
+//#endregion
+export { ExcelColumn as a, ExcelSheet as c, FilePreviewType as d, PdfLoadResult as f, _default as h, ExcelCell as i, FileConfig as l, ZoomConfig as m, useFilePreview as n, ExcelLoadResult as o, WordLoadResult as p, DocHeading as r, ExcelRow as s, useFullscreen as t, FilePreviewProps as u };
+//# sourceMappingURL=useFullscreen.d.ts.map

package/dist/useFullscreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullscreen.d.ts","names":[],"sources":["../src/components/C_FilePreview/index.vue","../src/components/C_FilePreview/types.ts","../src/components/C_FilePreview/composables/useFilePreview.ts","../src/components/C_FilePreview/composables/useFullscreen.ts"],"mappings":";;;;KAwRK,WAAA;EACD,IAAA,GAAO,IAAA;EACP,GAAA;EACA,QAAA;EACA,WAAA;AAAA;AAAA,cA8rBE,YAAA,MAAY,eAAA,CAAA,WAAA,kBAAA,GAAA,CAAA,qBAAA,EAAA,GAAA,CAAA,qBAAA;;;;;;;;;;+BAKU,YAAA;;;;;;;KC19BhB,eAAA;;UAGK,UAAA;EACf,OAAA;EACA,IAAA;EACA,KAAA;AAAA;;UAIe,UAAA;EACf,GAAA;EACA,GAAA;EACA,IAAA;EACA,OAAA;AAAA;;UAIe,SAAA;EACf,KAAA;EACA,OAAA;EACA,OAAA;EACA,MAAA;EACA,MAAA;EACA,KAAA;AAAA;;UAIe,QAAA;EAAA,CACd,GAAA,WAAc,SAAA;AAAA;;UAIA,WAAA;EACf,KAAA;EACA,GAAA;EACA,KAAA;AAAA;;UAIe,UAAA;EACf,IAAA;EACA,IAAA,EAAM,QAAA;EACN,MAAA;EACA,OAAA,EAAS,WAAA;AAAA;;UAIM,UAAA;EACf,EAAA;EACA,IAAA;EACA,KAAA;AAAA;;UAIe,gBAAA;EACf,IAAA,GAAO,IAAA;EACP,GAAA;EACA,QAAA;EACA,WAAA;AAAA;;UAIe,aAAA;EACf,GAAA;EACA,UAAA;AAAA;;UAIe,cAAA;EACf,OAAA;EACA,QAAA,EAAU,UAAA;AAAA;;UAIK,eAAA;EACf,MAAA,EAAQ,UAAA;AAAA;;;UClEO,qBAAA;EACf,IAAA,EAAM,GAAA,CAAI,IAAA;EACV,GAAA,EAAK,GAAA;EACL,QAAA,EAAU,GAAA;AAAA;;;;;AF0QG;iBElQC,cAAA,CACd,OAAA,EAAS,qBAAA,EACT,IAAA;EAAA,CACG,CAAA,aAAc,IAAA,EAAM,IAAA;EAAA,CACpB,CAAA,cAAe,IAAA,EAAM,IAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AF47BR;;;;AAAA,iBGh9BF,aAAA,CAAc,YAAA,EAAc,GAAA,CAAI,WAAA"}

package/dist/useInfiniteScroll.d.ts

@@ -0,0 +1,169 @@
+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;
+  animationDuration: number;
+  columns: number;
+  gap: number;
+  infinite: boolean;
+  lazy: boolean;
+  skeleton: boolean;
+  skeletonCount: 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;
+  };
+}; //# sourceMappingURL=index.vue.d.ts.map
+//#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 };
+//# sourceMappingURL=useInfiniteScroll.d.ts.map

package/dist/useInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.d.ts","names":[],"sources":["../src/components/C_WaterFall/types.ts","../src/components/C_WaterFall/index.vue","../src/components/C_WaterFall/constants.ts","../src/components/C_WaterFall/composables/useResponsiveColumns.ts","../src/components/C_WaterFall/composables/useWaterFallLayout.ts","../src/components/C_WaterFall/composables/useInfiniteScroll.ts"],"mappings":";;;;UAAiB,aAAA;EACf,EAAA;EACA,GAAA;EACA,KAAA;EACA,MAAA;EACA,KAAA;EACA,WAAA;EAAA,CACC,GAAA;AAAA;AAAA,UAGc,mBAAA;EACf,IAAA,EAAM,aAAA;EACN,WAAA;EACA,CAAA;EACA,CAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,eAAA;EACf,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,mBAAA;EACf,QAAA;EACA,OAAA;AAAA;AAAA,KAGU,oBAAA;AAAA,UAEK,cAAA;EACf,KAAA,EAAO,aAAA;EACP,OAAA;EACA,GAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,aAAA;EACA,iBAAA;EACA,WAAA,GAAc,mBAAA;EACd,OAAA;EACA,MAAA;AAAA;AAAA,UAGe,cAAA;EACf,WAAA;EACA,YAAA,GAAe,IAAA,EAAM,aAAA,EAAe,KAAA;EACpC,cAAA,GAAiB,IAAA,EAAM,aAAA;EACvB,aAAA,GAAgB,IAAA,EAAM,aAAA;AAAA;AAAA,UAGP,eAAA;EACf,QAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AAAA;;;YCykBE,OAAA,MAAmB,OAAA;;;;;;;;;;;;;KAAmB,OAAA;YAArB,oBAAA;EAAA;AAAA,KAChB,WAAA;EACD,QAAA,IAAY,KAAA,SAAc,OAAA;AAAA;EAC1B,IAAA,IAAQ,KAAA,SAAc,OAAA;AAAA;EACtB,MAAA,IAAU,KAAA,SAAc,OAAA;AAAA;AAAA,cAQtB,UAAA,MAAU,eAAA,CAAA,cAAA,EAAA,eAAA,cAAA,GAAA,CAAA,qBAAA,EAAA,GAAA,CAAA,qBAAA;;;;;;;;;;;;;;;;;;;;;;cAMV,YAAA,EAAqB,eAAA,QAAuB,UAAA,EAAY,WAAA;AAAA,cAAW,QAAA,SAC7C,YAAA;AAAA,KAWvB,eAAA,SAAwB,CAAA;EAAA;IAE3B,MAAA,EAAQ,CAAA;EAAA;AAAA;;;cC/pBG,WAAA;AAAA,cACA,0BAAA;AAAA,cACA,sBAAA;AAAA,cACA,yBAAA;AAAA,cAEA,mBAAA,EAAqB,mBAAA;AAAA,cASrB,qBAAA;;;iBCXG,oBAAA,CACd,YAAA,EAAc,GAAA,CAAI,WAAA,eAClB,YAAA,GAAe,GAAA,sBACf,WAAA,GAAc,GAAA,CAAI,mBAAA;;;;;;iBCCJ,kBAAA,CACd,KAAA,EAAO,GAAA,CAAI,aAAA,KACX,OAAA,EAAS,QAAA,CAAS,GAAA,WAClB,cAAA,EAAgB,QAAA,CAAS,GAAA,WACzB,GAAA,EAAK,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAMwC,UAAA;;;;;iBCd/B,iBAAA,CACd,WAAA,EAAa,GAAA,CAAI,WAAA,eACjB,OAAA,EAAS,GAAA,WACT,OAAA,EAAS,GAAA,WACT,MAAA,EAAQ,GAAA,WACR,UAAA"}