@shjjs/visual-ui 1.0.0

package/es/components/scene-map3d/map3d/module/Environment.d.ts

@@ -0,0 +1,5 @@
+export declare function createAmbientLight(_this: any, ambientLightOption: any): void;
+export declare function createDirectionalLight(_this: any, directionalLightOption: any, _debugger: boolean): void;
+export declare function createPointLight1(_this: any, pointLight1Option: any, _debugger: boolean): void;
+export declare function createPointLight2(_this: any, pointLight2Option: any, _debugger: boolean): void;
+export declare function createEnvironment(_this: any, light: any, _debugger: boolean): void;

package/es/components/scene-map3d/map3d/module/Environment.mjs

@@ -0,0 +1,65 @@
+import { AmbientLight as m, Color as i, DirectionalLight as l, DirectionalLightHelper as w, PointLightHelper as r, PointLight as y } from "three";
+function a(n) {
+  const e = new y(n.color, n.intensity, n.distance, 1);
+  return e.position.set(n.x, n.y, n.z), e;
+}
+function L(n, e) {
+  const t = n.scene.getObjectByName("AmbientLight");
+  t && n.scene.remove(t);
+  const f = new m(new i(e.color || "#ffffff"), e.intensity);
+  f.visible = e.show, f.name = "AmbientLight", n.scene.add(f);
+}
+function d(n, e, t) {
+  const f = n.scene.getObjectByName("DirectionalLight");
+  f && n.scene.remove(f);
+  const s = n.scene.getObjectByName("DirectionalLightHelper");
+  s && n.scene.remove(s);
+  const c = new l(new i(e.color || "#ffffff"), e.intensity);
+  c.target.position.set(e.target.position.x, e.target.position.y, e.target.position.z), c.position.set(e.position.x, e.position.y, e.position.z), c.castShadow = !0, c.shadow.radius = 20, c.shadow.mapSize.width = 1024, c.shadow.mapSize.height = 1024, c.visible = e.show, c.name = "DirectionalLight", n.scene.add(c);
+  const o = new w(c, 10, "#ffffff");
+  o.name = "DirectionalLightHelper", o.visible = e.show && t, n.scene.add(o);
+}
+function b(n, e, t) {
+  const f = n.scene.getObjectByName("PointLight1");
+  f && n.scene.remove(f);
+  const s = n.scene.getObjectByName("PointLightHelper1");
+  s && n.scene.remove(s);
+  const c = a({
+    color: new i(e.color || "#ffffff"),
+    intensity: e.intensity,
+    distance: e.distance,
+    x: e.x,
+    y: e.y,
+    z: e.z
+  });
+  c.visible = e.show, c.name = "PointLight1", n.scene.add(c);
+  const o = new r(c, 2, "#ffffff");
+  o.visible = e.show && t, o.name = "PointLightHelper1", n.scene.add(o);
+}
+function g(n, e, t) {
+  const f = n.scene.getObjectByName("PointLight2");
+  f && n.scene.remove(f);
+  const s = n.scene.getObjectByName("PointLightHelper2");
+  s && n.scene.remove(s);
+  const c = a({
+    color: new i(e.color || "#ffffff"),
+    intensity: e.intensity,
+    distance: e.distance,
+    x: e.x,
+    y: e.y,
+    z: e.z
+  });
+  c.visible = e.show, c.name = "PointLight2", n.scene.add(c);
+  const o = new r(c, 2, "#ffffff");
+  o.visible = e.show && t, o.name = "PointLightHelper2", n.scene.add(o);
+}
+function P(n, e, t) {
+  L(n, e.ambientLight), d(n, e.directionalLight, t), b(n, e.pointLight1, t), g(n, e.pointLight2, t);
+}
+export {
+  L as createAmbientLight,
+  d as createDirectionalLight,
+  P as createEnvironment,
+  b as createPointLight1,
+  g as createPointLight2
+};

package/es/components/scene-map3d/map3d/module/FloorGaoGuang.d.ts

@@ -0,0 +1 @@
+export declare function createFloorGaoGuang(_this: any, gaoguang: any, quanOption: any): void;

package/es/components/scene-map3d/map3d/module/FloorGaoGuang.mjs

