@vtj/coder 0.7.33 → 0.8.0

package/dist/index.cjs

@@ -1,45 +1,45 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vtj/base"),_=require("prettier/standalone"),Q=require("prettier/plugins/html"),z=require("prettier/plugins/babel"),G=require("prettier/plugins/postcss"),H=require("prettier/plugins/estree");function S(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,r.get?r:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const U=S(Q),T=S(z),q=S(G),B=S(H);/**!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vtj/base"),x=require("prettier/standalone"),H=require("prettier/plugins/html"),X=require("prettier/plugins/babel"),Y=require("prettier/plugins/postcss"),Z=require("prettier/plugins/estree");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const K=k(H),J=k(X),T=k(Y),q=k(Z);/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/coder 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.33
+ * @version 0.8.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const X="0.7.33";/**!
+ */const ee="0.8.0";/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.33
+ * @version 0.8.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const Y=["slot","template","component","img","div","p","h1","h2","h3","span","a"];l.mitt();const x={arrowParens:"always",bracketSpacing:!0,bracketSameLine:!0,endOfLine:"lf",htmlWhitespaceSensitivity:"css",insertPragma:!1,jsxBracketSameLine:!0,jsxSingleQuote:!0,printWidth:80,proseWrap:"preserve",quoteProps:"as-needed",requirePragma:!1,semi:!0,singleQuote:!0,tabWidth:2,trailingComma:"none",useTabs:!1,vueIndentScriptAndStyle:!0};async function J(t,e){return e?t:await _.format(t,{parser:"vue",...x,plugins:[U,T,B,q]})}async function Z(t,e){return e?t:await _.format(t,{parser:"babel-ts",...x,plugins:[T,B]})}async function W(t,e){return e?t:_.format(t,{parser:"scss",...x,plugins:[q]})}function C(t){return t&&t.type==="JSExpression"}function P(t){return typeof t=="object"&&t&&t.type==="JSFunction"}function v(t){return C(t)||P(t)}function A(t){return t.replace(new RegExp("this.","g"),"")}function I(t){return t.replace(/this\.context\??\./g,"")}function u(t,e=!0,s=!0){const r=v(t)?t.value:e?JSON.stringify(t):t;return s?A(I(r)):I(r)}function j(t,e=[]){let s=t;for(const r of e)s=s.replace(new RegExp(`this.${r}.value`,"g"),`this.${r}`);return s}function L(t){let e=t.trim();if(e=/^\((\(|async|function)/.test(e)?e.substring(1,e.length-1):e,e.startsWith("{"))return e;if(e.startsWith("async function"))e=e.replace(/^async function/,"async");else if(e.startsWith("function"))e=e.replace(/^function/,"");else{const i=/^(async\s)?\([\w]*\)\s+\=\>\s([\w\W]+)/,n=e.match(i);n&&n[2]&&(n[2].startsWith("{")||(e=e.replace(n[2],`{ return ${n[2]} }`))),e=e.replace("=>","")}return e}function K(t={}){return Object.entries(t).map(([e,s])=>`"${e}": ${u(s)}`)}function M(t={},e=!1){const s=Object.keys(t);return e?s.map(r=>"."+r):s}function ee(t){let e="";for(var s in t)if(t.hasOwnProperty(s)){var r=t[s];e+=s+": "+r+";"}return e}class te{constructor(e,s){this.dsl=e,this.dependencies=s,this.libraryRegex=this.collectLibrary(),this.walk(e),this.walkNodes(e),this.members=this.getLibraryMember()}imports={};context={};style={};members=[];libraryRegex=[];collectLibrary(){return this.dependencies.filter(e=>!!e.library).map(e=>new RegExp(`(this.\\$libs.${e.library}.([\\w]+))`,"g"))}collectImport(e){const s=e.split(".");if(s.length===4){const r=s.pop(),i=s.join(".")+".",n=s.pop();if(r&&n){const o=this.dependencies.find(a=>a.library===n)?.package;o&&(this.imports[o]||(this.imports[o]=new Set)).add(r)}return{name:r,path:i,library:n}}return null}replaceLibraryPath(e){const{libraryRegex:s}=this;let r=e.value;for(const i of s){const n=e.value.match(i)||[];for(const o of n){const a=this.collectImport(o);if(a){const c=a.path.replace(/\$/g,"\\$");r=r.replace(new RegExp(c,"g"),"")}}}return r}walk(e){const s=r=>{if(!r||typeof r!="object")return;if(Array.isArray(r)){for(let n of r)s(n);return}const i=Object.values(r);for(const n of i)v(n)?n.value=this.replaceLibraryPath(n):s(n)};s(e)}getLibraryMember(e=[]){let s=[...e];for(const r of Object.values(this.imports))s=s.concat(Array.from(r));return l.dedupArray(s)}collectContext(e,s){const r=new Set(s?.id?this.context[s.id]:[]),i=(e.directives||[]).find(a=>a.name==="vFor");let n=new Set(Array.from(r));if(i){const{item:a="item",index:c="index"}=i.iterator||{};n=new Set([a,c,...Array.from(n)])}const o=e.slot;if(o){const a=typeof o=="string"?[]:o.params||[],c=a.length?a:[`scope_${s?.id}`];n=new Set([...c,...Array.from(n)])}this.context[e.id]=n}collectStyle(e){e.id&&e.props?.style&&Object.keys(e.props.style).length&&(this.style[`.${e.name}_${e.id}`]=e.props.style)}walkNodes(e){const s=(r,i)=>{this.collectContext(r,i),this.collectStyle(r),Array.isArray(r.children)&&r.children.forEach(n=>s(n,r))};Array.isArray(e.nodes)&&e.nodes.forEach(r=>s(r))}}function se(t={}){return Object.entries(t).map(([e,s])=>{const r=u(s,!1);return`${e}:${r}`})}function re(t=[]){return t.map(e=>`${e.name}: {
+ */const te=["slot","template","component","img","div","p","h1","h2","h3","span","a"];l.mitt();const _={arrowParens:"always",bracketSpacing:!0,bracketSameLine:!0,endOfLine:"lf",htmlWhitespaceSensitivity:"css",insertPragma:!1,jsxBracketSameLine:!0,jsxSingleQuote:!0,printWidth:80,proseWrap:"preserve",quoteProps:"as-needed",requirePragma:!1,semi:!0,singleQuote:!0,tabWidth:2,trailingComma:"none",useTabs:!1,vueIndentScriptAndStyle:!0};async function L(t,e){return e?t:await x.format(t,{parser:"vue",..._,plugins:[K,J,q,T]})}async function se(t,e){return e?t:await x.format(t,{parser:"babel-ts",..._,plugins:[J,q]})}async function W(t,e){return e?t:x.format(t,{parser:"scss",..._,plugins:[T]})}function E(t){return t&&t.type==="JSExpression"}function A(t){return typeof t=="object"&&t&&t.type==="JSFunction"}function S(t){return E(t)||A(t)}function F(t){return t.replace(new RegExp("this.","g"),"")}function I(t){return t.replace(/this\.context\??\./g,"")}function u(t,e=!0,s=!0){const n=S(t)?t.value:e?JSON.stringify(t):t;return s?F(I(n)):I(n)}function w(t,e=[]){let s=t;for(const n of e)s=s.replace(new RegExp(`this.${n}.value`,"g"),`this.${n}`);return s}function U(t){let e=t.trim();if(e=/^\((\(|async|function)/.test(e)?e.substring(1,e.length-1):e,e.startsWith("{"))return e;if(e.startsWith("async function"))e=e.replace(/^async function/,"async");else if(e.startsWith("function"))e=e.replace(/^function/,"");else{const i=/^(async\s)?\([\w]*\)\s+\=\>\s([\w\W]+)/,r=e.match(i);r&&r[2]&&(r[2].startsWith("{")||(e=e.replace(r[2],`{ return ${r[2]} }`))),e=e.replace("=>","")}return e}function ne(t={}){return Object.entries(t).map(([e,s])=>`"${e}": ${u(s)}`)}function M(t={},e=!1){const s=Object.keys(t);return e?s.map(n=>"."+n):s}function re(t){let e="";for(var s in t)if(t.hasOwnProperty(s)){var n=t[s];e+=s+": "+n+";"}return e}class oe{constructor(e,s){this.dsl=e,this.dependencies=s,this.libraryRegex=this.collectLibrary(),this.walk(e),this.walkNodes(e),this.members=this.getLibraryMember()}imports={};context={};style={};members=[];urlSchemas={};blockPlugins={};libraryRegex=[];collectLibrary(){return this.dependencies.filter(e=>!!e.library).map(e=>new RegExp(`(this.\\$libs.${e.library}.([\\w]+))`,"g"))}collectImport(e){const s=e.split(".");if(s.length===4){const n=s.pop(),i=s.join(".")+".",r=s.pop();if(n&&r){const o=this.dependencies.find(c=>c.library===r)?.package;o&&(this.imports[o]||(this.imports[o]=new Set)).add(n)}return{name:n,path:i,library:r}}return null}replaceLibraryPath(e){const{libraryRegex:s}=this;let n=e.value;for(const i of s){const r=e.value.match(i)||[];for(const o of r){const c=this.collectImport(o);if(c){const a=c.path.replace(/\$/g,"\\$");n=n.replace(new RegExp(a,"g"),"")}}}return n}walk(e){const s=n=>{if(!n||typeof n!="object")return;if(Array.isArray(n)){for(let r of n)s(r);return}const i=Object.values(n);for(const r of i)S(r)?r.value=this.replaceLibraryPath(r):s(r)};s(e)}getLibraryMember(e=[]){let s=[...e];for(const n of Object.values(this.imports))s=s.concat(Array.from(n));return l.dedupArray(s)}collectContext(e,s){const n=new Set(s?.id?this.context[s.id]:[]),i=(e.directives||[]).find(c=>c.name==="vFor");let r=new Set(Array.from(n));if(i){const{item:c="item",index:a="index"}=i.iterator||{};r=new Set([c,a,...Array.from(r)])}const o=e.slot;if(o){const c=typeof o=="string"?[]:o.params||[],a=c.length?c:[`scope_${s?.id}`];r=new Set([...a,...Array.from(r)])}this.context[e.id]=r}collectStyle(e){e.id&&e.props?.style&&Object.keys(e.props.style).length&&(this.style[`.${e.name}_${e.id}`]=e.props.style)}collectUrlSchema(e){typeof e.from=="object"&&e.from.type==="UrlSchema"&&(this.urlSchemas[e.name]=e.from)}collectBlockPlugin(e){typeof e.from=="object"&&e.from.type==="Plugin"&&(this.blockPlugins[e.name]=e.from)}walkNodes(e){const s=(n,i)=>{this.collectContext(n,i),this.collectStyle(n),this.collectUrlSchema(n),this.collectBlockPlugin(n),Array.isArray(n.children)&&n.children.forEach(r=>s(r,n))};Array.isArray(e.nodes)&&e.nodes.forEach(n=>s(n))}}function ie(t={}){return Object.entries(t).map(([e,s])=>{const n=u(s,!1);return`${e}:${n}`})}function ce(t=[]){return t.map(e=>`${e.name}: {
             from: '${e.from||e.name}',
             default: ${u(e.default,!0,!1)}
-        }`)}function ne(t=[]){const e=s=>s?`[${l.toArray(s).map(n=>n.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(s=>typeof s=="string"?`${s}: {}`:`${s.name}: {
+        }`)}function ae(t=[]){const e=s=>s?`[${l.toArray(s).map(r=>r.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(s=>typeof s=="string"?`${s}: {}`:`${s.name}: {
           type:${e(s.type)},
           required: ${s.required},
           default: ${u(s.default,!0,!1)}
-          }`)}function ie(t=[]){return t.map(e=>`'${e}'`)}function b(t={},e=[]){return Object.entries(t).map(([s,r])=>{let i=L(u(r,!1,!1));return i=j(i,e),i.startsWith("async")?`async ${s}${i.replace(/^async/,"")}`:`${s}${i}`})}function oe(t=[],e=[]){const s=t.reduce((n,o)=>(o.id&&P(o.source)&&(n[`watcher_${o.id}`]=o.source),n),{}),r=b(s,e),i=t.map(n=>`watcher_${n.id}: {
-        deep: ${n.deep},
-        immediate:${n.immediate},
-        handler${L(n.handler.value)}
-      }`);return{computed:r,watches:i}}function ae(t={}){return Object.values(t).map(e=>{const s=P(e.transform)&&e.transform.value||"(res) => res";return`async ${e.name}(...args:any[]) {
+          }`)}function le(t=[]){return t.map(e=>`'${e}'`)}function v(t={},e=[]){return Object.entries(t).map(([s,n])=>{let i=U(u(n,!1,!1));return i=w(i,e),i.startsWith("async")?`async ${s}${i.replace(/^async/,"")}`:`${s}${i}`})}function ue(t=[],e=[]){const s=t.reduce((r,o)=>(o.id&&A(o.source)&&(r[`watcher_${o.id}`]=o.source),r),{}),n=v(s,e),i=t.map(r=>`watcher_${r.id}: {
+        deep: ${r.deep},
+        immediate:${r.immediate},
+        handler${U(r.handler.value)}
+      }`);return{computed:n,watches:i}}function pe(t={}){return Object.values(t).map(e=>{const s=A(e.transform)&&e.transform.value||"(res) => res";return`async ${e.name}(...args:any[]) {
           return await this.provider.apis['${e.ref}'].apply(this, args).then(${s});
-        }`})}function V(t,e,s=[],r={},i){const n=[];let o={},a=[],c=[];return ce(t).forEach(f=>{const y=[];for(const p of f.children){let{id:O,name:m,invisible:g,from:k}=p;if(g)continue;const E=le(m,e,k);E&&a.push(E),ue(k)&&c.push({id:k.id,name:m});const{props:F,events:N,handlers:D}=he(p,O,p.props,p.events,r,s),R=ye(p.directives).join(" "),d=p.children?$e(p.children,s,e,r,p):"";Object.assign(o,D);let $="";typeof d=="string"?$=d:($=(d?.nodes||[]).join(`
-`),Object.assign(o,d?.methods||{}),a=a.concat(d?.components||[]),c=c.concat(d?.importBlocks||[])),y.push(m==="img"?`<${m} ${R} ${F} ${N} />
-`:`<${m} ${R} ${F} ${N}>${$?`
-`+$.trim():""}</${m}>
-`)}const w=be(f.slot,y.join(`
-`),i?.id);n.push(w)}),{nodes:n,methods:o,components:l.dedupArray(a),importBlocks:l.dedupArray(c,"id")}}function ce(t=[]){const e=new Map;for(const s of t){const r=typeof s.slot=="string"?s.slot:s.slot?.name,i=e.get(r);i?i.children.push(s):e.set(r,{slot:s.slot,children:[s]})}return e}function le(t,e,s){if(Y.includes(t))return null;const r=e.get(t);if(r&&r.alias){const i=r.parent?`${r.parent}.${r.alias}`:r.alias;return`${t}: ${i}`}return s||r?t:null}function ue(t){return!!t&&typeof t=="object"&&t.type==="Schema"}function pe(t,e,s=[]){return t==="style"?"":t==="__class"&&v(e)?`:class="${u({...e,value:j(e.value,s)})}"`:typeof e=="string"?`${t}="${e}"`:v(e)?`:${t}="${u({...e,value:j(e.value,s)})}"`:l.isPlainObject(e)?`:${t}='{${K(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function fe(t,e={},s=[]){if(!!Object.keys(e.style||{}).length){const i=`${t.name}_${t.id}`;e.class?typeof e.class=="string"?e.class=[e.class,i].join(" "):(e.__class=e.class,e.class=i):(e.class=i,delete e.style)}return Object.entries(e).map(([i,n])=>pe(i,n,s))}function me(t,e,s,r){const i=M(e.modifiers,!0);return r&&r.length>0?`@${t}${i.join("")}="(...args:any[]) => ${s}"`:`@${t}${i.join("")}="${s}"`}function de(t,e={},s={}){const r={},i=Array.from(s[t]||new Set([])),n=i.length?`({${i.join(", ")}}, args)`:"";return{binders:Object.entries(e).map(([a,c])=>{const h=c.handler.value.startsWith("this."),f=h?A(c.handler.value):`${l.camelCase(a)}_handler_${t}${n}`;return h||(r[f]=i.length?{type:"JSFunction",value:`{
-          return (${c.handler.value}).apply(this, args);
-        }`}:c.handler),me(a,c,f,i)}),handlers:r}}function he(t,e,s={},r={},i={},n){const{binders:o,handlers:a}=de(e,r,i);return{props:fe(t,s,n).join(" "),handlers:a,binders:o,events:o.join(" ")}}function ye(t=[]){const e=[],{vIf:s,vShow:r,vModels:i,vFor:n}=ge(t);if(s&&e.push(`v-if="${u(s.value)}"`),r&&e.push(`v-show="${u(r.value)}"`),i.forEach(o=>{const a=M(o.modifiers,!0),c=o.arg?C(o.arg)?`:[${u(o.arg)}]`:`:${o.arg}`:"";e.push(`v-model${c}${a}="${u(o.value)}"`)}),n){const{item:o,index:a}={item:"item",index:"index",...n.iterator};e.push(`v-for="(${o}, ${a}) in ${u(n.value)}"`)}return e}function ge(t=[]){const e=t.find(o=>l.camelCase(o.name)==="vIf"),s=t.find(o=>l.camelCase(o.name)==="vFor"),r=t.find(o=>l.camelCase(o.name)==="vShow"),i=t.find(o=>l.camelCase(o.name)==="vBind"),n=t.filter(o=>l.camelCase(o.name)==="vModel");return{vIf:e,vFor:s,vShow:r,vModels:n,vBind:i}}function $e(t,e,s,r,i){if(typeof t=="string")return t;if(C(t)){let n=u(t,!1);return n=j(n,e),n=A(n),`{{ ${n} }}`}return Array.isArray(t)?V(t,s,e,r,i):""}function be(t,e,s){if(!t)return e;const r=typeof t=="string"?{name:t,params:[]}:{params:[],...t};return`<template ${`#${r.name}="${r.params?.length>0?`{${r.params?.join(",")}}`:`scope_${s}`}"`}>
+        }`})}function V(t,e,s=[],n={},i){const r=[];let o={},c=[],a=[];return fe(t).forEach(f=>{const $=[];for(const p of f.children){let{id:O,name:m,invisible:C,from:h}=p;if(C)continue;const b=me(m,e,h);b&&c.push(b),D(h)&&a.push({id:h.id,name:m});const{props:g,events:N,handlers:G}=$e(p,O,p.props,p.events,n,s),B=be(p.directives).join(" "),d=p.children?ve(p.children,s,e,n,p):"";Object.assign(o,G);let j="";typeof d=="string"?j=d:(j=(d?.nodes||[]).join(`
+`),Object.assign(o,d?.methods||{}),c=c.concat(d?.components||[]),a=a.concat(d?.importBlocks||[]));const R=Q(h)||z(h)?"component":m;$.push(m==="img"?`<${m} ${B} ${g} ${N} />`:`<${R} ${B} ${g} ${N}>${j?`
+`+j.trim():""}</${R}>`)}const P=Se(f.slot,$.join(`
+`),i?.id);r.push(P)}),{nodes:r,methods:o,components:l.dedupArray(c),importBlocks:l.dedupArray(a,"id")}}function fe(t=[]){const e=new Map;for(const s of t){const n=typeof s.slot=="string"?s.slot:s.slot?.name,i=e.get(n);i?i.children.push(s):e.set(n,{slot:s.slot,children:[s]})}return e}function me(t,e,s){if(te.includes(t))return null;const n=e.get(t);if(n&&n.alias){const i=n.parent?`${n.parent}.${n.alias}`:n.alias;return`${t}: ${i}`}return D(s)||n?t:null}function D(t){return!!t&&typeof t=="object"&&t.type==="Schema"}function Q(t){return typeof t=="object"&&t.type==="UrlSchema"}function z(t){return typeof t=="object"&&t.type==="Plugin"}function he(t,e,s=[]){return t==="style"?"":t==="__class"&&S(e)?`:class="${u({...e,value:w(e.value,s)})}"`:typeof e=="string"?`${t}="${e}"`:S(e)?`:${t}="${u({...e,value:w(e.value,s)})}"`:l.isPlainObject(e)?`:${t}='{${ne(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function de(t,e={},s=[]){if(!!Object.keys(e.style||{}).length){const r=`${t.name}_${t.id}`;e.class?typeof e.class=="string"?e.class=[e.class,r].join(" "):(e.__class=e.class,e.class=r):(e.class=r,delete e.style)}const i=t.from;return(Q(i)||z(i))&&(e.is={type:"JSExpression",value:t.name}),Object.entries(e).map(([r,o])=>he(r,o,s))}function ye(t,e,s,n){const i=M(e.modifiers,!0);return n&&n.length>0?`@${t}${i.join("")}="(...args:any[]) => ${s}"`:`@${t}${i.join("")}="${s}"`}function ge(t,e={},s={}){const n={},i=Array.from(s[t]||new Set([])),r=i.length?`({${i.join(", ")}}, args)`:"";return{binders:Object.entries(e).map(([c,a])=>{const y=a.handler.value.startsWith("this."),f=y?F(a.handler.value):`${l.camelCase(c)}_${t}${r}`;return y||(n[f]=i.length?{type:"JSFunction",value:`{
+          return (${a.handler.value}).apply(this, args);
+        }`}:a.handler),ye(c,a,f,i)}),handlers:n}}function $e(t,e,s={},n={},i={},r){const{binders:o,handlers:c}=ge(e,n,i);return{props:de(t,s,r).join(" "),handlers:c,binders:o,events:o.join(" ")}}function be(t=[]){const e=[],{vIf:s,vShow:n,vModels:i,vFor:r}=je(t);if(s&&e.push(`v-if="${u(s.value)}"`),n&&e.push(`v-show="${u(n.value)}"`),i.forEach(o=>{const c=M(o.modifiers,!0),a=o.arg?E(o.arg)?`:[${u(o.arg)}]`:`:${o.arg}`:"";e.push(`v-model${a}${c}="${u(o.value)}"`)}),r){const{item:o,index:c}={item:"item",index:"index",...r.iterator};e.push(`v-for="(${o}, ${c}) in ${u(r.value)}"`)}return e}function je(t=[]){const e=t.find(o=>l.camelCase(o.name)==="vIf"),s=t.find(o=>l.camelCase(o.name)==="vFor"),n=t.find(o=>l.camelCase(o.name)==="vShow"),i=t.find(o=>l.camelCase(o.name)==="vBind"),r=t.filter(o=>l.camelCase(o.name)==="vModel");return{vIf:e,vFor:s,vShow:n,vModels:r,vBind:i}}function ve(t,e,s,n,i){if(typeof t=="string")return t;if(E(t)){let r=u(t,!1);return r=w(r,e),r=F(r),`{{ ${r} }}`}return Array.isArray(t)?V(t,s,e,n,i):""}function Se(t,e,s){if(!t)return e;const n=typeof t=="string"?{name:t,params:[]}:{params:[],...t};return`<template ${`#${n.name}="${n.params?.length>0?`{${n.params?.join(",")}}`:`scope_${s}`}"`}>
     ${e}
-    </template>`}function ve(t,e=[],s=[],r={}){const i={vue:["defineComponent","reactive"]};for(const n of e){const o=t.get(n.split(":")[0]);o&&o.package&&(i[o.package]??(i[o.package]=[])).push(o.parent||(o.alias||"").split(".")[0]||o.name)}for(const[n,o]of Object.entries(r))(i[n]??(i[n]=[])).push(...Array.from(o));return Object.entries(i).filter(([n,o])=>!!o.length).map(([n,o])=>`import { ${l.dedupArray(o).join(",")}} from '${n}';`).concat(s)}function je(t={}){const e=[];for(const[s,r]of Object.entries(t))e.push(`
+    </template>`}function we(t,e=[],s=[],n={}){const i={vue:["defineComponent","reactive"]};for(const r of e){const o=t.get(r.split(":")[0]);o&&o.package&&(i[o.package]??(i[o.package]=[])).push(o.parent||(o.alias||"").split(".")[0]||o.name)}for(const[r,o]of Object.entries(n))(i[r]??(i[r]=[])).push(...Array.from(o));return Object.entries(i).filter(([r,o])=>!!o.length).map(([r,o])=>`import { ${l.dedupArray(o).join(",")}} from '${r}';`).concat(s)}function ke(t={}){const e=[];for(const[s,n]of Object.entries(t))e.push(`
     ${s} {
-        ${ee(r)}
+        ${re(n)}
     }
     `);return e.join(`
-`)}function Se(t,e){const{dsl:s}=t,r=Object.keys(s.computed||{}),i=b(s.lifeCycles,r),n=b(s.computed,r),o=oe(s.watch,r),a=ae(s.dataSources),{methods:c,nodes:h,components:f,importBlocks:y}=V(s.nodes||[],e,r,t.context),w=[...n,...o.computed],p=b({...c,...s.methods||{}},r),O=y.map(g=>`import ${g.name} from './${g.id}.vue';`),m=ve(e,f,O,t.imports);return{id:s.id,version:s.__VERSION__,name:s.name,state:se(s.state).join(","),inject:re(s.inject).join(","),props:ne(s.props).join(","),emits:ie(s.emits).join(","),watch:o.watches.join(","),lifeCycles:i.join(","),computed:w.join(","),methods:[...a,...p].join(","),imports:m.join(`
-`),components:f.join(","),returns:t.members.join(","),template:h.join(`
-`),css:s.css||"",style:je(t.style)}}const we=`
+`)}function Pe(t={}){const e=[];return Object.entries(t).forEach(([s,n])=>{e.push(`const ${s} = provider.defineUrlSchemaComponent('${n.url}');`)}),e}function Oe(t={}){const e=[];return Object.entries(t).forEach(([s,n])=>{e.push(`const ${s} = provider.definePluginComponent(${JSON.stringify(n)});`)}),e}function Ce(t,e){const{dsl:s}=t,n=Object.keys(s.computed||{}),i=v(s.lifeCycles,n),r=v(s.computed,n),o=ue(s.watch,n),c=pe(s.dataSources),{methods:a,nodes:y,components:f,importBlocks:$}=V(s.nodes||[],e,n,t.context),P=[...r,...o.computed],p=v({...a,...s.methods||{}},n),O=$.map(g=>`import ${g.name} from './${g.id}.vue';`),m=we(e,f,O,t.imports),C=Object.keys({...t.urlSchemas,...t.blockPlugins}),h=Pe(t.urlSchemas),b=Oe(t.blockPlugins);return{id:s.id,version:s.__VERSION__,name:s.name,state:ie(s.state).join(","),inject:ce(s.inject).join(","),props:ae(s.props).join(","),emits:le(s.emits).join(","),watch:o.watches.join(","),lifeCycles:i.join(","),computed:P.join(","),methods:[...c,...p].join(","),imports:m.join(`
+`),components:f.join(","),returns:t.members.join(","),template:y.join(`
+`),css:s.css||"",style:ke(t.style),urlSchemas:h.join(`
+`),blockPlugins:b.join(`
+`),asyncComponents:C.join(",")}}const xe=`
 <%= imports %>
 import { useProvider } from '@vtj/renderer';
 export default defineComponent({
@@ -53,11 +53,14 @@ export default defineComponent({
       id: '<%= id %>',
       version: '<%= version %>'
     });
-    const state = reactive({ <%= state %> });
+    const state = reactive<Record<string, any>>({ <%= state %> });
+    <%= urlSchemas %>
+    <%= blockPlugins %>
     return {
       state,
       props,
       provider
+      <% if(asyncComponents) { %>, <%= asyncComponents %> <% }%>
       <% if(returns) { %>, <%= returns %> <% } %>
     };
   },
@@ -65,7 +68,7 @@ export default defineComponent({
   <% if(methods) { %> methods: { <%= methods %> }, <% } %>
   <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
 });
-`.replace(/(\n|\r|\t)/g,""),Oe=`
+`.replace(/(\n|\r|\t)/g,""),_e=`
 <template>
 <%= template %>
 </template>
@@ -76,7 +79,7 @@ export default defineComponent({
 <%= css %>
 <%= style %>
 </style>
-`,ke=l.template(we),_e=l.template(Oe);async function xe(t,e=new Map,s=[],r){const i=new te(l.cloneDeep(t),s),n=Se(i,e),o=ke(n),a=_e({template:n.template,css:await W(n.css,r),script:await Z(o,r),style:await W(n.style,r)});return await J(a,r)}async function Ce(t){const e=`
+`,Ee=l.template(xe),Ae=l.template(_e);async function Fe(t,e=new Map,s=[],n){const i=new oe(l.cloneDeep(t),s),r=Ce(i,e),o=Ee(r),c=Ae({template:r.template,css:await W(r.css,n),script:await se(o,n),style:await W(r.style,n)});return await L(c,n)}async function Ne(t){const e=`
     <template>
       <div>
         <h3>源码模式页面</h3>
@@ -87,4 +90,4 @@ export default defineComponent({
     <\/script>
     <style scoped lang="scss">
     </style>
-  `;return await J(e)}exports.VTJ_CODER_VERSION=X;exports.createEmptyPage=Ce;exports.generator=xe;
+  `;return await L(e)}exports.VTJ_CODER_VERSION=ee;exports.createEmptyPage=Ne;exports.generator=Fe;

package/dist/index.mjs

@@ -1,25 +1,25 @@
-import { mitt as z, dedupArray as j, toArray as G, camelCase as h, isPlainObject as H, template as B, cloneDeep as U } from "@vtj/base";
-import { format as O } from "prettier/standalone";
-import * as X from "prettier/plugins/html";
-import * as J from "prettier/plugins/babel";
-import * as L from "prettier/plugins/postcss";
-import * as T from "prettier/plugins/estree";
+import { mitt as X, dedupArray as S, toArray as Y, camelCase as y, isPlainObject as Z, template as J, cloneDeep as K } from "@vtj/base";
+import { format as C } from "prettier/standalone";
+import * as tt from "prettier/plugins/html";
+import * as L from "prettier/plugins/babel";
+import * as T from "prettier/plugins/postcss";
+import * as U from "prettier/plugins/estree";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/coder 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.33
+ * @version 0.8.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Pt = "0.7.33";
+const Bt = "0.8.0";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.7.33
+ * @version 0.8.0
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Y = [
+const et = [
   "slot",
   "template",
   "component",
@@ -32,8 +32,8 @@ const Y = [
   "span",
   "a"
 ];
-z();
-const C = {
+X();
+const E = {
   arrowParens: "always",
   bracketSpacing: !0,
   bracketSameLine: !0,
@@ -54,51 +54,51 @@ const C = {
   vueIndentScriptAndStyle: !0
 };
 async function V(e, t) {
-  return t ? e : await O(e, {
+  return t ? e : await C(e, {
     parser: "vue",
-    ...C,
-    plugins: [X, J, T, L]
+    ...E,
+    plugins: [tt, L, U, T]
   });
 }
-async function Z(e, t) {
-  return t ? e : await O(e, {
+async function st(e, t) {
+  return t ? e : await C(e, {
     parser: "babel-ts",
-    ...C,
-    plugins: [J, T]
+    ...E,
+    plugins: [L, U]
   });
 }
 async function W(e, t) {
-  return t ? e : O(e, {
+  return t ? e : C(e, {
     parser: "scss",
-    ...C,
-    plugins: [L]
+    ...E,
+    plugins: [T]
   });
 }
 function _(e) {
   return e && e.type === "JSExpression";
 }
-function P(e) {
+function A(e) {
   return typeof e == "object" && e && e.type === "JSFunction";
 }
-function b(e) {
-  return _(e) || P(e);
+function w(e) {
+  return _(e) || A(e);
 }
-function E(e) {
+function F(e) {
   return e.replace(new RegExp("this.", "g"), "");
 }
 function I(e) {
   return e.replace(/this\.context\??\./g, "");
 }
 function l(e, t = !0, s = !0) {
-  const r = b(e) ? e.value : t ? JSON.stringify(e) : e;
-  return s ? E(I(r)) : I(r);
+  const n = w(e) ? e.value : t ? JSON.stringify(e) : e;
+  return s ? F(I(n)) : I(n);
 }
-function w(e, t = []) {
+function k(e, t = []) {
   let s = e;
-  for (const r of t)
+  for (const n of t)
     s = s.replace(
-      new RegExp(`this.${r}.value`, "g"),
-      `this.${r}`
+      new RegExp(`this.${n}.value`, "g"),
+      `this.${n}`
     );
   return s;
 }
@@ -111,28 +111,28 @@ function q(e) {
   else if (t.startsWith("function"))
     t = t.replace(/^function/, "");
   else {
-    const i = /^(async\s)?\([\w]*\)\s+\=\>\s([\w\W]+)/, n = t.match(i);
-    n && n[2] && (n[2].startsWith("{") || (t = t.replace(n[2], `{ return ${n[2]} }`))), t = t.replace("=>", "");
+    const i = /^(async\s)?\([\w]*\)\s+\=\>\s([\w\W]+)/, r = t.match(i);
+    r && r[2] && (r[2].startsWith("{") || (t = t.replace(r[2], `{ return ${r[2]} }`))), t = t.replace("=>", "");
   }
   return t;
 }
-function K(e = {}) {
+function nt(e = {}) {
   return Object.entries(e).map(([t, s]) => `"${t}": ${l(s)}`);
 }
 function M(e = {}, t = !1) {
   const s = Object.keys(e);
-  return t ? s.map((r) => "." + r) : s;
+  return t ? s.map((n) => "." + n) : s;
 }
-function tt(e) {
+function rt(e) {
   let t = "";
   for (var s in e)
     if (e.hasOwnProperty(s)) {
-      var r = e[s];
-      t += s + ": " + r + ";";
+      var n = e[s];
+      t += s + ": " + n + ";";
     }
   return t;
 }
-class et {
+class ot {
   constructor(t, s) {
     this.dsl = t, this.dependencies = s, this.libraryRegex = this.collectLibrary(), this.walk(t), this.walkNodes(t), this.members = this.getLibraryMember();
   }
@@ -143,6 +143,8 @@ class et {
   context = {};
   style = {};
   members = [];
+  urlSchemas = {};
+  blockPlugins = {};
   libraryRegex = [];
   collectLibrary() {
     return this.dependencies.filter((t) => !!t.library).map((t) => new RegExp(`(this.\\$libs.${t.library}.([\\w]+))`, "g"));
@@ -155,17 +157,17 @@ class et {
   collectImport(t) {
     const s = t.split(".");
     if (s.length === 4) {
-      const r = s.pop(), i = s.join(".") + ".", n = s.pop();
-      if (r && n) {
+      const n = s.pop(), i = s.join(".") + ".", r = s.pop();
+      if (n && r) {
         const o = this.dependencies.find(
-          (a) => a.library === n
+          (c) => c.library === r
         )?.package;
-        o && (this.imports[o] || (this.imports[o] = /* @__PURE__ */ new Set())).add(r);
+        o && (this.imports[o] || (this.imports[o] = /* @__PURE__ */ new Set())).add(n);
       }
       return {
-        name: r,
+        name: n,
         path: i,
-        library: n
+        library: r
       };
     }
     return null;
@@ -173,320 +175,355 @@ class et {
   // 代码中包含依赖库的引用，需要从代码中移除
   replaceLibraryPath(t) {
     const { libraryRegex: s } = this;
-    let r = t.value;
+    let n = t.value;
     for (const i of s) {
-      const n = t.value.match(i) || [];
-      for (const o of n) {
-        const a = this.collectImport(o);
-        if (a) {
-          const c = a.path.replace(/\$/g, "\\$");
-          r = r.replace(new RegExp(c, "g"), "");
+      const r = t.value.match(i) || [];
+      for (const o of r) {
+        const c = this.collectImport(o);
+        if (c) {
+          const a = c.path.replace(/\$/g, "\\$");
+          n = n.replace(new RegExp(a, "g"), "");
         }
       }
     }
-    return r;
+    return n;
   }
   walk(t) {
-    const s = (r) => {
-      if (!r || typeof r != "object")
+    const s = (n) => {
+      if (!n || typeof n != "object")
         return;
-      if (Array.isArray(r)) {
-        for (let n of r)
-          s(n);
+      if (Array.isArray(n)) {
+        for (let r of n)
+          s(r);
         return;
       }
-      const i = Object.values(r);
-      for (const n of i)
-        b(n) ? n.value = this.replaceLibraryPath(n) : s(n);
+      const i = Object.values(n);
+      for (const r of i)
+        w(r) ? r.value = this.replaceLibraryPath(r) : s(r);
     };
     s(t);
   }
   getLibraryMember(t = []) {
     let s = [...t];
-    for (const r of Object.values(this.imports))
-      s = s.concat(Array.from(r));
-    return j(s);
+    for (const n of Object.values(this.imports))
+      s = s.concat(Array.from(n));
+    return S(s);
   }
   collectContext(t, s) {
-    const r = new Set(s?.id ? this.context[s.id] : []), i = (t.directives || []).find((a) => a.name === "vFor");
-    let n = new Set(Array.from(r));
+    const n = new Set(s?.id ? this.context[s.id] : []), i = (t.directives || []).find((c) => c.name === "vFor");
+    let r = new Set(Array.from(n));
     if (i) {
-      const { item: a = "item", index: c = "index" } = i.iterator || {};
-      n = /* @__PURE__ */ new Set([a, c, ...Array.from(n)]);
+      const { item: c = "item", index: a = "index" } = i.iterator || {};
+      r = /* @__PURE__ */ new Set([c, a, ...Array.from(r)]);
     }
     const o = t.slot;
     if (o) {
-      const a = typeof o == "string" ? [] : o.params || [], c = a.length ? a : [`scope_${s?.id}`];
-      n = /* @__PURE__ */ new Set([...c, ...Array.from(n)]);
+      const c = typeof o == "string" ? [] : o.params || [], a = c.length ? c : [`scope_${s?.id}`];
+      r = /* @__PURE__ */ new Set([...a, ...Array.from(r)]);
     }
-    this.context[t.id] = n;
+    this.context[t.id] = r;
   }
   collectStyle(t) {
     t.id && t.props?.style && Object.keys(t.props.style).length && (this.style[`.${t.name}_${t.id}`] = t.props.style);
   }
+  collectUrlSchema(t) {
+    typeof t.from == "object" && t.from.type === "UrlSchema" && (this.urlSchemas[t.name] = t.from);
+  }
+  collectBlockPlugin(t) {
+    typeof t.from == "object" && t.from.type === "Plugin" && (this.blockPlugins[t.name] = t.from);
+  }
   walkNodes(t) {
-    const s = (r, i) => {
-      this.collectContext(r, i), this.collectStyle(r), Array.isArray(r.children) && r.children.forEach((n) => s(n, r));
+    const s = (n, i) => {
+      this.collectContext(n, i), this.collectStyle(n), this.collectUrlSchema(n), this.collectBlockPlugin(n), Array.isArray(n.children) && n.children.forEach((r) => s(r, n));
     };
-    Array.isArray(t.nodes) && t.nodes.forEach((r) => s(r));
+    Array.isArray(t.nodes) && t.nodes.forEach((n) => s(n));
   }
 }
-function st(e = {}) {
+function it(e = {}) {
   return Object.entries(e).map(([t, s]) => {
-    const r = l(s, !1);
-    return `${t}:${r}`;
+    const n = l(s, !1);
+    return `${t}:${n}`;
   });
 }
-function rt(e = []) {
+function ct(e = []) {
   return e.map((t) => `${t.name}: {
             from: '${t.from || t.name}',
             default: ${l(t.default, !0, !1)}
         }`);
 }
-function nt(e = []) {
-  const t = (s) => s ? `[${G(s).map((n) => n.replace(/\'|\"/gi, "")).join(",")}]` : void 0;
+function at(e = []) {
+  const t = (s) => s ? `[${Y(s).map((r) => r.replace(/\'|\"/gi, "")).join(",")}]` : void 0;
   return e.map((s) => typeof s == "string" ? `${s}: {}` : `${s.name}: {
           type:${t(s.type)},
           required: ${s.required},
           default: ${l(s.default, !0, !1)}
           }`);
 }
-function it(e = []) {
+function lt(e = []) {
   return e.map((t) => `'${t}'`);
 }
-function v(e = {}, t = []) {
-  return Object.entries(e).map(([s, r]) => {
-    let i = q(l(r, !1, !1));
-    return i = w(i, t), i.startsWith("async") ? `async ${s}${i.replace(/^async/, "")}` : `${s}${i}`;
+function j(e = {}, t = []) {
+  return Object.entries(e).map(([s, n]) => {
+    let i = q(l(n, !1, !1));
+    return i = k(i, t), i.startsWith("async") ? `async ${s}${i.replace(/^async/, "")}` : `${s}${i}`;
   });
 }
-function ot(e = [], t = []) {
+function ut(e = [], t = []) {
   const s = e.reduce(
-    (n, o) => (o.id && P(o.source) && (n[`watcher_${o.id}`] = o.source), n),
+    (r, o) => (o.id && A(o.source) && (r[`watcher_${o.id}`] = o.source), r),
     {}
-  ), r = v(s, t), i = e.map((n) => `watcher_${n.id}: {
-        deep: ${n.deep},
-        immediate:${n.immediate},
-        handler${q(n.handler.value)}
+  ), n = j(s, t), i = e.map((r) => `watcher_${r.id}: {
+        deep: ${r.deep},
+        immediate:${r.immediate},
+        handler${q(r.handler.value)}
       }`);
   return {
-    computed: r,
+    computed: n,
     watches: i
   };
 }
-function at(e = {}) {
+function pt(e = {}) {
   return Object.values(e).map((t) => {
-    const s = P(t.transform) && t.transform.value || "(res) => res";
+    const s = A(t.transform) && t.transform.value || "(res) => res";
     return `async ${t.name}(...args:any[]) {
           return await this.provider.apis['${t.ref}'].apply(this, args).then(${s});
         }`;
   });
 }
-function D(e, t, s = [], r = {}, i) {
-  const n = [];
-  let o = {}, a = [], c = [];
-  return ct(e).forEach((p) => {
-    const y = [];
+function D(e, t, s = [], n = {}, i) {
+  const r = [];
+  let o = {}, c = [], a = [];
+  return ft(e).forEach((p) => {
+    const $ = [];
     for (const u of p.children) {
-      let { id: x, name: f, invisible: $, from: k } = u;
-      if ($)
+      let { id: x, name: f, invisible: O, from: m } = u;
+      if (O)
         continue;
-      const A = lt(f, t, k);
-      A && a.push(A), ut(k) && c.push({ id: k.id, name: f });
-      const { props: F, events: N, handlers: Q } = dt(
+      const b = mt(f, t, m);
+      b && c.push(b), Q(m) && a.push({ id: m.id, name: f });
+      const { props: g, events: N, handlers: H } = $t(
         u,
         x,
         u.props,
         u.events,
-        r,
+        n,
         s
-      ), R = yt(u.directives).join(" "), m = u.children ? gt(
+      ), B = bt(u.directives).join(" "), h = u.children ? jt(
         u.children,
         s,
         t,
-        r,
+        n,
         u
       ) : "";
-      Object.assign(o, Q);
-      let g = "";
-      typeof m == "string" ? g = m : (g = (m?.nodes || []).join(`
-`), Object.assign(o, m?.methods || {}), a = a.concat(m?.components || []), c = c.concat(m?.importBlocks || [])), y.push(
-        f === "img" ? `<${f} ${R} ${F} ${N} />
-` : `<${f} ${R} ${F} ${N}>${g ? `
-` + g.trim() : ""}</${f}>
-`
+      Object.assign(o, H);
+      let v = "";
+      typeof h == "string" ? v = h : (v = (h?.nodes || []).join(`
+`), Object.assign(o, h?.methods || {}), c = c.concat(h?.components || []), a = a.concat(h?.importBlocks || []));
+      const R = z(m) || G(m) ? "component" : f;
+      $.push(
+        f === "img" ? `<${f} ${B} ${g} ${N} />` : `<${R} ${B} ${g} ${N}>${v ? `
+` + v.trim() : ""}</${R}>`
       );
     }
-    const S = vt(p.slot, y.join(`
+    const P = St(p.slot, $.join(`
 `), i?.id);
-    n.push(S);
+    r.push(P);
   }), {
-    nodes: n,
+    nodes: r,
     methods: o,
-    components: j(a),
-    importBlocks: j(c, "id")
+    components: S(c),
+    importBlocks: S(a, "id")
   };
 }
-function ct(e = []) {
+function ft(e = []) {
   const t = /* @__PURE__ */ new Map();
   for (const s of e) {
-    const r = typeof s.slot == "string" ? s.slot : s.slot?.name, i = t.get(r);
-    i ? i.children.push(s) : t.set(r, { slot: s.slot, children: [s] });
+    const n = typeof s.slot == "string" ? s.slot : s.slot?.name, i = t.get(n);
+    i ? i.children.push(s) : t.set(n, { slot: s.slot, children: [s] });
   }
   return t;
 }
-function lt(e, t, s) {
-  if (Y.includes(e))
+function mt(e, t, s) {
+  if (et.includes(e))
     return null;
-  const r = t.get(e);
-  if (r && r.alias) {
-    const i = r.parent ? `${r.parent}.${r.alias}` : r.alias;
+  const n = t.get(e);
+  if (n && n.alias) {
+    const i = n.parent ? `${n.parent}.${n.alias}` : n.alias;
     return `${e}: ${i}`;
   }
-  return s || r ? e : null;
+  return Q(s) || n ? e : null;
 }
-function ut(e) {
+function Q(e) {
   return !!e && typeof e == "object" && e.type === "Schema";
 }
-function pt(e, t, s = []) {
-  return e === "style" ? "" : e === "__class" && b(t) ? `:class="${l({
+function z(e) {
+  return typeof e == "object" && e.type === "UrlSchema";
+}
+function G(e) {
+  return typeof e == "object" && e.type === "Plugin";
+}
+function ht(e, t, s = []) {
+  return e === "style" ? "" : e === "__class" && w(t) ? `:class="${l({
     ...t,
-    value: w(t.value, s)
-  })}"` : typeof t == "string" ? `${e}="${t}"` : b(t) ? `:${e}="${l({
+    value: k(t.value, s)
+  })}"` : typeof t == "string" ? `${e}="${t}"` : w(t) ? `:${e}="${l({
     ...t,
-    value: w(t.value, s)
-  })}"` : H(t) ? `:${e}='{${K(
+    value: k(t.value, s)
+  })}"` : Z(t) ? `:${e}='{${nt(
     t
   ).join(", ")}}'` : `:${e}='${JSON.stringify(t)}'`;
 }
-function ft(e, t = {}, s = []) {
+function yt(e, t = {}, s = []) {
   if (!!Object.keys(t.style || {}).length) {
-    const i = `${e.name}_${e.id}`;
-    t.class ? typeof t.class == "string" ? t.class = [t.class, i].join(" ") : (t.__class = t.class, t.class = i) : (t.class = i, delete t.style);
+    const r = `${e.name}_${e.id}`;
+    t.class ? typeof t.class == "string" ? t.class = [t.class, r].join(" ") : (t.__class = t.class, t.class = r) : (t.class = r, delete t.style);
   }
-  return Object.entries(t).map(([i, n]) => pt(i, n, s));
+  const i = e.from;
+  return (z(i) || G(i)) && (t.is = {
+    type: "JSExpression",
+    value: e.name
+  }), Object.entries(t).map(([r, o]) => ht(r, o, s));
 }
-function mt(e, t, s, r) {
+function dt(e, t, s, n) {
   const i = M(t.modifiers, !0);
-  return r && r.length > 0 ? `@${e}${i.join("")}="(...args:any[]) => ${s}"` : `@${e}${i.join("")}="${s}"`;
+  return n && n.length > 0 ? `@${e}${i.join("")}="(...args:any[]) => ${s}"` : `@${e}${i.join("")}="${s}"`;
 }
-function ht(e, t = {}, s = {}) {
-  const r = {}, i = Array.from(s[e] || /* @__PURE__ */ new Set([])), n = i.length ? `({${i.join(", ")}}, args)` : "";
+function gt(e, t = {}, s = {}) {
+  const n = {}, i = Array.from(s[e] || /* @__PURE__ */ new Set([])), r = i.length ? `({${i.join(", ")}}, args)` : "";
   return {
-    binders: Object.entries(t).map(([a, c]) => {
-      const d = c.handler.value.startsWith("this."), p = d ? E(c.handler.value) : `${h(a)}_handler_${e}${n}`;
-      return d || (r[p] = i.length ? {
+    binders: Object.entries(t).map(([c, a]) => {
+      const d = a.handler.value.startsWith("this."), p = d ? F(a.handler.value) : `${y(c)}_${e}${r}`;
+      return d || (n[p] = i.length ? {
         type: "JSFunction",
         value: `{
-          return (${c.handler.value}).apply(this, args);
+          return (${a.handler.value}).apply(this, args);
         }`
-      } : c.handler), mt(a, c, p, i);
+      } : a.handler), dt(c, a, p, i);
     }),
-    handlers: r
+    handlers: n
   };
 }
-function dt(e, t, s = {}, r = {}, i = {}, n) {
-  const { binders: o, handlers: a } = ht(t, r, i);
+function $t(e, t, s = {}, n = {}, i = {}, r) {
+  const { binders: o, handlers: c } = gt(t, n, i);
   return {
-    props: ft(e, s, n).join(" "),
-    handlers: a,
+    props: yt(e, s, r).join(" "),
+    handlers: c,
     binders: o,
     events: o.join(" ")
   };
 }
-function yt(e = []) {
-  const t = [], { vIf: s, vShow: r, vModels: i, vFor: n } = $t(e);
-  if (s && t.push(`v-if="${l(s.value)}"`), r && t.push(`v-show="${l(r.value)}"`), i.forEach((o) => {
-    const a = M(o.modifiers, !0), c = o.arg ? _(o.arg) ? `:[${l(o.arg)}]` : `:${o.arg}` : "";
-    t.push(`v-model${c}${a}="${l(o.value)}"`);
-  }), n) {
-    const { item: o, index: a } = { item: "item", index: "index", ...n.iterator };
-    t.push(`v-for="(${o}, ${a}) in ${l(n.value)}"`);
+function bt(e = []) {
+  const t = [], { vIf: s, vShow: n, vModels: i, vFor: r } = vt(e);
+  if (s && t.push(`v-if="${l(s.value)}"`), n && t.push(`v-show="${l(n.value)}"`), i.forEach((o) => {
+    const c = M(o.modifiers, !0), a = o.arg ? _(o.arg) ? `:[${l(o.arg)}]` : `:${o.arg}` : "";
+    t.push(`v-model${a}${c}="${l(o.value)}"`);
+  }), r) {
+    const { item: o, index: c } = { item: "item", index: "index", ...r.iterator };
+    t.push(`v-for="(${o}, ${c}) in ${l(r.value)}"`);
   }
   return t;
 }
-function $t(e = []) {
-  const t = e.find((o) => h(o.name) === "vIf"), s = e.find((o) => h(o.name) === "vFor"), r = e.find((o) => h(o.name) === "vShow"), i = e.find((o) => h(o.name) === "vBind"), n = e.filter((o) => h(o.name) === "vModel");
+function vt(e = []) {
+  const t = e.find((o) => y(o.name) === "vIf"), s = e.find((o) => y(o.name) === "vFor"), n = e.find((o) => y(o.name) === "vShow"), i = e.find((o) => y(o.name) === "vBind"), r = e.filter((o) => y(o.name) === "vModel");
   return {
     vIf: t,
     vFor: s,
-    vShow: r,
-    vModels: n,
+    vShow: n,
+    vModels: r,
     vBind: i
   };
 }
-function gt(e, t, s, r, i) {
+function jt(e, t, s, n, i) {
   if (typeof e == "string")
     return e;
   if (_(e)) {
-    let n = l(e, !1);
-    return n = w(n, t), n = E(n), `{{ ${n} }}`;
+    let r = l(e, !1);
+    return r = k(r, t), r = F(r), `{{ ${r} }}`;
   }
-  return Array.isArray(e) ? D(e, s, t, r, i) : "";
+  return Array.isArray(e) ? D(e, s, t, n, i) : "";
 }
-function vt(e, t, s) {
+function St(e, t, s) {
   if (!e)
     return t;
-  const r = typeof e == "string" ? { name: e, params: [] } : { params: [], ...e };
-  return `<template ${`#${r.name}="${r.params?.length > 0 ? `{${r.params?.join(",")}}` : `scope_${s}`}"`}>
+  const n = typeof e == "string" ? { name: e, params: [] } : { params: [], ...e };
+  return `<template ${`#${n.name}="${n.params?.length > 0 ? `{${n.params?.join(",")}}` : `scope_${s}`}"`}>
     ${t}
     </template>`;
 }
-function jt(e, t = [], s = [], r = {}) {
+function wt(e, t = [], s = [], n = {}) {
   const i = {
     vue: ["defineComponent", "reactive"]
   };
-  for (const n of t) {
-    const o = e.get(n.split(":")[0]);
+  for (const r of t) {
+    const o = e.get(r.split(":")[0]);
     o && o.package && (i[o.package] ?? (i[o.package] = [])).push(o.parent || (o.alias || "").split(".")[0] || o.name);
   }
-  for (const [n, o] of Object.entries(r))
-    (i[n] ?? (i[n] = [])).push(...Array.from(o));
-  return Object.entries(i).filter(([n, o]) => !!o.length).map(([n, o]) => `import { ${j(o).join(
+  for (const [r, o] of Object.entries(n))
+    (i[r] ?? (i[r] = [])).push(...Array.from(o));
+  return Object.entries(i).filter(([r, o]) => !!o.length).map(([r, o]) => `import { ${S(o).join(
     ","
-  )}} from '${n}';`).concat(s);
+  )}} from '${r}';`).concat(s);
 }
-function bt(e = {}) {
+function kt(e = {}) {
   const t = [];
-  for (const [s, r] of Object.entries(e))
+  for (const [s, n] of Object.entries(e))
     t.push(`
     ${s} {
-        ${tt(r)}
+        ${rt(n)}
     }
     `);
   return t.join(`
 `);
 }
-function wt(e, t) {
-  const { dsl: s } = e, r = Object.keys(s.computed || {}), i = v(s.lifeCycles, r), n = v(s.computed, r), o = ot(s.watch, r), a = at(s.dataSources), { methods: c, nodes: d, components: p, importBlocks: y } = D(
+function Pt(e = {}) {
+  const t = [];
+  return Object.entries(e).forEach(([s, n]) => {
+    t.push(
+      `const ${s} = provider.defineUrlSchemaComponent('${n.url}');`
+    );
+  }), t;
+}
+function xt(e = {}) {
+  const t = [];
+  return Object.entries(e).forEach(([s, n]) => {
+    t.push(
+      `const ${s} = provider.definePluginComponent(${JSON.stringify(n)});`
+    );
+  }), t;
+}
+function Ot(e, t) {
+  const { dsl: s } = e, n = Object.keys(s.computed || {}), i = j(s.lifeCycles, n), r = j(s.computed, n), o = ut(s.watch, n), c = pt(s.dataSources), { methods: a, nodes: d, components: p, importBlocks: $ } = D(
     s.nodes || [],
     t,
-    r,
+    n,
     e.context
-  ), S = [...n, ...o.computed], u = v(
+  ), P = [...r, ...o.computed], u = j(
     {
-      ...c,
+      ...a,
       ...s.methods || {}
     },
-    r
-  ), x = y.map(($) => `import ${$.name} from './${$.id}.vue';`), f = jt(
+    n
+  ), x = $.map((g) => `import ${g.name} from './${g.id}.vue';`), f = wt(
     t,
     p,
     x,
     e.imports
-  );
+  ), O = Object.keys({
+    ...e.urlSchemas,
+    ...e.blockPlugins
+  }), m = Pt(e.urlSchemas), b = xt(e.blockPlugins);
   return {
     id: s.id,
     version: s.__VERSION__,
     name: s.name,
-    state: st(s.state).join(","),
-    inject: rt(s.inject).join(","),
-    props: nt(s.props).join(","),
-    emits: it(s.emits).join(","),
+    state: it(s.state).join(","),
+    inject: ct(s.inject).join(","),
+    props: at(s.props).join(","),
+    emits: lt(s.emits).join(","),
     watch: o.watches.join(","),
     lifeCycles: i.join(","),
-    computed: S.join(","),
-    methods: [...a, ...u].join(","),
+    computed: P.join(","),
+    methods: [...c, ...u].join(","),
     imports: f.join(`
 `),
     components: p.join(","),
@@ -494,10 +531,15 @@ function wt(e, t) {
     template: d.join(`
 `),
     css: s.css || "",
-    style: bt(e.style)
+    style: kt(e.style),
+    urlSchemas: m.join(`
+`),
+    blockPlugins: b.join(`
+`),
+    asyncComponents: O.join(",")
   };
 }
-const St = `
+const Ct = `
 <%= imports %>
 import { useProvider } from '@vtj/renderer';
 export default defineComponent({
@@ -511,11 +553,14 @@ export default defineComponent({
       id: '<%= id %>',
       version: '<%= version %>'
     });
-    const state = reactive({ <%= state %> });
+    const state = reactive<Record<string, any>>({ <%= state %> });
+    <%= urlSchemas %>
+    <%= blockPlugins %>
     return {
       state,
       props,
       provider
+      <% if(asyncComponents) { %>, <%= asyncComponents %> <% }%>
       <% if(returns) { %>, <%= returns %> <% } %>
     };
   },
@@ -523,7 +568,7 @@ export default defineComponent({
   <% if(methods) { %> methods: { <%= methods %> }, <% } %>
   <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
 });
-`.replace(/(\n|\r|\t)/g, ""), xt = `
+`.replace(/(\n|\r|\t)/g, ""), Et = `
 <template>
 <%= template %>
 </template>
@@ -534,17 +579,17 @@ export default defineComponent({
 <%= css %>
 <%= style %>
 </style>
-`, kt = B(St), Ot = B(xt);
-async function Et(e, t = /* @__PURE__ */ new Map(), s = [], r) {
-  const i = new et(U(e), s), n = wt(i, t), o = kt(n), a = Ot({
-    template: n.template,
-    css: await W(n.css, r),
-    script: await Z(o, r),
-    style: await W(n.style, r)
+`, _t = J(Ct), At = J(Et);
+async function Rt(e, t = /* @__PURE__ */ new Map(), s = [], n) {
+  const i = new ot(K(e), s), r = Ot(i, t), o = _t(r), c = At({
+    template: r.template,
+    css: await W(r.css, n),
+    script: await st(o, n),
+    style: await W(r.style, n)
   });
-  return await V(a, r);
+  return await V(c, n);
 }
-async function At(e) {
+async function Wt(e) {
   const t = `
     <template>
       <div>
@@ -560,7 +605,7 @@ async function At(e) {
   return await V(t);
 }
 export {
-  Pt as VTJ_CODER_VERSION,
-  At as createEmptyPage,
-  Et as generator
+  Bt as VTJ_CODER_VERSION,
+  Wt as createEmptyPage,
+  Rt as generator
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vtj/coder",
   "private": false,
-  "version": "0.7.33",
+  "version": "0.8.0",
   "type": "module",
   "scripts": {
     "build": "vue-tsc && vite build",
@@ -10,12 +10,12 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@vtj/base": "^0.7.8",
-    "@vtj/core": "^0.7.33",
+    "@vtj/base": "^0.8.0",
+    "@vtj/core": "^0.8.0",
     "prettier": "~3.2.1"
   },
   "devDependencies": {
-    "@vtj/cli": "^0.7.21"
+    "@vtj/cli": "^0.8.0"
   },
   "exports": {
     ".": {
@@ -31,7 +31,7 @@
     "dist",
     "types"
   ],
-  "gitHead": "f8b4d10016f55e54c634f472fde12760d512e829",
+  "gitHead": "911c3a0e2bb60548affe5dcf5a496577809d63b8",
   "publishConfig": {
     "access": "public"
   }

package/types/collecter.d.ts

@@ -1,4 +1,4 @@
-import { BlockSchema, Dependencie } from '@vtj/core';
+import { BlockSchema, Dependencie, NodeFromUrlSchema, NodeFromPlugin } from '@vtj/core';
 
 export declare class Collecter {
     dsl: BlockSchema;
@@ -10,6 +10,8 @@ export declare class Collecter {
     context: Record<string, Set<string>>;
     style: Record<string, Record<string, any>>;
     members: string[];
+    urlSchemas: Record<string, NodeFromUrlSchema>;
+    blockPlugins: Record<string, NodeFromPlugin>;
     private libraryRegex;
     constructor(dsl: BlockSchema, dependencies: Dependencie[]);
     private collectLibrary;
@@ -24,5 +26,7 @@ export declare class Collecter {
     private getLibraryMember;
     private collectContext;
     private collectStyle;
+    private collectUrlSchema;
+    private collectBlockPlugin;
     private walkNodes;
 }

package/types/parser/defines.d.ts

@@ -0,0 +1,4 @@
+import { NodeFromUrlSchema, NodeFromPlugin } from '@vtj/core';
+
+export declare function parseUrlSchemas(urlSchemas?: Record<string, NodeFromUrlSchema>): string[];
+export declare function parseBlockPlugins(plugins?: Record<string, NodeFromPlugin>): string[];

package/types/parser/index.d.ts

@@ -19,5 +19,8 @@ export interface Token {
     template: string;
     css: string;
     style: string;
+    urlSchemas: string;
+    blockPlugins: string;
+    asyncComponents: string;
 }
 export declare function parser(collecter: Collecter, componentMap: Map<string, MaterialDescription>): Token;

package/types/version.d.ts

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