@leafer-ui/web 1.5.3 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-ui/web",
-  "version": "1.5.3",
+  "version": "1.6.0",
   "description": "@leafer-ui/web",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -22,15 +22,16 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer/core": "1.5.3",
-    "@leafer/web": "1.5.3",
-    "@leafer/partner": "1.5.3",
-    "@leafer/interface": "1.5.3",
-    "@leafer-ui/draw": "1.5.3",
-    "@leafer-ui/core": "1.5.3",
-    "@leafer-ui/interaction-web": "1.5.3",
-    "@leafer-ui/partner": "1.5.3",
-    "@leafer-ui/interface": "1.5.3",
-    "@leafer-in/interface": "1.5.3"
+    "@leafer/core": "1.6.0",
+    "@leafer/canvas-web": "1.6.0",
+    "@leafer/image-web": "1.6.0",
+    "@leafer/partner": "1.6.0",
+    "@leafer/interface": "1.6.0",
+    "@leafer-ui/draw": "1.6.0",
+    "@leafer-ui/core": "1.6.0",
+    "@leafer-ui/interaction-web": "1.6.0",
+    "@leafer-ui/partner": "1.6.0",
+    "@leafer-ui/interface": "1.6.0",
+    "@leafer-in/interface": "1.6.0"
   }
 }

package/src/core.ts

@@ -0,0 +1,102 @@
+export * from '@leafer/core'
+
+export * from '@leafer/canvas-web'
+export * from '@leafer/image-web'
+
+import { ICreator, IFunction, IExportImageType, IExportFileType, IObject, ICanvasType } from '@leafer/interface'
+import { Platform, Creator, FileHelper, defineKey } from '@leafer/core'
+
+import { LeaferCanvas } from '@leafer/canvas-web'
+import { LeaferImage } from '@leafer/image-web'
+
+
+const { mineType, fileType } = FileHelper
+
+Object.assign(Creator, {
+    canvas: (options?, manager?) => new LeaferCanvas(options, manager),
+    image: (options) => new LeaferImage(options)
+} as ICreator)
+
+
+export function useCanvas(_canvasType: ICanvasType, _power?: IObject): void {
+    Platform.origin = {
+        createCanvas(width: number, height: number): HTMLCanvasElement {
+            const canvas = document.createElement('canvas')
+            canvas.width = width
+            canvas.height = height
+            return canvas
+        },
+        canvasToDataURL: (canvas: HTMLCanvasElement, type?: IExportImageType, quality?: number) => {
+            const imageType = mineType(type), url = canvas.toDataURL(imageType, quality)
+            return imageType === 'image/bmp' ? url.replace('image/png;', 'image/bmp;') : url
+        },
+        canvasToBolb: (canvas: HTMLCanvasElement, type?: IExportFileType, quality?: number) => new Promise((resolve) => canvas.toBlob(resolve, mineType(type), quality)),
+        canvasSaveAs: (canvas: HTMLCanvasElement, filename: string, quality?: any) => {
+            const url = canvas.toDataURL(mineType(fileType(filename)), quality)
+            return Platform.origin.download(url, filename)
+        },
+        download(url: string, filename: string): Promise<void> {
+            return new Promise((resolve) => {
+                let el = document.createElement('a')
+                el.href = url
+                el.download = filename
+                document.body.appendChild(el)
+                el.click()
+                document.body.removeChild(el)
+                resolve()
+            })
+        },
+        loadImage(src: any): Promise<HTMLImageElement> {
+            return new Promise((resolve, reject) => {
+                const img = new Platform.origin.Image()
+                const { crossOrigin } = Platform.image
+                if (crossOrigin) {
+                    img.setAttribute('crossOrigin', crossOrigin)
+                    img.crossOrigin = crossOrigin
+                }
+                img.onload = () => { resolve(img) }
+                img.onerror = (e: any) => { reject(e) }
+                img.src = Platform.image.getRealURL(src)
+            })
+        },
+        Image,
+        PointerEvent,
+        DragEvent
+    }
+
+    Platform.event = {
+        stopDefault(origin: Event): void { origin.preventDefault() },
+        stopNow(origin: Event): void { origin.stopImmediatePropagation() },
+        stop(origin: Event): void { origin.stopPropagation() }
+    }
+
+    Platform.canvas = Creator.canvas()
+    Platform.conicGradientSupport = !!Platform.canvas.context.createConicGradient
+}
+
+Platform.name = 'web'
+Platform.isMobile = 'ontouchstart' in window
+Platform.requestRender = function (render: IFunction): void { window.requestAnimationFrame(render) }
+defineKey(Platform, 'devicePixelRatio', { get() { return devicePixelRatio } })
+
+
+// same as worker
+
+const { userAgent } = navigator
+
+if (userAgent.indexOf("Firefox") > -1) {
+    Platform.conicGradientRotate90 = true
+    Platform.intWheelDeltaY = true
+    Platform.syncDomFont = true
+} else if (userAgent.indexOf("AppleWebKit") > -1) {
+    Platform.fullImageShadow = true // 苹果内核渲染阴影
+}
+
+if (userAgent.indexOf('Windows') > -1) {
+    Platform.os = 'Windows'
+    Platform.intWheelDeltaY = true
+} else if (userAgent.indexOf('Mac') > -1) {
+    Platform.os = 'Mac'
+} else if (userAgent.indexOf('Linux') > -1) {
+    Platform.os = 'Linux'
+}

package/src/index.ts

@@ -1,6 +1,6 @@
 export * from '@leafer-ui/interface'
 
-export * from '@leafer/web'
+export * from './core'
 export * from '@leafer/partner'
 
 export * from '@leafer-ui/core'
@@ -8,7 +8,7 @@ export * from '@leafer-ui/interaction-web'
 export * from '@leafer-ui/partner'
 
 import { ICreator } from '@leafer/interface'
-import { useCanvas, Creator, LeaferCanvas } from '@leafer/web'
+import { useCanvas, Creator, LeaferCanvas } from './core'
 import { HitCanvasManager } from '@leafer-ui/core'
 import { Interaction } from '@leafer-ui/interaction-web'
 

package/types/index.d.ts

@@ -1,6 +1,13 @@
 export * from '@leafer-ui/interface';
-export * from '@leafer/web';
+import { ICanvasType, IObject } from '@leafer/interface';
 export * from '@leafer/partner';
 export * from '@leafer-ui/core';
 export * from '@leafer-ui/interaction-web';
 export * from '@leafer-ui/partner';
+export * from '@leafer/core';
+export * from '@leafer/canvas-web';
+export * from '@leafer/image-web';
+
+declare function useCanvas(_canvasType: ICanvasType, _power?: IObject): void;
+
+export { useCanvas };