@vtj/renderer 0.12.15 → 0.12.16
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 +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +5 -5
- package/types/version.d.ts +2 -2
package/dist/index.cjs
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
* Copyright (c) 2025, VTJ.PRO All rights reserved.
|
3
3
|
* @name @vtj/renderer
|
4
4
|
* @author CHC chenhuachun1549@dingtalk.com
|
5
|
-
* @version 0.12.
|
5
|
+
* @version 0.12.16
|
6
6
|
* @license <a href="https://vtj.pro/license.html">MIT License</a>
|
7
|
-
*/const A="0.12.
|
7
|
+
*/const A="0.12.16";var y=(r=>(r.Runtime="Runtime",r.Design="Design",r.Raw="Raw",r.VNode="VNode",r))(y||{});const z=["$el","$emit","$nextTick","$parent","$root","$attrs","$slots","$watch","$props","$options","$forceUpdate"],Je=["beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeUnmount","unmounted","errorCaptured","renderTracked","renderTriggered","activated","deactivated"],ae=["vIf","vElseIf","vElse","vShow","vModel","vFor","vBind","vHtml"],ce={String,Number,Boolean,Array,Object,Function,Date},M="VtjPage",D="VtjHomepage",le="html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot".split(","),ue="component,slot".split(",");function O(r,e){return r.map(t=>c.isUrl(t)||t.startsWith("/")?t:`${e}${t}`)}function L(r){return/\.css$/.test(r)}function q(r){return/\.js$/.test(r)}function pe(r){return/\.json$/.test(r)}function Ke(r){return r.map(e=>`<script src="${c.url.append(e,{v:A})}"><\/script>`).join("")}function Ve(r=[]){return r.map(e=>`<link rel="stylesheet" href="${c.url.append(e,{v:A})}" />`).join("")}function de(r,e=!1){return e&&r.endsWith(".prod.js")?r.replace(".prod.js",".js"):r}function fe(r,e,t=!1){const s=r.filter(g=>!!g.enabled),n=[],i=[],a=[],o=[],l={},u={},p=[],d={};return s.forEach(({urls:g,assetsUrl:f,library:h,assetsLibrary:m,localeLibrary:E})=>{g?.forEach(v=>{q(v)&&n.push(de(v,t)),L(v)&&i.push(v)}),h&&(o.push(h),l[h]=O(g||[],e),E&&(u[h]=E)),f&&a.push(f),m&&p.push(m),h&&m&&(d[m]=h)}),{scripts:O(n,e),css:O(i,e),materials:O(a,e),libraryExports:o,materialExports:c.dedupArray(p),materialMapLibrary:d,libraryMap:l,libraryLocaleMap:u}}function he(r,e){const{name:t,parent:s,alias:n}=r;return s?e[s]?.[n||t]:e[n||t]}function W(r){return c.isString(r)?r:JSON.stringify(r)}function Y(r,e,t){const s=r.CSSStyleSheet;if(s.prototype.replaceSync){const n=new s;n.id=e,n.replaceSync(t);const i=r.document,a=i.adoptedStyleSheets,o=Array.from(a).filter(l=>l.id!==e);i.adoptedStyleSheets=[...o,n]}else{const n=r.document;let i=n.getElementById(e);i?i.innerHTML=t:(i=n.createElement("style"),i.id=e,i.innerHTML=t,n.head.appendChild(i))}}async function me(r,e){const t=await window.fetch(e).then(s=>s.text()).catch(()=>"");t&&Y(window,r,t)}function ge(r,e=window){const t=e.document,s=e.document.head;for(const n of r)if(!t.getElementById(n)){const a=t.createElement("link");a.rel="stylesheet",a.id=n,a.href=n,s.appendChild(a)}}async function ve(r,e,t=window){const s=t.document,n=t.document.head;let i=t[e];return i?i.default||i:new Promise((a,o)=>{for(const l of r){const u=s.createElement("script");u.src=l,u.onload=()=>{i=t[e],i?a(i.default||i):o(null)},u.onerror=p=>{o(p)},n.appendChild(u)}})}function ye(r){return c.isFunction(r)||c.isFunction(r?.install)}function _e(r){return ue.includes(r)}function Se(r){return le.includes(r)}function T(r=window){const e=window?.Mock;if(e)return e;const t=r?.Mock;if(t&&window)return window.Mock=t,t}function ze(r,e,t){Object.assign(e.meta,t.meta);const s=r?._container;t?.type==="page"&&s.classList.add("is-page"),t?.pure&&s.classList.add("is-pure")}function k(r,e,t=!1,s=!1){try{const n=['"use strict";',"var __self = arguments[0];"];n.push("return ");let i=(r.value||"").trim();i=i.replace(/this(\W|$)/g,(o,l)=>`__self${l}`),i=n.join(`
|
8
8
|
`)+i;const a=`with(${t?"{}":"$scope || {}"}) { ${i} }`;return new Function("$scope",a)(e)}catch(n){if(c.logger.error("parseExpression.error",n,r,e?.__self??e),s)throw n}}function x(r,e,t=!1,s=!1){const n=k(r,e,t,s);if(typeof n!="function"&&(c.logger.error("parseFunction.error","not a function",r,e?.__self??e),s))throw new Error(`"${r.value}" not a function`);return n}function w(r){return r&&r.type==="JSExpression"}function I(r){return typeof r=="object"&&r&&r.type==="JSFunction"}function we(r){return w(r)||I(r)}function Ge(r){return we(r)?r.value:JSON.stringify(r)}const We={session:!1,authKey:"Authorization",storageKey:"ACCESS_STORAGE",storagePrefix:"__VTJ_",unauthorized:void 0,auth:"/#/login",redirectParam:"r",unauthorizedCode:401,unauthorizedMessage:"登录已经失效,请重新登录!",noPermissionMessage:"无权限访问该页面",appName:"",statusKey:"code"},Q=Symbol("access");class X{options;data=null;mode=y.Raw;interceptResponse=!0;constructor(e){this.options=Object.assign({},We,e),this.loadData()}enableIntercept(){this.interceptResponse=!0}disableIntercept(){this.interceptResponse=!1}connect(e){const{mode:t,router:s,request:n}=e;this.mode=t,s&&this.mode===y.Raw&&this.setGuard(s),n&&this.setRequest(n)}login(e){const{storageKey:t,storagePrefix:s,session:n,authKey:i}=this.options;this.setData(e),this.data&&(c.storage.save(t,e,{type:"local",prefix:s}),n&&c.cookie.set(i,this.data.token))}clear(){const{storageKey:e,storagePrefix:t,session:s,authKey:n}=this.options;this.data=null,c.storage.remove(e,{type:"local",prefix:t}),s&&c.cookie.remove(n)}logout(){this.clear(),this.toLogin()}getData(){return this.data?this.data:(this.loadData(),this.data)}getToken(){return this.data||this.loadData(),this.data?.token}can(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return typeof e=="function"?e(s):c.toArray(e).every(i=>s[i]||s[t+"."+i])}some(e){const{appName:t}=this.options,{permissions:s={}}=this.data||{};return c.toArray(e).some(i=>s[i]||s[t+"."+i])}install(e){e.config.globalProperties.$access=this,e.provide(Q,this)}isAuthPath(e){const{auth:t,isAuth:s}=this.options;if(s)return s(e);if(e.path&&typeof t=="string"){const n=t.split("#")[1]||t;return e.path===n}return!1}toLogin(){const{auth:e,redirectParam:t}=this.options;if(!e)return;const s=t?`?${t}=${encodeURIComponent(location.href)}`:"";typeof e=="function"?e(s):location.href=t?`${e}${s}`:e}setData(e){const{privateKey:t}=this.options;if(Array.isArray(e)&&t){const s=e.map(n=>c.unRSA(n,t));try{this.data=JSON.parse(s.join(""))}catch(n){console.warn(n)}return}if(typeof e=="string")try{const s=t?c.unRSA(e,t):e;s?this.data=JSON.parse(s):console.warn("RSA解密失败或登录信息缺失")}catch(s){console.warn(s)}else this.data=e}loadData(){const{storageKey:e,storagePrefix:t}=this.options,s=c.storage.get(e,{type:"local",prefix:t});this.setData(s||null)}isLogined(){const{session:e,authKey:t}=this.options;return e&&t?!!c.cookie.get(t):!!this.getToken()}hasRoutePermission(e){if(e.name===M){const t=e.params.id;return t&&this.can(t)}return!0}setGuard(e){e.beforeEach((t,s,n)=>this.guard(t,n))}async guard(e,t){if(this.isWhiteList(e)||this.isAuthPath(e))return t();if(this.isLogined()){if(this.hasRoutePermission(e))return t();{const{noPermissionMessage:s="无权限访问",unauthorized:n=!1}=this.options;return await this.showTip(s),c.isFunction(n)?(n(),t(!1)):c.isString(n)?t(n):t(!1)}}t(!1),this.toLogin()}isWhiteList(e){const{whiteList:t}=this.options;return t?Array.isArray(t)?t.some(s=>e.fullPath.startsWith(s)):t(e):!1}isUnauthorized(e){const{unauthorizedCode:t=401,statusKey:s="code"}=this.options;return e.status===t||e.data?.[s]===t}async showUnauthorizedAlert(e){const{unauthorizedMessage:t="登录已失效"}=this.options;this.isUnauthorized(e)&&(await this.showTip(t),this.toLogin())}async showTip(e){const{alert:t}=this.options;return t?(await c.delay(150),await t(e,{title:"提示",type:"warning"}).catch(()=>!1)):!1}setRequest(e){e.useRequest(t=>(this.data?.token&&(t.headers[this.options.authKey]=this.data?.token),t)),e.useResponse(async t=>(this.interceptResponse&&await this.showUnauthorizedAlert(t),t),async t=>{if(!this.interceptResponse)return Promise.reject(t);const s=t.response||t||{};return await this.showUnauthorizedAlert(s),Promise.reject(t)})}}function Ee(){return S.inject(Q,null)}function Ye(r={}){const{notify:e,loading:t,settings:s={},Startup:n,access:i,useTitle:a,alert:o}=r;let l=null;return{request:c.createRequest({settings:{type:"form",validSuccess:!0,originResponse:!1,loading:!0,validate:p=>p.data?.code===0||!!p.data?.success,failMessage:!0,showError:p=>{e&&e(p||"未知错误")},showLoading:()=>{l&&l.close(),t&&(l=t())},hideLoading:()=>{l&&(l.close(),l=null)},...s}}),jsonp:c.jsonp,notify:e,loading:t,useTitle:a,startupComponent:n,access:i?new X({alert:o,...i}):void 0}}function Qe(r={}){return new X(r)}function je(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?k(r.headers,{},!0):void 0,i={url:r.url,method:r.method,settings:{...r.settings,headers:n}};return(a,o)=>(delete i.data,s.send(c.merge(i,o||{},{data:a})))}}function Pe(r,e){const{metaQuery:t}=e;if(!t)return;const{code:s,queryCode:n}=r;return(i,a)=>{if(!t){console.warn("adapter.metaQuery is not defined!");return}return t(s,n,i,a)}}function $e(r=[],e=[],t){const s={};for(const n of r)s[n.id]=je(n,t);for(const n of e)s[n.id]=Pe(n,t);return s}async function Re(r=[],e=window){const t=T(e);t&&(Z(e),r.forEach(s=>Ce(t,s)))}function be(r,e=window){const t=I(r.mockTemplate)&&r.mockTemplate.value?x(r.mockTemplate,{},!0):void 0,s=T(e);return async(...n)=>{let i={};if(t)try{i=await t.apply(t,n)}catch(a){c.logger.warn("模拟数据模版异常",a)}return s?.mock(i)}}function Ce(r,e){if(!e.mock)return;const{url:t,mockTemplate:s}=e;if(t&&s){const n=c.pathToRegexp(`${t}(.*)`),i=c.pathToRegexpMatch(t,{decode:decodeURIComponent}),a=k(s,{},!0);r.mock(n,o=>{const l=c.url.parse(o.url)||{},u=o.body instanceof FormData?c.formDataToJson(o.body):o.body,p=i(o.url)?.params;return Object.assign(o,{data:u,params:l,query:p}),r.mock(a(o))})}}function Z(r=window){const e=T(r);e&&(e._mocked={})}class Ae{__id=null;__mode;__instance=null;__contextRefs={};__refs={};context={};state={};props={};$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=B){const s=t.getCurrentInstance();if(!s)return;this.__refs={},this.$refs={},this.context={},this.__contextRefs={},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()}),t.onBeforeUpdate(()=>{this.__reset()})}__proxy(){this.__instance&&z.forEach(e=>{this[e]=this.__instance?.[e]})}__cleanup(){z.forEach(e=>{this[e]=null}),this.__reset()}__reset(){this.__refs={},this.$refs={},this.__contextRefs={},this.context={}}__parseFunction(e){if(e)if(this.__mode===y.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return x({type:s,value:n},this)}else return x(e,this)}__parseExpression(e){if(e)if(this.__mode===y.Runtime){const{id:t,type:s}=e,n=t?this.__transform[t]??e.value:e.value;return k({type:s,value:n},this)}else return k(e,this)}__ref(e=null,t){if(this.__mode!==y.VNode)return e&&e!==this.__id&&(this.__contextRefs[e]=this),async s=>{await c.delay(0);let n=s?.$vtjEl||s?.$el||s?._?.vnode?.el||s;if(!n){typeof t=="string"&&(delete this.$refs[t],e&&delete this.__refs[e]);return}return n.nodeType===3&&n.nextSibling&&(n=n.nextSibling),n.__vtj__=e,y.Design===this.__mode&&(n.__context__=this,n.draggable=!0),e&&(this.__refs[e]=this.__getRefEl(this.__refs,e,s)),typeof t=="function"?t(s):t&&(this.$refs[t]=this.__getRefEl(this.$refs,t,s)),s}}__getRefEl(e,t,s){const n=e[t];if(n&&s!==n){const i=new Set([].concat(n,s));return Array.from(i)}else return s}__clone(e={}){const t={...this.context,...e},s={...t,context:t};return s.context.__proto__=this.context,s.__proto__=this,s}}function N(r){const{Vue:e=B,mode:t=y.Runtime,components:s={},libs:n={},apis:i={},loader:a}=r,o=e.computed(()=>r.dsl),l={$components:s,$libs:n,$apis:i},u=new Ae({mode:t,dsl:o.value,attrs:l}),p=e.defineComponent({name:o.value.name,props:{...Ze(o.value.props??[],u)},setup(d){u.$props=d,u.props=d,o.value.id&&Y(r.window||window,o.value.id,o.value.css||""),u.state=et(e,o.value.state??{},u);const g=tt(e,o.value.computed??{},u),f=st(o.value.methods??{},u),h=rt(e,o.value.inject,u),m=Me(o.value.dataSources||{},u),E={...h,...g,...f,...m};return u.setup(E,e),nt(e,o.value.watch??[],u),{vtj:u}},emits:Xe(o.value.emits),expose:["vtj"],render(){if(!o.value.nodes)return null;const d=o.value.nodes||[];return d.length===1?C(d[0],u,e,a,d):d.map(g=>C(g,u,e,a,d))},...it(o.value.lifeCycles??{},u)});return{renderer:e.markRaw(p),context:u}}function Xe(r=[]){return r.map(e=>c.isString(e)?e:e.name)}function Ze(r=[],e){const t=s=>s?(Array.isArray(s)?s:[s]).map(i=>ce[i]):void 0;return r.map(s=>c.isString(s)?{name:s}:{name:s.name,type:s.type,required:s.required,default:w(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 et(r,e,t){return r.reactive(Object.keys(e||{}).reduce((s,n)=>{let i=e[n];return w(i)?i=t.__parseExpression(i):I(i)&&(i=t.__parseFunction(i)),s[n]=i,s},{}))}function tt(r,e,t){return Object.entries(e??{}).reduce((s,[n,i])=>(s[n]=r.computed(t.__parseFunction(i)),s),{})}function st(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}function rt(r,e=[],t){return e.reduce((s,n)=>{const{name:i,from:a}=n||{};n.default;const o=w(a)?t.__parseExpression(a)||i:a??i,l=w(n.default)?t.__parseExpression(n.default):n.default??null;return s[i]=r.inject(o,l),s},{})}function Me(r,e){return Object.keys(r).reduce((t,s)=>{const n=r[s];if(n.type==="mock")t[s]=be(n);else if(n.ref){const i=e.$apis[n.ref],a=I(n.transform)?n.transform.value?e.__parseFunction(n.transform):void 0:n.transform;t[s]=async(...o)=>{const l=await i.apply(e,o);return a?a(l):l}}return t},{})}function nt(r,e=[],t){e.forEach(s=>{r.watch(t.__parseExpression(s.source),t.__parseFunction(s.handler),{deep:s.deep,immediate:s.immediate})})}function it(r,e){return Object.entries(r??{}).reduce((t,[s,n])=>(t[s]=e.__parseFunction(n),t),{})}let V=[],b={};const Te=r=>r;async function ee(r,e=window){const{urls:t=[],library:s}=r,n=t.filter(o=>q(o));if(n.length===0||!s)return null;const i=t.filter(o=>L(o));return i.length&&ge(i,e),await ve(n,s,e).catch(o=>(console.warn("loadScriptUrl error",n,s,o),null))}function U(r){const{getDsl:e,getDslByUrl:t,options:s}=r;return s.window&&(V.forEach(n=>{delete s.window[n]}),V=[]),(n,i,a=B)=>{if(!i||typeof i=="string")return n;if(i.type==="Schema"&&i.id)return a.defineAsyncComponent(async()=>{const o=b[i.id]||await e(i.id);return o&&(o.name=n,b[i.id]=o),o?N({...s,Vue:a,dsl:c.cloneDeep(o),mode:y.Runtime,loader:U(r)}).renderer:null});if(i.type==="UrlSchema"&&i.url)return a.defineAsyncComponent(async()=>{const o=b[i.url]||await t(i.url);return o&&(o.name=n,b[i.url]=o),o?N({...s,Vue:a,dsl:c.cloneDeep(o),mode:y.Runtime,loader:U(r)}).renderer:null});if(i.type==="Plugin"){let o=i.library?b[i.library]:null;return o||(i.library&&V.push(i.library),o=b[i.library||Symbol()]=a.defineAsyncComponent(async()=>{const l=await ee(i,s.window);return l||(console.warn("getPlugin result is null",i),null)}),o)}return n}}function ot(){b={}}function C(r,e,t=B,s=Te,n=[],i=!1){if(!r||!r.name||r.invisible)return null;const a=t.getCurrentInstance()?.appContext,{id:o=null,directives:l=[]}=r,{vIf:u,vElseIf:p,vElse:d,vFor:g,vShow:f,vModels:h,vBind:m,vHtml:E,others:v}=ke(l);if(!i&&(p||d))return null;if(u&&!ct(u,e))return dt(r,e,t,s,n);const F=j=>{const Ne=j.$components,Ue=(()=>{if(r.name==="component")return lt(j,r.props?.is);if(r.name==="slot")return r.name;const P=s(r.name,r.from,t);return c.isString(P)?_e(P)||Se(P)?P:Ne[P]??a?.app?.component(P)??P:P})(),R=ut(o,r.props??{},j),Be=pt(t,r.events??{},j);if(r.name==="slot")return ft(t,r,R,j,s);m&&Object.assign(R,j.__parseExpression(m.value)),f&&(R.style=Object.assign(R.style??{},mt(f,j))),E&&Object.assign(R,gt(E,j)),h.forEach(P=>{Object.assign(R,vt(t,P,j))});const Le=yt(t,r.children??[],j,s,r);let K=t.createVNode(Ue,{...R,...Be},Le);const ne=a?at(a,v,j):[];return ne.length&&(K=t.withDirectives(K,ne)),K};return g?wt(g,F,e):F(e)}function at(r,e,t){const s=r.app;return e.map(n=>{const i=typeof n.name=="string"?s.directive(n.name):t.__parseExpression(n.name);if(!i)return null;const a=[i];return n.value&&a.push(t.__parseExpression(n.value)),n.arg&&a.push(n.arg),n.modifiers&&a.push(n.modifiers),a}).filter(n=>!!n)}function ke(r=[]){const e=r.find(p=>c.camelCase(p.name)==="vIf"),t=r.find(p=>c.camelCase(p.name)==="vElseIf"),s=r.find(p=>c.camelCase(p.name)==="vElse"),n=r.find(p=>c.camelCase(p.name)==="vFor"),i=r.find(p=>c.camelCase(p.name)==="vShow"),a=r.find(p=>c.camelCase(p.name)==="vBind"),o=r.find(p=>c.camelCase(p.name)==="vHtml"),l=r.filter(p=>c.camelCase(p.name)==="vModel"),u=r.filter(p=>!ae.includes(c.camelCase(p.name)));return{vIf:e,vElseIf:t,vElse:s,vFor:n,vShow:i,vModels:l,vBind:a,others:u,vHtml:o}}function ct(r,e){return!!e.__parseExpression(r.value)}function lt(r,e){return e?w(e)?r.__parseExpression(e):e:"div"}function ut(r,e,t){const s=G(e,t);return s.ref=t.__ref(r,s.ref),s}function G(r,e){return w(r)?e.__parseExpression(r):I(r)?e.__parseFunction(r):Array.isArray(r)?r.map(t=>G(t,e)):typeof r=="object"?Object.keys(r||{}).reduce((t,s)=>{let n=r[s];return t[s]=G(n,e),t},{}):r}function pt(r,e,t){const s=["passive","capture","once"],n={capture:"Capture",once:"Once",passive:"OnceCapture"};return Object.keys(e||{}).reduce((i,a)=>{const o=e[a],l=te(o.modifiers),u=l.find(g=>s.includes(g)),p="on"+c.upperFirst(a)+(u&&n[u]||""),d=t.__parseFunction(o.handler);return d&&(i[p]=r.withModifiers(d,l)),i},{})}function dt(r,e,t,s,n=[]){let i=n.findIndex(a=>a.id===r.id);for(let a=++i;a<n.length;a++){const{directives:o=[]}=n[a],{vElseIf:l,vElse:u}=ke(o);if(console.log(o),l){if(e.__parseExpression(l.value))return C(n[a],e,t,s,n,!0);continue}if(u)return C(n[a],e,t,s,n,!0)}return null}function te(r={},e=!1){const t=Object.keys(r);return e?t.map(s=>"."+s):t}function ft(r,e,t,s,n){const{children:i}=e,a=ht(e,s),o=s.$slots?.[a.name];return o?o(t):i?c.isString(i)?r.createTextVNode(i):w(i)?r.createTextVNode(W(s.__parseExpression(i))):Array.isArray(i)?i.map(l=>C(l,s,r,n,i)):null:null}function ht(r,e){const{props:t}=r,s=t?.name||"default";return{name:w(s)?e.__parseExpression(s):s,params:[]}}function mt(r,e){return e.__parseExpression(r.value)?{}:{display:"none"}}function gt(r,e){return{innerHTML:e.__parseExpression(r.value)||""}}function vt(r,e,t){const s={type:"JSFunction",value:e.value?.value?`(v) => {
|
9
9
|
${e.value.value} = v;
|
10
10
|
}`:"(v) => {}"},n=t.__parseFunction(s),i=te(w(e.modifiers)?t.__parseExpression(e.modifiers):e.modifiers),a=w(e.arg)?t.__parseExpression(e.arg):e.arg||"modelValue";return{[a]:t.__parseExpression(e.value),[`onUpdate:${a}`]:i.length&&n?r.withModifiers(n,i):n}}function yt(r,e,t,s,n){if(!e)return null;if(c.isString(e))return{default:()=>e};if(w(e))return{default:()=>W(t.__parseExpression(e))};if(Array.isArray(e)&&e.length>0){const i=_t(e),a=o=>!o||!n?{}:n?.id&&Object.keys(o).length?{[`scope_${n.id}`]:o}:{};return Object.entries(i).reduce((o,[l,{nodes:u,params:p}])=>(o[l]=d=>{const g=p.length?c.pick(d??{},p):a(d);return u.map(f=>C(f,t.__clone(g),r,s,u))},o),{})}return null}function _t(r){const e={default:{params:[],nodes:[]}};for(const t of r){const s=St(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 St(r="default"){return c.isString(r)?{name:r,params:[]}:{params:[],...r}}function wt(r,e,t){const{value:s,iterator:n}=r,{item:i="item",index:a="index"}=n||{};let o=t.__parseExpression(s)||[];return Number.isInteger(o)&&(o=new Array(o).fill(!0).map((l,u)=>u+1)),Array.isArray(o)?o.map((l,u)=>e(t.__clone({[i]:l,[a]:u}))):(console.warn("[vForRender]:",`${s?.value} is not a Arrary`),[])}const ie=S.defineComponent({name:"VtjPageContainer",async setup(){const r=re(),e=oe.useRoute(),t=e.params.id,s=t?r.getPage(t):r.getHomepage(),n=s?await r.getRenderComponent(s.id):null,i=S.ref(Symbol());if(s){Object.assign(e.meta,s.meta||{},{cache:s.cache});const{useTitle:a}=r?.adapter;a&&a(s.title||"VTJ")}return{provider:r,component:n,file:s,query:e.query,meta:e.meta,sid:i,route:e}},render(){const{component:r,query:e,sid:t}=this;return r?S.h(r,{...e,key:t}):S.h("div","页面不存在")},activated(){this.meta.cache===!1&&(this.sid=Symbol())}}),Et=S.defineComponent({name:"VtjStartupContainer",render(){return S.h("div","page not found!")}}),se=Symbol("Provider");var Ie=(r=>(r.Production="production",r.Development="development",r))(Ie||{});class Fe extends $.Base{constructor(e){super(),this.options=e;const{service:t,mode:s=y.Raw,dependencies:n,materials:i,project:a={},adapter:o={},globals:l={},modules:u={},router:p=null,materialPath:d="./",nodeEnv:g="development"}=e;this.mode=s,this.modules=u,this.service=t,this.router=p,this.materialPath=d,this.nodeEnv=g,n&&(this.dependencies=n),i&&(this.materials=i),Object.assign(this.globals,l),Object.assign(this.adapter,o);const{access:f,request:h}=this.adapter;f&&f.connect({mode:s,router:p,request:h}),a&&s!==y.Design?this.load(a):this.project=a}mode;globals={};modules={};adapter={request:c.request,jsonp:c.jsonp};apis={};dependencies={};materials={};library={};service;project=null;components={};nodeEnv="development";router=null;materialPath="./";urlDslCaches={};createMock(e){return async(...t)=>{let s={};if(e)try{s=await e.apply(e,t)}catch(i){c.logger.warn("模拟数据模版异常",i)}return T()?.mock(s)}}async load(e){const t=this.modules[`.vtj/projects/${e.id}.json`]||this.modules[`/src/.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{apis:s=[],meta:n=[]}=this.project,i=window;i&&(i.CKEDITOR_VERSION=void 0),this.mode===y.Raw?await this.loadDependencies(i):await this.loadAssets(i),this.initMock(i),this.apis=$e(s,n,this.adapter),Z(i),Re(s,i),e.platform!=="uniapp"&&this.initRouter(),this.triggerReady()}initMock(e){const t=T(e);t&&t.setup({timeout:"50-500"})}async loadDependencies(e){const t=Object.entries(this.dependencies);for(const[s,n]of t)e[s]||(e[s]=this.library[s]=await n())}async loadAssets(e){const{dependencies:t=[]}=this.project,{dependencies:s,library:n,components:i,materialPath:a,nodeEnv:o}=this,{libraryExports:l,libraryMap:u,materials:p,materialExports:d,materialMapLibrary:g}=fe(t,a,o==="development");for(const f of l){const h=s[f],m=e[f];if(m)n[f]=m;else if(h)e[f]=n[f]=await h();else{const E=u[f]||[];for(const v of E)L(v)&&await me(f,c.url.append(v,{v:A})),q(v)&&await c.loadScript(c.url.append(v,{v:A}));n[f]=e[f]}}if(o==="development"){for(const h of p)await c.loadScript(c.url.append(h,{v:A}));const f=this.materials||{};for(const h of d){const m=e[g[h]],E=$.BUILT_IN_COMPONENTS[h];if(E)m&&E.forEach(v=>{i[v]=m[v]});else{const v=f[h]?(await f[h]()).default:e[h];v&&m&&(v.components||[]).forEach(F=>{i[F.name]=he(F,m)})}}}}initRouter(){const{router:e,project:t,options:s,adapter:n}=this;if(!e)return;const i=t?.platform==="uniapp"?"pages":"page",{routeAppendTo:a,pageRouteName:o=i,routeMeta:l}=s,u=a?"":"/",p={path:`${u}${o}/:id`,name:M,component:ie},d={path:u,name:D,component:t?.homepage?ie:n.startupComponent||Et,meta:l};e.hasRoute(M)&&e.removeRoute(M),e.hasRoute(D)&&e.removeRoute(D),a?(e.addRoute(a,p),e.addRoute(a,d)):(e.addRoute(p),e.addRoute(d))}install(e){const t=e.config.globalProperties.installed||{};for(const[s,n]of Object.entries(this.library))!t[s]&&ye(n)&&(e.use(n),t[s]=!0);this.options.install&&e.use(this.options.install),this.adapter.access&&e.use(this.adapter.access),e.provide(se,this),e.config.globalProperties.$provider=this,e.config.globalProperties.installed=t,this.mode===y.Design&&(e.config.errorHandler=(s,n,i)=>{const a=n?.$options.name,o=typeof s=="string"?s:s?.message||s?.msg||"未知错误",l=`[ ${a} ] ${o} ${i}`;console.error("[VTJ Error]:",{err:s,instance:n,info:i},s?.stack),this.adapter.notify&&this.adapter.notify(l,"组件渲染错误","error")})}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,i=[])=>{for(const a of i){if(a.id===n)return a;if(a.children&&a.children.length){const o=s(n,a.children);if(o)return o}}};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`]||this.modules[`/src/.vtj/files/${e}.json`];return t?await t():this.service.getFile(e,this.project||void 0).catch(()=>null)}async getDslByUrl(e){const t=this.urlDslCaches[e];return t||(this.adapter.request?this.urlDslCaches[e]=this.adapter.request.send({url:e,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(s=>s.data).catch(()=>null):null)}createDslRenderer(e,t={}){const{library:s,components:n,mode:i,apis:a}=this,o={mode:i,Vue:s.Vue,components:n,libs:s,apis:a,window,...t},l=U({getDsl:async u=>await this.getDsl(u)||null,getDslByUrl:async u=>await this.getDslByUrl(u)||null,options:o});return N({...o,dsl:e,loader:l})}async getRenderComponent(e,t){const s=this.getFile(e);if(!s)return c.logger.warn(`Can not find file: ${e}`),null;t&&t(s);const n=`.vtj/vue/${e}.vue`,i=this.modules[n]||this.modules[`/src/pages/${e}.vue`];if(i)return(await i())?.default;const a=await this.getDsl(s.id);return a?this.createDslRenderer(a).renderer:(c.logger.warn(`Can not find dsl: ${e}`),null)}defineUrlSchemaComponent(e,t){return S.defineAsyncComponent(async()=>{const s=await this.getDslByUrl(e);return s?(s.name=t||s.name,this.createDslRenderer(s).renderer):null})}definePluginComponent(e){return S.defineAsyncComponent(async()=>await ee(e,window))}}function jt(r){const e=new Fe(r);return{provider:e,onReady:s=>e.ready(s)}}function re(r={}){const e=S.inject(se,null);if(!e)throw new Error("Can not find provider");if(e.nodeEnv==="development"){const{id:t,version:s}=r;t&&s&&(async()=>{const n=await e.getDsl(t);n?.__VERSION__!==s&&e.adapter.notify&&e.adapter.notify(`[ ${n?.name} ] 组件源码版本与运行时版本不一致,请重新发布组件`,"版本不一致","warning")})()}return e}const Oe={type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:r=>r.data?.code===0},Pt=(r,e="/__vtj__/api/:type.json")=>(t,s,n)=>r.send({url:e,method:"post",params:{type:t},query:n,data:{type:t,data:s},settings:Oe}),$t=(r,e="/__vtj__/api/uploader.json")=>async(t,s)=>await r.send({url:e,method:"post",data:{files:t,projectId:s},settings:{...Oe,type:"data"}}).then(n=>n&&n[0]?n[0]:null).catch(()=>null);function Rt(r){return c.createRequest({settings:{type:"json",validSuccess:!0,originResponse:!1,failMessage:!0,validate:e=>e.data?.code===0,showError:e=>{r&&r(e||"未知错误")}}})}class J{constructor(e=c.request){this.req=e,this.api=Pt(e),this.uploader=$t(e)}api;pluginCaches={};uploader;async getExtension(){console.log("BaseService.getExtension")}async init(e){return console.log("BaseService.init",e),{}}async saveProject(e,t){return!!await this.api("saveProject",e,{type:t}).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 parseVue(e,t){return await this.api("parseVue",{project:e,...t})}async createRawPage(e){return await this.api("createRawPage",e).catch(()=>"")}async removeRawPage(e){return await this.api("removeRawPage",e).catch(()=>"")}async uploadStaticFile(e,t){return await this.uploader(e,t).catch(()=>null)}async getStaticFiles(e){return await this.api("getStaticFiles",e).catch(()=>[])}async removeStaticFile(e,t){return await this.api("removeStaticFile",{name:e,projectId:t}).catch(()=>"")}async clearStaticFiles(e){return await this.api("clearStaticFiles",e).catch(()=>"")}async getPluginMaterial(e){const{urls:t=[]}=e,s=t.filter(i=>pe(i))[0];if(!s)return null;const n=this.pluginCaches[s];return n||(this.pluginCaches[s]=c.request.send({url:s,method:"get",settings:{validSuccess:!1,originResponse:!0}}).then(i=>i.data).catch(()=>null))}async genSource(e){return console.log("BaseService.genSource",e),""}}const _=new c.Storage({type:"local",expired:0,prefix:"__VTJ_"});class bt extends J{init(e){const t=new $.ProjectModel(e),s=_.get(`project_${t.id}`),n=Object.assign(t.toDsl(),s||{});return _.save(`project_${t.id}`,n),Promise.resolve(n)}saveProject(e){const t=new $.ProjectModel(e);return _.save(`project_${t.id}`,t.toDsl()),Promise.resolve(!0)}saveMaterials(e,t){return _.save(`materials_${e.id}`,c.mapToObject(t)),Promise.resolve(!0)}saveFile(e){return _.save(`file_${e.id}`,e),Promise.resolve(!0)}getFile(e){const t=_.get(`file_${e}`);return t?Promise.resolve(t):Promise.reject(null)}removeFile(e){return _.remove(`file_${e}`),Promise.resolve(!0)}saveHistory(e){return _.save(`history_${e.id}`,e),Promise.resolve(!0)}removeHistory(e){const t=_.get(`history_${e}`);if(t){const n=(t.items||[]).map(i=>i.id);this.removeHistoryItem(e,n),_.remove(`history_${e}`)}return Promise.resolve(!0)}getHistory(e){const t=_.get(`history_${e}`),s=new $.HistoryModel(t||{id:e});return Promise.resolve(s.toDsl())}getHistoryItem(e,t){const s=_.get(`history_${e}_${t}`);return Promise.resolve(s)}saveHistoryItem(e,t){return _.save(`history_${e}_${t.id}`,t),Promise.resolve(!0)}removeHistoryItem(e,t){return t.forEach(s=>{_.remove(`history_${e}_${s}`)}),Promise.resolve(!0)}}class De extends J{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]=c.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(i=>i.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 Ct(){return H||(H=new De,H)}class At extends J{getFileCaches={};async getExtension(){return await this.api("getExtension",{}).catch(()=>{})}async init(e){return await this.api("init",e).catch(()=>null)||{}}async saveProject(e,t){return!!await this.api("saveProject",e,{type:t}).catch(()=>!1)}async saveMaterials(e,t){return!!await this.api("saveMaterials",{project:e,materials:c.mapToObject(t)}).catch(()=>!1)}async saveFile(e){return!!await this.api("saveFile",e).catch(()=>!1)}async getFile(e){const t=this.getFileCaches[e];return t||(this.getFileCaches[e]=this.api("getFile",e).catch(()=>null)).finally(()=>{delete this.getFileCaches[e]})}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 He(r,e,t=[]){return t.map(s=>{const{id:n,title:i,icon:a,children:o,hidden:l}=s;return{id:n,title:i,icon:a,hidden:l,url:`${r}/${e}/${n}`,children:o&&o.length?He(r,e,o):void 0}})}function xe(r,e){if(!e)return r;let t=[];for(const s of r)if(s.children&&s.children.length){const n=xe(s.children,e);n.length&&(s.children=n,t.push(s))}else e.can(s.id.toString())&&t.push(s);return t}function Mt(r){const{menuPathPrefix:e="",pageRouteName:t="page",disableMenusFilter:s=!1}=r||{},n=re(),i=oe.useRoute(),a=Ee(),o=S.ref(!1),l=S.ref(!1),u=n.project;S.watchEffect(()=>{const{name:g,params:f,meta:h}=i;if(g===M){const m=n.getPage(f.id);o.value=!m?.mask,l.value=!!m?.pure}else if(g===D){const m=n.getHomepage();o.value=!m?.mask,l.value=!!m?.pure}else o.value=!h.mask,l.value=!!h.pure});const p=He(e,t,u?.pages),d=u?.config;return{disabled:o,logo:d?.logo,themeSwitchable:d?.themeSwitchable,title:d?.title||u?.description||u?.name||"VTJ App",menus:s?p:xe(p,a),pure:l}}exports.ACCESS_KEY=Q;exports.Access=X;exports.BUILD_IN_TAGS=ue;exports.BUILT_IN_DIRECTIVES=ae;exports.BaseService=J;exports.CONTEXT_HOST=z;exports.Context=Ae;exports.ContextMode=y;exports.DATA_TYPES=ce;exports.HOMEPAGE_ROUTE_NAME=D;exports.HTML_TAGS=le;exports.JSCodeToString=Ge;exports.LIFE_CYCLES_LIST=Je;exports.LocalService=At;exports.MemoryService=De;exports.NodeEnv=Ie;exports.PAGE_ROUTE_NAME=M;exports.Provider=Fe;exports.StorageService=bt;exports.VTJ_RENDERER_VERSION=A;exports.adoptedStyleSheets=Y;exports.clearLoaderCache=ot;exports.createAccess=Qe;exports.createAdapter=Ye;exports.createAssetScripts=Ke;exports.createAssetsCss=Ve;exports.createDataSources=Me;exports.createLoader=U;exports.createMemoryService=Ct;exports.createMetaApi=Pe;exports.createMock=be;exports.createProvider=jt;exports.createRenderer=N;exports.createSchemaApi=je;exports.createSchemaApis=$e;exports.createServiceRequest=Rt;exports.defaultLoader=Te;exports.fillBasePath=O;exports.getMock=T;exports.getModifiers=te;exports.getPlugin=ee;exports.getRawComponent=he;exports.isBuiltInTag=_e;exports.isCSSUrl=L;exports.isJSCode=we;exports.isJSExpression=w;exports.isJSFunction=I;exports.isJSON=pe;exports.isJSUrl=q;exports.isNativeTag=Se;exports.isVuePlugin=ye;exports.loadCss=me;exports.loadCssUrl=ge;exports.loadScriptUrl=ve;exports.mockApi=Ce;exports.mockApis=Re;exports.mockCleanup=Z;exports.nodeRender=C;exports.parseDeps=fe;exports.parseExpression=k;exports.parseFunction=x;exports.providerKey=se;exports.removeProdFlag=de;exports.setupPageSetting=ze;exports.toString=W;exports.useAccess=Ee;exports.useMask=Mt;exports.useProvider=re;
|
package/dist/index.mjs
CHANGED
@@ -7,10 +7,10 @@ import { useRoute as ge } from "vue-router";
|
|
7
7
|
* Copyright (c) 2025, VTJ.PRO All rights reserved.
|
8
8
|
* @name @vtj/renderer
|
9
9
|
* @author CHC chenhuachun1549@dingtalk.com
|
10
|
-
* @version 0.12.
|
10
|
+
* @version 0.12.16
|
11
11
|
* @license <a href="https://vtj.pro/license.html">MIT License</a>
|
12
12
|
*/
|
13
|
-
const A = "0.12.
|
13
|
+
const A = "0.12.16";
|
14
14
|
var y = /* @__PURE__ */ ((n) => (n.Runtime = "Runtime", n.Design = "Design", n.Raw = "Raw", n.VNode = "VNode", n))(y || {});
|
15
15
|
const le = [
|
16
16
|
"$el",
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@vtj/renderer",
|
3
3
|
"private": false,
|
4
|
-
"version": "0.12.
|
4
|
+
"version": "0.12.16",
|
5
5
|
"type": "module",
|
6
6
|
"keywords": [
|
7
7
|
"低代码引擎",
|
@@ -21,15 +21,15 @@
|
|
21
21
|
"author": "chenhuachun",
|
22
22
|
"license": "MIT",
|
23
23
|
"dependencies": {
|
24
|
-
"@vtj/core": "~0.12.
|
25
|
-
"@vtj/utils": "~0.12.
|
24
|
+
"@vtj/core": "~0.12.16",
|
25
|
+
"@vtj/utils": "~0.12.16"
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"vue": "~3.5.5",
|
29
29
|
"vue-router": "~4.5.0",
|
30
30
|
"@vtj/cli": "~0.12.2",
|
31
|
-
"@vtj/
|
32
|
-
"@vtj/
|
31
|
+
"@vtj/ui": "~0.12.16",
|
32
|
+
"@vtj/icons": "~0.12.16"
|
33
33
|
},
|
34
34
|
"exports": {
|
35
35
|
".": {
|
package/types/version.d.ts
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
* Copyright (c) 2025, VTJ.PRO All rights reserved.
|
3
3
|
* @name @vtj/renderer
|
4
4
|
* @author CHC chenhuachun1549@dingtalk.com
|
5
|
-
* @version 0.12.
|
5
|
+
* @version 0.12.15
|
6
6
|
* @license <a href="https://vtj.pro/license.html">MIT License</a>
|
7
7
|
*/
|
8
|
-
export declare const version = "0.12.
|
8
|
+
export declare const version = "0.12.15";
|