sone-ui-component-3.2.4 2.1.11 → 2.1.14

package/lib/sone-ui.umd.js

@@ -25993,12 +25993,12 @@ src_main.install = function(Vue) {
 
 
 /* harmony default export */ var messageBox = (src_main);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cbef8c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=template&id=54089598&scoped=true&
-var mainvue_type_template_id_54089598_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"height":"100%"}},[(_vm.type === 'normal')?_c('div',{staticClass:"sone-tree"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[(_vm.treeData.length>1)?_c('el-select',{staticClass:"sone-tree-components-class",on:{"change":_vm.changeTreeData},model:{value:(_vm.checkedTreeData),callback:function ($$v) {_vm.checkedTreeData=$$v},expression:"checkedTreeData"}},_vm._l((_vm.treeData),function(item,index){return _c('el-option',{key:index,attrs:{"label":item.title,"value":item.title}})}),1):_c('span',[_vm._v(_vm._s(_vm.treeData && _vm.treeData[0] && _vm.treeData[0].title))])],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.data,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop}})],1)],1),_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":_vm.onShow}})])]):_c('div',{staticClass:"sone-tree"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[_c('span',[_vm._v(_vm._s(_vm.handleTypeTitle))]),(_vm.showTitleButton)?_c('el-popover',{attrs:{"placement":"bottom","width":"100","trigger":"click","popper-class":"sone-components-tree-popover"}},[_c('div',{staticClass:"tree-box"},[_vm._t("handleTitleMenu")],2),_c('el-button',{attrs:{"slot":"reference","type":"text","icon":("iconfont iconfont-single " + (_vm.titleIcon || _vm.handleTypeTitleIcon))},on:{"click":function($event){return _vm.$emit('handleTypeTitle')}},slot:"reference"})],1):_vm._e()],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.handleTypeData,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop},scopedSlots:_vm._u([{key:"default",fn:function(scope){return _c('span',{ref:("treeNode-" + (scope.node[_vm.nodeKey])),staticClass:"custom-tree-node",staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"font-size":"12px"}},[_c('i',{class:("iconfont iconfont-single  " + (scope.node.data.iconClass))}),_vm._v("  "+_vm._s(scope.node.label))]),_c('div',[(!scope.node.data.noMoreBtn)?_c('span',{staticClass:"sone-components-tree-more-btn-color"},[_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMoreBtn),expression:"showMoreBtn"}],attrs:{"type":"text","size":"mini","icon":"iconfont iconfont-single icon-more"},on:{"click":function($event){$event.stopPropagation();return _vm.showTreeMenu(scope,$event)}}})],1):_vm._e()])])}}])}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.handleMenuFlag),expression:"handleMenuFlag"}],ref:"handleMenu",staticClass:"sone-tree-components-handleMenu"},[_vm._t("handleMenu",null,{"node":_vm.node})],2)],1)],1),_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":_vm.onShow}})])])])}
-var mainvue_type_template_id_54089598_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b8cbef8c-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=template&id=6b64030e&scoped=true&
+var mainvue_type_template_id_6b64030e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"height":"100%"}},[(_vm.type === 'normal')?_c('div',{staticClass:"sone-tree"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[(_vm.treeData.length>1)?_c('el-select',{staticClass:"sone-tree-components-class",on:{"change":_vm.changeTreeData},model:{value:(_vm.checkedTreeData),callback:function ($$v) {_vm.checkedTreeData=$$v},expression:"checkedTreeData"}},_vm._l((_vm.treeData),function(item,index){return _c('el-option',{key:index,attrs:{"label":item.title,"value":item.title}})}),1):_c('span',[_vm._v(_vm._s(_vm.treeData && _vm.treeData[0] && _vm.treeData[0].title))])],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.data,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop}})],1)],1),_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":_vm.onShow}})])]):_c('div',{staticClass:"sone-tree"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],ref:"menu",staticClass:"tree-wrap",style:('width:' + _vm.defaultWidth + 'px')},[_c('div',{staticClass:"sone-tree-title"},[_c('span',[_vm._v(_vm._s(_vm.handleTypeTitle))]),(_vm.showTitleButton)?_c('el-popover',{attrs:{"placement":"bottom","width":"100","trigger":"click","popper-class":"sone-components-tree-popover"}},[_c('div',{staticClass:"tree-box"},[_vm._t("handleTitleMenu")],2),_c('el-button',{attrs:{"slot":"reference","type":"text","icon":("iconfont iconfont-single " + (_vm.titleIcon || _vm.handleTypeTitleIcon))},on:{"click":function($event){return _vm.$emit('handleTypeTitle')}},slot:"reference"})],1):_vm._e()],1),_c('el-input',{attrs:{"placeholder":_vm.placeholder,"clearable":_vm.clearable},on:{"clear":function($event){return _vm.$emit('clear', '')}},model:{value:(_vm.filterText),callback:function ($$v) {_vm.filterText=$$v},expression:"filterText"}}),_c('div',{ref:"soneTreeWrap",staticClass:"sone-tree-wrap"},[_c('el-tree',{ref:"tree",staticClass:"filter-tree",attrs:{"data":_vm.handleTypeData,"props":_vm.treeProps,"node-key":_vm.nodeKey,"filter-node-method":_vm.filterNode,"empty-text":_vm.emptyText,"highlight-current":_vm.highlightCurrent,"default-expand-all":_vm.defaultExpandAll,"expand-on-click-node":_vm.expandOnClickNode,"default-expanded-keys":_vm.defaultExpandedKeys,"show-checkbox":_vm.showCheckbox,"check-strictly":_vm.checkStrictly,"default-checked-keys":_vm.defaultCheckedKeys,"current-node-key":_vm.currentNodeKey,"indent":_vm.indent,"icon-class":_vm.iconClass,"draggable":_vm.draggable,"allow-drop":_vm.allowDrop,"allow-drag":_vm.allowDrag},on:{"node-click":_vm.handleNodeClick,"node-contextmenu":_vm.handleContextmenu,"check-change":_vm.handleCheckChange,"check":_vm.handleCheck,"current-change":_vm.handleCurrentChange,"node-expand":_vm.handleNodeExpand,"node-collapse":_vm.handleNodeCollapse,"node-drag-start":_vm.handleDragStart,"node-drag-enter":_vm.handleDragEnter,"node-drag-leave":_vm.handleDragLeave,"node-drag-over":_vm.handleDragOver,"node-drag-end":_vm.handleDragEnd,"node-drop":_vm.handleDrop},scopedSlots:_vm._u([{key:"default",fn:function(scope){return _c('span',{ref:("treeNode-" + (scope.node[_vm.nodeKey])),staticClass:"custom-tree-node",staticStyle:{"display":"flex"}},[_c('span',{staticStyle:{"font-size":"12px"}},[_c('i',{class:("iconfont iconfont-single  " + (scope.node.data.iconClass))}),_vm._v("  "+_vm._s(scope.node.label))]),_c('div',[(!scope.node.data.noMoreBtn)?_c('span',{staticClass:"sone-components-tree-more-btn-color"},[_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.showMoreBtn),expression:"showMoreBtn"}],attrs:{"type":"text","size":"mini","icon":"iconfont iconfont-single icon-more"},on:{"click":function($event){$event.stopPropagation();return _vm.showTreeMenu(scope,$event)}}})],1):_vm._e()])])}}])}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.handleMenuFlag),expression:"handleMenuFlag"}],ref:"handleMenu",staticClass:"sone-tree-components-handleMenu"},[_vm._t("handleMenu",null,{"node":_vm.node})],2)],1)],1),_c('div',{ref:"line",staticClass:"show-line",style:(_vm.dragWidth?'cursor:col-resize;':'')},[_c('div',{staticClass:"show-line-box",style:(_vm.showStyle),on:{"click":_vm.onShow}})])])])}
+var mainvue_type_template_id_6b64030e_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/tree/src/main.vue?vue&type=template&id=54089598&scoped=true&
+// CONCATENATED MODULE: ./packages/tree/src/main.vue?vue&type=template&id=6b64030e&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/tree/src/main.vue?vue&type=script&lang=js&
 //
