@anov/3d-ability 0.0.6 → 0.0.7

package/dist/poi/3D/index.js

@@ -1,144 +1,180 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { Vector3, create3DLabel, use } from '@anov/3d-core';
-import { getLastValue } from "../../utils";
-// 距离限制范围的值，用于计算缩放比例
-var minDistance = 0.1;
-var maxDistance = 1000000;
-var Poi = /*#__PURE__*/function () {
-  function Poi() {
-    _classCallCheck(this, Poi);
-    _defineProperty(this, "cssObjects", []);
-  }
-  // 添加POI点信息
-  _createClass(Poi, [{
-    key: "create",
-    value: function create(option) {
-      var _use$useScene$orbitCo,
-        _this = this;
-      var visible = option.visible,
-        position = option.position,
-        name = option.name,
-        scale = option.scale;
-      var poiLabel = create3DLabel(getDom(option));
-      // 对象名称
-      poiLabel.name = getLastValue(name, 'poiLabel');
-      poiLabel.receiveShadow = true;
-      poiLabel.option = option;
-      // 是否可见
-      poiLabel.visible = getLastValue(visible, true);
-      // 设置poi局部位置
-      position && poiLabel.position.copy(new Vector3().fromArray(position));
-      // poiLabel.position.set(0, (200 * 0.023) / 2 + 3, 0);
+/* eslint-disable no-case-declarations */
 
-      var devicePixelRatio = window.devicePixelRatio || 1;
-      // 调整场景中对象的缩放比例
+import gsap from 'gsap';
+import { EAnimationType, EventType } from "../utils/type";
+import { createContentElement, createTitleElement } from "../utils/element";
+import Poi from "../Poi";
+var _default = {
+  animation: {
+    type: EAnimationType.fadeIn,
+    duration: 0.3
+  }
+};
+var Css3DPoi = /*#__PURE__*/function (_Poi) {
+  _inherits(Css3DPoi, _Poi);
+  var _super = _createSuper(Css3DPoi);
+  function Css3DPoi(data) {
+    var _this;
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, Css3DPoi);
+    _this = _super.call(this, data, option);
+    _defineProperty(_assertThisInitialized(_this), "element", void 0);
+    _defineProperty(_assertThisInitialized(_this), "isCSS3DObject", void 0);
+    _defineProperty(_assertThisInitialized(_this), "center", void 0);
+    _this.option = _objectSpread(_objectSpread({}, _default), option);
 
-      var vScale = new Vector3(0.023, 0.023, 0.023);
-      vScale.multiplyScalar(scale);
-      poiLabel.scale.copy(vScale.clone());
-      var _use$useScene = use.useScene(),
-        scene = _use$useScene.scene,
-        camera = _use$useScene.camera;
-      console.log('scene:', scene);
-      // 添加到场景
-      scene === null || scene === void 0 ? void 0 : scene.add(poiLabel);
-      this.cssObjects.push(poiLabel);
-      var cube;
-      use.useframe(function () {
-        if (!cube) {
-          // 假设需要查找的对象名称为 'myObject'
-          var objectName = 'GY_zj_gangjiegou_01';
-          // 遍历场景中的所有对象
-          scene.traverse(function (child) {
-            // 检查对象的名称是否匹配所需名称
-            if (child.name === objectName) {
-              // 找到了匹配的对象，可以对其进行操作或者保存引用
-              console.log('Found object with name:', objectName);
-              cube = child;
-            }
-          });
-        }
-        if (cube) {
-          // 根据目标物体的位置和相机的位置，更新 POI 点的位置
-          var cubeWorldPosition = new Vector3();
-          cube.getWorldPosition(cubeWorldPosition);
-          // console.log('cubeWorldPosition:', cubeWorldPosition)
+    // 创建容器
+    _this.element = _this.getElement();
+    if (!_this.element) throw new Error('Cannot generate HTMLElement element');
+    _this.option.animation && _this.setAnimation(_this.option.animation);
+    // 执行动画
+    _this.play();
+    _this.isCSS3DObject = true;
+    _this.element.style.position = 'absolute';
+    _this.element.style.pointerEvents = 'auto';
+    _this.element.style.userSelect = 'none';
+    _this.element.setAttribute('draggable', 'false');
+    _this.addEventListener('removed', function () {
+      this.traverse(function (object) {
+        if (object.element instanceof Element && object.element.parentNode !== null) object.element.parentNode.removeChild(object.element);
+      });
+    });
+    return _this;
+  }
 
-          poiLabel.position.copy(cubeWorldPosition.clone());
+  // 创建2D容器
+  _createClass(Css3DPoi, [{
+    key: "getElement",
+    value: function getElement() {
+      var _this2 = this;
+      var element;
+      // 直接传递DOM元素
+      if (this.data instanceof HTMLElement) {
+        element = this.data;
+      } else {
+        if (typeof this.data === 'string') {
+          element = createTitleElement(this.data, this.option);
+        } else if (_typeof(this.data) === 'object') {
+          var _this$data = this.data,
+            title = _this$data.title,
+            content = _this$data.content;
+          if (title && content) element = createContentElement(this.data, this.option);else if (title) element = createTitleElement(title, this.option);
         }
+      }
+      EventType.forEach(function (type) {
+        element && element.addEventListener(type.name, function (event) {
+          (_this2._listeners[type.name] || []).forEach(function (cb) {
+            cb(event);
+          });
+        });
       });
-      (_use$useScene$orbitCo = use.useScene().orbitControls) === null || _use$useScene$orbitCo === void 0 ? void 0 : _use$useScene$orbitCo.addEventListener('change', function () {
-        option.lockAxis && _this.updateAxis(poiLabel);
-        if ('autoSize' in option && !option.autoSize) _this.updateScale(poiLabel);
-      });
-      return {
-        id: poiLabel.id,
-        name: name,
-        visible: visible,
-        position: position
-      };
-    }
-
-    /**
-       * 是否锁定镜头，标牌一直面向镜头
-       */
-  }, {
-    key: "updateAxis",
-    value: function updateAxis(object) {
-      var _use$useScene2 = use.useScene(),
-        camera = _use$useScene2.camera;
-      // 获取原有的旋转角度
-      var oriEuler = object.rotation;
-      // 根据锁定的轴进行旋转
-      camera && object.rotation.copy(camera.rotation);
+      return element;
     }
 
-    /// <summary>
-    /// 按照距离缩放，距离越远，缩放越大
-    /// </summary>
+    // 播放动画
   }, {
-    key: "updateScale",
-    value: function updateScale(object) {
-      var _use$useScene3 = use.useScene(),
-        camera = _use$useScene3.camera;
-      // 获取相机和物体的世界坐标位置
-      var cameraPosition = camera === null || camera === void 0 ? void 0 : camera.position;
-      var objectPosition = object.position;
-
-      // 计算相机和物体之间的距离
-      var distance = (cameraPosition === null || cameraPosition === void 0 ? void 0 : cameraPosition.distanceTo(objectPosition)) || 0.1;
-
-      // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围
-      var clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance));
+    key: "play",
+    value: function play() {
+      var _this3 = this;
+      this.animation.forEach(function (item) {
+        switch (item.type) {
+          case EAnimationType.fadeIn:
+            _this3.element.style.opacity = '0';
+            break;
+          case EAnimationType.grow:
+            _this3.element.style.scale = '.2';
+            break;
+          case EAnimationType.print:
+            var contentElement = _this3.element.querySelector('[tag="content"]');
+            if (contentElement) contentElement.innerHTML = '';else _this3.element.innerHTML = '';
+            break;
+        }
+      });
+      var hasExecuted = false;
+      this.onAfterRender = function () {
+        if (hasExecuted) return;
+        _this3.animation.forEach(function (item) {
+          switch (item.type) {
+            case EAnimationType.fadeIn:
+              gsap.fromTo(_this3.element, {
+                opacity: 0
+              }, {
+                opacity: 1,
+                duration: item.duration,
+                repeat: 0,
+                ease: 'none'
+              });
+              break;
+            case EAnimationType.grow:
+              gsap.fromTo(_this3.element, {
+                scale: 0.2
+              }, {
+                scale: 1,
+                duration: item.duration,
+                repeat: 0,
+                ease: 'power2.out'
+              });
+              break;
+            case EAnimationType.print:
+              var element = _this3.element.querySelector('[tag="content"]');
+              var text;
+              if (element) {
+                text = _this3.data.content;
+              } else {
+                element = _this3.element;
+                text = _this3.data.title || _this3.data;
+              }
+              var index = 0;
+              var print = function print() {
+                // 添加当前字符到文本元素
+                element.innerHTML += text.charAt(index);
+                index++;
+                // 使用GSAP创建动画
+                gsap.to(element, {
+                  duration: item.duration,
+                  // 每个字符的持续时间
+                  ease: 'power1.inOut',
+                  // 缓动函数
+                  onComplete: function onComplete() {
+                    return index < text.length ? print() : null;
+                  } // 如果还有字符，则继续打印，否则完成动画
+                });
+              };
 
-      // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值
-      object.scale.copy(new Vector3(1, 1, 1).multiplyScalar(clampedDistance * 0.0012));
+              print();
+              break;
+          }
+        });
+        hasExecuted = true;
+      };
     }
-
-    // 删除POI点信息
   }, {
-    key: "delete",
-    value: function _delete(option) {
-      var _use$useScene4 = use.useScene(),
-        scene = _use$useScene4.scene;
-      for (var i = 0; i < this.cssObjects.length; i++) {
-        if (this.cssObjects[i].id === option.id) {
-          scene === null || scene === void 0 ? void 0 : scene.remove(this.cssObjects[i]);
-          break;
-        }
-      }
+    key: "copy",
+    value: function copy(source, recursive) {
+      _get(_getPrototypeOf(Css3DPoi.prototype), "copy", this).call(this, source, recursive);
+      this.element = source.element.cloneNode(true);
+      return this;
     }
-  }, {
-    key: "update",
-    value: function update(option) {}
   }]);
-  return Poi;
-}();
-export default Poi;
+  return Css3DPoi;
+}(Poi);
+export default Css3DPoi;
 //# sourceMappingURL=index.js.map

package/dist/poi/3D/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Vector3","create3DLabel","use","getLastValue","minDistance","maxDistance","Poi","option","visible","position","name","scale","poiLabel","getDom","receiveShadow","copy","fromArray","devicePixelRatio","window","vScale","multiplyScalar","clone","useScene","scene","camera","console","log","add","cssObjects","push","cube","useframe","objectName","traverse","child","cubeWorldPosition","getWorldPosition","orbitControls","addEventListener","lockAxis","updateAxis","autoSize","updateScale","id","object","oriEuler","rotation","cameraPosition","objectPosition","distance","distanceTo","clampedDistance","Math","max","min","i","length","remove"],"sources":["../../../src/poi/3D/index.ts"],"sourcesContent":["import {\n  Vector3,\n  create3DLabel,\n  use,\n} from '@anov/3d-core'\nimport { getLastValue } from '../../utils'\nimport type { CustomCssObjec, IPOIOption } from './type'\n\n// 距离限制范围的值，用于计算缩放比例\nconst minDistance = 0.1\nconst maxDistance = 1000000\n\nclass Poi {\n  private cssObjects: CustomCssObjec[] = []\n\n  constructor() { }\n  // 添加POI点信息\n  public create(option: IPOIOption) {\n    const { visible, position, name, scale } = option\n\n    const poiLabel = create3DLabel(getDom(option)) as CustomCssObjec\n    // 对象名称\n    poiLabel.name = getLastValue(name, 'poiLabel')\n    poiLabel.receiveShadow = true\n    poiLabel.option = option\n    // 是否可见\n    poiLabel.visible = getLastValue(visible, true)\n    // 设置poi局部位置\n    position && poiLabel.position.copy(new Vector3().fromArray(position))\n    // poiLabel.position.set(0, (200 * 0.023) / 2 + 3, 0);\n\n    const devicePixelRatio = window.devicePixelRatio || 1\n    // 调整场景中对象的缩放比例\n\n    const vScale = new Vector3(0.023, 0.023, 0.023)\n    vScale.multiplyScalar(scale)\n    poiLabel.scale.copy(vScale.clone())\n    const { scene, camera } = use.useScene()\n    console.log('scene:', scene)\n    // 添加到场景\n    scene?.add(poiLabel)\n    this.cssObjects.push(poiLabel)\n    let cube\n    use.useframe(() => {\n      if (!cube) {\n        // 假设需要查找的对象名称为 'myObject'\n        const objectName = 'GY_zj_gangjiegou_01'\n        // 遍历场景中的所有对象\n        scene.traverse((child) => {\n          // 检查对象的名称是否匹配所需名称\n          if (child.name === objectName) {\n            // 找到了匹配的对象，可以对其进行操作或者保存引用\n            console.log('Found object with name:', objectName)\n            cube = child\n          }\n        })\n      }\n      if (cube) {\n        // 根据目标物体的位置和相机的位置，更新 POI 点的位置\n        const cubeWorldPosition = new Vector3()\n        cube.getWorldPosition(cubeWorldPosition)\n        // console.log('cubeWorldPosition:', cubeWorldPosition)\n\n        poiLabel.position.copy(cubeWorldPosition.clone())\n      }\n    })\n\n    use.useScene().orbitControls?.addEventListener('change', () => {\n      option.lockAxis && this.updateAxis(poiLabel)\n      if ('autoSize' in option && !option.autoSize)\n        this.updateScale(poiLabel)\n    })\n\n    return {\n      id: poiLabel.id,\n      name,\n      visible,\n      position,\n    }\n  }\n\n  /**\n     * 是否锁定镜头，标牌一直面向镜头\n     */\n  private updateAxis(object: CustomCssObjec) {\n    const { camera } = use.useScene()\n    // 获取原有的旋转角度\n    const oriEuler = object.rotation\n    // 根据锁定的轴进行旋转\n    camera && object.rotation.copy(camera.rotation)\n  }\n\n  /// <summary>\n  /// 按照距离缩放，距离越远，缩放越大\n  /// </summary>\n  private updateScale(object: CustomCssObjec) {\n    const { camera } = use.useScene()\n    // 获取相机和物体的世界坐标位置\n    const cameraPosition = camera?.position\n    const objectPosition = object.position\n\n    // 计算相机和物体之间的距离\n    const distance = cameraPosition?.distanceTo(objectPosition) || 0.1\n\n    // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围\n    const clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance))\n\n    // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值\n    object.scale.copy(new Vector3(1, 1, 1).multiplyScalar(clampedDistance * 0.0012))\n  }\n\n  // 删除POI点信息\n  public delete(option: IPOIOption) {\n    const { scene } = use.useScene()\n    for (let i = 0; i < this.cssObjects.length; i++) {\n      if (this.cssObjects[i].id === option.id) {\n        scene?.remove(this.cssObjects[i])\n        break\n      }\n    }\n  }\n\n  public update(option: IPOIOption) { }\n}\n\nexport default Poi\n"],"mappings":"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"}
+{"version":3,"names":["gsap","EAnimationType","EventType","createContentElement","createTitleElement","Poi","_default","animation","type","fadeIn","duration","Css3DPoi","data","option","element","getElement","Error","setAnimation","play","isCSS3DObject","style","position","pointerEvents","userSelect","setAttribute","addEventListener","traverse","object","Element","parentNode","removeChild","HTMLElement","title","content","forEach","name","event","_listeners","cb","item","opacity","grow","scale","print","contentElement","querySelector","innerHTML","hasExecuted","onAfterRender","fromTo","repeat","ease","text","index","charAt","to","onComplete","length","source","recursive","cloneNode"],"sources":["../../../src/poi/3D/index.ts"],"sourcesContent":["/* eslint-disable no-case-declarations */\nimport type { Vector2 } from '@anov/3d-core'\nimport gsap from 'gsap'\nimport { EAnimationType, EventType } from '../utils/type'\nimport type { IEventType, IOption } from '../utils/type'\nimport { createContentElement, createTitleElement } from '../utils/element'\nimport Poi from '../Poi'\n\nconst _default = {\n  animation: {\n    type: EAnimationType.fadeIn,\n    duration: 0.3,\n  },\n}\n\nclass Css3DPoi extends Poi {\n  element!: HTMLElement\n  isCSS3DObject!: boolean\n  center!: Vector2\n\n  constructor(data: any, option: IOption = {}) {\n    super(data, option)\n\n    this.option = { ..._default, ...option }\n\n    // 创建容器\n    this.element = this.getElement()\n\n    if (!this.element)\n      throw new Error('Cannot generate HTMLElement element')\n\n    this.option.animation && this.setAnimation(this.option.animation)\n    // 执行动画\n    this.play()\n\n    this.isCSS3DObject = true\n\n    this.element.style.position = 'absolute'\n    this.element.style.pointerEvents = 'auto'\n    this.element.style.userSelect = 'none'\n\n    this.element.setAttribute('draggable', 'false')\n\n    this.addEventListener('removed', function () {\n      this.traverse((object) => {\n        if (object.element instanceof Element && object.element.parentNode !== null)\n\n          object.element.parentNode.removeChild(object.element)\n      })\n    })\n  }\n\n  // 创建2D容器\n  getElement() {\n    let element!: HTMLElement\n    // 直接传递DOM元素\n    if (this.data instanceof HTMLElement) {\n      element = this.data\n    }\n    else {\n      if (typeof this.data === 'string') {\n        element = createTitleElement(this.data, this.option)\n      }\n      else if (typeof this.data === 'object') {\n        const { title, content } = this.data\n        if (title && content)\n          element = createContentElement(this.data, this.option)\n        else if (title)\n          element = createTitleElement(title, this.option)\n      }\n    }\n\n    EventType.forEach((type: IEventType) => {\n      element && element.addEventListener(type.name, (event) => {\n        (this._listeners[type.name] || []).forEach((cb: Function) => {\n          cb(event)\n        })\n      })\n    })\n    return element\n  }\n\n  // 播放动画\n  play() {\n    this.animation.forEach((item) => {\n      switch (item.type) {\n        case EAnimationType.fadeIn:\n          this.element.style.opacity = '0'\n          break\n        case EAnimationType.grow:\n          this.element.style.scale = '.2'\n          break\n        case EAnimationType.print:\n          const contentElement = this.element.querySelector('[tag=\"content\"]')\n          if (contentElement)\n            contentElement.innerHTML = ''\n          else\n            this.element.innerHTML = ''\n          break\n      }\n    })\n\n    let hasExecuted = false\n    this.onAfterRender = () => {\n      if (hasExecuted)\n        return\n      this.animation.forEach((item) => {\n        switch (item.type) {\n          case EAnimationType.fadeIn:\n            gsap.fromTo(this.element, { opacity: 0 }, {\n              opacity: 1,\n              duration: item.duration,\n              repeat: 0,\n              ease: 'none',\n            })\n            break\n          case EAnimationType.grow:\n            gsap.fromTo(this.element, { scale: 0.2 }, {\n              scale: 1,\n              duration: item.duration,\n              repeat: 0,\n              ease: 'power2.out',\n            })\n            break\n          case EAnimationType.print:\n\n            let element = this.element.querySelector('[tag=\"content\"]') as HTMLElement\n            let text: string\n            if (element) {\n              text = this.data.content\n            }\n            else {\n              element = this.element\n              text = this.data.title || this.data\n            }\n\n            let index = 0\n            const print = () => {\n              // 添加当前字符到文本元素\n              element.innerHTML += text.charAt(index)\n              index++\n              // 使用GSAP创建动画\n              gsap.to(element, {\n                duration: item.duration, // 每个字符的持续时间\n                ease: 'power1.inOut', // 缓动函数\n                onComplete: () => index < text.length ? print() : null, // 如果还有字符，则继续打印，否则完成动画\n              })\n            }\n            print()\n            break\n        }\n      })\n      hasExecuted = true\n    }\n  }\n\n  copy(source: any, recursive: boolean) {\n    super.copy(source, recursive)\n\n    this.element = source.element.cloneNode(true)\n\n    return this\n  }\n}\n\nexport default Css3DPoi"],"mappings":"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"}

package/dist/poi/3D/index1.d.ts

@@ -0,0 +1,19 @@
+import type { IPOIOption } from './type';
+declare class Poi {
+    private cssObjects;
+    constructor();
+    create(option: IPOIOption): {
+        id: number;
+        name: string | undefined;
+        visible: boolean | undefined;
+        position: number[] | undefined;
+    };
+    /**
+       * 是否锁定镜头，标牌一直面向镜头
+       */
+    private updateAxis;
+    private updateScale;
+    delete(option: IPOIOption): void;
+    update(option: IPOIOption): void;
+}
+export default Poi;

package/dist/poi/3D/index1.js

@@ -0,0 +1,144 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { Vector3, create3DLabel, use } from '@anov/3d-core';
+import { getLastValue } from "../../utils";
+// 距离限制范围的值，用于计算缩放比例
+var minDistance = 0.1;
+var maxDistance = 1000000;
+var Poi = /*#__PURE__*/function () {
+  function Poi() {
+    _classCallCheck(this, Poi);
+    _defineProperty(this, "cssObjects", []);
+  }
+  // 添加POI点信息
+  _createClass(Poi, [{
+    key: "create",
+    value: function create(option) {
+      var _use$useScene$orbitCo,
+        _this = this;
+      var visible = option.visible,
+        position = option.position,
+        name = option.name,
+        scale = option.scale;
+      var poiLabel = create3DLabel(getDom(option));
+      // 对象名称
+      poiLabel.name = getLastValue(name, 'poiLabel');
+      poiLabel.receiveShadow = true;
+      poiLabel.option = option;
+      // 是否可见
+      poiLabel.visible = getLastValue(visible, true);
+      // 设置poi局部位置
+      position && poiLabel.position.copy(new Vector3().fromArray(position));
+      // poiLabel.position.set(0, (200 * 0.023) / 2 + 3, 0);
+
+      var devicePixelRatio = window.devicePixelRatio || 1;
+      // 调整场景中对象的缩放比例
+
+      var vScale = new Vector3(0.023, 0.023, 0.023);
+      vScale.multiplyScalar(scale);
+      poiLabel.scale.copy(vScale.clone());
+      var _use$useScene = use.useScene(),
+        scene = _use$useScene.scene,
+        camera = _use$useScene.camera;
+      console.log('scene:', scene);
+      // 添加到场景
+      scene === null || scene === void 0 ? void 0 : scene.add(poiLabel);
+      this.cssObjects.push(poiLabel);
+      var cube;
+      use.useframe(function () {
+        if (!cube) {
+          // 假设需要查找的对象名称为 'myObject'
+          var objectName = 'GY_zj_gangjiegou_01';
+          // 遍历场景中的所有对象
+          scene.traverse(function (child) {
+            // 检查对象的名称是否匹配所需名称
+            if (child.name === objectName) {
+              // 找到了匹配的对象，可以对其进行操作或者保存引用
+              console.log('Found object with name:', objectName);
+              cube = child;
+            }
+          });
+        }
+        if (cube) {
+          // 根据目标物体的位置和相机的位置，更新 POI 点的位置
+          var cubeWorldPosition = new Vector3();
+          cube.getWorldPosition(cubeWorldPosition);
+          // console.log('cubeWorldPosition:', cubeWorldPosition)
+
+          poiLabel.position.copy(cubeWorldPosition.clone());
+        }
+      });
+      (_use$useScene$orbitCo = use.useScene().orbitControls) === null || _use$useScene$orbitCo === void 0 ? void 0 : _use$useScene$orbitCo.addEventListener('change', function () {
+        option.lockAxis && _this.updateAxis(poiLabel);
+        if ('autoSize' in option && !option.autoSize) _this.updateScale(poiLabel);
+      });
+      return {
+        id: poiLabel.id,
+        name: name,
+        visible: visible,
+        position: position
+      };
+    }
+
+    /**
+       * 是否锁定镜头，标牌一直面向镜头
+       */
+  }, {
+    key: "updateAxis",
+    value: function updateAxis(object) {
+      var _use$useScene2 = use.useScene(),
+        camera = _use$useScene2.camera;
+      // 获取原有的旋转角度
+      var oriEuler = object.rotation;
+      // 根据锁定的轴进行旋转
+      camera && object.rotation.copy(camera.rotation);
+    }
+
+    /// <summary>
+    /// 按照距离缩放，距离越远，缩放越大
+    /// </summary>
+  }, {
+    key: "updateScale",
+    value: function updateScale(object) {
+      var _use$useScene3 = use.useScene(),
+        camera = _use$useScene3.camera;
+      // 获取相机和物体的世界坐标位置
+      var cameraPosition = camera === null || camera === void 0 ? void 0 : camera.position;
+      var objectPosition = object.position;
+
+      // 计算相机和物体之间的距离
+      var distance = (cameraPosition === null || cameraPosition === void 0 ? void 0 : cameraPosition.distanceTo(objectPosition)) || 0.1;
+
+      // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围
+      var clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance));
+
+      // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值
+      object.scale.copy(new Vector3(1, 1, 1).multiplyScalar(clampedDistance * 0.0012));
+    }
+
+    // 删除POI点信息
+  }, {
+    key: "delete",
+    value: function _delete(option) {
+      var _use$useScene4 = use.useScene(),
+        scene = _use$useScene4.scene;
+      for (var i = 0; i < this.cssObjects.length; i++) {
+        if (this.cssObjects[i].id === option.id) {
+          scene === null || scene === void 0 ? void 0 : scene.remove(this.cssObjects[i]);
+          break;
+        }
+      }
+    }
+  }, {
+    key: "update",
+    value: function update(option) {}
+  }]);
+  return Poi;
+}();
+export default Poi;
+//# sourceMappingURL=index1.js.map

package/dist/poi/3D/index1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Vector3","create3DLabel","use","getLastValue","minDistance","maxDistance","Poi","option","visible","position","name","scale","poiLabel","getDom","receiveShadow","copy","fromArray","devicePixelRatio","window","vScale","multiplyScalar","clone","useScene","scene","camera","console","log","add","cssObjects","push","cube","useframe","objectName","traverse","child","cubeWorldPosition","getWorldPosition","orbitControls","addEventListener","lockAxis","updateAxis","autoSize","updateScale","id","object","oriEuler","rotation","cameraPosition","objectPosition","distance","distanceTo","clampedDistance","Math","max","min","i","length","remove"],"sources":["../../../src/poi/3D/index1.ts"],"sourcesContent":["import {\n  Vector3,\n  create3DLabel,\n  use,\n} from '@anov/3d-core'\nimport { getLastValue } from '../../utils'\nimport type { CustomCssObjec, IPOIOption } from './type'\n\n// 距离限制范围的值，用于计算缩放比例\nconst minDistance = 0.1\nconst maxDistance = 1000000\n\nclass Poi {\n  private cssObjects: CustomCssObjec[] = []\n\n  constructor() { }\n  // 添加POI点信息\n  public create(option: IPOIOption) {\n    const { visible, position, name, scale } = option\n\n    const poiLabel = create3DLabel(getDom(option)) as CustomCssObjec\n    // 对象名称\n    poiLabel.name = getLastValue(name, 'poiLabel')\n    poiLabel.receiveShadow = true\n    poiLabel.option = option\n    // 是否可见\n    poiLabel.visible = getLastValue(visible, true)\n    // 设置poi局部位置\n    position && poiLabel.position.copy(new Vector3().fromArray(position))\n    // poiLabel.position.set(0, (200 * 0.023) / 2 + 3, 0);\n\n    const devicePixelRatio = window.devicePixelRatio || 1\n    // 调整场景中对象的缩放比例\n\n    const vScale = new Vector3(0.023, 0.023, 0.023)\n    vScale.multiplyScalar(scale)\n    poiLabel.scale.copy(vScale.clone())\n    const { scene, camera } = use.useScene()\n    console.log('scene:', scene)\n    // 添加到场景\n    scene?.add(poiLabel)\n    this.cssObjects.push(poiLabel)\n    let cube\n    use.useframe(() => {\n      if (!cube) {\n        // 假设需要查找的对象名称为 'myObject'\n        const objectName = 'GY_zj_gangjiegou_01'\n        // 遍历场景中的所有对象\n        scene.traverse((child) => {\n          // 检查对象的名称是否匹配所需名称\n          if (child.name === objectName) {\n            // 找到了匹配的对象，可以对其进行操作或者保存引用\n            console.log('Found object with name:', objectName)\n            cube = child\n          }\n        })\n      }\n      if (cube) {\n        // 根据目标物体的位置和相机的位置，更新 POI 点的位置\n        const cubeWorldPosition = new Vector3()\n        cube.getWorldPosition(cubeWorldPosition)\n        // console.log('cubeWorldPosition:', cubeWorldPosition)\n\n        poiLabel.position.copy(cubeWorldPosition.clone())\n      }\n    })\n\n    use.useScene().orbitControls?.addEventListener('change', () => {\n      option.lockAxis && this.updateAxis(poiLabel)\n      if ('autoSize' in option && !option.autoSize)\n        this.updateScale(poiLabel)\n    })\n\n    return {\n      id: poiLabel.id,\n      name,\n      visible,\n      position,\n    }\n  }\n\n  /**\n     * 是否锁定镜头，标牌一直面向镜头\n     */\n  private updateAxis(object: CustomCssObjec) {\n    const { camera } = use.useScene()\n    // 获取原有的旋转角度\n    const oriEuler = object.rotation\n    // 根据锁定的轴进行旋转\n    camera && object.rotation.copy(camera.rotation)\n  }\n\n  /// <summary>\n  /// 按照距离缩放，距离越远，缩放越大\n  /// </summary>\n  private updateScale(object: CustomCssObjec) {\n    const { camera } = use.useScene()\n    // 获取相机和物体的世界坐标位置\n    const cameraPosition = camera?.position\n    const objectPosition = object.position\n\n    // 计算相机和物体之间的距离\n    const distance = cameraPosition?.distanceTo(objectPosition) || 0.1\n\n    // 使用 Math.min() 和 Math.max() 方法限制 resultDistance 的范围\n    const clampedDistance = Math.max(minDistance, Math.min(maxDistance, distance))\n\n    // 按照缩放系数和距离进行缩放，缩放系数应该约定好一个固定值\n    object.scale.copy(new Vector3(1, 1, 1).multiplyScalar(clampedDistance * 0.0012))\n  }\n\n  // 删除POI点信息\n  public delete(option: IPOIOption) {\n    const { scene } = use.useScene()\n    for (let i = 0; i < this.cssObjects.length; i++) {\n      if (this.cssObjects[i].id === option.id) {\n        scene?.remove(this.cssObjects[i])\n        break\n      }\n    }\n  }\n\n  public update(option: IPOIOption) { }\n}\n\nexport default Poi\n"],"mappings":"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"}