@@ -0,0 +1,17 @@
+import { PlaneGeometry as s, RepeatWrapping as i, MeshBasicMaterial as c, Color as p, AdditiveBlending as g, DoubleSide as l, Mesh as u } from "three";
+function m(o, t, d) {
+  const n = new s(200, 200), e = o.assets.instance.getResource("gaoguang1");
+  e.colorSpace = "srgb", e.wrapS = e.wrapT = i, e.repeat.set(1, 1);
+  const r = new c({
+    map: e,
+    color: new p(t.color || "#ffffff"),
+    opacity: 1,
+    transparent: !0,
+    blending: g,
+    side: l
+  }), a = new u(n, r);
+  a.rotateX(-Math.PI / 2), a.position.set(0, -1, 0), o.gaoguangMesh = a, o.gaoguangMesh.visible = t.show, o.scene.add(a);
+}
+export {
+  m as createFloorGaoGuang
+};

package/es/components/scene-map3d/map3d/module/FloorGridRipple.d.ts

@@ -0,0 +1 @@
+export declare function createFloorGridRipple(_this: any, gridRipple: any): void;

package/es/components/scene-map3d/map3d/module/FloorGridRipple.mjs

@@ -0,0 +1,36 @@
+import { PlaneGeometry as G, MeshBasicMaterial as M, Color as c, AdditiveBlending as y, Mesh as w, Group as g } from "three";
+import { isEmpty as d } from "lodash";
+import { DiffuseShader as x } from "../map/DiffuseShader.mjs";
+import { getTextureResource as m } from "../map/utils.mjs";
+function v(e, o) {
+  const a = o.repeat || 100, f = e.scene.getObjectByName("GridRipple");
+  f && e.scene.remove(f);
+  const s = new G(600, 600), r = m(e, "gridRippleMap", o.map, "map");
+  d(r) || r.map.repeat.set(a, a);
+  const i = m(e, "gridRippleAlphaMap", o.alphaMap, "alphaMap");
+  d(r) || i.alphaMap.repeat.set(a, a);
+  const p = new M({
+    ...r,
+    ...i,
+    color: new c(o.color || "#00ffff"),
+    transparent: !0,
+    opacity: o.diffuseOpacity,
+    blending: y
+  }), t = new w(s, p);
+  t.rotateX(-Math.PI / 2);
+  const [l, u] = e.geoProjection(e.pointCenter);
+  t.position.set(l, -u, 0.01);
+  const n = t.clone();
+  n.material = p.clone(), n.material.opacity = o.opacity, e.gridRippleGroup = new g(), e.gridRippleGroup.name = "GridRipple", e.gridRippleGroup.add(t, n), e.gridRippleGroup.visible = o.show, e.scene.add(e.gridRippleGroup), e.diffuseShader = new x({
+    material: p,
+    time: e.time,
+    size: 600,
+    diffuseColor: new c(o.diffuseColor || "#079fe6"),
+    diffuseSpeed: o.diffuseSpeed,
+    diffuseWidth: o.diffuseWidth,
+    diffuseDir: 2
+  });
+}
+export {
+  v as createFloorGridRipple
+};

package/es/components/scene-map3d/map3d/module/FloorRotateBorder.d.ts

@@ -0,0 +1 @@
+export declare function createFloorRotateBorder(_this: any, rotateBorder: any, init?: boolean): void;

package/es/components/scene-map3d/map3d/module/FloorRotateBorder.mjs

@@ -0,0 +1,50 @@
+import { MeshBasicMaterial as s, Color as p, AdditiveBlending as d, Vector3 as m } from "three";
+import "d3-geo";
+import "three/examples/jsm/controls/OrbitControls";
+import "three/examples/jsm/loaders/GLTFLoader";
+import "three/examples/jsm/loaders/DRACOLoader.js";
+import "three/examples/jsm/libs/lil-gui.module.min";
+import "three/examples/jsm/utils/BufferGeometryUtils";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import { Plane as l } from "../../../../utils/mini3d/components/Plane.mjs";
+import "lodash";
+import { getTextureResource as f } from "../map/utils.mjs";
+function j(e, t, n = !0) {
+  const a = e.scene.getObjectByName("rotateBorder1");
+  a && e.scene.remove(a);
+  const i = e.scene.getObjectByName("rotateBorder2");
+  i && e.scene.remove(i);
+  const c = 100, B = f(e, "rotateBorder1Map", t.rotateBorder1.texture, "map"), w = f(e, "rotateBorder2Map", t.rotateBorder2.texture, "map"), r = new l(e, {
+    width: c * t.rotateBorder1.size,
+    needRotate: !0,
+    rotateSpeed: t.rotateBorder1.rotateSpeed * 1e-3,
+    material: new s({
+      ...B,
+      color: new p(t.rotateBorder1.color || "#48afff"),
+      transparent: !0,
+      opacity: t.rotateBorder1.opacity,
+      depthWrite: !1,
+      blending: d
+    }),
+    position: new m(0, 0.17, 0)
+  });
+  r.instance.renderOrder = 6, n && r.instance.scale.set(0, 0, 0), r.instance.visible = t.rotateBorder1.show, r.instance.name = "rotateBorder1", r.setParent(e.scene);
+  const o = new l(e, {
+    width: c * t.rotateBorder2.size,
+    needRotate: !0,
+    rotateSpeed: t.rotateBorder2.rotateSpeed * 1e-3,
+    material: new s({
+      ...w,
+      color: new p(t.rotateBorder2.color || "#48afff"),
+      transparent: !0,
+      opacity: t.rotateBorder2.opacity,
+      depthWrite: !1,
+      blending: d
+    }),
+    position: new m(0, 0.16, 0)
+  });
+  o.instance.renderOrder = 6, n && o.instance.scale.set(0, 0, 0), o.instance.visible = t.rotateBorder2.show, o.instance.name = "rotateBorder2", o.setParent(e.scene), e.rotateBorder1 = r.instance, e.rotateBorder2 = o.instance;
+}
+export {
+  j as createFloorRotateBorder
+};

