@vtj/coder 0.9.1 → 0.9.3

package/dist/index.cjs

@@ -1,46 +1,49 @@
-"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 n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const K=k(H),I=k(X),J=k(Y),T=k(Z);/**!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@vtj/base"),A=require("prettier/standalone"),Y=require("prettier/plugins/html"),Z=require("prettier/plugins/babel"),K=require("prettier/plugins/postcss"),ee=require("prettier/plugins/estree");function _(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 te=_(Y),J=_(Z),q=_(K),L=_(ee);/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/coder 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.1
+ * @version 0.9.3
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const ee="0.9.1";/**!
+ */const se="0.9.3";/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.1
+ * @version 0.9.3
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */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 q(t,e){return e?t:await x.format(t,{parser:"vue",..._,plugins:[K,I,T,J]})}async function ne(t,e){return e?t:await x.format(t,{parser:"babel-ts",..._,plugins:[I,T]})}async function R(t,e){return e?t:x.format(t,{parser:"scss",..._,plugins:[J]})}function E(t){return t&&t.type==="JSExpression"}function A(t){return typeof t=="object"&&t&&t.type==="JSFunction"}function $(t){return E(t)||A(t)}function L(t){return t.replace(new RegExp("this.","g"),"")}function W(t){return t.replace(/this\.context\??\./g,"")}function u(t,e=!0,n=!0,r=[]){let i=$(t)?t.value:e?JSON.stringify(t):t;return i=w(i,r),n?L(W(i)):W(i)}function w(t,e=[]){let n=t;for(const r of e)n=n.replace(new RegExp(`this.${r}.value`,"g"),`this.${r}`);return n}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]+)/,s=e.match(i);s&&s[2]&&(s[2].startsWith("{")||(e=e.replace(s[2],`{ return ${s[2]} }`))),e=e.replace("=>","")}return e}function re(t={}){return Object.entries(t).map(([e,n])=>`"${e}": ${u(n)}`)}function V(t={},e=!1){const n=Object.keys(t);return e?n.map(r=>"."+r):n}function se(t){let e="";for(var n in t)if(t.hasOwnProperty(n)){var r=t[n];e+=n+": "+r+";"}return e}class ie{constructor(e,n){this.dsl=e,this.dependencies=n,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 n=e.split(".");if(n.length===4){const r=n.pop(),i=n.join(".")+".",s=n.pop();if(r&&s){const o=this.dependencies.find(a=>a.library===s)?.package;o&&(this.imports[o]||(this.imports[o]=new Set)).add(r)}return{name:r,path:i,library:s}}return null}replaceLibraryPath(e){const{libraryRegex:n}=this;let r=e.value;for(const i of n){const s=e.value.match(i)||[];for(const o of s){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 n=r=>{if(!r||typeof r!="object")return;if(Array.isArray(r)){for(let s of r)n(s);return}const i=Object.values(r);for(const s of i)$(s)?s.value=this.replaceLibraryPath(s):n(s)};n(e)}getLibraryMember(e=[]){let n=[...e];for(const r of Object.values(this.imports))n=n.concat(Array.from(r));return l.dedupArray(n)}collectContext(e,n){const r=new Set(n?.id?this.context[n.id]:[]),i=(e.directives||[]).find(a=>a.name==="vFor");let s=new Set(Array.from(r));if(i){const{item:a="item",index:c="index"}=i.iterator||{};s=new Set([a,c,...Array.from(s)])}const o=e.slot;if(o){const a=typeof o=="string"?[]:o.params||[],c=a.length?a:[`scope_${n?.id}`];s=new Set([...c,...Array.from(s)])}this.context[e.id]=s}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 n=(r,i)=>{this.collectContext(r,i),this.collectStyle(r),this.collectUrlSchema(r),this.collectBlockPlugin(r),Array.isArray(r.children)&&r.children.forEach(s=>n(s,r))};Array.isArray(e.nodes)&&e.nodes.forEach(r=>n(r))}}function oe(t={}){return Object.entries(t).map(([e,n])=>{const r=u(n,!1);return`${e}:${r}`})}function ae(t=[]){return t.map(e=>`${e.name}: {
+ */const ne=["slot","template","component","img","div","p","h1","h2","h3","span","a"];f.mitt();const F={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 D(t,e){return e?t:await A.format(t,{parser:"vue",...F,plugins:[te,J,L,q]})}async function re(t,e){return e?t:await A.format(t,{parser:"babel-ts",...F,plugins:[J,L]})}async function T(t,e){return e?t:A.format(t,{parser:"scss",...F,plugins:[q]})}function S(t){return t&&t.type==="JSExpression"}function O(t){return typeof t=="object"&&t&&t.type==="JSFunction"}function k(t){return S(t)||O(t)}function U(t){return t.replace(new RegExp("this.","g"),"")}function R(t){return t.replace(/this\.context\??\./g,"")}function p(t,e=!0,s=!0,n=[]){let i=k(t)?t.value:e?JSON.stringify(t):t;return i=x(i,n),s?U(R(i)):R(i)}function x(t,e=[]){let s=t;for(const n of e)s=s.replace(new RegExp(`this.${n}.value`,"g"),`this.${n}`);return s}function M(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 ie(t={}){return Object.entries(t).map(([e,s])=>`"${e}": ${p(s)}`)}function V(t={},e=!1){const s=Object.keys(t);return e?s.map(n=>"."+n):s}function oe(t){let e="";for(var s in t)if(t.hasOwnProperty(s)){var n=t[s];e+=s+": "+n+";"}return e}class ae{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(a=>a.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 a=this.collectImport(o);if(a){const u=a.path.replace(/\$/g,"\\$");n=n.replace(new RegExp(u,"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)k(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 f.dedupArray(s)}collectContext(e,s){const n=new Set(s?.id?this.context[s.id]:[]),i=(e.directives||[]).find(a=>a.name==="vFor");let r=new Set(Array.from(n));if(i){const{item:a="item",index:u="index"}=i.iterator||{};r=new Set([a,u,...Array.from(r)])}const o=e.slot;if(o){const a=typeof o=="string"?[]:o.params||[],u=a.length?a:[`scope_${s?.id}`];r=new Set([...u,...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 ce(t={}){return Object.entries(t).map(([e,s])=>{const n=p(s,!1);return`${e}:${n}`})}function le(t=[]){return t.map(e=>`${e.name}: {
             from: '${e.from||e.name}',
-            default: ${u(e.default,!0,!1)}
-        }`)}function ce(t=[]){const e=n=>n?`[${l.toArray(n).map(s=>s.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(n=>typeof n=="string"?`${n}: {}`:($(n.default)&&!n.default.value&&(n.default.value="undefined"),`${n.name}: {
-          type:${e(n.type)},
-          required: ${u(!!n.required,!0,!1)},
-          default: ${u(n.default,!0,!1)}
-          }`))}function le(t=[]){return t.map(e=>`'${typeof e=="string"?e:e.name}'`)}function S(t={},e=[]){return Object.entries(t).map(([n,r])=>{let i=U(u(r,!1,!1));return i=w(i,e),i.startsWith("async")?`async ${n}${i.replace(/^async/,"")}`:`${n}${i}`})}function ue(t=[],e=[]){const n=t.reduce((s,o)=>(o.id&&A(o.source)&&(s[`watcher_${o.id}`]=o.source),s),{}),r=S(n,e),i=t.map(s=>`watcher_${s.id}: {
-        deep: ${s.deep},
-        immediate:${s.immediate},
-        handler${U(s.handler.value)}
-      }`);return{computed:r,watches:i}}function pe(t={}){return Object.values(t).map(e=>{const n=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(${n});
-        }`})}function M(t,e,n=[],r={},i){const s=[];let o={},a=[],c=[];return fe(t).forEach(f=>{const b=[];for(const m of f.children){let{id:O,name:h,invisible:C,from:d}=m;if(C)continue;const v=me(h,e,d);v&&a.push(v),D(d)&&c.push({id:d.id,name:h});const{props:g,events:F,handlers:G}=$e(m,O,m.props,m.events,r,n),N=be(m.directives,n).join(" "),y=m.children?je(m.children,n,e,r,m):"";Object.assign(o,G);let j="";typeof y=="string"?j=y:(j=(y?.nodes||[]).join(`
-`),Object.assign(o,y?.methods||{}),a=a.concat(y?.components||[]),c=c.concat(y?.importBlocks||[]));const B=Q(d)||z(d)?"component":h;b.push(h==="img"?`<${h} ${N} ${g} ${F} />`:`<${B} ${N} ${g} ${F}>${j?`
-`+j.trim():""}</${B}>`)}const P=Se(f.slot,b.join(`
-`),i?.id);s.push(P)}),{nodes:s,methods:o,components:l.dedupArray(a),importBlocks:l.dedupArray(c,"id")}}function fe(t=[]){const e=new Map;for(const n of t){const r=typeof n.slot=="string"?n.slot:n.slot?.name,i=e.get(r);i?i.children.push(n):e.set(r,{slot:n.slot,children:[n]})}return e}function me(t,e,n){if(te.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 D(n)||r?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,n=[]){return t==="style"?"":t==="__class"&&$(e)?`:class="${u({...e,value:w(e.value,n)})}"`:typeof e=="string"?`${t}="${e}"`:$(e)?`:${t}="${u({...e,value:w(e.value,n)})}"`:l.isPlainObject(e)?`:${t}='{${re(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function de(t,e={},n=[]){if(!!Object.keys(e.style||{}).length){const s=`${t.name}_${t.id}`;e.class?typeof e.class=="string"?e.class=[e.class,s].join(" "):(e.__class=e.class,e.class=s):(e.class=s,delete e.style)}const i=t.from;return(Q(i)||z(i))&&(e.is={type:"JSExpression",value:t.name}),Object.entries(e).map(([s,o])=>he(s,o,n))}function ye(t,e,n,r,i){const s=V(e.modifiers,!0);return i?`@${t}${s.join("")}="${n}"`:r&&r.length>0?`@${t}${s.join("")}="(...args:any[]) => ${n}"`:`@${t}${s.join("")}="${n}"`}function ge(t,e={},n={}){const r={},i=Array.from(n[t]||new Set([])),s=i.length?`({${i.join(", ")}}, args)`:"";return{binders:Object.entries(e).map(([a,c])=>{const p=c.handler.value.startsWith("this."),f=p?L(c.handler.value):`${l.camelCase(a)}_${t}${s}`;return p||(r[f]=i.length?{type:"JSFunction",value:`{
-          return (${c.handler.value}).apply(this, args);
-        }`}:c.handler),ye(a,c,f,i,p)}),handlers:r}}function $e(t,e,n={},r={},i={},s){const{binders:o,handlers:a}=ge(e,r,i);return{props:de(t,n,s).join(" "),handlers:a,binders:o,events:o.join(" ")}}function be(t=[],e=[]){const n=[],{vIf:r,vShow:i,vModels:s,vFor:o,vBind:a}=ve(t);if(r&&n.push(`v-if="${u(r.value,!0,!0,e)}"`),i&&n.push(`v-show="${u(i.value,!0,!0,e)}"`),a&&n.push(`v-bind="${u(a.value,!0,!0,e)}"`),s.forEach(c=>{const p=V(c.modifiers,!0),f=c.arg?E(c.arg)?`:[${u(c.arg,!0,!0,e)}]`:`:${c.arg}`:"";n.push(`v-model${f}${p}="${u(c.value,!0,!0,e)}"`)}),o){const{item:c,index:p}={item:"item",index:"index",...o.iterator};n.push(`v-for="(${c}, ${p}) in ${u(o.value,!0,!0,e)}"`)}return n}function ve(t=[]){const e=t.find(o=>l.camelCase(o.name)==="vIf"),n=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"),s=t.filter(o=>l.camelCase(o.name)==="vModel");return{vIf:e,vFor:n,vShow:r,vModels:s,vBind:i}}function je(t,e,n,r,i){return typeof t=="string"?t:E(t)?`{{ ${u(t,!1,!0,e)} }}`:Array.isArray(t)?M(t,n,e,r,i):""}function Se(t,e,n){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_${n}`}"`}>
+            default: ${p(e.default,!0,!1)}
+        }`)}function ue(t=[]){const e=s=>s?`[${f.toArray(s).map(r=>r.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(s=>typeof s=="string"?`${s}: {}`:(k(s.default)&&!s.default.value&&(s.default.value="undefined"),`${s.name}: {
+          type:${e(s.type)},
+          required: ${p(!!s.required,!0,!1)},
+          default: ${p(s.default,!0,!1)}
+          }`))}function fe(t=[]){return t.map(e=>`'${typeof e=="string"?e:e.name}'`)}function C(t={},e=[]){return Object.entries(t).map(([s,n])=>{let i=M(p(n,!1,!1));return i=x(i,e),i.startsWith("async")?`async ${s}${i.replace(/^async/,"")}`:`${s}${i}`})}function pe(t=[],e=[]){const s=t.reduce((r,o)=>(o.id&&O(o.source)&&(r[`watcher_${o.id}`]=o.source),r),{}),n=C(s,e),i=t.map(r=>`watcher_${r.id}: {
+        deep: ${r.deep},
+        immediate:${r.immediate},
+        handler${M(r.handler.value)}
+      }`);return{computed:n,watches:i}}function me(t={}){return Object.values(t).map(e=>{if(e.type==="mock"){const s=O(e.mockTemplate)&&e.mockTemplate.value||"(params) => ({})";return`async ${e.name}(...args:any[]) {
+        const mock = this.provider.createMock(${s})
+        return await mock.apply(this, args);
+      }`}else{const s=O(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});
+        }`}})}const W=["vIf","vShow","vModel","vFor","vBind","vHtml"];function H(t,e,s=[],n={},i){const r=[];let o={},a=[];const u=[];let c=[];return de(t).forEach(l=>{const m=[];for(const d of l.children){let{id:v,name:g,invisible:E,from:$}=d;if(E)continue;const w=ye(g,e,$);w&&a.push(w),Q($)&&c.push({id:$.id,name:g});const{props:j,events:I,handlers:X}=je(d,v,d.props,d.events,n,s),N=Se(d.directives,s,u).join(" "),b=d.children?we(d.children,s,e,n,d):"";Object.assign(o,X);let P="";typeof b=="string"?P=b:(P=(b?.nodes||[]).join(`
+`),Object.assign(o,b?.methods||{}),a=a.concat(b?.components||[]),c=c.concat(b?.importBlocks||[]));const B=z($)||G($)?"component":g;m.push(g==="img"?`<${g} ${N} ${j} ${I} />`:`<${B} ${N} ${j} ${I}>${P?`
+`+P.trim():""}</${B}>`)}const h=Pe(l.slot,m.join(`
+`),i?.id);r.push(h)}),{nodes:r,methods:o,directives:he(u),components:f.dedupArray(a),importBlocks:f.dedupArray(c,"id")}}function he(t){return f.dedupArray(t).map(e=>`${e.startsWith("v")?e.substring(1):e}:${e}`)}function de(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 ye(t,e,s){if(ne.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 Q(s)||n?t:null}function Q(t){return!!t&&typeof t=="object"&&t.type==="Schema"}function z(t){return typeof t=="object"&&t.type==="UrlSchema"}function G(t){return typeof t=="object"&&t.type==="Plugin"}function ge(t,e,s=[]){return t==="style"?"":t==="__class"&&k(e)?`:class="${p({...e,value:x(e.value,s)})}"`:typeof e=="string"?`${t}="${e}"`:k(e)?`:${t}="${p({...e,value:x(e.value,s)})}"`:f.isPlainObject(e)?`:${t}='{${ie(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function $e(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(z(i)||G(i))&&(e.is={type:"JSExpression",value:t.name}),Object.entries(e).map(([r,o])=>ge(r,o,s))}function ve(t,e,s,n,i){const r=V(e.modifiers,!0);return i?`@${t}${r.join("")}="${s}"`:n&&n.length>0?`@${t}${r.join("")}="(...args:any[]) => ${s}"`:`@${t}${r.join("")}="${s}"`}function be(t,e={},s={}){const n={},i=Array.from(s[t]||new Set([])),r=i.length?`({${i.join(", ")}}, args)`:"";return{binders:Object.entries(e).map(([a,u])=>{const c=u.handler.value.startsWith("this."),y=c?U(u.handler.value):`${f.camelCase(a)}_${t}${r}`;return c||(n[y]=i.length?{type:"JSFunction",value:`{
+          return (${u.handler.value}).apply(this, args);
+        }`}:u.handler),ve(a,u,y,i,c)}),handlers:n}}function je(t,e,s={},n={},i={},r){const{binders:o,handlers:a}=be(e,n,i);return{props:$e(t,s,r).join(" "),handlers:a,binders:o,events:o.join(" ")}}function Se(t=[],e=[],s=[]){const n=[],{vIf:i,vShow:r,vModels:o,vFor:a,vBind:u,vHtml:c,customDirectives:y}=ke(t);if(i&&n.push(`v-if="${p(i.value,!0,!0,e)}"`),r&&n.push(`v-show="${p(r.value,!0,!0,e)}"`),u&&n.push(`v-bind="${p(u.value,!0,!0,e)}"`),o.forEach(l=>{const m=V(l.modifiers,!0),h=l.arg?S(l.arg)?`:[${p(l.arg,!0,!0,e)}]`:`:${l.arg}`:"";n.push(`v-model${h}${m}="${p(l.value,!0,!0,e)}"`)}),a){const{item:l,index:m}={item:"item",index:"index",...a.iterator};n.push(`v-for="(${l}, ${m}) in ${p(a.value,!0,!0,e)}"`)}return c&&n.push(`v-html="${p(c.value,!0,!0,e)}"`),y&&y.length&&y.forEach(l=>{if(!l.name)return;let m="",h="";S(l.name)?(h=p(l.name,!0,!0,e),s.push(h)):h=l.name;const d=h?.startsWith("v")?f.kebabCase(h):f.kebabCase("v-"+h);if(m+=d,l.arg&&(S(l.arg)?m+=`:[${p(l.name,!0,!0,e)}]`:m+=`:${l.arg}`),l.modifiers){const v=Object.keys(l.modifiers);v.length&&(m+=v.map(g=>"."+g))}l.value?n.push(`${m}="${p(l.value,!0,!0,e)}"`):n.push(m)}),n}function ke(t=[]){const e=t.filter(c=>W.includes(c.name)),s=t.filter(c=>!W.includes(c.name)),n=e.find(c=>f.camelCase(c.name)==="vIf"),i=e.find(c=>f.camelCase(c.name)==="vFor"),r=e.find(c=>f.camelCase(c.name)==="vShow"),o=e.find(c=>f.camelCase(c.name)==="vBind"),a=e.find(c=>f.camelCase(c.name)==="vHtml"),u=e.filter(c=>f.camelCase(c.name)==="vModel");return{vIf:n,vFor:i,vShow:r,vModels:u,vBind:o,vHtml:a,customDirectives:s}}function we(t,e,s,n,i){return typeof t=="string"?t:S(t)?`{{ ${p(t,!1,!0,e)} }}`:Array.isArray(t)?H(t,s,e,n,i):""}function Pe(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 we(t,e=[],n=[],r={}){const i={vue:["defineComponent","reactive"]};for(const s of e){const o=t.get(s.split(":")[0]);o&&o.package&&(i[o.package]??(i[o.package]=[])).push(o.parent||(o.alias||"").split(".")[0]||o.name)}for(const[s,o]of Object.entries(r))(i[s]??(i[s]=[])).push(...Array.from(o));return Object.entries(i).filter(([s,o])=>!!o.length).map(([s,o])=>`import { ${l.dedupArray(o).join(",")}} from '${s}';`).concat(n)}function ke(t={}){const e=[];for(const[n,r]of Object.entries(t))e.push(`
-    ${n} {
-        ${se(r)}
+    </template>`}function Ce(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 { ${f.dedupArray(o).join(",")}} from '${r}';`).concat(s)}function Oe(t={}){const e=[];for(const[s,n]of Object.entries(t))e.push(`
+    ${s} {
+        ${oe(n)}
     }
     `);return e.join(`
-`)}function Pe(t={}){const e=[];return Object.entries(t).forEach(([n,r])=>{e.push(`const ${n} = provider.defineUrlSchemaComponent('${r.url}');`)}),e}function Oe(t={}){const e=[];return Object.entries(t).forEach(([n,r])=>{e.push(`const ${n} = provider.definePluginComponent(${JSON.stringify(r)});`)}),e}function Ce(t,e){const{dsl:n}=t,r=Object.keys(n.computed||{}),i=S(n.lifeCycles,r),s=S(n.computed,r),o=ue(n.watch,r),a=pe(n.dataSources),{methods:c,nodes:p,components:f,importBlocks:b}=M(n.nodes||[],e,r,t.context),P=[...s,...o.computed],m=S({...c,...n.methods||{}},r),O=b.map(g=>`import ${g.name} from './${g.id}.vue';`),h=we(e,f,O,t.imports),C=Object.keys({...t.urlSchemas,...t.blockPlugins}),d=Pe(t.urlSchemas),v=Oe(t.blockPlugins);return{id:n.id,version:n.__VERSION__,name:n.name,state:oe(n.state).join(","),inject:ae(n.inject).join(","),props:ce(n.props).join(","),emits:le(n.emits).join(","),watch:o.watches.join(","),lifeCycles:i.join(","),computed:P.join(","),methods:[...a,...m].join(","),imports:`
-`+h.join(`
-`),components:f.join(","),returns:t.members.join(","),template:p.join(`
-`),css:n.css||"",style:ke(t.style),urlSchemas:d.join(`
-`),blockPlugins:v.join(`
-`),asyncComponents:C.join(",")}}const xe=`
+`)}function xe(t={}){const e=[];return Object.entries(t).forEach(([s,n])=>{e.push(`const ${s} = provider.defineUrlSchemaComponent('${n.url}');`)}),e}function _e(t={}){const e=[];return Object.entries(t).forEach(([s,n])=>{e.push(`const ${s} = provider.definePluginComponent(${JSON.stringify(n)});`)}),e}function Ee(t,e){const{dsl:s}=t,n=Object.keys(s.computed||{}),i=C(s.lifeCycles,n),r=C(s.computed,n),o=pe(s.watch,n),a=me(s.dataSources),{methods:u,nodes:c,components:y,importBlocks:l,directives:m}=H(s.nodes||[],e,n,t.context),h=[...r,...o.computed],d=C({...u,...s.methods||{}},n),v=l.map(j=>`import ${j.name} from './${j.id}.vue';`),g=Ce(e,y,v,t.imports),E=Object.keys({...t.urlSchemas,...t.blockPlugins}),$=xe(t.urlSchemas),w=_e(t.blockPlugins);return{id:s.id,version:s.__VERSION__,name:s.name,state:ce(s.state).join(","),inject:le(s.inject).join(","),props:ue(s.props).join(","),emits:fe(s.emits).join(","),watch:o.watches.join(","),lifeCycles:i.join(","),computed:h.join(","),methods:[...a,...d].join(","),imports:`
+`+g.join(`
+`),components:y.join(","),directives:m.join(","),returns:t.members.join(","),template:c.join(`
+`),css:s.css||"",style:Oe(t.style),urlSchemas:$.join(`
+`),blockPlugins:w.join(`
+`),asyncComponents:E.join(",")}}const Ae=`
 // @ts-nocheck
 
 <%= imports %>
@@ -49,6 +52,7 @@ export default defineComponent({
   name: '<%= name %>', 
   <% if(inject) { %> inject: { <%= inject %>}, <% } %>
   <% if(components) { %> components: { <%= components %> }, <% } %>
+  <% if(directives) { %> directives: { <%= directives %> }, <% } %>
   <% if(props) { %> props: { <%= props %> }, <% } %>
   <% if(emits) {%> emits: [<%= emits %>], <% } %> 
   setup(props) {
@@ -71,7 +75,7 @@ export default defineComponent({
   <% if(methods) { %> methods: { <%= methods %> }, <% } %>
   <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
 });
-`.replace(/(\n|\r|\t)/g,""),_e=`
+`.replace(/(\n|\r|\t)/g,""),Fe=`
 <template>
 <%= template %>
 </template>
@@ -82,7 +86,7 @@ export default defineComponent({
 <%= css %>
 <%= style %>
 </style>
-`,Ee=l.template(xe),Ae=l.template(_e);async function Fe(t,e=new Map,n=[],r){const i=new ie(l.cloneDeep(t),n),s=Ce(i,e),o=Ee(s),a=Ae({template:s.template,css:await R(s.css,r),script:await ne(o,r),style:await R(s.style,r)});return await q(a,r).catch(c=>(c.content=a,Promise.reject(c)))}async function Ne(t){const e=`
+`,Ie=f.template(Ae),Ne=f.template(Fe);async function Be(t,e=new Map,s=[],n){const i=new ae(f.cloneDeep(t),s),r=Ee(i,e),o=Ie(r),a=Ne({template:r.template,css:await T(r.css,n),script:await re(o,n),style:await T(r.style,n)});return await D(a,n).catch(u=>(u.content=a,Promise.reject(u)))}async function Te(t){const e=`
     <template>
       <div>
         <h3>源码模式页面</h3>
@@ -93,4 +97,4 @@ export default defineComponent({
     <\/script>
     <style scoped lang="scss">
     </style>
-  `;return await q(e)}exports.VTJ_CODER_VERSION=ee;exports.createEmptyPage=Ne;exports.generator=Fe;
+  `;return await D(e)}exports.VTJ_CODER_VERSION=se;exports.createEmptyPage=Te;exports.generator=Be;

package/dist/index.mjs

@@ -1,25 +1,25 @@
-import { mitt as X, dedupArray as w, toArray as Y, camelCase as y, isPlainObject as Z, template as I, cloneDeep as K } from "@vtj/base";
-import { format as C } from "prettier/standalone";
-import * as tt 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 K, dedupArray as k, toArray as ee, kebabCase as R, camelCase as $, isPlainObject as te, template as L, cloneDeep as se } from "@vtj/base";
+import { format as A } from "prettier/standalone";
+import * as ne from "prettier/plugins/html";
+import * as U from "prettier/plugins/babel";
+import * as D from "prettier/plugins/postcss";
+import * as V from "prettier/plugins/estree";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/coder 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.1
+ * @version 0.9.3
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Bt = "0.9.1";
+const We = "0.9.3";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.9.1
+ * @version 0.9.3
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const et = [
+const re = [
   "slot",
   "template",
   "component",
@@ -32,8 +32,8 @@ const et = [
   "span",
   "a"
 ];
-X();
-const E = {
+K();
+const F = {
   arrowParens: "always",
   bracketSpacing: !0,
   bracketSameLine: !0,
@@ -53,87 +53,87 @@ const E = {
   useTabs: !1,
   vueIndentScriptAndStyle: !0
 };
-async function U(e, t) {
-  return t ? e : await C(e, {
+async function M(t, e) {
+  return e ? t : await A(t, {
     parser: "vue",
-    ...E,
-    plugins: [tt, J, T, L]
+    ...F,
+    plugins: [ne, U, V, D]
   });
 }
-async function nt(e, t) {
-  return t ? e : await C(e, {
+async function ie(t, e) {
+  return e ? t : await A(t, {
     parser: "babel-ts",
-    ...E,
-    plugins: [J, T]
+    ...F,
+    plugins: [U, V]
   });
 }
-async function R(e, t) {
-  return t ? e : C(e, {
+async function T(t, e) {
+  return e ? t : A(t, {
     parser: "scss",
-    ...E,
-    plugins: [L]
+    ...F,
+    plugins: [D]
   });
 }
-function _(e) {
-  return e && e.type === "JSExpression";
+function S(t) {
+  return t && t.type === "JSExpression";
 }
-function A(e) {
-  return typeof e == "object" && e && e.type === "JSFunction";
+function O(t) {
+  return typeof t == "object" && t && t.type === "JSFunction";
 }
-function $(e) {
-  return _(e) || A(e);
+function w(t) {
+  return S(t) || O(t);
 }
-function V(e) {
-  return e.replace(new RegExp("this.", "g"), "");
+function q(t) {
+  return t.replace(new RegExp("this.", "g"), "");
 }
-function W(e) {
-  return e.replace(/this\.context\??\./g, "");
+function W(t) {
+  return t.replace(/this\.context\??\./g, "");
 }
-function l(e, t = !0, n = !0, s = []) {
-  let i = $(e) ? e.value : t ? JSON.stringify(e) : e;
-  return i = k(i, s), n ? V(W(i)) : W(i);
+function f(t, e = !0, s = !0, n = []) {
+  let i = w(t) ? t.value : e ? JSON.stringify(t) : t;
+  return i = E(i, n), s ? q(W(i)) : W(i);
 }
-function k(e, t = []) {
-  let n = e;
-  for (const s of t)
-    n = n.replace(
-      new RegExp(`this.${s}.value`, "g"),
-      `this.${s}`
+function E(t, e = []) {
+  let s = t;
+  for (const n of e)
+    s = s.replace(
+      new RegExp(`this.${n}.value`, "g"),
+      `this.${n}`
     );
-  return n;
-}
-function q(e) {
-  let t = e.trim();
-  if (t = /^\((\(|async|function)/.test(t) ? t.substring(1, t.length - 1) : t, t.startsWith("{")) return t;
-  if (t.startsWith("async function"))
-    t = t.replace(/^async function/, "async");
-  else if (t.startsWith("function"))
-    t = t.replace(/^function/, "");
+  return s;
+}
+function H(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 = t.match(i);
-    r && r[2] && (r[2].startsWith("{") || (t = t.replace(r[2], `{ return ${r[2]} }`))), t = t.replace("=>", "");
+    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 t;
+  return e;
 }
-function st(e = {}) {
-  return Object.entries(e).map(([t, n]) => `"${t}": ${l(n)}`);
+function oe(t = {}) {
+  return Object.entries(t).map(([e, s]) => `"${e}": ${f(s)}`);
 }
-function M(e = {}, t = !1) {
-  const n = Object.keys(e);
-  return t ? n.map((s) => "." + s) : n;
+function Q(t = {}, e = !1) {
+  const s = Object.keys(t);
+  return e ? s.map((n) => "." + n) : s;
 }
-function rt(e) {
-  let t = "";
-  for (var n in e)
-    if (e.hasOwnProperty(n)) {
-      var s = e[n];
-      t += n + ": " + s + ";";
+function ce(t) {
+  let e = "";
+  for (var s in t)
+    if (t.hasOwnProperty(s)) {
+      var n = t[s];
+      e += s + ": " + n + ";";
     }
-  return t;
+  return e;
 }
-class it {
-  constructor(t, n) {
-    this.dsl = t, this.dependencies = n, this.libraryRegex = this.collectLibrary(), this.walk(t), this.walkNodes(t), this.members = this.getLibraryMember();
+class ae {
+  constructor(e, s) {
+    this.dsl = e, this.dependencies = s, this.libraryRegex = this.collectLibrary(), this.walk(e), this.walkNodes(e), this.members = this.getLibraryMember();
   }
   /**
    *  { 'element-plus': ['ElButton', 'ElInput' ...] }
@@ -146,25 +146,25 @@ class it {
   blockPlugins = {};
   libraryRegex = [];
   collectLibrary() {
-    return this.dependencies.filter((t) => !!t.library).map((t) => new RegExp(`(this.\\$libs.${t.library}.([\\w]+))`, "g"));
+    return this.dependencies.filter((e) => !!e.library).map((e) => new RegExp(`(this.\\$libs.${e.library}.([\\w]+))`, "g"));
   }
   /**
    * 收集 import 信息
    * @param regexMatchItem  ex: this.$libs.ElementPlus.ElButton
    * @returns  ex: { name: 'ElButton', path: 'this.$libs.ElementPlus.', library: 'ElementPlus' }
    */
-  collectImport(t) {
-    const n = t.split(".");
-    if (n.length === 4) {
-      const s = n.pop(), i = n.join(".") + ".", r = n.pop();
-      if (s && r) {
+  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] = /* @__PURE__ */ new Set())).add(s);
+        o && (this.imports[o] || (this.imports[o] = /* @__PURE__ */ new Set())).add(n);
       }
       return {
-        name: s,
+        name: n,
         path: i,
         library: r
       };
@@ -172,375 +172,432 @@ class it {
     return null;
   }
   // 代码中包含依赖库的引用，需要从代码中移除
-  replaceLibraryPath(t) {
-    const { libraryRegex: n } = this;
-    let s = t.value;
-    for (const i of n) {
-      const r = t.value.match(i) || [];
+  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, "\\$");
-          s = s.replace(new RegExp(a, "g"), "");
+          const u = c.path.replace(/\$/g, "\\$");
+          n = n.replace(new RegExp(u, "g"), "");
         }
       }
     }
-    return s;
+    return n;
   }
-  walk(t) {
-    const n = (s) => {
-      if (!s || typeof s != "object") return;
-      if (Array.isArray(s)) {
-        for (let r of s)
-          n(r);
+  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(s);
+      const i = Object.values(n);
       for (const r of i)
-        $(r) ? r.value = this.replaceLibraryPath(r) : n(r);
+        w(r) ? r.value = this.replaceLibraryPath(r) : s(r);
     };
-    n(t);
+    s(e);
   }
-  getLibraryMember(t = []) {
-    let n = [...t];
-    for (const s of Object.values(this.imports))
-      n = n.concat(Array.from(s));
-    return w(n);
+  getLibraryMember(e = []) {
+    let s = [...e];
+    for (const n of Object.values(this.imports))
+      s = s.concat(Array.from(n));
+    return k(s);
   }
-  collectContext(t, n) {
-    const s = new Set(n?.id ? this.context[n.id] : []), i = (t.directives || []).find((c) => c.name === "vFor");
-    let r = new Set(Array.from(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 = /* @__PURE__ */ new Set([c, a, ...Array.from(r)]);
+      const { item: c = "item", index: u = "index" } = i.iterator || {};
+      r = /* @__PURE__ */ new Set([c, u, ...Array.from(r)]);
     }
-    const o = t.slot;
+    const o = e.slot;
     if (o) {
-      const c = typeof o == "string" ? [] : o.params || [], a = c.length ? c : [`scope_${n?.id}`];
-      r = /* @__PURE__ */ new Set([...a, ...Array.from(r)]);
+      const c = typeof o == "string" ? [] : o.params || [], u = c.length ? c : [`scope_${s?.id}`];
+      r = /* @__PURE__ */ new Set([...u, ...Array.from(r)]);
     }
-    this.context[t.id] = r;
+    this.context[e.id] = r;
   }
-  collectStyle(t) {
-    t.id && t.props?.style && Object.keys(t.props.style).length && (this.style[`.${t.name}_${t.id}`] = t.props.style);
+  collectStyle(e) {
+    e.id && e.props?.style && Object.keys(e.props.style).length && (this.style[`.${e.name}_${e.id}`] = e.props.style);
   }
-  collectUrlSchema(t) {
-    typeof t.from == "object" && t.from.type === "UrlSchema" && (this.urlSchemas[t.name] = t.from);
+  collectUrlSchema(e) {
+    typeof e.from == "object" && e.from.type === "UrlSchema" && (this.urlSchemas[e.name] = e.from);
   }
-  collectBlockPlugin(t) {
-    typeof t.from == "object" && t.from.type === "Plugin" && (this.blockPlugins[t.name] = t.from);
+  collectBlockPlugin(e) {
+    typeof e.from == "object" && e.from.type === "Plugin" && (this.blockPlugins[e.name] = e.from);
   }
-  walkNodes(t) {
-    const n = (s, i) => {
-      this.collectContext(s, i), this.collectStyle(s), this.collectUrlSchema(s), this.collectBlockPlugin(s), Array.isArray(s.children) && s.children.forEach((r) => n(r, s));
+  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(t.nodes) && t.nodes.forEach((s) => n(s));
+    Array.isArray(e.nodes) && e.nodes.forEach((n) => s(n));
   }
 }
-function ot(e = {}) {
-  return Object.entries(e).map(([t, n]) => {
-    const s = l(n, !1);
-    return `${t}:${s}`;
+function le(t = {}) {
+  return Object.entries(t).map(([e, s]) => {
+    const n = f(s, !1);
+    return `${e}:${n}`;
   });
 }
-function ct(e = []) {
-  return e.map((t) => `${t.name}: {
-            from: '${t.from || t.name}',
-            default: ${l(t.default, !0, !1)}
+function ue(t = []) {
+  return t.map((e) => `${e.name}: {
+            from: '${e.from || e.name}',
+            default: ${f(e.default, !0, !1)}
         }`);
 }
-function at(e = []) {
-  const t = (n) => n ? `[${Y(n).map((r) => r.replace(/\'|\"/gi, "")).join(",")}]` : void 0;
-  return e.map((n) => typeof n == "string" ? `${n}: {}` : ($(n.default) && !n.default.value && (n.default.value = "undefined"), `${n.name}: {
-          type:${t(n.type)},
-          required: ${l(!!n.required, !0, !1)},
-          default: ${l(n.default, !0, !1)}
+function fe(t = []) {
+  const e = (s) => s ? `[${ee(s).map((r) => r.replace(/\'|\"/gi, "")).join(",")}]` : void 0;
+  return t.map((s) => typeof s == "string" ? `${s}: {}` : (w(s.default) && !s.default.value && (s.default.value = "undefined"), `${s.name}: {
+          type:${e(s.type)},
+          required: ${f(!!s.required, !0, !1)},
+          default: ${f(s.default, !0, !1)}
           }`));
 }
-function lt(e = []) {
-  return e.map((t) => `'${typeof t == "string" ? t : t.name}'`);
+function pe(t = []) {
+  return t.map((e) => `'${typeof e == "string" ? e : e.name}'`);
 }
-function S(e = {}, t = []) {
-  return Object.entries(e).map(([n, s]) => {
-    let i = q(l(s, !1, !1));
-    return i = k(i, t), i.startsWith("async") ? `async ${n}${i.replace(/^async/, "")}` : `${n}${i}`;
+function C(t = {}, e = []) {
+  return Object.entries(t).map(([s, n]) => {
+    let i = H(f(n, !1, !1));
+    return i = E(i, e), i.startsWith("async") ? `async ${s}${i.replace(/^async/, "")}` : `${s}${i}`;
   });
 }
-function ut(e = [], t = []) {
-  const n = e.reduce(
-    (r, o) => (o.id && A(o.source) && (r[`watcher_${o.id}`] = o.source), r),
+function me(t = [], e = []) {
+  const s = t.reduce(
+    (r, o) => (o.id && O(o.source) && (r[`watcher_${o.id}`] = o.source), r),
     {}
-  ), s = S(n, t), i = e.map((r) => `watcher_${r.id}: {
+  ), n = C(s, e), i = t.map((r) => `watcher_${r.id}: {
         deep: ${r.deep},
         immediate:${r.immediate},
-        handler${q(r.handler.value)}
+        handler${H(r.handler.value)}
       }`);
   return {
-    computed: s,
+    computed: n,
     watches: i
   };
 }
-function pt(e = {}) {
-  return Object.values(e).map((t) => {
-    const n = 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(${n});
+function he(t = {}) {
+  return Object.values(t).map((e) => {
+    if (e.type === "mock") {
+      const s = O(e.mockTemplate) && e.mockTemplate.value || "(params) => ({})";
+      return `async ${e.name}(...args:any[]) {
+        const mock = this.provider.createMock(${s})
+        return await mock.apply(this, args);
+      }`;
+    } else {
+      const s = O(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 Q(e, t, n = [], s = {}, i) {
+const J = [
+  "vIf",
+  "vShow",
+  "vModel",
+  "vFor",
+  "vBind",
+  "vHtml"
+];
+function z(t, e, s = [], n = {}, i) {
   const r = [];
-  let o = {}, c = [], a = [];
-  return ft(e).forEach((p) => {
-    const v = [];
-    for (const f of p.children) {
-      let { id: x, name: m, invisible: O, from: h } = f;
-      if (O)
+  let o = {}, c = [];
+  const u = [];
+  let a = [];
+  return ye(t).forEach((l) => {
+    const p = [];
+    for (const h of l.children) {
+      let { id: v, name: y, invisible: _, from: g } = h;
+      if (_)
         continue;
-      const b = mt(m, t, h);
-      b && c.push(b), D(h) && a.push({ id: h.id, name: m });
-      const { props: g, events: F, handlers: H } = $t(
-        f,
-        x,
-        f.props,
-        f.events,
-        s,
-        n
-      ), N = vt(f.directives, n).join(
-        " "
-      ), d = f.children ? jt(
-        f.children,
+      const P = ge(y, e, g);
+      P && c.push(P), G(g) && a.push({ id: g.id, name: y });
+      const { props: j, events: I, handlers: Z } = Se(
+        h,
+        v,
+        h.props,
+        h.events,
         n,
-        t,
+        s
+      ), B = ke(
+        h.directives,
+        s,
+        u
+      ).join(" "), b = h.children ? Pe(
+        h.children,
         s,
-        f
+        e,
+        n,
+        h
       ) : "";
-      Object.assign(o, H);
-      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 B = z(h) || G(h) ? "component" : m;
-      v.push(
-        m === "img" ? `<${m} ${N} ${g} ${F} />` : `<${B} ${N} ${g} ${F}>${j ? `
-` + j.trim() : ""}</${B}>`
+      Object.assign(o, Z);
+      let x = "";
+      typeof b == "string" ? x = b : (x = (b?.nodes || []).join(`
+`), Object.assign(o, b?.methods || {}), c = c.concat(b?.components || []), a = a.concat(b?.importBlocks || []));
+      const N = X(g) || Y(g) ? "component" : y;
+      p.push(
+        y === "img" ? `<${y} ${B} ${j} ${I} />` : `<${N} ${B} ${j} ${I}>${x ? `
+` + x.trim() : ""}</${N}>`
       );
     }
-    const P = St(p.slot, v.join(`
+    const m = xe(l.slot, p.join(`
 `), i?.id);
-    r.push(P);
+    r.push(m);
   }), {
     nodes: r,
     methods: o,
-    components: w(c),
-    importBlocks: w(a, "id")
+    directives: de(u),
+    components: k(c),
+    importBlocks: k(a, "id")
   };
 }
-function ft(e = []) {
-  const t = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const s = typeof n.slot == "string" ? n.slot : n.slot?.name, i = t.get(s);
-    i ? i.children.push(n) : t.set(s, { slot: n.slot, children: [n] });
+function de(t) {
+  return k(t).map((e) => `${e.startsWith("v") ? e.substring(1) : e}:${e}`);
+}
+function ye(t = []) {
+  const e = /* @__PURE__ */ 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 t;
-}
-function mt(e, t, n) {
-  if (et.includes(e)) return null;
-  const s = t.get(e);
-  if (s && s.alias) {
-    const i = s.parent ? `${s.parent}.${s.alias}` : s.alias;
-    return `${e}: ${i}`;
+  return e;
+}
+function ge(t, e, s) {
+  if (re.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(n) || s ? e : null;
-}
-function D(e) {
-  return !!e && typeof e == "object" && e.type === "Schema";
-}
-function z(e) {
-  return typeof e == "object" && e.type === "UrlSchema";
-}
-function G(e) {
-  return typeof e == "object" && e.type === "Plugin";
-}
-function ht(e, t, n = []) {
-  return e === "style" ? "" : e === "__class" && $(t) ? `:class="${l({
-    ...t,
-    value: k(t.value, n)
-  })}"` : typeof t == "string" ? `${e}="${t}"` : $(t) ? `:${e}="${l({
-    ...t,
-    value: k(t.value, n)
-  })}"` : Z(t) ? `:${e}='{${st(
-    t
-  ).join(", ")}}'` : `:${e}='${JSON.stringify(t)}'`;
-}
-function dt(e, t = {}, n = []) {
-  if (!!Object.keys(t.style || {}).length) {
-    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 G(s) || n ? t : null;
+}
+function G(t) {
+  return !!t && typeof t == "object" && t.type === "Schema";
+}
+function X(t) {
+  return typeof t == "object" && t.type === "UrlSchema";
+}
+function Y(t) {
+  return typeof t == "object" && t.type === "Plugin";
+}
+function $e(t, e, s = []) {
+  return t === "style" ? "" : t === "__class" && w(e) ? `:class="${f({
+    ...e,
+    value: E(e.value, s)
+  })}"` : typeof e == "string" ? `${t}="${e}"` : w(e) ? `:${t}="${f({
+    ...e,
+    value: E(e.value, s)
+  })}"` : te(e) ? `:${t}='{${oe(
+    e
+  ).join(", ")}}'` : `:${t}='${JSON.stringify(e)}'`;
+}
+function ve(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 = e.from;
-  return (z(i) || G(i)) && (t.is = {
+  const i = t.from;
+  return (X(i) || Y(i)) && (e.is = {
     type: "JSExpression",
-    value: e.name
-  }), Object.entries(t).map(([r, o]) => ht(r, o, n));
+    value: t.name
+  }), Object.entries(e).map(([r, o]) => $e(r, o, s));
 }
-function yt(e, t, n, s, i) {
-  const r = M(t.modifiers, !0);
-  return i ? `@${e}${r.join("")}="${n}"` : s && s.length > 0 ? `@${e}${r.join("")}="(...args:any[]) => ${n}"` : `@${e}${r.join("")}="${n}"`;
+function be(t, e, s, n, i) {
+  const r = Q(e.modifiers, !0);
+  return i ? `@${t}${r.join("")}="${s}"` : n && n.length > 0 ? `@${t}${r.join("")}="(...args:any[]) => ${s}"` : `@${t}${r.join("")}="${s}"`;
 }
-function gt(e, t = {}, n = {}) {
-  const s = {}, i = Array.from(n[e] || /* @__PURE__ */ new Set([])), r = i.length ? `({${i.join(", ")}}, args)` : "";
+function je(t, e = {}, s = {}) {
+  const n = {}, i = Array.from(s[t] || /* @__PURE__ */ new Set([])), r = i.length ? `({${i.join(", ")}}, args)` : "";
   return {
-    binders: Object.entries(t).map(([c, a]) => {
-      const u = a.handler.value.startsWith("this."), p = u ? V(a.handler.value) : `${y(c)}_${e}${r}`;
-      return u || (s[p] = i.length ? {
+    binders: Object.entries(e).map(([c, u]) => {
+      const a = u.handler.value.startsWith("this."), d = a ? q(u.handler.value) : `${$(c)}_${t}${r}`;
+      return a || (n[d] = i.length ? {
         type: "JSFunction",
         value: `{
-          return (${a.handler.value}).apply(this, args);
+          return (${u.handler.value}).apply(this, args);
         }`
-      } : a.handler), yt(c, a, p, i, u);
+      } : u.handler), be(c, u, d, i, a);
     }),
-    handlers: s
+    handlers: n
   };
 }
-function $t(e, t, n = {}, s = {}, i = {}, r) {
-  const { binders: o, handlers: c } = gt(t, s, i);
+function Se(t, e, s = {}, n = {}, i = {}, r) {
+  const { binders: o, handlers: c } = je(e, n, i);
   return {
-    props: dt(e, n, r).join(" "),
+    props: ve(t, s, r).join(" "),
     handlers: c,
     binders: o,
     events: o.join(" ")
   };
 }
-function vt(e = [], t = []) {
-  const n = [], { vIf: s, vShow: i, vModels: r, vFor: o, vBind: c } = bt(e);
-  if (s && n.push(`v-if="${l(s.value, !0, !0, t)}"`), i && n.push(
-    `v-show="${l(i.value, !0, !0, t)}"`
-  ), c && n.push(
-    `v-bind="${l(c.value, !0, !0, t)}"`
-  ), r.forEach((a) => {
-    const u = M(a.modifiers, !0), p = a.arg ? _(a.arg) ? `:[${l(a.arg, !0, !0, t)}]` : `:${a.arg}` : "";
+function ke(t = [], e = [], s = []) {
+  const n = [], { vIf: i, vShow: r, vModels: o, vFor: c, vBind: u, vHtml: a, customDirectives: d } = we(t);
+  if (i && n.push(`v-if="${f(i.value, !0, !0, e)}"`), r && n.push(
+    `v-show="${f(r.value, !0, !0, e)}"`
+  ), u && n.push(
+    `v-bind="${f(u.value, !0, !0, e)}"`
+  ), o.forEach((l) => {
+    const p = Q(l.modifiers, !0), m = l.arg ? S(l.arg) ? `:[${f(l.arg, !0, !0, e)}]` : `:${l.arg}` : "";
     n.push(
-      `v-model${p}${u}="${l(a.value, !0, !0, t)}"`
+      `v-model${m}${p}="${f(l.value, !0, !0, e)}"`
     );
-  }), o) {
-    const { item: a, index: u } = { item: "item", index: "index", ...o.iterator };
+  }), c) {
+    const { item: l, index: p } = { item: "item", index: "index", ...c.iterator };
     n.push(
-      `v-for="(${a}, ${u}) in ${l(o.value, !0, !0, t)}"`
+      `v-for="(${l}, ${p}) in ${f(c.value, !0, !0, e)}"`
     );
   }
-  return n;
-}
-function bt(e = []) {
-  const t = e.find((o) => y(o.name) === "vIf"), n = e.find((o) => y(o.name) === "vFor"), s = e.find((o) => y(o.name) === "vShow"), i = e.find((o) => y(o.name) === "vBind"), r = e.filter((o) => y(o.name) === "vModel");
+  return a && n.push(
+    `v-html="${f(a.value, !0, !0, e)}"`
+  ), d && d.length && d.forEach((l) => {
+    if (!l.name) return;
+    let p = "", m = "";
+    S(l.name) ? (m = f(l.name, !0, !0, e), s.push(m)) : m = l.name;
+    const h = m?.startsWith("v") ? R(m) : R("v-" + m);
+    if (p += h, l.arg && (S(l.arg) ? p += `:[${f(l.name, !0, !0, e)}]` : p += `:${l.arg}`), l.modifiers) {
+      const v = Object.keys(l.modifiers);
+      v.length && (p += v.map((y) => "." + y));
+    }
+    l.value ? n.push(
+      `${p}="${f(l.value, !0, !0, e)}"`
+    ) : n.push(p);
+  }), n;
+}
+function we(t = []) {
+  const e = t.filter(
+    (a) => J.includes(a.name)
+  ), s = t.filter(
+    (a) => !J.includes(a.name)
+  ), n = e.find(
+    (a) => $(a.name) === "vIf"
+  ), i = e.find(
+    (a) => $(a.name) === "vFor"
+  ), r = e.find(
+    (a) => $(a.name) === "vShow"
+  ), o = e.find(
+    (a) => $(a.name) === "vBind"
+  ), c = e.find(
+    (a) => $(a.name) === "vHtml"
+  ), u = e.filter(
+    (a) => $(a.name) === "vModel"
+  );
   return {
-    vIf: t,
-    vFor: n,
-    vShow: s,
-    vModels: r,
-    vBind: i
+    vIf: n,
+    vFor: i,
+    vShow: r,
+    vModels: u,
+    vBind: o,
+    vHtml: c,
+    customDirectives: s
   };
 }
-function jt(e, t, n, s, i) {
-  return typeof e == "string" ? e : _(e) ? `{{ ${l(e, !1, !0, t)} }}` : Array.isArray(e) ? Q(e, n, t, s, i) : "";
+function Pe(t, e, s, n, i) {
+  return typeof t == "string" ? t : S(t) ? `{{ ${f(t, !1, !0, e)} }}` : Array.isArray(t) ? z(t, s, e, n, i) : "";
 }
-function St(e, t, n) {
-  if (!e) return t;
-  const s = typeof e == "string" ? { name: e, params: [] } : { params: [], ...e };
-  return `<template ${`#${s.name}="${s.params?.length > 0 ? `{${s.params?.join(",")}}` : `scope_${n}`}"`}>
-    ${t}
+function xe(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 wt(e, t = [], n = [], s = {}) {
+function Ce(t, e = [], s = [], n = {}) {
   const i = {
     vue: ["defineComponent", "reactive"]
   };
-  for (const r of t) {
-    const o = e.get(r.split(":")[0]);
+  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(s))
+  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 { ${w(o).join(
+  return Object.entries(i).filter(([r, o]) => !!o.length).map(([r, o]) => `import { ${k(o).join(
     ","
-  )}} from '${r}';`).concat(n);
-}
-function kt(e = {}) {
-  const t = [];
-  for (const [n, s] of Object.entries(e))
-    t.push(`
-    ${n} {
-        ${rt(s)}
+  )}} from '${r}';`).concat(s);
+}
+function Oe(t = {}) {
+  const e = [];
+  for (const [s, n] of Object.entries(t))
+    e.push(`
+    ${s} {
+        ${ce(n)}
     }
     `);
-  return t.join(`
+  return e.join(`
 `);
 }
-function Pt(e = {}) {
-  const t = [];
-  return Object.entries(e).forEach(([n, s]) => {
-    t.push(
-      `const ${n} = provider.defineUrlSchemaComponent('${s.url}');`
+function Ee(t = {}) {
+  const e = [];
+  return Object.entries(t).forEach(([s, n]) => {
+    e.push(
+      `const ${s} = provider.defineUrlSchemaComponent('${n.url}');`
     );
-  }), t;
+  }), e;
 }
-function xt(e = {}) {
-  const t = [];
-  return Object.entries(e).forEach(([n, s]) => {
-    t.push(
-      `const ${n} = provider.definePluginComponent(${JSON.stringify(s)});`
+function _e(t = {}) {
+  const e = [];
+  return Object.entries(t).forEach(([s, n]) => {
+    e.push(
+      `const ${s} = provider.definePluginComponent(${JSON.stringify(n)});`
     );
-  }), t;
-}
-function Ot(e, t) {
-  const { dsl: n } = e, s = Object.keys(n.computed || {}), i = S(n.lifeCycles, s), r = S(n.computed, s), o = ut(n.watch, s), c = pt(n.dataSources), { methods: a, nodes: u, components: p, importBlocks: v } = Q(
-    n.nodes || [],
-    t,
-    s,
-    e.context
-  ), P = [...r, ...o.computed], f = S(
+  }), e;
+}
+function Ae(t, e) {
+  const { dsl: s } = t, n = Object.keys(s.computed || {}), i = C(s.lifeCycles, n), r = C(s.computed, n), o = me(s.watch, n), c = he(s.dataSources), { methods: u, nodes: a, components: d, importBlocks: l, directives: p } = z(
+    s.nodes || [],
+    e,
+    n,
+    t.context
+  ), m = [...r, ...o.computed], h = C(
     {
-      ...a,
-      ...n.methods || {}
+      ...u,
+      ...s.methods || {}
     },
-    s
-  ), x = v.map((g) => `import ${g.name} from './${g.id}.vue';`), m = wt(
-    t,
-    p,
-    x,
-    e.imports
-  ), O = Object.keys({
-    ...e.urlSchemas,
-    ...e.blockPlugins
-  }), h = Pt(e.urlSchemas), b = xt(e.blockPlugins);
+    n
+  ), v = l.map((j) => `import ${j.name} from './${j.id}.vue';`), y = Ce(
+    e,
+    d,
+    v,
+    t.imports
+  ), _ = Object.keys({
+    ...t.urlSchemas,
+    ...t.blockPlugins
+  }), g = Ee(t.urlSchemas), P = _e(t.blockPlugins);
   return {
-    id: n.id,
-    version: n.__VERSION__,
-    name: n.name,
-    state: ot(n.state).join(","),
-    inject: ct(n.inject).join(","),
-    props: at(n.props).join(","),
-    emits: lt(n.emits).join(","),
+    id: s.id,
+    version: s.__VERSION__,
+    name: s.name,
+    state: le(s.state).join(","),
+    inject: ue(s.inject).join(","),
+    props: fe(s.props).join(","),
+    emits: pe(s.emits).join(","),
     watch: o.watches.join(","),
     lifeCycles: i.join(","),
-    computed: P.join(","),
-    methods: [...c, ...f].join(","),
+    computed: m.join(","),
+    methods: [...c, ...h].join(","),
     imports: `
-` + m.join(`
+` + y.join(`
 `),
-    components: p.join(","),
-    returns: e.members.join(","),
-    template: u.join(`
+    components: d.join(","),
+    directives: p.join(","),
+    returns: t.members.join(","),
+    template: a.join(`
 `),
-    css: n.css || "",
-    style: kt(e.style),
-    urlSchemas: h.join(`
+    css: s.css || "",
+    style: Oe(t.style),
+    urlSchemas: g.join(`
 `),
-    blockPlugins: b.join(`
+    blockPlugins: P.join(`
 `),
-    asyncComponents: O.join(",")
+    asyncComponents: _.join(",")
   };
 }
-const Ct = `
+const Fe = `
 // @ts-nocheck
 
 <%= imports %>
@@ -549,6 +606,7 @@ export default defineComponent({
   name: '<%= name %>', 
   <% if(inject) { %> inject: { <%= inject %>}, <% } %>
   <% if(components) { %> components: { <%= components %> }, <% } %>
+  <% if(directives) { %> directives: { <%= directives %> }, <% } %>
   <% if(props) { %> props: { <%= props %> }, <% } %>
   <% if(emits) {%> emits: [<%= emits %>], <% } %> 
   setup(props) {
@@ -571,7 +629,7 @@ export default defineComponent({
   <% if(methods) { %> methods: { <%= methods %> }, <% } %>
   <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
 });
-`.replace(/(\n|\r|\t)/g, ""), Et = `
+`.replace(/(\n|\r|\t)/g, ""), Ie = `
 <template>
 <%= template %>
 </template>
@@ -582,22 +640,22 @@ export default defineComponent({
 <%= css %>
 <%= style %>
 </style>
-`, _t = I(Ct), At = I(Et);
-async function Rt(e, t = /* @__PURE__ */ new Map(), n = [], s) {
-  const i = new it(K(e), n), r = Ot(i, t), o = _t(r), c = At({
+`, Be = L(Fe), Ne = L(Ie);
+async function Je(t, e = /* @__PURE__ */ new Map(), s = [], n) {
+  const i = new ae(se(t), s), r = Ae(i, e), o = Be(r), c = Ne({
     template: r.template,
-    css: await R(r.css, s),
-    script: await nt(o, s),
-    style: await R(r.style, s)
+    css: await T(r.css, n),
+    script: await ie(o, n),
+    style: await T(r.style, n)
   });
-  return await U(c, s).catch((a) => (a.content = c, Promise.reject(a)));
+  return await M(c, n).catch((u) => (u.content = c, Promise.reject(u)));
 }
-async function Wt(e) {
-  const t = `
+async function Le(t) {
+  const e = `
     <template>
       <div>
         <h3>源码模式页面</h3>
-        <div>文件路径：/.vtj/vue/${e.id}.vue</div>
+        <div>文件路径：/.vtj/vue/${t.id}.vue</div>
       </div>
     </template>
     <script lang="ts" setup>
@@ -605,10 +663,10 @@ async function Wt(e) {
     <style scoped lang="scss">
     </style>
   `;
-  return await U(t);
+  return await M(e);
 }
 export {
-  Bt as VTJ_CODER_VERSION,
-  Wt as createEmptyPage,
-  Rt as generator
+  We as VTJ_CODER_VERSION,
+  Le as createEmptyPage,
+  Je as generator
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@vtj/coder",
   "private": false,
-  "version": "0.9.1",
+  "version": "0.9.3",
   "type": "module",
   "dependencies": {
     "prettier": "~3.4.0",
-    "@vtj/core": "~0.9.1",
-    "@vtj/base": "~0.9.1"
+    "@vtj/base": "~0.9.1",
+    "@vtj/core": "~0.9.3"
   },
   "devDependencies": {
     "@vtj/cli": "~0.9.1"

package/types/parser/index.d.ts

@@ -14,6 +14,7 @@ export interface Token {
     methods: string;
     imports: string;
     components: string;
+    directives: string;
     returns: string;
     template: string;
     css: string;

package/types/parser/template.d.ts

@@ -1,7 +1,12 @@
 import { NodeSchema, MaterialDescription, JSFunction } from '@vtj/core';
+/**
+ * 内置指令
+ */
+export declare const BUILT_IN_DIRECTIVES: string[];
 export declare function parseTemplate(children: NodeSchema[], componentMap: Map<string, MaterialDescription>, computedKeys?: string[], context?: Record<string, Set<string>>, parent?: NodeSchema): {
     nodes: string[];
     methods: Record<string, JSFunction>;
+    directives: string[];
     components: string[];
     importBlocks: {
         id: string;

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.9.0
+ * @version 0.9.2
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.9.0";
+export declare const version = "0.9.2";