@gkd-kit/inspect 0.0.1713326966637 → 0.0.1713450218584
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{ActionCard.vue_vue_type_script_setup_true_lang-DCzMW63E.js → ActionCard.vue_vue_type_script_setup_true_lang-BdpGaeyI.js} +2 -2
- package/dist/assets/{ActionCard.vue_vue_type_script_setup_true_lang-DCzMW63E.js.map → ActionCard.vue_vue_type_script_setup_true_lang-BdpGaeyI.js.map} +1 -1
- package/dist/assets/{DevicePage-CcAesebu.js → DevicePage-L_cINPzZ.js} +3 -3
- package/dist/assets/{DevicePage-CcAesebu.js.map → DevicePage-L_cINPzZ.js.map} +1 -1
- package/dist/assets/{HomePage-8JTmnhsr.js → HomePage-CaViWcqA.js} +3 -3
- package/dist/assets/HomePage-CaViWcqA.js.map +1 -0
- package/dist/assets/{ImportPage-DdnEOuje.js → ImportPage-BWEun9QJ.js} +2 -2
- package/dist/assets/{ImportPage-DdnEOuje.js.map → ImportPage-BWEun9QJ.js.map} +1 -1
- package/dist/assets/PreviewSharePage-BKUqSDH2.js +2 -0
- package/dist/assets/{PreviewSharePage-BcdlRA5u.js.map → PreviewSharePage-BKUqSDH2.js.map} +1 -1
- package/dist/assets/SnapshotPage-_CtCgNUk.js +272 -0
- package/dist/assets/SnapshotPage-_CtCgNUk.js.map +1 -0
- package/dist/assets/{TrackGraph-hCYjpBre.js → TrackGraph-C_diB3mY.js} +2 -2
- package/dist/assets/{TrackGraph-hCYjpBre.js.map → TrackGraph-C_diB3mY.js.map} +1 -1
- package/dist/assets/{_404Page-CpjsueSl.js → _404Page-9D8kuzrz.js} +2 -2
- package/dist/assets/{_404Page-CpjsueSl.js.map → _404Page-9D8kuzrz.js.map} +1 -1
- package/dist/assets/{fetch-B574w7Uk.js → fetch-D1iJaNnX.js} +2 -2
- package/dist/assets/fetch-D1iJaNnX.js.map +1 -0
- package/dist/assets/{import-DyFxUz9D.js → import-Cn6kQnbf.js} +2 -2
- package/dist/assets/{import-DyFxUz9D.js.map → import-Cn6kQnbf.js.map} +1 -1
- package/dist/assets/index-BG78bDWZ.css +1 -0
- package/dist/assets/{index-RuFx1-ln.js → index-C8W7OgMd.js} +2 -2
- package/dist/assets/index-C8W7OgMd.js.map +1 -0
- package/dist/assets/{index-B7x4m4Y-.js → index-CJlTiIaw.js} +35 -34
- package/dist/assets/index-CJlTiIaw.js.map +1 -0
- package/dist/assets/{index-BnQqUN-R.js → index-DuRVAb2h.js} +4 -4
- package/dist/assets/index-DuRVAb2h.js.map +1 -0
- package/dist/assets/{jszip.min-DJ-6NfVY.js → jszip.min-aYNgjH1B.js} +2 -2
- package/dist/assets/{jszip.min-DJ-6NfVY.js.map → jszip.min-aYNgjH1B.js.map} +1 -1
- package/dist/assets/{node-CIBWDfmK.js → node-BjjylNk2.js} +4 -4
- package/dist/assets/node-BjjylNk2.js.map +1 -0
- package/dist/assets/{selector-DS0VmMZp.js → selector-CqsTWHLY.js} +3 -3
- package/dist/assets/{selector-DS0VmMZp.js.map → selector-CqsTWHLY.js.map} +1 -1
- package/dist/assets/{table-CXCA7ZRz.js → table-C6TxjNmc.js} +2 -2
- package/dist/assets/table-C6TxjNmc.js.map +1 -0
- package/dist/index.html +3 -3
- package/package.json +1 -1
- package/dist/assets/HomePage-8JTmnhsr.js.map +0 -1
- package/dist/assets/PreviewSharePage-BcdlRA5u.js +0 -2
- package/dist/assets/SnapshotPage-DhVi7cZp.js +0 -272
- package/dist/assets/SnapshotPage-DhVi7cZp.js.map +0 -1
- package/dist/assets/fetch-B574w7Uk.js.map +0 -1
- package/dist/assets/index-B7x4m4Y-.js.map +0 -1
- package/dist/assets/index-BnQqUN-R.js.map +0 -1
- package/dist/assets/index-BxOAxtgZ.css +0 -1
- package/dist/assets/index-RuFx1-ln.js.map +0 -1
- package/dist/assets/node-CIBWDfmK.js.map +0 -1
- package/dist/assets/table-CXCA7ZRz.js.map +0 -1
|
@@ -0,0 +1,272 @@
|
|
|
1
|
+
const __vite__fileDeps=["https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/TrackGraph-C_diB3mY.js","https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/index-CJlTiIaw.js","https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/index-BG78bDWZ.css","https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/node-BjjylNk2.js","https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/index-DuRVAb2h.js","https://registry.npmmirror.com/@gkd-kit/inspect/0.0.1713450218584/files/dist/assets/fetch-D1iJaNnX.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
|
|
2
|
+
import{h as j,v as N,b as E,g as ye,e as K,f as F,d as q,u as it,a0 as oo,a1 as Ot,a2 as ro,a3 as dt,c as Mt,r as J,m as z,l as nt,j as Qe,q as Ut,a4 as qt,y as ee,a5 as lo,t as O,a6 as hn,a7 as vn,a8 as gn,a9 as ao,aa as oe,ab as Be,ac as io,ad as tn,ae as pn,af as so,ag as we,ah as co,ai as uo,aj as fo,a as ho,ak as vo,al as go,n as Tt,N as po,x as mo,Z as bo,am as Lt,an as yo,Q as mt,ao as xo,p as mn,i as ko,B as Ee,T as Le,ap as Dt,o as tt,aq as nn,ar as on,as as ot,A as Q,R as Vt,at as pt,$ as te,K as P,au as bn,C as re,F as m,G as ze,P as de,av as zt,aw as at,ax as wo,I as A,E as w,D as T,ay as rt,O as Y,M as V,az as gt,H as yn,aA as xn,X as Co,L as $e,aB as Kt,aC as No,aD as So,aE as Ro,aF as $o,J as _o,W as rn,_ as To,aG as Lo}from"./index-CJlTiIaw.js";import{_ as Do,e as Ko,f as Po}from"./ActionCard.vue_vue_type_script_setup_true_lang-BdpGaeyI.js";import{f as At,c as Te,b as Ae,m as xe,g as Pt,a as kn,e as Eo}from"./fetch-D1iJaNnX.js";import{h as Ye,C as Fo,e as zo,c as Ao,d as Bo,V as Io,f as ln,g as an,i as Oo,j as Ge,k as Mo,l as lt,b as Bt,m as dn,n as Uo,N as qo,o as Vo,p as Et,q as jo}from"./node-BjjylNk2.js";import{a as Fe,r as Ho,N as Wo,l as Go}from"./index-DuRVAb2h.js";import{u as wn,a as Yo}from"./index-C8W7OgMd.js";import{w as Qo,e as Xo,p as Jo,a as sn}from"./selector-CqsTWHLY.js";import"./jszip.min-aYNgjH1B.js";import"./index-RwQljgyW.js";function Cn(e){return typeof e=="string"?`s-${e}`:`n-${e}`}const Zo=j({name:"ChevronLeft",render(){return N("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},N("path",{d:"M10.3536 3.14645C10.5488 3.34171 10.5488 3.65829 10.3536 3.85355L6.20711 8L10.3536 12.1464C10.5488 12.3417 10.5488 12.6583 10.3536 12.8536C10.1583 13.0488 9.84171 13.0488 9.64645 12.8536L5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L9.64645 3.14645C9.84171 2.95118 10.1583 2.95118 10.3536 3.14645Z",fill:"currentColor"}))}}),er=j({name:"Switcher",render(){return N("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},N("path",{d:"M12 8l10 8l-10 8z"}))}}),G="0!important",Nn="-1px!important";function He(e){return F(e+"-type",[K("& +",[E("button",{},[F(e+"-type",[q("border",{borderLeftWidth:G}),q("state-border",{left:Nn})])])])])}function We(e){return F(e+"-type",[K("& +",[E("button",[F(e+"-type",[q("border",{borderTopWidth:G}),q("state-border",{top:Nn})])])])])}const tr=E("button-group",`
|
|
3
|
+
flex-wrap: nowrap;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
position: relative;
|
|
6
|
+
`,[ye("vertical",{flexDirection:"row"},[ye("rtl",[E("button",[K("&:first-child:not(:last-child)",`
|
|
7
|
+
margin-right: ${G};
|
|
8
|
+
border-top-right-radius: ${G};
|
|
9
|
+
border-bottom-right-radius: ${G};
|
|
10
|
+
`),K("&:last-child:not(:first-child)",`
|
|
11
|
+
margin-left: ${G};
|
|
12
|
+
border-top-left-radius: ${G};
|
|
13
|
+
border-bottom-left-radius: ${G};
|
|
14
|
+
`),K("&:not(:first-child):not(:last-child)",`
|
|
15
|
+
margin-left: ${G};
|
|
16
|
+
margin-right: ${G};
|
|
17
|
+
border-radius: ${G};
|
|
18
|
+
`),He("default"),F("ghost",[He("primary"),He("info"),He("success"),He("warning"),He("error")])])])]),F("vertical",{flexDirection:"column"},[E("button",[K("&:first-child:not(:last-child)",`
|
|
19
|
+
margin-bottom: ${G};
|
|
20
|
+
margin-left: ${G};
|
|
21
|
+
margin-right: ${G};
|
|
22
|
+
border-bottom-left-radius: ${G};
|
|
23
|
+
border-bottom-right-radius: ${G};
|
|
24
|
+
`),K("&:last-child:not(:first-child)",`
|
|
25
|
+
margin-top: ${G};
|
|
26
|
+
margin-left: ${G};
|
|
27
|
+
margin-right: ${G};
|
|
28
|
+
border-top-left-radius: ${G};
|
|
29
|
+
border-top-right-radius: ${G};
|
|
30
|
+
`),K("&:not(:first-child):not(:last-child)",`
|
|
31
|
+
margin: ${G};
|
|
32
|
+
border-radius: ${G};
|
|
33
|
+
`),We("default"),F("ghost",[We("primary"),We("info"),We("success"),We("warning"),We("error")])])])]),nr={size:{type:String,default:void 0},vertical:Boolean},or=j({name:"ButtonGroup",props:nr,setup(e){const{mergedClsPrefixRef:t,mergedRtlRef:c}=it(e);return oo("-button-group",tr,t),Ot(ro,e),{rtlEnabled:dt("ButtonGroup",c,t),mergedClsPrefix:t}},render(){const{mergedClsPrefix:e}=this;return N("div",{class:[`${e}-button-group`,this.rtlEnabled&&`${e}-button-group--rtl`,this.vertical&&`${e}-button-group--vertical`],role:"group"},this.$slots)}}),rr=e=>{const{fontWeight:t,textColor1:c,textColor2:l,textColorDisabled:f,dividerColor:r,fontSize:p}=e;return{titleFontSize:p,titleFontWeight:t,dividerColor:r,titleTextColor:c,titleTextColorDisabled:f,fontSize:p,textColor:l,arrowColor:l,arrowColorDisabled:f,itemMargin:"16px 0 0 0",titlePadding:"16px 0 0 0"}},lr={name:"Collapse",common:Mt,self:rr},ar=lr,ir=E("collapse","width: 100%;",[E("collapse-item",`
|
|
34
|
+
font-size: var(--n-font-size);
|
|
35
|
+
color: var(--n-text-color);
|
|
36
|
+
transition:
|
|
37
|
+
color .3s var(--n-bezier),
|
|
38
|
+
border-color .3s var(--n-bezier);
|
|
39
|
+
margin: var(--n-item-margin);
|
|
40
|
+
`,[F("disabled",[q("header","cursor: not-allowed;",[q("header-main",`
|
|
41
|
+
color: var(--n-title-text-color-disabled);
|
|
42
|
+
`),E("collapse-item-arrow",`
|
|
43
|
+
color: var(--n-arrow-color-disabled);
|
|
44
|
+
`)])]),E("collapse-item","margin-left: 32px;"),K("&:first-child","margin-top: 0;"),K("&:first-child >",[q("header","padding-top: 0;")]),F("left-arrow-placement",[q("header",[E("collapse-item-arrow","margin-right: 4px;")])]),F("right-arrow-placement",[q("header",[E("collapse-item-arrow","margin-left: 4px;")])]),q("content-wrapper",[q("content-inner","padding-top: 16px;"),At({duration:"0.15s"})]),F("active",[q("header",[F("active",[E("collapse-item-arrow","transform: rotate(90deg);")])])]),K("&:not(:first-child)","border-top: 1px solid var(--n-divider-color);"),ye("disabled",[F("trigger-area-main",[q("header",[q("header-main","cursor: pointer;"),E("collapse-item-arrow","cursor: default;")])]),F("trigger-area-arrow",[q("header",[E("collapse-item-arrow","cursor: pointer;")])]),F("trigger-area-extra",[q("header",[q("header-extra","cursor: pointer;")])])]),q("header",`
|
|
45
|
+
font-size: var(--n-title-font-size);
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-wrap: nowrap;
|
|
48
|
+
align-items: center;
|
|
49
|
+
transition: color .3s var(--n-bezier);
|
|
50
|
+
position: relative;
|
|
51
|
+
padding: var(--n-title-padding);
|
|
52
|
+
color: var(--n-title-text-color);
|
|
53
|
+
`,[q("header-main",`
|
|
54
|
+
display: flex;
|
|
55
|
+
flex-wrap: nowrap;
|
|
56
|
+
align-items: center;
|
|
57
|
+
font-weight: var(--n-title-font-weight);
|
|
58
|
+
transition: color .3s var(--n-bezier);
|
|
59
|
+
flex: 1;
|
|
60
|
+
color: var(--n-title-text-color);
|
|
61
|
+
`),q("header-extra",`
|
|
62
|
+
display: flex;
|
|
63
|
+
align-items: center;
|
|
64
|
+
transition: color .3s var(--n-bezier);
|
|
65
|
+
color: var(--n-text-color);
|
|
66
|
+
`),E("collapse-item-arrow",`
|
|
67
|
+
display: flex;
|
|
68
|
+
transition:
|
|
69
|
+
transform .15s var(--n-bezier),
|
|
70
|
+
color .3s var(--n-bezier);
|
|
71
|
+
font-size: 18px;
|
|
72
|
+
color: var(--n-arrow-color);
|
|
73
|
+
`)])])]),dr=Object.assign(Object.assign({},Qe.props),{defaultExpandedNames:{type:[Array,String],default:null},expandedNames:[Array,String],arrowPlacement:{type:String,default:"left"},accordion:{type:Boolean,default:!1},displayDirective:{type:String,default:"if"},triggerAreas:{type:Array,default:()=>["main","extra","arrow"]},onItemHeaderClick:[Function,Array],"onUpdate:expandedNames":[Function,Array],onUpdateExpandedNames:[Function,Array],onExpandedNamesChange:{type:[Function,Array],validator:()=>!0,default:void 0}}),Sn=qt("n-collapse"),sr=j({name:"Collapse",props:dr,setup(e,{slots:t}){const{mergedClsPrefixRef:c,inlineThemeDisabled:l,mergedRtlRef:f}=it(e),r=J(e.defaultExpandedNames),p=z(()=>e.expandedNames),d=nt(p,r),s=Qe("Collapse","-collapse",ir,ar,e,c);function v(a){const{"onUpdate:expandedNames":o,onUpdateExpandedNames:i,onExpandedNamesChange:u}=e;i&&ee(i,a),o&&ee(o,a),u&&ee(u,a),r.value=a}function g(a){const{onItemHeaderClick:o}=e;o&&ee(o,a)}function y(a,o,i){const{accordion:u}=e,{value:S}=d;if(u)a?(v([o]),g({name:o,expanded:!0,event:i})):(v([]),g({name:o,expanded:!1,event:i}));else if(!Array.isArray(S))v([o]),g({name:o,expanded:!0,event:i});else{const b=S.slice(),D=b.findIndex(I=>o===I);~D?(b.splice(D,1),v(b),g({name:o,expanded:!1,event:i})):(b.push(o),v(b),g({name:o,expanded:!0,event:i}))}}Ot(Sn,{props:e,mergedClsPrefixRef:c,expandedNamesRef:d,slots:t,toggleItem:y});const C=dt("Collapse",f,c),L=z(()=>{const{common:{cubicBezierEaseInOut:a},self:{titleFontWeight:o,dividerColor:i,titlePadding:u,titleTextColor:S,titleTextColorDisabled:b,textColor:D,arrowColor:I,fontSize:le,titleFontSize:Z,arrowColorDisabled:ke,itemMargin:ve}}=s.value;return{"--n-font-size":le,"--n-bezier":a,"--n-text-color":D,"--n-divider-color":i,"--n-title-padding":u,"--n-title-font-size":Z,"--n-title-text-color":S,"--n-title-text-color-disabled":b,"--n-title-font-weight":o,"--n-arrow-color":I,"--n-arrow-color-disabled":ke,"--n-item-margin":ve}}),x=l?Ut("collapse",void 0,L,e):void 0;return{rtlEnabled:C,mergedTheme:s,mergedClsPrefix:c,cssVars:l?void 0:L,themeClass:x==null?void 0:x.themeClass,onRender:x==null?void 0:x.onRender}},render(){var e;return(e=this.onRender)===null||e===void 0||e.call(this),N("div",{class:[`${this.mergedClsPrefix}-collapse`,this.rtlEnabled&&`${this.mergedClsPrefix}-collapse--rtl`,this.themeClass],style:this.cssVars},this.$slots)}}),cr=j({name:"CollapseItemContent",props:{displayDirective:{type:String,required:!0},show:Boolean,clsPrefix:{type:String,required:!0}},setup(e){return{onceTrue:lo(O(e,"show"))}},render(){return N(gn,null,{default:()=>{const{show:e,displayDirective:t,onceTrue:c,clsPrefix:l}=this,f=t==="show"&&c,r=N("div",{class:`${l}-collapse-item__content-wrapper`},N("div",{class:`${l}-collapse-item__content-inner`},this.$slots));return f?hn(r,[[vn,e]]):e?r:null}})}}),ur={title:String,name:[String,Number],disabled:Boolean,displayDirective:String},fr=j({name:"CollapseItem",props:ur,setup(e){const{mergedRtlRef:t}=it(e),c=ao(),l=oe(()=>{var y;return(y=e.name)!==null&&y!==void 0?y:c}),f=Be(Sn);f||io("collapse-item","`n-collapse-item` must be placed inside `n-collapse`.");const{expandedNamesRef:r,props:p,mergedClsPrefixRef:d,slots:s}=f,v=z(()=>{const{value:y}=r;if(Array.isArray(y)){const{value:C}=l;return!~y.findIndex(L=>L===C)}else if(y){const{value:C}=l;return C!==y}return!0});return{rtlEnabled:dt("Collapse",t,d),collapseSlots:s,randomName:c,mergedClsPrefix:d,collapsed:v,triggerAreas:O(p,"triggerAreas"),mergedDisplayDirective:z(()=>{const{displayDirective:y}=e;return y||p.displayDirective}),arrowPlacement:z(()=>p.arrowPlacement),handleClick(y){let C="main";Ye(y,"arrow")&&(C="arrow"),Ye(y,"extra")&&(C="extra"),p.triggerAreas.includes(C)&&f&&!e.disabled&&f.toggleItem(v.value,l.value,y)}}},render(){const{collapseSlots:e,$slots:t,arrowPlacement:c,collapsed:l,mergedDisplayDirective:f,mergedClsPrefix:r,disabled:p,triggerAreas:d}=this,s=tn(t.header,{collapsed:l},()=>[this.title]),v=t["header-extra"]||e["header-extra"],g=t.arrow||e.arrow;return N("div",{class:[`${r}-collapse-item`,`${r}-collapse-item--${c}-arrow-placement`,p&&`${r}-collapse-item--disabled`,!l&&`${r}-collapse-item--active`,d.map(y=>`${r}-collapse-item--trigger-area-${y}`)]},N("div",{class:[`${r}-collapse-item__header`,!l&&`${r}-collapse-item__header--active`]},N("div",{class:`${r}-collapse-item__header-main`,onClick:this.handleClick},c==="right"&&s,N("div",{class:`${r}-collapse-item-arrow`,key:this.rtlEnabled?0:1,"data-arrow":!0},tn(g,{collapsed:l},()=>{var y;return[N(pn,{clsPrefix:r},{default:(y=e.expandIcon)!==null&&y!==void 0?y:()=>this.rtlEnabled?N(Zo,null):N(Fo,null)})]})),c==="left"&&s),so(v,{collapsed:l},y=>N("div",{class:`${r}-collapse-item__header-extra`,onClick:this.handleClick,"data-extra":!0},y))),N(cr,{clsPrefix:r,displayDirective:f,show:!l},t))}}),hr={thPaddingSmall:"6px",thPaddingMedium:"12px",thPaddingLarge:"12px",tdPaddingSmall:"6px",tdPaddingMedium:"12px",tdPaddingLarge:"12px"},vr=e=>{const{dividerColor:t,cardColor:c,modalColor:l,popoverColor:f,tableHeaderColor:r,tableColorStriped:p,textColor1:d,textColor2:s,borderRadius:v,fontWeightStrong:g,lineHeight:y,fontSizeSmall:C,fontSizeMedium:L,fontSizeLarge:x}=e;return Object.assign(Object.assign({},hr),{fontSizeSmall:C,fontSizeMedium:L,fontSizeLarge:x,lineHeight:y,borderRadius:v,borderColor:we(c,t),borderColorModal:we(l,t),borderColorPopover:we(f,t),tdColor:c,tdColorModal:l,tdColorPopover:f,tdColorStriped:we(c,p),tdColorStripedModal:we(l,p),tdColorStripedPopover:we(f,p),thColor:we(c,r),thColorModal:we(l,r),thColorPopover:we(f,r),thTextColor:d,tdTextColor:s,thFontWeight:g})},gr={name:"Table",common:Mt,self:vr},pr=gr,mr=e=>{const{borderRadiusSmall:t,dividerColor:c,hoverColor:l,pressedColor:f,primaryColor:r,textColor3:p,textColor2:d,textColorDisabled:s,fontSize:v}=e;return{fontSize:v,lineHeight:"1.5",nodeHeight:"30px",nodeWrapperPadding:"3px 0",nodeBorderRadius:t,nodeColorHover:l,nodeColorPressed:f,nodeColorActive:ho(r,{alpha:.1}),arrowColor:p,nodeTextColor:d,nodeTextColorDisabled:s,loadingColor:r,dropMarkColor:r,lineColor:c}},br=co({name:"Tree",common:Mt,peers:{Checkbox:uo,Scrollbar:fo,Empty:zo},self:mr}),yr=br,xr=K([E("table",`
|
|
74
|
+
font-size: var(--n-font-size);
|
|
75
|
+
font-variant-numeric: tabular-nums;
|
|
76
|
+
line-height: var(--n-line-height);
|
|
77
|
+
width: 100%;
|
|
78
|
+
border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
|
|
79
|
+
text-align: left;
|
|
80
|
+
border-collapse: separate;
|
|
81
|
+
border-spacing: 0;
|
|
82
|
+
overflow: hidden;
|
|
83
|
+
background-color: var(--n-td-color);
|
|
84
|
+
border-color: var(--n-merged-border-color);
|
|
85
|
+
transition:
|
|
86
|
+
background-color .3s var(--n-bezier),
|
|
87
|
+
border-color .3s var(--n-bezier),
|
|
88
|
+
color .3s var(--n-bezier);
|
|
89
|
+
--n-merged-border-color: var(--n-border-color);
|
|
90
|
+
`,[K("th",`
|
|
91
|
+
white-space: nowrap;
|
|
92
|
+
transition:
|
|
93
|
+
background-color .3s var(--n-bezier),
|
|
94
|
+
border-color .3s var(--n-bezier),
|
|
95
|
+
color .3s var(--n-bezier);
|
|
96
|
+
text-align: inherit;
|
|
97
|
+
padding: var(--n-th-padding);
|
|
98
|
+
vertical-align: inherit;
|
|
99
|
+
text-transform: none;
|
|
100
|
+
border: 0px solid var(--n-merged-border-color);
|
|
101
|
+
font-weight: var(--n-th-font-weight);
|
|
102
|
+
color: var(--n-th-text-color);
|
|
103
|
+
background-color: var(--n-th-color);
|
|
104
|
+
border-bottom: 1px solid var(--n-merged-border-color);
|
|
105
|
+
border-right: 1px solid var(--n-merged-border-color);
|
|
106
|
+
`,[K("&:last-child",`
|
|
107
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
108
|
+
`)]),K("td",`
|
|
109
|
+
transition:
|
|
110
|
+
background-color .3s var(--n-bezier),
|
|
111
|
+
border-color .3s var(--n-bezier),
|
|
112
|
+
color .3s var(--n-bezier);
|
|
113
|
+
padding: var(--n-td-padding);
|
|
114
|
+
color: var(--n-td-text-color);
|
|
115
|
+
background-color: var(--n-td-color);
|
|
116
|
+
border: 0px solid var(--n-merged-border-color);
|
|
117
|
+
border-right: 1px solid var(--n-merged-border-color);
|
|
118
|
+
border-bottom: 1px solid var(--n-merged-border-color);
|
|
119
|
+
`,[K("&:last-child",`
|
|
120
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
121
|
+
`)]),F("bordered",`
|
|
122
|
+
border: 1px solid var(--n-merged-border-color);
|
|
123
|
+
border-radius: var(--n-border-radius);
|
|
124
|
+
`,[K("tr",[K("&:last-child",[K("td",`
|
|
125
|
+
border-bottom: 0 solid var(--n-merged-border-color);
|
|
126
|
+
`)])])]),F("single-line",[K("th",`
|
|
127
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
128
|
+
`),K("td",`
|
|
129
|
+
border-right: 0px solid var(--n-merged-border-color);
|
|
130
|
+
`)]),F("single-column",[K("tr",[K("&:not(:last-child)",[K("td",`
|
|
131
|
+
border-bottom: 0px solid var(--n-merged-border-color);
|
|
132
|
+
`)])])]),F("striped",[K("tr:nth-of-type(even)",[K("td","background-color: var(--n-td-color-striped)")])]),ye("bottom-bordered",[K("tr",[K("&:last-child",[K("td",`
|
|
133
|
+
border-bottom: 0px solid var(--n-merged-border-color);
|
|
134
|
+
`)])])])]),vo(E("table",`
|
|
135
|
+
background-color: var(--n-td-color-modal);
|
|
136
|
+
--n-merged-border-color: var(--n-border-color-modal);
|
|
137
|
+
`,[K("th",`
|
|
138
|
+
background-color: var(--n-th-color-modal);
|
|
139
|
+
`),K("td",`
|
|
140
|
+
background-color: var(--n-td-color-modal);
|
|
141
|
+
`)])),go(E("table",`
|
|
142
|
+
background-color: var(--n-td-color-popover);
|
|
143
|
+
--n-merged-border-color: var(--n-border-color-popover);
|
|
144
|
+
`,[K("th",`
|
|
145
|
+
background-color: var(--n-th-color-popover);
|
|
146
|
+
`),K("td",`
|
|
147
|
+
background-color: var(--n-td-color-popover);
|
|
148
|
+
`)]))]),kr=Object.assign(Object.assign({},Qe.props),{bordered:{type:Boolean,default:!0},bottomBordered:{type:Boolean,default:!0},singleLine:{type:Boolean,default:!0},striped:Boolean,singleColumn:Boolean,size:{type:String,default:"medium"}}),Rn=j({name:"Table",props:kr,setup(e){const{mergedClsPrefixRef:t,inlineThemeDisabled:c,mergedRtlRef:l}=it(e),f=Qe("Table","-table",xr,pr,e,t),r=dt("Table",l,t),p=z(()=>{const{size:s}=e,{self:{borderColor:v,tdColor:g,tdColorModal:y,tdColorPopover:C,thColor:L,thColorModal:x,thColorPopover:a,thTextColor:o,tdTextColor:i,borderRadius:u,thFontWeight:S,lineHeight:b,borderColorModal:D,borderColorPopover:I,tdColorStriped:le,tdColorStripedModal:Z,tdColorStripedPopover:ke,[Tt("fontSize",s)]:ve,[Tt("tdPadding",s)]:De,[Tt("thPadding",s)]:Ke},common:{cubicBezierEaseInOut:Xe}}=f.value;return{"--n-bezier":Xe,"--n-td-color":g,"--n-td-color-modal":y,"--n-td-color-popover":C,"--n-td-text-color":i,"--n-border-color":v,"--n-border-color-modal":D,"--n-border-color-popover":I,"--n-border-radius":u,"--n-font-size":ve,"--n-th-color":L,"--n-th-color-modal":x,"--n-th-color-popover":a,"--n-th-font-weight":S,"--n-th-text-color":o,"--n-line-height":b,"--n-td-padding":De,"--n-th-padding":Ke,"--n-td-color-striped":le,"--n-td-color-striped-modal":Z,"--n-td-color-striped-popover":ke}}),d=c?Ut("table",z(()=>e.size[0]),p,e):void 0;return{rtlEnabled:r,mergedClsPrefix:t,cssVars:c?void 0:p,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender}},render(){var e;const{mergedClsPrefix:t}=this;return(e=this.onRender)===null||e===void 0||e.call(this),N("table",{class:[`${t}-table`,this.themeClass,{[`${t}-table--rtl`]:this.rtlEnabled,[`${t}-table--bottom-bordered`]:this.bottomBordered,[`${t}-table--bordered`]:this.bordered,[`${t}-table--single-line`]:this.singleLine,[`${t}-table--single-column`]:this.singleColumn,[`${t}-table--striped`]:this.striped}],style:this.cssVars},this.$slots)}}),Re=j({name:"Th",render(){return N("th",null,this.$slots)}}),It=j({name:"Tr",render(){return N("tr",null,this.$slots)}}),be=j({name:"Td",render(){return N("td",null,this.$slots)}}),wr=j({name:"Thead",render(){return N("thead",null,this.$slots)}}),$n=j({name:"Tbody",render(){return N("tbody",null,this.$slots)}}),_n=qt("n-tree-select"),st=qt("n-tree"),Cr=j({name:"NTreeSwitcher",props:{clsPrefix:{type:String,required:!0},indent:{type:Number,required:!0},expanded:Boolean,selected:Boolean,hide:Boolean,loading:Boolean,onClick:Function,tmNode:{type:Object,required:!0}},setup(e){const{renderSwitcherIconRef:t}=Be(st,null);return()=>{const{clsPrefix:c,expanded:l,hide:f,indent:r,onClick:p}=e;return N("span",{"data-switcher":!0,class:[`${c}-tree-node-switcher`,l&&`${c}-tree-node-switcher--expanded`,f&&`${c}-tree-node-switcher--hide`],style:{width:`${r}px`},onClick:p},N("div",{class:`${c}-tree-node-switcher__icon`},N(po,null,{default:()=>{if(e.loading)return N(mo,{clsPrefix:c,key:"loading",radius:85,strokeWidth:20});const{value:d}=t;return d?d({expanded:e.expanded,selected:e.selected,option:e.tmNode.rawNode}):N(pn,{clsPrefix:c,key:"switcher"},{default:()=>N(er,null)})}})))}}}),Nr=j({name:"NTreeNodeCheckbox",props:{clsPrefix:{type:String,required:!0},indent:{type:Number,required:!0},right:Boolean,focusable:Boolean,disabled:Boolean,checked:Boolean,indeterminate:Boolean,onCheck:Function},setup(e){const t=Be(st);function c(f){const{onCheck:r}=e;r&&r(f)}function l(f){c(f)}return{handleUpdateValue:l,mergedTheme:t.mergedThemeRef}},render(){const{clsPrefix:e,mergedTheme:t,checked:c,indeterminate:l,disabled:f,focusable:r,indent:p,handleUpdateValue:d}=this;return N("span",{class:[`${e}-tree-node-checkbox`,this.right&&`${e}-tree-node-checkbox--right`],style:{width:`${p}px`},"data-checkbox":!0},N(bo,{focusable:r,disabled:f,theme:t.peers.Checkbox,themeOverrides:t.peerOverrides.Checkbox,checked:c,indeterminate:l,onUpdateChecked:d}))}}),Sr=j({name:"TreeNodeContent",props:{clsPrefix:{type:String,required:!0},disabled:Boolean,checked:Boolean,selected:Boolean,onClick:Function,onDragstart:Function,tmNode:{type:Object,required:!0},nodeProps:Object},setup(e){const{renderLabelRef:t,renderPrefixRef:c,renderSuffixRef:l,labelFieldRef:f}=Be(st),r=J(null);function p(s){const{onClick:v}=e;v&&v(s)}function d(s){p(s)}return{selfRef:r,renderLabel:t,renderPrefix:c,renderSuffix:l,labelField:f,handleClick:d}},render(){const{clsPrefix:e,labelField:t,nodeProps:c,checked:l=!1,selected:f=!1,renderLabel:r,renderPrefix:p,renderSuffix:d,handleClick:s,onDragstart:v,tmNode:{rawNode:g,rawNode:{prefix:y,suffix:C,[t]:L}}}=this;return N("span",Object.assign({},c,{ref:"selfRef",class:[`${e}-tree-node-content`,c==null?void 0:c.class],onClick:s,draggable:v===void 0?void 0:!0,onDragstart:v}),p||y?N("div",{class:`${e}-tree-node-content__prefix`},p?p({option:g,selected:f,checked:l}):Lt(y)):null,N("div",{class:`${e}-tree-node-content__text`},r?r({option:g,selected:f,checked:l}):Lt(L)),d||C?N("div",{class:`${e}-tree-node-content__suffix`},d?d({option:g,selected:f,checked:l}):Lt(C)):null)}});function cn({position:e,offsetLevel:t,indent:c,el:l}){const f={position:"absolute",boxSizing:"border-box",right:0};if(e==="inside")f.left=0,f.top=0,f.bottom=0,f.borderRadius="inherit",f.boxShadow="inset 0 0 0 2px var(--n-drop-mark-color)";else{const r=e==="before"?"top":"bottom";f[r]=0,f.left=`${l.offsetLeft+6-t*c}px`,f.height="2px",f.backgroundColor="var(--n-drop-mark-color)",f.transformOrigin=r,f.borderRadius="1px",f.transform=e==="before"?"translateY(-4px)":"translateY(4px)"}return N("div",{style:f})}function Rr({dropPosition:e,node:t}){return t.isLeaf===!1||t.children?!0:e!=="inside"}function $r(e){return z(()=>e.leafOnly?"child":e.checkStrategy)}function _e(e,t){return!!e.rawNode[t]}function Tn(e,t,c,l){e==null||e.forEach(f=>{c(f),Tn(f[t],t,c,l),l(f)})}function _r(e,t,c,l,f){const r=new Set,p=new Set,d=[];return Tn(e,l,s=>{if(d.push(s),f(t,s)){p.add(s[c]);for(let v=d.length-2;v>=0;--v)if(!r.has(d[v][c]))r.add(d[v][c]);else return}},()=>{d.pop()}),{expandedKeys:Array.from(r),highlightKeySet:p}}if(yo&&Image){const e=new Image;e.src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}function Tr(e,t,c,l,f){const r=new Set,p=new Set,d=new Set,s=[],v=[],g=[];function y(L){L.forEach(x=>{if(g.push(x),t(c,x)){r.add(x[l]),d.add(x[l]);for(let o=g.length-2;o>=0;--o){const i=g[o][l];if(!p.has(i))p.add(i),r.has(i)&&r.delete(i);else break}}const a=x[f];a&&y(a),g.pop()})}y(e);function C(L,x){L.forEach(a=>{const o=a[l],i=r.has(o),u=p.has(o);if(!i&&!u)return;const S=a[f];if(S)if(i)x.push(a);else{s.push(o);const b=Object.assign(Object.assign({},a),{[f]:[]});x.push(b),C(S,b[f])}else x.push(a)})}return C(e,v),{filteredTree:v,highlightKeySet:d,expandedKeys:s}}const Lr=j({name:"TreeNode",props:{clsPrefix:{type:String,required:!0},tmNode:{type:Object,required:!0}},setup(e){const t=Be(st),{droppingNodeParentRef:c,droppingMouseNodeRef:l,draggingNodeRef:f,droppingPositionRef:r,droppingOffsetLevelRef:p,nodePropsRef:d,indentRef:s,blockLineRef:v,checkboxPlacementRef:g,checkOnClickRef:y,disabledFieldRef:C,showLineRef:L,renderSwitcherIconRef:x,overrideDefaultNodeClickBehaviorRef:a}=t,o=oe(()=>!!e.tmNode.rawNode.checkboxDisabled),i=oe(()=>_e(e.tmNode,C.value)),u=oe(()=>t.disabledRef.value||i.value),S=z(()=>{const{value:R}=d;if(R)return R({option:e.tmNode.rawNode})}),b=J(null),D={value:null};mt(()=>{D.value=b.value.$el});function I(){const R=()=>{const{tmNode:B}=e;if(!B.isLeaf&&!B.shallowLoaded){if(!t.loadingKeysRef.value.has(B.key))t.loadingKeysRef.value.add(B.key);else return;const{onLoadRef:{value:H}}=t;H&&H(B.rawNode).then(X=>{X!==!1&&t.handleSwitcherClick(B)}).finally(()=>{t.loadingKeysRef.value.delete(B.key)})}else t.handleSwitcherClick(B)};x.value?setTimeout(R,0):R()}const le=oe(()=>!i.value&&t.selectableRef.value&&(t.internalTreeSelect?t.mergedCheckStrategyRef.value!=="child"||t.multipleRef.value&&t.cascadeRef.value||e.tmNode.isLeaf:!0)),Z=oe(()=>t.checkableRef.value&&(t.cascadeRef.value||t.mergedCheckStrategyRef.value!=="child"||e.tmNode.isLeaf)),ke=oe(()=>t.displayedCheckedKeysRef.value.includes(e.tmNode.key)),ve=oe(()=>{const{value:R}=Z;if(!R)return!1;const{value:B}=y,{tmNode:H}=e;return typeof B=="boolean"?!H.disabled&&B:B(e.tmNode.rawNode)});function De(R){const{value:B}=t.expandOnClickRef,{value:H}=le,{value:X}=ve;if(!H&&!B&&!X||Ye(R,"checkbox")||Ye(R,"switcher"))return;const{tmNode:ae}=e;H&&t.handleSelect(ae),B&&!ae.isLeaf&&I(),X&&me(!ke.value)}function Ke(R){var B,H;if(!(Ye(R,"checkbox")||Ye(R,"switcher"))){if(!u.value){const X=a.value;let ae=!1;if(X)switch(X({option:e.tmNode.rawNode})){case"toggleCheck":ae=!0,me(!ke.value);break;case"toggleSelect":ae=!0,t.handleSelect(e.tmNode);break;case"toggleExpand":ae=!0,I(),ae=!0;break;case"none":ae=!0,ae=!0;return}ae||De(R)}(H=(B=S.value)===null||B===void 0?void 0:B.onClick)===null||H===void 0||H.call(B,R)}}function Xe(R){v.value||Ke(R)}function ue(R){v.value&&Ke(R)}function me(R){t.handleCheck(e.tmNode,R)}function Ce(R){t.handleDragStart({event:R,node:e.tmNode})}function yt(R){R.currentTarget===R.target&&t.handleDragEnter({event:R,node:e.tmNode})}function ge(R){R.preventDefault(),t.handleDragOver({event:R,node:e.tmNode})}function Ne(R){t.handleDragEnd({event:R,node:e.tmNode})}function Je(R){R.currentTarget===R.target&&t.handleDragLeave({event:R,node:e.tmNode})}function xt(R){R.preventDefault(),r.value!==null&&t.handleDrop({event:R,node:e.tmNode,dropPosition:r.value})}const kt=z(()=>{const{clsPrefix:R}=e,{value:B}=s;if(L.value){const H=[];let X=e.tmNode.parent;for(;X;)X.isLastChild?H.push(N("div",{class:`${R}-tree-node-indent`},N("div",{style:{width:`${B}px`}}))):H.push(N("div",{class:[`${R}-tree-node-indent`,`${R}-tree-node-indent--show-line`]},N("div",{style:{width:`${B}px`}}))),X=X.parent;return H.reverse()}else return xo(e.tmNode.level,N("div",{class:`${e.clsPrefix}-tree-node-indent`},N("div",{style:{width:`${B}px`}})))});return{showDropMark:oe(()=>{const{value:R}=f;if(!R)return;const{value:B}=r;if(!B)return;const{value:H}=l;if(!H)return;const{tmNode:X}=e;return X.key===H.key}),showDropMarkAsParent:oe(()=>{const{value:R}=c;if(!R)return!1;const{tmNode:B}=e,{value:H}=r;return H==="before"||H==="after"?R.key===B.key:!1}),pending:oe(()=>t.pendingNodeKeyRef.value===e.tmNode.key),loading:oe(()=>t.loadingKeysRef.value.has(e.tmNode.key)),highlight:oe(()=>{var R;return(R=t.highlightKeySetRef.value)===null||R===void 0?void 0:R.has(e.tmNode.key)}),checked:ke,indeterminate:oe(()=>t.displayedIndeterminateKeysRef.value.includes(e.tmNode.key)),selected:oe(()=>t.mergedSelectedKeysRef.value.includes(e.tmNode.key)),expanded:oe(()=>t.mergedExpandedKeysRef.value.includes(e.tmNode.key)),disabled:u,checkable:Z,mergedCheckOnClick:ve,checkboxDisabled:o,selectable:le,expandOnClick:t.expandOnClickRef,internalScrollable:t.internalScrollableRef,draggable:t.draggableRef,blockLine:v,nodeProps:S,checkboxFocusable:t.internalCheckboxFocusableRef,droppingPosition:r,droppingOffsetLevel:p,indent:s,checkboxPlacement:g,showLine:L,contentInstRef:b,contentElRef:D,indentNodes:kt,handleCheck:me,handleDrop:xt,handleDragStart:Ce,handleDragEnter:yt,handleDragOver:ge,handleDragEnd:Ne,handleDragLeave:Je,handleLineClick:ue,handleContentClick:Xe,handleSwitcherClick:I}},render(){const{tmNode:e,clsPrefix:t,checkable:c,expandOnClick:l,selectable:f,selected:r,checked:p,highlight:d,draggable:s,blockLine:v,indent:g,indentNodes:y,disabled:C,pending:L,internalScrollable:x,nodeProps:a,checkboxPlacement:o}=this,i=s&&!C?{onDragenter:this.handleDragEnter,onDragleave:this.handleDragLeave,onDragend:this.handleDragEnd,onDrop:this.handleDrop,onDragover:this.handleDragOver}:void 0,u=x?Cn(e.key):void 0,S=o==="right",b=c?N(Nr,{indent:g,right:S,focusable:this.checkboxFocusable,disabled:C||this.checkboxDisabled,clsPrefix:t,checked:this.checked,indeterminate:this.indeterminate,onCheck:this.handleCheck}):null;return N("div",Object.assign({class:`${t}-tree-node-wrapper`},i),N("div",Object.assign({},v?a:void 0,{class:[`${t}-tree-node`,{[`${t}-tree-node--selected`]:r,[`${t}-tree-node--checkable`]:c,[`${t}-tree-node--highlight`]:d,[`${t}-tree-node--pending`]:L,[`${t}-tree-node--disabled`]:C,[`${t}-tree-node--selectable`]:f,[`${t}-tree-node--clickable`]:f||l||this.mergedCheckOnClick},a==null?void 0:a.class],"data-key":u,draggable:s&&v,onClick:this.handleLineClick,onDragstart:s&&v&&!C?this.handleDragStart:void 0}),y,e.isLeaf&&this.showLine?N("div",{class:[`${t}-tree-node-indent`,`${t}-tree-node-indent--show-line`,e.isLeaf&&`${t}-tree-node-indent--is-leaf`,e.isLastChild&&`${t}-tree-node-indent--last-child`]},N("div",{style:{width:`${g}px`}})):N(Cr,{clsPrefix:t,expanded:this.expanded,selected:r,loading:this.loading,hide:e.isLeaf,tmNode:this.tmNode,indent:g,onClick:this.handleSwitcherClick}),S?null:b,N(Sr,{ref:"contentInstRef",clsPrefix:t,checked:p,selected:r,onClick:this.handleContentClick,nodeProps:v?void 0:a,onDragstart:s&&!v&&!C?this.handleDragStart:void 0,tmNode:e}),s?this.showDropMark?cn({el:this.contentElRef.value,position:this.droppingPosition,offsetLevel:this.droppingOffsetLevel,indent:g}):this.showDropMarkAsParent?cn({el:this.contentElRef.value,position:"inside",offsetLevel:this.droppingOffsetLevel,indent:g}):null:null,S?b:null))}}),Ln=Lr;function Dr({props:e,fNodesRef:t,mergedExpandedKeysRef:c,mergedSelectedKeysRef:l,mergedCheckedKeysRef:f,handleCheck:r,handleSelect:p,handleSwitcherClick:d}){const{value:s}=l,v=Be(_n,null),g=v?v.pendingNodeKeyRef:J(s.length?s[s.length-1]:null);function y(C){var L;if(!e.keyboard)return{enterBehavior:null};const{value:x}=g;let a=null;if(x===null){if((C.key==="ArrowDown"||C.key==="ArrowUp")&&C.preventDefault(),["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(C.key)&&x===null){const{value:o}=t;let i=0;for(;i<o.length;){if(!o[i].disabled){g.value=o[i].key;break}i+=1}}}else{const{value:o}=t;let i=o.findIndex(u=>u.key===x);if(!~i)return{enterBehavior:null};if(C.key==="Enter"){const u=o[i];switch(a=((L=e.overrideDefaultNodeClickBehavior)===null||L===void 0?void 0:L.call(e,{option:u.rawNode}))||null,a){case"toggleCheck":r(u,!f.value.includes(u.key));break;case"toggleSelect":p(u);break;case"toggleExpand":d(u);break;case"none":break;case"default":default:a="default",p(u)}}else if(C.key==="ArrowDown")for(C.preventDefault(),i+=1;i<o.length;){if(!o[i].disabled){g.value=o[i].key;break}i+=1}else if(C.key==="ArrowUp")for(C.preventDefault(),i-=1;i>=0;){if(!o[i].disabled){g.value=o[i].key;break}i-=1}else if(C.key==="ArrowLeft"){const u=o[i];if(u.isLeaf||!c.value.includes(x)){const S=u.getParent();S&&(g.value=S.key)}else d(u)}else if(C.key==="ArrowRight"){const u=o[i];if(u.isLeaf)return{enterBehavior:null};if(!c.value.includes(x))d(u);else for(i+=1;i<o.length;){if(!o[i].disabled){g.value=o[i].key;break}i+=1}}}return{enterBehavior:a}}return{pendingNodeKeyRef:g,handleKeydown:y}}const Kr=j({name:"TreeMotionWrapper",props:{clsPrefix:{type:String,required:!0},height:Number,nodes:{type:Array,required:!0},mode:{type:String,required:!0},onAfterEnter:{type:Function,required:!0}},render(){const{clsPrefix:e}=this;return N(gn,{onAfterEnter:this.onAfterEnter,appear:!0,reverse:this.mode==="collapse"},{default:()=>N("div",{class:[`${e}-tree-motion-wrapper`,`${e}-tree-motion-wrapper--${this.mode}`],style:{height:mn(this.height)}},this.nodes.map(t=>N(Ln,{clsPrefix:e,tmNode:t})))})}}),Ft=ko(),Pr=E("tree",`
|
|
149
|
+
font-size: var(--n-font-size);
|
|
150
|
+
outline: none;
|
|
151
|
+
`,[K("ul, li",`
|
|
152
|
+
margin: 0;
|
|
153
|
+
padding: 0;
|
|
154
|
+
list-style: none;
|
|
155
|
+
`),K(">",[E("tree-node",[K("&:first-child","margin-top: 0;")])]),E("tree-motion-wrapper",[F("expand",[At({duration:"0.2s"})]),F("collapse",[At({duration:"0.2s",reverse:!0})])]),E("tree-node-wrapper",`
|
|
156
|
+
box-sizing: border-box;
|
|
157
|
+
padding: var(--n-node-wrapper-padding);
|
|
158
|
+
`),E("tree-node",`
|
|
159
|
+
transform: translate3d(0,0,0);
|
|
160
|
+
position: relative;
|
|
161
|
+
display: flex;
|
|
162
|
+
border-radius: var(--n-node-border-radius);
|
|
163
|
+
transition: background-color .3s var(--n-bezier);
|
|
164
|
+
`,[F("highlight",[E("tree-node-content",[q("text","border-bottom-color: var(--n-node-text-color-disabled);")])]),F("disabled",[E("tree-node-content",`
|
|
165
|
+
color: var(--n-node-text-color-disabled);
|
|
166
|
+
cursor: not-allowed;
|
|
167
|
+
`)]),ye("disabled",[F("clickable",[E("tree-node-content",`
|
|
168
|
+
cursor: pointer;
|
|
169
|
+
`)])])]),F("block-node",[E("tree-node-content",`
|
|
170
|
+
flex: 1;
|
|
171
|
+
min-width: 0;
|
|
172
|
+
`)]),ye("block-line",[E("tree-node",[ye("disabled",[E("tree-node-content",[K("&:hover","background: var(--n-node-color-hover);")]),F("selectable",[E("tree-node-content",[K("&:active","background: var(--n-node-color-pressed);")])]),F("pending",[E("tree-node-content",`
|
|
173
|
+
background: var(--n-node-color-hover);
|
|
174
|
+
`)]),F("selected",[E("tree-node-content","background: var(--n-node-color-active);")])]),F("selected",[E("tree-node-content","background: var(--n-node-color-active);")])])]),F("block-line",[E("tree-node",[ye("disabled",[K("&:hover","background: var(--n-node-color-hover);"),F("pending",`
|
|
175
|
+
background: var(--n-node-color-hover);
|
|
176
|
+
`),F("selectable",[ye("selected",[K("&:active","background: var(--n-node-color-pressed);")])]),F("selected","background: var(--n-node-color-active);")]),F("selected","background: var(--n-node-color-active);"),F("disabled",`
|
|
177
|
+
cursor: not-allowed;
|
|
178
|
+
`)])]),E("tree-node-indent",`
|
|
179
|
+
flex-grow: 0;
|
|
180
|
+
flex-shrink: 0;
|
|
181
|
+
`,[F("show-line","position: relative",[K("&::before",`
|
|
182
|
+
position: absolute;
|
|
183
|
+
left: 50%;
|
|
184
|
+
border-left: 1px solid var(--n-line-color);
|
|
185
|
+
transition: border-color .3s var(--n-bezier);
|
|
186
|
+
transform: translate(-50%);
|
|
187
|
+
content: "";
|
|
188
|
+
top: var(--n-line-offset-top);
|
|
189
|
+
bottom: var(--n-line-offset-bottom);
|
|
190
|
+
`),F("last-child",[K("&::before",`
|
|
191
|
+
bottom: 50%;
|
|
192
|
+
`)]),F("is-leaf",[K("&::after",`
|
|
193
|
+
position: absolute;
|
|
194
|
+
content: "";
|
|
195
|
+
left: calc(50% + 0.5px);
|
|
196
|
+
right: 0;
|
|
197
|
+
bottom: 50%;
|
|
198
|
+
transition: border-color .3s var(--n-bezier);
|
|
199
|
+
border-bottom: 1px solid var(--n-line-color);
|
|
200
|
+
`)])]),ye("show-line","height: 0;")]),E("tree-node-switcher",`
|
|
201
|
+
cursor: pointer;
|
|
202
|
+
display: inline-flex;
|
|
203
|
+
flex-shrink: 0;
|
|
204
|
+
height: var(--n-node-content-height);
|
|
205
|
+
align-items: center;
|
|
206
|
+
justify-content: center;
|
|
207
|
+
transition: transform .15s var(--n-bezier);
|
|
208
|
+
vertical-align: bottom;
|
|
209
|
+
`,[q("icon",`
|
|
210
|
+
position: relative;
|
|
211
|
+
height: 14px;
|
|
212
|
+
width: 14px;
|
|
213
|
+
display: flex;
|
|
214
|
+
color: var(--n-arrow-color);
|
|
215
|
+
transition: color .3s var(--n-bezier);
|
|
216
|
+
font-size: 14px;
|
|
217
|
+
`,[E("icon",[Ft]),E("base-loading",`
|
|
218
|
+
color: var(--n-loading-color);
|
|
219
|
+
position: absolute;
|
|
220
|
+
left: 0;
|
|
221
|
+
top: 0;
|
|
222
|
+
right: 0;
|
|
223
|
+
bottom: 0;
|
|
224
|
+
`,[Ft]),E("base-icon",[Ft])]),F("hide","visibility: hidden;"),F("expanded","transform: rotate(90deg);")]),E("tree-node-checkbox",`
|
|
225
|
+
display: inline-flex;
|
|
226
|
+
height: var(--n-node-content-height);
|
|
227
|
+
vertical-align: bottom;
|
|
228
|
+
align-items: center;
|
|
229
|
+
justify-content: center;
|
|
230
|
+
`),E("tree-node-content",`
|
|
231
|
+
user-select: none;
|
|
232
|
+
position: relative;
|
|
233
|
+
display: inline-flex;
|
|
234
|
+
align-items: center;
|
|
235
|
+
min-height: var(--n-node-content-height);
|
|
236
|
+
box-sizing: border-box;
|
|
237
|
+
line-height: var(--n-line-height);
|
|
238
|
+
vertical-align: bottom;
|
|
239
|
+
padding: 0 6px 0 4px;
|
|
240
|
+
cursor: default;
|
|
241
|
+
border-radius: var(--n-node-border-radius);
|
|
242
|
+
color: var(--n-node-text-color);
|
|
243
|
+
transition:
|
|
244
|
+
color .3s var(--n-bezier),
|
|
245
|
+
background-color .3s var(--n-bezier),
|
|
246
|
+
border-color .3s var(--n-bezier);
|
|
247
|
+
`,[K("&:last-child","margin-bottom: 0;"),q("prefix",`
|
|
248
|
+
display: inline-flex;
|
|
249
|
+
margin-right: 8px;
|
|
250
|
+
`),q("text",`
|
|
251
|
+
border-bottom: 1px solid #0000;
|
|
252
|
+
transition: border-color .3s var(--n-bezier);
|
|
253
|
+
flex-grow: 1;
|
|
254
|
+
max-width: 100%;
|
|
255
|
+
`),q("suffix",`
|
|
256
|
+
display: inline-flex;
|
|
257
|
+
`)]),q("empty","margin: auto;")]);var Er=function(e,t,c,l){function f(r){return r instanceof c?r:new c(function(p){p(r)})}return new(c||(c=Promise))(function(r,p){function d(g){try{v(l.next(g))}catch(y){p(y)}}function s(g){try{v(l.throw(g))}catch(y){p(y)}}function v(g){g.done?r(g.value):f(g.value).then(d,s)}v((l=l.apply(e,t||[])).next())})};function Fr(e,t,c,l){return{getIsGroup(){return!1},getKey(r){return r[e]},getChildren:l||(r=>r[t]),getDisabled(r){return!!(r[c]||r.checkboxDisabled)}}}const zr={allowCheckingNotLoaded:Boolean,filter:Function,defaultExpandAll:Boolean,expandedKeys:Array,keyField:{type:String,default:"key"},labelField:{type:String,default:"label"},childrenField:{type:String,default:"children"},disabledField:{type:String,default:"disabled"},defaultExpandedKeys:{type:Array,default:()=>[]},indeterminateKeys:Array,renderSwitcherIcon:Function,onUpdateIndeterminateKeys:[Function,Array],"onUpdate:indeterminateKeys":[Function,Array],onUpdateExpandedKeys:[Function,Array],"onUpdate:expandedKeys":[Function,Array],overrideDefaultNodeClickBehavior:Function},Ar=Object.assign(Object.assign(Object.assign(Object.assign({},Qe.props),{accordion:Boolean,showIrrelevantNodes:{type:Boolean,default:!0},data:{type:Array,default:()=>[]},expandOnDragenter:{type:Boolean,default:!0},expandOnClick:Boolean,checkOnClick:{type:[Boolean,Function],default:!1},cancelable:{type:Boolean,default:!0},checkable:Boolean,draggable:Boolean,blockNode:Boolean,blockLine:Boolean,showLine:Boolean,disabled:Boolean,checkedKeys:Array,defaultCheckedKeys:{type:Array,default:()=>[]},selectedKeys:Array,defaultSelectedKeys:{type:Array,default:()=>[]},multiple:Boolean,pattern:{type:String,default:""},onLoad:Function,cascade:Boolean,selectable:{type:Boolean,default:!0},scrollbarProps:Object,indent:{type:Number,default:24},allowDrop:{type:Function,default:Rr},animated:{type:Boolean,default:!0},checkboxPlacement:{type:String,default:"left"},virtualScroll:Boolean,watchProps:Array,renderLabel:Function,renderPrefix:Function,renderSuffix:Function,nodeProps:Function,keyboard:{type:Boolean,default:!0},getChildren:Function,onDragenter:[Function,Array],onDragleave:[Function,Array],onDragend:[Function,Array],onDragstart:[Function,Array],onDragover:[Function,Array],onDrop:[Function,Array],onUpdateCheckedKeys:[Function,Array],"onUpdate:checkedKeys":[Function,Array],onUpdateSelectedKeys:[Function,Array],"onUpdate:selectedKeys":[Function,Array]}),zr),{internalTreeSelect:Boolean,internalScrollable:Boolean,internalScrollablePadding:String,internalRenderEmpty:Function,internalHighlightKeySet:Object,internalUnifySelectCheck:Boolean,internalCheckboxFocusable:{type:Boolean,default:!0},internalFocusable:{type:Boolean,default:!0},checkStrategy:{type:String,default:"all"},leafOnly:Boolean}),Br=j({name:"Tree",props:Ar,setup(e){const{mergedClsPrefixRef:t,inlineThemeDisabled:c,mergedRtlRef:l}=it(e),f=dt("Tree",l,t),r=Qe("Tree","-tree",Pr,yr,e,t),p=J(null),d=J(null),s=J(null);function v(){var n;return(n=s.value)===null||n===void 0?void 0:n.listElRef}function g(){var n;return(n=s.value)===null||n===void 0?void 0:n.itemsElRef}const y=z(()=>{const{filter:n}=e;if(n)return n;const{labelField:h}=e;return(k,$)=>{if(!k.length)return!0;const _=$[h];return typeof _=="string"?_.toLowerCase().includes(k.toLowerCase()):!1}}),C=z(()=>{const{pattern:n}=e;return n?!n.length||!y.value?{filteredTree:e.data,highlightKeySet:null,expandedKeys:void 0}:Tr(e.data,y.value,n,e.keyField,e.childrenField):{filteredTree:e.data,highlightKeySet:null,expandedKeys:void 0}}),L=z(()=>Ao(e.showIrrelevantNodes?e.data:C.value.filteredTree,Fr(e.keyField,e.childrenField,e.disabledField,e.getChildren))),x=Be(_n,null),a=e.internalTreeSelect?x.dataTreeMate:L,{watchProps:o}=e,i=J([]);o!=null&&o.includes("defaultCheckedKeys")?Ee(()=>{i.value=e.defaultCheckedKeys}):i.value=e.defaultCheckedKeys;const u=O(e,"checkedKeys"),S=nt(u,i),b=z(()=>a.value.getCheckedKeys(S.value,{cascade:e.cascade,allowNotLoaded:e.allowCheckingNotLoaded})),D=$r(e),I=z(()=>b.value.checkedKeys),le=z(()=>{const{indeterminateKeys:n}=e;return n!==void 0?n:b.value.indeterminateKeys}),Z=J([]);o!=null&&o.includes("defaultSelectedKeys")?Ee(()=>{Z.value=e.defaultSelectedKeys}):Z.value=e.defaultSelectedKeys;const ke=O(e,"selectedKeys"),ve=nt(ke,Z),De=J([]),Ke=n=>{De.value=e.defaultExpandAll?a.value.getNonLeafKeys():n===void 0?e.defaultExpandedKeys:n};o!=null&&o.includes("defaultExpandedKeys")?Ee(()=>{Ke(void 0)}):Ee(()=>{Ke(e.defaultExpandedKeys)});const Xe=O(e,"expandedKeys"),ue=nt(Xe,De),me=z(()=>L.value.getFlattenedNodes(ue.value)),{pendingNodeKeyRef:Ce,handleKeydown:yt}=Dr({props:e,mergedCheckedKeysRef:S,mergedSelectedKeysRef:ve,fNodesRef:me,mergedExpandedKeysRef:ue,handleCheck:Rt,handleSelect:$t,handleSwitcherClick:Qt});let ge=null,Ne=null;const Je=J(new Set),xt=z(()=>e.internalHighlightKeySet||C.value.highlightKeySet),kt=nt(xt,Je),R=J(new Set),B=z(()=>ue.value.filter(n=>!R.value.has(n)));let H=0;const X=J(null),ae=J(null),ct=J(null),ut=J(null),ft=J(0),Kn=z(()=>{const{value:n}=ae;return n?n.parent:null});let wt=!1;Le(O(e,"data"),()=>{wt=!0,ot(()=>{wt=!1}),R.value.clear(),Ce.value=null,et()},{deep:!1});let Ct=!1;const Nt=()=>{Ct=!0,ot(()=>{Ct=!1})};let Ze;Le(O(e,"pattern"),(n,h)=>{if(e.showIrrelevantNodes)if(Ze=void 0,n){const{expandedKeys:k,highlightKeySet:$}=_r(e.data,e.pattern,e.keyField,e.childrenField,y.value);Je.value=$,Nt(),Oe(k,se(k),{node:null,action:"filter"})}else Je.value=new Set;else if(!n.length)Ze!==void 0&&(Nt(),Oe(Ze,se(Ze),{node:null,action:"filter"}));else{h.length||(Ze=ue.value);const{expandedKeys:k}=C.value;k!==void 0&&(Nt(),Oe(k,se(k),{node:null,action:"filter"}))}});function Gt(n){return Er(this,void 0,void 0,function*(){const{onLoad:h}=e;if(!h){yield Promise.resolve();return}const{value:k}=R;if(!k.has(n.key)){k.add(n.key);try{(yield h(n.rawNode))===!1&&Me()}catch($){console.error($),Me()}k.delete(n.key)}})}Ee(()=>{var n;const{value:h}=L;if(!h)return;const{getNode:k}=h;(n=ue.value)===null||n===void 0||n.forEach($=>{const _=k($);_&&!_.shallowLoaded&&Gt(_)})});const Ie=J(!1),Se=J([]);Le(B,(n,h)=>{if(!e.animated||Ct){ot(ht);return}if(wt)return;const k=tt(r.value.self.nodeHeight),$=new Set(h);let _=null,W=null;for(const U of n)if(!$.has(U)){if(_!==null)return;_=U}const ie=new Set(n);for(const U of h)if(!ie.has(U)){if(W!==null)return;W=U}if(_===null&&W===null)return;const{virtualScroll:ce}=e,qe=(ce?s.value.listElRef:p.value).offsetHeight,Ve=Math.ceil(qe/k)+1;let fe;if(_!==null&&(fe=h),W!==null&&(fe===void 0?fe=n:fe=fe.filter(U=>U!==W)),Ie.value=!0,Se.value=L.value.getFlattenedNodes(fe),_!==null){const U=Se.value.findIndex(he=>he.key===_);if(~U){const he=Se.value[U].children;if(he){const pe=ln(he,n);Se.value.splice(U+1,0,{__motion:!0,mode:"expand",height:ce?pe.length*k:void 0,nodes:ce?pe.slice(0,Ve):pe})}}}if(W!==null){const U=Se.value.findIndex(he=>he.key===W);if(~U){const he=Se.value[U].children;if(!he)return;Ie.value=!0;const pe=ln(he,n);Se.value.splice(U+1,0,{__motion:!0,mode:"collapse",height:ce?pe.length*k:void 0,nodes:ce?pe.slice(0,Ve):pe})}}});const Pn=z(()=>Bo(me.value)),En=z(()=>Ie.value?Se.value:me.value);function ht(){const{value:n}=d;n&&n.sync()}function Fn(){Ie.value=!1,e.virtualScroll&&ot(ht)}function se(n){const{getNode:h}=a.value;return n.map(k=>{var $;return(($=h(k))===null||$===void 0?void 0:$.rawNode)||null})}function Oe(n,h,k){const{"onUpdate:expandedKeys":$,onUpdateExpandedKeys:_}=e;De.value=n,$&&ee($,n,h,k),_&&ee(_,n,h,k)}function Yt(n,h,k){const{"onUpdate:checkedKeys":$,onUpdateCheckedKeys:_}=e;i.value=n,_&&ee(_,n,h,k),$&&ee($,n,h,k)}function zn(n,h){const{"onUpdate:indeterminateKeys":k,onUpdateIndeterminateKeys:$}=e;k&&ee(k,n,h),$&&ee($,n,h)}function St(n,h,k){const{"onUpdate:selectedKeys":$,onUpdateSelectedKeys:_}=e;Z.value=n,_&&ee(_,n,h,k),$&&ee($,n,h,k)}function An(n){const{onDragenter:h}=e;h&&ee(h,n)}function Bn(n){const{onDragleave:h}=e;h&&ee(h,n)}function In(n){const{onDragend:h}=e;h&&ee(h,n)}function On(n){const{onDragstart:h}=e;h&&ee(h,n)}function Mn(n){const{onDragover:h}=e;h&&ee(h,n)}function Un(n){const{onDrop:h}=e;h&&ee(h,n)}function et(){qn(),Pe()}function qn(){X.value=null}function Pe(){ft.value=0,ae.value=null,ct.value=null,ut.value=null,Me()}function Me(){ge&&(window.clearTimeout(ge),ge=null),Ne=null}function Rt(n,h){if(e.disabled||_e(n,e.disabledField))return;if(e.internalUnifySelectCheck&&!e.multiple){$t(n);return}const k=h?"check":"uncheck",{checkedKeys:$,indeterminateKeys:_}=a.value[k](n.key,I.value,{cascade:e.cascade,checkStrategy:D.value,allowNotLoaded:e.allowCheckingNotLoaded});Yt($,se($),{node:n.rawNode,action:k}),zn(_,se(_))}function Vn(n){if(e.disabled)return;const{key:h}=n,{value:k}=ue,$=k.findIndex(_=>_===h);if(~$){const _=Array.from(k);_.splice($,1),Oe(_,se(_),{node:n.rawNode,action:"collapse"})}else{const _=L.value.getNode(h);if(!_||_.isLeaf)return;let W;if(e.accordion){const ie=new Set(n.siblings.map(({key:ce})=>ce));W=k.filter(ce=>!ie.has(ce)),W.push(h)}else W=k.concat(h);Oe(W,se(W),{node:n.rawNode,action:"expand"})}}function Qt(n){e.disabled||Ie.value||Vn(n)}function $t(n){if(!(e.disabled||!e.selectable)){if(Ce.value=n.key,e.internalUnifySelectCheck){const{value:{checkedKeys:h,indeterminateKeys:k}}=b;e.multiple?Rt(n,!(h.includes(n.key)||k.includes(n.key))):Yt([n.key],se([n.key]),{node:n.rawNode,action:"check"})}if(e.multiple){const h=Array.from(ve.value),k=h.findIndex($=>$===n.key);~k?e.cancelable&&h.splice(k,1):~k||h.push(n.key),St(h,se(h),{node:n.rawNode,action:~k?"unselect":"select"})}else ve.value.includes(n.key)?e.cancelable&&St([],[],{node:n.rawNode,action:"unselect"}):St([n.key],se([n.key]),{node:n.rawNode,action:"select"})}}function jn(n){if(ge&&(window.clearTimeout(ge),ge=null),n.isLeaf)return;Ne=n.key;const h=()=>{if(Ne!==n.key)return;const{value:k}=ct;if(k&&k.key===n.key&&!ue.value.includes(n.key)){const $=ue.value.concat(n.key);Oe($,se($),{node:n.rawNode,action:"expand"})}ge=null,Ne=null};n.shallowLoaded?ge=window.setTimeout(()=>{h()},1e3):ge=window.setTimeout(()=>{Gt(n).then(()=>{h()})},1e3)}function Hn({event:n,node:h}){!e.draggable||e.disabled||_e(h,e.disabledField)||(Xt({event:n,node:h},!1),An({event:n,node:h.rawNode}))}function Wn({event:n,node:h}){!e.draggable||e.disabled||_e(h,e.disabledField)||Bn({event:n,node:h.rawNode})}function Gn(n){n.target===n.currentTarget&&Pe()}function Yn({event:n,node:h}){et(),!(!e.draggable||e.disabled||_e(h,e.disabledField))&&In({event:n,node:h.rawNode})}function Qn({event:n,node:h}){!e.draggable||e.disabled||_e(h,e.disabledField)||(H=n.clientX,X.value=h,On({event:n,node:h.rawNode}))}function Xt({event:n,node:h},k=!0){var $;if(!e.draggable||e.disabled||_e(h,e.disabledField))return;const{value:_}=X;if(!_)return;const{allowDrop:W,indent:ie}=e;k&&Mn({event:n,node:h.rawNode});const ce=n.currentTarget,{height:qe,top:Ve}=ce.getBoundingClientRect(),fe=n.clientY-Ve;let U;W({node:h.rawNode,dropPosition:"inside",phase:"drag"})?fe<=8?U="before":fe>=qe-8?U="after":U="inside":fe<=qe/2?U="before":U="after";const{value:pe}=Pn;let M,ne;const je=pe(h.key);if(je===null){Pe();return}let vt=!1;U==="inside"?(M=h,ne="inside"):U==="before"?h.isFirstChild?(M=h,ne="before"):(M=me.value[je-1],ne="after"):(M=h,ne="after"),!M.isLeaf&&ue.value.includes(M.key)&&(vt=!0,ne==="after"&&(M=me.value[je+1],M?ne="before":(M=h,ne="inside")));const Zt=M;if(ct.value=Zt,!vt&&_.isLastChild&&_.key===M.key&&(ne="after"),ne==="after"){let en=H-n.clientX,_t=0;for(;en>=ie/2&&M.parent!==null&&M.isLastChild&&_t<1;)en-=ie,_t+=1,M=M.parent;ft.value=_t}else ft.value=0;if((_.contains(M)||ne==="inside"&&(($=_.parent)===null||$===void 0?void 0:$.key)===M.key)&&!(_.key===Zt.key&&_.key===M.key)){Pe();return}if(!W({node:M.rawNode,dropPosition:ne,phase:"drag"})){Pe();return}if(_.key===M.key)Me();else if(Ne!==M.key)if(ne==="inside"){if(e.expandOnDragenter){if(jn(M),!M.shallowLoaded&&Ne!==M.key){et();return}}else if(!M.shallowLoaded){et();return}}else Me();else ne!=="inside"&&Me();ut.value=ne,ae.value=M}function Xn({event:n,node:h,dropPosition:k}){if(!e.draggable||e.disabled||_e(h,e.disabledField))return;const{value:$}=X,{value:_}=ae,{value:W}=ut;if(!(!$||!_||!W)&&e.allowDrop({node:_.rawNode,dropPosition:W,phase:"drag"})&&$.key!==_.key){if(W==="before"){const ie=$.getNext({includeDisabled:!0});if(ie&&ie.key===_.key){Pe();return}}if(W==="after"){const ie=$.getPrev({includeDisabled:!0});if(ie&&ie.key===_.key){Pe();return}}Un({event:n,node:_.rawNode,dragNode:$.rawNode,dropPosition:k}),et()}}function Jn(){ht()}function Zn(){ht()}function eo(n){var h;if(e.virtualScroll||e.internalScrollable){const{value:k}=d;if(!((h=k==null?void 0:k.containerRef)===null||h===void 0)&&h.contains(n.relatedTarget))return;Ce.value=null}else{const{value:k}=p;if(k!=null&&k.contains(n.relatedTarget))return;Ce.value=null}}Le(Ce,n=>{var h,k;if(n!==null){if(e.virtualScroll)(h=s.value)===null||h===void 0||h.scrollTo({key:n});else if(e.internalScrollable){const{value:$}=d;if($===null)return;const _=(k=$.contentRef)===null||k===void 0?void 0:k.querySelector(`[data-key="${Cn(n)}"]`);if(!_)return;$.scrollTo({el:_})}}}),Ot(st,{loadingKeysRef:R,highlightKeySetRef:kt,displayedCheckedKeysRef:I,displayedIndeterminateKeysRef:le,mergedSelectedKeysRef:ve,mergedExpandedKeysRef:ue,mergedThemeRef:r,mergedCheckStrategyRef:D,nodePropsRef:O(e,"nodeProps"),disabledRef:O(e,"disabled"),checkableRef:O(e,"checkable"),selectableRef:O(e,"selectable"),expandOnClickRef:O(e,"expandOnClick"),onLoadRef:O(e,"onLoad"),draggableRef:O(e,"draggable"),blockLineRef:O(e,"blockLine"),indentRef:O(e,"indent"),cascadeRef:O(e,"cascade"),checkOnClickRef:O(e,"checkOnClick"),checkboxPlacementRef:e.checkboxPlacement,droppingMouseNodeRef:ct,droppingNodeParentRef:Kn,draggingNodeRef:X,droppingPositionRef:ut,droppingOffsetLevelRef:ft,fNodesRef:me,pendingNodeKeyRef:Ce,showLineRef:O(e,"showLine"),disabledFieldRef:O(e,"disabledField"),internalScrollableRef:O(e,"internalScrollable"),internalCheckboxFocusableRef:O(e,"internalCheckboxFocusable"),internalTreeSelect:e.internalTreeSelect,renderLabelRef:O(e,"renderLabel"),renderPrefixRef:O(e,"renderPrefix"),renderSuffixRef:O(e,"renderSuffix"),renderSwitcherIconRef:O(e,"renderSwitcherIcon"),labelFieldRef:O(e,"labelField"),multipleRef:O(e,"multiple"),overrideDefaultNodeClickBehaviorRef:O(e,"overrideDefaultNodeClickBehavior"),handleSwitcherClick:Qt,handleDragEnd:Yn,handleDragEnter:Hn,handleDragLeave:Wn,handleDragStart:Qn,handleDrop:Xn,handleDragOver:Xt,handleSelect:$t,handleCheck:Rt});function to(n,h){var k,$;typeof n=="number"?(k=s.value)===null||k===void 0||k.scrollTo(n,h||0):($=s.value)===null||$===void 0||$.scrollTo(n)}const no={handleKeydown:yt,scrollTo:to,getCheckedData:()=>{if(!e.checkable)return{keys:[],options:[]};const{checkedKeys:n}=b.value;return{keys:n,options:se(n)}},getIndeterminateData:()=>{if(!e.checkable)return{keys:[],options:[]};const{indeterminateKeys:n}=b.value;return{keys:n,options:se(n)}}},Jt=z(()=>{const{common:{cubicBezierEaseInOut:n},self:{fontSize:h,nodeBorderRadius:k,nodeColorHover:$,nodeColorPressed:_,nodeColorActive:W,arrowColor:ie,loadingColor:ce,nodeTextColor:qe,nodeTextColorDisabled:Ve,dropMarkColor:fe,nodeWrapperPadding:U,nodeHeight:he,lineHeight:pe,lineColor:M}}=r.value,ne=Dt(U,"top"),je=Dt(U,"bottom"),vt=mn(tt(he)-tt(ne)-tt(je));return{"--n-arrow-color":ie,"--n-loading-color":ce,"--n-bezier":n,"--n-font-size":h,"--n-node-border-radius":k,"--n-node-color-active":W,"--n-node-color-hover":$,"--n-node-color-pressed":_,"--n-node-text-color":qe,"--n-node-text-color-disabled":Ve,"--n-drop-mark-color":fe,"--n-node-wrapper-padding":U,"--n-line-offset-top":`-${ne}`,"--n-line-offset-bottom":`-${je}`,"--n-node-content-height":vt,"--n-line-height":pe,"--n-line-color":M}}),Ue=c?Ut("tree",void 0,Jt,e):void 0;return Object.assign(Object.assign({},no),{mergedClsPrefix:t,mergedTheme:r,rtlEnabled:f,fNodes:En,aip:Ie,selfElRef:p,virtualListInstRef:s,scrollbarInstRef:d,handleFocusout:eo,handleDragLeaveTree:Gn,handleScroll:Jn,getScrollContainer:v,getScrollContent:g,handleAfterEnter:Fn,handleResize:Zn,cssVars:c?void 0:Jt,themeClass:Ue==null?void 0:Ue.themeClass,onRender:Ue==null?void 0:Ue.onRender})},render(){var e;const{fNodes:t,internalRenderEmpty:c}=this;if(!t.length&&c)return c();const{mergedClsPrefix:l,blockNode:f,blockLine:r,draggable:p,disabled:d,internalFocusable:s,checkable:v,handleKeydown:g,rtlEnabled:y,handleFocusout:C,scrollbarProps:L}=this,x=s&&!d,a=x?"0":void 0,o=[`${l}-tree`,y&&`${l}-tree--rtl`,v&&`${l}-tree--checkable`,(r||f)&&`${l}-tree--block-node`,r&&`${l}-tree--block-line`],i=S=>"__motion"in S?N(Kr,{height:S.height,nodes:S.nodes,clsPrefix:l,mode:S.mode,onAfterEnter:this.handleAfterEnter}):N(Ln,{key:S.key,tmNode:S,clsPrefix:l});if(this.virtualScroll){const{mergedTheme:S,internalScrollablePadding:b}=this,D=Dt(b||"0");return N(on,Object.assign({},L,{ref:"scrollbarInstRef",onDragleave:p?this.handleDragLeaveTree:void 0,container:this.getScrollContainer,content:this.getScrollContent,class:o,theme:S.peers.Scrollbar,themeOverrides:S.peerOverrides.Scrollbar,tabindex:a,onKeydown:x?g:void 0,onFocusout:x?C:void 0}),{default:()=>{var I;return(I=this.onRender)===null||I===void 0||I.call(this),t.length?N(Io,{ref:"virtualListInstRef",items:this.fNodes,itemSize:tt(S.self.nodeHeight),ignoreItemResize:this.aip,paddingTop:D.top,paddingBottom:D.bottom,class:this.themeClass,style:[this.cssVars,{paddingLeft:D.left,paddingRight:D.right}],onScroll:this.handleScroll,onResize:this.handleResize,showScrollbar:!1,itemResizable:!0},{default:({item:le})=>i(le)}):nn(this.$slots.empty,()=>[N(an,{class:`${l}-tree__empty`,theme:this.mergedTheme.peers.Empty,themeOverrides:this.mergedTheme.peerOverrides.Empty})])}})}const{internalScrollable:u}=this;return o.push(this.themeClass),(e=this.onRender)===null||e===void 0||e.call(this),u?N(on,Object.assign({},L,{class:o,tabindex:a,onKeydown:x?g:void 0,onFocusout:x?C:void 0,style:this.cssVars,contentStyle:{padding:this.internalScrollablePadding}}),{default:()=>N("div",{onDragleave:p?this.handleDragLeaveTree:void 0,ref:"selfElRef"},this.fNodes.map(i))}):N("div",{class:o,tabindex:a,ref:"selfElRef",style:this.cssVars,onKeydown:x?g:void 0,onFocusout:x?C:void 0,onDragleave:p?this.handleDragLeaveTree:void 0},t.length?t.map(i):nn(this.$slots.empty,()=>[N(an,{class:`${l}-tree__empty`,theme:this.mergedTheme.peers.Empty,themeOverrides:this.mergedTheme.peerOverrides.Empty})]))}}),un=e=>{const t=Q(),c={x:0,y:0},l=Vt({...c});let f;const r=g=>{f&&g.preventDefault()},p=g=>{f=g,c.x=l.x,c.y=l.y},d=g=>{if(!f||!t.value)return;const y=g.clientX-f.clientX,C=g.clientY-f.clientY;e(y)&&(l.x=c.x+y),l.y=c.y+C},s=()=>{f=void 0},v=()=>{if(!t.value)return;s();const{top:g,bottom:y,left:C,right:L}=t.value.getBoundingClientRect();(L<0||C>window.innerWidth||y<0||g>window.innerHeight)&&(l.x=c.x,l.y=c.y)};return mt(()=>{window.addEventListener("pointermove",d),window.addEventListener("pointerup",v),document.addEventListener("selectstart",r)}),pt(()=>{window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",v),document.removeEventListener("selectstart",r),s()}),Le(t,(g,y)=>{g&&(g.addEventListener("pointerdown",p),g.addEventListener("pointerup",s)),y&&(y.removeEventListener("pointerdown",p),y.removeEventListener("pointerup",s))}),pt(()=>{t.value&&(t.value.removeEventListener("pointerdown",p),t.value.removeEventListener("pointerup",s))}),{target:t,offset:l}},fn="transition-top,bottom,left,right-500",jt=j({__name:"DraggableCard",props:{initialValue:{default:()=>({})},minWidth:{},sizeDraggable:{type:Boolean},disabled:{type:Boolean}},setup(e){var u,S;const t=e,c=t.initialValue.left!==void 0,l=t.initialValue.top!==void 0,f={x:(u=c?t.initialValue.left:t.initialValue.right)!=null?u:0,y:(S=l?t.initialValue.top:t.initialValue.bottom)!=null?S:0},r=un(b=>{const D=(t.initialValue.width||0)+p.offset.x+-r.offset.x-b;return(t.minWidth||0)<D}),p=un(b=>{const D=(t.initialValue.width||0)+p.offset.x+b-r.offset.x;return(t.minWidth||0)<D}),d=Vt({...f}),s=z(()=>{const b=(t.initialValue.width||0)+p.offset.x-r.offset.x,D=t.initialValue.width?`width:${b}px;`:"",I=l?`top:${d.y}px;`:`bottom:${d.y}px;`;return c?`left:${d.x-r.offset.x}px;`+I+D:`right:${d.x-p.offset.x}px;`+I+D});let v;const g=b=>{v=b,f.x=d.x,f.y=d.y},y=b=>{if(!x.value||!v)return;const D=b.clientX-v.clientX,I=b.clientY-v.clientY;d.x=f.x+(c?D:-D),d.y=f.y+(l?I:-I)},C=()=>{v=void 0},L=Q(),x=Q(),a=b=>{v&&b.preventDefault()},o=()=>{if(!x.value||!v)return;C();const{top:b,bottom:D,left:I,right:le}=x.value.getBoundingClientRect();if(le<0||I>window.innerWidth||D<0||b>window.innerHeight){d.x=f.x,d.y=f.y;const Z=L.value;Z&&(Z.classList.add(fn),setTimeout(()=>{Z.classList.remove(fn)},550))}};mt(()=>{window.addEventListener("pointermove",y),window.addEventListener("pointerup",o),document.addEventListener("selectstart",a)}),pt(()=>{window.removeEventListener("pointermove",y),window.removeEventListener("pointerup",o),document.removeEventListener("selectstart",a),C()}),Le(x,(b,D)=>{b&&(b.addEventListener("pointerdown",g),b.addEventListener("pointerup",C)),D&&(D.removeEventListener("pointerdown",g),D.removeEventListener("pointerup",C))}),pt(()=>{x.value&&(x.value.removeEventListener("pointerdown",g),x.value.removeEventListener("pointerup",C))});const i=b=>{b instanceof HTMLElement?x.value=b:x.value=void 0};return(b,D)=>(A(),te(wo,{to:"#app",disabled:b.disabled},[P("div",{fixed:"",ref_key:"box",ref:L,style:zt([b.$attrs.style,s.value]),class:at(b.$attrs.class)},[bn(b.$slots,"default",{onRef:i}),b.sizeDraggable?(A(),re(ze,{key:0},[P("div",{ref:m(r).target,absolute:"","right-full":"","top-0":"","bottom-0":"","w-5px":"","cursor-ew-resize":""},null,512),P("div",{ref:m(p).target,absolute:"","left-full":"","top-0":"","bottom-0":"","w-5px":"","cursor-ew-resize":""},null,512)],64)):de("",!0)],6)],8,["disabled"]))}}),Ir=P("th",null,"Name",-1),Or=P("th",null,"Value",-1),Mr=[Ir,Or],Ur={key:0,flex:"","justify-between":"","items-center":""},qr={key:0,viewBox:"0 0 28 28"},Vr=P("path",{d:"M15 8a1 1 0 1 1-2 0a1 1 0 0 1 2 0zm-1.75 3.75v7.5a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-1.5 0zM2 14C2 7.373 7.373 2 14 2s12 5.373 12 12s-5.373 12-12 12S2 20.627 2 14zM14 3.5C8.201 3.5 3.5 8.201 3.5 14S8.201 24.5 14 24.5S24.5 19.799 24.5 14S19.799 3.5 14 3.5z",fill:"currentColor"},null,-1),jr=[Vr],Hr={key:1,viewBox:"0 0 1024 1024"},Wr=P("path",{d:"M722.500267 330.888533l-273.408 273.408-147.729067-147.729066a42.018133 42.018133 0 1 0-59.426133 59.426133l177.425066 177.493333a41.984 41.984 0 0 0 59.426134 0L781.9264 390.314667a42.001067 42.001067 0 0 0-59.392-59.426134h-0.034133zM78.506667 783.496533a508.279467 508.279467 0 0 0 319.0784 226.986667C530.773333 1041.066667 667.886933 1017.924267 783.701333 945.390933a508.279467 508.279467 0 0 0 226.986667-319.0784 508.279467 508.279467 0 0 0-65.058133-386.116266C848.554667 85.367467 681.710933 0.341333 511.214933 0.341333a508.6208 508.6208 0 0 0-270.813866 77.960534A36.864 36.864 0 0 0 279.552 140.629333C484.113067 12.288 755.029333 74.581333 883.268267 279.278933a434.9952 434.9952 0 0 1 55.739733 330.5472 435.029333 435.029333 0 0 1-194.3552 273.134934 435.746133 435.746133 0 0 1-330.581333 55.773866A435.165867 435.165867 0 0 1 140.936533 744.379733a436.770133 436.770133 0 0 1-5.666133-456.055466 36.829867 36.829867 0 0 0-63.317333-37.546667A510.1568 510.1568 0 0 0 78.506667 783.530667v-0.034134z",fill:"currentColor"},null,-1),Gr=[Wr],Yr=j({__name:"AttrCard",props:{focusNode:{}},setup(e){const t=e,c={_id:{desc:"虚拟属性(真机不可用):生成快照访问节点顺序",type:"info"},_pid:{desc:"虚拟属性(真机不可用):父节点的 _id",type:"info"},depth:{desc:"使用此属性在某些应用上可能造成无限节点错误",type:"info"},id:{desc:"可快速查找",type:"quickFind",show(){return(t.focusNode.quickFind||t.focusNode.idQf)&&t.focusNode.attr.id}},vid:{desc:"可快速查找",type:"quickFind",show(){return(t.focusNode.quickFind||t.focusNode.idQf)&&t.focusNode.attr.vid}},text:{desc:"可快速查找",type:"quickFind",show(){return(t.focusNode.quickFind||t.focusNode.textQf)&&t.focusNode.attr.text}}},l=["text","desc"],f=z(()=>Object.entries(t.focusNode.attr).map(([r,p])=>{var v,g,y;const d=(v=c[r])==null?void 0:v.show,s={name:r,value:p,desc:JSON.stringify(p),tip:!d||d()?c[r]:void 0};return l.includes(r)?[s,{name:r+".length",value:(g=p==null?void 0:p.length)!=null?g:null,desc:JSON.stringify((y=p==null?void 0:p.length)!=null?y:null),tip:void 0}]:s}).flat());return(r,p)=>(A(),te(jt,{initialValue:{top:75,right:10},class:"box-shadow-dim"},{default:w(({onRef:d})=>[T(m(Rn),{size:"small",striped:"",singleLine:!1,class:"gkd_code",themeOverrides:{thPaddingSmall:"1px 3px",tdPaddingSmall:"1px 3px"}},{default:w(()=>[P("thead",null,[P("tr",{ref:d,"cursor-move":""},Mr,512)]),T(m($n),null,{default:w(()=>[(A(!0),re(ze,null,rt(f.value,s=>(A(),te(m(It),{key:s.name},{default:w(()=>[T(m(be),{onClick:v=>m(Te)(`${s.name}=${s.desc}`)},{default:w(()=>[s.tip?(A(),re("div",Ur,[P("div",null,Y(s.name),1),T(m(Oo),null,{trigger:w(()=>[T(m(Fe),{size:"16"},{default:w(()=>[s.tip.type=="info"?(A(),re("svg",qr,jr)):s.tip.type=="quickFind"?(A(),re("svg",Hr,Gr)):de("",!0)]),_:2},1024)]),default:w(()=>[V(" "+Y(s.tip.desc),1)]),_:2},1024)])):(A(),re(ze,{key:1},[V(Y(s.name),1)],64))]),_:2},1032,["onClick"]),T(m(be),null,{default:w(()=>[T(m(Ge),{class:at(["w-[calc(var(--gkd-width)*0.12)]",{"text-left direction-rtl":s.name=="id"}])},{default:w(()=>[V(Y(s.desc),1)]),_:2},1032,["class"])]),_:2},1024)]),_:2},1024))),128))]),_:1})]),_:2},1024)]),_:1}))}}),Qr={flex:"","flex-col":"",relative:"","h-full":""},Xr=["src"],Jr=P("div",{absolute:"","left-0":"","top-0":"","bottom-0":"","right-0":"","b-solid":"","b-1px":"","b-red":""},null,-1),Zr=[Jr],el={class:"left-[calc(100%+4px)]",absolute:"","top-0":"","overflow-hidden":"","z-1":"","bg-white":"","h-200px":"","w-200px":"","border-1px":"","border-indigo-600":"","border-dashed":""},tl=["src"],nl={absolute:"","left-2px":"","top-2px":"","p-1px":"","z-1":"","text-13px":"",class:"leading-[1] bg-[rgba(256,256,256,0.7)]"},ol={key:0,absolute:"","left-2px":"","bottom-2px":"","p-1px":"","z-1":"","text-12px":"",class:"leading-[1] bg-[rgba(256,256,256,0.7)]",flex:"","flex-col":"","flex-items-center":""},rl=P("div",{class:"top-[calc(50%-1px)] bg-[length:10px_1px]",absolute:"","left-0":"","right-0":"","h-1px":"","bg-repeat-x":"","mix-blend-difference":"",style:{"background-image":`linear-gradient(
|
|
258
|
+
to left,
|
|
259
|
+
transparent 0%,
|
|
260
|
+
transparent 50%,
|
|
261
|
+
#fff 50%,
|
|
262
|
+
#fff 100%
|
|
263
|
+
)`,"background-position-x":"1.5px"}},null,-1),ll=P("div",{class:"left-[calc(50%-1px)] bg-[length:1px_10px]",absolute:"","top-0":"","bottom-0":"","w-1px":"","bg-repeat-y":"","mix-blend-difference":"",style:{"background-image":`linear-gradient(
|
|
264
|
+
to top,
|
|
265
|
+
transparent 0%,
|
|
266
|
+
transparent 50%,
|
|
267
|
+
#fff 50%,
|
|
268
|
+
#fff 100%
|
|
269
|
+
)`,"background-position-y":"1.5px"}},null,-1),al=j({__name:"ScreenshotCard",props:{url:{},snapshot:{},rootNode:{},focusNode:{},onUpdateFocusNode:{type:Function,default:Ae},onUpdateFocusNodes:{type:Function,default:Ae}},setup(e){const t=e,c=wn(),l=Ho(z(()=>(c.width.value,c.height.value,Math.random())),300),f=Q(),r=Q(0),p=x=>{if(!t.rootNode)return;const a=f.value;if(!a)return;const o=a.getBoundingClientRect(),i=o.width/a.naturalWidth*a.naturalHeight,u=(o.height-i)/2,S=(x.clientX-o.left)/o.width*a.naturalWidth,b=(x.clientY-o.top-u)/i*a.naturalHeight,D=Mo(t.snapshot.nodes,S,b);D.length!==0&&(D.length===1?t.onUpdateFocusNode(D[0]):(t.onUpdateFocusNode(D[0]),t.onUpdateFocusNodes({nodes:D,position:{x:S,y:b}})))},d=x=>`${x*100}%`,s=z(()=>{var u;l.value,r.value;const x=f.value,a=(u=t.focusNode)==null?void 0:u.attr;if(!t.focusNode||!x||!a)return"";const o=x.getBoundingClientRect(),i=o.width/x.naturalWidth*x.naturalHeight;return{left:`calc(${d(a.left/x.naturalWidth)} - 2px)`,width:`calc(${d((a.right-a.left)/x.naturalWidth)} + 2px)`,top:`calc(${d((a.top/x.naturalHeight*i+(o.height-i)/2)/o.height)} - 2px)`,height:`calc(${d((a.bottom-a.top)/x.naturalHeight*i/o.height)} + 2px)`}}),v=Q(!1),g=Q({ox:0,oy:0}),y=z(()=>{var i;const x=(i=t.focusNode)==null?void 0:i.attr;if(!x)return;const{ox:a,oy:o}=g.value;return{left:a-x.left,right:x.right-a,top:o-x.top,bottom:x.bottom-o}}),C=x=>{const a=f.value;if(!a)return;const o=a.getBoundingClientRect(),i=o.width/a.naturalWidth*a.naturalHeight,u=(o.height-i)/2,S=(x.clientX-o.left)/o.width*a.naturalWidth,b=(x.clientY-o.top-u)/i*a.naturalHeight;g.value={ox:S,oy:b},L.value={left:-(S-.1*a.naturalWidth)/a.naturalWidth*1e3+"px",top:-(b-.1*a.naturalWidth)/a.naturalWidth*1e3+"px"}},L=Q({left:"0",top:"0"});return(x,a)=>(A(),re("div",Qr,[P("img",{ref_key:"imgRef",ref:f,src:x.url,onClick:p,"cursor-crosshair":"","h-full":"","object-contain":"",class:"max-w-[calc(var(--gkd-width)*0.35)]",onMouseover:a[0]||(a[0]=o=>v.value=!0),onMouseleave:a[1]||(a[1]=o=>v.value=!1),onMousemove:C,onLoad:a[2]||(a[2]=o=>r.value=Date.now())},null,40,Xr),P("div",{style:zt(s.value),absolute:"","pointer-events-none":"","transition-all-300":"","b-1px":"","b-blue":"","b-solid":""},Zr,4),hn(P("div",el,[P("img",{src:x.url,"object-contain":"",absolute:"","left-0":"","top-0":"",style:zt(L.value),"w-1000px":""},null,12,tl),P("div",nl,Y(`${g.value.ox.toFixed(0)},${g.value.oy.toFixed(0)}`),1),y.value?(A(),re("div",ol,[P("div",null,Y(y.value.top.toFixed(0)),1),P("div",null,Y(y.value.left.toFixed(0)+","+y.value.right.toFixed(0)),1),P("div",null,Y(y.value.bottom.toFixed(0)),1)])):de("",!0),rl,ll],512),[[vn,v.value]])]))}});var Ht={},bt={};Object.defineProperty(bt,"__esModule",{value:!0});function il(e){return String.fromCharCode(parseInt(e.slice(1),16))}function dl(e){return btoa(encodeURIComponent(e).replace(/%[0-9A-F]{2}/g,il))}bt.encode=dl;function sl(e){return`%${`00${e.charCodeAt(0).toString(16)}`.slice(-2)}`}function cl(e){return decodeURIComponent(Array.from(atob(e),sl).join(""))}bt.decode=cl;Object.defineProperty(Ht,"__esModule",{value:!0});const Dn=bt;function ul(e){return Dn.decode(e.replace(/\-/g,"+").replace(/_/g,"/"))}var fl=Ht.decode=ul;function hl(e){return Dn.encode(e).replace(/\//g,"_").replace(/\+/g,"-").replace(/=+$/,"")}var vl=Ht.encode=hl;const Wt=wn(),gl=z(()=>Wt.width.value/100),pl=z(()=>Math.max(1200,Wt.width.value));z(()=>Math.max(700,Wt.height.value));const ml={"bg-white":"","b-1px":"","b-solid":"","b-gray-200":"","rounded-4px":"","p-8px":""},bl={flex:"","m-b-4px":""},yl=P("svg",{viewBox:"0 0 32 32"},[P("path",{d:"M29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29zM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9z",fill:"currentColor"})],-1),xl=P("div",{"p-5px":""},null,-1),kl={key:0,underline:"","decoration-1":"","m-r-4px":"",title:"查询数量"},wl=["title"],Cl=P("svg",{viewBox:"0 0 24 24"},[P("path",{d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z",fill:"currentColor"})],-1),Nl=P("div",{"p-l-4px":""},null,-1),Sl=P("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},[P("path",{d:"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81c1.66 0 3-1.34 3-3s-1.34-3-3-3s-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65c0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z",fill:"currentColor"})],-1),Rl=P("div",{"p-l-4px":""},null,-1),$l=P("svg",{viewBox:"0 0 24 24"},[P("g",{fill:"none"},[P("path",{d:"M12 1.75a3.25 3.25 0 0 1 3.245 3.066L15.25 5h5.25a.75.75 0 0 1 .102 1.493L20.5 6.5h-.796l-1.28 13.02a2.75 2.75 0 0 1-2.561 2.474l-.176.006H8.313a2.75 2.75 0 0 1-2.714-2.307l-.023-.174L4.295 6.5H3.5a.75.75 0 0 1-.743-.648L2.75 5.75a.75.75 0 0 1 .648-.743L3.5 5h5.25A3.25 3.25 0 0 1 12 1.75zm6.197 4.75H5.802l1.267 12.872a1.25 1.25 0 0 0 1.117 1.122l.127.006h7.374c.6 0 1.109-.425 1.225-1.002l.02-.126L18.196 6.5zM13.75 9.25a.75.75 0 0 1 .743.648L14.5 10v7a.75.75 0 0 1-1.493.102L13 17v-7a.75.75 0 0 1 .75-.75zm-3.5 0a.75.75 0 0 1 .743.648L11 10v7a.75.75 0 0 1-1.493.102L9.5 17v-7a.75.75 0 0 1 .75-.75zm1.75-6a1.75 1.75 0 0 0-1.744 1.606L10.25 5h3.5A1.75 1.75 0 0 0 12 3.25z",fill:"currentColor"})])],-1),_l=P("svg",{viewBox:"0 0 24 24"},[P("path",{fill:"currentColor",d:"M5 21V8.825Q4.125 8.5 3.563 7.738T3 6q0-1.25.875-2.125T6 3q1.25 0 2.125.875T9 6q0 .975-.562 1.738T7 8.825V19h4V3h8v12.175q.875.325 1.438 1.088T21 18q0 1.25-.875 2.125T18 21q-1.25 0-2.125-.875T15 18q0-.975.563-1.75T17 15.175V5h-4v16zM6 7q.425 0 .713-.288T7 6q0-.425-.288-.712T6 5q-.425 0-.712.288T5 6q0 .425.288.713T6 7m12 12q.425 0 .713-.288T19 18q0-.425-.288-.712T18 17q-.425 0-.712.288T17 18q0 .425.288.713T18 19m0-1"})],-1),Tl=j({__name:"SearchCard",props:{snapshot:{},rootNode:{},focusNode:{},onUpdateFocusNode:{type:Function,default:Ae},onUpdateTrack:{type:Function,default:Ae}},setup(e){const t=yn(),c=xn(),l=e,f=Q(""),r=Vt([]),p=Q([]),d=a=>{const o=Xo(()=>Jo(a),u=>typeof u=="string"?u:"非法选择器");if(r.find(u=>typeof u.selector=="object"&&u.selector.toString()==o.toString())){xe.warning("不可重复选择");return}const i=o.querySelectorTrackAll(l.rootNode);if(i.length==0){xe.success("没有选择到节点");return}return xe.success(`选择到 ${i.length} 个节点`),r.unshift({selector:o,nodes:i,key:Date.now()}),i.length},s=a=>{if(r.find(u=>typeof u.selector=="string"&&u.selector.toString()==a)){xe.warning("不可重复搜索");return}const o=[],i=[l.rootNode];for(;i.length>0;){const u=i.pop();lt(u).includes(a)&&o.push(u),i.push(...[...u.children].reverse())}if(o.length==0){xe.success("没有搜索到节点");return}return xe.success(`搜索到 ${o.length} 个节点`),r.unshift({selector:a,nodes:o,key:Date.now()}),o.length},v=()=>{const a=r[0],o=a.nodes[0];Array.isArray(o)?typeof a.selector=="object"&&Array.isArray(o)&&l.onUpdateFocusNode(o[a.selector.trackIndex]):l.onUpdateFocusNode(o);const i=new Set(r.map(S=>S.key)),u=p.value.filter(S=>i.has(S));u.push(a.key),p.value=u},g=sn(()=>{const a=f.value.trim();if(a){if(C.value){if(!d(a))return}else if(!s(a))return;v()}});mt(async()=>{await Qo;let a=0;c.query.gkd&&(a+=d(fl(c.query.gkd))||0),c.query.str&&(a+=s(c.query.str)||0),a>0&&v()});const y=sn(async a=>{var I,le,Z;let o=No[l.snapshot.id];o&&(o=Pt(t,o));let i=gt[l.snapshot.id];i&&(i=Pt(t,i));const u=a.selector,S=a.nodes[0][0],b=[((I=S.quickFind)!=null?I:S.idQf)&&S.attr.id&&u.qfIdValue,((le=S.quickFind)!=null?le:S.idQf)&&S.attr.vid&&u.qfVidValue,((Z=S.quickFind)!=null?Z:S.textQf)&&S.attr.text&&u.qfTextValue].some(Boolean),D={id:l.snapshot.appId,name:l.snapshot.appName,groups:[{key:1,name:`[ChangeMe]规则名称-${Vo().format("YYYY-MM-DD HH:mm:ss")}`,desc:"[ChangeMe]本规则由GKD网页端审查工具生成",rules:[{quickFind:b||void 0,activityIds:l.snapshot.activityId,matches:u.toString(),exampleUrls:o,snapshotUrls:i}]}]};Te(Go.stringify(D,void 0,2))}),C=Q(!0),L=z(()=>gt[l.snapshot.id]),x=a=>{if(!L.value)return;const o=new URL(Pt(t,gt[l.snapshot.id]));typeof a.selector=="object"?o.searchParams.set("gkd",vl(a.selector.toString())):o.searchParams.set("str",a.selector.toString()),Te(o.toString())};return(a,o)=>(A(),te(jt,{initialValue:{top:75,right:Math.max(315,12*m(gl)+135),width:Math.max(480,m(pl)*.3)},minWidth:300,sizeDraggable:"",class:"z-1 box-shadow-dim"},{default:w(({onRef:i})=>[P("div",ml,[P("div",bl,[T(m(Uo),{value:C.value,"onUpdate:value":o[0]||(o[0]=u=>C.value=u)},{default:w(()=>[T(m(Bt),null,{default:w(()=>[T(m(dn),{value:!1},{default:w(()=>[V(" 字符搜索 ")]),_:1}),T(m(dn),{value:!0},{default:w(()=>[V(" 选择器查询 ")]),_:1})]),_:1})]),_:1},8,["value"]),P("div",{"flex-1":"","cursor-move":"",ref:i},null,512)]),T(m(qo),null,{default:w(()=>[T(m(Wo),{value:f.value,"onUpdate:value":o[1]||(o[1]=u=>f.value=u),placeholder:C.value?"请输入选择器":"请输入字符",onKeyup:Co(m(g),["enter"]),inputProps:{class:"gkd_code"}},null,8,["value","placeholder","onKeyup"]),T(m($e),{onClick:m(g)},{icon:w(()=>[T(m(Fe),null,{default:w(()=>[yl]),_:1})]),_:1},8,["onClick"])]),_:1}),xl,T(m(sr),{expandedNames:p.value,"onUpdate:expandedNames":o[2]||(o[2]=u=>p.value=u)},{default:w(()=>[(A(!0),re(ze,null,rt(m(r),(u,S)=>(A(),te(m(fr),{key:u.key,name:u.key},{header:w(()=>[u.nodes.length>1?(A(),re("span",kl,Y(u.nodes.length),1)):de("",!0),P("span",{"break-all":"",title:typeof u.selector=="object"?"选择器":"搜索字符"},Y(u.selector.toString()),9,wl)]),"header-extra":w(()=>[typeof u.selector=="object"&&u.selector.canCopy?(A(),te(m($e),{key:0,size:"small",onClick:Kt(b=>m(y)(u),["stop"]),title:"复制规则"},{icon:w(()=>[T(m(Fe),null,{default:w(()=>[Cl]),_:1})]),_:2},1032,["onClick"])):de("",!0),Nl,L.value?(A(),te(m($e),{key:1,size:"small",title:typeof u.selector=="object"?"复制查询链接":"复制搜索链接",onClick:Kt(b=>x(u),["stop"])},{icon:w(()=>[T(m(Fe),null,{default:w(()=>[Sl]),_:1})]),_:2},1032,["title","onClick"])):de("",!0),Rl,T(m($e),{size:"small",onClick:Kt(b=>m(r).splice(S,1),["stop"]),title:"删除记录"},{icon:w(()=>[T(m(Fe),null,{default:w(()=>[$l]),_:1})]),_:2},1032,["onClick"])]),default:w(()=>[T(m(Bt),{style:{"max-height":"400px","overflow-y":"scroll","padding-bottom":"10px"}},{default:w(()=>[typeof u.selector=="string"||u.selector.tracks.length<=1?(A(!0),re(ze,{key:0},rt(u.nodes.map(b=>Array.isArray(b)?b[0]:b),b=>(A(),te(m($e),{key:b.id,onClick:D=>a.onUpdateFocusNode(b),size:"small",class:at({"color-[#00F]":b===a.focusNode})},{default:w(()=>[V(Y(m(lt)(b)),1)]),_:2},1032,["onClick","class"]))),128)):(A(!0),re(ze,{key:1},rt(u.nodes.map(b=>Array.isArray(b)?b:[b]),(b,D)=>(A(),te(m(or),{key:D},{default:w(()=>[T(m($e),{size:"small",onClick:I=>a.onUpdateTrack({nodes:b,selector:u.selector})},{default:w(()=>[T(m(Fe),null,{default:w(()=>[_l]),_:1})]),_:2},1032,["onClick"]),T(m($e),{onClick:I=>a.onUpdateFocusNode(b[u.selector.trackIndex]),size:"small",class:at({"color-[#00F]":b[u.selector.trackIndex]===a.focusNode})},{default:w(()=>[V(Y(m(lt)(b[u.selector.trackIndex])),1)]),_:2},1032,["onClick","class"])]),_:2},1024))),128))]),_:2},1024)]),_:2},1032,["name"]))),128))]),_:1},8,["expandedNames"])])]),_:1},8,["initialValue"]))}}),Ll={flex:"","flex-col":""},Dl=j({__name:"WindowCard",props:{snapshot:{},rootNode:{},focusNode:{},focusCount:{},onUpdateFocusNode:{type:Function,default:Ae}},setup(e){const t=e,c=Q([]);Le([()=>t.focusNode,()=>t.focusCount],async()=>{if(!t.focusNode)return;const d=t.focusNode.id;ot().then(async()=>{var g,y;await kn(100),d===((g=t.focusNode)==null?void 0:g.id)&&((y=l.value)==null||y.scrollTo({key:d,behavior:"smooth",debounce:!0}))});let s=t.focusNode.parent;if(!s)return;const v=new Set(c.value);for(;s;)v.add(s.id),s=s.parent;v.size==c.value.length&&c.value.every(g=>v.has(g))||(c.value=[...v])});const l=Q(),f=(d,s)=>{var v;return s.id===((v=t.focusNode)==null?void 0:v.id)},r=d=>{var v;const s=d.option.idQf||d.option.textQf||d.option.quickFind;return{onClick:()=>{t.onUpdateFocusNode(d.option)},style:{color:d.option.id==((v=t.focusNode)==null?void 0:v.id)?"#00F":void 0,fontWeight:s?"bold":void 0}}},p=d=>lt(d.option);return(d,s)=>(A(),re("div",Ll,[T(m(Rn),{size:"small",striped:"",singleLine:!1,themeOverrides:{thPaddingSmall:"2px 4px",tdPaddingSmall:"2px 4px"}},{default:w(()=>[T(m(wr),null,{default:w(()=>[T(m(It),null,{default:w(()=>[T(m(Re),null,{default:w(()=>[V(" 设备 ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" GKD ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 应用名称 ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 版本名称 ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 版本代码 ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 应用ID ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 界面ID ")]),_:1}),T(m(Re),null,{default:w(()=>[V(" 操作 ")]),_:1})]),_:1})]),_:1}),T(m($n),null,{default:w(()=>[T(m(It),null,{default:w(()=>[T(m(be),{class:"whitespace-nowrap w-0"},{default:w(()=>[V(Y(`${m(Et)(d.snapshot).manufacturer} Android ${m(Et)(d.snapshot).release||""}`),1)]),_:1}),T(m(be),{class:"whitespace-nowrap"},{default:w(()=>[V(Y(m(Et)(d.snapshot).gkdVersionName||"1.6.4"),1)]),_:1}),T(m(be),{class:"whitespace-nowrap",onClick:s[0]||(s[0]=v=>m(Te)(d.snapshot.appName))},{default:w(()=>[T(m(Ge),null,{default:w(()=>[V(Y(d.snapshot.appName),1)]),_:1})]),_:1}),T(m(be),{class:"whitespace-nowrap",onClick:s[1]||(s[1]=v=>m(Te)(d.snapshot.appVersionName))},{default:w(()=>[T(m(Ge),null,{default:w(()=>[V(Y(d.snapshot.appVersionName),1)]),_:1})]),_:1}),T(m(be),{class:"whitespace-nowrap",onClick:s[2]||(s[2]=v=>m(Te)(d.snapshot.appVersionCode.toString()))},{default:w(()=>[T(m(Ge),null,{default:w(()=>[V(Y(d.snapshot.appVersionCode),1)]),_:1})]),_:1}),T(m(be),{class:"whitespace-nowrap max-w-[max(12vw,180px)]",onClick:s[3]||(s[3]=v=>m(Te)(d.snapshot.appId))},{default:w(()=>[T(m(Ge),null,{default:w(()=>[V(Y(d.snapshot.appId),1)]),_:1})]),_:1}),T(m(be),{onClick:s[4]||(s[4]=v=>m(Te)(d.snapshot.activityId)),class:"break-words max-w-[max(15vw,200px)] text-left direction-rtl"},{default:w(()=>[T(m(Ge),null,{default:w(()=>[V(Y(d.snapshot.activityId),1)]),_:1})]),_:1}),T(m(be),null,{default:w(()=>[bn(d.$slots,"default")]),_:3})]),_:3})]),_:3})]),_:3}),T(m(Br),{ref_key:"treeRef",ref:l,virtualScroll:"",showLine:"",keyField:"id",expandedKeys:c.value,"onUpdate:expandedKeys":s[5]||(s[5]=v=>c.value=v),data:[d.rootNode],filter:f,nodeProps:r,renderLabel:p},null,8,["expandedKeys","data","filter","nodeProps","renderLabel"])]))}}),Kl={bg:"#eee","px-2px":""},Pl=j({__name:"MultiFocusCard",props:{focusNode:{},focusNodes:{},onUpdateFocusNode:{type:Function,default:Ae},onClose:{type:Function,default:Ae}},setup(e){const c=document.documentElement.scrollWidth/100*25.5;return(l,f)=>(A(),te(jt,{initialValue:{top:215,left:c},class:"z-2 box-shadow-dim w-420px",disabled:!l.focusNodes},{default:w(({onRef:r})=>[l.focusNodes?(A(),te(m(So),{key:0,size:"small",closable:"",onClose:l.onClose},{header:w(()=>[P("div",{ref:r,"cursor-move":""},[V(" 位置 "),P("span",Kl,Y(`${l.focusNodes.position.x.toFixed(0)},${l.focusNodes.position.y.toFixed()}`),1),V(" 存在 "+Y(l.focusNodes.nodes.length)+" 个层叠节点 ",1)],512)]),default:w(()=>[T(m(Bt),{style:{"max-height":"400px","overflow-y":"scroll","padding-bottom":"10px"}},{default:w(()=>[(A(!0),re(ze,null,rt(l.focusNodes.nodes,p=>(A(),te(m($e),{key:p.id,onClick:d=>l.onUpdateFocusNode(p),size:"small",class:at({"color-[#00F]":p===l.focusNode})},{default:w(()=>[V(Y(m(lt)(p)),1)]),_:2},1032,["onClick","class"]))),128))]),_:1})]),_:2},1032,["onClose"])):de("",!0)]),_:1},8,["initialValue","disabled"]))}}),El={"h-full":"",flex:"","gap-5px":"","p-5px":"","box-border":""},Fl=P("svg",{viewBox:"0 0 24 24"},[P("path",{fill:"currentColor",d:"M5 21V8.825Q4.125 8.5 3.563 7.738T3 6q0-1.25.875-2.125T6 3q1.25 0 2.125.875T9 6q0 .975-.562 1.738T7 8.825V19h4V3h8v12.175q.875.325 1.438 1.088T21 18q0 1.25-.875 2.125T18 21q-1.25 0-2.125-.875T15 18q0-.975.563-1.75T17 15.175V5h-4v16zM6 7q.425 0 .713-.288T7 6q0-.425-.288-.712T6 5q-.425 0-.712.288T5 6q0 .425.288.713T6 7m12 12q.425 0 .713-.288T19 18q0-.425-.288-.712T18 17q-.425 0-.712.288T17 18q0 .425.288.713T18 19m0-1"})],-1),zl={key:0,class:"gkd_code py-2px px-4px rounded-2px bg-[#eee]"},Al=P("div",{"opacity-75":"","text-12px":""},"*为简化视图已隐藏部分节点",-1),Wl=j({__name:"SnapshotPage",setup(e){const t=(()=>{const o=()=>$o(()=>import("./TrackGraph-C_diB3mY.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);return setTimeout(o,3e3),Ro(o)})(),c=xn(),l=yn(),f=Yo(),r=z(()=>String(c.params.snapshotId||"")),p=z(()=>{const o=Number(c.query.showSize||"");return!Number.isSafeInteger(o)||o<=0?2e3:o}),d=Q(""),s=Q();Ee(async()=>{const o=await rn.getItem(r.value);if(!o){xe.error("快照数据缺失");return}Eo()&&To.autoUploadImport&&setTimeout(async()=>{Ko(o),gt[o.id]||Po(await rn.getItem(r.value))},1e3),o.nodes.length>p.value&&(xe.warning(`当前展示节点数量为${p.value}
|
|
270
|
+
之后的${o.nodes.length-p.value}个节点将被丢弃
|
|
271
|
+
使用showSize查询参数可以修改展示数量`),o.nodes=o.nodes.slice(0,p.value));const i=await Lo.getItem(r.value);if(!i){xe.create("截屏数据缺失");return}d.value=URL.createObjectURL(new Blob([i],{type:"image/png"})),s.value=o,v.value=jo(o.nodes),f.value="快照-"+o.appName||o.appId,g.value||(g.value=v.value)});const v=Q(),g=Q(),y=Q(0),C=async()=>{xe.success("删除成功,即将回到首页"),await kn(2e3),l.replace({path:"/"})},L=Q(),x=Q(!1);Ee(()=>{L.value&&(x.value=!0)});const a=Q();return Le(()=>g.value,o=>{var u;const i=(u=a.value)==null?void 0:u.nodes;i&&(!o||!i.includes(o))&&(a.value=void 0)}),(o,i)=>(A(),re("div",El,[d.value&&s.value?(A(),te(al,{key:0,url:d.value,snapshot:s.value,rootNode:v.value,focusNode:g.value,onUpdateFocusNode:i[0]||(i[0]=u=>{g.value=u,y.value++}),onUpdateFocusNodes:i[1]||(i[1]=u=>a.value=u)},null,8,["url","snapshot","rootNode","focusNode"])):de("",!0),s.value&&v.value?(A(),te(Dl,{key:1,rootNode:v.value,snapshot:s.value,focusNode:g.value,onUpdateFocusNode:i[2]||(i[2]=u=>g.value=u),focusCount:y.value,class:"flex-1"},{default:w(()=>[s.value?(A(),te(Do,{key:0,snapshot:s.value,onDelete:C,showPreview:!1},null,8,["snapshot"])):de("",!0)]),_:1},8,["rootNode","snapshot","focusNode","focusCount"])):de("",!0),g.value?(A(),te(Yr,{key:2,focusNode:g.value},null,8,["focusNode"])):de("",!0),v.value&&s.value?(A(),te(Tl,{key:3,snapshot:s.value,rootNode:v.value,focusNode:g.value,onUpdateFocusNode:i[3]||(i[3]=u=>{g.value=u,y.value++}),onUpdateTrack:i[4]||(i[4]=u=>L.value=u)},null,8,["snapshot","rootNode","focusNode"])):de("",!0),T(Pl,{focusNode:g.value,focusNodes:a.value,onUpdateFocusNode:i[5]||(i[5]=u=>{g.value=u,y.value++}),onClose:i[6]||(i[6]=u=>a.value=void 0)},null,8,["focusNode","focusNodes"]),T(m(_o),{show:x.value,"onUpdate:show":i[7]||(i[7]=u=>x.value=u),preset:"dialog",title:"选择器路径视图",class:"min-w-[calc(var(--gkd-width)*0.4)]",onAfterLeave:i[8]||(i[8]=u=>L.value=void 0)},{icon:w(()=>[T(m(Fe),null,{default:w(()=>[Fl]),_:1})]),default:w(()=>[L.value?(A(),re("div",zl,Y(L.value.selector.toString()),1)):de("",!0),L.value?(A(),te(m(t),{key:1,track:L.value},null,8,["track"])):de("",!0),Al]),_:1},8,["show"])]))}});export{Wl as default};
|
|
272
|
+
//# sourceMappingURL=SnapshotPage-_CtCgNUk.js.map
|