index-140ea7ce.js
2.98 KB
import{d as C,k as c,u as R,n as B,a8 as n,_ as D,a9 as b,aa as o,f as a,E as u}from"./vue-5a35c3f5.js";import{C as k,M as i,J as P}from"./index-8fd1420c.js";import{P as S}from"./index-f532aa07.js";import{aH as h,aT as j,O as f}from"./antd-6b087f69.js";import{_ as y}from"./index.js";import"./useWindowSizeFn-cc2fb57c.js";import"./useContentViewHeight-d0a5c58e.js";import"./onMountedOrActivated-52afb7a7.js";const v='{"name":"BeJson","url":"http://www.xxx.com","page":88,"isNonProfit":true,"address":{"street":"科技园路.","city":"江苏苏州","country":"中国"},"links":[{"name":"Google","url":"http://www.xxx.com"},{"name":"Baidu","url":"http://www.xxx.com"},{"name":"SoSo","url":"http://www.xxx.com"}]}',J=`
(() => {
var htmlRoot = document.getElementById('htmlRoot');
var theme = window.localStorage.getItem('__APP__DARK__MODE__');
if (htmlRoot && theme) {
htmlRoot.setAttribute('data-theme', theme);
theme = htmlRoot = null;
}
})();
`,M=`
<!DOCTYPE html>
<html lang="en" id="htmlRoot">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta
name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
/>
<title><%= title %></title>
<link rel="icon" href="/favicon.ico" />
</head>
<body>
<div id="app">
</div>
</body>
</html>
`,O=C({components:{CodeEditor:k,PageWrapper:S,RadioButton:h.Button,RadioGroup:h.Group,ASpace:j},setup(){const t=c(i.JSON),e=c(v);function s(p){const l=p.target.value;if(l===i.JSON){e.value=v;return}if(l===i.HTML){e.value=M;return}if(l===i.JS){e.value=J;return}}function d(){R(t)==="application/json"?f.info({title:"编辑器当前值",content:B(P,{data:JSON.parse(e.value)})}):f.info({title:"编辑器当前值",content:e.value})}return{value:e,modeValue:t,handleModeChange:s,showData:d}}});function A(t,e,s,d,p,l){const _=n("a-button"),r=n("RadioButton"),w=n("RadioGroup"),E=n("a-space"),g=n("CodeEditor"),x=n("PageWrapper");return D(),b(x,{title:"代码编辑器组件示例",contentFullHeight:"",fixedHeight:"",contentBackground:""},{extra:o(()=>[a(E,{size:"middle"},{default:o(()=>[a(_,{onClick:t.showData,type:"primary"},{default:o(()=>[u("获取数据")]),_:1},8,["onClick"]),a(w,{"button-style":"solid",value:t.modeValue,"onUpdate:value":e[0]||(e[0]=m=>t.modeValue=m),onChange:t.handleModeChange},{default:o(()=>[a(r,{value:"application/json"},{default:o(()=>[u(" json数据 ")]),_:1}),a(r,{value:"htmlmixed"},{default:o(()=>[u(" html代码 ")]),_:1}),a(r,{value:"javascript"},{default:o(()=>[u(" javascript代码 ")]),_:1})]),_:1},8,["value","onChange"])]),_:1})]),default:o(()=>[a(g,{value:t.value,"onUpdate:value":e[1]||(e[1]=m=>t.value=m),mode:t.modeValue},null,8,["value","mode"])]),_:1})}const I=y(O,[["render",A],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/editor/json/index.vue"]]);export{I as default};