@hprint/shared 0.0.1-alpha.0

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+import { default as LengthConvert } from './lengthConvert';
+import { default as mathHelper } from './mathHelper';
+import { default as utils } from './utils';
+import { fabric } from 'fabric';
+export { LengthConvert, mathHelper, utils, fabric };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC"}

package/dist/src/lengthConvert.d.ts

@@ -0,0 +1,90 @@
+export default class LengthConvert {
+    static devicePixelRatio: number;
+    static _deviceDPI: number | null;
+    static CONSTANTS: {
+        INCH_TO_MM: number;
+        DEFAULT_DPI: number;
+        STANDARD_DPI: {
+            SCREEN: number;
+            PRINT: number;
+            HIGH_RES: number;
+        };
+    };
+    /**
+     * 获取设备DPI（缓存结果避免重复计算）
+     */
+    static getDeviceDPI(): number;
+    /**
+     * 毫米转像素
+     * @param {number|string} mm - 毫米值
+     * @param {number|string} [dpi] - DPI值
+     * @param {object} [options] - 可选参数 { direct: true } 是否允许非整数
+     * @returns {number} 像素值
+     */
+    static mmToPx(mm: number | string, dpi?: number, options?: {
+        direct?: boolean;
+    }): number;
+    /**
+     * 像素转毫米
+     * @param {number|string} px - 像素值
+     * @param {number|string} [dpi] - DPI值
+     * @param {object} [options] - 可选参数
+     * @returns {number} 毫米值
+     */
+    static pxToMm(px: number | string, dpi?: number, options?: unknown): number;
+    /**
+     * 批量转换毫米到像素
+     */
+    static mmToPxBatch(mmArray: Array<number | string>, dpi?: number): number[];
+    /**
+     * 批量转换像素到毫米
+     */
+    static pxToMmBatch(pxArray: Array<number | string>, dpi?: number): number[];
+    static getValidDpi(dpi?: number): number;
+    /**
+     * 规范化数字输入（支持字符串和数字）
+     * @param {number|string} value - 输入值
+     * @param {string} name - 参数名称（用于错误提示）
+     * @returns {number} 规范化后的数字
+     */
+    static normalizeNumber(value: number | string, name: string): number;
+    static validateNumber(value: number | string, name: string): void;
+    static resetCache(): void;
+    /**
+     * pt（磅）转 px（像素）
+     * @param {number|string} pt - 磅值
+     * @param {object} [options] - 可选参数 { direct: true } 是否允许非整数
+     * @returns {number} 像素值
+     */
+    static ptToPx(pt: number | string, options?: {
+        direct?: boolean;
+    }): number;
+    /**
+     * px（像素）转 pt（磅）
+     * @param {number|string} px - 像素值
+     * @returns {number} 磅值
+     */
+    static pxToPt(px: number | string): number;
+    /**
+     * 批量pt转px
+     * @param {number[]} ptArray
+     * @param {object} [options]
+     * @returns {number[]}
+     */
+    static ptToPxBatch(ptArray: Array<number | string>, options?: {
+        direct?: boolean;
+    }): number[];
+    /**
+     * 批量px转pt
+     * @param {number[]} pxArray
+     * @returns {number[]}
+     */
+    static pxToPtBatch(pxArray: Array<number | string>): number[];
+    /**
+     * 毫米转磅（pt）
+     * @param {number|string} mm - 毫米值
+     * @returns {number} 磅值
+     */
+    static mmToPt(mm: number | string): number;
+}
+//# sourceMappingURL=lengthConvert.d.ts.map

