From 8b38cec1fab8da77c2daf3a66a76f54536b63988 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Fri, 24 Mar 2023 17:04:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/form/button.js   |  4 ----
 src/form/dropdown.js | 16 ++++++++++++----
 src/form/link.js     |  4 ----
 src/scroll/index.js  |  9 +++------
 4 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/form/button.js b/src/form/button.js
index 4b261ef..e2dd437 100644
--- a/src/form/button.js
+++ b/src/form/button.js
@@ -248,10 +248,6 @@ class Button extends Component {
     }
   }
 
-  unmounted() {
-    this.$off('click', this._clickFn)
-  }
-
   render() {
     return html`
       <button ref="btn" disabled=${this.disabled}>
diff --git a/src/form/dropdown.js b/src/form/dropdown.js
index d2c2186..ee2acaf 100644
--- a/src/form/dropdown.js
+++ b/src/form/dropdown.js
@@ -1,20 +1,28 @@
-import { nextTick, css, html, Component } from '@bd/core'
+import { nextTick, css, html, Component, bind } from '@bd/core'
 
 class Dropdown extends Component {
+  bar = 'balbal'
   mounted() {
     console.log('Dropdown: ', this.$refs)
+
+    bind(this.$refs.balbal, 'mousedown', ev => {
+      console.log('aa : mousedown')
+    })
   }
 
-  foo() {}
+  foo() {
+    console.log('foo: click')
+  }
 
   render() {
     return html`
-      <div class="aa" ref="aa" @click=${this.foo}>
+      <div class="aa" ref=${this.bar} @click=${this.foo}>
         <div class="bb" ref="bb">
           <slot ref="dd"></slot>
         </div>
+        <foo>dsdsd</foo>
       </div>
-      <div class="cc" ref="cc">${this.foo}</div>
+      <div class="cc" ref="cc">${this.bar}</div>
     `
   }
 }
diff --git a/src/form/link.js b/src/form/link.js
index c7ee49e..61dd6c5 100644
--- a/src/form/link.js
+++ b/src/form/link.js
@@ -138,10 +138,6 @@ class Link extends Component {
     )
   }
 
-  unmounted() {
-    unbind(this.$refs.a, 'click', this._clickFn)
-  }
-
   render() {
     return html`
       <a tabindex="0" ref="a" class="link" href=${this.to || 'javascript:;'}>
diff --git a/src/scroll/index.js b/src/scroll/index.js
index 12f873b..8b486c1 100644
--- a/src/scroll/index.js
+++ b/src/scroll/index.js
@@ -315,7 +315,7 @@ class Scroll extends Component {
       }
 
     // 鼠标滚动事件
-    this._scrollFn = bind(this.$refs.box, 'scroll', ev => {
+    bind(this.$refs.box, 'scroll', ev => {
       ev.stopPropagation()
       // 拖拽时忽略滚动事件
       if (this._active) {
@@ -374,7 +374,7 @@ class Scroll extends Component {
       this.$emit('scroll')
     })
 
-    this._yBarFn = bind(this.$refs.y, 'mousedown', ev => {
+    bind(this.$refs.y, 'mousedown', ev => {
       startY = ev.pageY
 
       this._active = true
@@ -383,7 +383,7 @@ class Scroll extends Component {
       bind(document, 'mouseup', mouseupFn)
     })
 
-    this._xBarFn = bind(this.$refs.x, 'mousedown', ev => {
+    bind(this.$refs.x, 'mousedown', ev => {
       startX = ev.pageX
       this._active = true
 
@@ -396,9 +396,6 @@ class Scroll extends Component {
   }
   unmounted() {
     this.__observer.disconnect()
-    unbind(this.$refs.box, 'scroll', this._scrollFn)
-    unbind(this.$refs.y, 'mousedown', this._yBarFn)
-    unbind(this.$refs.x, 'mousedown', this._xBarFn)
   }
 
   render() {