@persagy2/meri-design/dist/TreeBi/index.js

fork from meri-design and extend it.

/*!
 * @@persagy2/meri-design v1.4.9-extend.2
 * (c) 2019-2020 xiongshuang
 * Released under the MIT License.
 * 2022-12-07 10:31:52
 */
var e,t;e=this,t=function(){return function(){"use strict";var e={1952:function(e,t,n){var r=n(5064);t.Z={name:"Checkbox",props:{checked:{type:String,default:"uncheck"},disabled:{type:Boolean,default:!1},stopPropagation:{type:Boolean,default:!1}},methods:{TextEllipsis:r.Z,handleChange:function(e){var t,n=this.disabled,r=this.checked;if(this.stopPropagation&&e.stopPropagation(),!n){var i=this.$el.dataset,c="";c="checked"===r?"uncheck":"checked",null!==(t=this._events)&&void 0!==t&&t.change?this.$emit("change",c,i):this.$emit("update:checked",c)}}}}},8349:function(e,t,n){n.d(t,{s:function(){return r},x:function(){return i}});var r=function(){var e=this,t=e._self._c;return t("div",{class:["p-checkbox",e.disabled&&"p-checkbox-disabled"],on:{click:e.handleChange}},[t("i",{class:["p-checkbox-box","p-checkbox-"+e.checked]}),e._v(" "),Object.keys(e.$slots).length?t("span",{staticClass:"p-checkbox-text",on:{mouseenter:e.TextEllipsis}},[e._t("default")],2):e._e()])},i=[]},6875:function(e,t,n){var r=n(3931);r.Z.install=function(e){return e.component(r.Z.name,r.Z)},t.default=r.Z},5064:function(e,t){t.Z=function(e){var t=e.target,n=t.clientWidth,r=t.scrollWidth;t.title=r>n?t.innerText:""}},7021:function(){},3931:function(e,t,n){var r=n(872),i=n(5242),c=(n(6921),(0,n(1900).Z)(i.Z,r.s,r.x,!1,null,null,null));t.Z=c.exports},5242:function(e,t,n){var r=n(1952);t.Z=r.Z},872:function(e,t,n){n.d(t,{s:function(){return r.s},x:function(){return r.x}});var r=n(8349)},6921:function(e,t,n){n(7021)},1900:function(e,t,n){function r(e,t,n,r,i,c,o,l){var s,a="function"==typeof e?e.options:e;if(t&&(a.render=t,a.staticRenderFns=n,a._compiled=!0),r&&(a.functional=!0),c&&(a._scopeId="data-v-"+c),o?(s=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),i&&i.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=s):i&&(s=l?function(){i.call(this,(a.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(a.functional){a._injectStyles=s;var d=a.render;a.render=function(e,t){return s.call(t),d(e,t)}}else{var h=a.beforeCreate;a.beforeCreate=h?[].concat(h,s):[s]}return{exports:e,options:a}}n.d(t,{Z:function(){return r}})}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var c=t[r]={exports:{}};return e[r](c,c.exports,n),c.exports}n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return function(){n.r(r),n.d(r,{default:function(){return s}});var e=n(1900),t={name:"TreeNodeBi",components:{ArrowTriangle:(0,e.Z)({},(function(){var e=this._self._c;return e("svg",{attrs:{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"}},[e("path",{staticClass:"svg-fill-grey-500",attrs:{d:"\r\n                M7.36397105,6.47904167\r\n                C7.71544566,6.05570759 8.29167643,6.06338938 8.63677321,6.47904167\r\n                L10.9236602,9.23348584\r\n                C11.2751348,9.65681992 11.1147123,10 10.555128,10\r\n                L5.44561621,10 C4.89060692,10 4.7319873,9.64913813 5.07708407,9.23348584\r\n                L7.36397105,6.47904167\r\n                Z"}})])}),[],!1,null,null,null).exports,Checkbox:n(6875).default},props:{multiple:{type:Boolean,default:!1},treeItem:{type:Object,default:{}},change:{type:Function,default:function(){return!1}},triangleShow:{type:Boolean,default:!1},index:{type:String,default:""}},computed:{paddingLeft:function(){return 24*(this.index.split("-").length-1)+8},checkedNumShow:function(){return this.multiple&&this.treeItem.children&&this.treeItem.children.length},total:function(){var e=this.treeItem.children.filter((function(e){return!e.isHide})).length;return this.treeItem.isHide=!e,e},quantity:function(){return this.treeItem.children.filter((function(e){return!e.isHide&&("checked"===e.checked||"notNull"===e.checked)})).length}},methods:{openChild:function(){this.treeItem.open=!this.treeItem.open},treeItemEnter:function(e){var t=e.target,n=t.clientWidth,r=t.scrollWidth;!t.title&&r>n&&(t.title=t.innerText)},handleCheck:function(e,t){if(this.multiple){var n="",r=this.treeItem,i=r.checked,c=r.children;n="checked"===i?"uncheck":"checked",c&&c.length&&(r.children=this.setCheckedStatus(c,n)),r.checked=n,this.treeItem=r}this.change(e,t)},setCheckedStatus:function(e,t){var n=this;return e.map((function(e){return e.checked=t,e.children&&e.children.length&&(e.children=n.setCheckedStatus(e.children,t)),e}))}}},i=(0,e.Z)(t,(function(){var e=this,t=e._self._c;return t("div",{directives:[{name:"show",rawName:"v-show",value:!("0"===e.index&&0===e.total),expression:"!(index==='0'&&total===0)"}],staticClass:"p-tree-node p-tree-node-bi"},[t("div",{directives:[{name:"show",rawName:"v-show",value:!e.treeItem.isHide,expression:"!treeItem.isHide"}],class:["p-tree-node-content",!e.multiple&&"checked"===e.treeItem.checked&&"p-tree-node-content-checked"],style:{paddingLeft:e.paddingLeft+"px"}},[t("section",{staticClass:"p-tree-svg",on:{click:e.openChild}},[e.triangleShow?t("ArrowTriangle",{class:["p-tree-icon-svg",e.treeItem.open&&"p-tree-icon-rotate"]}):e._e()],1),e._v(" "),t("div",{staticClass:"p-tree-node-check",on:{click:function(t){return e.handleCheck(e.treeItem.id,e.index)}}},[e.multiple?t("Checkbox",{attrs:{checked:e.treeItem.checked}}):e._e(),e._v(" "),t("section",{staticClass:"p-tree-node-title"},[t("article",{staticClass:"p-tree-node-name",style:{width:e.treeItem.children&&e.treeItem.children.length&&"0"!==e.index?"calc(100% - 32px)":"100%"},domProps:{innerHTML:e._s(e.treeItem.name)},on:{mouseenter:e.treeItemEnter}}),e._v(" "),e.index.length>2&&e.checkedNumShow?t("article",{staticClass:"p-tree-checked-num"},[e._v(e._s(e.quantity)+"/"+e._s(e.total))]):e._e()])],1)]),e._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:e.treeItem.open,expression:"treeItem.open"}],staticClass:"p-tree-child"},e._l(e.treeItem.children,(function(n,r){return t("TreeNodeBi",{key:n.id+"-"+r,attrs:{multiple:e.multiple,treeItem:n,triangleShow:!(!n.children||!n.children.length),index:"".concat(e.index,"-").concat(r),change:e.change}})})),1)])}),[],!1,null,null,null).exports,c=function(e){var t=e.filter((function(e){return!e.disabled}));return t.every((function(e){return"checked"===e.checked}))?"checked":t.every((function(e){return"uncheck"===e.checked}))?"uncheck":"notNull"},o={name:"TreeBiView",components:{TreeNode:i},props:{multiple:{type:Boolean,default:!1},notNull:{type:Boolean,default:!1},data:{type:Array,default:function(){return[]}}},computed:{treeData:{get:function(){return this.data},set:function(e){return e}}},methods:{change:function(e,t){if(this.multiple){var n=t.split("-");n.pop();var r=this.treeData;this.changeParentChecked(r,n);var i=this.filterIds(r).map((function(e){return e.id}));this.$emit("change",{id:e,checkedIds:i})}else this.treeData=this.changeCheckedItem(this.treeData,e),this.$emit("change",{id:e})},changeCheckedItem:function(e,t){var n=this;return e.map((function(e){return e.id===t?e.checked="checked":e.checked="uncheck",e.children&&e.children.length&&(e.children=n.changeCheckedItem(e.children,t)),e}))},changeParentChecked:function(e,t){var n=[];this.currentData(e,t,n),n.forEach((function(e){e.checked=c(e.children)}))},currentData:function(e,t,n){var r=this,i=t.shift();e.forEach((function(e,c){i&&c===Number(i)&&(n.unshift(e),e.children&&e.children.length&&r.currentData(e.children,t,n))}))},filterIds:function(e){var t=[];return this.recursionIds(e,t),t},recursionIds:function(e,t){var n=this;e.forEach((function(e){n.notNull?"checked"!==e.checked&&"notNull"!==e.checked||t.push(e):"checked"===e.checked&&t.push(e),e.children&&e.children.length&&n.recursionIds(e.children,t)}))}}},l=(0,e.Z)(o,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"p-tree"},e._l(e.treeData,(function(n,r){return t("TreeNode",{key:n.id+"-"+r,attrs:{multiple:e.multiple,treeItem:n,triangleShow:!(!n.children||!n.children.length),index:String(r),change:e.change}})})),1)}),[],!1,null,null,null).exports;l.install=function(e){return e.component(l.name,l)};var s=l}(),r}()},"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("TreeBi",[],t):"object"==typeof exports?exports.TreeBi=t():e.TreeBi=t();