@anov/3d-ability 0.0.4-alpha9 → 0.0.5

package/dist/poi/{core/Css2D.js → 2D/index.js}

@@ -14,70 +14,80 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 { Object3D, Vector2 } from '@anov/3d-core';
-import { EAnimationType, EPoiType, EventType } from "../utils/type";
-import { getBasePoiStyle, getPanelStyle } from "../utils/css";
-var DafultOption = {
+/* eslint-disable no-case-declarations */
+import { Vector2 } from '@anov/3d-core';
+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 Css2D = /*#__PURE__*/function (_Object3D) {
-  _inherits(Css2D, _Object3D);
-  var _super = _createSuper(Css2D);
-  function Css2D(type, data, option) {
+var Css2DPoi = /*#__PURE__*/function (_Poi) {
+  _inherits(Css2DPoi, _Poi);
+  var _super = _createSuper(Css2DPoi);
+  function Css2DPoi(data) {
     var _this;
-    _classCallCheck(this, Css2D);
-    _this = _super.call(this);
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    _classCallCheck(this, Css2DPoi);
+    _this = _super.call(this, data, option);
     _defineProperty(_assertThisInitialized(_this), "element", void 0);
-    _defineProperty(_assertThisInitialized(_this), "contentDom", void 0);
     _defineProperty(_assertThisInitialized(_this), "isCSS2DObject", void 0);
     _defineProperty(_assertThisInitialized(_this), "center", void 0);
-    _defineProperty(_assertThisInitialized(_this), "poiType", void 0);
-    _defineProperty(_assertThisInitialized(_this), "data", void 0);
-    _defineProperty(_assertThisInitialized(_this), "option", void 0);
-    _this.poiType = type;
-    _this.data = data;
-    _this.option = _objectSpread(_objectSpread({}, DafultOption), option);
-    _this.element = _this.createElement();
+    _this.option = _objectSpread(_objectSpread({}, _default), option);
+
+    // 创建容器
+    _this.element = _this.getElement();
     if (!_this.element) throw new Error('Cannot generate HTMLElement element');
-    _this.isCSS2DObject = true;
+
+    // 保留Css2D 初始设置
     _this.element.style.position = 'absolute';
     _this.element.style.userSelect = 'none';
     _this.element.setAttribute('draggable', 'false');
+    _this.isCSS2DObject = true;
     _this.center = new Vector2(0.5, 0.5); // ( 0, 0 ) is the lower left; ( 1, 1 ) is the top right
 
+    _this.option.animation && _this.setAnimation(_this.option.animation);
+    // 执行动画
+    _this.play();
+
+    // 保留Css2D 事件监听
     _this.addEventListener('removed', function () {
       _this.traverse(function (object) {
-        if (object.element instanceof Element && object.element.parentNode !== null) object.element.parentNode.removeChild(object.element);
+        // @ts-ignore
+        if (object.element instanceof Element && object.element.parentNode !== null)
+          // @ts-ignore
+          object.element.parentNode.removeChild(object.element);
       });
     });
-    _this.setAttribute();
     return _this;
   }
-  _createClass(Css2D, [{
-    key: "createElement",
-    value: function createElement() {
+
+  // 创建2D容器
+  _createClass(Css2DPoi, [{
+    key: "getElement",
+    value: function getElement() {
       var _this2 = this;
       var element;
       // 直接传递DOM元素
       if (this.data instanceof HTMLElement) {
         element = this.data;
       } else {
-        switch (this.poiType) {
-          case EPoiType.Base:
-            // 基础POI点
-            element = this.titlePanel(this.data);
-            break;
-          case EPoiType.Panel:
-            // 面板
-            element = this.contentPanel(this.data);
-            break;
+        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.addEventListener(type.name, function (event) {
+        element && element.addEventListener(type.name, function (event) {
+          // @ts-ignore
           (_this2._listeners[type.name] || []).forEach(function (cb) {
             cb(event);
           });
@@ -85,97 +95,86 @@ var Css2D = /*#__PURE__*/function (_Object3D) {
       });
       return element;
     }
+
+    // 播放动画
   }, {
-    key: "setAttribute",
-    value: function setAttribute() {
+    key: "play",
+    value: function play() {
       var _this3 = this;
-      var hasExecuted = false;
-      // 执行渐显、打印内容等操作
-      this.onAfterRender = function () {
-        if (hasExecuted) return;
-        setTimeout(function () {
-          _this3.element.style.opacity = '1';
-          var print = _this3.option.print;
-          if (_this3.poiType === EPoiType.Panel && print) _this3.print(_this3.contentDom, _this3.data.content);
-        });
-        hasExecuted = true;
-      };
-    }
-  }, {
-    key: "titlePanel",
-    value: function titlePanel(data) {
-      var defaultStyle = getBasePoiStyle();
-      this.assignStyle(defaultStyle);
-      var containerDom = document.createElement('div');
-      Object.keys(defaultStyle).forEach(function (key) {
-        containerDom.style[key] = defaultStyle[key];
-      });
-      containerDom.innerText = data;
-      return containerDom;
-    }
-  }, {
-    key: "contentPanel",
-    value: function contentPanel(data) {
-      var _this4 = this;
-      var defaultStyle = getPanelStyle();
-      this.assignStyle(defaultStyle.container);
-      var containerDom = document.createElement('div');
-      Object.keys(defaultStyle.container).forEach(function (key) {
-        containerDom.style[key] = defaultStyle.container[key];
-      });
-      var titleDom = document.createElement('div');
-      titleDom.innerText = data.title;
-      Object.keys(defaultStyle.title).forEach(function (key) {
-        titleDom.style[key] = defaultStyle.title[key];
-      });
-      containerDom.appendChild(titleDom);
-      this.contentDom = document.createElement('div');
-      if (!this.option.print) this.contentDom.innerText = data.content;
-      Object.keys(defaultStyle.content).forEach(function (key) {
-        _this4.contentDom.style[key] = defaultStyle.content[key];
-      });
-      containerDom.appendChild(this.contentDom);
-      return containerDom;
-    }
-  }, {
-    key: "assignStyle",
-    value: function assignStyle(style) {
-      var _this$option = this.option,
-        width = _this$option.width,
-        height = _this$option.height,
-        img = _this$option.img,
-        animation = _this$option.animation;
-      if (animation) {
-        switch (animation.type) {
-          case EAnimationType.appear:
+      this.animation.forEach(function (item) {
+        switch (item.type) {
           case EAnimationType.fadeIn:
-            style.opacity = 0;
-            style.transition = "opacity ".concat(animation.duration, "s ease");
+            _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;
         }
-      }
-      if (width) style.width = "".concat(width, "px");
-      if (height) style.height = "".concat(height, "px");
-      if (img) style.backgroundImage = "url(".concat(img, ")");
-    }
-  }, {
-    key: "print",
-    value: function print(container, text) {
-      var index = 0;
-      var p = function p() {
-        if (index < text.length) {
-          container.textContent += text.charAt(index);
-          index++;
-          setTimeout(p, 20); // 调整打印速度，这里是每个字符间隔30毫秒
-        }
-      };
+      });
+      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;
+                  } // 如果还有字符，则继续打印，否则完成动画
+                });
+              };
 
-      p();
+              print();
+              break;
+          }
+        });
+        hasExecuted = true;
+      };
     }
   }]);
-  return Css2D;
-}(Object3D);
-export default Css2D;
-//# sourceMappingURL=Css2D.js.map
+  return Css2DPoi;
+}(Poi);
+export default Css2DPoi;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Vector2","gsap","EAnimationType","EventType","createContentElement","createTitleElement","Poi","_default","animation","type","fadeIn","duration","Css2DPoi","data","option","element","getElement","Error","style","position","userSelect","setAttribute","isCSS2DObject","center","setAnimation","play","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"],"sources":["../../../src/poi/2D/index.ts"],"sourcesContent":["/* eslint-disable no-case-declarations */\nimport { 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 Css2DPoi extends Poi {\n  element!: HTMLElement\n  isCSS2DObject!: 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    // 保留Css2D 初始设置\n    this.element.style.position = 'absolute'\n    this.element.style.userSelect = 'none'\n    this.element.setAttribute('draggable', 'false')\n\n    this.isCSS2DObject = true\n    this.center = new Vector2(0.5, 0.5) // ( 0, 0 ) is the lower left; ( 1, 1 ) is the top right\n\n    this.option.animation && this.setAnimation(this.option.animation)\n    // 执行动画\n    this.play()\n\n    // 保留Css2D 事件监听\n    this.addEventListener('removed', () => {\n      this.traverse((object) => {\n        // @ts-ignore\n        if (object.element instanceof Element && object.element.parentNode !== null)\n          // @ts-ignore\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        // @ts-ignore\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\nexport default Css2DPoi"],"mappings":"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"}

package/dist/{poiBack → poi/3D}/index.d.ts

@@ -9,8 +9,8 @@ declare class Poi {
         position: number[] | undefined;
     };
     /**
-     * 是否锁定镜头，标牌一直面向镜头
-     */
+       * 是否锁定镜头，标牌一直面向镜头
+       */
     private updateAxis;
     private updateScale;
     delete(option: IPOIOption): void;

package/dist/{poiBack → poi/3D}/index.js

@@ -6,8 +6,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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";
-import { getDom } from "./dom";
+import { getLastValue } from "../../utils";
 // 距离限制范围的值，用于计算缩放比例
 var minDistance = 0.1;
 var maxDistance = 1000000;
@@ -87,8 +86,8 @@ var Poi = /*#__PURE__*/function () {
     }
 
     /**
-     * 是否锁定镜头，标牌一直面向镜头
-     */
+       * 是否锁定镜头，标牌一直面向镜头
+       */
   }, {
     key: "updateAxis",
     value: function updateAxis(object) {

package/dist/poi/3D/index.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/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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"}

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

@@ -0,0 +1 @@
+{"version":3,"names":["EPOIType"],"sources":["../../../src/poi/3D/type.ts"],"sourcesContent":["import type {\n  CSS3DObject,\n} from '@anov/3d-core'\n\nexport enum EPOIType {\n  base,\n  line,\n}\n\nexport interface CustomCssObjec extends CSS3DObject {\n  option: IPOIOption\n}\n\nexport interface IPOIOption {\n  id?: number | string // 唯一ID\n  name?: string // 别名\n  title: string\n  type?: EPOIType\n  position?: Array<number> // 聚焦目标位置[x,y,z] 单位cm positon和location字段必须有一个非空\n  location?: Array<number> // 聚焦目标位置[经度,纬度,高度] 单位m positon和location字段必须有一个非空\n  visible?: boolean\n  autoSize?: boolean // 是否支持缩放\n  lockAxis?: Boolean // 是否锁定镜头(标牌一直面向镜头)\n  style?: object // POI样式字符串\n}\n"],"mappings":"AAIA,WAAYA,QAAQ;AAGnB,WAHWA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;EAARA,QAAQ,CAARA,QAAQ;AAAA,GAARA,QAAQ,KAARA,QAAQ"}

package/dist/poi/Poi.d.ts

@@ -0,0 +1,12 @@
+import { Object3D } from '@anov/3d-core';
+import type { IOption } from './utils/type';
+declare class Poi extends Object3D {
+    data: any;
+    option: IOption;
+    animation: Array<any>;
+    constructor(data: any, option: IOption);
+    setAnimation(animation: object | Array<any>): void;
+    play(): void;
+    destroy(): void;
+}
+export default Poi;

package/dist/poi/{core/SpriteBase.js → Poi.js}

@@ -12,47 +12,44 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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 { Sprite, SpriteMaterial, Vector2 } from '@anov/3d-core';
-// @ts-ignore
-import { Curtains } from 'curtainsjs';
-var AnovSprite = /*#__PURE__*/function (_Sprite) {
-  _inherits(AnovSprite, _Sprite);
-  var _super = _createSuper(AnovSprite);
-  function AnovSprite(type, data, option) {
+import { Object3D } from '@anov/3d-core';
+var Poi = /*#__PURE__*/function (_Object3D) {
+  _inherits(Poi, _Object3D);
+  var _super = _createSuper(Poi);
+  function Poi(data, option) {
     var _this;
-    _classCallCheck(this, AnovSprite);
-    _this = _super.call(this, new SpriteMaterial());
-    _defineProperty(_assertThisInitialized(_this), "poiType", void 0);
+    _classCallCheck(this, Poi);
+    _this = _super.call(this);
     _defineProperty(_assertThisInitialized(_this), "data", void 0);
     _defineProperty(_assertThisInitialized(_this), "option", void 0);
-    _this.poiType = type;
+    _defineProperty(_assertThisInitialized(_this), "animation", []);
     _this.data = data;
-    _this.create();
+    _this.option = option;
     return _this;
   }
-  _createClass(AnovSprite, [{
-    key: "create",
-    value: function create() {
-      var _this$option = this.option,
-        _this$option$scale = _this$option.scale,
-        scale = _this$option$scale === void 0 ? 1 : _this$option$scale,
-        animation = _this$option.animation;
-      // 精灵的锚点
-      this.center = new Vector2(0.5, 0);
-      this.scale.setX(scale);
-      this.scale.setZ(scale);
-      this.visible = false;
-      this.dom2Canvas();
+
+  // 设置动画属性
+  _createClass(Poi, [{
+    key: "setAnimation",
+    value: function setAnimation(animation) {
+      if (!animation) return;
+      if (Array.isArray(animation)) this.animation = animation;else this.animation = [animation];
     }
+
+    // 播放动画
   }, {
-    key: "dom2Canvas",
-    value: function dom2Canvas() {
-      var curtains = new Curtains({
-        container: 'canvas'
-      });
+    key: "play",
+    value: function play() {}
+
+    // 销毁
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.remove();
+      this.removeFromParent();
     }
   }]);
-  return AnovSprite;
-}(Sprite);
-export default AnovSprite;
-//# sourceMappingURL=SpriteBase.js.map
+  return Poi;
+}(Object3D);
+export default Poi;
+//# sourceMappingURL=Poi.js.map

package/dist/poi/Poi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Object3D","Poi","data","option","animation","Array","isArray","remove","removeFromParent"],"sources":["../../src/poi/Poi.ts"],"sourcesContent":["import { Object3D } from '@anov/3d-core'\nimport type { IOption } from './utils/type'\n\nclass Poi extends Object3D {\n  data!: any\n  option!: IOption\n  animation: Array<any> = []\n\n  constructor(data: any, option: IOption) {\n    super()\n    this.data = data\n    this.option = option\n  }\n\n  // 设置动画属性\n  setAnimation(animation: object | Array<any>) {\n    if (!animation)\n      return\n    if (Array.isArray(animation))\n      this.animation = animation\n    else\n      this.animation = [animation]\n  }\n\n  // 播放动画\n  play() {}\n\n  // 销毁\n  destroy() {\n    this.remove()\n    this.removeFromParent()\n  }\n}\n\nexport default Poi"],"mappings":";;;;;;;;;;;;;;AAAA,SAASA,QAAQ,QAAQ,eAAe;AAAA,IAGlCC,GAAG;EAAA;EAAA;EAKP,aAAYC,IAAS,EAAEC,MAAe,EAAE;IAAA;IAAA;IACtC;IAAO;IAAA;IAAA,4DAHe,EAAE;IAIxB,MAAKD,IAAI,GAAGA,IAAI;IAChB,MAAKC,MAAM,GAAGA,MAAM;IAAA;EACtB;;EAEA;EAAA;IAAA;IAAA,OACA,sBAAaC,SAA8B,EAAE;MAC3C,IAAI,CAACA,SAAS,EACZ;MACF,IAAIC,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAC1B,IAAI,CAACA,SAAS,GAAGA,SAAS,MAE1B,IAAI,CAACA,SAAS,GAAG,CAACA,SAAS,CAAC;IAChC;;IAEA;EAAA;IAAA;IAAA,OACA,gBAAO,CAAC;;IAER;EAAA;IAAA;IAAA,OACA,mBAAU;MACR,IAAI,CAACG,MAAM,EAAE;MACb,IAAI,CAACC,gBAAgB,EAAE;IACzB;EAAC;EAAA;AAAA,EA5BeR,QAAQ;AA+B1B,eAAeC,GAAG"}

package/dist/poi/Sprite/index.d.ts

@@ -0,0 +1,22 @@
+import type { Raycaster } from '@anov/3d-core';
+import { BufferGeometry, SpriteMaterial, Vector2 } from '@anov/3d-core';
+import type { IOption } from '../utils/type';
+import Poi from '../Poi';
+declare class SpritePoi extends Poi {
+    geometry: BufferGeometry;
+    center: Vector2;
+    material: SpriteMaterial;
+    isSprite: boolean;
+    type: string;
+    data: any;
+    option: IOption;
+    animation: Array<any>;
+    constructor(data: any, option: IOption);
+    private getGeometry;
+    private setMaterial;
+    setAnimation(animation: object | Array<any>): void;
+    play(): void;
+    addEventListener(type: string, cb: any): () => void;
+    raycast(raycaster: Raycaster, intersects: any): void;
+}
+export default SpritePoi;