package/dist/src/lengthConvert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lengthConvert.d.ts","sourceRoot":"","sources":["../../src/lengthConvert.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,aAAa;IAC9B,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAA2B;IAC1D,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,SAAS;;;;;;;;MAQd;IAEF;;OAEG;IACH,MAAM,CAAC,YAAY,IAAI,MAAM;IA2B7B;;;;;;OAMG;IACH,MAAM,CAAC,MAAM,CACT,EAAE,EAAE,MAAM,GAAG,MAAM,EACnB,GAAG,CAAC,EAAE,MAAM,EACZ,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAC/B,MAAM;IAQT;;;;;;OAMG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM;IAM3E;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE;IAI3E;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE;IAK3E,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM;IAexC;;;;;OAKG;IACH,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM;IAkBpE,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAKjE,MAAM,CAAC,UAAU;IAIjB;;;;;OAKG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM;IAQ1E;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM;IAO1C;;;;;OAKG;IACH,MAAM,CAAC,WAAW,CACd,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,EAC/B,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,GAC/B,MAAM,EAAE;IAIX;;;;OAIG;IACH,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,EAAE;IAI7D;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM;CAM7C"}

package/dist/src/mathHelper.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    getPolygonVertices: (edges: number, radius: number) => {
+        x: number;
+        y: number;
+    }[];
+};
+export default _default;
+//# sourceMappingURL=mathHelper.d.ts.map

package/dist/src/mathHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mathHelper.d.ts","sourceRoot":"","sources":["../../src/mathHelper.ts"],"names":[],"mappings":";gCAMmC,MAAM,UAAU,MAAM;;;;;AAkBzD,wBAAsC"}

package/dist/src/utils.d.ts

@@ -0,0 +1,62 @@
+import { useClipboard } from '@vueuse/core';
+import { fabric } from 'fabric';
+/**
+ * @description: 图片文件转字符串
+ * @param {Blob|File} file 文件
+ * @return {String}
+ */
+export declare function getImgStr(file: File | Blob): Promise<FileReader['result']>;
+/**
+ * @description: 选择文件
+ * @param {Object} options accept = '', capture = '', multiple = false
+ * @return {Promise}
+ */
+export declare function selectFiles(options: {
+    accept?: string;
+    capture?: string;
+    multiple?: boolean;
+}): Promise<FileList | null>;
+/**
+ * @description: 创建图片元素
+ * @param {String} str 图片地址或者base64图片
+ * @return {Promise} element 图片元素
+ */
+export declare function insertImgFile(str: string): Promise<unknown>;
+/**
+ * Copying text to the clipboard
+ * @param source Copy source
+ * @param options Copy options
+ * @returns Promise that resolves when the text is copied successfully, or rejects when the copy fails.
+ */
+export declare const clipboardText: (source: string, options?: Parameters<typeof useClipboard>[0]) => Promise<void>;
+export declare function downFile(fileStr: string, fileType: string): void;
+export declare function drawImg(ctx: CanvasRenderingContext2D, left: number, top: number, img: HTMLImageElement, wSize: number, hSize: number, angle: number | undefined): void;
+export declare function shiftAngle(start: fabric.Point, end: fabric.Point): {
+    x: number;
+    y: number;
+};
+/**
+ * 类型工具
+ */
+export declare const isImage: (thing: unknown) => thing is fabric.Image;
+export declare const isGroup: (thing: unknown) => thing is fabric.Group;
+export declare const isIText: (thing: unknown) => thing is fabric.IText;
+export declare const isActiveSelection: (thing: unknown) => thing is fabric.ActiveSelection;
+export declare function blobToBase64(blob: Blob): Promise<unknown>;
+export declare function base64ToBlob(base64Data: string): (string | Blob)[] | null;
+declare const _default: {
+    getImgStr: typeof getImgStr;
+    downFile: typeof downFile;
+    selectFiles: typeof selectFiles;
+    insertImgFile: typeof insertImgFile;
+    clipboardText: (source: string, options?: Parameters<typeof useClipboard>[0]) => Promise<void>;
+    drawImg: typeof drawImg;
+    isImage: (thing: unknown) => thing is fabric.Image;
+    isGroup: (thing: unknown) => thing is fabric.Group;
+    isIText: (thing: unknown) => thing is fabric.IText;
+    isActiveSelection: (thing: unknown) => thing is fabric.ActiveSelection;
+    blobToBase64: typeof blobToBase64;
+    base64ToBlob: typeof base64ToBlob;
+};
+export default _default;
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAA4B,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAE1E;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,OAAO,EAAE;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAQ3B;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,oBAUxC;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GACtB,QAAQ,MAAM,EACd,UAAU,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,kBAG/C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,QAOzD;AAED,wBAAgB,OAAO,CACnB,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GAAG,SAAS,QAQ5B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,KAAK;;;EAgBhE;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAExD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAExD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAExD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC1B,OAAO,OAAO,KACf,KAAK,IAAI,MAAM,CAAC,eAElB,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,oBAQtC;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,4BAa9C;;;;;;4BA9FW,MAAM,YACJ,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC;;qBAoDjB,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAAK;qBAI/B,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAAK;qBAI/B,OAAO,KAAG,KAAK,IAAI,MAAM,CAAC,KAAK;+BAKnD,OAAO,KACf,KAAK,IAAI,MAAM,CAAC,eAAe;;;;AA6BlC,wBAaE"}

