star-horse-lowcode 3.1.5 → 3.1.7

package/dist/types/utils/ImagePreview.d.ts

@@ -0,0 +1,105 @@
+/**
+ * ImagePreview - 可配置的图片预览工具
+ * 支持淡入淡出、3D翻转等过渡动画，支持丰富的配置项
+ */
+/** 过渡动画类型 */
+export type ImageTransition = "fade" | "slide" | "zoom" | "flip3d" | "none";
+/** 图片预览配置 */
+export interface ImagePreviewOptions {
+    /** 过渡动画类型，默认 fade */
+    transition?: ImageTransition;
+    /** 过渡动画时长(ms)，默认 300 */
+    transitionDuration?: number;
+    /** 背景色，默认 rgba(0,0,0,0.85) */
+    overlayBackground?: string;
+    /** 是否显示工具栏，默认 true */
+    showToolbar?: boolean;
+    /** 是否显示缩略图栏，默认 true（多图时） */
+    showThumbnails?: boolean;
+    /** 是否显示左右箭头，默认 true（多图时） */
+    showArrows?: boolean;
+    /** 是否启用键盘导航，默认 true */
+    keyboardNavigation?: boolean;
+    /** 是否启用鼠标滚轮缩放，默认 true */
+    wheelZoom?: boolean;
+    /** 是否启用拖拽平移，默认 true */
+    draggable?: boolean;
+    /** 初始索引，默认 0 */
+    initialIndex?: number;
+    /** 缩略图高度(px)，默认 48 */
+    thumbnailSize?: number;
+    /** 箭头大小(px)，默认 52 */
+    arrowSize?: number;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 切换回调 */
+    onSwitch?: (index: number) => void;
+}
+export declare class ImagePreview {
+    private images;
+    private options;
+    private currentIndex;
+    private scale;
+    private rotation;
+    private translateX;
+    private translateY;
+    private isDragging;
+    private dragStartX;
+    private dragStartY;
+    private isTransitioning;
+    private overlay;
+    private imgWrap;
+    private img;
+    private imgBack;
+    private toolbar;
+    private thumbBar;
+    private counter;
+    private arrowLeft;
+    private arrowRight;
+    private prevBtn;
+    private nextBtn;
+    private thumbs;
+    private boundOnMouseMove;
+    private boundOnMouseUp;
+    private boundOnKeydown;
+    constructor(images: string | string[], options?: ImagePreviewOptions);
+    /** 关闭预览 */
+    close(): void;
+    /** 切换到指定索引 */
+    goTo(index: number): void;
+    /** 上一张 */
+    prev(): void;
+    /** 下一张 */
+    next(): void;
+    private build;
+    private buildToolbar;
+    private buildThumbnails;
+    private buildArrows;
+    private loadImage;
+    /** 淡入淡出 */
+    private transitionFade;
+    /** 滑动切换 */
+    private transitionSlide;
+    /** 缩放切换 */
+    private transitionZoom;
+    /** 3D翻转 */
+    private transitionFlip3d;
+    private bindEvents;
+    private onMouseMove;
+    private onMouseUp;
+    private onKeydown;
+    private resetTransform;
+    private updateImgTransform;
+    private updateUI;
+    private updateThumbActive;
+    private downloadImage;
+    private cleanup;
+    private el;
+    private createBtn;
+}
+/**
+ * 兼容旧接口 - 图片预览
+ * @param images 图片URL数组或单个URL
+ * @param options 预览配置
+ */
+export declare function imagesPreview(images: Array<string> | string, options?: ImagePreviewOptions): ImagePreview;

package/dist/utils/ImagePreview.d.ts

