debug-server-next/dist/public/extensions/js/ui-inspector.d9ee006c.js

Dev server for hippy-core.

(function(e){function t(t){for(var n,i,s=t[0],d=t[1],a=t[2],u=0,b=[];u<s.length;u++)i=s[u],Object.prototype.hasOwnProperty.call(o,i)&&o[i]&&b.push(o[i][0]),o[i]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);l&&l(t);while(b.length)b.shift()();return c.push.apply(c,a||[]),r()}function r(){for(var e,t=0;t<c.length;t++){for(var r=c[t],n=!0,s=1;s<r.length;s++){var d=r[s];0!==o[d]&&(n=!1)}n&&(c.splice(t--,1),e=i(i.s=r[0]))}return e}var n={},o={"ui-inspector":0},c=[];function i(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,i),r.l=!0,r.exports}i.e=function(){return Promise.resolve()},i.m=e,i.c=n,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/extensions/";var s=window["webpackJsonp"]=window["webpackJsonp"]||[],d=s.push.bind(s);s.push=t,s=s.slice();for(var a=0;a<s.length;a++)t(s[a]);var l=d;c.push([2,"chunk-vendors","chunk-common"]),r()})({2:function(e,t,r){e.exports=r("81a5")},"5f35":function(e,t,r){"use strict";r("8718")},"81a5":function(e,t,r){"use strict";r.r(t);r("e260"),r("e6cf"),r("cca6"),r("a79d");var n=r("7a23"),o=r("7864"),c=r("f548"),i=r("9c4e"),s=r("32ae"),d=(r("f3fc"),r("163d"),{class:"ui-inspector-wrapper"}),a={class:"sider-bar"},l=["onClick"];function u(e,t,r,o,u,b){var p=s["a"],m=i["a"],f=c["a"];return Object(n["J"])(),Object(n["m"])("div",d,[Object(n["n"])("div",a,[(Object(n["J"])(!0),Object(n["m"])(n["b"],null,Object(n["Q"])(e.panes,(function(t,r){return Object(n["J"])(),Object(n["k"])(p,{key:r,effect:"dark",content:t.tip,placement:"right"},{default:Object(n["hb"])((function(){return[Object(n["n"])("div",{class:"pane-thumb",onClick:function(r){return e.togglePane(t.id)}},[Object(n["n"])("i",{class:Object(n["z"])([t.icon,e.showConfig[t.showKey]?"pane-showed":""]),style:Object(n["A"])({fontWeight:e.showConfig[t.showKey]?"500":"400"})},null,6)],8,l)]})),_:2},1032,["content"])})),128))]),Object(n["q"])(f,{class:"custom-resizer",layout:"vertical",onPaneResizeStop:e.onPaneResizeStop},{default:Object(n["hb"])((function(){return[(Object(n["J"])(!0),Object(n["m"])(n["b"],null,Object(n["Q"])(e.visiablePanes,(function(e,t){return Object(n["J"])(),Object(n["m"])(n["b"],{key:t},[0!==t?(Object(n["J"])(),Object(n["k"])(m,{key:0,id:"resizer-"+t},null,8,["id"])):Object(n["l"])("",!0),(Object(n["J"])(),Object(n["k"])(Object(n["U"])(e.component),{class:"pane-wrap",style:Object(n["A"])(e.style)},null,8,["style"]))],64)})),128))]})),_:1},8,["onPaneResizeStop"])])}r("4de4"),r("7db0");var b=r("5502"),p=r("a1d2"),m=r("4104"),f=(r("3bc8"),{class:"screenshot-wrap",ref:"screenshotRef"}),h={class:"action-bar"},v=["src"];function O(e,t,r,o,c,i){var d,a,l,u,b=Object(n["S"])("loading"),p=m["a"],O=Object(n["S"])("refresh"),j=s["a"],g=Object(n["S"])("top-left");return Object(n["J"])(),Object(n["m"])("div",f,[Object(n["n"])("div",h,[Object(n["q"])(j,{class:"item",effect:"dark",content:"refresh",placement:"bottom"},{default:Object(n["hb"])((function(){return[e.isRefreshing?(Object(n["J"])(),Object(n["k"])(p,{key:0,class:"is-loading action-btn",size:20},{default:Object(n["hb"])((function(){return[Object(n["q"])(b)]})),_:1})):(Object(n["J"])(),Object(n["k"])(p,{key:1,class:"action-btn",size:20,onClick:e.update},{default:Object(n["hb"])((function(){return[Object(n["q"])(O)]})),_:1},8,["onClick"]))]})),_:1}),Object(n["q"])(j,{class:"item",effect:"dark",content:"select DOM/render node",placement:"bottom"},{default:Object(n["hb"])((function(){return[Object(n["q"])(p,{class:"action-btn",size:20,color:e.selectIconColor,onClick:e.toggleSelectMode},{default:Object(n["hb"])((function(){return[Object(n["q"])(g)]})),_:1},8,["color","onClick"])]})),_:1})]),Object(n["n"])("div",{class:"screenshot-img-wrap",style:{width:"100%"},onClickCapture:t[0]||(t[0]=function(){return e.selectNode&&e.selectNode.apply(e,arguments)})},[Object(n["n"])("img",{src:e.screenshot,style:{width:"100%"}},null,8,v),Object(n["n"])("div",{class:"node-bounds margin-wrap",style:Object(n["A"])(null===(d=e.selectedNodeBounds)||void 0===d?void 0:d.marginBounds)},null,4),Object(n["n"])("div",{class:"node-bounds border-wrap",style:Object(n["A"])(null===(a=e.selectedNodeBounds)||void 0===a?void 0:a.borderBounds)},null,4),Object(n["n"])("div",{class:"node-bounds padding-wrap",style:Object(n["A"])(null===(l=e.selectedNodeBounds)||void 0===l?void 0:l.paddingBounds)},null,4),Object(n["n"])("div",{class:"node-bounds content-wrap",style:Object(n["A"])(null===(u=e.selectedNodeBounds)||void 0===u?void 0:u.contentBounds)},null,4)],32)],512)}r("96cf"),r("4795"),r("d3b7"),r("3ca3"),r("ddb0");var j,g,y,T=r("9ab4"),R=r("b98b"),S=r("f2fe"),w=r("76b2"),D=(r("4160"),r("159b"),r("b64b"),r("c975"),r("0e44")),x=r("27d7"),k=r("79f6"),N=r("cde6"),E=r("feed"),U=r("a313"),K=r("480e"),_=Object(K["b"])(K["a"].uiInspector),C={format:"png",quality:100,maxWidth:1500,maxHeight:3e3};(function(e){e["ScreenshotImg"]="screenshotImg"})(j||(j={})),function(e){e["UpdateDomTree"]="updateDomTree",e["UpdateRenderTree"]="updateRenderTree",e["UpdateScreenshot"]="updateScreenshot",e["SelectDomNode"]="selectDomNode",e["SelectRenderNode"]="selectRenderNode",e["ToggleSelectMode"]="toggleSelectMode",e["SetDomExpandedKeys"]="setDomExpandedKeys",e["SetRenderExpandedKeys"]="setRenderExpandedKeys",e["SetVisibility"]="setVisibility",e["SetSupportDomTree"]="setSupportDomTree",e["SetSupportRenderTree"]="setSupportRenderTree",e["UpdateDomTreeError"]="updateDomTreeError",e["UpdateRenderTreeError"]="updateRenderTreeError",e["SetRefreshing"]="setRefreshing"}(g||(g={})),function(e){e["GetDomTree"]="getDomTree",e["GetRenderTree"]="getRenderTree",e["GetScreenshot"]="getScreenshot",e["GetSelectedRenderObject"]="getSelectedRenderObject",e["GegisterDomTreeUpdatedListener"]="registerDomTreeUpdatedListener",e["GegisterRenderTreeUpdatedListener"]="registerRenderTreeUpdatedListener",e["GegisterScreenshotUpdatedListener"]="registerScreenshotUpdatedListener"}(y||(y={}));var M={getters:j,mutations:g,actions:y},P="ui_inspector_vuex",J=Object(b["a"])({plugins:[Object(D["a"])({key:P,paths:["showScreenshot","showDomTree","showRenderTree","showAttribute"]})],state:{screenshot:void 0,domTree:void 0,renderTree:void 0,selectedDomNode:void 0,selectedRenderNode:void 0,screenshotBoundType:void 0,isSelectMode:!1,domExpandedKeys:[],renderExpandedKeys:[],showScreenshot:!0,showDomTree:!0,showRenderTree:!0,showAttribute:!0,getDomTreeError:!1,getRenderTreeError:!1,isRefreshing:!1,isSupportDomTree:!0,isSupportRenderTree:!0},getters:{screenshotImg:function(e){var t,r;return(null===(t=e.screenshot)||void 0===t?void 0:t.data)?"data:image/png;base64,".concat(null===(r=e.screenshot)||void 0===r?void 0:r.data):""}},mutations:{updateDomTree:function(e,t){e.domTree=t},updateRenderTree:function(e,t){e.renderTree=t},updateScreenshot:function(e,t){e.screenshot=t},selectDomNode:function(e,t){e.selectedDomNode=t,e.screenshotBoundType=U["f"].DOM},selectRenderNode:function(e,t){t&&(e.selectedRenderNode||(e.selectedRenderNode={}),Object.keys(t).forEach((function(r){e.selectedRenderNode[r]=t[r]})),e.screenshotBoundType=U["f"].Render)},toggleSelectMode:function(e){e.isSelectMode=!e.isSelectMode},setDomExpandedKeys:function(e,t){e.domExpandedKeys=t},setRenderExpandedKeys:function(e,t){e.renderExpandedKeys=t},setVisibility:function(e,t){var r=t.key,n=t.value;-1!==["showScreenshot","showDomTree","showRenderTree","showAttribute"].indexOf(r)&&(e[r]=n)},setSupportDomTree:function(e,t){e.isSupportDomTree=t},setSupportRenderTree:function(e,t){e.isSupportRenderTree=t},updateDomTreeError:function(e,t){e.getDomTreeError=t},updateRenderTreeError:function(e,t){e.getRenderTreeError=t},setRefreshing:function(e,t){e.isRefreshing=t}},actions:{getDomTree:function(e){var t=e.commit,r=e.state;return Object(T["a"])(this,void 0,void 0,regeneratorRuntime.mark((function e(){var n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(k["g"])();case 3:n=e.sent,t(M.mutations.UpdateDomTree,n.result),t(M.mutations.UpdateDomTreeError,!1),e.next=14;break;case 8:e.prev=8,e.t0=e["catch"](0),E["a"].error(e.t0),e.t0.error.code===U["b"].NotSupportDomTree&&r.showDomTree&&(Object(o["b"])({title:e.t0.error.message,type:U["c"].error}),t(M.mutations.SetVisibility,{key:"showDomTree",value:!1}),t(M.mutations.SetSupportDomTree,!1)),t(M.mutations.UpdateDomTree,void 0),t(M.mutations.UpdateDomTreeError,!0);case 14:case"end":return e.stop()}}),e,null,[[0,8]])})))},getRenderTree:function(e){var t=e.commit,r=e.state;return Object(T["a"])(this,void 0,void 0,regeneratorRuntime.mark((function e(){var n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(k["i"])();case 3:n=e.sent,t(M.mutations.UpdateRenderTree,n.result),t(M.mutations.UpdateRenderTreeError,!1),e.next=14;break;case 8:e.prev=8,e.t0=e["catch"](0),E["a"].error(e.t0),e.t0.error.code===U["b"].NotSupportDomTree&&r.showRenderTree&&(Object(o["b"])({title:e.t0.error.message,type:U["c"].error}),t(M.mutations.SetVisibility,{key:"showRenderTree",value:!1}),t("setSupportRenderTree",!1)),t(M.mutations.UpdateDomTree,void 0),t(M.mutations.UpdateRenderTreeError,!0);case 14:case"end":return e.stop()}}),e,null,[[0,8]])})))},getScreenshot:function(e){var t=e.commit;return Object(T["a"])(this,void 0,void 0,regeneratorRuntime.mark((function e(){var r;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Object(k["j"])(C);case 3:r=e.sent,t(M.mutations.UpdateScreenshot,r.result),e.next=11;break;case 7:e.prev=7,e.t0=e["catch"](0),E["a"].error(e.t0),Object(o["b"])({title:"获取截图失败",type:U["c"].error});case 11:case"end":return e.stop()}}),e,null,[[0,7]])})))},getSelectedRenderObject:function(e,t){var r,n=e.state,c=e.commit;return Object(T["a"])(this,void 0,void 0,regeneratorRuntime.mark((function e(){var i,s;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:if(!t.hadFetchedDetailInfo){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,e.next=5,Object(k["k"])({id:t.id});case 5:if(i=e.sent,null===(r=i.result.rtree)||void 0===r?void 0:r.properties){e.next=8;break}return e.abrupt("return");case 8:delete i.result.rtree.child,s=Object(N["b"])(i.result.rtree.properties),c(M.mutations.SelectRenderNode,Object.assign(Object.assign(Object.assign({},n.selectedRenderNode||{}),s),{hadFetchedDetailInfo:!0})),e.next=17;break;case 13:e.prev=13,e.t0=e["catch"](2),E["a"].error(e.t0),Object(o["b"])({title:"获取Render Object失败",type:U["c"].error});case 17:case"end":return e.stop()}}),e,null,[[2,13]])})))},registerDomTreeUpdatedListener:function(e){var t=e.commit;_.addEventListener(x["l"].TDFInspectorDomTreeUpdated,(function(e){t(M.mutations.UpdateDomTree,e.params),t(M.mutations.UpdateDomTreeError,!1)}))},registerRenderTreeUpdatedListener:function(e){var t=e.commit;_.addEventListener(x["l"].TDFInspectorRenderTreeUpdated,(function(e){t(M.mutations.UpdateRenderTree,e.params),t(M.mutations.UpdateRenderTreeError,!1)}))},registerScreenshotUpdatedListener:function(e){var t=e.commit;_.addEventListener(x["l"].TDFInspectorScreenshotUpdated,(function(e){t(M.mutations.UpdateScreenshot,e.params)}))}},modules:{}}),z=r("d257"),A=Object(n["r"])({name:"Screenshot",components:{Refresh:R["a"],TopLeft:S["a"],Loading:w["a"]},setup:function(){var e=Object(n["O"])(null),t=Object(b["b"])(),r=function(){var r,n=(null===(r=e.value)||void 0===r?void 0:r.clientWidth)||0,o=t.state.screenshot||{},c=o.metadata;c=void 0===c?{deviceHeight:void 0,deviceWidth:void 0}:c;var i=c.deviceHeight,s=c.deviceWidth;return n*i/s},o=Object(n["i"])((function(){var n,o,c,i,s,d;if(t.state.screenshot){var a=null===(n=t.state.domTree)||void 0===n?void 0:n.itree,l=null===(o=t.state.renderTree)||void 0===o?void 0:o.rtree;if(t.state.screenshotBoundType===U["f"].DOM&&a){if(!(null===(c=t.state.selectedDomNode)||void 0===c?void 0:c.bounds))return;var u=a.width,b=a.height,p=(null===(i=e.value)||void 0===i?void 0:i.clientWidth)||0,m=r();return Object(z["b"])(t.state.selectedDomNode,{rootWidth:u,rootHeight:b,imgHeight:m,imgWidth:p})}if(t.state.screenshotBoundType===U["f"].Render&&l){if(!(null===(s=t.state.selectedRenderNode)||void 0===s?void 0:s.bounds))return;var f=l.bounds,h=f.left,v=f.right,O=f.top,j=f.bottom,g=v-h,y=j-O,T=(null===(d=e.value)||void 0===d?void 0:d.clientWidth)||0,R=r();return Object(z["d"])(t.state.selectedRenderNode,{rootWidth:g,rootHeight:y,imgHeight:R,imgWidth:T})}return{marginBounds:{},borderBounds:{},paddingBounds:{},contentBounds:{}}}})),c=function(n){var o,c,i,s,d;if(t.state.isSelectMode){var a=(null===(o=e.value)||void 0===o?void 0:o.clientWidth)||0,l=r(),u=null===(i=null===(c=t.state)||void 0===c?void 0:c.renderTree)||void 0===i?void 0:i.rtree,b=null===(d=null===(s=t.state)||void 0===s?void 0:s.domTree)||void 0===d?void 0:d.itree;if(b){var p=b.width,m=b.height,f=Object(z["c"])({x:n.offsetX,y:n.offsetY},b,{rootWidth:p,rootHeight:m,imgHeight:l,imgWidth:a});if(f.length){var h=f[f.length-1];t.commit("selectDomNode",h),t.commit("setDomExpandedKeys",[h.id])}}if(u){var v=u.bounds,O=v.left,j=v.right,g=v.top,y=v.bottom,T=j-O,R=y-g,S=Object(z["c"])({x:n.offsetX,y:n.offsetY},u,{rootWidth:T,rootHeight:R,imgHeight:l,imgWidth:a});if(S.length){var w=S[S.length-1];t.commit("selectRenderNode",w),t.commit("setRenderExpandedKeys",[w.id]),t.dispatch("getSelectedRenderObject",w)}}}};return{screenshotRef:e,screenshot:Object(n["i"])((function(){return t.getters.screenshotImg})),isRefreshing:Object(n["i"])((function(){return t.state.isRefreshing})),isSupportDomTree:Object(n["i"])((function(){return t.state.isSupportDomTree})),selectedNodeBounds:o,selectIconColor:Object(n["i"])((function(){var e=function(e){return getComputedStyle(document.documentElement).getPropertyValue(e)};return t.state.isSelectMode?e("--el-color-primary"):e("--color-text-primary")})),selectNode:c}},methods:{update:function(){return Object(T["a"])(this,void 0,void 0,regeneratorRuntime.mark((function e(){var t,r=this;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return Object(k["c"])(C),this.$store.commit("setRefreshing",!0),t=setTimeout((function(){r.$store.commit("setRefreshing",!1),Object(o["b"])({title:"获取数据超时",type:U["c"].error})}),4e3),e.next=5,Promise.all([this.isSupportDomTree?this.$store.dispatch("getDomTree"):Promise.resolve(),this.$store.dispatch("getRenderTree"),this.$store.dispatch("getScreenshot")]);case 5:this.$store.commit("setRefreshing",!1),clearTimeout(t);case 7:case"end":return e.stop()}}),e,this)})))},toggleSelectMode:function(){this.$store.commit("toggleSelectMode")}}}),B=(r("a1fa"),r("6b0d")),I=r.n(B);const L=I()(A,[["render",O],["__scopeId","data-v-d62f17c8"]]);var W=L,q={class:"attr-wrap"};function G(e,t,r,o,s,d){var a=Object(n["S"])("attr-form"),l=i["a"],u=c["a"];return Object(n["J"])(),Object(n["m"])("div",q,[Object(n["q"])(u,{class:"custom-resizer",layout:"horizontal",onPaneResizeStop:e.onPaneResizeStop},{default:Object(n["hb"])((function(){return[Object(n["n"])("div",{ref:"pane0Ref",class:"attr-sub-pane-wrap dom-pane",style:Object(n["A"])({display:e.showDomTree?"block":"none"})},[Object(n["q"])(a,{node:e.selectedDomNode,"title-class":"action-bar",title:"DOM Node"},null,8,["node"])],4),Object(n["q"])(l,{style:Object(n["A"])({display:e.showDomTree&&e.showRenderTree?"block":"none"})},null,8,["style"]),Object(n["n"])("div",{class:"attr-sub-pane-wrap",style:Object(n["A"])([{flex:"1"},{display:e.showRenderTree?"block":"none"}])},[Object(n["q"])(a,{node:e.selectedRenderNode,"title-class":"action-bar",title:"Render Node"},null,8,["node"])],4)]})),_:1},8,["onPaneResizeStop"])])}var H=r("24a6"),V=(r("8ac7"),r("1393")),F=(r("0bd6"),r("e31b")),$=(r("34c0"),{key:2,class:"no-node"});function Q(e,t,r,o,c,i){var s=F["a"],d=Object(n["S"])("attr-form",!0),a=V["a"],l=H["a"];return Object(n["J"])(),Object(n["m"])(n["b"],null,[e.title?(Object(n["J"])(),Object(n["m"])("div",{key:0,class:Object(n["z"])([e.titleClass,"title"])},Object(n["W"])(e.title),3)):Object(n["l"])("",!0),e.node?(Object(n["J"])(),Object(n["k"])(l,{key:1,class:"attr-form",size:"mini",model:e.node,disabled:!0,"label-position":"left","label-width":"120px"},{default:Object(n["hb"])((function(){return[(Object(n["J"])(!0),Object(n["m"])(n["b"],null,Object(n["Q"])(Object.keys(e.node),(function(t){return Object(n["J"])(),Object(n["k"])(a,{class:Object(n["z"])([e.node[t]instanceof Object?"form-in-form":""]),label:t,key:t},{default:Object(n["hb"])((function(){return[e.node[t]instanceof Object?(Object(n["J"])(),Object(n["k"])(d,{key:1,node:e.node[t]},null,8,["node"])):(Object(n["J"])(),Object(n["k"])(s,{key:0,"model-value":String(e.node[t])},null,8,["model-value"]))]})),_:2},1032,["class","label"])})),128))]})),_:1},8,["model"])):(Object(n["J"])(),Object(n["m"])("div",$,"未选择节点"))],64)}var X=Object(n["r"])({name:"AttrForm",components:{},props:["node","title","titleClass"]});r("b067");const Y=I()(X,[["render",Q],["__scopeId","data-v-daf8f70a"]]);var Z=Y,ee=r("d988"),te="ui_inspector_attr_pane_0_height",re=Object(n["r"])({name:"Attribute",components:{AttrForm:Z,Multipane:p["a"],MultipaneResizer:p["b"]},setup:function(){var e=Object(b["b"])(),t=localStorage.getItem(te)||"50%",r=Object(n["O"])(null),o=Object(n["Z"])(e.state),c=o.showDomTree,i=o.showRenderTree;Object(n["G"])((function(){i.value?r.value.style.height=t:r.value.style.height="100%"}));var s=function(e,t){0===e&&localStorage.setItem(te,t)};return{selectedDomNode:Object(n["i"])((function(){if(e.state.selectedDomNode){var t=e.state.selectedDomNode,r=Object.assign(Object.assign({},t),{flexNodeStyle:Object.assign(Object.assign({},t.flexNodeStyle),{margin:Object(ee["d"])(t.flexNodeStyle.margin),padding:Object(ee["d"])(t.flexNodeStyle.padding),border:Object.assign(Object.assign({},Object(ee["a"])(t.flexNodeStyle.border)),{color:t.borderColor})})});return delete r.child,r}})),selectedRenderNode:Object(n["i"])((function(){if(e.state.selectedRenderNode){var t=Object.assign({},e.state.selectedRenderNode);return delete t.child,t}})),onPaneResizeStop:s,pane0Ref:r,showDomTree:c,showRenderTree:i}}});r("a141");const ne=I()(re,[["render",G],["__scopeId","data-v-746ff158"]]);var oe=ne,ce=r("7f5e"),ie=(r("e750"),Object(n["n"])("div",{class:"action-bar"},"Dom Tree",-1));function se(e,t,r,o,c,i){var s=ce["a"];return Object(n["J"])(),Object(n["m"])("div",null,[ie,Object(n["q"])(s,{data:e.tree,"empty-text":e.emptyText,props:e.treeProps,"node-key":"id",ref:"treeRef","default-expanded-keys":e.defaultExpandedKeys,"expand-on-click-node":!1,"highlight-current":"",onNodeClick:e.onNodeClick},null,8,["data","empty-text","props","default-expanded-keys","onNodeClick"])])}var de=Object(n["r"])({name:"DomTree",components:{},setup:function(){var e=Object(n["O"])(null),t=Object(b["b"])();return{tree:Object(n["i"])((function(){var e,r=null===(e=t.state.domTree)||void 0===e?void 0:e.itree;return r?[r]:null})),treeProps:{label:"nodeType",children:"child"},defaultExpandedKeys:Object(n["i"])((function(){var r,n=t.state,o=n.isSelectMode,c=n.domExpandedKeys;return o&&c.length?(null===(r=e.value)||void 0===r||r.setCurrentKey(c[0]),c):[]})),treeRef:e,emptyText:Object(n["i"])((function(){return t.state.getDomTreeError?"获取DOM树失败":"no data"})),onNodeClick:function(r){var n;null===(n=e.value)||void 0===n||n.setCurrentKey(r.id),t.commit("selectDomNode",r),t.commit("setDomExpandedKeys",[])}}},methods:{}});const ae=I()(de,[["render",se]]);var le=ae,ue=Object(n["n"])("div",{class:"action-bar"},"Render Tree",-1);function be(e,t,r,o,c,i){var s=ce["a"];return Object(n["J"])(),Object(n["m"])("div",null,[ue,Object(n["q"])(s,{data:e.tree,props:e.treeProps,"empty-text":e.emptyText,"node-key":"id",ref:"treeRef","default-expanded-keys":e.defaultExpandedKeys,"expand-on-click-node":!1,"highlight-current":"",onNodeClick:e.onNodeClick},null,8,["data","props","empty-text","default-expanded-keys","onNodeClick"])])}var pe=Object(n["r"])({name:"RenderTree",components:{},setup:function(){var e=Object(n["O"])(null),t=Object(b["b"])();return{tree:Object(n["i"])((function(){var e,r=null===(e=t.state.renderTree)||void 0===e?void 0:e.rtree;return r?[r]:null})),treeProps:{label:"name",children:"child"},defaultExpandedKeys:Object(n["i"])((function(){var r,n=t.state,o=n.isSelectMode,c=n.renderExpandedKeys;return o&&c.length?(null===(r=e.value)||void 0===r||r.setCurrentKey(c[0]),c):[]})),treeRef:e,emptyText:Object(n["i"])((function(){return t.state.getRenderTreeError?"获取render树失败":"no data"})),onNodeClick:function(r){var n;null===(n=e.value)||void 0===n||n.setCurrentKey(r.id),t.commit("selectRenderNode",r),t.commit("setRenderExpandedKeys",[]),t.dispatch("getSelectedRenderObject",r)}}},methods:{}});const me=I()(pe,[["render",be]]);var fe=me,he=(r("46dc"),Object(n["r"])({name:"App",components:{Multipane:p["a"],MultipaneResizer:p["b"],Screenshot:W,Attribute:oe,DomTree:le,RenderTree:fe},setup:function(){var e=Object(b["b"])();e.dispatch(M.actions.GetDomTree),e.dispatch(M.actions.GetRenderTree),e.dispatch(M.actions.GetScreenshot),e.dispatch(M.actions.GegisterDomTreeUpdatedListener),e.dispatch(M.actions.GegisterRenderTreeUpdatedListener),e.dispatch(M.actions.GegisterScreenshotUpdatedListener),Object(k["c"])(C);var t=Object(n["O"])([{id:1,component:Object(n["V"])(W),style:{width:"25%"},showKey:"showScreenshot",tip:"Screenshot",icon:"el-icon-mobile-phone"},{id:2,component:Object(n["V"])(le),style:{width:"25%"},showKey:"showDomTree",tip:"DOM",icon:"el-icon-grape"},{id:3,component:Object(n["V"])(fe),style:{width:"25%"},showKey:"showRenderTree",tip:"Render",icon:"el-icon-grape"},{id:4,component:Object(n["V"])(oe),style:{flex:1},showKey:"showAttribute",tip:"Attribute",icon:"el-icon-menu"}]),r=Object(n["i"])((function(){return t.value.filter((function(t){return e.state[t.showKey]}))})),o=function(n){var o=t.value.find((function(e){return e.id===n})),c=r.value,i=c[c.length-1],s=c[c.length-2],d=i.id===n,a=e.state[o.showKey],l=!a&&o.id>i.id;d&&(s.style={flex:1}),l&&(o.style={flex:1},1===i.style.flex&&(i.style={width:"25%"})),e.commit(M.mutations.SetVisibility,{key:null===o||void 0===o?void 0:o.showKey,value:!a})},c=function(e,t){r.value[e].style.width=t};return{panes:t,visiablePanes:r,togglePane:o,onPaneResizeStop:c,showConfig:Object(n["i"])((function(){return{showScreenshot:e.state.showScreenshot,showDomTree:e.state.showDomTree,showRenderTree:e.state.showRenderTree,showAttribute:e.state.showAttribute}}))}},beforeDestroy:function(){Object(k["b"])()}}));r("5f35");const ve=I()(he,[["render",u],["__scopeId","data-v-e9dde978"]]);var Oe=ve,je=(r("a471"),r("7dd6"),Object(n["j"])(Oe));je.use(o["d"]),je.use(J).mount("#app")},8223:function(e,t,r){},8718:function(e,t,r){},a141:function(e,t,r){"use strict";r("ffd4")},a1fa:function(e,t,r){"use strict";r("c040")},b067:function(e,t,r){"use strict";r("8223")},c040:function(e,t,r){},ffd4:function(e,t,r){}});
//# sourceMappingURL=ui-inspector.d9ee006c.js.map