@@ -26155,8 +26155,6 @@ var mainvue_type_template_id_54089598_scoped_true_staticRenderFns = []
 //
 //
 //
-//
-//
 
 // import { deepClone } from '../../../../src/utils/util';
 const mainvue_type_script_lang_js_getObjType = obj => {
@@ -26256,6 +26254,11 @@ const mainvue_type_script_lang_js_deepClone = data => {
     showMoreBtn:{
       type:Boolean,
       default:true
+    },
+    menuHeight:{
+      type:Number,
+      default:0,
+      remark:"菜单高度"
     }
   },
   data() {
@@ -26276,7 +26279,6 @@ const mainvue_type_script_lang_js_deepClone = data => {
       checkedData:{},
 
       node:{},
-
     };
   },
   watch: {
@@ -26354,9 +26356,21 @@ const mainvue_type_script_lang_js_deepClone = data => {
       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
@@ -26390,7 +26404,7 @@ const mainvue_type_script_lang_js_deepClone = data => {
       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);
     },
@@ -26451,11 +26465,11 @@ const mainvue_type_script_lang_js_deepClone = data => {
 
 var src_main_component = normalizeComponent(
   packages_tree_src_mainvue_type_script_lang_js_,
-  mainvue_type_template_id_54089598_scoped_true_render,
-  mainvue_type_template_id_54089598_scoped_true_staticRenderFns,
+  mainvue_type_template_id_6b64030e_scoped_true_render,
+  mainvue_type_template_id_6b64030e_scoped_true_staticRenderFns,
   false,
   null,
-  "54089598",
+  "6b64030e",
   null
   
 )
@@ -37031,7 +37045,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = ({
-  version: '2.1.11',
+  version: '2.1.14',
   locale: locale.use,
   i18n: locale.i18n,
   install,