@@ -0,0 +1,105 @@
+/**
+ * ImagePreview - 可配置的图片预览工具
+ * 支持淡入淡出、3D翻转等过渡动画，支持丰富的配置项
+ */
+/** 过渡动画类型 */
+export type ImageTransition = "fade" | "slide" | "zoom" | "flip3d" | "none";
+/** 图片预览配置 */
+export interface ImagePreviewOptions {
+    /** 过渡动画类型，默认 fade */
+    transition?: ImageTransition;
+    /** 过渡动画时长(ms)，默认 300 */
+    transitionDuration?: number;
+    /** 背景色，默认 rgba(0,0,0,0.85) */
+    overlayBackground?: string;
+    /** 是否显示工具栏，默认 true */
+    showToolbar?: boolean;
+    /** 是否显示缩略图栏，默认 true（多图时） */
+    showThumbnails?: boolean;
+    /** 是否显示左右箭头，默认 true（多图时） */
+    showArrows?: boolean;
+    /** 是否启用键盘导航，默认 true */
+    keyboardNavigation?: boolean;
+    /** 是否启用鼠标滚轮缩放，默认 true */
+    wheelZoom?: boolean;
+    /** 是否启用拖拽平移，默认 true */
+    draggable?: boolean;
+    /** 初始索引，默认 0 */
+    initialIndex?: number;
+    /** 缩略图高度(px)，默认 48 */
+    thumbnailSize?: number;
+    /** 箭头大小(px)，默认 52 */
+    arrowSize?: number;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 切换回调 */
+    onSwitch?: (index: number) => void;
+}
+export declare class ImagePreview {
+    private images;
+    private options;
+    private currentIndex;
+    private scale;
+    private rotation;
+    private translateX;
+    private translateY;
+    private isDragging;
+    private dragStartX;
+    private dragStartY;
+    private isTransitioning;
+    private overlay;
+    private imgWrap;
+    private img;
+    private imgBack;
+    private toolbar;
+    private thumbBar;
+    private counter;
+    private arrowLeft;
+    private arrowRight;
+    private prevBtn;
+    private nextBtn;
+    private thumbs;
+    private boundOnMouseMove;
+    private boundOnMouseUp;
+    private boundOnKeydown;
+    constructor(images: string | string[], options?: ImagePreviewOptions);
+    /** 关闭预览 */
+    close(): void;
+    /** 切换到指定索引 */
+    goTo(index: number): void;
+    /** 上一张 */
+    prev(): void;
+    /** 下一张 */
+    next(): void;
+    private build;
+    private buildToolbar;
+    private buildThumbnails;
+    private buildArrows;
+    private loadImage;
+    /** 淡入淡出 */
+    private transitionFade;
+    /** 滑动切换 */
+    private transitionSlide;
+    /** 缩放切换 */
+    private transitionZoom;
+    /** 3D翻转 */
+    private transitionFlip3d;
+    private bindEvents;
+    private onMouseMove;
+    private onMouseUp;
+    private onKeydown;
+    private resetTransform;
+    private updateImgTransform;
+    private updateUI;
+    private updateThumbActive;
+    private downloadImage;
+    private cleanup;
+    private el;
+    private createBtn;
+}
+/**
+ * 兼容旧接口 - 图片预览
+ * @param images 图片URL数组或单个URL
+ * @param options 预览配置
+ */
+export declare function imagesPreview(images: Array<string> | string, options?: ImagePreviewOptions): ImagePreview;

package/package.json

@@ -2,7 +2,7 @@
   "name": "star-horse-lowcode",
   "private": false,
   "author": "l_1019@163.com",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "type": "module",
   "description": "星马低代码核心库，提供了低代码平台的基础功能和组件库。此库可引用到您的项目中，快速构建表单和列表。",
   "keywords": [
@@ -75,34 +75,35 @@
     "@codemirror/lang-xml": "^6.1.0",
     "@codemirror/lang-yaml": "^6.1.3",
     "@codemirror/theme-one-dark": "^6.1.3",
+    "@element-plus/icons-vue": "^2.3.2",
     "@monaco-editor/react": "^4.7.0",
     "@replit/codemirror-minimap": "^0.5.2",
     "@selemondev/vue3-signature-pad": "^1.9.0",
     "@vueuse/core": "^14.3.0",
     "@wangeditor/editor": "^5.1.23",
     "@wangeditor/editor-for-vue": "^5.1.12",
-    "axios": "^1.18.0",
+    "axios": "^1.18.1",
+    "camelcase": "^9.0.0",
     "codemirror": "^6.0.2",
     "element-plus": "^2.14.2",
     "jquery": "^4.0.0",
     "json5": "^2.2.3",
     "markdown-it": "^14.2.0",
-    "md-editor-v3": "^6.5.1",
+    "md-editor-v3": "^6.5.3",
     "monaco-editor": "^0.55.1",
     "path": "^0.12.7",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
-    "preview-image-js": "^1.2.1",
     "qrcode.vue": "^3.10.0",
     "smooth-signature": "^1.1.0",
     "sortablejs": "^1.15.7",
-    "sql-formatter": "^15.8.1",
+    "sql-formatter": "^15.8.2",
     "tailwindcss": "^4.3.1",
     "thememirror": "^2.0.1",
-    "uuid": "^14.0.0",
+    "uuid": "^14.0.1",
     "vanilla-jsoneditor": "^3.12.0",
     "vue": "^3.5.38",
-    "vue-i18n": "^11.4.5",
+    "vue-i18n": "^11.4.6",
     "vue-m-message": "^4.0.2",
     "vue-router": "^5.1.0",
     "vue3-barcode": "^1.0.1",
@@ -116,23 +117,23 @@
     "@rollup/plugin-inject": "^5.0.5",
     "@tailwindcss/vite": "^4.3.1",
     "@types/jquery": "^4.0.1",
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.0.0",
     "@types/prismjs": "^1.26.6",
     "@types/sortablejs": "^1.15.9",
-    "@typescript-eslint/eslint-plugin": "^8.61.1",
-    "@typescript-eslint/parser": "^8.61.1",
+    "@typescript-eslint/eslint-plugin": "^8.62.0",
+    "@typescript-eslint/parser": "^8.62.0",
     "@typescript/typescript6": "^6.0.1",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/language-core": "^3.3.5",
     "eslint": "^10.5.0",
     "eslint-plugin-vue": "^10.9.2",
-    "globals": "^17.6.0",
+    "globals": "^17.7.0",
     "prettier": "^3.8.4",
     "sass-embedded": "^1.100.0",
     "terser": "^5.48.0",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.0.16",
+    "vite": "^8.1.0",
     "vite-plugin-dts": "^5.0.2",
     "vue-eslint-parser": "^10.4.1"
   },