visop
Version:
A simple CLI for scaffolding visible operation projects.
1 lines • 6.72 kB
JavaScript
webpackJsonp([12],{"3fXf":function(e,t,n){(e.exports=n("FZ+f")(!1)).push([e.i,"\n@keyframes treeTableShow {\nfrom {opacity: 0;\n}\nto {opacity: 1;\n}\n}\n@-webkit-keyframes treeTableShow {\nfrom {opacity: 0;\n}\nto {opacity: 1;\n}\n}\n",""])},"E/TR":function(e,t){e.exports=function(){return Function.call.apply(Array.prototype.concat,arguments)}},Pw0h:function(e,t,n){var a=n("3fXf");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);n("rjj0")("b8aa202c",a,!0)},TpiM:function(e,t,n){var a=n("p7b/");"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);n("rjj0")("2f90fb99",a,!0)},dXij:function(e,t,n){e.exports={default:n("E/TR"),__esModule:!0}},"p7b/":function(e,t,n){(e.exports=n("FZ+f")(!1)).push([e.i,'\n.ms-tree-space[data-v-3648170f] {\n position: relative;\n top: 1px;\n display: inline-block;\n font-style: normal;\n font-weight: 400;\n line-height: 1;\n width: 18px;\n height: 14px;\n}\n.ms-tree-space[data-v-3648170f]::before {\n content: "";\n}\n.processContainer[data-v-3648170f] {\n width: 100%;\n height: 100%;\n}\ntable td[data-v-3648170f] {\n line-height: 26px;\n}\n.tree-ctrl[data-v-3648170f] {\n position: relative;\n cursor: pointer;\n color: #2196F3;\n margin-left: -18px;\n}\n',""])},rwV5:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=n("s3ol"),i=n("c/Tr"),l=n.n(i),r=n("7+uW");function o(e,t,n,a,i){var s=[],c=[];return l()(e).forEach(function(e){void 0===e._expanded&&r.default.set(e,"_expanded",t);var l=1;if(void 0!==a&&null!==a&&(l=a+1),r.default.set(e,"_level",l),n?(r.default.set(e,"parent",n),s[l]||(s[l]=0),r.default.set(e,"_marginLeft",s[l]+n._marginLeft),r.default.set(e,"_width",e[i]/n[i]*n._width),s[l]+=e._width):(s[e.id]=[],s[e.id][l]=0,r.default.set(e,"_marginLeft",0),r.default.set(e,"_width",1)),c.push(e),e.children&&e.children.length>0){var d=o(e.children,t,e,l,i);c=c.concat(d)}}),c}var s={name:"customTreeTableDemo",components:{treeTable:a.a},data:function(){return{func:o,expandAll:!1,data:{id:1,event:"事件1",timeLine:100,comment:"无",children:[{id:2,event:"事件2",timeLine:10,comment:"无"},{id:3,event:"事件3",timeLine:90,comment:"无",children:[{id:4,event:"事件4",timeLine:5,comment:"无"},{id:5,event:"事件5",timeLine:10,comment:"无"},{id:6,event:"事件6",timeLine:75,comment:"无",children:[{id:7,event:"事件7",timeLine:50,comment:"无",children:[{id:71,event:"事件71",timeLine:25,comment:"xx"},{id:72,event:"事件72",timeLine:5,comment:"xx"},{id:73,event:"事件73",timeLine:20,comment:"xx"}]},{id:8,event:"事件8",timeLine:25,comment:"无"}]}]}]},args:[null,null,"timeLine"]}},methods:{message:function(e){this.$message.info(e.event)}}},c={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"app-container"},[n("el-tag",{staticStyle:{"margin-bottom":"20px"}},[n("a",{attrs:{href:"https://github.com/PanJiaChen/vue-element-admin/tree/master/src/components/TreeTable",target:"_blank"}},[e._v("Documentation")])]),e._v(" "),n("tree-table",{attrs:{data:e.data,evalFunc:e.func,evalArgs:e.args,expandAll:e.expandAll,border:""}},[n("el-table-column",{attrs:{label:"事件"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("span",{staticStyle:{color:"sandybrown"}},[e._v(e._s(t.row.event))]),e._v(" "),n("el-tag",[e._v(e._s(t.row.timeLine+"ms"))])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"时间线"},scopedSlots:e._u([{key:"default",fn:function(e){return[n("el-tooltip",{attrs:{effect:"dark",content:e.row.timeLine+"ms",placement:"left"}},[n("div",{staticClass:"processContainer"},[n("div",{staticClass:"process",style:{width:500*e.row._width+"px",background:e.row._width>.5?"rgba(233,0,0,.5)":"rgba(0,0,233,0.5)",marginLeft:500*e.row._marginLeft+"px"}},[n("span",{staticStyle:{display:"inline-block"}})])])])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"操作",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("el-button",{attrs:{type:"text"},on:{click:function(n){e.message(t.row)}}},[e._v("点击")])]}}])})],1)],1)},staticRenderFns:[]},d=n("VU/8")(s,c,!1,null,null,null);t.default=d.exports},s3ol:function(e,t,n){"use strict";var a=n("dXij"),i=n.n(a),l=n("c/Tr"),r=n.n(l),o=n("7+uW");function s(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=[];return r()(e).forEach(function(e){void 0===e._expanded&&o.default.set(e,"_expanded",t);var l=1;if(void 0!==a&&null!==a&&(l=a+1),o.default.set(e,"_level",l),n&&o.default.set(e,"parent",n),i.push(e),e.children&&e.children.length>0){var r=s(e.children,t,e,l);i=i.concat(r)}}),i}var c={name:"treeTable",props:{data:{type:[Array,Object],required:!0},columns:{type:Array,default:function(){return[]}},evalFunc:Function,evalArgs:Array,expandAll:{type:Boolean,default:!1}},computed:{formatData:function(){var e=void 0;e=Array.isArray(this.data)?this.data:[this.data];var t=this.evalFunc||s,n=this.evalArgs?i()([e,this.expandAll],this.evalArgs):[e,this.expandAll];return t.apply(null,n)}},methods:{showRow:function(e){var t=!e.row.parent||e.row.parent._expanded&&e.row.parent._show;return e.row._show=t,t?"animation:treeTableShow 1s;-webkit-animation:treeTableShow 1s;":"display:none;"},toggleExpanded:function(e){var t=this.formatData[e];t._expanded=!t._expanded},iconShow:function(e,t){return 0===e&&t.children&&t.children.length>0}}},d={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("el-table",e._b({attrs:{data:e.formatData,"row-style":e.showRow}},"el-table",e.$attrs,!1),[0===e.columns.length?n("el-table-column",{attrs:{width:"150"},scopedSlots:e._u([{key:"default",fn:function(t){return[e._l(t.row._level,function(e){return n("span",{key:e,staticClass:"ms-tree-space"})}),e._v(" "),e.iconShow(0,t.row)?n("span",{staticClass:"tree-ctrl",on:{click:function(n){e.toggleExpanded(t.$index)}}},[t.row._expanded?n("i",{staticClass:"el-icon-minus"}):n("i",{staticClass:"el-icon-plus"})]):e._e(),e._v("\n "+e._s(t.$index)+"\n ")]}}])}):e._l(e.columns,function(t,a){return n("el-table-column",{key:t.value,attrs:{label:t.text,width:t.width},scopedSlots:e._u([{key:"default",fn:function(i){return[e._l(i.row._level,function(t){return 0===a?n("span",{key:t,staticClass:"ms-tree-space"}):e._e()}),e._v(" "),e.iconShow(a,i.row)?n("span",{staticClass:"tree-ctrl",on:{click:function(t){e.toggleExpanded(i.$index)}}},[i.row._expanded?n("i",{staticClass:"el-icon-minus"}):n("i",{staticClass:"el-icon-plus"})]):e._e(),e._v("\n "+e._s(i.row[t.value])+"\n ")]}}])})}),e._v(" "),e._t("default")],2)},staticRenderFns:[]};var u=n("VU/8")(c,d,!1,function(e){n("Pw0h"),n("TpiM")},"data-v-3648170f",null);t.a=u.exports}});