package/package.json

@@ -0,0 +1,41 @@
+{
+    "name": "@hprint/shared",
+    "version": "0.0.1-alpha.0",
+    "description": "",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.mjs",
+            "require": "./dist/index.js"
+        }
+    },
+    "scripts": {
+        "build": "vite build",
+        "clean": "node -e \"require('fs').rmSync('dist', {recursive: true, force: true})\"",
+        "type-check": "tsc --noEmit",
+        "watch": "vite build --watch",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "devDependencies": {
+        "@types/fabric": "~5.3.10",
+        "rimraf": "^6.1.2",
+        "vite": "^7.2.4",
+        "vite-plugin-dts": "^4.5.4"
+    },
+    "keywords": [],
+    "author": "george-hong",
+    "license": "ISC",
+    "publishConfig": {
+        "access": "public"
+    },
+    "packageManager": "pnpm@10.20.0",
+    "dependencies": {
+        "@types/uuid": "~8.3.4",
+        "@vueuse/core": "~10.11.1",
+        "fabric": "~5.3.0",
+        "uuid": "~8.3.2"
+    }
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+import LengthConvert from './lengthConvert';
+import mathHelper from './mathHelper';
+import utils from './utils';
+import { fabric } from 'fabric';
+
+export { LengthConvert, mathHelper, utils, fabric };

package/src/lengthConvert.ts

@@ -0,0 +1,198 @@
+export default class LengthConvert {
+    static devicePixelRatio: number = window.devicePixelRatio;
+    static _deviceDPI: number | null;
+    static CONSTANTS = {
+        INCH_TO_MM: 25.4,
+        DEFAULT_DPI: 96,
+        STANDARD_DPI: {
+            SCREEN: 96,
+            PRINT: 300,
+            HIGH_RES: 600,
+        },
+    };
+
+    /**
+     * 获取设备DPI（缓存结果避免重复计算）
+     */
+    static getDeviceDPI(): number {
+        if (!this._deviceDPI) {
+            try {
+                const element = document.createElement('div');
+                element.style.width = '1in';
+                element.style.height = '0';
+                element.style.position = 'absolute';
+                element.style.visibility = 'hidden';
+
+                document.body.appendChild(element);
+                const cssPixels = element.offsetWidth;
+                document.body.removeChild(element);
+
+                this._deviceDPI =
+                    cssPixels * window.devicePixelRatio ||
+                    this.CONSTANTS.DEFAULT_DPI;
+            } catch (error) {
+                console.warn(
+                    '无法获取设备DPI，使用默认值:',
+                    this.CONSTANTS.DEFAULT_DPI
+                );
+                this._deviceDPI = this.CONSTANTS.DEFAULT_DPI;
+            }
+        }
+        return this._deviceDPI;
+    }
+
+    /**
+     * 毫米转像素
+     * @param {number|string} mm - 毫米值
+     * @param {number|string} [dpi] - DPI值
+     * @param {object} [options] - 可选参数 { direct: true } 是否允许非整数
+     * @returns {number} 像素值
+     */
+    static mmToPx(
+        mm: number | string,
+        dpi?: number,
+        options?: { direct?: boolean }
+    ): number {
+        const normalizedMm = this.normalizeNumber(mm, '毫米值');
+        const currentDpi = this.getValidDpi(dpi);
+        const directValue =
+            (normalizedMm * currentDpi) / this.CONSTANTS.INCH_TO_MM;
+        return options?.direct ? directValue : Math.ceil(directValue);
+    }
+
+    /**
+     * 像素转毫米
+     * @param {number|string} px - 像素值
+     * @param {number|string} [dpi] - DPI值
+     * @param {object} [options] - 可选参数
+     * @returns {number} 毫米值
+     */
+    static pxToMm(px: number | string, dpi?: number, options?: unknown): number {
+        const normalizedPx = this.normalizeNumber(px, '像素值');
+        const currentDpi = this.getValidDpi(dpi);
+        return (normalizedPx * this.CONSTANTS.INCH_TO_MM) / currentDpi;
+    }
+
+    /**
+     * 批量转换毫米到像素
+     */
+    static mmToPxBatch(mmArray: Array<number | string>, dpi?: number): number[] {
+        return mmArray.map((mm) => this.mmToPx(mm, dpi, undefined));
+    }
+
+    /**
+     * 批量转换像素到毫米
+     */
+    static pxToMmBatch(pxArray: Array<number | string>, dpi?: number): number[] {
+        return pxArray.map((px) => this.pxToMm(px, dpi, undefined));
+    }
+
+    // 私有方法
+    static getValidDpi(dpi?: number): number {
+        if (dpi !== undefined && dpi !== null) {
+            const normalizedDpi = this.normalizeNumber(dpi, 'DPI值');
+            if (normalizedDpi <= 0) {
+                throw new Error('DPI值必须大于0');
+            }
+            return normalizedDpi;
+        }
+        const deviceDpi = this.getDeviceDPI();
+        if (deviceDpi <= 0) {
+            throw new Error('DPI值必须大于0');
+        }
+        return deviceDpi;
+    }
+
+    /**
+     * 规范化数字输入（支持字符串和数字）
+     * @param {number|string} value - 输入值
+     * @param {string} name - 参数名称（用于错误提示）
+     * @returns {number} 规范化后的数字
+     */
+    static normalizeNumber(value: number | string, name: string): number {
+        if (typeof value === 'string') {
+            const trimmed = value.trim();
+            if (trimmed === '') {
+                throw new Error(`${name}不能为空字符串`);
+            }
+            const num = Number(trimmed);
+            if (isNaN(num)) {
+                throw new Error(`${name}必须是有效数字，无法转换: "${value}"`);
+            }
+            return num;
+        }
+        if (typeof value !== 'number' || isNaN(value)) {
+            throw new Error(`${name}必须是有效数字`);
+        }
+        return value;
+    }
+
+    static validateNumber(value: number | string, name: string): void {
+        this.normalizeNumber(value, name);
+    }
+
+    // 重置设备DPI缓存（用于响应设备变化）
+    static resetCache() {
+        this._deviceDPI = null;
+    }
+
+    /**
+     * pt（磅）转 px（像素）
+     * @param {number|string} pt - 磅值
+     * @param {object} [options] - 可选参数 { direct: true } 是否允许非整数
+     * @returns {number} 像素值
+     */
+    static ptToPx(pt: number | string, options?: { direct?: boolean }): number {
+        const normalizedPt = this.normalizeNumber(pt, '磅值');
+        const currentDpi = this.getValidDpi(undefined);
+        // 1英寸 = 72pt，所以 px = pt * dpi / 72
+        const directValue = (normalizedPt * currentDpi) / 72;
+        return options?.direct ? directValue : Math.ceil(directValue);
+    }
+
+    /**
+     * px（像素）转 pt（磅）
+     * @param {number|string} px - 像素值
+     * @returns {number} 磅值
+     */
+    static pxToPt(px: number | string): number {
+        const normalizedPx = this.normalizeNumber(px, '像素值');
+        const currentDpi = this.getValidDpi(undefined);
+        // 1英寸 = 72pt，所以 pt = px * 72 / dpi
+        return (normalizedPx * 72) / currentDpi;
+    }
+
+    /**
+     * 批量pt转px
+     * @param {number[]} ptArray
+     * @param {object} [options]
+     * @returns {number[]}
+     */
+    static ptToPxBatch(
+        ptArray: Array<number | string>,
+        options?: { direct?: boolean }
+    ): number[] {
+        return ptArray.map((pt) => this.ptToPx(pt, options));
+    }
+
+    /**
+     * 批量px转pt
+     * @param {number[]} pxArray
+     * @returns {number[]}
+     */
+    static pxToPtBatch(pxArray: Array<number | string>): number[] {
+        return pxArray.map((px) => this.pxToPt(px));
+    }
+
+    /**
+     * 毫米转磅（pt）
+     * @param {number|string} mm - 毫米值
+     * @returns {number} 磅值
+     */
+    static mmToPt(mm: number | string): number {
+        // 毫米转磅（pt）
+        // 1英寸 = 25.4毫米，1英寸 = 72pt，所以 1毫米 = 72/25.4 pt
+        const normalizedMm = this.normalizeNumber(mm, '毫米值');
+        return (normalizedMm * 72) / 25.4;
+    }
+}

package/src/mathHelper.ts

@@ -0,0 +1,25 @@
+/**
+ * 获取多边形顶点坐标
+ * @param edges 变数
+ * @param radius 半径
+ * @returns 坐标数组
+ */
+const getPolygonVertices = (edges: number, radius: number) => {
+    const vertices = [];
+    const interiorAngle = (Math.PI * 2) / edges;
+    let rotationAdjustment = -Math.PI / 2;
+    if (edges % 2 === 0) {
+        rotationAdjustment += interiorAngle / 2;
+    }
+    for (let i = 0; i < edges; i++) {
+        // 画圆取顶点坐标
+        const rad = i * interiorAngle + rotationAdjustment;
+        vertices.push({
+            x: Math.cos(rad) * radius,
+            y: Math.sin(rad) * radius,
+        });
+    }
+    return vertices;
+};
+
+export default { getPolygonVertices };

package/src/utils.ts

@@ -0,0 +1,166 @@
+import { v4 as uuid } from 'uuid';
+import { useClipboard, useFileDialog, useBase64 } from '@vueuse/core';
+import { fabric } from 'fabric';
+
+/**
+ * @description: 图片文件转字符串
+ * @param {Blob|File} file 文件
+ * @return {String}
+ */
+export function getImgStr(file: File | Blob): Promise<FileReader['result']> {
+    return useBase64(file).promise.value;
+}
+
+/**
+ * @description: 选择文件
+ * @param {Object} options accept = '', capture = '', multiple = false
+ * @return {Promise}
+ */
+export function selectFiles(options: {
+    accept?: string;
+    capture?: string;
+    multiple?: boolean;
+}): Promise<FileList | null> {
+    return new Promise((resolve) => {
+        const { onChange, open } = useFileDialog(options);
+        onChange((files) => {
+            resolve(files);
+        });
+        open();
+    });
+}
+
+/**
+ * @description: 创建图片元素
+ * @param {String} str 图片地址或者base64图片
+ * @return {Promise} element 图片元素
+ */
+export function insertImgFile(str: string) {
+    return new Promise((resolve) => {
+        const imgEl = document.createElement('img');
+        imgEl.src = str;
+        // 插入页面
+        document.body.appendChild(imgEl);
+        imgEl.onload = () => {
+            resolve(imgEl);
+        };
+    });
+}
+
+/**
+ * Copying text to the clipboard
+ * @param source Copy source
+ * @param options Copy options
+ * @returns Promise that resolves when the text is copied successfully, or rejects when the copy fails.
+ */
+export const clipboardText = (
+    source: string,
+    options?: Parameters<typeof useClipboard>[0]
+) => {
+    return useClipboard({ source, ...options }).copy();
+};
+
+export function downFile(fileStr: string, fileType: string) {
+    const anchorEl = document.createElement('a');
+    anchorEl.href = fileStr;
+    anchorEl.download = `${uuid()}.${fileType}`;
+    document.body.appendChild(anchorEl); // required for firefox
+    anchorEl.click();
+    anchorEl.remove();
+}
+
+export function drawImg(
+    ctx: CanvasRenderingContext2D,
+    left: number,
+    top: number,
+    img: HTMLImageElement,
+    wSize: number,
+    hSize: number,
+    angle: number | undefined
+) {
+    if (angle === undefined) return;
+    ctx.save();
+    ctx.translate(left, top);
+    ctx.rotate(angle);
+    ctx.drawImage(img, -wSize / 2, -hSize / 2, wSize, hSize);
+    ctx.restore();
+}
+
+export function shiftAngle(start: fabric.Point, end: fabric.Point) {
+    const startX = start.x;
+    const startY = start.y;
+    const x2 = end.x - startX;
+    const y2 = end.y - startY;
+    const r = Math.sqrt(x2 * x2 + y2 * y2);
+    let angle = (Math.atan2(y2, x2) / Math.PI) * 180;
+    angle = ~~(((angle + 7.5) % 360) / 15) * 15;
+
+    const cosx = r * Math.cos((angle * Math.PI) / 180);
+    const sinx = r * Math.sin((angle * Math.PI) / 180);
+
+    return {
+        x: cosx + startX,
+        y: sinx + startY,
+    };
+}
+
+/**
+ * 类型工具
+ */
+export const isImage = (thing: unknown): thing is fabric.Image => {
+    return thing instanceof fabric.Image;
+};
+
+export const isGroup = (thing: unknown): thing is fabric.Group => {
+    return thing instanceof fabric.Group;
+};
+
+export const isIText = (thing: unknown): thing is fabric.IText => {
+    return thing instanceof fabric.IText;
+};
+
+export const isActiveSelection = (
+    thing: unknown
+): thing is fabric.ActiveSelection => {
+    return thing instanceof fabric.ActiveSelection;
+};
+
+export function blobToBase64(blob: Blob) {
+    return new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+            resolve(reader.result as string);
+        });
+        reader.readAsDataURL(blob);
+    });
+}
+
+export function base64ToBlob(base64Data: string) {
+    if (!base64Data) {
+        return null;
+    }
+    const dataArr = base64Data.split(',');
+    const imageType = dataArr[0].match(/:(.*?);/)![1];
+    const textData = window.atob(dataArr[1]);
+    const arrayBuffer = new ArrayBuffer(textData.length);
+    const uint8Array = new Uint8Array(arrayBuffer);
+    for (let i = 0; i < textData.length; i++) {
+        uint8Array[i] = textData.charCodeAt(i);
+    }
+    return [new Blob([arrayBuffer], { type: imageType }), imageType.slice(6)];
+}
+
+export default {
+    getImgStr,
+    downFile,
+    selectFiles,
+    insertImgFile,
+    clipboardText,
+    drawImg,
+    isImage,
+    isGroup,
+    isIText,
+    isActiveSelection,
+    blobToBase64,
+    base64ToBlob,
+};

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist",
+        "rootDir": "./",
+        "composite": true
+    },
+    "include": ["**/*.ts"],
+    "exclude": ["node_modules", "dist"]
+}

package/vite.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+import { fileURLToPath } from 'url';
+import dts from 'vite-plugin-dts';
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+
+export default defineConfig({
+    plugins: [
+        dts({
+            outDir: 'dist',
+            include: ['src/**/*'],
+        }),
+    ],
+    build: {
+        lib: {
+            entry: resolve(__dirname, 'src/index.ts'),
+            name: '@hprint/shared',
+            fileName: 'index',
+            formats: ['es', 'cjs'],
+        },
+        rollupOptions: {
+            external: [],
+            output: {
+                globals: {},
+            },
+        },
+    },
+});