@realsee/dnalogel 2.1.0-alpha.6 → 2.1.0-alpha.7

package/dist/index.umd.js

@@ -336,6 +336,7 @@
     const MinRatio = 0.00216;
     const DefaultRatio = 0.003;
     class CSS3DObjectPlus extends CSS3DRenderer.CSS3DObject {
+        // eslint-disable-next-line max-params
         constructor(container, cornerPoints, ratio = DefaultRatio, dpr = 1) {
             const realRatio = Math.max(MinRatio, ratio);
             const planeWidth = cornerPoints[0].distanceTo(cornerPoints[1]);
@@ -746,8 +747,10 @@
                 configurable: true,
                 writable: true,
                 value: (element, resizeHandler, fireImmediately = true) => {
-                    if (!element || !ResizeObserver)
+                    if (!element) {
+                        console.error('createResizeObserver: element is undefined');
                         return { observe: () => { }, unobserve: () => { } };
+                    }
                     const resizeObserverHandler = () => {
                         /**
                          * 这里evenNumber策略是遇到奇数会加1，在某些浏览器中会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环
@@ -757,6 +760,10 @@
                         const height = evenNumber(element.clientHeight, { smaller: true });
                         resizeHandler(width, height);
                     };
+                    if (typeof ResizeObserver === 'undefined' || !ResizeObserver) {
+                        console.warn('createResizeObserver: ResizeObserver is undefined');
+                        return { observe: () => resizeObserverHandler(), unobserve: () => { } };
+                    }
                     const observer = new ResizeObserver(resizeObserverHandler);
                     if (fireImmediately)
                         resizeObserverHandler();
@@ -22714,7 +22721,7 @@ void main() {
     /* src/PanoTagPlugin/Components/Tag/MarketingTag.svelte generated by Svelte v3.50.1 */
 
     function add_css$b(target) {
-    	internal.append_styles(target, "svelte-xgzc8c", ".svelte-xgzc8c.svelte-xgzc8c{box-sizing:border-box}.marketing.svelte-xgzc8c.svelte-xgzc8c{transform:translateY(-100%)}.content.svelte-xgzc8c .headerImage.svelte-xgzc8c{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-xgzc8c.svelte-xgzc8c{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-xgzc8c.svelte-xgzc8c{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-xgzc8c.svelte-xgzc8c{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-xgzc8c .text.svelte-xgzc8c{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-xgzc8c.svelte-xgzc8c{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-button.svelte-xgzc8c{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-xgzc8c .goto-icon.svelte-xgzc8c::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-xgzc8c.svelte-xgzc8c{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-xgzc8c .value.svelte-xgzc8c{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-xgzc8c .unit.svelte-xgzc8c{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-xgzc8c.svelte-xgzc8c{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem}.tag.svelte-xgzc8c .base-tag.svelte-xgzc8c{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-xgzc8c .primary-tag.svelte-xgzc8c{background:#e5eefe;color:#0055ff}.tag.svelte-xgzc8c .secondary-tag.svelte-xgzc8c{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 1)}.folded.svelte-xgzc8c .line.svelte-xgzc8c{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:1}.folded.svelte-xgzc8c .content.svelte-xgzc8c{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
+    	internal.append_styles(target, "svelte-1dqrka8", ".svelte-1dqrka8.svelte-1dqrka8{box-sizing:border-box}.marketing.svelte-1dqrka8.svelte-1dqrka8{transform:translateY(-100%)}.content.svelte-1dqrka8 .headerImage.svelte-1dqrka8{position:absolute;width:100%;top:0.25rem;transform:translateY(-100%);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem}.line.svelte-1dqrka8.svelte-1dqrka8{position:absolute;height:2.0625rem;width:0.0625rem;left:50%;transform:translateX(-50%);background-color:white;bottom:0;transform-origin:bottom;transition:all 500ms}.content.svelte-1dqrka8.svelte-1dqrka8{background-color:white;position:relative;display:flex;flex-direction:column;min-width:11.125rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;border-radius:0.25rem;top:-1.875rem;left:-1rem;padding:0.5rem 0rem 0.5625rem;transition:all 500ms}.title.svelte-1dqrka8.svelte-1dqrka8{position:absolute;background-color:white;border-radius:0.25rem;width:100%;top:0.5rem;padding-left:0.75rem;padding-right:0.75rem}.title.svelte-1dqrka8 .text.svelte-1dqrka8{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;font-weight:bold;line-height:1.125rem;color:#000}.footer.svelte-1dqrka8.svelte-1dqrka8{position:relative;padding-left:0.75rem;padding-right:0.75rem;width:100%;height:1.375rem;display:flex;align-items:center}.footer.svelte-1dqrka8 .goto-button.svelte-1dqrka8{flex-shrink:0;white-space:nowrap;background-image:linear-gradient(to right, rgba(87, 144, 253, 1) 0, rgba(42, 114, 254, 1) 100%);color:#fff;font-size:0.625rem;border-radius:0.875rem;font-weight:bold;padding-left:0.5rem;padding-right:0.5rem;height:1.25rem;margin-left:auto;display:flex;align-items:center}.footer.svelte-1dqrka8 .goto-icon.svelte-1dqrka8::after{content:'';display:inline-block;width:0.75rem;height:0.75rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMAFNO2pYt4bErz8uP6ysawgVtBPDcR5C4s2L6ZmJBzZGJXUyEeDws/0G2zAAAAkklEQVQ4y+3TRw6DMBAF0OAeJ3QCpCe0uf8NwRILLBYfiS1/aT3JoymnI+sERZ5VCH0iVto3QDfBLmeSSMUTogRV9bBEpJAKaYpGijn13aTSLeraeG9D0NZFZv4/rRL5FDHnITlllqjv6tykWsmX4JHr05y7j6oFKq2P8He48B0tAM0EY0EDxquClw6vLz6EI35GmwwSZpe+WOgAAAAASUVORK5CYII=);background-size:100% auto;background-repeat:no-repeat}.price.svelte-1dqrka8.svelte-1dqrka8{flex-shrink:0;margin-right:0.75rem;white-space:nowrap;color:#ff6600;display:flex;align-items:baseline}.price.svelte-1dqrka8 .value.svelte-1dqrka8{position:relative;top:0.0625rem;font-size:1.125rem;line-height:1.375rem;font-family:TG-TYPE, PingFangSC, Segoe UI, Rototo, sans-serif;letter-spacing:0rem}.price.svelte-1dqrka8 .unit.svelte-1dqrka8{padding-left:0.125rem;font-size:0.625rem}.tag.svelte-1dqrka8.svelte-1dqrka8{position:relative;background-color:white;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding-left:0.75rem;padding-right:0.75rem;min-height:1.75rem}.tag.svelte-1dqrka8 .base-tag.svelte-1dqrka8{height:1rem;margin-top:1.375rem;margin-bottom:0.5rem;margin-right:0.25rem;font-size:0.625rem;line-height:0.875rem;padding:0.0625rem 0.25rem;border-radius:0.125rem;overflow:hidden}.tag.svelte-1dqrka8 .primary-tag.svelte-1dqrka8{background:#e5eefe;color:#0055ff}.tag.svelte-1dqrka8 .secondary-tag.svelte-1dqrka8{background:rgba(255, 102, 0, 0.08);color:rgba(255, 102, 0, 1)}.unfolded.svelte-1dqrka8 .line.svelte-1dqrka8{transform:translateX(-50%) scale(1, 1)}.folded.svelte-1dqrka8 .line.svelte-1dqrka8{transform:translateX(-50%) scale(1, 0);transition-timing-function:ease-in}.unfolded.svelte-1dqrka8 .content.svelte-1dqrka8{opacity:1}.folded.svelte-1dqrka8 .content.svelte-1dqrka8{opacity:0;transform:translateY(0.425rem);transition-timing-function:ease-in}");
     }
 
     function get_each_context$1(ctx, list, i) {
@@ -22739,7 +22746,7 @@ void main() {
     		c() {
     			div = internal.element("div");
     			t = internal.text(t_value);
-    			internal.attr(div, "class", "base-tag primary-tag svelte-xgzc8c");
+    			internal.attr(div, "class", "base-tag primary-tag svelte-1dqrka8");
     		},
     		m(target, anchor) {
     			internal.insert(target, div, anchor);
@@ -22799,7 +22806,7 @@ void main() {
     		c() {
     			div = internal.element("div");
     			t = internal.text(t_value);
-    			internal.attr(div, "class", "base-tag secondary-tag svelte-xgzc8c");
+    			internal.attr(div, "class", "base-tag secondary-tag svelte-1dqrka8");
     		},
     		m(target, anchor) {
     			internal.insert(target, div, anchor);
@@ -22865,8 +22872,8 @@ void main() {
     			t0 = internal.text(t0_value);
     			t1 = internal.space();
     			if (if_block) if_block.c();
-    			internal.attr(span, "class", "value svelte-xgzc8c");
-    			internal.attr(div, "class", "price svelte-xgzc8c");
+    			internal.attr(span, "class", "value svelte-1dqrka8");
+    			internal.attr(div, "class", "price svelte-1dqrka8");
     		},
     		m(target, anchor) {
     			internal.insert(target, div, anchor);
@@ -22908,7 +22915,7 @@ void main() {
     		c() {
     			span = internal.element("span");
     			t = internal.text(t_value);
-    			internal.attr(span, "class", "unit svelte-xgzc8c");
+    			internal.attr(span, "class", "unit svelte-1dqrka8");
     		},
     		m(target, anchor) {
     			internal.insert(target, span, anchor);
@@ -22933,7 +22940,7 @@ void main() {
     		c() {
     			div = internal.element("div");
     			t = internal.text(t_value);
-    			internal.attr(div, "class", "goto-button goto-icon svelte-xgzc8c");
+    			internal.attr(div, "class", "goto-button goto-icon svelte-1dqrka8");
     		},
     		m(target, anchor) {
     			internal.insert(target, div, anchor);
@@ -23029,7 +23036,7 @@ void main() {
     			if (if_block0) if_block0.c();
     			t7 = internal.space();
     			if (if_block1) if_block1.c();
-    			internal.attr(div0, "class", "line svelte-xgzc8c");
+    			internal.attr(div0, "class", "line svelte-1dqrka8");
 
     			internal.set_style(
     				div0,
@@ -23040,13 +23047,13 @@ void main() {
     				false
     			);
 
-    			internal.attr(img, "class", "headerImage svelte-xgzc8c");
+    			internal.attr(img, "class", "headerImage svelte-1dqrka8");
     			if (!internal.src_url_equal(img.src, img_src_value = /*data*/ ctx[2].headerPictureUrl)) internal.attr(img, "src", img_src_value);
     			internal.attr(img, "alt", "");
-    			internal.attr(div1, "class", "tag svelte-xgzc8c");
-    			internal.attr(div2, "class", "text svelte-xgzc8c");
-    			internal.attr(div3, "class", "title svelte-xgzc8c");
-    			internal.attr(div4, "class", "footer svelte-xgzc8c");
+    			internal.attr(div1, "class", "tag svelte-1dqrka8");
+    			internal.attr(div2, "class", "text svelte-1dqrka8");
+    			internal.attr(div3, "class", "title svelte-1dqrka8");
+    			internal.attr(div4, "class", "footer svelte-1dqrka8");
 
     			internal.set_style(
     				div4,
@@ -23057,7 +23064,7 @@ void main() {
     				false
     			);
 
-    			internal.attr(div5, "class", "content svelte-xgzc8c");
+    			internal.attr(div5, "class", "content svelte-1dqrka8");
 
     			internal.set_style(
     				div5,
@@ -23068,7 +23075,7 @@ void main() {
     				false
     			);
 
-    			internal.attr(div6, "class", "marketing svelte-xgzc8c");
+    			internal.attr(div6, "class", "marketing svelte-1dqrka8");
     			internal.toggle_class(div6, "unfolded", /*unfolded*/ ctx[1]);
     			internal.toggle_class(div6, "folded", /*folded*/ ctx[3]);
     		},
@@ -26093,7 +26100,7 @@ void main() {
             },
             tag3DConfig: {
                 ratio: 0.0035,
-                devicePixelRatio: window.devicePixelRatio,
+                // devicePixelRatio: window.devicePixelRatio,
             },
         },
         contentTypeConfig: {
@@ -26579,7 +26586,7 @@ void main() {
     }
 
     // declare const __APP_VERSION__: string
-    const VERSION$2 = '0.3.4';
+    const VERSION$2 = '0.3.6';
     const PLUGIN_NAME$1 = `DnalogelPlugin-PanoTagPlugin@${VERSION$2}`;
     const TAG_INITIAL_UNFOLDED = true;
     const pluginFlag = (name) => `${PLUGIN_NAME$1}--${name}`;
@@ -27895,13 +27902,6 @@ void main() {
             var _a, _b;
             (_a = this.css3DInstance) === null || _a === void 0 ? void 0 : _a.css3DObject.scale.applyMatrix4(matrix);
             (_b = this.plane) === null || _b === void 0 ? void 0 : _b.scale.applyMatrix4(matrix);
-            const { origin, helperOrigin } = params !== null && params !== void 0 ? params : {};
-            if (!helperOrigin)
-                return;
-            this.cornerPositions.forEach((position) => {
-                position.subVectors(position, helperOrigin).applyMatrix4(matrix).add(helperOrigin);
-            });
-            this.updatePoints();
         }
         updatePoints() {
             const position8 = this.calculatePointPosition(this.cornerPositions);
@@ -28505,10 +28505,16 @@ void main() {
             this.scene = scene;
             this.domEvents = new DomEvents(camera, container);
             this.needsRender = needsRender !== null && needsRender !== void 0 ? needsRender : (() => { });
-            this.updateHelperQuaternion();
-            this.updateHelperPosition();
+            this.initialHelperPosition();
+            this.initialHelperQuaternion();
             this.enable();
         }
+        initialHelperPosition() {
+            this.helperObject3D.updatePosition();
+        }
+        initialHelperQuaternion() {
+            this.helperObject3D.updateQuaternion();
+        }
         enable() {
             if (this.enabled)
                 return;
@@ -29087,23 +29093,23 @@ void main() {
                 writable: true,
                 value: void 0
             });
-            Object.defineProperty(this, "rotations", {
+            Object.defineProperty(this, "a", {
                 enumerable: true,
                 configurable: true,
                 writable: true,
-                value: []
+                value: void 0
             });
-            Object.defineProperty(this, "a", {
+            Object.defineProperty(this, "rotations", {
                 enumerable: true,
                 configurable: true,
                 writable: true,
-                value: void 0
+                value: []
             });
             Object.defineProperty(this, "helperObject3DQuaternion", {
                 enumerable: true,
                 configurable: true,
                 writable: true,
-                value: this.helperObject3D.quaternion.clone()
+                value: this.originObject3D.quaternion.clone()
             });
             // add hover listener
             const helper = this.helperObject3D;
@@ -29115,6 +29121,10 @@ void main() {
             document.addEventListener('mousemove', dragging);
             document.addEventListener('mouseup', dragEnd);
         }
+        initialHelperQuaternion() {
+            this.helperObject3D.updateAngleHelperQuaternion();
+            this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion);
+        }
         /**
          * @description: 拖动开始，找出拖的Direction
          */
@@ -29139,9 +29149,9 @@ void main() {
             this.setTipsPosition(tipsPosition);
             // end
             // init plane
-            const directionX = new THREE__namespace.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion.clone());
-            const directionY = new THREE__namespace.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion.clone());
-            const directionZ = new THREE__namespace.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion.clone());
+            const directionX = new THREE__namespace.Vector3(1, 0, 0).applyQuaternion(this.helperObject3DQuaternion);
+            const directionY = new THREE__namespace.Vector3(0, 1, 0).applyQuaternion(this.helperObject3DQuaternion);
+            const directionZ = new THREE__namespace.Vector3(0, 0, 1).applyQuaternion(this.helperObject3DQuaternion);
             const directionVector = (() => {
                 switch (direction) {
                     case 'x':
@@ -29153,6 +29163,11 @@ void main() {
                 }
             })();
             const plane = new THREE__namespace.Plane().setFromNormalAndCoplanarPoint(directionVector, startIntersect);
+            // this.a && this.scene.remove(this.a)
+            // const h = new THREE.PlaneHelper(plane, 1)
+            // console.log(h.position)
+            // this.scene.add(h)
+            // this.a = h
             // end
             // init startVectorProject
             const projectPoint = new THREE__namespace.Vector3();
@@ -29333,10 +29348,6 @@ void main() {
         }
     }
 
-    function negateScale(scale) {
-        return scale.clone().sub(new THREE__namespace.Vector3(1, 1, 1)).negate().add(new THREE__namespace.Vector3(1, 1, 1));
-    }
-
     class RectangleScaleController extends BaseController {
         constructor(...params) {
             super(...params);
@@ -29373,10 +29384,6 @@ void main() {
                 plane.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new THREE.Vector3()), positions[0]);
             else
                 plane.setFromCoplanarPoints(positions[0], positions[1], positions[2]);
-            // const p0 = getPoint(positions[0]!, 0)
-            // const p1 = getPoint(positions[1]!, 1)
-            // const p2 = getPoint(positions[2]!, 2)
-            // this.scene.add(p0, p1, p2)
             return plane;
         }
         dragStart(mousePoint, point) {
@@ -29386,6 +29393,7 @@ void main() {
             if (!plane)
                 return this.dragEnd();
             this.startInfo = { startPoint: { position: point.position.clone(), direction: point.direction }, plane };
+            // this.scene.add(getPoint(point.position.clone(), 3))
             this.hooks.emit('scaleStart');
             this.needsRender();
             this.isDragging = true;
@@ -29398,7 +29406,7 @@ void main() {
             if (!raycaster)
                 return this.dragEnd();
             this.scale(raycaster);
-            console.log('%c RectangleScaleController dragging', 'color: #49de1b');
+            // console.log('%c RectangleScaleController dragging', 'color: #49de1b')
         }
         scale(raycaster) {
             var _a, _b;
@@ -29414,100 +29422,108 @@ void main() {
                 return;
             if (vectorIsEqual(planeIntersection, this.camera.position))
                 return;
-            const referencePosition = cornerPositions[0].clone();
             const planeCenter = new THREE.Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
             const { position: startPosition, direction } = startPoint;
-            const ewVector = new THREE.Vector3().subVectors(cornerPositions[1], referencePosition); // west -> east vector
-            const nsVector = new THREE.Vector3().subVectors(cornerPositions[3], referencePosition); // south -> north vector
+            const ewVector = new THREE.Vector3().subVectors(cornerPositions[1], cornerPositions[0]); // west -> east vector
+            const nsVector = new THREE.Vector3().subVectors(cornerPositions[3], cornerPositions[0]); // south -> north vector
             // eslint-disable-next-line complexity
-            const getScale = (direction) => {
+            const getOffset = (direction) => {
+                const defaultVector = new THREE.Vector3(0, 0, 0);
+                if (!this.startInfo)
+                    return defaultVector;
                 const baseVector = (direction === 'ew' ? ewVector : nsVector).clone();
                 const startPositionProject = startPosition.clone().projectOnVector(baseVector);
                 const nowPositionProject = planeIntersection.clone().projectOnVector(baseVector);
                 const planeCenterProject = planeCenter.clone().projectOnVector(baseVector);
-                if (this.startInfo) {
-                    if (direction === 'ns' && typeof this.startInfo.nsMoveIsNegative !== 'boolean') {
-                        const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-                        const xIsNegative = offset.x < 0 && baseVector.x >= 0;
-                        const yIsNegative = offset.y < 0 && baseVector.y >= 0;
-                        const zIsNegative = offset.z < 0 && baseVector.z >= 0;
-                        this.startInfo.nsMoveIsNegative = xIsNegative || yIsNegative || zIsNegative;
+                // this.scene.add(getPoint(startPosition, 0))
+                // this.scene.add(getPoint(planeIntersection, 0))
+                if (nowPositionProject.equals(startPositionProject))
+                    return defaultVector;
+                if (direction === 'ns' && typeof this.startInfo.dragPointInCenterBottom !== 'boolean') {
+                    const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
+                    const xIsNegative = offset.x < 0 && baseVector.x >= 0;
+                    const yIsNegative = offset.y < 0 && baseVector.y >= 0;
+                    const zIsNegative = offset.z < 0 && baseVector.z >= 0;
+                    this.startInfo.dragPointInCenterBottom = xIsNegative || yIsNegative || zIsNegative;
+                }
+                if (direction === 'ew' && typeof this.startInfo.dragPointInCenterLeft !== 'boolean') {
+                    const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
+                    const xIsNegative = offset.x < 0 && baseVector.x >= 0;
+                    const yIsNegative = offset.y < 0 && baseVector.y >= 0;
+                    const zIsNegative = offset.z < 0 && baseVector.z >= 0;
+                    this.startInfo.dragPointInCenterLeft = xIsNegative || yIsNegative || zIsNegative;
+                }
+                const offset = new THREE.Vector3().subVectors(nowPositionProject, startPositionProject);
+                // TODO
+                if (offset.length() > 0.1)
+                    return defaultVector;
+                return offset;
+            };
+            const ewOffset = getOffset('ew');
+            const nsOffset = getOffset('ns');
+            const setEWScale = () => {
+                const offset = ewOffset;
+                this.helperObject3D.cornerPositions.forEach((position, index) => {
+                    var _a;
+                    if ((_a = this.startInfo) === null || _a === void 0 ? void 0 : _a.dragPointInCenterLeft) {
+                        if (index === 0 || index === 3)
+                            position.add(offset); // 拖左边，只改左边点
                     }
-                    if (direction === 'ew' && typeof this.startInfo.ewMoveIsNegative !== 'boolean') {
-                        const offset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-                        const xIsNegative = offset.x < 0 && baseVector.x >= 0;
-                        const yIsNegative = offset.y < 0 && baseVector.y >= 0;
-                        const zIsNegative = offset.z < 0 && baseVector.z >= 0;
-                        this.startInfo.ewMoveIsNegative = xIsNegative || yIsNegative || zIsNegative;
+                    else {
+                        if (index === 1 || index === 2)
+                            position.add(offset); // 拖右边，只改右边点
                     }
-                }
-                if (nowPositionProject.equals(startPositionProject))
-                    return;
-                const startPositionProjectOffset = new THREE.Vector3().subVectors(startPositionProject, planeCenterProject);
-                const nowPositionProjectOffset = new THREE.Vector3().subVectors(nowPositionProject, planeCenterProject);
-                const scale = nowPositionProjectOffset.clone().divide(startPositionProjectOffset);
-                scale.x = isNaN(scale.x) ? 1 : scale.x;
-                scale.y = isNaN(scale.y) ? 1 : scale.y;
-                scale.z = isNaN(scale.z) ? 1 : scale.z;
-                return scale;
+                });
             };
-            const nsScale = (_a = getScale('ns')) !== null && _a !== void 0 ? _a : new THREE.Vector3(1, 1, 1);
-            const ewScale = (_b = getScale('ew')) !== null && _b !== void 0 ? _b : new THREE.Vector3(1, 1, 1);
-            const scale = (() => {
-                switch (direction) {
-                    case 'ew':
-                        return ewScale;
-                    case 'ns':
-                        return nsScale;
-                    case 'nesw':
-                    case 'nwse':
-                        return new THREE.Vector3().multiplyVectors(nsScale, ewScale);
-                }
-            })();
-            const halfScale = scale.clone().sub(new THREE.Vector3(1, 1, 1)).multiplyScalar(0.5).add(new THREE.Vector3(1, 1, 1));
-            const scaleMatrix = new THREE__namespace.Matrix4().scale(halfScale);
+            const setNSScale = () => {
+                const offset = nsOffset;
+                this.helperObject3D.cornerPositions.forEach((position, index) => {
+                    var _a;
+                    if ((_a = this.startInfo) === null || _a === void 0 ? void 0 : _a.dragPointInCenterBottom) {
+                        if (index === 0 || index === 1)
+                            position.add(offset); // 拖下边，只改下边点
+                    }
+                    else {
+                        if (index === 2 || index === 3)
+                            position.add(offset); // 拖上边，只改上边点
+                    }
+                });
+            };
+            switch (direction) {
+                case 'ew':
+                    setEWScale();
+                    break;
+                case 'ns':
+                    setNSScale();
+                    break;
+                case 'nesw':
+                case 'nwse':
+                    setEWScale();
+                    setNSScale();
+            }
+            (_b = (_a = this.helperObject3D).updatePoints) === null || _b === void 0 ? void 0 : _b.call(_a);
+            // this.helperObject3D.cornerPositions.forEach((position, index) => {
+            //   this.scene.add(getPoint(position, index))
+            // })
+            const scaleX = new THREE.Vector3().subVectors(cornerPositions[1], cornerPositions[0]).length() / ewVector.length();
+            const scaleY = new THREE.Vector3().subVectors(cornerPositions[3], cornerPositions[0]).length() / nsVector.length();
+            const scaleXY = new THREE.Vector3(scaleX, scaleY, 1);
+            console.log(scaleXY);
+            const scaleMatrix = new THREE__namespace.Matrix4().scale(scaleXY);
             const newScale = object.scale.clone().applyMatrix4(scaleMatrix);
-            // const minScale = 0.000001
-            // newScale.x = Math.max(newScale.x, minScale)
-            // newScale.y = Math.max(newScale.y, minScale)
-            // newScale.z = Math.max(newScale.z, minScale)
-            // if (direction === 'ew' || direction === 'ns') {
-            //   if (newScale.x === minScale || newScale.y === minScale || newScale.z === minScale) return
-            // }
-            // if (direction === 'nesw' || direction === 'nwse') {
-            //   if (newScale.x === minScale && newScale.y === minScale) return
-            //   if (newScale.x === minScale && newScale.z === minScale) return
-            //   if (newScale.y === minScale && newScale.z === minScale) return
-            // }
             object.scale.copy(newScale); // 或者 object.scale.applyMatrix4(scaleMatrix)
-            startPoint.position.copy(planeIntersection);
             this.hooks.emit('scaleUpdate', { matrix4: scaleMatrix, helperOrigin: planeCenter });
+            startPoint.position.copy(planeIntersection);
+            // =================================================================================================================================================================
+            // =================================================================================================================================================================
             // 移动位置
-            if (referencePosition) {
-                const ewMoveScale = this.startInfo.ewMoveIsNegative ? negateScale(ewScale) : ewScale;
-                const nsMoveScale = this.startInfo.nsMoveIsNegative ? negateScale(nsScale) : nsScale;
-                const moveScale = (() => {
-                    switch (direction) {
-                        case 'ew':
-                            return ewMoveScale;
-                        case 'ns':
-                            return nsMoveScale;
-                        case 'nesw':
-                        case 'nwse':
-                            return new THREE.Vector3().multiplyVectors(ewMoveScale, nsMoveScale);
-                    }
-                })();
-                const halfMoveScale = moveScale.clone().sub(new THREE.Vector3(1, 1, 1)).multiplyScalar(0.5).add(new THREE.Vector3(1, 1, 1));
-                const objectPosition = object.position.clone();
-                const newPosition = new THREE.Vector3()
-                    .subVectors(objectPosition, referencePosition)
-                    .multiply(halfMoveScale)
-                    .add(referencePosition)
-                    .sub(objectPosition);
-                const transform = new THREE__namespace.Matrix4().setPosition(newPosition);
-                object.applyMatrix4(transform);
-                this.hooks.emit('positionUpdate', { matrix4: transform });
-            }
+            const centerPosition = new THREE.Vector3().addVectors(cornerPositions[0], cornerPositions[2]).divideScalar(2);
+            const offset = new THREE.Vector3().subVectors(centerPosition, planeCenter);
+            const transform = new THREE__namespace.Matrix4().setPosition(offset);
+            object.applyMatrix4(transform);
+            // this.hooks.emit('scaleUpdate', { matrix4: scaleMatrix, helperOrigin: planeCenter })
+            this.hooks.emit('positionUpdate', { matrix4: transform });
+            // 移动位置end
             this.needsRender();
         }
         dragEnd() {
@@ -29586,6 +29602,7 @@ void main() {
             });
             this.five = five;
             Object.assign(window, { [`__${PLUGIN_NAME.toUpperCase()}_DEBUG__`]: this });
+            // Object.assign(window, { THREE: THREE })
         }
         /**
          * @description Show guide line
@@ -29651,6 +29668,8 @@ void main() {
          */
         addObject3DHelper(object3D, config = {}) {
             var _a;
+            if (!object3D)
+                return console.error('Object3D is undefined');
             if (this.objectHelperMap.has(object3D)) {
                 console.warn(`Object3DHelperPlugin: object3D ${object3D.name} already has helper`);
                 return;
@@ -29698,7 +29717,6 @@ void main() {
             helper.dispose();
         }
         handleEnable(enabled, userAction = true) {
-            console.log({ enabled });
             if (enabled) {
                 this.everyHelperDo((helper) => helper.enable());
                 this.hooks.emit('enable', { userAction });
@@ -29710,7 +29728,6 @@ void main() {
             this.state.enabled = enabled;
         }
         handleVisible(visible, userAction = true) {
-            console.log({ visible });
             if (visible) {
                 this.everyHelperDo((helper) => helper.show());
                 this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));

package/dist/shared-utils/Object3DHelper/Base/BaseController.d.ts

@@ -16,6 +16,8 @@ export declare abstract class BaseController<T extends BaseHelper = BaseHelper,
     protected needsRender: () => void;
     protected enabled: boolean;
     constructor(camera: THREE.Camera, model: THREE.Object3D, originObject3D: K, helperObject3D: T, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void);
+    initialHelperPosition(): void;
+    initialHelperQuaternion(): void;
     enable(): void;
     disable(): void;
     show(): void;

package/dist/shared-utils/Object3DHelper/Controller/RectangleScaleController.d.ts

@@ -8,8 +8,8 @@ interface StartInfo {
         position: Vector3;
         direction: Direction4;
     };
-    nsMoveIsNegative?: boolean | null;
-    ewMoveIsNegative?: boolean | null;
+    dragPointInCenterBottom?: boolean | null;
+    dragPointInCenterLeft?: boolean | null;
     plane: THREE.Plane;
 }
 export declare abstract class RectangleScaleController<OriginObject3D extends THREE.Object3D, PointType extends THREE.Object3D | HTMLElement> extends BaseController<RectangleScaleHelperAbstract<OriginObject3D, PointType>> {

package/dist/shared-utils/Object3DHelper/Controller/RotateController.d.ts

@@ -3,10 +3,11 @@ import type { RotateHelperAbstract } from '../Helper';
 export declare class RotateController<T extends RotateHelperAbstract = RotateHelperAbstract> extends BaseController<T> {
     private startInfo?;
     private lastRotation?;
+    private a?;
     private rotations;
-    private a;
     private helperObject3DQuaternion;
     constructor(...params: ConstructorParameters<typeof BaseController<T>>);
+    initialHelperQuaternion(): void;
     /**
      * @description: 拖动开始，找出拖的Direction
      */

package/dist/shared-utils/Object3DHelper/utils/finiteNumber.d.ts

@@ -0,0 +1 @@
+export default function finiteNumber(value: number | undefined | null | void, defaultValue?: number): number;