@vtj/renderer 0.7.3 → 0.7.5

package/dist/index.cjs

@@ -2,9 +2,9 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.2
+ * @version 0.7.5
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const he="0.7.2";var S=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(S||{});const D=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],ge=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],G=["vIf","vShow","vModel","vFor","vBind"],Q={String,Number,Boolean,Array,Object,Function,Date};function b(r,e){return r.map(t=>f.isUrl(t)?t:`${e}${t}`)}function L(r){return/\.css$/.test(r)}function k(r){return/\.js$/.test(r)}function _e(r){return r.map(e=>`<script src="${e}"><\/script>`).join("")}function ye(r=[]){return r.map(e=>`<link rel="stylesheet" href="${e}" />`).join("")}function Z(r,e){const t=r.filter(m=>!!m.enabled),s=[],n=[],o=[],i=[],a={},l=[],c={};return t.forEach(({urls:m,assetsUrl:d,library:u,assetsLibrary:h})=>{m?.forEach(_=>{k(_)&&s.push(_),L(_)&&n.push(_)}),u&&(i.push(u),a[u]=b(m||[],e)),d&&o.push(d),h&&l.push(h),u&&h&&(c[h]=u)}),{scripts:b(s,e),css:b(n,e),materials:b(o,e),libraryExports:i,materialExports:l,materialMapLibrary:c,libraryMap:a}}function ee(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function q(r){return f.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(l=>l.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 te(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&V(window,r,t)}function re(r){return f.isFunction(r)||f.isFunction(r?.install)}var x=function(){return x=Object.assign||function(r){for(var e,t=1,s=arguments.length;t<s;t++){e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},x.apply(this,arguments)},A={debug:-1,log:0,info:0,warn:1,error:2},Se=function(r,e,t,s){return function(){for(var n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];if(e&&A[e]<=A[r]&&console[r].apply&&(s==="*"||t.startsWith(s)))return console[r].apply(console,we(n,t))}};function we(r,e){return e!=="*"&&(typeof r[0]=="string"?r[0]="["+e+"] "+r[0]:r=["["+e+"]"].concat(r)),r}function je(r,e){if(!r)return{targetLevel:e.level,targetBizName:e.bizName};if(~r.indexOf(":")){var t=r.split(":");return{targetLevel:t[0],targetBizName:t[1]}}return{targetLevel:r,targetBizName:"*"}}var $e={level:"warn",bizName:"*"},se=function(){function r(e){e=x(x({},$e),e);var t=location||{},s=(/__(?:logConf|logLevel)__=([^#/&]*)/.exec(t.href)||[])[1],n=je(s,e),o=n.targetLevel,i=n.targetBizName;for(var a in A)this[a]=Se(a,o,e.bizName,i)}return r}();function ne(r){return new se(r)}const F=ne({level:"log",bizName:"VTJ"});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,l)=>`__self${l}`),o=n.join(`
+ */const he="0.7.5";var S=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(S||{});const D=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],ge=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],G=["vIf","vShow","vModel","vFor","vBind"],Q={String,Number,Boolean,Array,Object,Function,Date};function b(r,e){return r.map(t=>f.isUrl(t)?t:`${e}${t}`)}function L(r){return/\.css$/.test(r)}function k(r){return/\.js$/.test(r)}function _e(r){return r.map(e=>`<script src="${e}"><\/script>`).join("")}function ye(r=[]){return r.map(e=>`<link rel="stylesheet" href="${e}" />`).join("")}function Z(r,e){const t=r.filter(m=>!!m.enabled),s=[],n=[],o=[],i=[],a={},l=[],c={};return t.forEach(({urls:m,assetsUrl:d,library:u,assetsLibrary:h})=>{m?.forEach(_=>{k(_)&&s.push(_),L(_)&&n.push(_)}),u&&(i.push(u),a[u]=b(m||[],e)),d&&o.push(d),h&&l.push(h),u&&h&&(c[h]=u)}),{scripts:b(s,e),css:b(n,e),materials:b(o,e),libraryExports:i,materialExports:l,materialMapLibrary:c,libraryMap:a}}function ee(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function q(r){return f.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(l=>l.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 te(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&V(window,r,t)}function re(r){return f.isFunction(r)||f.isFunction(r?.install)}var x=function(){return x=Object.assign||function(r){for(var e,t=1,s=arguments.length;t<s;t++){e=arguments[t];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},x.apply(this,arguments)},A={debug:-1,log:0,info:0,warn:1,error:2},Se=function(r,e,t,s){return function(){for(var n=[],o=0;o<arguments.length;o++)n[o]=arguments[o];if(e&&A[e]<=A[r]&&console[r].apply&&(s==="*"||t.startsWith(s)))return console[r].apply(console,we(n,t))}};function we(r,e){return e!=="*"&&(typeof r[0]=="string"?r[0]="["+e+"] "+r[0]:r=["["+e+"]"].concat(r)),r}function je(r,e){if(!r)return{targetLevel:e.level,targetBizName:e.bizName};if(~r.indexOf(":")){var t=r.split(":");return{targetLevel:t[0],targetBizName:t[1]}}return{targetLevel:r,targetBizName:"*"}}var $e={level:"warn",bizName:"*"},se=function(){function r(e){e=x(x({},$e),e);var t=location||{},s=(/__(?:logConf|logLevel)__=([^#/&]*)/.exec(t.href)||[])[1],n=je(s,e),o=n.targetLevel,i=n.targetBizName;for(var a in A)this[a]=Se(a,o,e.bizName,i)}return r}();function ne(r){return new se(r)}const F=ne({level:"log",bizName:"VTJ"});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,l)=>`__self${l}`),o=n.join(`
 `)+o;const i=`with(${t?"{}":"$scope || {}"}) { ${o} }`;return new Function("$scope",i)(e)}catch(n){if(F.error("parseExpression.error",n,r,e?.__self??e),s)throw n}}function B(r,e,t=!1,s=!1){const n=R(r,e,t,s);if(typeof n!="function"&&(F.error("parseFunction.error","not a function",r,e?.__self??e),s))throw new Error(`"${r.value}" not a function`);return n}function g(r){return r&&r.type==="JSExpression"}function I(r){return typeof r=="object"&&r&&r.type==="JSFunction"}function oe(r){return g(r)||I(r)}function Pe(r){return oe(r)?r.value:JSON.stringify(r)}let E=null;const Ee=f.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:r=>r.data?.code===0||!!r.data?.success,failMessage:!0,showError:r=>{M.ElNotification.error({message:r||"未知错误"})},showLoading:()=>{E&&E.close(),E=M.ElLoading.service({lock:!0,text:"Loading",background:"rgba(0, 0, 0, 0.05)"})},hideLoading:()=>{E&&(E.close(),E=null)}}});function ie(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(f.merge(o,a||{},{data:i}))}}function ae(r=[],e){return r.reduce((t,s)=>(t[s.id]=ie(s,e),t),{})}class ce{__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=T){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===S.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return B({type:s,value:n},this)}else return B(e,this)}__parseExpression(e){if(e)if(this.__mode===S.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!==S.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),S.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 J(r){const{Vue:e=T,mode:t=S.Runtime,components:s={},libs:n={},apis:o={},loader:i}=r,a=e.computed(()=>r.dsl),l={$components:s,$libs:n,$apis:o},c=new ce({mode:t,dsl:a.value,attrs:l}),m=e.defineComponent({name:a.value.name,props:{...be(a.value.props??[],c)},setup(d){c.$props=d,a.value.id&&V(r.window||window,a.value.id,a.value.css||""),c.state=Fe(e,a.value.state??{},c);const u=Re(e,a.value.computed??{},c),h=Ce(a.value.methods??{},c),_=Ie(e,a.value.inject,c),p=le(a.value.dataSources||{},c),w={..._,...u,...h,...p};return c.setup(w,e),He(e,a.value.watch??[],c),{vtj:c}},emits:[...a.value.emits??[]],expose:["vtj"],render(){if(!a.value.nodes)return null;const d=a.value.nodes||[];return d.length===1?C(d[0],c,e,i):d.map(u=>C(u,c,e,i))},...Oe(a.value.lifeCycles??{},c)});return{renderer:e.markRaw(m),context:c}}function be(r=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(o=>Q[o]):void 0;return r.map(s=>f.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:g(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 Fe(r,e,t){return r.reactive(Object.keys(e||{}).reduce((s,n)=>{let o=e[n];return g(o)?o=t.__parseExpression(o):I(o)&&(o=t.__parseFunction(o)),s[n]=o,s},{}))}function Re(r,e,t){return Object.entries(e??{}).reduce((s,[n,o])=>(s[n]=r.computed(t.__parseFunction(o)),s),{})}function Ce(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}function Ie(r,e=[],t){return e.reduce((s,n)=>{const{name:o,from:i}=n||{};n.default;const a=g(i)?t.__parseExpression(i)||o:i??o,l=g(n.default)?t.__parseExpression(n.default):n.default??null;return s[o]=r.inject(a,l),s},{})}function le(r,e){return Object.keys(r).reduce((t,s)=>{const n=r[s],o=e.$apis[n.ref],i=I(n.transform)?n.transform.value?e.__parseFunction(n.transform):void 0:n.transform;return t[s]=async(...a)=>{const l=await o.apply(e,a);return i?i(l):l},t},{})}function He(r,e=[],t){e.forEach(s=>{r.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function Oe(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}const ue=r=>r;function U(r){const{getDsl:e,options:t}=r;return(s,n,o=T)=>!n||typeof n=="string"?s:n.type==="Schema"?o.defineAsyncComponent(async()=>{const i=await e(n.id);return i?J({...t,Vue:o,dsl:i,mode:S.Runtime,loader:U(r)}).renderer:null}):s}function C(r,e,t=T,s=ue){if(!r||!r.name||r.invisible)return null;const{id:n=null,directives:o=[]}=r,{vIf:i,vFor:a,vShow:l,vModels:c,vBind:m}=Me(o);if(i&&!xe(i,e))return null;const d=u=>{const h=u.$components,_=(()=>{if(r.name==="component")return Te(u,r.props?.is);if(r.name==="slot")return r.name;const y=s(r.name,r.from,t);return f.isString(y)?h[y]??y:y})(),p=Ne(n,r.props??{},u),w=De(t,r.events??{},u);if(r.name==="slot")return Ae(t,r,p,u);m&&Object.assign(p,u.__parseExpression(m.value)),l&&(p.style=Object.assign(p.style??{},Le(l,u))),c.forEach(y=>{Object.assign(p,ke(t,y,u))});const j=qe(t,r.children??[],u,r);return t.createVNode(_,{...p,...w},j)};return a?Ue(a,d,e):d(e)}function Me(r=[]){const e=r.find(a=>f.camelCase(a.name)==="vIf"),t=r.find(a=>f.camelCase(a.name)==="vFor"),s=r.find(a=>f.camelCase(a.name)==="vShow"),n=r.find(a=>f.camelCase(a.name)==="vBind"),o=r.filter(a=>f.camelCase(a.name)==="vModel"),i=r.filter(a=>!G.includes(f.camelCase(a.name)));return{vIf:e,vFor:t,vShow:s,vModels:o,vBind:n,others:i}}function xe(r,e){return!!e.__parseExpression(r.value)}function Te(r,e){return e?g(e)?r.__parseExpression(e):e:"div"}function Ne(r,e,t){const s=Object.keys(e||{}).reduce((n,o)=>{let i=e[o];return g(i)?i=t.__parseExpression(i):I(i)&&(i=t.__parseFunction(i)),n[o]=i,n},{});return s.ref=t.__ref(r,s.ref),s}function De(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],l=z(a.modifiers),c=l.find(u=>s.includes(u)),m="on"+f.upperFirst(i)+(c&&n[c]||""),d=t.__parseFunction(a.handler);return d&&(o[m]=r.withModifiers(d,l)),o},{})}function z(r={},e=!1){const t=Object.keys(r);return e?t.map(s=>"."+s):t}function Ae(r,e,t,s){const{children:n}=e,o=Be(e,s),i=s.$slots?.[o.name];return i?i(t):n?f.isString(n)?r.createTextVNode(n):g(n)?r.createTextVNode(q(s.__parseExpression(n))):Array.isArray(n)?n.map(a=>C(a,s,r)):null:null}function Be(r,e){const{props:t}=r,s=t?.name||"default";return{name:g(s)?e.__parseExpression(s):s,params:[]}}function Le(r,e){return e.__parseExpression(r.value)?{}:{display:"none"}}function ke(r,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
         ${e.value.value} = v;
       }`:"(v) => {}"},n=t.__parseFunction(s),o=z(e.modifiers),i=g(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 qe(r,e,t,s){if(!e)return null;if(f.isString(e))return{default:()=>e};if(g(e))return{default:()=>q(t.__parseExpression(e))};if(Array.isArray(e)){const n=Ve(e),o=i=>!i||!s?{}:s?.id&&Object.keys(i).length?{[`scope_${s.id}`]:i}:{};return Object.entries(n).reduce((i,[a,{nodes:l,params:c}])=>(i[a]=m=>{const d=c.length?f.pick(m??{},c):o(m);return l.map(u=>C(u,t.__clone(d),r))},i),{})}}function Ve(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=Je(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 Je(r="default"){return f.isString(r)?{name:r,params:[]}:{params:[],...r}}function Ue(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((l,c)=>c+1)),Array.isArray(a)?a.map((l,c)=>e(t.__clone({[o]:l,[i]:c}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const K=P.defineComponent({name:"VtjPageContainer",async setup(){const r=W(),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?P.h(this.component,this.query):P.h("div","页面不存在")}});var ze={ENV_TYPE:"local",NODE_ENV:"production"};const Y=Symbol("Provider");class fe extends $.Base{mode;globals={};modules={};adapter={request:Ee,jsonp:f.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};router=null;materialPath="./";constructor(e){super();const{service:t,mode:s=S.Raw,dependencies:n,materials:o,project:i={},adapter:a={},globals:l={},modules:c={},router:m=null,materialPath:d="./"}=e;this.mode=s,this.modules=c,this.service=t,this.router=m,this.materialPath=d,n&&(this.dependencies=n),o&&(this.materials=o),Object.assign(this.globals,l),Object.assign(this.adapter,a),s!==S.Design&&this.load(i)}async load(e){const t=this.modules[".vtj/project.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:l}=this,{libraryExports:c,libraryMap:m,materials:d,materialExports:u,materialMapLibrary:h}=Z(s,l);for(const p of c){const w=o[p],j=window[p];if(j)i[p]=j;else if(w)window[p]=i[p]=await w();else{const y=m[p]||[];for(const H of y)L(H)&&await te(p,H),k(H)&&await f.loadScript(H),i[p]=window[p]}}for(const p of d)await f.loadScript(p);const _=this.materials||{};for(const p of u){const w=_[p]?(await _[p]()).default:window[p],j=window[h[p]];w&&j&&w.components.forEach(y=>{a[y.name]=ee(y,j)})}n&&(this.apis=ae(n,this.adapter)),this.initRouter(),this.triggerReady()}initRouter(){const{router:e,project:t}=this;e&&(e.addRoute({path:"/page/:id",name:"VtjPage",component:K}),t?.homepage&&e.addRoute({path:"/",name:"VtjHomepage",component:K}))}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(Y,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 F.warn(`Can not find file: ${e}`),null;const s=t.type==="page"&&t.raw?`/src/views/${e}.vue`:`.vtj/raw/${e}.vue`,n=this.modules[s];if(n)return(await n())?.default;const o=await this.getDsl(t.id);if(!o)return F.warn(`Can not find dsl: ${e}`),null;const{library:i,components:a,mode:l,apis:c}=this,m={mode:l,Vue:i.Vue,components:a,libs:i,apis:c,window},d=U({getDsl:async h=>await this.getDsl(h)||null,options:m}),{renderer:u}=J({...m,dsl:o,loader:d});return u}}function Ye(r){const e=new fe(r);return{provider:e,onReady:s=>e.ready(s)}}function W(r={}){const e=P.inject(Y);if(!e)throw new Error("Can not find provider");if(e.mode===S.Runtime&&ze.NODE_ENV==="development"){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&M.ElNotification.warning({title:n?.name,message:"当前组件源码版本与运行时版本不一致，请重新发布组件"})})()}return e}const We=new f.Request({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0,showError:r=>{M.ElNotification.error({message:r||"未知错误"})}}}),Ke=(r="/vtj/local/api/${type}.json")=>(e,t)=>We.send({url:r,method:"post",query:{type:e},data:{type:e,data:t}});class N{api;constructor(){this.api=Ke()}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 getRaw(e,t){return await this.api("getRaw",{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 f.Storage({type:"local",expired:0,prefix:"__VTJ_"});class Xe extends N{init(e){const t=new $.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 $.ProjectModel(e);return v.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return v.save(`materials_${e.id}`,f.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 $.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 pe extends N{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]=f.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 O=null;function Ge(){return O||(O=new pe,O)}class Qe extends N{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:f.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 de(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?de(o):void 0}})}function Ze(){const r=W(),e=X.useRoute(),t=P.ref(!1),s=r.project;P.watchEffect(()=>{const{name:o,params:i,meta:a}=e;if(o==="VtjPage"){const l=r.getPage(i.id);t.value=!l?.mask}else if(o==="VtjHomepage"){const l=r.getHomepage();t.value=!l?.mask}else t.value=!a.mask});const n=de(s?.pages);return{disabled:t,title:s?.description||s?.name||"VTJ App",menus:n}}exports.BUILDIN_DIRECTIVES=G;exports.BaseService=N;exports.CONTEXT_HOST=D;exports.Context=ce;exports.ContextMode=S;exports.DATA_TYPES=Q;exports.JSCodeToString=Pe;exports.LIFE_CYCLES_LIST=ge;exports.LocalService=Qe;exports.Logger=se;exports.MemoryService=pe;exports.Provider=fe;exports.StorageService=Xe;exports.VTJ_RENDERER_VERSION=he;exports.adoptedStyleSheets=V;exports.createAssetScripts=_e;exports.createAssetsCss=ye;exports.createDataSources=le;exports.createLoader=U;exports.createMemoryService=Ge;exports.createProvider=Ye;exports.createRenderer=J;exports.createSchemaApi=ie;exports.createSchemaApis=ae;exports.defaultLoader=ue;exports.fillBasePath=b;exports.getLogger=ne;exports.getModifiers=z;exports.getRawComponent=ee;exports.isCSSUrl=L;exports.isJSCode=oe;exports.isJSExpression=g;exports.isJSFunction=I;exports.isJSUrl=k;exports.isVuePlugin=re;exports.loadCss=te;exports.logger=F;exports.nodeRender=C;exports.parseDeps=Z;exports.parseExpression=R;exports.parseFunction=B;exports.providerKey=Y;exports.toString=q;exports.useMask=Ze;exports.useProvider=W;

package/dist/index.mjs

@@ -10,10 +10,10 @@ import "@vtj/icons";
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.2
+ * @version 0.7.5
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const ht = "0.7.2";
+const ht = "0.7.5";
 var y = /* @__PURE__ */ ((r) => (r.Runtime = "Runtime", r.Design = "Design", r.Raw = "Raw", r.VNode = "VNode", r))(y || {});
 const V = [
   "$el",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/renderer",
   "private": false,
-  "version": "0.7.3",
+  "version": "0.7.5",
   "type": "module",
   "scripts": {
     "build": "vue-tsc && vite build",
@@ -10,10 +10,10 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@vtj/core": "^0.7.3",
-    "@vtj/icons": "^0.7.3",
-    "@vtj/ui": "^0.7.3",
-    "@vtj/utils": "^0.7.3",
+    "@vtj/core": "^0.7.5",
+    "@vtj/icons": "^0.7.5",
+    "@vtj/ui": "^0.7.5",
+    "@vtj/utils": "^0.7.5",
     "zen-logger": "~1.1.4"
   },
   "devDependencies": {
@@ -35,7 +35,7 @@
     "dist",
     "types"
   ],
-  "gitHead": "86a13552ff03a6e623efe6ea0515f5f780a9fde1",
+  "gitHead": "5c96cf32296d475fc39dd873801e4f035e6b462b",
   "publishConfig": {
     "access": "public"
   }

package/types/version.d.ts

@@ -2,7 +2,7 @@
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/renderer
  * @author CHC chenhuachun1549@dingtalk.com
- * @version 0.7.2
+ * @version 0.7.4
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.7.2";
+export declare const version = "0.7.4";