package/es/components/scene-map3d/map3d/module/MapMirror.d.ts

@@ -0,0 +1 @@
+export declare function createMirror(_this: any): void;

package/es/components/scene-map3d/map3d/module/MapMirror.mjs

@@ -0,0 +1,81 @@
+import { PlaneGeometry as t } from "three";
+import { Reflector as i } from "../map/Reflector.mjs";
+function d(r) {
+  const o = new t(500, 500), n = {
+    name: "CusReflectorShader",
+    uniforms: {
+      color: {
+        value: null
+      },
+      tDiffuse: {
+        value: null
+      },
+      textureMatrix: {
+        value: null
+      }
+    },
+    vertexShader: (
+      /* glsl */
+      `
+            uniform mat4 textureMatrix;
+            varying vec4 vUv;
+    
+            #include <common>
+            #include <logdepthbuf_pars_vertex>
+    
+            void main() {
+    
+                vUv = textureMatrix * vec4( position, 1.0 );
+    
+                gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+    
+                #include <logdepthbuf_vertex>
+    
+            }`
+    ),
+    fragmentShader: (
+      /* glsl */
+      `
+            uniform vec3 color;
+            uniform sampler2D tDiffuse;
+            varying vec4 vUv;
+    
+            #include <logdepthbuf_pars_fragment>
+    
+            float blendOverlay( float base, float blend ) {
+                return  0.9999 * base * blend;
+    
+            }
+    
+            vec3 blendOverlay( vec3 base, vec3 blend ) {
+    
+                return vec3( blendOverlay( base.r, blend.r ), blendOverlay( base.g, blend.g ), blendOverlay( base.b, blend.b ) );
+    
+            }
+    
+            void main() {
+    
+                #include <logdepthbuf_fragment>
+    
+                vec4 base = texture2DProj( tDiffuse, vUv );
+                gl_FragColor = vec4( blendOverlay( base.rgb, color ),0.15 );
+    
+    
+                #include <tonemapping_fragment>
+                #include <colorspace_fragment>
+    
+            }`
+    )
+  }, e = new i(o, {
+    clipBias: 3e-3,
+    textureWidth: window.innerWidth * window.devicePixelRatio,
+    textureHeight: window.innerHeight * window.devicePixelRatio,
+    color: 16777215,
+    multisample: 0,
+    shader: n
+  });
+  e.material.transparent = !0, e.position.y = 0.2, e.rotateX(-Math.PI / 2), r.groundMirror = e, r.groundMirror.visible = r.option.map.mirrorShow, r.scene.add(e);
+}
+export {
+  d as createMirror
+};

package/es/components/scene-map3d/map3d/module/Particles.d.ts

@@ -0,0 +1 @@
+export declare function createParticles(_this: any, particle: any): void;

package/es/components/scene-map3d/map3d/module/Particles.mjs

