mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2025-04-05 19:41:40 +08:00
refactor(admin): 管理端启动所需runtime上传至git,省略开发者自行打包的步骤
This commit is contained in:
parisma
jia000
parent
17e8bbb7b4
commit
e6a511e4fe
@ -5,4 +5,6 @@ dest
|
|||||||
|
|
||||||
comp-entry.ts
|
comp-entry.ts
|
||||||
config-entry.ts
|
config-entry.ts
|
||||||
value-entry.ts
|
value-entry.ts
|
||||||
|
|
||||||
|
magic-admin/web/public/runtime
|
||||||
@ -15,10 +15,11 @@ npm run build
|
|||||||
echo "magic依赖安装完毕 & 打包完毕"
|
echo "magic依赖安装完毕 & 打包完毕"
|
||||||
|
|
||||||
# 移动runtime打包产物到web
|
# 移动runtime打包产物到web
|
||||||
rm -rf ${WORKSPACE}/magic-admin/web/public/runtime
|
# 管理端demo已包含打包产物，开发者自建流水线打包时可参考产物
|
||||||
mv -f ${WORKSPACE}/playground/dist/runtime/ ${WORKSPACE}/magic-admin/web/public
|
#rm -rf ${WORKSPACE}/magic-admin/web/public/runtime
|
||||||
|
#mv -f ${WORKSPACE}/playground/dist/runtime/ ${WORKSPACE}/magic-admin/web/public
|
||||||
|
|
||||||
echo "移动runtime打包产物到web完毕"
|
#echo "移动runtime打包产物到web完毕"
|
||||||
|
|
||||||
# magic-admin依赖安装
|
# magic-admin依赖安装
|
||||||
cd ${WORKSPACE}/magic-admin
|
cd ${WORKSPACE}/magic-admin
|
||||||
|
|||||||
@ -3,4 +3,5 @@ node_modules/
|
|||||||
babel.config.js
|
babel.config.js
|
||||||
vue.config.js
|
vue.config.js
|
||||||
jest.config.js
|
jest.config.js
|
||||||
tscofnig.json
|
tscofnig.json
|
||||||
|
public/runtime/
|
||||||
2
magic-admin/web/.gitignore
vendored
2
magic-admin/web/.gitignore
vendored
@ -1,8 +1,6 @@
|
|||||||
.DS_Store
|
.DS_Store
|
||||||
node_modules
|
node_modules
|
||||||
/dist
|
/dist
|
||||||
/public/runtime
|
|
||||||
|
|
||||||
|
|
||||||
# local env files
|
# local env files
|
||||||
.env.local
|
.env.local
|
||||||
|
|||||||
12
magic-admin/web/public/runtime/react/assets/Text.000ec384.js
Normal file
12
magic-admin/web/public/runtime/react/assets/Text.000ec384.js
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
import{P as t,C as n,a as e,T as o}from"./Text.000ec384.js";const a={page:t,container:n,button:e,text:o},s={},r={components:a,plugins:s};window.magicPresetComponents=r;export{r as e};
|
||||||
1
magic-admin/web/public/runtime/react/assets/config.js
Normal file
1
magic-admin/web/public/runtime/react/assets/config.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
var n=[],a=[],o=[],e=[];(function(){const t={page:o,container:a,button:n,text:e};window.magicPresetConfigs=t})();
|
||||||
1
magic-admin/web/public/runtime/react/assets/event.js
Normal file
1
magic-admin/web/public/runtime/react/assets/event.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
(function(){const n={};window.magicPresetEvents=n})();
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left: -7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow: visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height: 13px;*width: 13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
html,body,#app{width:100%;height:100%}#app{position:relative;overflow:auto}
|
||||||
1
magic-admin/web/public/runtime/react/assets/page.js
Normal file
1
magic-admin/web/public/runtime/react/assets/page.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
import{A as App$2,g as getUrlParam,R as ReactDOM}from"./index.144d287e.js";import{r as react,A as AppContent,R as React}from"./Text.000ec384.js";import{e as entry}from"./components.js";var App$1="";function App(){var t,r;const e=react.exports.useContext(AppContent);if(!((t=e==null?void 0:e.page)!=null&&t.data))return null;const n=e.resolveComponent("page");return React.createElement(n,{config:(r=e==null?void 0:e.page)==null?void 0:r.data})}const getLocalConfig=()=>{const configStr=localStorage.getItem("magicUiConfig");if(!configStr)return[];try{return[eval(`(${configStr})`)]}catch(e){return[]}},app=new App$2({config:((getUrlParam("localPreview")?getLocalConfig():window.magicUiConfig)||[])[0]||{},curPage:getUrlParam("page")});Object.keys(entry.components).forEach(e=>app.registerComponent(e,entry.components[e]));ReactDOM.render(React.createElement(React.StrictMode,null,React.createElement(AppContent.Provider,{value:app},React.createElement(App,null))),document.getElementById("root"));
|
||||||
@ -0,0 +1 @@
|
|||||||
|
html{-ms-overflow-style:none;overflow:-moz-scrollbars-none}html,body{height:100%;margin:0;padding:0}body{height:fit-content;min-height:100%}html::-webkit-scrollbar,.body::-webkit-scrollbar{width:0!important}.magic-ui-page{overflow:hidden}html,body,#app{width:100%;height:100%}#app{position:relative;overflow:auto}#app::-webkit-scrollbar{width:0}.magic-ui-container{background-color:#88888880}.action-area{background-color:#3399ff80!important}
|
||||||
@ -0,0 +1 @@
|
|||||||
|
import{A as d,g as f,R as p}from"./index.144d287e.js";import{r as E,A as m,R as a}from"./Text.000ec384.js";const P="modulepreload",g={},h="/tmagic-editor/playground/runtime/react/",y=function(t,c){return!c||c.length===0?t():Promise.all(c.map(n=>{if(n=`${h}${n}`,n in g)return;g[n]=!0;const s=n.endsWith(".css"),l=s?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${n}"]${l}`))return;const r=document.createElement("link");if(r.rel=s?"stylesheet":P,s||(r.as="script",r.crossOrigin=""),r.href=n,document.head.appendChild(r),s)return new Promise((e,i)=>{r.addEventListener("load",e),r.addEventListener("error",()=>i(new Error(`Unable to preload CSS for ${n}`)))})})).then(()=>t())};function C(){var c,n;const o=E.exports.useContext(m);if(!((c=o==null?void 0:o.page)!=null&&c.data))return null;const t=o.resolveComponent("page");return a.createElement(t,{config:(n=o==null?void 0:o.page)==null?void 0:n.data})}const v="/tamgic-editor/playground/runtime/react/assets/components.js";y(()=>import(v),[]).then(()=>{var r;const{components:o}=window.magicPresetComponents,t=new d({config:{},curPage:f("page")});let c="";const n=e=>{t==null||t.setConfig(e),s(),window.magic.onPageElUpdate(document.querySelector(".magic-ui-page"))},s=()=>{p.render(a.createElement(a.StrictMode,null,a.createElement(m.Provider,{value:t},a.createElement(C,null))),document.getElementById("root"))},l={app:t,updateRootConfig(e){console.log("update root config",e),t==null||t.setConfig(e)},updatePageId(e){console.log("update page id",e),c=e,t==null||t.setPage(c),s()},getSnapElementQuerySelector(){return"[class*=magic-ui][id]"},select(e){console.log("select config",e);const i=document.getElementById(e);return i||new Promise(u=>{setTimeout(()=>{u(document.getElementById(e))},0)})},add({root:e}){console.log("add config",e),n(e)},update({root:e}){console.log("update config",e),n(e)},sortNode({root:e}){console.log("sort config",e),n(e)},remove({root:e}){console.log("remove config",e),n(e)}};Object.keys(o).forEach(e=>t.registerComponent(e,o[e])),(r=window.magic)==null||r.onRuntimeReady(l)});
|
||||||
1
magic-admin/web/public/runtime/react/assets/value.js
Normal file
1
magic-admin/web/public/runtime/react/assets/value.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
var e={text:"\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",multiple:!0,style:{width:"270",height:"37.5",border:0,backgroundColor:"#fb6f00"}},u={items:[],style:{width:"375",height:"100"}},i={items:[],style:{width:"100%",height:"100%"}},a={type:"text",text:"\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",multiple:!0,style:{width:"100",height:"auto"}};(function(){const t={page:i,container:u,button:e,text:a};window.magicPresetValues=t})();
|
||||||
19
magic-admin/web/public/runtime/react/page.html
Normal file
19
magic-admin/web/public/runtime/react/page.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>React Page</title>
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/react/assets/page.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/react/assets/Text.000ec384.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/react/assets/index.144d287e.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/react/assets/components.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/react/assets/index.aa7399fc.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/react/assets/page.5884789a.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
23
magic-admin/web/public/runtime/react/playground.html
Normal file
23
magic-admin/web/public/runtime/react/playground.html
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" style="font-size: 100px">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>React Playground</title>
|
||||||
|
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/react/assets/playground.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/react/assets/Text.000ec384.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/react/assets/index.144d287e.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/react/assets/index.aa7399fc.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/react/assets/playground.d0149121.css">
|
||||||
|
</head>
|
||||||
|
<body style="font-size: 14px">
|
||||||
|
|
||||||
|
<div id="root"></div>
|
||||||
|
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
magic-admin/web/public/runtime/vue2/assets/components.js
Normal file
1
magic-admin/web/public/runtime/vue2/assets/components.js
Normal file
File diff suppressed because one or more lines are too long
1
magic-admin/web/public/runtime/vue2/assets/config.js
Normal file
1
magic-admin/web/public/runtime/vue2/assets/config.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
var n=[],a=[],o=[],e=[];(function(){const t={page:n,container:a,button:o,text:e};window.magicPresetConfigs=t})();
|
||||||
@ -0,0 +1 @@
|
|||||||
|
html,body,#app{width:100%;height:100%}#app{position:relative;overflow:auto}
|
||||||
2
magic-admin/web/public/runtime/vue2/assets/page.js
Normal file
2
magic-admin/web/public/runtime/vue2/assets/page.js
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
html{-ms-overflow-style:none;overflow:-moz-scrollbars-none}html,body{height:100%;margin:0;padding:0}body{height:fit-content;min-height:100%}html::-webkit-scrollbar,.body::-webkit-scrollbar{width:0!important}.magic-ui-page{overflow:hidden}html,body,#app{width:100%;height:100%}#app{position:relative;overflow:auto}#app::-webkit-scrollbar{width:0}.magic-ui-container{background-color:#88888880}.action-area{background-color:#3399ff80!important}
|
||||||
1
magic-admin/web/public/runtime/vue2/assets/playground.js
Normal file
1
magic-admin/web/public/runtime/vue2/assets/playground.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
import{A as d,r as h}from"./resetcss.494d822a.js";import{a as c,n as g}from"./vueComponentNormalizer.e7d45796.js";const m="modulepreload",a={},f="/tmagic-editor/playground/runtime/vue2/",_=function(t,n){return!n||n.length===0?t():Promise.all(n.map(o=>{if(o=`${f}${o}`,o in a)return;a[o]=!0;const r=o.endsWith(".css"),s=r?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${o}"]${s}`))return;const i=document.createElement("link");if(i.rel=r?"stylesheet":m,r||(i.as="script",i.crossOrigin=""),i.href=o,document.head.appendChild(i),r)return new Promise((p,l)=>{i.addEventListener("load",p),i.addEventListener("error",()=>l(new Error(`Unable to preload CSS for ${o}`)))})})).then(()=>t())};var E=Vue.extend({data(){return{app:null,config:void 0,curPageId:"",selectedId:""}},computed:{pageConfig(){var e,t,n,o;return((t=(e=this.config)==null?void 0:e.items)==null?void 0:t.find(r=>r.id===this.curPageId))||((o=(n=this.config)==null?void 0:n.items)==null?void 0:o[0])}},provide(){return this.app=new d({config:this.config,platform:"editor"}),{app:this.app}},mounted(){var e;(e=globalThis.magic)==null||e.onRuntimeReady(this)},watch:{async pageConfig(){await this.$nextTick(),globalThis.magic.onPageElUpdate(document.querySelector(".magic-ui-page"))}},methods:{updateRootConfig(e){var t;console.log("update config",e),this.config=e,(t=this.app)==null||t.setConfig(e,this.curPageId)},updatePageId(e){var t;console.log("update page id",e),this.curPageId=e,(t=this.app)==null||t.setPage(e)},getSnapElementQuerySelector(){return"[class*=magic-ui][id]"},select(e){console.log("select config",e),this.selectedId=e;const t=document.getElementById(e);return t||this.$nextTick().then(()=>document.getElementById(e))},add({config:e}){var r;if(console.log("add config",e),!this.config)throw new Error("error");const t=c(this.selectedId,[this.config]),n=t.pop(),o=n!=null&&n.items?n:t.pop();if(!o)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");(r=o.items)==null||r.push(e)},update({config:e}){var s;if(console.log("update config",e),!this.config)throw new Error("error");const t=c(e.id,[this.config]),n=t.pop(),o=t.pop();if(!n)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u8282\u70B9");if(!o)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");const r=(s=o.items)==null?void 0:s.findIndex(i=>i.id===n.id);o.items.splice(r,1,h(e))},sortNode({src:e,dist:t}){if(!this.config)throw new Error("error");const n=c(this.selectedId,[this.config]);n.pop();const o=n.pop();if(!o)return;const r=o.items.findIndex(i=>i.id===t);if(r<0)return;const s=o.items.findIndex(i=>i.id===e);o.items.splice(r,0,...o.items.splice(s,1))},remove({id:e}){var s;if(!this.config)throw new Error("error");const t=c(e,[this.config]),n=t.pop();if(!n)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u5143\u7D20");const o=t.pop();if(!o)throw new Error("\u672A\u627E\u5230\u7236\u5143\u7D20");const r=(s=o.items)==null?void 0:s.findIndex(i=>i.id===n.id);o.items.splice(r,1)}}}),v=function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.pageConfig?n("magic-ui-page",{attrs:{config:e.pageConfig}}):e._e()},w=[];const u={};var x=g(E,v,w,!1,y,null,null,null);function y(e){for(let t in u)this[t]=u[t]}var I=function(){return x.exports}();const P="/tamgic-editor/playground/runtime/vue2/assets/components.js";_(()=>import(P),[]).then(()=>{const{components:e,plugins:t}=window.magicPresetComponents;Object.values(e).forEach(n=>{Vue.component(n.name,n)}),Object.values(t).forEach(n=>{Vue.use(n)}),new Vue({render:n=>n(I),el:"#app"})});
|
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
|||||||
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display: inline;*zoom: 1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left: -7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align: middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow: visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height: 13px;*width: 13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
|
||||||
1
magic-admin/web/public/runtime/vue2/assets/value.js
Normal file
1
magic-admin/web/public/runtime/vue2/assets/value.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
var e={items:[],style:{width:"100%",height:"100%"}},u={},i={text:"\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",multiple:!0,style:{width:"270",height:"37.5",border:0,backgroundColor:"#fb6f00"}},a={type:"text",text:"\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",multiple:!0,style:{width:"100",height:"auto"}};(function(){const t={page:e,container:u,button:i,text:a};window.magicPresetValues=t})();
|
||||||
File diff suppressed because one or more lines are too long
19
magic-admin/web/public/runtime/vue2/page.html
Normal file
19
magic-admin/web/public/runtime/vue2/page.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Vue2 Page</title>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/vue2/assets/page.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue2/assets/resetcss.494d822a.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue2/assets/vueComponentNormalizer.e7d45796.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue2/assets/components.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue2/assets/resetcss.ced1f647.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue2/assets/page.5884789a.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
magic-admin/web/public/runtime/vue2/playground.html
Normal file
24
magic-admin/web/public/runtime/vue2/playground.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" style="font-size: 100px">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Vue2 Playground</title>
|
||||||
|
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/vue2/assets/playground.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue2/assets/resetcss.494d822a.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue2/assets/vueComponentNormalizer.e7d45796.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue2/assets/resetcss.ced1f647.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue2/assets/playground.d0149121.css">
|
||||||
|
</head>
|
||||||
|
<body style="font-size: 14px">
|
||||||
|
|
||||||
|
<div id="app"></div>
|
||||||
|
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
278
magic-admin/web/public/runtime/vue3/assets/components.js
Normal file
278
magic-admin/web/public/runtime/vue3/assets/components.js
Normal file
@ -0,0 +1,278 @@
|
|||||||
|
var __defProp = Object.defineProperty;
|
||||||
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
||||||
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||||
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
||||||
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
||||||
|
var __spreadValues = (a, b) => {
|
||||||
|
for (var prop in b || (b = {}))
|
||||||
|
if (__hasOwnProp.call(b, prop))
|
||||||
|
__defNormalProp(a, prop, b[prop]);
|
||||||
|
if (__getOwnPropSymbols)
|
||||||
|
for (var prop of __getOwnPropSymbols(b)) {
|
||||||
|
if (__propIsEnum.call(b, prop))
|
||||||
|
__defNormalProp(a, prop, b[prop]);
|
||||||
|
}
|
||||||
|
return a;
|
||||||
|
};
|
||||||
|
import { _ as _export_sfc, t as toLine } from "./plugin-vue_export-helper.adee6e2f.js";
|
||||||
|
var useApp = (props) => {
|
||||||
|
var _a, _b;
|
||||||
|
const app = Vue.inject("app");
|
||||||
|
const node = (_a = app == null ? void 0 : app.page) == null ? void 0 : _a.getNode(props.config.id);
|
||||||
|
const vm = (_b = Vue.getCurrentInstance()) == null ? void 0 : _b.proxy;
|
||||||
|
node == null ? void 0 : node.emit("created", vm);
|
||||||
|
Vue.onMounted(() => {
|
||||||
|
node == null ? void 0 : node.emit("mounted", vm);
|
||||||
|
});
|
||||||
|
Vue.onUnmounted(() => {
|
||||||
|
node == null ? void 0 : node.emit("destroy", vm);
|
||||||
|
});
|
||||||
|
return app;
|
||||||
|
};
|
||||||
|
const _sfc_main$4 = Vue.defineComponent({
|
||||||
|
name: "magic-ui-page",
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
type: Object,
|
||||||
|
defautl: () => ({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
if (props.config) {
|
||||||
|
useApp(props);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
const _component_magic_ui_container = Vue.resolveComponent("magic-ui-container");
|
||||||
|
return Vue.openBlock(), Vue.createBlock(_component_magic_ui_container, {
|
||||||
|
class: "magic-ui-page",
|
||||||
|
config: _ctx.config
|
||||||
|
}, {
|
||||||
|
default: Vue.withCtx(() => [
|
||||||
|
Vue.renderSlot(_ctx.$slots, "default")
|
||||||
|
]),
|
||||||
|
_: 3
|
||||||
|
}, 8, ["config"]);
|
||||||
|
}
|
||||||
|
var page = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
|
||||||
|
var useCommonMethod = (props) => ({
|
||||||
|
show: () => {
|
||||||
|
props.config.style.display = "initial";
|
||||||
|
},
|
||||||
|
hide: () => {
|
||||||
|
props.config.style.display = "none";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const _sfc_main$3 = Vue.defineComponent({
|
||||||
|
name: "magic-ui-component",
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
var _a;
|
||||||
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
||||||
|
const app = useApp(props);
|
||||||
|
Vue.provide("hoc", vm);
|
||||||
|
return __spreadValues({
|
||||||
|
tagName: Vue.computed(() => `magic-ui-${toLine(props.config.type)}`),
|
||||||
|
style: Vue.computed(() => app == null ? void 0 : app.transformStyle(props.config.style)),
|
||||||
|
display: () => {
|
||||||
|
var _a2;
|
||||||
|
const displayCfg = (_a2 = props.config) == null ? void 0 : _a2.display;
|
||||||
|
if (typeof displayCfg === "function") {
|
||||||
|
return displayCfg(app);
|
||||||
|
}
|
||||||
|
return displayCfg !== false;
|
||||||
|
}
|
||||||
|
}, useCommonMethod(props));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
return _ctx.display() ? (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(_ctx.tagName), {
|
||||||
|
key: 0,
|
||||||
|
id: _ctx.config.id,
|
||||||
|
class: Vue.normalizeClass(`magic-ui-component${_ctx.config.className ? ` ${_ctx.config.className}` : ""}`),
|
||||||
|
style: Vue.normalizeStyle(_ctx.style),
|
||||||
|
config: _ctx.config
|
||||||
|
}, null, 8, ["id", "class", "style", "config"])) : Vue.createCommentVNode("", true);
|
||||||
|
}
|
||||||
|
var Component = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
|
||||||
|
const _sfc_main$2 = Vue.defineComponent({
|
||||||
|
name: "magic-ui-container",
|
||||||
|
components: {
|
||||||
|
"magic-ui-component": Component
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
const app = useApp(props);
|
||||||
|
return __spreadValues({
|
||||||
|
style: Vue.computed(() => app == null ? void 0 : app.transformStyle(props.config.style || {})),
|
||||||
|
display: () => {
|
||||||
|
var _a;
|
||||||
|
const displayCfg = (_a = props.config) == null ? void 0 : _a.display;
|
||||||
|
if (typeof displayCfg === "function") {
|
||||||
|
return displayCfg(app);
|
||||||
|
}
|
||||||
|
return displayCfg !== false;
|
||||||
|
}
|
||||||
|
}, useCommonMethod(props));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const _hoisted_1 = ["id"];
|
||||||
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
const _component_magic_ui_component = Vue.resolveComponent("magic-ui-component");
|
||||||
|
return _ctx.display() ? (Vue.openBlock(), Vue.createElementBlock("div", {
|
||||||
|
key: 0,
|
||||||
|
id: _ctx.config.id,
|
||||||
|
class: Vue.normalizeClass(`magic-ui-container${_ctx.config.className ? ` ${_ctx.config.className}` : ""}`),
|
||||||
|
style: Vue.normalizeStyle(_ctx.style)
|
||||||
|
}, [
|
||||||
|
Vue.renderSlot(_ctx.$slots, "default"),
|
||||||
|
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(_ctx.config.items, (item) => {
|
||||||
|
return Vue.openBlock(), Vue.createBlock(_component_magic_ui_component, {
|
||||||
|
key: item.id,
|
||||||
|
config: item
|
||||||
|
}, null, 8, ["config"]);
|
||||||
|
}), 128))
|
||||||
|
], 14, _hoisted_1)) : Vue.createCommentVNode("", true);
|
||||||
|
}
|
||||||
|
var container = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
|
||||||
|
const _sfc_main$1 = Vue.defineComponent({
|
||||||
|
name: "magic-ui-button",
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
model: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
var _a;
|
||||||
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
||||||
|
const actions = Vue.reactive([]);
|
||||||
|
const actualActions = Vue.computed(() => [
|
||||||
|
typeof props.config.preAction === "function" ? props.config.preAction : () => true,
|
||||||
|
...actions,
|
||||||
|
typeof props.config.postAction === "function" ? props.config.postAction : () => true
|
||||||
|
]);
|
||||||
|
function pushAction(action) {
|
||||||
|
actions.push(action);
|
||||||
|
}
|
||||||
|
async function clickHandler() {
|
||||||
|
for (const fn of actualActions.value) {
|
||||||
|
if (typeof fn === "function") {
|
||||||
|
const ret = await fn(vm, { model: props.model });
|
||||||
|
if (ret === false) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const textConfig = Vue.computed(() => {
|
||||||
|
var _a2, _b, _c;
|
||||||
|
return {
|
||||||
|
type: "text",
|
||||||
|
text: ((_a2 = props.config) == null ? void 0 : _a2.text) || "",
|
||||||
|
disabledText: ((_b = props.config) == null ? void 0 : _b.disabledText) || "",
|
||||||
|
html: ((_c = props.config) == null ? void 0 : _c.html) || ""
|
||||||
|
};
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
pushAction,
|
||||||
|
clickHandler,
|
||||||
|
textConfig
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
const _component_magic_ui_text = Vue.resolveComponent("magic-ui-text");
|
||||||
|
return Vue.openBlock(), Vue.createElementBlock("button", {
|
||||||
|
class: "magic-ui-button",
|
||||||
|
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
|
||||||
|
}, [
|
||||||
|
Vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
||||||
|
Vue.createVNode(_component_magic_ui_text, { config: _ctx.textConfig }, null, 8, ["config"])
|
||||||
|
])
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
var button = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
|
||||||
|
const _sfc_main = Vue.defineComponent({
|
||||||
|
name: "magic-ui-text",
|
||||||
|
props: {
|
||||||
|
config: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
model: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
vars: {
|
||||||
|
type: Object,
|
||||||
|
default: () => ({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setup(props) {
|
||||||
|
var _a;
|
||||||
|
const vm = (_a = Vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
|
||||||
|
const hoc = Vue.inject("hoc");
|
||||||
|
const displayText = Vue.computed(() => {
|
||||||
|
var _a2, _b;
|
||||||
|
let text = ((_a2 = props.config) == null ? void 0 : _a2.text) || "";
|
||||||
|
const { vars } = props;
|
||||||
|
if ((hoc == null ? void 0 : hoc.disabled) && ((_b = props.config) == null ? void 0 : _b.disabledText)) {
|
||||||
|
text = props.config.disabledText;
|
||||||
|
}
|
||||||
|
if (typeof text === "function") {
|
||||||
|
return text.bind(vm)(vm, { model: props.model });
|
||||||
|
}
|
||||||
|
if (Object.prototype.toString.call(vars) === "[object Object]") {
|
||||||
|
let tmp = text;
|
||||||
|
Object.entries(vars).forEach(([key, value]) => {
|
||||||
|
tmp = tmp.replace(new RegExp(`{{${key}}}`, "g"), value);
|
||||||
|
});
|
||||||
|
return tmp;
|
||||||
|
}
|
||||||
|
return text || "";
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
displayText
|
||||||
|
};
|
||||||
|
},
|
||||||
|
render() {
|
||||||
|
var _a, _b, _c, _d;
|
||||||
|
const className = ((_a = this.config) == null ? void 0 : _a.multiple) ? "magic-ui-text" : "magic-ui-text magic-ui-text--single-line";
|
||||||
|
if (typeof ((_b = this.$slots) == null ? void 0 : _b.default) === "function") {
|
||||||
|
return Vue.h("span", { class: className }, [((_d = (_c = this.$slots) == null ? void 0 : _c.default) == null ? void 0 : _d.call(_c)) || ""]);
|
||||||
|
}
|
||||||
|
return Vue.h("span", __spreadValues({
|
||||||
|
class: className
|
||||||
|
}, this.displayText ? { innerHTML: this.displayText } : {}));
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const components = {
|
||||||
|
"page": page,
|
||||||
|
"container": container,
|
||||||
|
"button": button,
|
||||||
|
"text": _sfc_main
|
||||||
|
};
|
||||||
|
const plugins = {};
|
||||||
|
const entry = {
|
||||||
|
components,
|
||||||
|
plugins
|
||||||
|
};
|
||||||
|
window.magicPresetComponents = entry;
|
||||||
|
export { entry as e };
|
||||||
|
//# sourceMappingURL=components.js.map
|
||||||
File diff suppressed because one or more lines are too long
61
magic-admin/web/public/runtime/vue3/assets/config.js
Normal file
61
magic-admin/web/public/runtime/vue3/assets/config.js
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
var page = [
|
||||||
|
{
|
||||||
|
text: "\u9875\u9762\u6807\u8BC6",
|
||||||
|
name: "name",
|
||||||
|
disabled: true,
|
||||||
|
extra: "\u5728\u591A\u9875\u9762\u7684\u60C5\u51B5\u4E0B\u7528\u6765\u6307\u5B9A\u8981\u6253\u5F00\u7684\u9875\u9762"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
text: "\u9875\u9762\u6807\u9898",
|
||||||
|
name: "title"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "layout",
|
||||||
|
text: "\u5BB9\u5668\u5E03\u5C40",
|
||||||
|
type: "select",
|
||||||
|
defaultValue: "absolute",
|
||||||
|
options: [
|
||||||
|
{ value: "absolute", text: "\u7EDD\u5BF9\u5B9A\u4F4D" },
|
||||||
|
{ value: "relative", text: "\u6D41\u5F0F\u5E03\u5C40" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
var container = [
|
||||||
|
{
|
||||||
|
name: "layout",
|
||||||
|
text: "\u5BB9\u5668\u5E03\u5C40",
|
||||||
|
type: "select",
|
||||||
|
defaultValue: "absolute",
|
||||||
|
options: [
|
||||||
|
{ value: "absolute", text: "\u7EDD\u5BF9\u5B9A\u4F4D" },
|
||||||
|
{ value: "relative", text: "\u6D41\u5F0F\u5E03\u5C40" }
|
||||||
|
]
|
||||||
|
}
|
||||||
|
];
|
||||||
|
var button = [
|
||||||
|
{
|
||||||
|
text: "\u6587\u672C",
|
||||||
|
name: "text"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
var text = [
|
||||||
|
{
|
||||||
|
name: "text",
|
||||||
|
text: "\u6587\u672C"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "multiple",
|
||||||
|
text: "\u591A\u884C\u6587\u672C",
|
||||||
|
type: "switch"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
(function() {
|
||||||
|
const configs = {
|
||||||
|
"page": page,
|
||||||
|
"container": container,
|
||||||
|
"button": button,
|
||||||
|
"text": text
|
||||||
|
};
|
||||||
|
window.magicPresetConfigs = configs;
|
||||||
|
})();
|
||||||
|
//# sourceMappingURL=config.js.map
|
||||||
1
magic-admin/web/public/runtime/vue3/assets/config.js.map
Normal file
1
magic-admin/web/public/runtime/vue3/assets/config.js.map
Normal file
File diff suppressed because one or more lines are too long
5
magic-admin/web/public/runtime/vue3/assets/event.js
Normal file
5
magic-admin/web/public/runtime/vue3/assets/event.js
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
(function() {
|
||||||
|
const events = {};
|
||||||
|
window.magicPresetEvents = events;
|
||||||
|
})();
|
||||||
|
//# sourceMappingURL=event.js.map
|
||||||
1
magic-admin/web/public/runtime/vue3/assets/event.js.map
Normal file
1
magic-admin/web/public/runtime/vue3/assets/event.js.map
Normal file
@ -0,0 +1 @@
|
|||||||
|
{"version":3,"file":"event.js","sources":["../../src/event-entry.ts"],"sourcesContent":["(function() {\n const events: Record<string, any> = {};\n window.magicPresetEvents = events;\n})();"],"names":[],"mappings":"AAAC,AAAW,YAAA;AACV,QAAM,SAA8B,CAAA;AACpC,SAAO,oBAAoB;AAC7B,GAAG;"}
|
||||||
10
magic-admin/web/public/runtime/vue3/assets/page.f43f55a4.css
Normal file
10
magic-admin/web/public/runtime/vue3/assets/page.f43f55a4.css
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#app {
|
||||||
|
position: relative;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
1113
magic-admin/web/public/runtime/vue3/assets/page.js
Normal file
1113
magic-admin/web/public/runtime/vue3/assets/page.js
Normal file
File diff suppressed because it is too large
Load Diff
1
magic-admin/web/public/runtime/vue3/assets/page.js.map
Normal file
1
magic-admin/web/public/runtime/vue3/assets/page.js.map
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,30 @@
|
|||||||
|
|
||||||
|
html{-ms-overflow-style: none; overflow: -moz-scrollbars-none;}
|
||||||
|
html,body {height: 100%; margin: 0; padding: 0}
|
||||||
|
body {
|
||||||
|
height: fit-content;
|
||||||
|
min-height: 100%;
|
||||||
|
}
|
||||||
|
html::-webkit-scrollbar, .body::-webkit-scrollbar { width: 0 !important }
|
||||||
|
.magic-ui-page {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
#app {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#app {
|
||||||
|
position: relative;
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
#app::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
.magic-ui-container {
|
||||||
|
background-color: rgba(136, 136, 136, 0.5);
|
||||||
|
}
|
||||||
|
.action-area {
|
||||||
|
background-color: rgba(51, 153, 255, 0.5) !important;
|
||||||
|
}
|
||||||
151
magic-admin/web/public/runtime/vue3/assets/playground.js
Normal file
151
magic-admin/web/public/runtime/vue3/assets/playground.js
Normal file
@ -0,0 +1,151 @@
|
|||||||
|
import { A as App$1 } from "./resetcss.e39ac995.js";
|
||||||
|
import { a as getNodePath, _ as _export_sfc } from "./plugin-vue_export-helper.adee6e2f.js";
|
||||||
|
var playground_html_htmlProxy_index_0 = "";
|
||||||
|
const scriptRel = "modulepreload";
|
||||||
|
const seen = {};
|
||||||
|
const base = "/tmagic-editor/playground/runtime/vue3/";
|
||||||
|
const __vitePreload = function preload(baseModule, deps) {
|
||||||
|
if (!deps || deps.length === 0) {
|
||||||
|
return baseModule();
|
||||||
|
}
|
||||||
|
return Promise.all(deps.map((dep) => {
|
||||||
|
dep = `${base}${dep}`;
|
||||||
|
if (dep in seen)
|
||||||
|
return;
|
||||||
|
seen[dep] = true;
|
||||||
|
const isCss = dep.endsWith(".css");
|
||||||
|
const cssSelector = isCss ? '[rel="stylesheet"]' : "";
|
||||||
|
if (document.querySelector(`link[href="${dep}"]${cssSelector}`)) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const link = document.createElement("link");
|
||||||
|
link.rel = isCss ? "stylesheet" : scriptRel;
|
||||||
|
if (!isCss) {
|
||||||
|
link.as = "script";
|
||||||
|
link.crossOrigin = "";
|
||||||
|
}
|
||||||
|
link.href = dep;
|
||||||
|
document.head.appendChild(link);
|
||||||
|
if (isCss) {
|
||||||
|
return new Promise((res, rej) => {
|
||||||
|
link.addEventListener("load", res);
|
||||||
|
link.addEventListener("error", () => rej(new Error(`Unable to preload CSS for ${dep}`)));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
})).then(() => baseModule());
|
||||||
|
};
|
||||||
|
var App_vue_vue_type_style_index_0_lang = "";
|
||||||
|
const _sfc_main = Vue.defineComponent({
|
||||||
|
setup() {
|
||||||
|
const root = Vue.ref();
|
||||||
|
const curPageId = Vue.ref();
|
||||||
|
const selectedId = Vue.ref();
|
||||||
|
const pageConfig = Vue.computed(() => {
|
||||||
|
var _a, _b, _c, _d;
|
||||||
|
return ((_b = (_a = root.value) == null ? void 0 : _a.items) == null ? void 0 : _b.find((item) => item.id === curPageId.value)) || ((_d = (_c = root.value) == null ? void 0 : _c.items) == null ? void 0 : _d[0]);
|
||||||
|
});
|
||||||
|
const app = new App$1({
|
||||||
|
config: root.value,
|
||||||
|
platform: "editor"
|
||||||
|
});
|
||||||
|
Vue.provide("app", app);
|
||||||
|
Vue.watch(pageConfig, async () => {
|
||||||
|
await Vue.nextTick();
|
||||||
|
const page = document.querySelector(".magic-ui-page");
|
||||||
|
page && window.magic.onPageElUpdate(page);
|
||||||
|
});
|
||||||
|
Vue.onMounted(() => {
|
||||||
|
var _a;
|
||||||
|
(_a = window.magic) == null ? void 0 : _a.onRuntimeReady({
|
||||||
|
updateRootConfig(config) {
|
||||||
|
console.log("update config", config);
|
||||||
|
root.value = config;
|
||||||
|
app == null ? void 0 : app.setConfig(config, curPageId.value);
|
||||||
|
},
|
||||||
|
updatePageId(id) {
|
||||||
|
console.log("update page id", id);
|
||||||
|
curPageId.value = id;
|
||||||
|
app == null ? void 0 : app.setPage(id);
|
||||||
|
},
|
||||||
|
getSnapElements() {
|
||||||
|
return Array.from(document.querySelectorAll("[class*=magic-ui][id]"));
|
||||||
|
},
|
||||||
|
select(id) {
|
||||||
|
console.log("select config", id);
|
||||||
|
selectedId.value = id;
|
||||||
|
const el = document.getElementById(`${id}`);
|
||||||
|
if (el)
|
||||||
|
return el;
|
||||||
|
return Vue.nextTick().then(() => document.getElementById(`${id}`));
|
||||||
|
},
|
||||||
|
add({ config }) {
|
||||||
|
var _a2;
|
||||||
|
console.log("add config", config);
|
||||||
|
if (!root.value)
|
||||||
|
throw new Error("error");
|
||||||
|
if (!selectedId.value)
|
||||||
|
throw new Error("error");
|
||||||
|
const path = getNodePath(selectedId.value, [root.value]);
|
||||||
|
const node = path.pop();
|
||||||
|
const parent = (node == null ? void 0 : node.items) ? node : path.pop();
|
||||||
|
if (!parent)
|
||||||
|
throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");
|
||||||
|
(_a2 = parent.items) == null ? void 0 : _a2.push(config);
|
||||||
|
},
|
||||||
|
update({ config }) {
|
||||||
|
var _a2;
|
||||||
|
console.log("update config", config);
|
||||||
|
if (!root.value)
|
||||||
|
throw new Error("error");
|
||||||
|
const path = getNodePath(config.id, [root.value]);
|
||||||
|
const node = path.pop();
|
||||||
|
const parent = path.pop();
|
||||||
|
if (!node)
|
||||||
|
throw new Error("\u672A\u627E\u5230\u76EE\u6807\u8282\u70B9");
|
||||||
|
if (!parent)
|
||||||
|
throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");
|
||||||
|
const index = (_a2 = parent.items) == null ? void 0 : _a2.findIndex((child) => child.id === node.id);
|
||||||
|
parent.items.splice(index, 1, Vue.reactive(config));
|
||||||
|
},
|
||||||
|
remove({ id }) {
|
||||||
|
var _a2;
|
||||||
|
if (!root.value)
|
||||||
|
throw new Error("error");
|
||||||
|
const path = getNodePath(id, [root.value]);
|
||||||
|
const node = path.pop();
|
||||||
|
if (!node)
|
||||||
|
throw new Error("\u672A\u627E\u5230\u76EE\u6807\u5143\u7D20");
|
||||||
|
const parent = path.pop();
|
||||||
|
if (!parent)
|
||||||
|
throw new Error("\u672A\u627E\u5230\u7236\u5143\u7D20");
|
||||||
|
const index = (_a2 = parent.items) == null ? void 0 : _a2.findIndex((child) => child.id === node.id);
|
||||||
|
parent.items.splice(index, 1);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return {
|
||||||
|
pageConfig
|
||||||
|
};
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
const _component_magic_ui_page = Vue.resolveComponent("magic-ui-page");
|
||||||
|
return _ctx.pageConfig ? (Vue.openBlock(), Vue.createBlock(_component_magic_ui_page, {
|
||||||
|
key: 0,
|
||||||
|
config: _ctx.pageConfig
|
||||||
|
}, null, 8, ["config"])) : Vue.createCommentVNode("", true);
|
||||||
|
}
|
||||||
|
var App = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||||
|
const componentUrl = "/tmagic-editor/playground/runtime/vue3/assets/components.js";
|
||||||
|
__vitePreload(() => import(componentUrl), true ? [] : void 0).then(() => {
|
||||||
|
const magicApp = Vue.createApp(App);
|
||||||
|
const { components, plugins } = window.magicPresetComponents;
|
||||||
|
Object.values(components).forEach((component) => {
|
||||||
|
magicApp.component(component.name, component);
|
||||||
|
});
|
||||||
|
Object.values(plugins).forEach((plugin) => {
|
||||||
|
magicApp.use(plugin);
|
||||||
|
});
|
||||||
|
magicApp.mount("#app");
|
||||||
|
});
|
||||||
|
//# sourceMappingURL=playground.js.map
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
446
magic-admin/web/public/runtime/vue3/assets/resetcss.52e41e6b.css
Normal file
446
magic-admin/web/public/runtime/vue3/assets/resetcss.52e41e6b.css
Normal file
@ -0,0 +1,446 @@
|
|||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0-modified | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
div,
|
||||||
|
span,
|
||||||
|
applet,
|
||||||
|
object,
|
||||||
|
iframe,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6,
|
||||||
|
p,
|
||||||
|
blockquote,
|
||||||
|
pre,
|
||||||
|
a,
|
||||||
|
abbr,
|
||||||
|
acronym,
|
||||||
|
address,
|
||||||
|
big,
|
||||||
|
cite,
|
||||||
|
code,
|
||||||
|
del,
|
||||||
|
dfn,
|
||||||
|
em,
|
||||||
|
img,
|
||||||
|
ins,
|
||||||
|
kbd,
|
||||||
|
q,
|
||||||
|
s,
|
||||||
|
samp,
|
||||||
|
small,
|
||||||
|
strike,
|
||||||
|
strong,
|
||||||
|
sub,
|
||||||
|
sup,
|
||||||
|
tt,
|
||||||
|
var,
|
||||||
|
b,
|
||||||
|
u,
|
||||||
|
i,
|
||||||
|
center,
|
||||||
|
dl,
|
||||||
|
dt,
|
||||||
|
dd,
|
||||||
|
ol,
|
||||||
|
ul,
|
||||||
|
li,
|
||||||
|
fieldset,
|
||||||
|
form,
|
||||||
|
label,
|
||||||
|
legend,
|
||||||
|
table,
|
||||||
|
caption,
|
||||||
|
tbody,
|
||||||
|
tfoot,
|
||||||
|
thead,
|
||||||
|
tr,
|
||||||
|
th,
|
||||||
|
td,
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
canvas,
|
||||||
|
details,
|
||||||
|
embed,
|
||||||
|
figure,
|
||||||
|
figcaption,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
menu,
|
||||||
|
nav,
|
||||||
|
output,
|
||||||
|
ruby,
|
||||||
|
section,
|
||||||
|
summary,
|
||||||
|
time,
|
||||||
|
mark,
|
||||||
|
audio,
|
||||||
|
video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make sure to set some focus styles for accessibility */
|
||||||
|
:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article,
|
||||||
|
aside,
|
||||||
|
details,
|
||||||
|
figcaption,
|
||||||
|
figure,
|
||||||
|
footer,
|
||||||
|
header,
|
||||||
|
hgroup,
|
||||||
|
menu,
|
||||||
|
nav,
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol,
|
||||||
|
ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote,
|
||||||
|
q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote:before,
|
||||||
|
blockquote:after,
|
||||||
|
q:before,
|
||||||
|
q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='search']::-webkit-search-cancel-button,
|
||||||
|
input[type='search']::-webkit-search-decoration,
|
||||||
|
input[type='search']::-webkit-search-results-button,
|
||||||
|
input[type='search']::-webkit-search-results-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type='search'] {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
-webkit-box-sizing: content-box;
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto;
|
||||||
|
vertical-align: top;
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio,
|
||||||
|
canvas,
|
||||||
|
video {
|
||||||
|
display: inline-block;
|
||||||
|
*display: inline;
|
||||||
|
*zoom: 1;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Prevent modern browsers from displaying `audio` without controls.
|
||||||
|
* Remove excess height in iOS 5 devices.
|
||||||
|
*/
|
||||||
|
|
||||||
|
audio:not([controls]) {
|
||||||
|
display: none;
|
||||||
|
height: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
|
||||||
|
* Known issue: no IE 6 support.
|
||||||
|
*/
|
||||||
|
|
||||||
|
[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
|
||||||
|
* `em` units.
|
||||||
|
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||||
|
* user zoom.
|
||||||
|
*/
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
|
-ms-text-size-adjust: 100%; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address `outline` inconsistency between Chrome and other browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: thin dotted;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Improve readability when focused and also mouse hovered in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
a:active,
|
||||||
|
a:hover {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
|
||||||
|
* 2. Improve image quality when scaled in IE 7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
img {
|
||||||
|
border: 0; /* 1 */
|
||||||
|
-ms-interpolation-mode: bicubic; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
|
||||||
|
*/
|
||||||
|
|
||||||
|
figure {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Correct margin displayed oddly in IE 6/7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Define consistent border, margin, and padding.
|
||||||
|
*/
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: 1px solid #c0c0c0;
|
||||||
|
margin: 0 2px;
|
||||||
|
padding: 0.35em 0.625em 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct color not being inherited in IE 6/7/8/9.
|
||||||
|
* 2. Correct text not wrapping in Firefox 3.
|
||||||
|
* 3. Correct alignment displayed oddly in IE 6/7.
|
||||||
|
*/
|
||||||
|
|
||||||
|
legend {
|
||||||
|
border: 0; /* 1 */
|
||||||
|
padding: 0;
|
||||||
|
white-space: normal; /* 2 */
|
||||||
|
*margin-left: -7px; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Correct font size not being inherited in all browsers.
|
||||||
|
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
|
||||||
|
* and Chrome.
|
||||||
|
* 3. Improve appearance and consistency in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
font-size: 100%; /* 1 */
|
||||||
|
margin: 0; /* 2 */
|
||||||
|
vertical-align: baseline; /* 3 */
|
||||||
|
*vertical-align: middle; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
|
||||||
|
* the UA stylesheet.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
input {
|
||||||
|
line-height: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||||
|
* All other form control elements do not inherit `text-transform` values.
|
||||||
|
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
|
||||||
|
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
text-transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||||
|
* and `video` controls.
|
||||||
|
* 2. Correct inability to style clickable `input` types in iOS.
|
||||||
|
* 3. Improve usability and consistency of cursor style between image-type
|
||||||
|
* `input` and others.
|
||||||
|
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
|
||||||
|
* Known issue: inner spacing remains in IE 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button,
|
||||||
|
html input[type="button"], /* 1 */
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="submit"] {
|
||||||
|
-webkit-appearance: button; /* 2 */
|
||||||
|
cursor: pointer; /* 3 */
|
||||||
|
*overflow: visible; /* 4 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Re-set default cursor for disabled elements.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button[disabled],
|
||||||
|
html input[disabled] {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Address box sizing set to content-box in IE 8/9.
|
||||||
|
* 2. Remove excess padding in IE 8/9.
|
||||||
|
* 3. Remove excess padding in IE 7.
|
||||||
|
* Known issue: excess padding remains in IE 6.
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type='checkbox'],
|
||||||
|
input[type='radio'] {
|
||||||
|
box-sizing: border-box; /* 1 */
|
||||||
|
padding: 0; /* 2 */
|
||||||
|
*height: 13px; /* 3 */
|
||||||
|
*width: 13px; /* 3 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||||
|
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||||
|
* (include `-moz` to future-proof).
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type='search'] {
|
||||||
|
-webkit-appearance: textfield; /* 1 */
|
||||||
|
-moz-box-sizing: content-box;
|
||||||
|
-webkit-box-sizing: content-box; /* 2 */
|
||||||
|
box-sizing: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||||
|
* on OS X.
|
||||||
|
*/
|
||||||
|
|
||||||
|
input[type='search']::-webkit-search-cancel-button,
|
||||||
|
input[type='search']::-webkit-search-decoration {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove inner padding and border in Firefox 3+.
|
||||||
|
*/
|
||||||
|
|
||||||
|
button::-moz-focus-inner,
|
||||||
|
input::-moz-focus-inner {
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
|
||||||
|
* 2. Improve readability and alignment in all browsers.
|
||||||
|
*/
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
overflow: auto; /* 1 */
|
||||||
|
vertical-align: top; /* 2 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Remove most spacing between table cells.
|
||||||
|
*/
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
button,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-moz-selection {
|
||||||
|
background: #b3d4fc;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background: #b3d4fc;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chromeframe {
|
||||||
|
margin: 0.2em 0;
|
||||||
|
background: #ccc;
|
||||||
|
color: #000;
|
||||||
|
padding: 0.2em 0;
|
||||||
|
}
|
||||||
708
magic-admin/web/public/runtime/vue3/assets/resetcss.e39ac995.js
Normal file
708
magic-admin/web/public/runtime/vue3/assets/resetcss.e39ac995.js
Normal file
@ -0,0 +1,708 @@
|
|||||||
|
var __defProp = Object.defineProperty;
|
||||||
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
||||||
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
||||||
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
||||||
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
||||||
|
var __spreadValues = (a, b) => {
|
||||||
|
for (var prop in b || (b = {}))
|
||||||
|
if (__hasOwnProp.call(b, prop))
|
||||||
|
__defNormalProp(a, prop, b[prop]);
|
||||||
|
if (__getOwnPropSymbols)
|
||||||
|
for (var prop of __getOwnPropSymbols(b)) {
|
||||||
|
if (__propIsEnum.call(b, prop))
|
||||||
|
__defNormalProp(a, prop, b[prop]);
|
||||||
|
}
|
||||||
|
return a;
|
||||||
|
};
|
||||||
|
const p = function polyfill() {
|
||||||
|
const relList = document.createElement("link").relList;
|
||||||
|
if (relList && relList.supports && relList.supports("modulepreload")) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for (const link of document.querySelectorAll('link[rel="modulepreload"]')) {
|
||||||
|
processPreload(link);
|
||||||
|
}
|
||||||
|
new MutationObserver((mutations) => {
|
||||||
|
for (const mutation of mutations) {
|
||||||
|
if (mutation.type !== "childList") {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
for (const node of mutation.addedNodes) {
|
||||||
|
if (node.tagName === "LINK" && node.rel === "modulepreload")
|
||||||
|
processPreload(node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}).observe(document, { childList: true, subtree: true });
|
||||||
|
function getFetchOpts(script) {
|
||||||
|
const fetchOpts = {};
|
||||||
|
if (script.integrity)
|
||||||
|
fetchOpts.integrity = script.integrity;
|
||||||
|
if (script.referrerpolicy)
|
||||||
|
fetchOpts.referrerPolicy = script.referrerpolicy;
|
||||||
|
if (script.crossorigin === "use-credentials")
|
||||||
|
fetchOpts.credentials = "include";
|
||||||
|
else if (script.crossorigin === "anonymous")
|
||||||
|
fetchOpts.credentials = "omit";
|
||||||
|
else
|
||||||
|
fetchOpts.credentials = "same-origin";
|
||||||
|
return fetchOpts;
|
||||||
|
}
|
||||||
|
function processPreload(link) {
|
||||||
|
if (link.ep)
|
||||||
|
return;
|
||||||
|
link.ep = true;
|
||||||
|
const fetchOpts = getFetchOpts(link);
|
||||||
|
fetch(link.href, fetchOpts);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
p();
|
||||||
|
var events = { exports: {} };
|
||||||
|
var R = typeof Reflect === "object" ? Reflect : null;
|
||||||
|
var ReflectApply = R && typeof R.apply === "function" ? R.apply : function ReflectApply2(target, receiver, args) {
|
||||||
|
return Function.prototype.apply.call(target, receiver, args);
|
||||||
|
};
|
||||||
|
var ReflectOwnKeys;
|
||||||
|
if (R && typeof R.ownKeys === "function") {
|
||||||
|
ReflectOwnKeys = R.ownKeys;
|
||||||
|
} else if (Object.getOwnPropertySymbols) {
|
||||||
|
ReflectOwnKeys = function ReflectOwnKeys2(target) {
|
||||||
|
return Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target));
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
ReflectOwnKeys = function ReflectOwnKeys2(target) {
|
||||||
|
return Object.getOwnPropertyNames(target);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
function ProcessEmitWarning(warning) {
|
||||||
|
if (console && console.warn)
|
||||||
|
console.warn(warning);
|
||||||
|
}
|
||||||
|
var NumberIsNaN = Number.isNaN || function NumberIsNaN2(value) {
|
||||||
|
return value !== value;
|
||||||
|
};
|
||||||
|
function EventEmitter() {
|
||||||
|
EventEmitter.init.call(this);
|
||||||
|
}
|
||||||
|
events.exports = EventEmitter;
|
||||||
|
events.exports.once = once2;
|
||||||
|
EventEmitter.EventEmitter = EventEmitter;
|
||||||
|
EventEmitter.prototype._events = void 0;
|
||||||
|
EventEmitter.prototype._eventsCount = 0;
|
||||||
|
EventEmitter.prototype._maxListeners = void 0;
|
||||||
|
var defaultMaxListeners = 10;
|
||||||
|
function checkListener(listener) {
|
||||||
|
if (typeof listener !== "function") {
|
||||||
|
throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Object.defineProperty(EventEmitter, "defaultMaxListeners", {
|
||||||
|
enumerable: true,
|
||||||
|
get: function() {
|
||||||
|
return defaultMaxListeners;
|
||||||
|
},
|
||||||
|
set: function(arg) {
|
||||||
|
if (typeof arg !== "number" || arg < 0 || NumberIsNaN(arg)) {
|
||||||
|
throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + ".");
|
||||||
|
}
|
||||||
|
defaultMaxListeners = arg;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
EventEmitter.init = function() {
|
||||||
|
if (this._events === void 0 || this._events === Object.getPrototypeOf(this)._events) {
|
||||||
|
this._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
this._eventsCount = 0;
|
||||||
|
}
|
||||||
|
this._maxListeners = this._maxListeners || void 0;
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
|
||||||
|
if (typeof n !== "number" || n < 0 || NumberIsNaN(n)) {
|
||||||
|
throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + ".");
|
||||||
|
}
|
||||||
|
this._maxListeners = n;
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
function _getMaxListeners(that) {
|
||||||
|
if (that._maxListeners === void 0)
|
||||||
|
return EventEmitter.defaultMaxListeners;
|
||||||
|
return that._maxListeners;
|
||||||
|
}
|
||||||
|
EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
|
||||||
|
return _getMaxListeners(this);
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.emit = function emit(type) {
|
||||||
|
var args = [];
|
||||||
|
for (var i = 1; i < arguments.length; i++)
|
||||||
|
args.push(arguments[i]);
|
||||||
|
var doError = type === "error";
|
||||||
|
var events2 = this._events;
|
||||||
|
if (events2 !== void 0)
|
||||||
|
doError = doError && events2.error === void 0;
|
||||||
|
else if (!doError)
|
||||||
|
return false;
|
||||||
|
if (doError) {
|
||||||
|
var er;
|
||||||
|
if (args.length > 0)
|
||||||
|
er = args[0];
|
||||||
|
if (er instanceof Error) {
|
||||||
|
throw er;
|
||||||
|
}
|
||||||
|
var err = new Error("Unhandled error." + (er ? " (" + er.message + ")" : ""));
|
||||||
|
err.context = er;
|
||||||
|
throw err;
|
||||||
|
}
|
||||||
|
var handler = events2[type];
|
||||||
|
if (handler === void 0)
|
||||||
|
return false;
|
||||||
|
if (typeof handler === "function") {
|
||||||
|
ReflectApply(handler, this, args);
|
||||||
|
} else {
|
||||||
|
var len = handler.length;
|
||||||
|
var listeners2 = arrayClone(handler, len);
|
||||||
|
for (var i = 0; i < len; ++i)
|
||||||
|
ReflectApply(listeners2[i], this, args);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
};
|
||||||
|
function _addListener(target, type, listener, prepend) {
|
||||||
|
var m;
|
||||||
|
var events2;
|
||||||
|
var existing;
|
||||||
|
checkListener(listener);
|
||||||
|
events2 = target._events;
|
||||||
|
if (events2 === void 0) {
|
||||||
|
events2 = target._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
target._eventsCount = 0;
|
||||||
|
} else {
|
||||||
|
if (events2.newListener !== void 0) {
|
||||||
|
target.emit("newListener", type, listener.listener ? listener.listener : listener);
|
||||||
|
events2 = target._events;
|
||||||
|
}
|
||||||
|
existing = events2[type];
|
||||||
|
}
|
||||||
|
if (existing === void 0) {
|
||||||
|
existing = events2[type] = listener;
|
||||||
|
++target._eventsCount;
|
||||||
|
} else {
|
||||||
|
if (typeof existing === "function") {
|
||||||
|
existing = events2[type] = prepend ? [listener, existing] : [existing, listener];
|
||||||
|
} else if (prepend) {
|
||||||
|
existing.unshift(listener);
|
||||||
|
} else {
|
||||||
|
existing.push(listener);
|
||||||
|
}
|
||||||
|
m = _getMaxListeners(target);
|
||||||
|
if (m > 0 && existing.length > m && !existing.warned) {
|
||||||
|
existing.warned = true;
|
||||||
|
var w = new Error("Possible EventEmitter memory leak detected. " + existing.length + " " + String(type) + " listeners added. Use emitter.setMaxListeners() to increase limit");
|
||||||
|
w.name = "MaxListenersExceededWarning";
|
||||||
|
w.emitter = target;
|
||||||
|
w.type = type;
|
||||||
|
w.count = existing.length;
|
||||||
|
ProcessEmitWarning(w);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return target;
|
||||||
|
}
|
||||||
|
EventEmitter.prototype.addListener = function addListener(type, listener) {
|
||||||
|
return _addListener(this, type, listener, false);
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.on = EventEmitter.prototype.addListener;
|
||||||
|
EventEmitter.prototype.prependListener = function prependListener(type, listener) {
|
||||||
|
return _addListener(this, type, listener, true);
|
||||||
|
};
|
||||||
|
function onceWrapper() {
|
||||||
|
if (!this.fired) {
|
||||||
|
this.target.removeListener(this.type, this.wrapFn);
|
||||||
|
this.fired = true;
|
||||||
|
if (arguments.length === 0)
|
||||||
|
return this.listener.call(this.target);
|
||||||
|
return this.listener.apply(this.target, arguments);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function _onceWrap(target, type, listener) {
|
||||||
|
var state = { fired: false, wrapFn: void 0, target, type, listener };
|
||||||
|
var wrapped = onceWrapper.bind(state);
|
||||||
|
wrapped.listener = listener;
|
||||||
|
state.wrapFn = wrapped;
|
||||||
|
return wrapped;
|
||||||
|
}
|
||||||
|
EventEmitter.prototype.once = function once(type, listener) {
|
||||||
|
checkListener(listener);
|
||||||
|
this.on(type, _onceWrap(this, type, listener));
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.prependOnceListener = function prependOnceListener(type, listener) {
|
||||||
|
checkListener(listener);
|
||||||
|
this.prependListener(type, _onceWrap(this, type, listener));
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.removeListener = function removeListener(type, listener) {
|
||||||
|
var list, events2, position, i, originalListener;
|
||||||
|
checkListener(listener);
|
||||||
|
events2 = this._events;
|
||||||
|
if (events2 === void 0)
|
||||||
|
return this;
|
||||||
|
list = events2[type];
|
||||||
|
if (list === void 0)
|
||||||
|
return this;
|
||||||
|
if (list === listener || list.listener === listener) {
|
||||||
|
if (--this._eventsCount === 0)
|
||||||
|
this._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
else {
|
||||||
|
delete events2[type];
|
||||||
|
if (events2.removeListener)
|
||||||
|
this.emit("removeListener", type, list.listener || listener);
|
||||||
|
}
|
||||||
|
} else if (typeof list !== "function") {
|
||||||
|
position = -1;
|
||||||
|
for (i = list.length - 1; i >= 0; i--) {
|
||||||
|
if (list[i] === listener || list[i].listener === listener) {
|
||||||
|
originalListener = list[i].listener;
|
||||||
|
position = i;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (position < 0)
|
||||||
|
return this;
|
||||||
|
if (position === 0)
|
||||||
|
list.shift();
|
||||||
|
else {
|
||||||
|
spliceOne(list, position);
|
||||||
|
}
|
||||||
|
if (list.length === 1)
|
||||||
|
events2[type] = list[0];
|
||||||
|
if (events2.removeListener !== void 0)
|
||||||
|
this.emit("removeListener", type, originalListener || listener);
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
|
||||||
|
EventEmitter.prototype.removeAllListeners = function removeAllListeners(type) {
|
||||||
|
var listeners2, events2, i;
|
||||||
|
events2 = this._events;
|
||||||
|
if (events2 === void 0)
|
||||||
|
return this;
|
||||||
|
if (events2.removeListener === void 0) {
|
||||||
|
if (arguments.length === 0) {
|
||||||
|
this._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
this._eventsCount = 0;
|
||||||
|
} else if (events2[type] !== void 0) {
|
||||||
|
if (--this._eventsCount === 0)
|
||||||
|
this._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
else
|
||||||
|
delete events2[type];
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
if (arguments.length === 0) {
|
||||||
|
var keys = Object.keys(events2);
|
||||||
|
var key;
|
||||||
|
for (i = 0; i < keys.length; ++i) {
|
||||||
|
key = keys[i];
|
||||||
|
if (key === "removeListener")
|
||||||
|
continue;
|
||||||
|
this.removeAllListeners(key);
|
||||||
|
}
|
||||||
|
this.removeAllListeners("removeListener");
|
||||||
|
this._events = /* @__PURE__ */ Object.create(null);
|
||||||
|
this._eventsCount = 0;
|
||||||
|
return this;
|
||||||
|
}
|
||||||
|
listeners2 = events2[type];
|
||||||
|
if (typeof listeners2 === "function") {
|
||||||
|
this.removeListener(type, listeners2);
|
||||||
|
} else if (listeners2 !== void 0) {
|
||||||
|
for (i = listeners2.length - 1; i >= 0; i--) {
|
||||||
|
this.removeListener(type, listeners2[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
function _listeners(target, type, unwrap) {
|
||||||
|
var events2 = target._events;
|
||||||
|
if (events2 === void 0)
|
||||||
|
return [];
|
||||||
|
var evlistener = events2[type];
|
||||||
|
if (evlistener === void 0)
|
||||||
|
return [];
|
||||||
|
if (typeof evlistener === "function")
|
||||||
|
return unwrap ? [evlistener.listener || evlistener] : [evlistener];
|
||||||
|
return unwrap ? unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
|
||||||
|
}
|
||||||
|
EventEmitter.prototype.listeners = function listeners(type) {
|
||||||
|
return _listeners(this, type, true);
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.rawListeners = function rawListeners(type) {
|
||||||
|
return _listeners(this, type, false);
|
||||||
|
};
|
||||||
|
EventEmitter.listenerCount = function(emitter, type) {
|
||||||
|
if (typeof emitter.listenerCount === "function") {
|
||||||
|
return emitter.listenerCount(type);
|
||||||
|
} else {
|
||||||
|
return listenerCount.call(emitter, type);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
EventEmitter.prototype.listenerCount = listenerCount;
|
||||||
|
function listenerCount(type) {
|
||||||
|
var events2 = this._events;
|
||||||
|
if (events2 !== void 0) {
|
||||||
|
var evlistener = events2[type];
|
||||||
|
if (typeof evlistener === "function") {
|
||||||
|
return 1;
|
||||||
|
} else if (evlistener !== void 0) {
|
||||||
|
return evlistener.length;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
EventEmitter.prototype.eventNames = function eventNames() {
|
||||||
|
return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];
|
||||||
|
};
|
||||||
|
function arrayClone(arr, n) {
|
||||||
|
var copy = new Array(n);
|
||||||
|
for (var i = 0; i < n; ++i)
|
||||||
|
copy[i] = arr[i];
|
||||||
|
return copy;
|
||||||
|
}
|
||||||
|
function spliceOne(list, index) {
|
||||||
|
for (; index + 1 < list.length; index++)
|
||||||
|
list[index] = list[index + 1];
|
||||||
|
list.pop();
|
||||||
|
}
|
||||||
|
function unwrapListeners(arr) {
|
||||||
|
var ret = new Array(arr.length);
|
||||||
|
for (var i = 0; i < ret.length; ++i) {
|
||||||
|
ret[i] = arr[i].listener || arr[i];
|
||||||
|
}
|
||||||
|
return ret;
|
||||||
|
}
|
||||||
|
function once2(emitter, name) {
|
||||||
|
return new Promise(function(resolve, reject) {
|
||||||
|
function errorListener(err) {
|
||||||
|
emitter.removeListener(name, resolver);
|
||||||
|
reject(err);
|
||||||
|
}
|
||||||
|
function resolver() {
|
||||||
|
if (typeof emitter.removeListener === "function") {
|
||||||
|
emitter.removeListener("error", errorListener);
|
||||||
|
}
|
||||||
|
resolve([].slice.call(arguments));
|
||||||
|
}
|
||||||
|
eventTargetAgnosticAddListener(emitter, name, resolver, { once: true });
|
||||||
|
if (name !== "error") {
|
||||||
|
addErrorHandlerIfEventEmitter(emitter, errorListener, { once: true });
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function addErrorHandlerIfEventEmitter(emitter, handler, flags) {
|
||||||
|
if (typeof emitter.on === "function") {
|
||||||
|
eventTargetAgnosticAddListener(emitter, "error", handler, flags);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
|
||||||
|
if (typeof emitter.on === "function") {
|
||||||
|
if (flags.once) {
|
||||||
|
emitter.once(name, listener);
|
||||||
|
} else {
|
||||||
|
emitter.on(name, listener);
|
||||||
|
}
|
||||||
|
} else if (typeof emitter.addEventListener === "function") {
|
||||||
|
emitter.addEventListener(name, function wrapListener(arg) {
|
||||||
|
if (flags.once) {
|
||||||
|
emitter.removeEventListener(name, wrapListener);
|
||||||
|
}
|
||||||
|
listener(arg);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof emitter);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
class Env {
|
||||||
|
constructor(ua = globalThis.navigator.userAgent, options = {}) {
|
||||||
|
this.isIos = false;
|
||||||
|
this.isIphone = false;
|
||||||
|
this.isIpad = false;
|
||||||
|
this.isAndroid = false;
|
||||||
|
this.isAnroidPad = false;
|
||||||
|
this.isMac = false;
|
||||||
|
this.isWin = false;
|
||||||
|
this.isMqq = false;
|
||||||
|
this.isWechat = false;
|
||||||
|
this.isWeb = false;
|
||||||
|
this.isIphone = ua.indexOf("iPhone") >= 0;
|
||||||
|
this.isIpad = /(iPad).*OS\s([\d_]+)/.test(ua);
|
||||||
|
this.isIos = this.isIphone || this.isIpad;
|
||||||
|
this.isAndroid = ua.indexOf("Android") >= 0;
|
||||||
|
this.isAnroidPad = this.isAndroid && ua.indexOf("Mobile") < 0;
|
||||||
|
this.isMac = ua.indexOf("Macintosh") >= 0;
|
||||||
|
this.isWin = ua.indexOf("Windows") >= 0;
|
||||||
|
this.isMqq = /QQ\/([\d.]+)/.test(ua);
|
||||||
|
this.isWechat = ua.indexOf("MicroMessenger") >= 0 && ua.indexOf("wxwork") < 0;
|
||||||
|
this.isWeb = !this.isIos && !this.isAndroid && !/(WebOS|BlackBerry)/.test(ua);
|
||||||
|
Object.entries(options).forEach(([key, value]) => {
|
||||||
|
this[key] = value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const COMMON_EVENT_PREFIX = "magic:common:events:";
|
||||||
|
const COMMON_METHOD_PREFIX = "magic:common:actions:";
|
||||||
|
const CommonMethod = {
|
||||||
|
SHOW: "show",
|
||||||
|
HIDE: "hide",
|
||||||
|
SCROLL_TO_VIEW: "scrollIntoView",
|
||||||
|
SCROLL_TO_TOP: "scrollToTop"
|
||||||
|
};
|
||||||
|
const DEFAULT_EVENTS = [{ label: "\u70B9\u51FB", value: `${COMMON_EVENT_PREFIX}click` }];
|
||||||
|
const getCommonEventName = (commonEventName, nodeId) => {
|
||||||
|
const returnName = `${commonEventName}:${nodeId}`;
|
||||||
|
if (commonEventName.startsWith(COMMON_EVENT_PREFIX))
|
||||||
|
return returnName;
|
||||||
|
return `${COMMON_EVENT_PREFIX}${returnName}`;
|
||||||
|
};
|
||||||
|
const isCommonMethod = (methodName) => methodName.startsWith(COMMON_METHOD_PREFIX);
|
||||||
|
const getDirectComponent = (element, app) => {
|
||||||
|
var _a;
|
||||||
|
if (!element) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (!element.id) {
|
||||||
|
return getDirectComponent(element.parentElement, app);
|
||||||
|
}
|
||||||
|
const node = (_a = app.page) == null ? void 0 : _a.getNode(element.id);
|
||||||
|
if (!node) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return node;
|
||||||
|
};
|
||||||
|
const commonClickEventHandler = (app, eventName, e) => {
|
||||||
|
const node = getDirectComponent(e.target, app);
|
||||||
|
if (node) {
|
||||||
|
const { instance, data } = node;
|
||||||
|
app.emit(getCommonEventName(eventName, data.id), instance);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
const bindCommonEventListener = (app) => {
|
||||||
|
window.document.body.addEventListener("click", (e) => {
|
||||||
|
commonClickEventHandler(app, "click", e);
|
||||||
|
});
|
||||||
|
window.document.body.addEventListener("click", (e) => {
|
||||||
|
commonClickEventHandler(app, "click:capture", e);
|
||||||
|
}, true);
|
||||||
|
};
|
||||||
|
const triggerCommonMethod = (methodName, node) => {
|
||||||
|
const { instance } = node;
|
||||||
|
switch (methodName.replace(COMMON_METHOD_PREFIX, "")) {
|
||||||
|
case CommonMethod.SHOW:
|
||||||
|
instance.show();
|
||||||
|
break;
|
||||||
|
case CommonMethod.HIDE:
|
||||||
|
instance.hide();
|
||||||
|
break;
|
||||||
|
case CommonMethod.SCROLL_TO_VIEW:
|
||||||
|
instance.$el.scrollIntoView({ behavior: "smooth" });
|
||||||
|
break;
|
||||||
|
case CommonMethod.SCROLL_TO_TOP:
|
||||||
|
window.scrollTo({ top: 0, behavior: "smooth" });
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
class Node extends events.exports.EventEmitter {
|
||||||
|
constructor(config) {
|
||||||
|
super();
|
||||||
|
const { events: events2 } = config;
|
||||||
|
this.data = config;
|
||||||
|
this.events = events2;
|
||||||
|
this.listenLifeSafe();
|
||||||
|
this.once("destroy", () => {
|
||||||
|
this.instance = null;
|
||||||
|
if (typeof this.data.destroy === "function") {
|
||||||
|
this.data.destroy(this);
|
||||||
|
}
|
||||||
|
this.listenLifeSafe();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
listenLifeSafe() {
|
||||||
|
this.once("created", (instance) => {
|
||||||
|
this.instance = instance;
|
||||||
|
if (typeof this.data.created === "function") {
|
||||||
|
this.data.created(this);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.once("mounted", (instance) => {
|
||||||
|
this.instance = instance;
|
||||||
|
if (typeof this.data.mounted === "function") {
|
||||||
|
this.data.mounted(this);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
class Page extends Node {
|
||||||
|
constructor(options) {
|
||||||
|
super(options.config);
|
||||||
|
this.nodes = /* @__PURE__ */ new Map();
|
||||||
|
this.setNode(options.config.id, this);
|
||||||
|
this.initNode(options.config);
|
||||||
|
}
|
||||||
|
initNode(config) {
|
||||||
|
var _a;
|
||||||
|
this.setNode(config.id, new Node(config));
|
||||||
|
(_a = config.items) == null ? void 0 : _a.forEach((element) => {
|
||||||
|
this.initNode(element);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
getNode(id) {
|
||||||
|
return this.nodes.get(id);
|
||||||
|
}
|
||||||
|
setNode(id, node) {
|
||||||
|
this.nodes.set(id, node);
|
||||||
|
}
|
||||||
|
deleteNode(id) {
|
||||||
|
this.nodes.delete(id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const style2Obj = (style) => {
|
||||||
|
if (typeof style !== "string") {
|
||||||
|
return style;
|
||||||
|
}
|
||||||
|
const obj = {};
|
||||||
|
style.split(";").forEach((element) => {
|
||||||
|
if (!element) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const items = element.split(":");
|
||||||
|
let key = items.shift();
|
||||||
|
let value = items.join(":");
|
||||||
|
if (!key)
|
||||||
|
return;
|
||||||
|
key = key.replace(/^\s*/, "").replace(/\s*$/, "");
|
||||||
|
value = value.replace(/^\s*/, "").replace(/\s*$/, "");
|
||||||
|
key = key.split("-").map((v, i) => i > 0 ? `${v[0].toUpperCase()}${v.substr(1)}` : v).join("");
|
||||||
|
obj[key] = value;
|
||||||
|
});
|
||||||
|
return obj;
|
||||||
|
};
|
||||||
|
const fillBackgroundImage = (value) => {
|
||||||
|
if (value && !/^url/.test(value) && !/^linear-gradient/.test(value)) {
|
||||||
|
return `url(${value})`;
|
||||||
|
}
|
||||||
|
return value;
|
||||||
|
};
|
||||||
|
class App extends events.exports.EventEmitter {
|
||||||
|
constructor(options) {
|
||||||
|
super();
|
||||||
|
this.pages = /* @__PURE__ */ new Map();
|
||||||
|
this.platform = "mobile";
|
||||||
|
this.jsEngine = "browser";
|
||||||
|
this.components = /* @__PURE__ */ new Map();
|
||||||
|
this.env = new Env(options.ua);
|
||||||
|
options.platform && (this.platform = options.platform);
|
||||||
|
options.jsEngine && (this.jsEngine = options.jsEngine);
|
||||||
|
if (this.platform === "mobile" || this.platform === "editor") {
|
||||||
|
const calcFontsize = () => {
|
||||||
|
let { width } = document.documentElement.getBoundingClientRect();
|
||||||
|
width = Math.min(800, width);
|
||||||
|
const fontSize = width / 3.75;
|
||||||
|
document.documentElement.style.fontSize = `${fontSize}px`;
|
||||||
|
};
|
||||||
|
calcFontsize();
|
||||||
|
document.body.style.fontSize = "14px";
|
||||||
|
globalThis.addEventListener("resize", calcFontsize);
|
||||||
|
}
|
||||||
|
if (options.transformStyle) {
|
||||||
|
this.transformStyle = options.transformStyle;
|
||||||
|
}
|
||||||
|
options.config && this.setConfig(options.config, options.curPage);
|
||||||
|
bindCommonEventListener(this);
|
||||||
|
}
|
||||||
|
transformStyle(style) {
|
||||||
|
if (!style) {
|
||||||
|
return {};
|
||||||
|
}
|
||||||
|
let styleObj = {};
|
||||||
|
const results = {};
|
||||||
|
if (typeof style === "string") {
|
||||||
|
styleObj = style2Obj(style);
|
||||||
|
} else {
|
||||||
|
styleObj = __spreadValues({}, style);
|
||||||
|
}
|
||||||
|
const whiteList = ["zIndex", "opacity", "fontWeight"];
|
||||||
|
Object.entries(styleObj).forEach(([key, value]) => {
|
||||||
|
if (key === "backgroundImage") {
|
||||||
|
value && (results[key] = fillBackgroundImage(value));
|
||||||
|
} else if (!whiteList.includes(key) && value && /^[-]?[0-9]*[.]?[0-9]*$/.test(value)) {
|
||||||
|
results[key] = `${value / 100}rem`;
|
||||||
|
} else {
|
||||||
|
results[key] = value;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return results;
|
||||||
|
}
|
||||||
|
setConfig(config, curPage) {
|
||||||
|
var _a, _b, _c;
|
||||||
|
this.pages = /* @__PURE__ */ new Map();
|
||||||
|
(_a = config.items) == null ? void 0 : _a.forEach((page) => {
|
||||||
|
this.pages.set(page.id, new Page({
|
||||||
|
config: page
|
||||||
|
}));
|
||||||
|
});
|
||||||
|
this.setPage(curPage || ((_c = (_b = this.page) == null ? void 0 : _b.data) == null ? void 0 : _c.id));
|
||||||
|
}
|
||||||
|
setPage(id) {
|
||||||
|
let page;
|
||||||
|
if (id) {
|
||||||
|
page = this.pages.get(id);
|
||||||
|
}
|
||||||
|
if (!page) {
|
||||||
|
page = this.pages.get(this.pages.keys().next().value);
|
||||||
|
}
|
||||||
|
this.page = page;
|
||||||
|
if (this.platform !== "magic") {
|
||||||
|
this.bindEvents();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
registerComponent(type, Component) {
|
||||||
|
this.components.set(type, Component);
|
||||||
|
}
|
||||||
|
unregisterComponent(type) {
|
||||||
|
this.components.delete(type);
|
||||||
|
}
|
||||||
|
resolveComponent(type) {
|
||||||
|
return this.components.get(type);
|
||||||
|
}
|
||||||
|
bindEvents() {
|
||||||
|
var _a;
|
||||||
|
if (!this.page)
|
||||||
|
return;
|
||||||
|
this.removeAllListeners();
|
||||||
|
for (const [, value] of this.page.nodes) {
|
||||||
|
(_a = value.events) == null ? void 0 : _a.forEach((event) => {
|
||||||
|
let { name: eventName } = event;
|
||||||
|
if (DEFAULT_EVENTS.findIndex((defaultEvent) => defaultEvent.value === eventName) > -1) {
|
||||||
|
eventName = getCommonEventName(eventName, `${value.data.id}`);
|
||||||
|
}
|
||||||
|
this.on(eventName, (fromCpt, ...args) => {
|
||||||
|
var _a2;
|
||||||
|
if (!this.page)
|
||||||
|
throw new Error("\u5F53\u524D\u6CA1\u6709\u9875\u9762");
|
||||||
|
const toNode = this.page.getNode(event.to);
|
||||||
|
if (!toNode)
|
||||||
|
throw `ID\u4E3A${event.to}\u7684\u7EC4\u4EF6\u4E0D\u5B58\u5728`;
|
||||||
|
const { method: methodName } = event;
|
||||||
|
if (isCommonMethod(methodName)) {
|
||||||
|
return triggerCommonMethod(methodName, toNode);
|
||||||
|
}
|
||||||
|
if (typeof ((_a2 = toNode.instance) == null ? void 0 : _a2[methodName]) === "function") {
|
||||||
|
toNode.instance[methodName](fromCpt, ...args);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
destroy() {
|
||||||
|
this.removeAllListeners();
|
||||||
|
this.pages.clear();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var resetcss = "";
|
||||||
|
export { App as A };
|
||||||
|
//# sourceMappingURL=resetcss.e39ac995.js.map
|
||||||
File diff suppressed because one or more lines are too long
43
magic-admin/web/public/runtime/vue3/assets/value.js
Normal file
43
magic-admin/web/public/runtime/vue3/assets/value.js
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
var page = {
|
||||||
|
items: [],
|
||||||
|
style: {
|
||||||
|
width: "100%",
|
||||||
|
height: "100%"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var container = {
|
||||||
|
items: [],
|
||||||
|
style: {
|
||||||
|
width: "375",
|
||||||
|
height: "100"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var button = {
|
||||||
|
text: "\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",
|
||||||
|
multiple: true,
|
||||||
|
style: {
|
||||||
|
width: "270",
|
||||||
|
height: "37.5",
|
||||||
|
border: 0,
|
||||||
|
backgroundColor: "#fb6f00"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var text = {
|
||||||
|
type: "text",
|
||||||
|
text: "\u8BF7\u8F93\u5165\u6587\u672C\u5185\u5BB9",
|
||||||
|
multiple: true,
|
||||||
|
style: {
|
||||||
|
width: "100",
|
||||||
|
height: "auto"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
(function() {
|
||||||
|
const values = {
|
||||||
|
"page": page,
|
||||||
|
"container": container,
|
||||||
|
"button": button,
|
||||||
|
"text": text
|
||||||
|
};
|
||||||
|
window.magicPresetValues = values;
|
||||||
|
})();
|
||||||
|
//# sourceMappingURL=value.js.map
|
||||||
1
magic-admin/web/public/runtime/vue3/assets/value.js.map
Normal file
1
magic-admin/web/public/runtime/vue3/assets/value.js.map
Normal file
File diff suppressed because one or more lines are too long
19
magic-admin/web/public/runtime/vue3/page.html
Normal file
19
magic-admin/web/public/runtime/vue3/page.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Vue3 Page</title>
|
||||||
|
<script src="https://unpkg.com/vue@next/dist/vue.runtime.global.js"></script>
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/vue3/assets/page.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue3/assets/resetcss.e39ac995.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue3/assets/plugin-vue_export-helper.adee6e2f.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue3/assets/components.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue3/assets/resetcss.52e41e6b.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue3/assets/page.f43f55a4.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
24
magic-admin/web/public/runtime/vue3/playground.html
Normal file
24
magic-admin/web/public/runtime/vue3/playground.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" style="font-size: 100px">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Vue3 Playground</title>
|
||||||
|
|
||||||
|
<script type="module" crossorigin src="/tmagic-editor/playground/runtime/vue3/assets/playground.js"></script>
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue3/assets/resetcss.e39ac995.js">
|
||||||
|
<link rel="modulepreload" href="/tmagic-editor/playground/runtime/vue3/assets/plugin-vue_export-helper.adee6e2f.js">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue3/assets/resetcss.52e41e6b.css">
|
||||||
|
<link rel="stylesheet" href="/tmagic-editor/playground/runtime/vue3/assets/playground.830d3c1b.css">
|
||||||
|
</head>
|
||||||
|
<body style="font-size: 14px">
|
||||||
|
|
||||||
|
<div id="app"></div>
|
||||||
|
|
||||||
|
<script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
|
||||||
|
<script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
2
packages/editor/package-lock.json
generated
2
packages/editor/package-lock.json
generated
@ -62,7 +62,7 @@
|
|||||||
},
|
},
|
||||||
"@popperjs/core": {
|
"@popperjs/core": {
|
||||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||||
"resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
"resolved": "https://mirrors.tencent.com/npm/@sxzz%2fpopperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||||
},
|
},
|
||||||
"@types/lodash": {
|
"@types/lodash": {
|
||||||
|
|||||||
2
packages/form/package-lock.json
generated
2
packages/form/package-lock.json
generated
@ -62,7 +62,7 @@
|
|||||||
},
|
},
|
||||||
"@popperjs/core": {
|
"@popperjs/core": {
|
||||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||||
"resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
"resolved": "https://mirrors.tencent.com/npm/@sxzz%2fpopperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||||
},
|
},
|
||||||
"@types/lodash": {
|
"@types/lodash": {
|
||||||
|
|||||||
2
packages/table/package-lock.json
generated
2
packages/table/package-lock.json
generated
@ -57,7 +57,7 @@
|
|||||||
},
|
},
|
||||||
"@popperjs/core": {
|
"@popperjs/core": {
|
||||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||||
"resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
"resolved": "https://mirrors.tencent.com/npm/@sxzz%2fpopperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||||
},
|
},
|
||||||
"@types/lodash": {
|
"@types/lodash": {
|
||||||
|
|||||||
2
playground/package-lock.json
generated
2
playground/package-lock.json
generated
@ -56,7 +56,7 @@
|
|||||||
},
|
},
|
||||||
"@popperjs/core": {
|
"@popperjs/core": {
|
||||||
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
"version": "npm:@sxzz/popperjs-es@2.11.7",
|
||||||
"resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
|
"resolved": "https://mirrors.tencent.com/npm/@sxzz%2fpopperjs-es/-/popperjs-es-2.11.7.tgz",
|
||||||
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
"integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
|
||||||
},
|
},
|
||||||
"@types/lodash": {
|
"@types/lodash": {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user