@leafer-in/view 1.0.0-rc.22 → 1.0.0-rc.23

package/dist/view.cjs

@@ -0,0 +1,93 @@
+'use strict';
+
+var draw = require('@leafer-ui/draw');
+
+function getZoomScale(scaleX, type) {
+    let scale = 1;
+    const out = type === 'out', absScale = Math.abs(scaleX);
+    if (absScale > 1) {
+        while (out ? scale < absScale : scale <= absScale)
+            scale *= 2;
+        if (out)
+            scale /= 2;
+    }
+    else {
+        while (out ? scale >= absScale : scale > absScale)
+            scale /= 2;
+        if (!out)
+            scale *= 2;
+    }
+    return scale / scaleX;
+}
+function getFixBounds(bounds, scaleBounds) {
+    let { x, y, width, height } = bounds;
+    let fix;
+    if (!height)
+        height = width * (scaleBounds.height / scaleBounds.width), fix = true;
+    if (!width)
+        width = height * (scaleBounds.width / scaleBounds.height), fix = true;
+    return fix ? { x, y, width, height } : bounds;
+}
+
+draw.Leafer.prototype.zoom = function (zoomType, padding, fixed) {
+    const { zoomLayer } = this;
+    const limitBounds = this.canvas.bounds.clone().shrink(padding ? padding : 30), bounds = new draw.Bounds();
+    const center = { x: limitBounds.x + limitBounds.width / 2, y: limitBounds.y + limitBounds.height / 2 };
+    let changeScale;
+    const { scaleX } = this.__;
+    if (typeof zoomType === 'string') {
+        switch (zoomType) {
+            case 'in':
+                changeScale = getZoomScale(scaleX, 'in');
+                break;
+            case 'out':
+                changeScale = getZoomScale(scaleX, 'out');
+                break;
+            case 'fit':
+                zoomType = this.boxBounds;
+                break;
+            case 'fit-width':
+                zoomType = new draw.Bounds(this.boxBounds);
+                zoomType.height = 0;
+                break;
+            case 'fit-height':
+                zoomType = new draw.Bounds(this.boxBounds);
+                zoomType.width = 0;
+                break;
+        }
+    }
+    else if (typeof zoomType === 'number') {
+        changeScale = zoomType / scaleX;
+    }
+    if (changeScale) {
+        if (changeScale !== 1)
+            zoomLayer.scaleOfWorld(center, this.getValidScale(changeScale));
+    }
+    else if (typeof zoomType === 'object') {
+        const isArray = zoomType instanceof Array;
+        if (isArray || zoomType.tag) {
+            const list = isArray ? zoomType : [zoomType];
+            bounds.setListWithFn(list, draw.LeafBoundsHelper.worldBounds);
+        }
+        else {
+            const innerBounds = getFixBounds(zoomType, limitBounds);
+            bounds.set(zoomLayer.getWorldBounds(innerBounds));
+        }
+        const { x, y, width, height } = bounds;
+        let moveX = limitBounds.x - x, moveY = limitBounds.y - y;
+        if (fixed) {
+            moveX += Math.max((limitBounds.width - width) / 2, 0);
+            moveY += Math.max((limitBounds.height - height) / 2, 0);
+        }
+        else {
+            const fitScale = this.getValidScale(Math.min(limitBounds.width / width, limitBounds.height / height));
+            moveX += (limitBounds.width - width * fitScale) / 2;
+            moveY += (limitBounds.height - height * fitScale) / 2;
+            zoomLayer.scaleOfWorld(bounds, fitScale);
+            bounds.scaleOf(bounds, fitScale);
+        }
+        zoomLayer.move(moveX, moveY);
+        return bounds.move(moveX, moveY);
+    }
+    return zoomLayer.worldBoxBounds;
+};

package/dist/view.min.cjs

@@ -0,0 +1 @@
+"use strict";var t=require("@leafer-ui/draw");function e(t,e){let i=1;const s="out"===e,o=Math.abs(t);if(o>1){for(;s?i<o:i<=o;)i*=2;s&&(i/=2)}else{for(;s?i>=o:i>o;)i/=2;s||(i*=2)}return i/t}t.Leafer.prototype.zoom=function(i,s,o){const{zoomLayer:h}=this,n=this.canvas.bounds.clone().shrink(s||30),a=new t.Bounds,r={x:n.x+n.width/2,y:n.y+n.height/2};let d;const{scaleX:c}=this.__;if("string"==typeof i)switch(i){case"in":d=e(c,"in");break;case"out":d=e(c,"out");break;case"fit":i=this.boxBounds;break;case"fit-width":(i=new t.Bounds(this.boxBounds)).height=0;break;case"fit-height":(i=new t.Bounds(this.boxBounds)).width=0}else"number"==typeof i&&(d=i/c);if(d)1!==d&&h.scaleOfWorld(r,this.getValidScale(d));else if("object"==typeof i){const e=i instanceof Array;if(e||i.tag){const s=e?i:[i];a.setListWithFn(s,t.LeafBoundsHelper.worldBounds)}else{const t=function(t,e){let i,{x:s,y:o,width:h,height:n}=t;return n||(n=h*(e.height/e.width),i=!0),h||(h=n*(e.width/e.height),i=!0),i?{x:s,y:o,width:h,height:n}:t}(i,n);a.set(h.getWorldBounds(t))}const{x:s,y:r,width:d,height:c}=a;let l=n.x-s,u=n.y-r;if(o)l+=Math.max((n.width-d)/2,0),u+=Math.max((n.height-c)/2,0);else{const t=this.getValidScale(Math.min(n.width/d,n.height/c));l+=(n.width-d*t)/2,u+=(n.height-c*t)/2,h.scaleOfWorld(a,t),a.scaleOf(a,t)}return h.move(l,u),a.move(l,u)}return h.worldBoxBounds};

package/package.json

@@ -1,13 +1,19 @@
 {
   "name": "@leafer-in/view",
-  "version": "1.0.0-rc.22",
+  "version": "1.0.0-rc.23",
   "description": "@leafer-in/view",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
+  "type": "module",
   "main": "dist/view.esm.js",
+  "exports": {
+    "import": "./dist/view.esm.js",
+    "require": "./dist/view.cjs",
+    "types": "./types/index.d.ts"
+  },
+  "types": "types/index.d.ts",
   "unpkg": "dist/view.js",
   "jsdelivr": "dist/view.js",
-  "types": "types/index.d.ts",
   "files": [
     "src",
     "types",
@@ -28,8 +34,8 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer-ui/draw": "1.0.0-rc.22",
-    "@leafer-ui/interface": "1.0.0-rc.22",
-    "@leafer-in/interface": "1.0.0-rc.22"
+    "@leafer-ui/draw": "1.0.0-rc.23",
+    "@leafer-ui/interface": "1.0.0-rc.23",
+    "@leafer-in/interface": "1.0.0-rc.23"
   }
 }