https://netnr.com/chunks/1314.13deff913e1ab5d7cca6.js

1"use strict";(self.webpackChunknetnr=self.webpackChunknetnr||[]).push([[1314],{81314(t,e,r){r.d(e,{nrcJSONEditor:()=>l});var o=r(17544),i=r(96785),n=r(4784);class l{constructor(t={}){this.injetClass=t.injetClass||"",this.storagePositionKey=t.storagePositionKey||"/JSONEditor/position",this.storageTextKey=t.storageTextKey||"/JSONEditor/text",this.storageTreeKey=t.storageTreeKey||"/JSONEditor/tree",this.hideTheme=t.hideTheme||!1,this.demoData=t.demoData||{array:[1,2,3],boolean:!0,color:"#82b92c",null:null,number:123,object:{a:"b",c:"d",e:"f"},string:"Hello World"},this.domContainer=t.domContainer||document.body}injetClass="";editorText=null;editorTree=null;JSONbig=null;async init(){return await n.f.init(),this.addStyle(),await this.render(),this}async render(){await r.e(5010).then(()=>r(67961));let{JSONEditor:t}=await r.e(322).then(()=>r(60322)),e=e=>new t(e);this.domContainer.classList.add("nrg-json-editor"),this.domContainer.innerHTML=`<div class="nrc-split-horizontal" style="visibility:hidden">
2    <div class="nrg-json-editor-text"></div>
3    <div class="nrc-split-divider">
4        <div class="nrg-json-editor-toolbar">
5            <button data-action="to-tree" title="">${this.getIcon("caret-right-fill")}</button>
6            <button data-action="to-text" title="">${this.getIcon("caret-left-fill")}</button> <br/>
7            <button data-action="to-escape" title="转义双引号">+\\</button>
8            <button data-action="to-unescape" title="清理转义">-\\</button> <br/>
9            <button data-action="to-bigint" title="支持大于 Number.MAX_SAFE_INTEGER 的数字不丢失精度">BigInt</button> <br/>
10            <button data-action="to-download" title="download">${this.getIcon("download")}</button>        
11            <button data-action="to-theme" title="theme" ${this.hideTheme?'style="display:none"':""}>${this.getIcon(o.l.isDark()?"sum-fill":"moon")}</button>
12        </div>
13    </div>
14    <div class="nrg-json-editor-tree"></div>
15</div>`,o.l.isDark()&&this.domContainer.classList.add("jse-theme-dark");let l=this.domContainer.firstElementChild,s=await n.f.getItem(this.storagePositionKey);i.Y.create(l,s,()=>{let t=i.Y.getPosition(l);n.f.setItem(this.storagePositionKey,t)}),this.editorText=e({target:l.children[0],props:{mode:"text",onChange:t=>{n.f.setItem(this.storageTextKey,t)}}}),this.editorTree=e({target:l.children[2],props:{mode:"tree",onChange:t=>{n.f.setItem(this.storageTreeKey,t)}}});let a=await n.f.getItem(this.storageTextKey);

15a&&(!o.l.isNullOrWhiteSpace(a.text)||a.json)?this.editorText.set(a):this.editorText.set({json:this.demoData});let d=await n.f.getItem(this.storageTreeKey);d&&(!o.l.isNullOrWhiteSpace(d.text)||d.json)&&this.editorTree.set(d),this.domContainer.querySelector(".nrg-json-editor-toolbar").addEventListener("click",async t=>{let e=t.target.closest("[data-action]");if(e)switch(e.dataset.action){case"to-tree":this.editorTree.set(this.editorText.get()),n.f.setItem(this.storageTreeKey,this.editorTree.get());break;case"to-text":this.editorText.set(this.editorTree.get()),n.f.setItem(this.storageTextKey,this.editorText.get());break;case"to-escape":{let t=this.getJSONOrText();if("object"==typeof t){let e=this.stringify({a:this.stringify(t)});this.editorText.set({text:e.substring(6,e.length-2)})}else this.editorText.set({text:t.replace(/\"/g,'\\"')})}break;case"to-unescape":{let t=this.getJSONOrText();if("object"==typeof t)this.editorText.set({json:t});else try{let e=this.parse(`{"a":"${t}"}`).a;this.editorText.set({text:e})}catch(e){console.debug(e,"解析失败，使用逐字符反转义方法"),this.editorText.set({text:t.replace(/\\"/g,'"').replace(/\\\\/g,"\\")})}}break;case"to-bigint":if(null==this.JSONbig){let{default:t}=await r.e(6737).then(()=>r.t(26737,23));this.JSONbig=t;let o={parse:t.parse,stringify:t.stringify};this.editorText.updateProps({parser:o}),this.editorTree.updateProps({parser:o}),Object.assign(e.style,{color:"deeppink",borderColor:"deeppink"})}break;case"to-download":{let t=this.editorText.get(),e=t.json?this.stringify(t.json):t.text;o.l.downloadText(e,"code.json")}break;case"to-theme":this.setTheme(o.l.isDark()?"light":"dark")}}),l.style.removeProperty("visibility")}getJSONOrText(){let t=this.editorText.get();if(t.json)return t.json;if(!o.l.isNullOrWhiteSpace(t.text))try{return this.parse(t.text)}catch{return t.text}return""}setTheme(t){o.l.saveTheme(t);let e=o.l.isDark();e?this.domContainer.classList.add("jse-theme-dark"):this.domContainer.classList.remove("jse-theme-dark"),this.domContainer.querySelector('[data-action="to-theme"]').innerHTML=this.getIcon(e?"sum-fill":"moon",20)}parse(t){return this.JSONbig?this.JSONbig.parse(t):JSON.parse(t)}stringify(t,e=null,r=null){return this.JSONbig?this.JSONbig.stringify(t,e,r):JSON.stringify(t,e,r)}tsIcons={moon:["M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"],"sum-fill":["M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"],"caret-right-fill":["m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"],"caret-left-fill":["m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"],download:["M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z","M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"]};getIcon=(t,e=20)=>{let r=this.tsIcons[t];return r?`<svg xmlns="http://www.w3.org/2000/svg" width="${e}" height="${e}" fill="currentColor" class="bi bi-${t}

15" viewBox="0 0 16 16">${r.map(t=>`<path d="${t}"/>`)}</svg>`:""};addStyle(){l.domStyle||(l.domStyle=document.createElement("style"),l.domStyle.innerHTML=`${this.injetClass||""}
16.nrc-split-horizontal>.nrc-split-divider::before,
17.nrc-split-horizontal>.nrc-split-divider::after {
18    display: none;
19}
20
21/* light */
22.nrg-json-editor {
23    --global-border: #d8dee4;
24    --global-color: #212529;
25    --global-bg: #ffffff;
26
27    --jse-font-size-mono: 18px;
28    --nrc-divider-color: transparent;
29    
30    color: var(--global-color);
31    background-color: var(--global-bg);
32}
33
34/* dark */
35.jse-theme-dark {
36    color-scheme: dark;
37
38    --global-border: #585b60 !important;
39    --global-color: #d4d4d4 !important;
40    --global-bg: #0d1117 !important;
41
42    --jse-menu-color: #d4d4d4 !important;
43    --jse-theme-color: #4f4f4f !important;
44}
45
46.nrg-json-editor-toolbar {
47    display: flex;
48    flex-direction: column;
49}
50
51.nrg-json-editor-toolbar button {
52    outline: none;
53    padding: 0.1em;
54    cursor: pointer;
55    font-size: 1em;
56    margin: 0.2em 0.1em;
57    color: var(--global-color);
58    background-color: transparent;
59    border: 1px solid var(--global-border);
60}
61
62.nrg-json-editor-toolbar button:hover {
63    border-color: deeppink;
64}
65
66.nrg-json-editor-toolbar button svg {
67    pointer-events: none;
68}
69            `,document.head.appendChild(l.domStyle))}}Object.assign(window,{nrcJSONEditor:l})},96785(t,e,r){r.d(e,{Y:()=>o});let o={addStyle:()=>{o.domStyle||(o.domStyle=document.createElement("style"),o.domStyle.innerHTML=`
70html {
71    --nrc-divider-color: #2b3035;
72}
73
74.nrc-split-horizontal,
75.nrc-split-vertical {
76    display: flex;
77    overflow: hidden;
78    box-sizing: border-box;
79}
80
81.nrc-split-horizontal>*,
82.nrc-split-vertical>* {
83    overflow: hidden;
84    position: relative;
85}
86
87.nrc-split-horizontal {
88    height: 100%;
89}
90
91.nrc-split-vertical {
92    flex-direction: column;
93}
94
95.nrc-split-horizontal>.nrc-split-divider,
96.nrc-split-vertical>.nrc-split-divider {
97    position: relative;
98    padding: 1px;
99    display: flex;
100    align-items: center;
101    justify-content: center;
102    background: var(--nrc-divider-color);
103}
104
105.nrc-split-divider-hover {
106    opacity: 0.2;
107}
108
109.nrc-split-divider-hover:hover {
110    opacity: 0.8;
111}
112
113.nrc-split-horizontal>.nrc-split-divider {
114    z-index: 2;
115    cursor: col-resize;
116}
117
118.nrc-split-horizontal>.nrc-split-divider::before,
119.nrc-split-horizontal>.nrc-split-divider::after {
120    content: "";
121    width: 2px;
122    height: 16px;
123    margin: 1px;
124    background: currentColor;
125}
126
127.nrc-split-vertical>.nrc-split-divider {
128    z-index: 1;
129    cursor: row-resize;
130    flex-direction: column;
131}
132
133.nrc-split-vertical>.nrc-split-divider::before,
134.nrc-split-vertical>.nrc-split-divider::after {
135    content: "";
136    width: 16px;
137    height: 2px;
138    margin: 1px;
139    background: currentColor;
140}`,document.head.appendChild(o.domStyle))},create:(t,e,r,i)=>{o.addStyle();let n=t.classList.contains("nrc-split-vertical"),l=t.children[1];l._abortController=new AbortController;var s=l._abortController.signal;n?o.sideVertical(l,r,s):o.sideHorizontal(l,r,s),o.setPosition(t,isNaN(e)?60:e),i&&l.addEventListener("dblclick",function(t){let e=n?(t.clientX-this.getBoundingClientRect().left)/this.clientWidth:(t.clientY-this.getBoundingClientRect().top)/this.clientHeight;i(e=(100*e).toFixed(6))},{signal:s})},destroy:t=>{let e=t.children[1];e&&e._abortController&&(e._abortController.abort(),e._abortController=null),e&&e._dragAbortController&&(e._dragAbortController.abort(),e._dragAbortController=null)},setPosition:(t,e)=>{t.children[0].style.flex=`0 ${e}%`,t.children[2].style.flex="1 0"},getPosition:t=>parseFloat(getComputedStyle(t.children[0]).flex.split(" ").pop()),_sideDrag:(t,e,r,o)=>{let i=t.previousElementSibling,n=t.nextElementSibling,l=o.axis,s=o.size,a=o.clientSize;function d(e){e.preventDefault();let r=e.touches[0][l],o=r-(t._lastPos||r);if(t._lastPos=r,o<0){let e=Math.round(parseInt(getComputedStyle(i)[s])-Math.abs(o));e=e<10?0:(e/t.parentNode[a]*100).toFixed(9),i.style.flex=`0 ${e}%`}if(o>0){let e=Math.round(parseInt(getComputedStyle(i)[s])+o),r=t.parentNode[a];e=r-t[a]-e<10?100:(e/r*100).toFixed(9),i.style.flex=`0 ${e}%`}}function c(r){r.preventDefault(),i.style.removeProperty("pointer-events"),n.style.removeProperty("pointer-events"),t._dragAbortController&&(t._dragAbortController.abort(),t._dragAbortController=null),delete t._lastPos,e&&e()}function h(e){e.preventDefault();let r=e[l],o=r-(t._lastPos||r);if(t._lastPos=r,o<0){let e=Math.round(parseInt(getComputedStyle(i)[s])-Math.abs(o));e=e<10?0:(e/t.parentNode[a]*100).toFixed(9),i.style.flex=`0 ${e}%`}if(o>0){let e=Math.round(parseInt(getComputedStyle(i)[s])+o),r=t.parentNode[a];e=r-t[a]-e<10?100:(e/r*100).toFixed(9),i.style.flex=`0 ${e}%`}}function g(r){r.preventDefault(),i.style.removeProperty("pointer-events"),n.style.removeProperty("pointer-events"),t._dragAbortController&&(t._dragAbortController.abort(),t._dragAbortController=null),delete t._lastPos,e&&e()}t.addEventListener("mousedown",function(e){e.preventDefault(),i.style.pointerEvents="none",n.style.pointerEvents="none",t._dragAbortController=new AbortController;var r=t._dragAbortController.signal;document.addEventListener("mousemove",h,{signal:r}),document.addEventListener("mouseup",g,{signal:r})},{signal:r}),t.addEventListener("touchstart",function(e){e.preventDefault(),i.style.pointerEvents="none",n.style.pointerEvents="none",t._dragAbortController=new AbortController;var r=t._dragAbortController.signal;t.addEventListener("touchmove",d,{passive:!1,signal:r}),t.addEventListener("touchend",c,{signal:r})},{passive:!1,signal:r})},sideHorizontal:(t,e,r)=>{o._sideDrag(t,e,r,{axis:"clientX",size:"width",clientSize:"clientWidth"})},sideVertical:(t,e,r)=>{o._sideDrag(t,e,r,{axis:"clientY",size:"height",clientSize:"clientHeight"})}};Object.assign(window,{nrcSplit:o})}}]);