chore:export gsap function

Author: flowers-10

packages/core/main.ts

@@ -1,47 +1,85 @@
 import * as AUTO from "./src/index";
-import * as THREE from "three";
-import ChinaJson from '../examples/public/China.json'
 
-new AUTO.ThreeAuto(undefined, {
-  size: {
-    type: 'window',
+
+const instance = new AUTO.ThreeAuto(undefined, {
+  camera: {
+    type: 'PerspectiveCamera',
+    fov: 60,
+    near: 1,
+    far: 1000,
+    position: {
+      x: 20,
+      y: 20,
+      z: 0,
+    },
+    lookAt: true,
+    controls: {
+      enable: false,
+      enableDamping: false,
+      enablePan: false,
+    },
   },
   series: [
     {
-      name: 'earth',
-      type: 'earth',
-      atmosphereDayColor: '#00aaff',
-      atmosphereTwilightColor: '#ff6600',
-      atmosphereThickness: 1.04,
-      rotation: true,
-      radius: 20,
-      json: ChinaJson,
+      type: 'pie',
+      name: 'three-auto-pie',
+      shadow: false,
       data: [
-        { name: '曼谷', value: 100, color: '#fcc02a', lng: 100.49074172973633,lat: 22 },
-        { name: '澳大利亚', value: 200, color: '#f16b91', lng: 133,lat: -23.68477416688374 },
-        { name: '新疆维吾尔自治区', value: 300, color: '#187bac', lng: 85,lat: 42 },
-        { name: '德黑兰', value: 500, color: '#eeeeee', lng: 51,lat: 35 },
-        { name: '美国', value: 1000, color: '#ccc', lng: 241,lat: 34 },
-        { name: '英国', value: 400, color: '#000', lng: 359,lat: 51 },
-        { name: '巴西', value: 500, color: '#3e1', lng: 668,lat: -9 },
-        { name: '西藏', value: 200, color: '#9e2', lng: 91,lat: 29 },
-        { name: '广西', value: 100, color: '#cf1', lng: 108,lat: 22 },
-        { name: '江西', value: 0, color: '#cf2', lng: 115,lat: 28 },
+        { name: '报修', value: 40, color: '#52E4AC' },
+        { name: '安全', value: 20, color: '#1561EC' },
+        { name: '环境', value: 25, color: '#FED859' },
+        { name: '服务', value: 15, color: '#22B6E7' },
       ],
-    },
-  ],
-  camera: {
-    fov: 75,
-    near: 0.1,
-    far: 1000,
-    position: {
-      z: 40,
+      transparent: true,
+      opacity: 0.5,
+      selectedMode: '',
+      selectedOffset: 1,
+      height: 1,
+      heightMode: 'flat',
+      radius: [8, 10],
+      gap: 0.1,
+      eventName: 'click',
+      label: {
+        show: true,
+        distance: 0,
+        scale: 1,
+        rotation: {
+          x: 0,
+          y: 0,
+          z: 0,
+        },
+        textStyle: {
+          padding: '6px',
+          'font-size': '16px',
+          color: "#000",
+          bold: true,
+          'font-weight': 400,
+          'font-style': 'normal',
+        },
+      },
+      tooltip: {
+        className: 'three-auto-tooltip',
+        background: 'rgba(255,255,255,1)',
+        show: true,
+        borderWidth: 1,
+        padding: '15px 20px',
+        hideDelay: 100,
+        textStyle: {
+          'font-size': '18px',
+          color: "#000000",
+          'font-weight': 400,
+          'font-style': 'normal',
+        },
+      }
     }
-  },
-  renderer: {
-    clearColor: '#000',
-    clearAlpha: 1,
-  }
+  ],
+  
+});
+
+
+instance.camera.instance.updateProjectionMatrix()
+instance._renderer.setClearColor("#DDEAFB");
+instance.onTick(() => {
 });
 
 

packages/core/src/base/ThreeInstance.ts

@@ -1,4 +1,6 @@
 import * as THREE from "three";
+import gsap from "gsap";
+import { MotionPathPlugin } from 'gsap/MotionPathPlugin';
 
 import { ConfigType } from "../types/ConfigType";
 import { CONFIG } from "../config/config";
@@ -33,6 +35,9 @@ export interface ThreeInstance {
   createTips(root: HTMLElement): any
 }
 class ThreeAuto implements ThreeInstance {
+  public static gsap = gsap;
+  public static MotionPathPlugin = MotionPathPlugin;
+  
   public tips: Tips;
   public time: Time;
   public scene: THREE.Scene;