@@ -0,0 +1,36 @@
+import { PointsMaterial as i, Color as n, AdditiveBlending as o } from "three";
+import "d3-geo";
+import "three/examples/jsm/controls/OrbitControls";
+import "three/examples/jsm/loaders/GLTFLoader";
+import "three/examples/jsm/loaders/DRACOLoader.js";
+import "three/examples/jsm/libs/lil-gui.module.min";
+import "three/examples/jsm/utils/BufferGeometryUtils";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import { Particles as a } from "../../../../utils/mini3d/components/Particles.mjs";
+import "lodash";
+function b(e, t) {
+  const r = e.scene.getObjectByName("Particles");
+  r && e.scene.remove(r), e.particles = new a(e, {
+    num: t.num,
+    // 粒子数量
+    range: t.range,
+    // 范围
+    dir: t.dir,
+    speed: t.speed,
+    material: new i({
+      map: a.createTexture(),
+      size: t.material.size,
+      color: new n(t.material.color || "#00eeee"),
+      transparent: !0,
+      opacity: t.material.opacity,
+      depthTest: !1,
+      depthWrite: !1,
+      vertexColors: !0,
+      blending: o,
+      sizeAttenuation: !0
+    })
+  }), e.particles.name = "particle", e.particles.instance.position.set(0, 0, 0), e.particles.instance.rotation.x = -Math.PI / 2, e.particles.setParent(e.scene), e.particles.enable = !0, e.particles.instance.visible = t.show;
+}
+export {
+  b as createParticles
+};

package/es/components/scene-map3d/map3d/module/Timeline.d.ts

@@ -0,0 +1 @@
+export declare function createTimeLine(_this: any, option: any): void;

package/es/components/scene-map3d/map3d/module/Timeline.mjs

@@ -0,0 +1,83 @@
+import o from "gsap";
+function n(a, t) {
+  try {
+    const e = o.timeline();
+    e.delay(1), e.addLabel("camera", 0.2), e.addLabel("pathLine", 0.5), e.addLabel("focusMap", 1), e.addLabel("focusMap2", 2), e.addLabel("border", 2.5), e.add(o.to(a.camera.instance.position, {
+      duration: 2,
+      delay: 0,
+      x: t.camera.position.x + (t.scene.translateX || 0),
+      y: t.camera.position.y + (t.scene.translateY || 0),
+      z: t.camera.position.z + (t.scene.translateZ || 0),
+      ease: "circ.out",
+      onComplete: () => {
+        a.camera.controls.saveState(), a.onCallBack.onMapAnimationSuccess(), a.isMapAnimationSuccess = !0;
+      }
+    }), "camera"), a.pathLine && e.add(o.to(a.pathLine.options.material, {
+      duration: 0.2,
+      opacity: 1
+    }), "pathLine"), e.add(o.to(a.areaMapGroup, {
+      duration: 1,
+      delay: 0.5,
+      visible: !0
+    }), "focusMap"), e.add(o.to(a.areaMapGroup.position, {
+      duration: 1,
+      delay: 0.5,
+      x: 0,
+      y: 0,
+      z: 0
+    }), "focusMap"), e.add(o.to(a.areaMapGroup.scale, {
+      duration: 1,
+      delay: 0.5,
+      x: 1,
+      y: 1,
+      z: 1,
+      ease: "circ.out"
+    }), "focusMap"), e.add(o.to(a.rotateBorder1.scale, {
+      duration: 0.6,
+      x: 1,
+      y: 1,
+      z: 1,
+      ease: "circ.out"
+    }), "border"), e.add(o.to(a.rotateBorder2.scale, {
+      duration: 1.2,
+      x: 1,
+      y: 1,
+      z: 1,
+      ease: "circ.out"
+    }), "border"), a.option.map.arealabel.show && (a.allAreaLabel.map((r, c) => {
+      const l = r.element.querySelector(".area-label>p.label");
+      l.style.opacity = 0;
+    }), a.allAreaLabel.map((r, c) => {
+      const l = r.element.querySelector(".area-label>p.label");
+      e.add(o.to(l, {
+        duration: 0.5,
+        delay: 0.03 * c,
+        opacity: 1,
+        ease: "circ.out"
+      }), "focusMap2");
+    })), setTimeout(() => {
+      try {
+        if (a.option.map.titleLabel.show) {
+          a.mapTitleLabel.element.style.opacity = 0, e.add(o.to(a.mapTitleLabel.element, {
+            duration: 0.5,
+            delay: 0.03,
+            opacity: 1,
+            ease: "circ.out"
+          }), "focusMap2");
+          const r = a.mapTitleLabel.element.querySelector(".map-label>.other-label");
+          e.add(o.to(r, {
+            duration: 0.5,
+            delay: 0.03,
+            translateY: 0,
+            ease: "circ.out"
+          }), "focusMap2");
+        }
+      } catch {
+      }
+    }, 2e3);
+  } catch {
+  }
+}
+export {
+  n as createTimeLine
+};

package/es/components/scene-map3d/watch.d.ts

@@ -0,0 +1 @@
+export declare const initWatch: (props: any, app: any, createWorld: Function, initData: Function, cleanAndCreateWorld: Function) => void;