@realsee/dnalogel 2.0.0-alpha.32 → 2.0.0-alpha.34

package/libs/ModelChassisCompassPlugin/Plugin.js

@@ -6,14 +6,16 @@ import transfromToMeshBasicMaterial from '../shared-utils/three/transfromToMeshB
  * 模型底盘指南针插件
  */
 export const ModelChassisCompassPlugin = (five, params) => {
+    var _a;
     const defaultFbxUrl = params.fbx_url || '//vrlab-static.ljcdn.com/release/web/v3/dipan3/dipan.FBX';
-    const defaultNorthRad = params.north_rad || undefined;
+    const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
     // 局部状态
     const state = {};
     const load = async (data) => {
+        var _a;
         const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
-        const northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
-        if (!northRad) {
+        const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
+        if (typeof northRad !== 'number') {
             throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
         }
         const bounding = five.model.bounding;

package/libs/PanoSpatialTagPlugin/Components/tag.js

@@ -22,7 +22,7 @@ import '../typings';
 import { currentTarget } from '../store';
 
 function add_css(target) {
-	append_styles(target, "svelte-1c0xhg0", ".PanoSpatialTagPlugin__tag-x.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0.svelte-1c0xhg0{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line.svelte-1c0xhg0{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0.svelte-1c0xhg0{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-animate.svelte-1c0xhg0{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0.svelte-1c0xhg0{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-flagpole.svelte-1c0xhg0{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-shadow.svelte-1c0xhg0{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content.svelte-1c0xhg0{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-content .svelte-1c0xhg0{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line1.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-1c0xhg0 .PanoSpatialTagPlugin__tag-line2.svelte-1c0xhg0{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-1c0xhg0-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
+	append_styles(target, "svelte-8ki8yx", ".PanoSpatialTagPlugin__tag-x.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0;display:block;white-space:nowrap;box-sizing:border-box;width:25rem;height:14rem;color:#FFF;transform:translate(0, -100%);transition:height .5s linear}.PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx.svelte-8ki8yx{content:'';position:absolute;width:30rem;height:30rem;top:-15rem;left:-15rem;z-index:-1;opacity:0;transition:opacity .8s .6s;background:url('https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png');background-size:30rem 30rem}.PanoSpatialTagPlugin__tag-line.svelte-8ki8yx.svelte-8ki8yx{position:absolute;left:-1rem;width:2rem;height:100%;overflow:hidden}.PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:1rem;height:calc(100% - 1.5rem);width:.15rem;background:linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .1));box-shadow:0 .1rem .5rem rgba(0, 0, 0, .2);opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .4s cubic-bezier(.44,.44,.74,.98) , opacity .4s cubic-bezier(.44,.44,.74,.98), width .5s linear, height .5s linear ;transform-origin:center bottom}.PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0.3rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx.svelte-8ki8yx{position:absolute;top:0;left:0.5rem;height:1.8rem;width:.1rem;background:#fff;opacity:0;transform:translate(-50%, 200%) scaleY(0);transform-origin:center top}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx{animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1 linear .5s forwards .45s}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx{animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2 linear .5s forwards .65s}.PanoSpatialTagPlugin__tag-x.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx.svelte-8ki8yx{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line.svelte-8ki8yx{transform:scaleY(-1)}.PanoSpatialTagPlugin__tag-animate.svelte-8ki8yx.svelte-8ki8yx{position:relative;height:100%;overflow:hidden;transform-origin:left top;transition:transform .5s linear}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-animate.svelte-8ki8yx{transform-origin:left bottom}.PanoSpatialTagPlugin__tag-content.svelte-8ki8yx.svelte-8ki8yx{position:absolute;display:inline-block;transform:translate(-100%, 0);transition:transform .9s cubic-bezier(0,.65,.16,1.08) .6s;padding-left:.5rem;font-size:1rem}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{bottom:0}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx{opacity:1;transform:translate(-50%, 0) scaleY(1)}.PanoSpatialTagPlugin__tag-upside-down.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{top:unset;bottom:-15rem}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{opacity:.32}.PanoSpatialTagPlugin__tag-show.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{transform:translate(0, 0)}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-flagpole.svelte-8ki8yx{opacity:0;transform:translate(-50%, 60%) scaleY(0);transition:transform .5s .55s, opacity .4s .55s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-shadow.svelte-8ki8yx{opacity:0;transition:opacity .8s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content.svelte-8ki8yx{transform:translate(-100%, 0);transition:transform .6s cubic-bezier(.53,.06,.88,.59)}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-content .svelte-8ki8yx{pointer-events:none}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line1.svelte-8ki8yx{opacity:0.5;transform:translate(-50%, 10%) scaleY(0);animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1-hide linear .28s forwards .3s}.PanoSpatialTagPlugin__tag-hide.svelte-8ki8yx .PanoSpatialTagPlugin__tag-line2.svelte-8ki8yx{opacity:0.5;transform:translate(-50%, 0) scaleY(0);animation:svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2-hide linear .28s forwards .45s}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 135%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 20%) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2{0%{opacity:0;transform:translate(-50%, 250%) scaleY(1)}50%{opacity:0.5;transform:translate(-50%, 125%) scaleY(1)}100%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line1-hide{0%{opacity:0.5;transform:translate(-50%, 10%) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 105%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}@keyframes svelte-8ki8yx-PanoSpatialTagPlugin__tag-line2-hide{0%{opacity:0.5;transform:translate(-50%, 0) scaleY(0)}50%{opacity:0.2;transform:translate(-50%, 100%) scaleY(1)}100%{opacity:0;transform:translate(-50%, 200%) scaleY(0)}}");
 }
 
 function create_fragment(ctx) {
@@ -56,19 +56,19 @@ function create_fragment(ctx) {
 			t3 = space();
 			div3 = element("div");
 			div2 = element("div");
-			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-1c0xhg0");
+			attr(div0, "class", "PanoSpatialTagPlugin__tag-shadow svelte-8ki8yx");
 			set_style(div0, "transform", "translate(" + /*contentWidth*/ ctx[7] / 2 * /*contentZoom*/ ctx[3] * 3 + "px, " + /*contentHeight*/ ctx[8] / 2 * (/*upsideDown*/ ctx[1] ? -1 : 1) * /*contentZoom*/ ctx[3] * 3 + "px)");
-			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-1c0xhg0");
+			attr(i0, "class", "PanoSpatialTagPlugin__tag-flagpole svelte-8ki8yx");
 			set_style(i0, "width", /*lineWidthZoom*/ ctx[4] + "rem");
-			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-1c0xhg0");
-			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-1c0xhg0");
-			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-1c0xhg0");
-			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-1c0xhg0");
-			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-1c0xhg0");
+			attr(i1, "class", "PanoSpatialTagPlugin__tag-line1 svelte-8ki8yx");
+			attr(i2, "class", "PanoSpatialTagPlugin__tag-line2 svelte-8ki8yx");
+			attr(div1, "class", "PanoSpatialTagPlugin__tag-line svelte-8ki8yx");
+			attr(div2, "class", "PanoSpatialTagPlugin__tag-content svelte-8ki8yx");
+			attr(div3, "class", "PanoSpatialTagPlugin__tag-animate svelte-8ki8yx");
 			set_style(div3, "transform", "scale(" + /*contentZoom*/ ctx[3] * 3 + ")");
 			attr(div4, "id", div4_id_value = 'PanoSpatialTagPlugin__' + /*id*/ ctx[0]);
 			set_style(div4, "height", 20 * /*lineHeightZoom*/ ctx[5] + "rem");
-			attr(div4, "class", "svelte-1c0xhg0");
+			attr(div4, "class", "svelte-8ki8yx");
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-x", true);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-upside-down", /*upsideDown*/ ctx[1]);
 			toggle_class(div4, "PanoSpatialTagPlugin__tag-show", /*show*/ ctx[10]);

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -378,7 +378,8 @@ export const PanoSpatialTagPlugin = (five, params) => {
     if ((_f = five === null || five === void 0 ? void 0 : five.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five.getElement().parentElement;
-        wrapper.appendChild(container);
+        if (wrapper)
+            wrapper.appendChild(container);
         state.forbidden = false;
         updateTags();
         five.on('panoWillArrive', onPanoWillArrive);
@@ -390,7 +391,8 @@ export const PanoSpatialTagPlugin = (five, params) => {
         five.once('modelLoaded', () => {
             if (!wrapper)
                 wrapper = five.getElement().parentElement;
-            wrapper.appendChild(container);
+            if (wrapper)
+                wrapper.appendChild(container);
             state.forbidden = false;
             updateTags();
             five.on('panoWillArrive', onPanoWillArrive);

package/libs/components/PaintBrush/Controller.d.ts

@@ -0,0 +1,43 @@
+import { noop } from './utils';
+import { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings';
+import { Subscribe } from './Subscribe';
+export declare class Controller extends Subscribe<PaintBrushEventMap> {
+    configs: PaintBrushConfigs;
+    private clientWidth;
+    private clientHeight;
+    private ready;
+    private uuid;
+    private tween?;
+    private tweening;
+    private container;
+    private canvas;
+    private data;
+    private tempLine;
+    get color(): string;
+    get state(): Record<string, PaintBrushState[]>;
+    get dpr(): number;
+    constructor(configs: PaintBrushConfigs);
+    ifInsertToDOM(): HTMLDivElement;
+    /**
+     *
+     * @param className 初始化画板
+     * @returns
+     */
+    initCanvas(className: string): HTMLCanvasElement;
+    /**
+     * 初始化操作面板
+     * @returns
+     */
+    initCtrl(): HTMLDivElement;
+    openBrush(): void;
+    closeBrush(): void;
+    updateCurrentColor(color: string): void;
+    openBrushHandle(): void;
+    emitStateChange(action: PaintBrushAction, userAction?: boolean): void;
+    action(action: PaintBrushAction): void;
+    handleDrawLine(_uuid: string, data: PaintBrushState, { withUndo }: {
+        withUndo?: boolean;
+    }, callback?: typeof noop): void;
+    handleUndo(uuid: string): void;
+    destroyBrush(): void;
+}