sone-ui-component-3.2.4 2.1.11 → 2.1.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sone-ui-component-3.2.4",
-  "version": "2.1.11",
+  "version": "2.1.14",
   "private": false,
   "main": "lib/sone-ui.common.js",
   "files": [

package/packages/tree/src/main.vue

@@ -85,7 +85,7 @@
           </el-popover>
         </div>
         <el-input :placeholder="placeholder" v-model="filterText" :clearable="clearable" @clear="$emit('clear', '')"></el-input>
-        <div class="sone-tree-wrap">
+        <div class="sone-tree-wrap" ref="soneTreeWrap">
           <el-tree
             class="filter-tree"
             :data="handleTypeData"
@@ -137,12 +137,10 @@
             </span>
           </el-tree>
        
-        <!-- 操作菜单 -->
-        <!-- <div class="sone-tree-components-handleMenu-wrap"> -->
+          <!-- 操作菜单 -->
           <div class="sone-tree-components-handleMenu" ref="handleMenu" v-show="handleMenuFlag" >
             <slot name="handleMenu" :node="node" ></slot>
           </div>
-        <!-- </div> -->
         </div>
         
 
@@ -253,6 +251,11 @@ export default {
     showMoreBtn:{
       type:Boolean,
       default:true
+    },
+    menuHeight:{
+      type:Number,
+      default:0,
+      remark:"菜单高度"
     }
   },
   data() {
@@ -273,7 +276,6 @@ export default {
       checkedData:{},
 
       node:{},
-
     };
   },
   watch: {
@@ -351,9 +353,21 @@ export default {
       document.removeEventListener('click',() => {})
     },
     handleContextmenu(event, data, node, self) {
+      console.log('self.$el.offsetTop---',self.$el.offsetTop );
+      console.log('this.menuHeight---',this.menuHeight );
+      console.log('self.$el.offsetTop + this.menuHeight---',self.$el.offsetTop + this.menuHeight);
       if ( this.type != 'handle' ) return
-      this.$refs.handleMenu.style.top = self.$el.offsetTop - 0 + 25 + 'px'
-      this.$refs.handleMenu.style.right = '5px'
+      let soneTreeWrapHeight = this.$refs.soneTreeWrap.clientHeight
+      console.log('soneTreeWrapHeight---',soneTreeWrapHeight);
+      
+      //self.offsetTop + menuHeight >父元素高度 用向上展开的样式
+      if(this.menuHeight > 0 && self.$el.offsetTop + this.menuHeight > soneTreeWrapHeight){
+        this.$refs.handleMenu.style.top = self.$el.offsetTop - 0 - this.menuHeight + 'px'
+        this.$refs.handleMenu.style.right = '5px'
+      }else{
+        this.$refs.handleMenu.style.top = self.$el.offsetTop - 0 + 25 + 'px'
+        this.$refs.handleMenu.style.right = '5px'
+      }
       node.data.noMoreBtn ? this.handleMenuFlag = false : this.handleMenuFlag = true
 
       this.checkedData = node
@@ -387,7 +401,7 @@ export default {
       if (!value) return true;
       return data[this.treeProps.label].indexOf(value) !== -1||data[this.treeProps.label]===this.allowShowLabel;
     },
-    handleNodeClick(data) {
+    handleNodeClick(data,node,self) {
       this.handleMenuFlag = false
       this.$emit("node-click", data);
     },

package/src/index.js

@@ -55,7 +55,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.1.11',
+  version: '2.1.14',
   locale: locale.use,
   i18n: locale.i18n,
   install,