featfix: 修复下拉框 top bottom 定位问题

Author: ChuChencheng

CHANGELOG.md

@@ -5,6 +5,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/lang/zh-CN/
 
 ## [Unreleased]
 
+## [2.2.6] - 2019-12-12
+
+### Added
+
+### Changed
+
+### Deprecated
+
+### Removed
+
+### Fixed
+
+- 修复 `CTreeDrop` 下拉框定位 `top`, `bottom` 不正确的问题
+
+### Security
+
 ## [2.2.5] - 2019-12-11
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wsfe/ctree",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "main": "./dist/ctree.umd.min.js",
   "types": "./types",
   "description": "A vue tree component using virtual list.",

src/components/TreeDrop.vue

@@ -306,7 +306,7 @@ export default (Vue as VueConstructor<Vue & {
         case 'bottom':
           if (this.transfer) {
             top = window.pageYOffset + referenceRect.bottom
-            left = (window.pageXOffset + referenceRect.right - dropdownWidth) / 2
+            left = window.pageXOffset + referenceRect.left + (referenceWidth - dropdownWidth) / 2
           } else {
             top = referenceHeight
             left = (referenceWidth - dropdownWidth) / 2
@@ -332,7 +332,7 @@ export default (Vue as VueConstructor<Vue & {
         case 'top':
           if (this.transfer) {
             top = window.pageYOffset + referenceRect.top - dropdownHeight
-            left = (window.pageXOffset + referenceRect.right - dropdownWidth) / 2
+            left = window.pageXOffset + referenceRect.left + (referenceWidth - dropdownWidth) / 2
           } else {
             top = -dropdownHeight
             left = (referenceWidth - dropdownWidth) / 2