iflow-engine-base 3.1.3 → 3.2.1

package/dist/iflow-engine-base.css

@@ -1 +1 @@
-.originRotate{width:10px;height:10px;background-color:red}.versionText{position:absolute;right:10px;color:#86d9ff;z-index:1000;bottom:0;font-size:10px;background:transparent;pointer-events:none}.originDiv{position:absolute;top:100px;left:100px;width:30px;height:30px;border-radius:50%;z-index:1000;pointer-events:none}.tagDiv{color:gray;background:#fffc;padding:5px;font-size:12px}.catchPoint{pointer-events:none;stroke:#08dfd7;fill:transparent;stroke-width:2}.catchLine{position:absolute;width:10px;height:10px;pointer-events:none;background-color:green}.catchPlane{position:absolute;width:10px;height:10px;pointer-events:none;background-color:#ff0}.ViewCube{position:absolute;width:120px;height:120px;top:0;right:0;z-index:999}.homeViewWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-image:url(/assets/viewcube/home.png);background-size:100% 100%;background-repeat:no-repeat;background-color:#fff0;color:#fff;top:10px;right:100;width:20px;height:20px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.viewSettingWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-size:100% 100%;background-repeat:no-repeat;font-weight:800;background-color:#fff0;color:#fff;top:30px;right:100;width:20px;height:20px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cameraToggleWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:26px;font-weight:700;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:70px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cameraToggleWrapper.show{display:flex}.cameraToggleWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.screenshotWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:20px;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:120px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.screenshotWrapper.show{display:flex}.screenshotWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.fullscreenWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:26px;font-weight:700;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:170px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fullscreenWrapper.show{display:flex}.fullscreenWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.measure-elevation{position:absolute;pointer-events:none}.measureSvg{position:absolute;width:1920px;height:1080px}.catch-point{position:absolute;width:10px;height:10px;background-color:red;border-radius:50%;pointer-events:none}.annotation-container{position:absolute;pointer-events:none;top:0;left:0}.measureLine{position:absolute;pointer-events:none}.measureBack{cursor:pointer;pointer-events:auto;fill:orange;top:-50px;rx:5;ry:5}.measureLabel{position:absolute;fill:#fff;font-size:14px;font-family:Arial,sans-serif;pointer-events:none}.measurePointer{fill:orange}.Hight{stroke:#fff;stroke-width:2}.allow-select{pointer-events:auto}.disallow-select{pointer-events:none}.angle-annotation{position:absolute;pointer-events:auto}.engine-2d-container{position:relative;width:100%;height:100%;overflow:hidden}.engine-2d-canvas{display:block;width:100%;height:100%;outline:none}.engine-2d-cad-cursor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.engine-2d-cad-cursor__h{position:absolute;left:0;width:100%;height:1px;background:var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translateY(-50%)}.engine-2d-cad-cursor__v{position:absolute;top:0;width:1px;height:100%;background:var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translate(-50%)}.engine-2d-cad-cursor__box{position:absolute;width:8px;height:8px;border:1px solid var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translate(-50%,-50%)}.engine-2d-context-menu{position:absolute;z-index:9999;min-width:140px;background:var(--e2d-bg2, #252526);border:1px solid var(--e2d-border, rgba(255, 255, 255, .12));border-radius:4px;box-shadow:0 4px 16px var(--e2d-shadow, rgba(0, 0, 0, .5));padding:4px 0;display:none;-webkit-user-select:none;user-select:none}.engine-2d-context-menu--visible{display:block}.engine-2d-context-menu__item{padding:7px 16px;font-size:13px;color:var(--e2d-text2, #cccccc);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.engine-2d-context-menu__item:hover{background:var(--e2d-bg-accent, #094771);color:var(--e2d-text-accent, #ffffff)}.engine-2d-context-menu__divider{height:1px;background:var(--e2d-border, rgba(255, 255, 255, .1));margin:4px 0}.engine-2d-stats{position:absolute;top:10px;left:10px;background:var(--e2d-float-bg, rgba(0, 0, 0, .7));color:var(--e2d-text, #e0e0e0);padding:8px 12px;border-radius:4px;font-family:monospace;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.engine-2d-stats div{margin:2px 0}.engine-2d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--e2d-float-bg, rgba(0, 0, 0, .8));color:var(--e2d-text, #e0e0e0);padding:20px 40px;border-radius:8px;font-size:16px;text-align:center}.engine-2d-loading-spinner{border:3px solid var(--e2d-border, rgba(255, 255, 255, .3));border-top:3px solid var(--e2d-accent, #4fc3f7);border-radius:50%;width:40px;height:40px;animation:engine-2d-spin 1s linear infinite;margin:0 auto 10px}@keyframes engine-2d-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.engine-2d-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#d32f2feb;color:#fff;padding:20px 40px;border-radius:8px;font-size:14px;max-width:80%;text-align:center}.engine-2d-controls-hint{position:absolute;bottom:10px;left:10px;background:var(--e2d-float-bg, rgba(0, 0, 0, .6));color:var(--e2d-text, #e0e0e0);border:1px solid var(--e2d-float-border, rgba(255, 255, 255, .08));padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.engine-2d-controls-hint kbd{background:var(--e2d-icon-bg, rgba(255, 255, 255, .2));color:var(--e2d-text, #e0e0e0);padding:2px 6px;border-radius:3px;font-family:monospace}.engine-2d-search{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;display:none}.engine-2d-search--visible{display:block}.engine-2d-search__box{position:absolute;top:14%;left:50%;transform:translate(-50%);width:480px;max-width:calc(100% - 40px);background:var(--e2d-bg, #1e1f22);border:1px solid var(--e2d-border, rgba(255, 255, 255, .14));border-radius:10px;box-shadow:0 8px 40px var(--e2d-shadow-lg, rgba(0, 0, 0, .65)),0 2px 8px var(--e2d-shadow, rgba(0, 0, 0, .4));overflow:hidden;pointer-events:auto;animation:engine-2d-search-in .18s cubic-bezier(.34,1.2,.64,1)}@keyframes engine-2d-search-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.engine-2d-search__input-row{display:flex;align-items:center;padding:0 12px;gap:8px;height:48px}.engine-2d-search__icon{flex-shrink:0;color:var(--e2d-icon, rgba(255, 255, 255, .4));display:flex;align-items:center}.engine-2d-search__input{flex:1;background:transparent;border:none;outline:none;color:var(--e2d-text, #e0e0e0);font-size:14px;line-height:1.4;caret-color:var(--e2d-accent, #4fc3f7)}.engine-2d-search__input::placeholder{color:var(--e2d-text3, rgba(255, 255, 255, .25))}.engine-2d-search__clear{flex-shrink:0;background:var(--e2d-icon-bg, rgba(255, 255, 255, .08));border:none;border-radius:4px;color:var(--e2d-icon, rgba(255, 255, 255, .5));cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;opacity:0;pointer-events:none;transition:opacity .15s,background .15s,color .15s}.engine-2d-search__clear:hover{background:var(--e2d-icon-bg-hover, rgba(255, 255, 255, .16));color:var(--e2d-close-hover, #ffffff)}.engine-2d-search__divider{height:1px;background:var(--e2d-border2, rgba(255, 255, 255, .08));display:none}.engine-2d-search__status{padding:6px 16px;font-size:11px;color:var(--e2d-text3, rgba(255, 255, 255, .35));display:none;-webkit-user-select:none;user-select:none}.engine-2d-search__list{list-style:none;margin:0;padding:4px 0;max-height:320px;overflow-y:auto;display:none;scrollbar-width:thin;scrollbar-color:var(--e2d-scrollbar, rgba(255, 255, 255, .15)) transparent}.engine-2d-search__list::-webkit-scrollbar{width:4px}.engine-2d-search__list::-webkit-scrollbar-track{background:transparent}.engine-2d-search__list::-webkit-scrollbar-thumb{background:var(--e2d-scrollbar, rgba(255, 255, 255, .15));border-radius:2px}.engine-2d-search__item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;transition:background .1s;min-height:38px;flex-wrap:nowrap}.engine-2d-search__item:hover,.engine-2d-search__item--active{background:var(--e2d-bg-hover, rgba(79, 195, 247, .08))}.engine-2d-search__item-badge{flex-shrink:0;font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;letter-spacing:.03em;white-space:nowrap}.engine-2d-search__item-name{flex:1;font-size:13px;color:var(--e2d-text, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__item-layer{flex-shrink:0;font-size:11px;color:var(--e2d-text3, rgba(255, 255, 255, .3));white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__item-desc{flex-shrink:0;font-size:11px;color:var(--e2d-text4, rgba(255, 255, 255, .25));white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__mark{background:transparent;color:var(--e2d-accent, #4fc3f7);font-weight:600}.engine-2d-mouse-coord{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--e2d-float-bg, rgba(0, 0, 0, .65));color:var(--e2d-text, #e0e0e0);padding:5px 14px;border-radius:4px;font-family:monospace;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid var(--e2d-float-border, rgba(255, 255, 255, .08))}.engine-2d-mouse-coord__label{color:var(--e2d-coord-label, rgba(255, 255, 255, .45));font-size:11px;letter-spacing:.05em}.engine-2d-mouse-coord__value{min-width:90px;color:var(--e2d-coord-value, #76c8ff)}.panorama-annotation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.panorama-annotation{position:absolute;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.panorama-annotation:hover{z-index:1001;transform:translate(-50%,-50%) scale(1.1)}.panorama-annotation-icon{width:40px;height:40px}.panorama-annotation-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.panorama-annotation-text{max-width:200px;text-align:center;line-height:1.4}.panorama-annotation-link{transition:background-color .2s ease,transform .2s ease}.panorama-annotation-link:hover{z-index:1002}.panorama-annotation-link img{display:block;flex-shrink:0}.panorama-annotation.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.panorama-annotation.loading{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.panorama-annotation-icon{width:32px;height:32px}.panorama-annotation-text,.panorama-annotation-link{font-size:12px!important;padding:6px 10px!important}}
+.originRotate{width:10px;height:10px;background-color:red}.versionText{position:absolute;right:10px;color:#86d9ff;z-index:1000;bottom:0;font-size:10px;background:transparent;pointer-events:none}.originDiv{position:absolute;top:100px;left:100px;width:30px;height:30px;border-radius:50%;z-index:1000;pointer-events:none}.tagDiv{color:gray;background:#fffc;padding:5px;font-size:12px}.catchPoint{pointer-events:none;stroke:#08dfd7;fill:transparent;stroke-width:2}.catchLine{position:absolute;width:10px;height:10px;pointer-events:none;background-color:green}.catchPlane{position:absolute;width:10px;height:10px;pointer-events:none;background-color:#ff0}.ViewCube{position:absolute;width:120px;height:120px;top:0;right:0;z-index:999}.homeViewWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-image:url(/assets/viewcube/home.png);background-size:100% 100%;background-repeat:no-repeat;background-color:#fff0;color:#fff;top:10px;right:100;width:20px;height:20px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.viewSettingWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-size:100% 100%;background-repeat:no-repeat;font-weight:800;background-color:#fff0;color:#fff;top:30px;right:100;width:20px;height:20px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cameraToggleWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:26px;font-weight:700;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:70px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.cameraToggleWrapper.show{display:flex}.cameraToggleWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.screenshotWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:20px;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:120px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.screenshotWrapper.show{display:flex}.screenshotWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.fullscreenWrapper{position:absolute;cursor:pointer;pointer-events:auto;background-color:#ffffffe6;color:#333;font-size:26px;font-weight:700;display:none;align-items:center;justify-content:center;border-radius:4px;box-shadow:0 2px 4px #0003;transition:all .3s ease;top:170px;right:90px;width:44px;height:44px;z-index:999;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fullscreenWrapper.show{display:flex}.fullscreenWrapper:hover{background-color:#fff;box-shadow:0 3px 6px #0000004d;transform:scale(1.1)}.measure-elevation{position:absolute;pointer-events:none}.measureSvg{position:absolute;width:1920px;height:1080px}.catch-point{position:absolute;width:10px;height:10px;background-color:red;border-radius:50%;pointer-events:none}.annotation-container{position:absolute;pointer-events:none;top:0;left:0}.measureLine{position:absolute;pointer-events:none}.measureBack{cursor:pointer;pointer-events:auto;fill:orange;padding:5px;top:-50px;rx:5;ry:5}.measureLabel{position:absolute;fill:#fff;font-size:14px;font-family:Arial,sans-serif;pointer-events:none}.measurePointer{fill:orange}.Hight{stroke:#fff;stroke-width:2}.allow-select{pointer-events:auto}.disallow-select{pointer-events:none}.angle-annotation{position:absolute;pointer-events:auto}.MapController{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.engine-2d-container{position:relative;width:100%;height:100%;overflow:hidden}.engine-2d-canvas{display:block;width:100%;height:100%;outline:none}.engine-2d-cad-cursor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.engine-2d-cad-cursor__h{position:absolute;left:0;width:100%;height:1px;background:var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translateY(-50%)}.engine-2d-cad-cursor__v{position:absolute;top:0;width:1px;height:100%;background:var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translate(-50%)}.engine-2d-cad-cursor__box{position:absolute;width:8px;height:8px;border:1px solid var(--e2d-cursor, rgba(255, 255, 255, .85));transform:translate(-50%,-50%)}.engine-2d-context-menu{position:absolute;z-index:9999;min-width:140px;background:var(--e2d-bg2, #252526);border:1px solid var(--e2d-border, rgba(255, 255, 255, .12));border-radius:4px;box-shadow:0 4px 16px var(--e2d-shadow, rgba(0, 0, 0, .5));padding:4px 0;display:none;-webkit-user-select:none;user-select:none}.engine-2d-context-menu--visible{display:block}.engine-2d-context-menu__item{padding:7px 16px;font-size:13px;color:var(--e2d-text2, #cccccc);cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.engine-2d-context-menu__item:hover{background:var(--e2d-bg-accent, #094771);color:var(--e2d-text-accent, #ffffff)}.engine-2d-context-menu__divider{height:1px;background:var(--e2d-border, rgba(255, 255, 255, .1));margin:4px 0}.engine-2d-stats{position:absolute;top:10px;left:10px;background:var(--e2d-float-bg, rgba(0, 0, 0, .7));color:var(--e2d-text, #e0e0e0);padding:8px 12px;border-radius:4px;font-family:monospace;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.engine-2d-stats div{margin:2px 0}.engine-2d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--e2d-float-bg, rgba(0, 0, 0, .8));color:var(--e2d-text, #e0e0e0);padding:20px 40px;border-radius:8px;font-size:16px;text-align:center}.engine-2d-loading-spinner{border:3px solid var(--e2d-border, rgba(255, 255, 255, .3));border-top:3px solid var(--e2d-accent, #4fc3f7);border-radius:50%;width:40px;height:40px;animation:engine-2d-spin 1s linear infinite;margin:0 auto 10px}@keyframes engine-2d-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.engine-2d-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#d32f2feb;color:#fff;padding:20px 40px;border-radius:8px;font-size:14px;max-width:80%;text-align:center}.engine-2d-controls-hint{position:absolute;bottom:10px;left:10px;background:var(--e2d-float-bg, rgba(0, 0, 0, .6));color:var(--e2d-text, #e0e0e0);border:1px solid var(--e2d-float-border, rgba(255, 255, 255, .08));padding:8px 12px;border-radius:4px;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.engine-2d-controls-hint kbd{background:var(--e2d-icon-bg, rgba(255, 255, 255, .2));color:var(--e2d-text, #e0e0e0);padding:2px 6px;border-radius:3px;font-family:monospace}.engine-2d-search{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;display:none}.engine-2d-search--visible{display:block}.engine-2d-search__box{position:absolute;top:14%;left:50%;transform:translate(-50%);width:480px;max-width:calc(100% - 40px);background:var(--e2d-bg, #1e1f22);border:1px solid var(--e2d-border, rgba(255, 255, 255, .14));border-radius:10px;box-shadow:0 8px 40px var(--e2d-shadow-lg, rgba(0, 0, 0, .65)),0 2px 8px var(--e2d-shadow, rgba(0, 0, 0, .4));overflow:hidden;pointer-events:auto;animation:engine-2d-search-in .18s cubic-bezier(.34,1.2,.64,1)}@keyframes engine-2d-search-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.engine-2d-search__input-row{display:flex;align-items:center;padding:0 12px;gap:8px;height:48px}.engine-2d-search__icon{flex-shrink:0;color:var(--e2d-icon, rgba(255, 255, 255, .4));display:flex;align-items:center}.engine-2d-search__input{flex:1;background:transparent;border:none;outline:none;color:var(--e2d-text, #e0e0e0);font-size:14px;line-height:1.4;caret-color:var(--e2d-accent, #4fc3f7)}.engine-2d-search__input::placeholder{color:var(--e2d-text3, rgba(255, 255, 255, .25))}.engine-2d-search__clear{flex-shrink:0;background:var(--e2d-icon-bg, rgba(255, 255, 255, .08));border:none;border-radius:4px;color:var(--e2d-icon, rgba(255, 255, 255, .5));cursor:pointer;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;opacity:0;pointer-events:none;transition:opacity .15s,background .15s,color .15s}.engine-2d-search__clear:hover{background:var(--e2d-icon-bg-hover, rgba(255, 255, 255, .16));color:var(--e2d-close-hover, #ffffff)}.engine-2d-search__divider{height:1px;background:var(--e2d-border2, rgba(255, 255, 255, .08));display:none}.engine-2d-search__status{padding:6px 16px;font-size:11px;color:var(--e2d-text3, rgba(255, 255, 255, .35));display:none;-webkit-user-select:none;user-select:none}.engine-2d-search__list{list-style:none;margin:0;padding:4px 0;max-height:320px;overflow-y:auto;display:none;scrollbar-width:thin;scrollbar-color:var(--e2d-scrollbar, rgba(255, 255, 255, .15)) transparent}.engine-2d-search__list::-webkit-scrollbar{width:4px}.engine-2d-search__list::-webkit-scrollbar-track{background:transparent}.engine-2d-search__list::-webkit-scrollbar-thumb{background:var(--e2d-scrollbar, rgba(255, 255, 255, .15));border-radius:2px}.engine-2d-search__item{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;transition:background .1s;min-height:38px;flex-wrap:nowrap}.engine-2d-search__item:hover,.engine-2d-search__item--active{background:var(--e2d-bg-hover, rgba(79, 195, 247, .08))}.engine-2d-search__item-badge{flex-shrink:0;font-size:10px;font-weight:500;padding:2px 6px;border-radius:3px;letter-spacing:.03em;white-space:nowrap}.engine-2d-search__item-name{flex:1;font-size:13px;color:var(--e2d-text, #e0e0e0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__item-layer{flex-shrink:0;font-size:11px;color:var(--e2d-text3, rgba(255, 255, 255, .3));white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__item-desc{flex-shrink:0;font-size:11px;color:var(--e2d-text4, rgba(255, 255, 255, .25));white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.engine-2d-search__mark{background:transparent;color:var(--e2d-accent, #4fc3f7);font-weight:600}.engine-2d-mouse-coord{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--e2d-float-bg, rgba(0, 0, 0, .65));color:var(--e2d-text, #e0e0e0);padding:5px 14px;border-radius:4px;font-family:monospace;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid var(--e2d-float-border, rgba(255, 255, 255, .08))}.engine-2d-mouse-coord__label{color:var(--e2d-coord-label, rgba(255, 255, 255, .45));font-size:11px;letter-spacing:.05em}.engine-2d-mouse-coord__value{min-width:90px;color:var(--e2d-coord-value, #76c8ff)}.panorama-annotation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.panorama-annotation{position:absolute;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.panorama-annotation:hover{z-index:1001;transform:translate(-50%,-50%) scale(1.1)}.panorama-annotation-icon{width:40px;height:40px}.panorama-annotation-icon img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.panorama-annotation-text{max-width:200px;text-align:center;line-height:1.4}.panorama-annotation-link{transition:background-color .2s ease,transform .2s ease}.panorama-annotation-link:hover{z-index:1002}.panorama-annotation-link img{display:block;flex-shrink:0}.panorama-annotation.hidden{display:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.panorama-annotation.loading{animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.panorama-annotation-icon{width:32px;height:32px}.panorama-annotation-text,.panorama-annotation-link{font-size:12px!important;padding:6px 10px!important}}

package/dist/index.d.ts

@@ -270,11 +270,34 @@ declare class CameraModule {
     constructor(engine: any);
     switchCurrentCamera(): void;
     private updateComposerCamera;
+    /**
+     * 将透视相机调成「效果接近正交」：通过缩小 FOV 减弱透视畸变。
+     * @param fov 垂直视野角（度），默认 60。设为 10~15 可得到近正交效果，越小越接近正交。
+     * @param options.adjustDistance 是否按 FOV 比例调整相机距离以保持取景一致，默认 true（缩小 FOV 时自动拉远）
+     */
+    setPerspectiveFov(fov: number, options?: {
+        adjustDistance?: boolean;
+    }): void;
     switchToPerspectiveCamera(): void;
     switchToOrthographicCamera(): void;
     getCameraType(): CameraType;
     getCameraPose(): ICameraPose;
     restoreCameraPose(pose: ICameraPose): void;
+    /**
+     * 根据视图原点与视线方向设置相机（用于打开剖面视图等）
+     * @param origin 目标点坐标 {x, y, z}
+     * @param direction 视线方向（相机看向的方向）{x, y, z}，会做归一化
+     * @param distance 相机到目标点的距离，不传则根据场景包围盒自动计算
+     */
+    setViewFromOriginAndDirection(origin: {
+        x: number;
+        y: number;
+        z: number;
+    }, direction: {
+        x: number;
+        y: number;
+        z: number;
+    }, distance?: number): void;
 }
 
 declare class CameraModule2d {
@@ -291,15 +314,36 @@ declare class CameraModule2d {
      * 创建正交相机
      */
     private createOrthographicCamera;
+    private animationId;
+    private animationStartTime;
+    private animationDuration;
+    private animationStartState;
+    private animationTargetState;
     /**
      * 适配视图到模型边界
      * @param extents 模型边界 { min: [x, y, z], max: [x, y, z] }
      * @param padding 边距（默认 1.2 = 20% 边距）
+     * @param animated 是否使用动画（默认 true）
+     * @param duration 动画时长（毫秒，默认 800）
      */
     fitToExtents(extents: {
         min: number[];
         max: number[];
-    }, padding?: number): void;
+    }, padding?: number, animated?: boolean, duration?: number): void;
+    /**
+     * 缓动函数 - easeOutCubic
+     * @param t 进度 0-1
+     * @returns 缓动后的值
+     */
+    private easeOutCubic;
+    /**
+     * 执行 fitToExtents 动画
+     */
+    private animateFitToExtents;
+    /**
+     * 线性插值
+     */
+    private lerp;
     /**
      * 设置缩放级别
      * @param zoom 缩放级别
@@ -464,6 +508,21 @@ declare class Clipping {
     recover(): void;
     reverse(): void;
     disActive(): void;
+    /**
+     * 按视图原点与视线方向设置剖面（用于打开剖面视图）
+     * 剖切面过 origin，法向指向相机侧，并生成与场景包围盒同大的剖切面
+     * @param origin 剖面上的点 {x, y, z}（与视图 Origin 一致）
+     * @param viewDirection 视线方向 {x, y, z}（与视图 ViewDirection 一致）
+     */
+    setSectionByView(origin: {
+        x: number;
+        y: number;
+        z: number;
+    }, viewDirection: {
+        x: number;
+        y: number;
+        z: number;
+    }): void;
 }
 
 declare class ComposerModule {
@@ -819,6 +878,8 @@ declare interface Engine2dOptions {
     selectionColor?: number;
     highlightColor?: number;
     enablePerformanceMonitoring?: boolean;
+    /** 自定义字体 TTF 文件 URL，支持中文等完整 Unicode 字符 */
+    fontUrl?: string;
 }
 
 /**
@@ -877,6 +938,9 @@ declare class EngineKernel2d {
     private fpsLastCheck;
     private currentFps;
     private enablePerformanceMonitoring;
+    modelToolModule2d: ModelToolModule2d;
+    engineStatus2d: EngineStatus2d;
+    octreeBox2d: OctreeBox2d;
     events: EventModule2d;
     handelBehaved2d: any;
     interactionModule2d: InteractionModule2d;
@@ -890,6 +954,9 @@ declare class EngineKernel2d {
     themeManager: ThemeManager;
     private cadCursorUI;
     private contextMenuUI;
+    private loadingUI;
+    private linkView2d3d;
+    private linkElement2d3d;
     scene: THREE.Scene | null;
     camera: THREE.OrthographicCamera | null;
     renderer: THREE.WebGLRenderer | null;
@@ -985,6 +1052,42 @@ declare class EngineKernel2d {
      * 调整渲染器尺寸
      */
     resize(): void;
+    /**
+     * 将主 canvas 转换成图片
+     * @param options 图片导出选项
+     * @returns 图片信息（包含 Data URL 和 Blob URL）
+     */
+    captureImage(options?: {
+        format?: 'png' | 'jpeg' | 'webp';
+        quality?: number;
+        filename?: string;
+        download?: boolean;
+        transparent?: boolean;
+        hideGrid?: boolean;
+        hideAxes?: boolean;
+    }): {
+        dataURL: string;
+        blobURL?: string;
+        blob?: Blob;
+    } | null;
+    /**
+     * 将主 canvas 转换成图片（异步版本，返回 Blob）
+     * @param options 图片导出选项
+     * @returns Promise，包含图片信息（Data URL、Blob URL 和 Blob）
+     */
+    captureImageAsync(options?: {
+        format?: 'png' | 'jpeg' | 'webp';
+        quality?: number;
+        filename?: string;
+        download?: boolean;
+        transparent?: boolean;
+        hideGrid?: boolean;
+        hideAxes?: boolean;
+    }): Promise<{
+        dataURL: string;
+        blobURL: string;
+        blob: Blob;
+    } | null>;
     /**
      * 销毁引擎
      */
@@ -1168,6 +1271,8 @@ declare class EngineKernelV2 {
     stats?: default_2;
     catchSvg: SVGSVGElement;
     engineModelModule: EngineModelModule;
+    viewTree: ViewTree;
+    merge2d: Merge2d;
     viewCube: ViewCube;
     rangeScale: RangeScale;
     setting: Setting;
@@ -1187,6 +1292,10 @@ declare class EngineKernelV2 {
     text: Text_2;
     hdr: Hdr;
     ground: Ground;
+    skyManager: SkyManager;
+    linkElement2d3d: LinkElement2d3d;
+    linkView2d3d: LinkView2d3d;
+    oneClickEncoding: OneClickEncoding;
     models: any[];
     reactBoundingClientRect: {
         left: number;
@@ -1357,6 +1466,17 @@ declare class EngineStatus {
     closeAllFunction: () => void;
 }
 
+declare class EngineStatus2d {
+    private engine;
+    isFree: boolean;
+    highlightModels: any[];
+    highlightHoverModels: any[];
+    hideModels: any[];
+    translucentModels: any[];
+    models: any[];
+    constructor(engine: any);
+}
+
 /**
  * 实体类型枚举
  */
@@ -1544,6 +1664,7 @@ declare enum EventType {
  */
 declare enum EventType2d {
     ModelLoadStart = "model-load-start",
+    ModelLoadProgress = "model-load-progress",
     ModelLoaded = "model-loaded",
     ModelLoadError = "model-load-error",
     RenderStart = "render-start",
@@ -1635,9 +1756,12 @@ declare class Ground {
     private currentId;
     private readonly groundGroup;
     private groundMesh;
-    private waterMaterial;
+    /** 当前为官方 Water 水面时为 true，用于 update/dispose 分支 */
+    private isWaterAddon;
     private readonly clock;
     private groundY;
+    /** 默认水面法线贴图路径（项目内为 public/textture/waternormals.jpg） */
+    private static readonly DEFAULT_WATER_NORMALS;
     private groundList;
     constructor(engine: any);
     init(): void;
@@ -1653,8 +1777,7 @@ declare class Ground {
     setHeight(y: number): void;
     /** 获取当前地面高度 */
     getHeight(): number;
-    private _createWaterMaterial;
-    /** 每帧调用，驱动水面动画 */
+    /** 每帧调用，驱动水面动画并与场景阳光/相机同步 */
     update(): void;
     /** 获取地面列表（id + 名称） */
     getGroundList(): Array<{
@@ -1678,6 +1801,12 @@ declare interface GroundConfig {
     sunDirection?: THREE.Vector3;
     /** 水面透明度（默认 0.82） */
     opacity?: number;
+    /** 水面法线贴图 URL（默认使用 public 下的 waternormals.jpg） */
+    waterNormalsUrl?: string;
+    /** 水面反射扭曲强度，覆盖预设 */
+    distortionScale?: number;
+    /** 水面波纹密度（size uniform），覆盖预设 */
+    waterSize?: number;
 }
 
 declare type GroundId = "0" | "1" | "2" | "3" | "4" | "5";
@@ -1863,7 +1992,9 @@ declare class InteractionModule2d {
     init(): void;
     active(): void;
     disActive(): void;
+    private oldId;
     handleMouseMove(event: any): void;
+    handelKeyEscDown(event: any): void;
     handleMouseClick(event: any): void;
     dispose(): void;
 }
@@ -1940,7 +2071,7 @@ declare class Level {
     constructor(engine: any);
     private _initSvg;
     /** 传入标高数据并渲染 */
-    setData(data: LevelData[]): void;
+    setData(data: LevelData[], box: any): void;
     /** 使用内置模拟数据（调试用） */
     setMockData(): void;
     /** 显示标高 */
@@ -1989,6 +2120,24 @@ declare interface LinkAnnotationConfig {
     metadata?: any;
 }
 
+declare class LinkElement2d3d {
+    private engine;
+    constructor(engine: any);
+    private active;
+    private disActive;
+    private readonly listenElementClick;
+}
+
+declare class LinkView2d3d {
+    private engine;
+    constructor(engine: any);
+    private active;
+    private disActive;
+    private readonly listenViewUpdate;
+    private applyPosition;
+    private applyRotation;
+}
+
 declare class LoaderModule {
     private engine;
     constructor(engine: any);
@@ -2037,6 +2186,8 @@ declare class LoaderModule2d {
     private totalBlock;
     private font;
     private loadFont;
+    /** 发射加载进度事件，让 UI 可以感知阶段变化 */
+    private _emitProgress;
     private buildScene;
     private loadBlock;
     private getPoint_polyline;
@@ -2115,6 +2266,36 @@ declare class Measure {
     update(): void;
 }
 
+/**
+ * 生成与 boundingBox 同大的剖切面并贴到剖面上（仅负责平面 mesh 的创建与展示，剖切逻辑在 Clipping 中）
+ */
+declare class Merge2d {
+    private engine;
+    private sectionPlaneGroup;
+    private loaderModule2d;
+    constructor(engine: any);
+    /**
+     * 根据剖切面原点与视线方向，生成与场景 boundingBox 同大的平面 mesh 并添加到场景（贴到剖面上）
+     * @param origin 剖面上的点 {x, y, z}
+     * @param viewDirection 视线方向 {x, y, z}，剖切面法向取反后指向相机侧
+     */
+    attachSectionPlane(url: string, viewId: string, origin: {
+        x: number;
+        y: number;
+        z: number;
+    }, viewDirection: {
+        x: number;
+        y: number;
+        z: number;
+    }): Promise<void>;
+    /**
+     * 移除由 attachSectionPlane 添加的剖切面平面
+     */
+    removeSectionPlane(): void;
+    private getMatrix;
+    computeMatrixFromOriginAndDirection(origin: any, direction: any): THREE.Matrix4;
+}
+
 /**
  * 大模型API调用封装 - 简化版
  * 使用浏览器原生 fetch API，支持 OpenAI 兼容格式
@@ -2214,6 +2395,7 @@ declare class ModelProperties {
     private engine;
     constructor(engine: any);
     init(): void;
+    getModelPropertiesWithName(url: string, id: string, names: [], callback: (properties: any) => void): void;
     getModelProperties(url: string, id: string, callback: (properties: any) => void): void;
 }
 
@@ -2225,6 +2407,7 @@ declare class ModelToolModule {
     constructor(engine_: any);
     split_merge_model(model: any): void;
     un_split_merge_model(model: any): void;
+    getSceneModel(index: number): any;
     highlightModel(models: any): void;
     unhighlightModel(models: any): void;
     unhighlightAllModels(isClear?: boolean): void;
@@ -2243,6 +2426,28 @@ declare class ModelToolModule {
     batchSelectSameTypeModel(models: any[]): void;
 }
 
+declare class ModelToolModule2d {
+    private engine;
+    private highlightMaterial;
+    private hideMaterial;
+    private translucentMaterial;
+    constructor(engine_: any);
+    split_merge_model(model: any): void;
+    un_split_merge_model(model: any): void;
+    highlightModelHover(models: any[]): void;
+    unHighlightModelHover(): void;
+    highlightModel(models: any): void;
+    unhighlightModel(models: any): void;
+    unhighlightAllModels(isClear?: boolean): void;
+    hideModel(models: any): void;
+    showModel(models: any): void;
+    showAllModels(): void;
+    highLightRenderLine(ps: []): void;
+    unhighLightRenderLine(): void;
+    highLightRenderLineHover(ps: []): void;
+    unhighLightRenderLineHover(): void;
+}
+
 declare class ModelTree {
     private engine;
     constructor(engine: any);
@@ -2251,6 +2456,26 @@ declare class ModelTree {
     getMajorTreeData(): any[];
 }
 
+declare class OctreeBox2d {
+    private engine;
+    private pickBoxElementIds;
+    private worldToScreen;
+    constructor(engine: any);
+    init(): void;
+    pick2d(rayCaster: any, event: any): any;
+    RecurrentIteration(rayCaster: any, box: any): void;
+}
+
+declare class OneClickEncoding {
+    private engine;
+    private readonly apiKey;
+    private readonly baseURL;
+    constructor(engine: any, apiKey?: string);
+    private start;
+    startChat(url: string, str: string): Promise<void>;
+    chat(str: string): Promise<any>;
+}
+
 declare class Pan2dControls extends THREE.EventDispatcher {
     object: THREE.OrthographicCamera;
     domElement: HTMLElement;
@@ -3187,6 +3412,95 @@ declare class Setting {
     setHDRBackground(hdrTexture: THREE.Texture | null): void;
 }
 
+declare class SkyManager {
+    private engine;
+    private sky;
+    private sun;
+    private params;
+    private readonly skyScale;
+    private readonly skyName;
+    /** 激活天空前相机的 far，关闭时恢复 */
+    private savedCameraFar;
+    constructor(engine: any);
+    /**
+     * 激活天空球：创建 Sky 并加入场景，应用当前参数
+     */
+    activate(): void;
+    /**
+     * 关闭天空球：从场景移除并释放，或仅隐藏
+     * @param remove - true 从场景移除并 dispose，false 仅隐藏
+     */
+    close(remove?: boolean): void;
+    /**
+     * 是否已激活（天空对象存在且已加入场景）
+     */
+    isActive(): boolean;
+    /**
+     * 获取当前参数（副本）
+     */
+    getParams(): Readonly<Required<SkyParams>>;
+    /**
+     * 使用对象设置参数（支持部分字段），并立即应用到天空与渲染器
+     */
+    setParams(params: SkyParams): void;
+    /**
+     * 应用预设
+     */
+    setPreset(name: SkyPresetName): void;
+    /**
+     * 获取所有预设名称
+     */
+    getPresetNames(): SkyPresetName[];
+    /**
+     * 更新云层动画时间（每帧调用一次，例如在渲染循环中）
+     * 同时根据当前相机类型（透视/正交）同步曝光，保证切换相机后天空亮度正确。
+     * @param time - 秒，不传则使用 performance.now() * 0.001
+     */
+    update(time?: number): void;
+    /** 当前相机是否为正交相机 */
+    private _isOrthographicCamera;
+    /** 获取当前相机有效曝光（正交相机使用 orthoExposureScale 补偿） */
+    private _getEffectiveExposure;
+    /** 扩大相机 far 以容纳天空盒，避免被裁剪成黑屏（支持透视与正交） */
+    private _expandCameraFarForSky;
+    /** 关闭天空时恢复相机 far（支持透视与正交） */
+    private _restoreCameraFar;
+    private _applyParamsToSky;
+    /** Set shader uniform if it exists on current Sky material to avoid runtime errors with stock shader. */
+    private _setUniformValue;
+}
+
+/** 天空球参数（与 Three.js Sky 材质 uniform 及曝光对应） */
+declare interface SkyParams {
+    /** 大气浑浊度，0~20，默认 10 */
+    turbidity?: number;
+    /** 瑞利散射，0~4，默认 3 */
+    rayleigh?: number;
+    /** Mie 系数，0~0.1，默认 0.005 */
+    mieCoefficient?: number;
+    /** Mie 方向性，0~1，默认 0.7 */
+    mieDirectionalG?: number;
+    /** 太阳仰角（度），0~90，默认 2 */
+    elevation?: number;
+    /** 太阳方位角（度），-180~180，默认 180 */
+    azimuth?: number;
+    /** 渲染器曝光，0~1，默认 0.5 */
+    exposure?: number;
+    /** 正交相机下的曝光倍数，用于补偿正交投影下天空偏暗，默认 1.5 */
+    orthoExposureScale?: number;
+    /** 云层覆盖，0~1，默认 0.4 */
+    cloudCoverage?: number;
+    /** 云层密度，0~1，默认 0.4 */
+    cloudDensity?: number;
+    /** 云层高度感，0~1，默认 0.5 */
+    cloudElevation?: number;
+    /** 是否显示日盘，默认 true */
+    showSunDisc?: boolean;
+}
+
+/** 预设名称 */
+declare type SkyPresetName = 'default' | 'sunset' | 'overcast' | 'clear' | 'night';
+
 /**
  * 步骤接口
  */
@@ -3256,11 +3570,19 @@ declare class ViewCube {
     cubeTool: any;
     constructor(engine: any);
     init(): void;
-    CameraGoHome(): void;
+    CameraGoHome(time: number): void;
     zoomToModel(box: any): void;
+    zoomToModels(m: any): void;
     hide(): void;
 }
 
+declare class ViewTree {
+    private engine;
+    constructor(engine: any);
+    getViewTreeData(url: string): any;
+    openView(url: string, viewId: string): void;
+}
+
 /**
  * 世界坐标与屏幕坐标转换工具类
  * 提供世界坐标（3D空间坐标）与屏幕坐标（2D像素坐标）之间的双向转换功能