@vtj/renderer 0.7.32 → 0.7.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +5 -5
- package/dist/index.mjs +287 -336
- package/package.json +6 -6
- package/types/version.d.ts +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@vtj/core"),l=require("@vtj/utils"),$=require("vue"),G=require("vue-router"),T=require("element-plus"),x=require("mockjs"),he=require("@vueuse/core"),ve=require("@vtj/ui");function ge(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const k=ge($);/**!
|
|
2
2
|
* Copyright (c) 2024, VTJ.PRO All rights reserved.
|
|
3
3
|
* @name @vtj/renderer
|
|
4
4
|
* @author CHC chenhuachun1549@dingtalk.com
|
|
5
|
-
* @version 0.7.
|
|
5
|
+
* @version 0.7.34
|
|
6
6
|
* @license <a href="https://vtj.pro/license.html">MIT License</a>
|
|
7
|
-
*/const
|
|
8
|
-
`)+o;const i=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",i)(e)}catch(n){if(l.logger.error("parseExpression.error",n,r,e?.__self??e),s)throw n}}function
|
|
7
|
+
*/const I="0.7.34";var w=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(w||{});const D=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],_e=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],Q=["vIf","vShow","vModel","vFor","vBind"],Z={String,Number,Boolean,Array,Object,Function,Date};function F(r,e){return r.map(t=>l.isUrl(t)?t:`${e}${t}`)}function B(r){return/\.css$/.test(r)}function q(r){return/\.js$/.test(r)}function ye(r){return r.map(e=>`<script src="${l.url.append(e,{v:I})}"><\/script>`).join("")}function Se(r=[]){return r.map(e=>`<link rel="stylesheet" href="${l.url.append(e,{v:I})}" />`).join("")}function ee(r,e){const t=r.filter(d=>!!d.enabled),s=[],n=[],o=[],i=[],a={},u=[],c={};return t.forEach(({urls:d,assetsUrl:f,library:p,assetsLibrary:g})=>{d?.forEach(h=>{q(h)&&s.push(h),B(h)&&n.push(h)}),p&&(i.push(p),a[p]=F(d||[],e)),f&&o.push(f),g&&u.push(g),p&&g&&(c[g]=p)}),{scripts:F(s,e),css:F(n,e),materials:F(o,e),libraryExports:i,materialExports:l.dedupArray(u),materialMapLibrary:c,libraryMap:a}}function te(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function L(r){return l.isString(r)?r:JSON.stringify(r)}function V(r,e,t){const s=r.CSSStyleSheet;if(s.prototype.replaceSync){const n=new s;n.id=e,n.replaceSync(t);const o=r.document,i=o.adoptedStyleSheets,a=Array.from(i).filter(u=>u.id!==e);o.adoptedStyleSheets=[...a,n]}else{const n=r.document;let o=n.getElementById(e);o?o.innerHTML=t:(o=n.createElement("style"),o.id=e,o.innerHTML=t,n.head.appendChild(o))}}async function re(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&V(window,r,t)}function se(r){return l.isFunction(r)||l.isFunction(r?.install)}function R(r,e,t=!1,s=!1){try{const n=['"use strict";',"var __self = arguments[0];"];n.push("return ");let o=(r.value||"").trim();o=o.replace(/this(\W|$)/g,(a,u)=>`__self${u}`),o=n.join(`
|
|
8
|
+
`)+o;const i=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",i)(e)}catch(n){if(l.logger.error("parseExpression.error",n,r,e?.__self??e),s)throw n}}function N(r,e,t=!1,s=!1){const n=R(r,e,t,s);if(typeof n!="function"&&(l.logger.error("parseFunction.error","not a function",r,e?.__self??e),s))throw new Error(`"${r.value}" not a function`);return n}function y(r){return r&&r.type==="JSExpression"}function O(r){return typeof r=="object"&&r&&r.type==="JSFunction"}function ne(r){return y(r)||O(r)}function we(r){return ne(r)?r.value:JSON.stringify(r)}let C=null;const je=l.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:r=>r.data?.code===0||!!r.data?.success,failMessage:!0,showError:r=>{T.ElNotification.error({message:r||"未知错误"})},showLoading:()=>{C&&C.close(),C=T.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{C&&(C.close(),C=null)}}});function oe(r,e){const{jsonp:t,request:s}=e;if(r.method==="jsonp")return(n={})=>t(r.url,{...r.jsonpOptions,query:n});{const n=r.headers?R(r.headers,{},!0):void 0,o={url:r.url,method:r.method,settings:{...r.settings,headers:n}};return(i,a)=>s.send(l.merge(o,a||{},{data:i}))}}function ie(r=[],e){return r.reduce((t,s)=>(t[s.id]=oe(s,e),t),{})}function ae(r=[]){x.setup({timeout:"50-500"}),J(),r.forEach(e=>ce(e))}function ce(r){if(!r.mock)return;const{url:e,mockTemplate:t}=r;if(e&&t){const s=l.pathToRegexp(`${e}(.*)`),n=l.pathToRegexpMatch(e,{decode:decodeURIComponent}),o=R(t,{},!0);x.mock(s,i=>{const a=l.url.parse(i.url)||{},u=i.body instanceof FormData?l.formDataToJson(i.body):i.body,c=n(i.url)?.params;return Object.assign(i,{data:u,params:a,query:c}),x.mock(o(i))})}}function J(){x._mocked={}}class le{__id=null;__mode;__instance=null;__contextRefs={};__refs={};context={};state={};$props={};$refs={};$el=null;$emit=null;$nextTick=null;$parent=null;$root=null;$attrs=null;$slots=null;$watch=null;$options=null;$forceUpdate=null;$components={};$libs={};$apis={};__transform={};constructor(e){const{mode:t,dsl:s,attrs:n}=e;this.__mode=t,s&&(this.__id=s.id||null,this.__transform=s.transform||{}),n&&Object.assign(this,n)}setup(e,t=k){const s=t.getCurrentInstance();if(!s)return;this.__instance=s.proxy;const n=s.appContext.config.globalProperties;Object.assign(this,n),Object.assign(this,e||{}),this.__proxy(),t.onMounted(()=>{this.__proxy()}),t.onUnmounted(()=>{this.__cleanup()})}__proxy(){this.__instance&&D.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){D.forEach(e=>{this[e]=null})}__parseFunction(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return N({type:s,value:n},this)}else return N(e,this)}__parseExpression(e){if(e)if(this.__mode===w.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return R({type:s,value:n},this)}else return R(e,this)}__ref(e=null,t){if(this.__mode!==w.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),s=>{let n=s?.$vtjEl||s?.$el||s;if(!n){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}if(n.__vtj__=e,n.nodeType===3&&n.nextSibling&&(n=n.nextSibling),w.Design===this.__mode&&(n.__context__=this),e&&(this.__refs[e]=s),typeof t=="function")t(s);else if(t){const o=this.$refs[t];if(o){const i=new Set([].concat(o,s));this.$refs[t]=Array.from(i)}else this.$refs[t]=s}return s}}__clone(e={}){const t={...this.context,...e},s={...t,context:t};return s.context.__proto__=this.context,s.__proto__=this,s}}function U(r){const{Vue:e=k,mode:t=w.Runtime,components:s={},libs:n={},apis:o={},loader:i}=r,a=e.computed(()=>r.dsl),u={$components:s,$libs:n,$apis:o},c=new le({mode:t,dsl:a.value,attrs:u}),d=e.defineComponent({name:a.value.name,props:{...$e(a.value.props??[],c)},setup(f){c.$props=f,a.value.id&&V(r.window||window,a.value.id,a.value.css||""),c.state=Ee(e,a.value.state??{},c);const p=Pe(e,a.value.computed??{},c),g=be(a.value.methods??{},c),h=Ce(e,a.value.inject,c),S=ue(a.value.dataSources||{},c),m={...h,...p,...g,...S};return c.setup(m,e),Ie(e,a.value.watch??[],c),{vtj:c}},emits:[...a.value.emits??[]],expose:["vtj"],render(){if(!a.value.nodes)return null;const f=a.value.nodes||[];return f.length===1?H(f[0],c,e,i):f.map(p=>H(p,c,e,i))},...Re(a.value.lifeCycles??{},c)});return{renderer:e.markRaw(d),context:c}}function $e(r=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(o=>Z[o]):void 0;return r.map(s=>l.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:y(s.default)?e.__parseExpression(s.default):s.default}).reduce((s,n)=>(s[n.name]={type:t(n.type),required:n.required,default:n.default},s),{})}function Ee(r,e,t){return r.reactive(Object.keys(e||{}).reduce((s,n)=>{let o=e[n];return y(o)?o=t.__parseExpression(o):O(o)&&(o=t.__parseFunction(o)),s[n]=o,s},{}))}function Pe(r,e,t){return Object.entries(e??{}).reduce((s,[n,o])=>(s[n]=r.computed(t.__parseFunction(o)),s),{})}function be(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}function Ce(r,e=[],t){return e.reduce((s,n)=>{const{name:o,from:i}=n||{};n.default;const a=y(i)?t.__parseExpression(i)||o:i??o,u=y(n.default)?t.__parseExpression(n.default):n.default??null;return s[o]=r.inject(a,u),s},{})}function ue(r,e){return Object.keys(r).reduce((t,s)=>{const n=r[s],o=e.$apis[n.ref],i=O(n.transform)?n.transform.value?e.__parseFunction(n.transform):void 0:n.transform;return t[s]=async(...a)=>{const u=await o.apply(e,a);return i?i(u):u},t},{})}function Ie(r,e=[],t){e.forEach(s=>{r.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function Re(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}const pe=r=>r;function Y(r){const{getDsl:e,options:t}=r;return(s,n,o=k)=>!n||typeof n=="string"?s:n.type==="Schema"?o.defineAsyncComponent(async()=>{const i=await e(n.id);return i?U({...t,Vue:o,dsl:i,mode:w.Runtime,loader:Y(r)}).renderer:null}):s}function H(r,e,t=k,s=pe){if(!r||!r.name||r.invisible)return null;const{id:n=null,directives:o=[]}=r,{vIf:i,vFor:a,vShow:u,vModels:c,vBind:d}=Fe(o);if(i&&!He(i,e))return null;const f=p=>{const g=p.$components,h=(()=>{if(r.name==="component")return Oe(p,r.props?.is);if(r.name==="slot")return r.name;const _=s(r.name,r.from,t);return l.isString(_)?g[_]??_:_})(),S=Me(n,r.props??{},p),m=Te(t,r.events??{},p);if(r.name==="slot")return xe(t,r,S,p);d&&Object.assign(S,p.__parseExpression(d.value)),u&&(S.style=Object.assign(S.style??{},Ae(u,p))),c.forEach(_=>{Object.assign(S,De(t,_,p))});const j=Ne(t,r.children??[],p,r);return t.createVNode(h,{...S,...m},j)};return a?Le(a,f,e):f(e)}function Fe(r=[]){const e=r.find(a=>l.camelCase(a.name)==="vIf"),t=r.find(a=>l.camelCase(a.name)==="vFor"),s=r.find(a=>l.camelCase(a.name)==="vShow"),n=r.find(a=>l.camelCase(a.name)==="vBind"),o=r.filter(a=>l.camelCase(a.name)==="vModel"),i=r.filter(a=>!Q.includes(l.camelCase(a.name)));return{vIf:e,vFor:t,vShow:s,vModels:o,vBind:n,others:i}}function He(r,e){return!!e.__parseExpression(r.value)}function Oe(r,e){return e?y(e)?r.__parseExpression(e):e:"div"}function Me(r,e,t){const s=Object.keys(e||{}).reduce((n,o)=>{let i=e[o];return y(i)?i=t.__parseExpression(i):O(i)&&(i=t.__parseFunction(i)),n[o]=i,n},{});return s.ref=t.__ref(r,s.ref),s}function Te(r,e,t){const s=["passive","capture","once"],n={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((o,i)=>{const a=e[i],u=K(a.modifiers),c=u.find(p=>s.includes(p)),d="on"+l.upperFirst(i)+(c&&n[c]||""),f=t.__parseFunction(a.handler);return f&&(o[d]=r.withModifiers(f,u)),o},{})}function K(r={},e=!1){const t=Object.keys(r);return e?t.map(s=>"."+s):t}function xe(r,e,t,s){const{children:n}=e,o=ke(e,s),i=s.$slots?.[o.name];return i?i(t):n?l.isString(n)?r.createTextVNode(n):y(n)?r.createTextVNode(L(s.__parseExpression(n))):Array.isArray(n)?n.map(a=>H(a,s,r)):null:null}function ke(r,e){const{props:t}=r,s=t?.name||"default";return{name:y(s)?e.__parseExpression(s):s,params:[]}}function Ae(r,e){return e.__parseExpression(r.value)?{}:{display:"none"}}function De(r,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
|
|
9
9
|
${e.value.value} = v;
|
|
10
|
-
}`:"(v) => {}"},n=t.__parseFunction(s),o=Y(e.modifiers),i=y(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[i]:t.__parseExpression(e.value),[`onUpdate:${i}`]:o.length&&n?r.withModifiers(n,o):n}}function Ae(r,e,t,s){if(!e)return null;if(l.isString(e))return{default:()=>e};if(y(e))return{default:()=>B(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const n=De(e),o=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(n).reduce((i,[a,{nodes:u,params:c}])=>(i[a]=h=>{const m=c.length?l.pick(h??{},c):o(h);return u.map(p=>T(p,t.__clone(m),r))},i),{})}return null}function De(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=Ve(t.slot),n=s.name;e[n]?(e[n].nodes.push(t),e[n].params=e[n].params.concat(s.params)):e[n]={nodes:[t],params:s.params}}return e}function Ve(r="default"){return l.isString(r)?{name:r,params:[]}:{params:[],...r}}function Be(r,e,t){const{value:s,iterator:n}=r,{item:o="item",index:i="index"}=n||{};let a=t.__parseExpression(s)||[];return Number.isInteger(a)&&(a=new Array(a).fill(!0).map((u,c)=>c+1)),Array.isArray(a)?a.map((u,c)=>e(t.__clone({[o]:u,[i]:c}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const W=f.defineComponent({name:"VtjPageContainer",async setup(){const r=K(),e=X.useRoute(),t=e.params.id,s=t?r.getPage(t):r.getHomepage(),n=s?await r.getRenderComponent(s.id):null;return s&&me.useTitle(s.title||"VTJ"),{provider:r,component:n,file:s,query:e.query}},render(){return this.component?f.h(this.component,this.query):f.h("div","页面不存在")}}),qe={name:{type:String,default:"VTJ.PRO"},tagline:{type:String,default:"基于 Vue3 + TypeScript 快速打造高生产力的低代码研发平台"},actionText:{type:String,default:"开始设计"},actionLink:{type:String,default:"/@vtj/pro/"}},Le={class:"x-startup"},Je={class:"x-startup__wrapper"},Ue={class:"x-startup__name"},Ye={class:"clip"},ze={class:"x-startup__tagline"},Ke={class:"x-startup__actions"},We=f.defineComponent({__name:"Startup",props:qe,setup(r){const e=r,t=()=>{if(typeof window<"u"){let s=(window.__VTJ_LINK__||{}).href||window.location.pathname+"@vtj/pro/#/";window.location.href=s}};return(s,n)=>(f.openBlock(),f.createElementBlock("div",Le,[f.createElementVNode("div",Je,[f.createElementVNode("div",Ue,[f.createElementVNode("span",Ye,f.toDisplayString(e.name),1)]),f.createElementVNode("div",ze,f.toDisplayString(e.tagline),1),f.createElementVNode("div",Ke,[f.createVNode(f.unref(R.ElButton),{type:"primary",size:"large",round:"",icon:f.unref(he.EditPen),onClick:t},{default:f.withCtx(()=>[f.createTextVNode(f.toDisplayString(e.actionText),1)]),_:1},8,["icon"])])])]))}}),Xe=f.defineComponent({name:"VtjStartupContainer",render(){return f.h(We)}}),z=Symbol("Provider");class pe extends $.Base{mode;globals={};modules={};adapter={request:we,jsonp:l.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";constructor(e){super();const{service:t,mode:s=j.Raw,dependencies:n,materials:o,project:i={},adapter:a={},globals:u={},modules:c={},router:h=null,materialPath:m="./",nodeEnv:p="development"}=e;this.mode=s,this.modules=c,this.service=t,this.router=h,this.materialPath=m,this.nodeEnv=p,n&&(this.dependencies=n),o&&(this.materials=o),Object.assign(this.globals,u),Object.assign(this.adapter,a),s!==j.Design&&this.load(i)}async load(e){const t=this.modules[`.vtj/projects/${e.id}.json`];if(this.project=t?await t():await this.service.init(e),!this.project)throw new Error("project is null");const{dependencies:s=[],apis:n}=this.project,{dependencies:o,library:i,components:a,materialPath:u}=this,{libraryExports:c,libraryMap:h,materials:m,materialExports:p,materialMapLibrary:_}=Z(s,u);for(const d of c){const w=o[d],E=window[d];if(E)i[d]=E;else if(w)window[d]=i[d]=await w();else{const v=h[d]||[];for(const P of v)D(P)&&await te(d,l.url.append(P,{v:C})),V(P)&&await l.loadScript(l.url.append(P,{v:C})),i[d]=window[d]}}for(const d of m)await l.loadScript(l.url.append(d,{v:C}));const S=this.materials||{};for(const d of p){const w=window[_[d]],E=$.BUILT_IN_COMPONENTS[d];if(E)w&&E.forEach(v=>{a[v]=w[v]});else{const v=S[d]?(await S[d]()).default:window[d];v&&w&&(v.components||[]).forEach(P=>{a[P.name]=ee(P,w)})}}n&&(this.apis=oe(n,this.adapter),L(),this.project.config?.mock&&ie(n)),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:W}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?W:Xe}))}install(e){const t=e.config.globalProperties.installed||{};for(const[s,n]of Object.entries(this.library))!t[s]&&re(n)&&(e.use(n),t[s]=!0);e.provide(z,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(s=>s.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},s=(n,o=[])=>{for(const i of o){if(i.id===n)return i;if(i.children&&i.children.length){const a=s(n,i.children);if(a)return a}}};return s(e,t)||null}getHomepage(){const{homepage:e}=this.project||{};return e?this.getPage(e):null}async getDsl(e){const t=this.modules[`.vtj/files/${e}.json`];return t?await t():this.service.getFile(e).catch(()=>null)}async getRenderComponent(e){const t=this.getFile(e);if(!t)return l.logger.warn(`Can not find file: ${e}`),null;const s=`.vtj/vue/${e}.vue`,n=this.modules[s];if(n)return(await n())?.default;const o=await this.getDsl(t.id);if(!o)return l.logger.warn(`Can not find dsl: ${e}`),null;const{library:i,components:a,mode:u,apis:c}=this,h={mode:u,Vue:i.Vue,components:a,libs:i,apis:c,window},m=U({getDsl:async _=>await this.getDsl(_)||null,options:h}),{renderer:p}=J({...h,dsl:o,loader:m});return p}}function Ge(r){const e=new pe(r);return{provider:e,onReady:s=>e.ready(s)}}function K(r={}){const e=f.inject(z);if(!e)throw new Error("Can not find provider");if(e.mode===j.Raw&&e.nodeEnv==="development"){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&R.ElNotification.warning({title:n?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Qe=new l.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0,showError:r=>{R.ElNotification.error({message:r||"未知错误"})}}}),Ze=(r="/vtj/local/repository/${type}.json")=>(e,t)=>Qe.send({url:r,method:"post",query:{type:e},data:{type:e,data:t}});class k{api;constructor(){this.api=Ze()}async init(e){return console.log("BaseService.init",e),{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return console.log("BaseService.saveMaterials",e,t),!1}async saveFile(e){return console.log("BaseService.saveFile",e),!1}async getFile(e){return console.log("BaseService.getFile",e),{}}async removeFile(e){return console.log("BaseService.removeFile",e),!1}async saveHistory(e){return console.log("BaseService.saveHistory",e),!1}async removeHistory(e){return console.log("BaseService.removeHistory",e),!1}async getHistory(e){return console.log("BaseService.getHistory",e),{}}async getHistoryItem(e,t){return console.log("BaseService.getHistoryItem",e,t),{}}async saveHistoryItem(e,t){return console.log("BaseService.saveHistoryItem",e,t),!1}async removeHistoryItem(e,t){return console.log("BaseService.removeHistoryItem",e,t),!1}async publish(e){return!!await this.api("publish",e).catch(()=>!1)}async publishFile(e,t){return!!await this.api("publishFile",{project:e,file:t}).catch(()=>!1)}async genVueContent(e,t){return await this.api("genVueContent",{project:e,dsl:t}).catch(()=>"")}async createRawPage(e){return await this.api("createRawPage",e).catch(()=>"")}async removeRawPage(e){return await this.api("removeRawPage",e).catch(()=>"")}}const g=new l.Storage({type:"local",expired:0,prefix:"__VTJ_"});class et extends k{init(e){const t=new $.ProjectModel(e),s=g.get(`project_${t.id}`),n=Object.assign(t.toDsl(),s||{});return g.save(`project_${t.id}`,n),Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return g.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return g.save(`materials_${e.id}`,l.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return g.save(`file_${e.id}`,e),Promise.resolve(!0)}getFile(e){const t=g.get(`file_${e}`);return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return g.remove(`file_${e}`),Promise.resolve(!0)}saveHistory(e){return g.save(`history_${e.id}`,e),Promise.resolve(!0)}removeHistory(e){const t=g.get(`history_${e}`);if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),g.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=g.get(`history_${e}`),s=new $.HistoryModel(t||{id:e});return Promise.resolve(s.toDsl())}getHistoryItem(e,t){const s=g.get(`history_${e}_${t}`);return Promise.resolve(s)}saveHistoryItem(e,t){return g.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{g.remove(`history_${e}_${s}`)}),Promise.resolve(!0)}}class de extends k{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new $.ProjectModel(e),s=this.projects[t.id]||{},n=Object.assign(t.toDsl(),s);return this.projects[n.id]=n,Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return this.projects[t.id]=t.toDsl(),Promise.resolve(!0)}saveMaterials(e,t){return e.id&&(this.materials[e.id]=l.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return this.files[e.id]=e,Promise.resolve(!0)}getFile(e){const t=this.files[e];return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return delete this.files[e],Promise.resolve(!0)}saveHistory(e){return this.histories[e.id]=e,Promise.resolve(!0)}removeHistory(e){const t=this.histories[e];if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],s=new $.HistoryModel(t||{id:e});return Promise.resolve(s)}getHistoryItem(e,t){const s=`${e}_${t}`,n=this.historyItems[s]||{};return Promise.resolve(n)}saveHistoryItem(e,t){const s=`${e}_${t.id}`;return this.historyItems[s]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{const n=`${e}_${s}`;delete this.historyItems[n]}),Promise.resolve(!0)}}let H=null;function tt(){return H||(H=new de,H)}class rt extends k{async init(e){return await this.api("init",e).catch(()=>null)||{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return!!await this.api("saveMaterials",{project:e,materials:l.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){return await this.api("getFile",e).catch(()=>null)||{}}async removeFile(e){return!!await this.api("removeFile",e).catch(()=>!1)}async saveHistory(e){return!!await this.api("saveHistory",e).catch(()=>!1)}async removeHistory(e){return!!await this.api("removeHistory",e).catch(()=>!1)}async getHistory(e){return await this.api("getHistory",e).catch(()=>null)||{}}async getHistoryItem(e,t){return await this.api("getHistoryItem",{fId:e,id:t}).catch(()=>null)||{}}async saveHistoryItem(e,t){return!!await this.api("saveHistoryItem",{fId:e,item:t}).catch(()=>!1)}async removeHistoryItem(e,t){return!!await this.api("removeHistoryItem",{fId:e,ids:t}).catch(()=>!1)}}function fe(r=[]){return r.map(e=>{const{id:t,title:s,icon:n,children:o,hidden:i}=e;return{id:t,title:s,icon:n,hidden:i,url:`/page/${t}`,children:o&&o.length?fe(o):void 0}})}function st(){const r=K(),e=X.useRoute(),t=f.ref(!1),s=r.project;f.watchEffect(()=>{const{name:i,params:a,meta:u}=e;if(i==="VtjPage"){const c=r.getPage(a.id);t.value=!c?.mask}else if(i==="VtjHomepage"){const c=r.getHomepage();t.value=!c?.mask}else t.value=!u.mask});const n=fe(s?.pages),o=s?.config;return{disabled:t,logo:o?.logo,themeSwitchable:o?.themeSwitchable,title:o?.title||s?.description||s?.name||"VTJ App",menus:n}}exports.BUILT_IN_DIRECTIVES=G;exports.BaseService=k;exports.CONTEXT_HOST=N;exports.Context=ce;exports.ContextMode=j;exports.DATA_TYPES=Q;exports.JSCodeToString=Se;exports.LIFE_CYCLES_LIST=ge;exports.LocalService=rt;exports.MemoryService=de;exports.Provider=pe;exports.StorageService=et;exports.VTJ_RENDERER_VERSION=C;exports.adoptedStyleSheets=q;exports.createAssetScripts=_e;exports.createAssetsCss=ye;exports.createDataSources=le;exports.createLoader=U;exports.createMemoryService=tt;exports.createProvider=Ge;exports.createRenderer=J;exports.createSchemaApi=ne;exports.createSchemaApis=oe;exports.defaultLoader=ue;exports.fillBasePath=I;exports.getModifiers=Y;exports.getRawComponent=ee;exports.isCSSUrl=D;exports.isJSCode=se;exports.isJSExpression=y;exports.isJSFunction=x;exports.isJSUrl=V;exports.isVuePlugin=re;exports.loadCss=te;exports.mockApi=ae;exports.mockApis=ie;exports.mockCleanup=L;exports.nodeRender=T;exports.parseDeps=Z;exports.parseExpression=F;exports.parseFunction=A;exports.providerKey=z;exports.toString=B;exports.useMask=st;exports.useProvider=K;
|
|
10
|
+
}`:"(v) => {}"},n=t.__parseFunction(s),o=K(e.modifiers),i=y(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[i]:t.__parseExpression(e.value),[`onUpdate:${i}`]:o.length&&n?r.withModifiers(n,o):n}}function Ne(r,e,t,s){if(!e)return null;if(l.isString(e))return{default:()=>e};if(y(e))return{default:()=>L(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const n=Be(e),o=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(n).reduce((i,[a,{nodes:u,params:c}])=>(i[a]=d=>{const f=c.length?l.pick(d??{},c):o(d);return u.map(p=>H(p,t.__clone(f),r))},i),{})}return null}function Be(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=qe(t.slot),n=s.name;e[n]?(e[n].nodes.push(t),e[n].params=e[n].params.concat(s.params)):e[n]={nodes:[t],params:s.params}}return e}function qe(r="default"){return l.isString(r)?{name:r,params:[]}:{params:[],...r}}function Le(r,e,t){const{value:s,iterator:n}=r,{item:o="item",index:i="index"}=n||{};let a=t.__parseExpression(s)||[];return Number.isInteger(a)&&(a=new Array(a).fill(!0).map((u,c)=>c+1)),Array.isArray(a)?a.map((u,c)=>e(t.__clone({[o]:u,[i]:c}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const z=$.defineComponent({name:"VtjPageContainer",async setup(){const r=W(),e=G.useRoute(),t=e.params.id,s=t?r.getPage(t):r.getHomepage(),n=s?await r.getRenderComponent(s.id):null;return s&&he.useTitle(s.title||"VTJ"),{provider:r,component:n,file:s,query:e.query}},render(){return this.component?$.h(this.component,this.query):$.h("div","页面不存在")}}),Ve=$.defineComponent({name:"VtjStartupContainer",render(){return $.h(ve.XStartup)}}),X=Symbol("Provider");class fe extends E.Base{mode;globals={};modules={};adapter={request:je,jsonp:l.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";constructor(e){super();const{service:t,mode:s=w.Raw,dependencies:n,materials:o,project:i={},adapter:a={},globals:u={},modules:c={},router:d=null,materialPath:f="./",nodeEnv:p="development"}=e;this.mode=s,this.modules=c,this.service=t,this.router=d,this.materialPath=f,this.nodeEnv=p,n&&(this.dependencies=n),o&&(this.materials=o),Object.assign(this.globals,u),Object.assign(this.adapter,a),s!==w.Design&&this.load(i)}async load(e){const t=this.modules[`.vtj/projects/${e.id}.json`];if(this.project=t?await t():await this.service.init(e),!this.project)throw new Error("project is null");const{dependencies:s=[],apis:n}=this.project,{dependencies:o,library:i,components:a,materialPath:u}=this,{libraryExports:c,libraryMap:d,materials:f,materialExports:p,materialMapLibrary:g}=ee(s,u),h=window;h.CKEDITOR_VERSION=void 0;for(const m of c){const j=o[m],_=h[m];if(_)i[m]=_;else if(j)h[m]=i[m]=await j();else{const P=d[m]||[];for(const b of P)B(b)&&await re(m,l.url.append(b,{v:I})),q(b)&&await l.loadScript(l.url.append(b,{v:I})),i[m]=h[m]}}for(const m of f)await l.loadScript(l.url.append(m,{v:I}));const S=this.materials||{};for(const m of p){const j=h[g[m]],_=E.BUILT_IN_COMPONENTS[m];if(_)j&&_.forEach(P=>{a[P]=j[P]});else{const P=S[m]?(await S[m]()).default:h[m];P&&j&&(P.components||[]).forEach(b=>{a[b.name]=te(b,j)})}}n&&(this.apis=ie(n,this.adapter),J(),this.project.config?.mock&&ae(n)),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:z}),e.addRoute({path:"/",name:"VtjHomepage",component:t?.homepage?z:Ve}))}install(e){const t=e.config.globalProperties.installed||{};for(const[s,n]of Object.entries(this.library))!t[s]&&se(n)&&(e.use(n),t[s]=!0);e.provide(X,this),e.config.globalProperties.installed=t}getFile(e){const{blocks:t=[]}=this.project||{};return this.getPage(e)||t.find(s=>s.id===e)||null}getPage(e){const{pages:t=[]}=this.project||{},s=(n,o=[])=>{for(const i of o){if(i.id===n)return i;if(i.children&&i.children.length){const a=s(n,i.children);if(a)return a}}};return s(e,t)||null}getHomepage(){const{homepage:e}=this.project||{};return e?this.getPage(e):null}async getDsl(e){const t=this.modules[`.vtj/files/${e}.json`];return t?await t():this.service.getFile(e).catch(()=>null)}async getRenderComponent(e){const t=this.getFile(e);if(!t)return l.logger.warn(`Can not find file: ${e}`),null;const s=`.vtj/vue/${e}.vue`,n=this.modules[s];if(n)return(await n())?.default;const o=await this.getDsl(t.id);if(!o)return l.logger.warn(`Can not find dsl: ${e}`),null;const{library:i,components:a,mode:u,apis:c}=this,d={mode:u,Vue:i.Vue,components:a,libs:i,apis:c,window},f=Y({getDsl:async g=>await this.getDsl(g)||null,options:d}),{renderer:p}=U({...d,dsl:o,loader:f});return p}}function Je(r){const e=new fe(r);return{provider:e,onReady:s=>e.ready(s)}}function W(r={}){const e=$.inject(X);if(!e)throw new Error("Can not find provider");if(e.mode===w.Raw&&e.nodeEnv==="development"){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&T.ElNotification.warning({title:n?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const Ue=new l.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0,showError:r=>{T.ElNotification.error({message:r||"未知错误"})}}}),Ye=(r="/vtj/local/repository/${type}.json")=>(e,t)=>Ue.send({url:r,method:"post",query:{type:e},data:{type:e,data:t}});class A{api;constructor(){this.api=Ye()}async init(e){return console.log("BaseService.init",e),{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return console.log("BaseService.saveMaterials",e,t),!1}async saveFile(e){return console.log("BaseService.saveFile",e),!1}async getFile(e){return console.log("BaseService.getFile",e),{}}async removeFile(e){return console.log("BaseService.removeFile",e),!1}async saveHistory(e){return console.log("BaseService.saveHistory",e),!1}async removeHistory(e){return console.log("BaseService.removeHistory",e),!1}async getHistory(e){return console.log("BaseService.getHistory",e),{}}async getHistoryItem(e,t){return console.log("BaseService.getHistoryItem",e,t),{}}async saveHistoryItem(e,t){return console.log("BaseService.saveHistoryItem",e,t),!1}async removeHistoryItem(e,t){return console.log("BaseService.removeHistoryItem",e,t),!1}async publish(e){return!!await this.api("publish",e).catch(()=>!1)}async publishFile(e,t){return!!await this.api("publishFile",{project:e,file:t}).catch(()=>!1)}async genVueContent(e,t){return await this.api("genVueContent",{project:e,dsl:t}).catch(()=>"")}async createRawPage(e){return await this.api("createRawPage",e).catch(()=>"")}async removeRawPage(e){return await this.api("removeRawPage",e).catch(()=>"")}}const v=new l.Storage({type:"local",expired:0,prefix:"__VTJ_"});class Ke extends A{init(e){const t=new E.ProjectModel(e),s=v.get(`project_${t.id}`),n=Object.assign(t.toDsl(),s||{});return v.save(`project_${t.id}`,n),Promise.resolve(n)}saveProject(e){const t=new E.ProjectModel(e);return v.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return v.save(`materials_${e.id}`,l.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return v.save(`file_${e.id}`,e),Promise.resolve(!0)}getFile(e){const t=v.get(`file_${e}`);return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return v.remove(`file_${e}`),Promise.resolve(!0)}saveHistory(e){return v.save(`history_${e.id}`,e),Promise.resolve(!0)}removeHistory(e){const t=v.get(`history_${e}`);if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),v.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=v.get(`history_${e}`),s=new E.HistoryModel(t||{id:e});return Promise.resolve(s.toDsl())}getHistoryItem(e,t){const s=v.get(`history_${e}_${t}`);return Promise.resolve(s)}saveHistoryItem(e,t){return v.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{v.remove(`history_${e}_${s}`)}),Promise.resolve(!0)}}class de extends A{projects={};materials={};files={};histories={};historyItems={};init(e){const t=new E.ProjectModel(e),s=this.projects[t.id]||{},n=Object.assign(t.toDsl(),s);return this.projects[n.id]=n,Promise.resolve(n)}saveProject(e){const t=new E.ProjectModel(e);return this.projects[t.id]=t.toDsl(),Promise.resolve(!0)}saveMaterials(e,t){return e.id&&(this.materials[e.id]=l.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return this.files[e.id]=e,Promise.resolve(!0)}getFile(e){const t=this.files[e];return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return delete this.files[e],Promise.resolve(!0)}saveHistory(e){return this.histories[e.id]=e,Promise.resolve(!0)}removeHistory(e){const t=this.histories[e];if(t){const n=(t.items||[]).map(o=>o.id);this.removeHistoryItem(e,n),delete this.historyItems[e]}return Promise.resolve(!0)}getHistory(e){const t=this.histories[e],s=new E.HistoryModel(t||{id:e});return Promise.resolve(s)}getHistoryItem(e,t){const s=`${e}_${t}`,n=this.historyItems[s]||{};return Promise.resolve(n)}saveHistoryItem(e,t){const s=`${e}_${t.id}`;return this.historyItems[s]=t,Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{const n=`${e}_${s}`;delete this.historyItems[n]}),Promise.resolve(!0)}}let M=null;function Xe(){return M||(M=new de,M)}class We extends A{async init(e){return await this.api("init",e).catch(()=>null)||{}}async saveProject(e){return!!await this.api("saveProject",e).catch(()=>!1)}async saveMaterials(e,t){return!!await this.api("saveMaterials",{project:e,materials:l.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){return await this.api("getFile",e).catch(()=>null)||{}}async removeFile(e){return!!await this.api("removeFile",e).catch(()=>!1)}async saveHistory(e){return!!await this.api("saveHistory",e).catch(()=>!1)}async removeHistory(e){return!!await this.api("removeHistory",e).catch(()=>!1)}async getHistory(e){return await this.api("getHistory",e).catch(()=>null)||{}}async getHistoryItem(e,t){return await this.api("getHistoryItem",{fId:e,id:t}).catch(()=>null)||{}}async saveHistoryItem(e,t){return!!await this.api("saveHistoryItem",{fId:e,item:t}).catch(()=>!1)}async removeHistoryItem(e,t){return!!await this.api("removeHistoryItem",{fId:e,ids:t}).catch(()=>!1)}}function me(r=[]){return r.map(e=>{const{id:t,title:s,icon:n,children:o,hidden:i}=e;return{id:t,title:s,icon:n,hidden:i,url:`/page/${t}`,children:o&&o.length?me(o):void 0}})}function ze(){const r=W(),e=G.useRoute(),t=$.ref(!1),s=r.project;$.watchEffect(()=>{const{name:i,params:a,meta:u}=e;if(i==="VtjPage"){const c=r.getPage(a.id);t.value=!c?.mask}else if(i==="VtjHomepage"){const c=r.getHomepage();t.value=!c?.mask}else t.value=!u.mask});const n=me(s?.pages),o=s?.config;return{disabled:t,logo:o?.logo,themeSwitchable:o?.themeSwitchable,title:o?.title||s?.description||s?.name||"VTJ App",menus:n}}exports.BUILT_IN_DIRECTIVES=Q;exports.BaseService=A;exports.CONTEXT_HOST=D;exports.Context=le;exports.ContextMode=w;exports.DATA_TYPES=Z;exports.JSCodeToString=we;exports.LIFE_CYCLES_LIST=_e;exports.LocalService=We;exports.MemoryService=de;exports.Provider=fe;exports.StorageService=Ke;exports.VTJ_RENDERER_VERSION=I;exports.adoptedStyleSheets=V;exports.createAssetScripts=ye;exports.createAssetsCss=Se;exports.createDataSources=ue;exports.createLoader=Y;exports.createMemoryService=Xe;exports.createProvider=Je;exports.createRenderer=U;exports.createSchemaApi=oe;exports.createSchemaApis=ie;exports.defaultLoader=pe;exports.fillBasePath=F;exports.getModifiers=K;exports.getRawComponent=te;exports.isCSSUrl=B;exports.isJSCode=ne;exports.isJSExpression=y;exports.isJSFunction=O;exports.isJSUrl=q;exports.isVuePlugin=se;exports.loadCss=re;exports.mockApi=ce;exports.mockApis=ae;exports.mockCleanup=J;exports.nodeRender=H;exports.parseDeps=ee;exports.parseExpression=R;exports.parseFunction=N;exports.providerKey=X;exports.toString=L;exports.useMask=ze;exports.useProvider=W;
|