优化动画封装

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bd/core",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "type": "module",
   "description": "百搭UI组件库的核心",
   "main": "dist/index.js",

src/html.js

@@ -630,11 +630,8 @@ class AnimPart extends AttributePart {
     if (custom) {
       fromto = custom
     }
-    this.element.$anim = {
+    this.element.$animate = function (out = false) {
-      el: this.element,
+      animate.call(this, duration, fromto, out)
-      start(out = false) {
-        animate.call(this.el, duration, fromto, out)
-      }
     }
   }
 }

src/index.js

@@ -88,14 +88,10 @@ export class Component extends HTMLElement {
   static parseAnim() {
     if (this.hasOwnProperty('animation')) {
       let { type = 'fade', duration } = this.animation
-      Object.defineProperty(this.prototype, '$anim', {
+      Object.defineProperty(this.prototype, '$animate', {
-        get() {
+        value(out) {
-          return {
+          if (this[__mounted__]) {
-            start: out => {
+            animate.call(this, duration, MODES[type], out)
-              if (this[__mounted__]) {
-                animate.call(this, duration, MODES[type], out)
-              }
-            }
           }
         },
         enumerable: false
@@ -175,7 +171,7 @@ export class Component extends HTMLElement {
   }
 
   connectedCallback() {
-    if (this.$anim) {
+    if (this.$animate) {
       this.style.display = 'none'
     }
     this.#init()