@vtj/coder 0.8.17 → 0.8.19

package/dist/index.cjs

@@ -1,44 +1,44 @@
-"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 s=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const K=k(H),J=k(X),T=k(Y),q=k(Z);/**!
+"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),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.8.17
+ * @version 0.8.19
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
- */const ee="0.8.17";/**!
+ */const ee="0.8.19";/**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.17
+ * @version 0.8.19
  * @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 L(t,e){return e?t:await x.format(t,{parser:"vue",..._,plugins:[K,J,q,T]})}async function ne(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 $(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,n=!0){const s=$(t)?t.value:e?JSON.stringify(t):t;return n?F(I(s)):I(s)}function w(t,e=[]){let n=t;for(const s of e)n=n.replace(new RegExp(`this.${s}.value`,"g"),`this.${s}`);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]+)/,r=e.match(i);r&&r[2]&&(r[2].startsWith("{")||(e=e.replace(r[2],`{ return ${r[2]} }`))),e=e.replace("=>","")}return e}function se(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(s=>"."+s):n}function re(t){let e="";for(var n in t)if(t.hasOwnProperty(n)){var s=t[n];e+=n+": "+s+";"}return e}class oe{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 s=n.pop(),i=n.join(".")+".",r=n.pop();if(s&&r){const o=this.dependencies.find(c=>c.library===r)?.package;o&&(this.imports[o]||(this.imports[o]=new Set)).add(s)}return{name:s,path:i,library:r}}return null}replaceLibraryPath(e){const{libraryRegex:n}=this;let s=e.value;for(const i of n){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"),"")}}}return s}walk(e){const n=s=>{if(!s||typeof s!="object")return;if(Array.isArray(s)){for(let r of s)n(r);return}const i=Object.values(s);for(const r of i)$(r)?r.value=this.replaceLibraryPath(r):n(r)};n(e)}getLibraryMember(e=[]){let n=[...e];for(const s of Object.values(this.imports))n=n.concat(Array.from(s));return l.dedupArray(n)}collectContext(e,n){const s=new Set(n?.id?this.context[n.id]:[]),i=(e.directives||[]).find(c=>c.name==="vFor");let r=new Set(Array.from(s));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_${n?.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 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))};Array.isArray(e.nodes)&&e.nodes.forEach(s=>n(s))}}function ie(t={}){return Object.entries(t).map(([e,n])=>{const s=u(n,!1);return`${e}:${s}`})}function ce(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 ne(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 $(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,n=!0,r=[]){let i=$(t)?t.value:e?JSON.stringify(t):t;return i=b(i,r),n?F(I(i)):I(i)}function b(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}: {
             from: '${e.from||e.name}',
             default: ${u(e.default,!0,!1)}
-        }`)}function ae(t=[]){const e=n=>n?`[${l.toArray(n).map(r=>r.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(n=>typeof n=="string"?`${n}: {}`:($(n.default)&&!n.default.value&&(n.default.value="undefined"),`${n.name}: {
+        }`)}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=>`'${e}'`)}function S(t={},e=[]){return Object.entries(t).map(([n,s])=>{let i=U(u(s,!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((r,o)=>(o.id&&A(o.source)&&(r[`watcher_${o.id}`]=o.source),r),{}),s=S(n,e),i=t.map(r=>`watcher_${r.id}: {
-        deep: ${r.deep},
-        immediate:${r.immediate},
-        handler${U(r.handler.value)}
-      }`);return{computed:s,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[]) {
+          }`))}function le(t=[]){return t.map(e=>`'${e}'`)}function w(t={},e=[]){return Object.entries(t).map(([n,r])=>{let i=U(u(r,!1,!1));return i=b(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=w(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=[],s={},i){const r=[];let o={},c=[],a=[];return fe(t).forEach(f=>{const b=[];for(const p of f.children){let{id:O,name:m,invisible:C,from:h}=p;if(C)continue;const j=me(m,e,h);j&&c.push(j),D(h)&&a.push({id:h.id,name:m});const{props:g,events:N,handlers:G}=$e(p,O,p.props,p.events,s,n),B=be(p.directives).join(" "),d=p.children?ve(p.children,n,e,s,p):"";Object.assign(o,G);let v="";typeof d=="string"?v=d:(v=(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;b.push(m==="img"?`<${m} ${B} ${g} ${N} />`:`<${R} ${B} ${g} ${N}>${v?`
-`+v.trim():""}</${R}>`)}const P=Se(f.slot,b.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 n of t){const s=typeof n.slot=="string"?n.slot:n.slot?.name,i=e.get(s);i?i.children.push(n):e.set(s,{slot:n.slot,children:[n]})}return e}function me(t,e,n){if(te.includes(t))return null;const s=e.get(t);if(s&&s.alias){const i=s.parent?`${s.parent}.${s.alias}`:s.alias;return`${t}: ${i}`}return D(n)||s?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}='{${se(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function de(t,e={},n=[]){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,n))}function ye(t,e,n,s){const i=V(e.modifiers,!0);return s&&s.length>0?`@${t}${i.join("")}="(...args:any[]) => ${n}"`:`@${t}${i.join("")}="${n}"`}function ge(t,e={},n={}){const s={},i=Array.from(n[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||(s[f]=i.length?{type:"JSFunction",value:`{
-          return (${a.handler.value}).apply(this, args);
-        }`}:a.handler),ye(c,a,f,i)}),handlers:s}}function $e(t,e,n={},s={},i={},r){const{binders:o,handlers:c}=ge(e,s,i);return{props:de(t,n,r).join(" "),handlers:c,binders:o,events:o.join(" ")}}function be(t=[]){const e=[],{vIf:n,vShow:s,vModels:i,vFor:r}=je(t);if(n&&e.push(`v-if="${u(n.value)}"`),s&&e.push(`v-show="${u(s.value)}"`),i.forEach(o=>{const c=V(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"),n=t.find(o=>l.camelCase(o.name)==="vFor"),s=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:n,vShow:s,vModels:r,vBind:i}}function ve(t,e,n,s,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)?M(t,n,e,s,i):""}function Se(t,e,n){if(!t)return e;const s=typeof t=="string"?{name:t,params:[]}:{params:[],...t};return`<template ${`#${s.name}="${s.params?.length>0?`{${s.params?.join(",")}}`:`scope_${n}`}"`}>
+        }`})}function M(t,e,n=[],r={},i){const s=[];let o={},a=[],c=[];return fe(t).forEach(f=>{const j=[];for(const p of f.children){let{id:O,name:h,invisible:C,from:d}=p;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:N,handlers:G}=$e(p,O,p.props,p.events,r,n),B=be(p.directives,n).join(" "),y=p.children?ve(p.children,n,e,r,p):"";Object.assign(o,G);let S="";typeof y=="string"?S=y:(S=(y?.nodes||[]).join(`
+`),Object.assign(o,y?.methods||{}),a=a.concat(y?.components||[]),c=c.concat(y?.importBlocks||[]));const R=Q(d)||z(d)?"component":h;j.push(h==="img"?`<${h} ${B} ${g} ${N} />`:`<${R} ${B} ${g} ${N}>${S?`
+`+S.trim():""}</${R}>`)}const P=Se(f.slot,j.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:b(e.value,n)})}"`:typeof e=="string"?`${t}="${e}"`:$(e)?`:${t}="${u({...e,value:b(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){const i=V(e.modifiers,!0);return r&&r.length>0?`@${t}${i.join("")}="(...args:any[]) => ${n}"`:`@${t}${i.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 m=c.handler.value.startsWith("this."),f=m?F(c.handler.value):`${l.camelCase(a)}_${t}${s}`;return m||(r[f]=i.length?{type:"JSFunction",value:`{
+          return (${c.handler.value}).apply(this, args);
+        }`}:c.handler),ye(a,c,f,i)}),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}=je(t);if(r&&n.push(`v-if="${u(r.value,!0,!0,e)}"`),i&&n.push(`v-show="${u(i.value,!0,!0,e)}"`),s.forEach(a=>{const c=V(a.modifiers,!0),m=a.arg?E(a.arg)?`:[${u(a.arg,!0,!0,e)}]`:`:${a.arg}`:"";n.push(`v-model${m}${c}="${u(a.value,!0,!0,e)}"`)}),o){const{item:a,index:c}={item:"item",index:"index",...o.iterator};n.push(`v-for="(${a}, ${c}) in ${u(o.value,!0,!0,e)}"`)}return n}function je(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 ve(t,e,n,r,i){if(typeof t=="string")return t;if(E(t)){let s=u(t,!1);return s=b(s,e),s=F(s),`{{ ${s} }}`}return 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}`}"`}>
     ${e}
-    </template>`}function we(t,e=[],n=[],s={}){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(s))(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(n)}function ke(t={}){const e=[];for(const[n,s]of Object.entries(t))e.push(`
+    </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} {
-        ${re(s)}
+        ${se(r)}
     }
     `);return e.join(`
-`)}function Pe(t={}){const e=[];return Object.entries(t).forEach(([n,s])=>{e.push(`const ${n} = provider.defineUrlSchemaComponent('${s.url}');`)}),e}function Oe(t={}){const e=[];return Object.entries(t).forEach(([n,s])=>{e.push(`const ${n} = provider.definePluginComponent(${JSON.stringify(s)});`)}),e}function Ce(t,e){const{dsl:n}=t,s=Object.keys(n.computed||{}),i=S(n.lifeCycles,s),r=S(n.computed,s),o=ue(n.watch,s),c=pe(n.dataSources),{methods:a,nodes:y,components:f,importBlocks:b}=M(n.nodes||[],e,s,t.context),P=[...r,...o.computed],p=S({...a,...n.methods||{}},s),O=b.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),j=Oe(t.blockPlugins);return{id:n.id,version:n.__VERSION__,name:n.name,state:ie(n.state).join(","),inject:ce(n.inject).join(","),props:ae(n.props).join(","),emits:le(n.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:n.css||"",style:ke(t.style),urlSchemas:h.join(`
-`),blockPlugins:j.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=w(n.lifeCycles,r),s=w(n.computed,r),o=ue(n.watch,r),a=pe(n.dataSources),{methods:c,nodes:m,components:f,importBlocks:j}=M(n.nodes||[],e,r,t.context),P=[...s,...o.computed],p=w({...c,...n.methods||{}},r),O=j.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,...p].join(","),imports:h.join(`
+`),components:f.join(","),returns:t.members.join(","),template:m.join(`
+`),css:n.css||"",style:ke(t.style),urlSchemas:d.join(`
+`),blockPlugins:v.join(`
 `),asyncComponents:C.join(",")}}const xe=`
 <%= imports %>
 import { useProvider } from '@vtj/renderer';
@@ -79,7 +79,7 @@ export default defineComponent({
 <%= css %>
 <%= style %>
 </style>
-`,Ee=l.template(xe),Ae=l.template(_e);async function Fe(t,e=new Map,n=[],s){const i=new oe(l.cloneDeep(t),n),r=Ce(i,e),o=Ee(r),c=Ae({template:r.template,css:await W(r.css,s),script:await ne(o,s),style:await W(r.style,s)});return await L(c,s).catch(a=>(a.content=c,a))}async function Ne(t){const e=`
+`,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 W(s.css,r),script:await ne(o,r),style:await W(s.style,r)});return await L(a,r).catch(c=>(c.content=a,c))}async function Ne(t){const e=`
     <template>
       <div>
         <h3>源码模式页面</h3>

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { mitt as X, dedupArray as w, toArray as Y, camelCase as d, isPlainObject as Z, template as J, cloneDeep as K } from "@vtj/base";
+import { mitt as X, dedupArray as k, 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";
@@ -8,15 +8,15 @@ 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.8.17
+ * @version 0.8.19
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-const Bt = "0.8.17";
+const Bt = "0.8.19";
 /**!
  * Copyright (c) 2024, VTJ.PRO All rights reserved.
  * @name @vtj/core 
  * @author CHC chenhuachun1549@dingtalk.com 
- * @version 0.8.17
+ * @version 0.8.19
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
 const et = [
@@ -60,7 +60,7 @@ async function V(e, t) {
     plugins: [tt, L, U, T]
   });
 }
-async function st(e, t) {
+async function nt(e, t) {
   return t ? e : await C(e, {
     parser: "babel-ts",
     ...E,
@@ -89,18 +89,18 @@ function F(e) {
 function I(e) {
   return e.replace(/this\.context\??\./g, "");
 }
-function l(e, t = !0, s = !0) {
-  const n = $(e) ? e.value : t ? JSON.stringify(e) : e;
-  return s ? F(I(n)) : I(n);
+function l(e, t = !0, n = !0, s = []) {
+  let i = $(e) ? e.value : t ? JSON.stringify(e) : e;
+  return i = b(i, s), n ? F(I(i)) : I(i);
 }
-function k(e, t = []) {
-  let s = e;
-  for (const n of t)
-    s = s.replace(
-      new RegExp(`this.${n}.value`, "g"),
-      `this.${n}`
+function b(e, t = []) {
+  let n = e;
+  for (const s of t)
+    n = n.replace(
+      new RegExp(`this.${s}.value`, "g"),
+      `this.${s}`
     );
-  return s;
+  return n;
 }
 function q(e) {
   let t = e.trim();
@@ -111,30 +111,30 @@ function q(e) {
   else if (t.startsWith("function"))
     t = t.replace(/^function/, "");
   else {
-    const o = /^(async\s)?\([\w]*\)\s+\=\>\s([\w\W]+)/, r = t.match(o);
+    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 nt(e = {}) {
-  return Object.entries(e).map(([t, s]) => `"${t}": ${l(s)}`);
+function st(e = {}) {
+  return Object.entries(e).map(([t, n]) => `"${t}": ${l(n)}`);
 }
 function M(e = {}, t = !1) {
-  const s = Object.keys(e);
-  return t ? s.map((n) => "." + n) : s;
+  const n = Object.keys(e);
+  return t ? n.map((s) => "." + s) : n;
 }
 function rt(e) {
   let t = "";
-  for (var s in e)
-    if (e.hasOwnProperty(s)) {
-      var n = e[s];
-      t += s + ": " + n + ";";
+  for (var n in e)
+    if (e.hasOwnProperty(n)) {
+      var s = e[n];
+      t += n + ": " + s + ";";
     }
   return t;
 }
 class it {
-  constructor(t, s) {
-    this.dsl = t, this.dependencies = s, this.libraryRegex = this.collectLibrary(), this.walk(t), this.walkNodes(t), this.members = this.getLibraryMember();
+  constructor(t, n) {
+    this.dsl = t, this.dependencies = n, this.libraryRegex = this.collectLibrary(), this.walk(t), this.walkNodes(t), this.members = this.getLibraryMember();
   }
   /**
    *  { 'element-plus': ['ElButton', 'ElInput' ...] }
@@ -155,18 +155,18 @@ class it {
    * @returns  ex: { name: 'ElButton', path: 'this.$libs.ElementPlus.', library: 'ElementPlus' }
    */
   collectImport(t) {
-    const s = t.split(".");
-    if (s.length === 4) {
-      const n = s.pop(), o = s.join(".") + ".", r = s.pop();
-      if (n && r) {
-        const i = this.dependencies.find(
+    const n = t.split(".");
+    if (n.length === 4) {
+      const s = n.pop(), i = n.join(".") + ".", r = n.pop();
+      if (s && r) {
+        const o = this.dependencies.find(
           (c) => c.library === r
         )?.package;
-        i && (this.imports[i] || (this.imports[i] = /* @__PURE__ */ new Set())).add(n);
+        o && (this.imports[o] || (this.imports[o] = /* @__PURE__ */ new Set())).add(s);
       }
       return {
-        name: n,
-        path: o,
+        name: s,
+        path: i,
         library: r
       };
     }
@@ -174,51 +174,51 @@ class it {
   }
   // 代码中包含依赖库的引用，需要从代码中移除
   replaceLibraryPath(t) {
-    const { libraryRegex: s } = this;
-    let n = t.value;
-    for (const o of s) {
-      const r = t.value.match(o) || [];
-      for (const i of r) {
-        const c = this.collectImport(i);
+    const { libraryRegex: n } = this;
+    let s = t.value;
+    for (const i of n) {
+      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"), "");
+          s = s.replace(new RegExp(a, "g"), "");
         }
       }
     }
-    return n;
+    return s;
   }
   walk(t) {
-    const s = (n) => {
-      if (!n || typeof n != "object")
+    const n = (s) => {
+      if (!s || typeof s != "object")
         return;
-      if (Array.isArray(n)) {
-        for (let r of n)
-          s(r);
+      if (Array.isArray(s)) {
+        for (let r of s)
+          n(r);
         return;
       }
-      const o = Object.values(n);
-      for (const r of o)
-        $(r) ? r.value = this.replaceLibraryPath(r) : s(r);
+      const i = Object.values(s);
+      for (const r of i)
+        $(r) ? r.value = this.replaceLibraryPath(r) : n(r);
     };
-    s(t);
+    n(t);
   }
   getLibraryMember(t = []) {
-    let s = [...t];
-    for (const n of Object.values(this.imports))
-      s = s.concat(Array.from(n));
-    return w(s);
+    let n = [...t];
+    for (const s of Object.values(this.imports))
+      n = n.concat(Array.from(s));
+    return k(n);
   }
-  collectContext(t, s) {
-    const n = new Set(s?.id ? this.context[s.id] : []), o = (t.directives || []).find((c) => c.name === "vFor");
-    let r = new Set(Array.from(n));
-    if (o) {
-      const { item: c = "item", index: a = "index" } = o.iterator || {};
+  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));
+    if (i) {
+      const { item: c = "item", index: a = "index" } = i.iterator || {};
       r = /* @__PURE__ */ new Set([c, a, ...Array.from(r)]);
     }
-    const i = t.slot;
-    if (i) {
-      const c = typeof i == "string" ? [] : i.params || [], a = c.length ? c : [`scope_${s?.id}`];
+    const o = t.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)]);
     }
     this.context[t.id] = r;
@@ -233,16 +233,16 @@ class it {
     typeof t.from == "object" && t.from.type === "Plugin" && (this.blockPlugins[t.name] = t.from);
   }
   walkNodes(t) {
-    const s = (n, o) => {
-      this.collectContext(n, o), this.collectStyle(n), this.collectUrlSchema(n), this.collectBlockPlugin(n), Array.isArray(n.children) && n.children.forEach((r) => s(r, n));
+    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));
     };
-    Array.isArray(t.nodes) && t.nodes.forEach((n) => s(n));
+    Array.isArray(t.nodes) && t.nodes.forEach((s) => n(s));
   }
 }
 function ot(e = {}) {
-  return Object.entries(e).map(([t, s]) => {
-    const n = l(s, !1);
-    return `${t}:${n}`;
+  return Object.entries(e).map(([t, n]) => {
+    const s = l(n, !1);
+    return `${t}:${s}`;
   });
 }
 function ct(e = []) {
@@ -252,106 +252,108 @@ function ct(e = []) {
         }`);
 }
 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.default) && !s.default.value && (s.default.value = "undefined"), `${s.name}: {
-          type:${t(s.type)},
-          required: ${l(!!s.required, !0, !1)},
-          default: ${l(s.default, !0, !1)}
+  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 lt(e = []) {
   return e.map((t) => `'${t}'`);
 }
-function S(e = {}, t = []) {
-  return Object.entries(e).map(([s, n]) => {
-    let o = q(l(n, !1, !1));
-    return o = k(o, t), o.startsWith("async") ? `async ${s}${o.replace(/^async/, "")}` : `${s}${o}`;
+function w(e = {}, t = []) {
+  return Object.entries(e).map(([n, s]) => {
+    let i = q(l(s, !1, !1));
+    return i = b(i, t), i.startsWith("async") ? `async ${n}${i.replace(/^async/, "")}` : `${n}${i}`;
   });
 }
 function ut(e = [], t = []) {
-  const s = e.reduce(
-    (r, i) => (i.id && A(i.source) && (r[`watcher_${i.id}`] = i.source), r),
+  const n = e.reduce(
+    (r, o) => (o.id && A(o.source) && (r[`watcher_${o.id}`] = o.source), r),
     {}
-  ), n = S(s, t), o = e.map((r) => `watcher_${r.id}: {
+  ), s = w(n, t), i = e.map((r) => `watcher_${r.id}: {
         deep: ${r.deep},
         immediate:${r.immediate},
         handler${q(r.handler.value)}
       }`);
   return {
-    computed: n,
-    watches: o
+    computed: s,
+    watches: i
   };
 }
 function pt(e = {}) {
   return Object.values(e).map((t) => {
-    const s = A(t.transform) && t.transform.value || "(res) => res";
+    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(${s});
+          return await this.provider.apis['${t.ref}'].apply(this, args).then(${n});
         }`;
   });
 }
-function D(e, t, s = [], n = {}, o) {
+function D(e, t, n = [], s = {}, i) {
   const r = [];
-  let i = {}, c = [], a = [];
+  let o = {}, c = [], a = [];
   return ft(e).forEach((p) => {
-    const b = [];
+    const v = [];
     for (const u of p.children) {
-      let { id: x, name: f, invisible: O, from: m } = u;
+      let { id: x, name: m, invisible: O, from: h } = u;
       if (O)
         continue;
-      const v = mt(f, t, m);
-      v && c.push(v), Q(m) && a.push({ id: m.id, name: f });
+      const j = mt(m, t, h);
+      j && c.push(j), Q(h) && a.push({ id: h.id, name: m });
       const { props: g, events: N, handlers: H } = $t(
         u,
         x,
         u.props,
         u.events,
-        n,
-        s
-      ), B = bt(u.directives).join(" "), h = u.children ? jt(
-        u.children,
         s,
-        t,
+        n
+      ), B = bt(u.directives, n).join(
+        " "
+      ), d = u.children ? jt(
+        u.children,
         n,
+        t,
+        s,
         u
       ) : "";
-      Object.assign(i, H);
-      let j = "";
-      typeof h == "string" ? j = h : (j = (h?.nodes || []).join(`
-`), Object.assign(i, h?.methods || {}), c = c.concat(h?.components || []), a = a.concat(h?.importBlocks || []));
-      const R = z(m) || G(m) ? "component" : f;
-      b.push(
-        f === "img" ? `<${f} ${B} ${g} ${N} />` : `<${R} ${B} ${g} ${N}>${j ? `
-` + j.trim() : ""}</${R}>`
+      Object.assign(o, H);
+      let S = "";
+      typeof d == "string" ? S = d : (S = (d?.nodes || []).join(`
+`), Object.assign(o, d?.methods || {}), c = c.concat(d?.components || []), a = a.concat(d?.importBlocks || []));
+      const R = z(h) || G(h) ? "component" : m;
+      v.push(
+        m === "img" ? `<${m} ${B} ${g} ${N} />` : `<${R} ${B} ${g} ${N}>${S ? `
+` + S.trim() : ""}</${R}>`
       );
     }
-    const P = St(p.slot, b.join(`
-`), o?.id);
+    const P = St(p.slot, v.join(`
+`), i?.id);
     r.push(P);
   }), {
     nodes: r,
-    methods: i,
-    components: w(c),
-    importBlocks: w(a, "id")
+    methods: o,
+    components: k(c),
+    importBlocks: k(a, "id")
   };
 }
 function ft(e = []) {
   const t = /* @__PURE__ */ new Map();
-  for (const s of e) {
-    const n = typeof s.slot == "string" ? s.slot : s.slot?.name, o = t.get(n);
-    o ? o.children.push(s) : t.set(n, { slot: s.slot, children: [s] });
+  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] });
   }
   return t;
 }
-function mt(e, t, s) {
+function mt(e, t, n) {
   if (et.includes(e))
     return null;
-  const n = t.get(e);
-  if (n && n.alias) {
-    const o = n.parent ? `${n.parent}.${n.alias}` : n.alias;
-    return `${e}: ${o}`;
+  const s = t.get(e);
+  if (s && s.alias) {
+    const i = s.parent ? `${s.parent}.${s.alias}` : s.alias;
+    return `${e}: ${i}`;
   }
-  return Q(s) || n ? e : null;
+  return Q(n) || s ? e : null;
 }
 function Q(e) {
   return !!e && typeof e == "object" && e.type === "Schema";
@@ -362,114 +364,120 @@ function z(e) {
 function G(e) {
   return typeof e == "object" && e.type === "Plugin";
 }
-function ht(e, t, s = []) {
+function ht(e, t, n = []) {
   return e === "style" ? "" : e === "__class" && $(t) ? `:class="${l({
     ...t,
-    value: k(t.value, s)
+    value: b(t.value, n)
   })}"` : typeof t == "string" ? `${e}="${t}"` : $(t) ? `:${e}="${l({
     ...t,
-    value: k(t.value, s)
-  })}"` : Z(t) ? `:${e}='{${nt(
+    value: b(t.value, n)
+  })}"` : Z(t) ? `:${e}='{${st(
     t
   ).join(", ")}}'` : `:${e}='${JSON.stringify(t)}'`;
 }
-function dt(e, t = {}, s = []) {
+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);
   }
-  const o = e.from;
-  return (z(o) || G(o)) && (t.is = {
+  const i = e.from;
+  return (z(i) || G(i)) && (t.is = {
     type: "JSExpression",
     value: e.name
-  }), Object.entries(t).map(([r, i]) => ht(r, i, s));
+  }), Object.entries(t).map(([r, o]) => ht(r, o, n));
 }
-function yt(e, t, s, n) {
-  const o = M(t.modifiers, !0);
-  return n && n.length > 0 ? `@${e}${o.join("")}="(...args:any[]) => ${s}"` : `@${e}${o.join("")}="${s}"`;
+function yt(e, t, n, s) {
+  const i = M(t.modifiers, !0);
+  return s && s.length > 0 ? `@${e}${i.join("")}="(...args:any[]) => ${n}"` : `@${e}${i.join("")}="${n}"`;
 }
-function gt(e, t = {}, s = {}) {
-  const n = {}, o = Array.from(s[e] || /* @__PURE__ */ new Set([])), r = o.length ? `({${o.join(", ")}}, args)` : "";
+function gt(e, t = {}, n = {}) {
+  const s = {}, i = Array.from(n[e] || /* @__PURE__ */ new Set([])), r = i.length ? `({${i.join(", ")}}, args)` : "";
   return {
     binders: Object.entries(t).map(([c, a]) => {
-      const y = a.handler.value.startsWith("this."), p = y ? F(a.handler.value) : `${d(c)}_${e}${r}`;
-      return y || (n[p] = o.length ? {
+      const f = a.handler.value.startsWith("this."), p = f ? F(a.handler.value) : `${y(c)}_${e}${r}`;
+      return f || (s[p] = i.length ? {
         type: "JSFunction",
         value: `{
           return (${a.handler.value}).apply(this, args);
         }`
-      } : a.handler), yt(c, a, p, o);
+      } : a.handler), yt(c, a, p, i);
     }),
-    handlers: n
+    handlers: s
   };
 }
-function $t(e, t, s = {}, n = {}, o = {}, r) {
-  const { binders: i, handlers: c } = gt(t, n, o);
+function $t(e, t, n = {}, s = {}, i = {}, r) {
+  const { binders: o, handlers: c } = gt(t, s, i);
   return {
-    props: dt(e, s, r).join(" "),
+    props: dt(e, n, r).join(" "),
     handlers: c,
-    binders: i,
-    events: i.join(" ")
+    binders: o,
+    events: o.join(" ")
   };
 }
-function bt(e = []) {
-  const t = [], { vIf: s, vShow: n, vModels: o, vFor: r } = vt(e);
-  if (s && t.push(`v-if="${l(s.value)}"`), n && t.push(`v-show="${l(n.value)}"`), o.forEach((i) => {
-    const c = M(i.modifiers, !0), a = i.arg ? _(i.arg) ? `:[${l(i.arg)}]` : `:${i.arg}` : "";
-    t.push(`v-model${a}${c}="${l(i.value)}"`);
-  }), r) {
-    const { item: i, index: c } = { item: "item", index: "index", ...r.iterator };
-    t.push(`v-for="(${i}, ${c}) in ${l(r.value)}"`);
+function bt(e = [], t = []) {
+  const n = [], { vIf: s, vShow: i, vModels: r, vFor: o } = vt(e);
+  if (s && n.push(`v-if="${l(s.value, !0, !0, t)}"`), i && n.push(
+    `v-show="${l(i.value, !0, !0, t)}"`
+  ), r.forEach((c) => {
+    const a = M(c.modifiers, !0), f = c.arg ? _(c.arg) ? `:[${l(c.arg, !0, !0, t)}]` : `:${c.arg}` : "";
+    n.push(
+      `v-model${f}${a}="${l(c.value, !0, !0, t)}"`
+    );
+  }), o) {
+    const { item: c, index: a } = { item: "item", index: "index", ...o.iterator };
+    n.push(
+      `v-for="(${c}, ${a}) in ${l(o.value, !0, !0, t)}"`
+    );
   }
-  return t;
+  return n;
 }
 function vt(e = []) {
-  const t = e.find((i) => d(i.name) === "vIf"), s = e.find((i) => d(i.name) === "vFor"), n = e.find((i) => d(i.name) === "vShow"), o = e.find((i) => d(i.name) === "vBind"), r = e.filter((i) => d(i.name) === "vModel");
+  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 {
     vIf: t,
-    vFor: s,
-    vShow: n,
+    vFor: n,
+    vShow: s,
     vModels: r,
-    vBind: o
+    vBind: i
   };
 }
-function jt(e, t, s, n, o) {
+function jt(e, t, n, s, i) {
   if (typeof e == "string")
     return e;
   if (_(e)) {
     let r = l(e, !1);
-    return r = k(r, t), r = F(r), `{{ ${r} }}`;
+    return r = b(r, t), r = F(r), `{{ ${r} }}`;
   }
-  return Array.isArray(e) ? D(e, s, t, n, o) : "";
+  return Array.isArray(e) ? D(e, n, t, s, i) : "";
 }
-function St(e, t, s) {
+function St(e, t, n) {
   if (!e)
     return t;
-  const n = typeof e == "string" ? { name: e, params: [] } : { params: [], ...e };
-  return `<template ${`#${n.name}="${n.params?.length > 0 ? `{${n.params?.join(",")}}` : `scope_${s}`}"`}>
+  const s = typeof e == "string" ? { name: e, params: [] } : { params: [], ...e };
+  return `<template ${`#${s.name}="${s.params?.length > 0 ? `{${s.params?.join(",")}}` : `scope_${n}`}"`}>
     ${t}
     </template>`;
 }
-function wt(e, t = [], s = [], n = {}) {
-  const o = {
+function wt(e, t = [], n = [], s = {}) {
+  const i = {
     vue: ["defineComponent", "reactive"]
   };
   for (const r of t) {
-    const i = e.get(r.split(":")[0]);
-    i && i.package && (o[i.package] ?? (o[i.package] = [])).push(i.parent || (i.alias || "").split(".")[0] || i.name);
+    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 [r, i] of Object.entries(n))
-    (o[r] ?? (o[r] = [])).push(...Array.from(i));
-  return Object.entries(o).filter(([r, i]) => !!i.length).map(([r, i]) => `import { ${w(i).join(
+  for (const [r, o] of Object.entries(s))
+    (i[r] ?? (i[r] = [])).push(...Array.from(o));
+  return Object.entries(i).filter(([r, o]) => !!o.length).map(([r, o]) => `import { ${k(o).join(
     ","
-  )}} from '${r}';`).concat(s);
+  )}} from '${r}';`).concat(n);
 }
 function kt(e = {}) {
   const t = [];
-  for (const [s, n] of Object.entries(e))
+  for (const [n, s] of Object.entries(e))
     t.push(`
-    ${s} {
-        ${rt(n)}
+    ${n} {
+        ${rt(s)}
     }
     `);
   return t.join(`
@@ -477,33 +485,33 @@ function kt(e = {}) {
 }
 function Pt(e = {}) {
   const t = [];
-  return Object.entries(e).forEach(([s, n]) => {
+  return Object.entries(e).forEach(([n, s]) => {
     t.push(
-      `const ${s} = provider.defineUrlSchemaComponent('${n.url}');`
+      `const ${n} = provider.defineUrlSchemaComponent('${s.url}');`
     );
   }), t;
 }
 function xt(e = {}) {
   const t = [];
-  return Object.entries(e).forEach(([s, n]) => {
+  return Object.entries(e).forEach(([n, s]) => {
     t.push(
-      `const ${s} = provider.definePluginComponent(${JSON.stringify(n)});`
+      `const ${n} = provider.definePluginComponent(${JSON.stringify(s)});`
     );
   }), t;
 }
 function Ot(e, t) {
-  const { dsl: s } = e, n = Object.keys(s.computed || {}), o = S(s.lifeCycles, n), r = S(s.computed, n), i = ut(s.watch, n), c = pt(s.dataSources), { methods: a, nodes: y, components: p, importBlocks: b } = D(
-    s.nodes || [],
+  const { dsl: n } = e, s = Object.keys(n.computed || {}), i = w(n.lifeCycles, s), r = w(n.computed, s), o = ut(n.watch, s), c = pt(n.dataSources), { methods: a, nodes: f, components: p, importBlocks: v } = D(
+    n.nodes || [],
     t,
-    n,
+    s,
     e.context
-  ), P = [...r, ...i.computed], u = S(
+  ), P = [...r, ...o.computed], u = w(
     {
       ...a,
-      ...s.methods || {}
+      ...n.methods || {}
     },
-    n
-  ), x = b.map((g) => `import ${g.name} from './${g.id}.vue';`), f = wt(
+    s
+  ), x = v.map((g) => `import ${g.name} from './${g.id}.vue';`), m = wt(
     t,
     p,
     x,
@@ -511,30 +519,30 @@ function Ot(e, t) {
   ), O = Object.keys({
     ...e.urlSchemas,
     ...e.blockPlugins
-  }), m = Pt(e.urlSchemas), v = xt(e.blockPlugins);
+  }), h = Pt(e.urlSchemas), j = xt(e.blockPlugins);
   return {
-    id: s.id,
-    version: s.__VERSION__,
-    name: s.name,
-    state: ot(s.state).join(","),
-    inject: ct(s.inject).join(","),
-    props: at(s.props).join(","),
-    emits: lt(s.emits).join(","),
-    watch: i.watches.join(","),
-    lifeCycles: o.join(","),
+    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(","),
+    watch: o.watches.join(","),
+    lifeCycles: i.join(","),
     computed: P.join(","),
     methods: [...c, ...u].join(","),
-    imports: f.join(`
+    imports: m.join(`
 `),
     components: p.join(","),
     returns: e.members.join(","),
-    template: y.join(`
+    template: f.join(`
 `),
-    css: s.css || "",
+    css: n.css || "",
     style: kt(e.style),
-    urlSchemas: m.join(`
+    urlSchemas: h.join(`
 `),
-    blockPlugins: v.join(`
+    blockPlugins: j.join(`
 `),
     asyncComponents: O.join(",")
   };
@@ -580,14 +588,14 @@ export default defineComponent({
 <%= style %>
 </style>
 `, _t = J(Ct), At = J(Et);
-async function Rt(e, t = /* @__PURE__ */ new Map(), s = [], n) {
-  const o = new it(K(e), s), r = Ot(o, t), i = _t(r), c = At({
+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({
     template: r.template,
-    css: await W(r.css, n),
-    script: await st(i, n),
-    style: await W(r.style, n)
+    css: await W(r.css, s),
+    script: await nt(o, s),
+    style: await W(r.style, s)
   });
-  return await V(c, n).catch((a) => (a.content = c, a));
+  return await V(c, s).catch((a) => (a.content = c, a));
 }
 async function Wt(e) {
   const t = `

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@vtj/coder",
   "private": false,
-  "version": "0.8.17",
+  "version": "0.8.19",
   "type": "module",
   "dependencies": {
     "prettier": "~3.2.1",
     "@vtj/base": "~0.8.2",
-    "@vtj/core": "~0.8.17"
+    "@vtj/core": "~0.8.19"
   },
   "devDependencies": {
-    "@vtj/cli": "~0.8.4"
+    "@vtj/cli": "~0.8.6"
   },
   "exports": {
     ".": {

package/types/utils.d.ts

@@ -6,7 +6,7 @@ export declare function isJSCode(data: unknown): data is JSExpression | JSFuncti
 export declare function JSCodeToString(data: unknown): string;
 export declare function replaceThis(content: string): string;
 export declare function replaceContext(content: string): string;
-export declare function parseValue(val: unknown, stringify?: boolean, noThis?: boolean): string;
+export declare function parseValue(val: unknown, stringify?: boolean, noThis?: boolean, computedKeys?: string[]): string;
 export declare function replaceComputedValue(content: string, keys?: string[]): string;
 export declare function replaceFunctionTag(content: string): string;
 export declare function parsePlainObjectValue(obj?: Record<string, any>): 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.8.17
+ * @version 0.8.18
  * @license <a href="https://vtj.pro/license.html">MIT License</a>
  */
-export declare const version = "0.8.17";
+export declare const version = "0.8.18";