@vtj/coder 0.7.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 陈华春
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,66 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@vtj/base"),C=require("prettier/standalone"),W=require("prettier/plugins/html"),B=require("prettier/plugins/babel"),V=require("prettier/plugins/postcss"),D=require("prettier/plugins/estree");function b(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const M=b(W),Q=b(B),z=b(V),G=b(D);/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/coder 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.7.0
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */const H="0.7.0",O={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 U(t,e){return e?t:await C.format(t,{parser:"html",...O,plugins:[M]})}async function X(t,e){return e?t:await C.format(t,{parser:"babel-ts",...O,plugins:[Q,G]})}async function Y(t,e){return e?t:C.format(t,{parser:"scss",...O,plugins:[z]})}function k(t){return t&&t.type==="JSExpression"}function x(t){return typeof t=="object"&&t&&t.type==="JSFunction"}function P(t){return k(t)||x(t)}function F(t){return t.replace(new RegExp("this.","g"),"")}function E(t){return t.replace(new RegExp("this.context.","g"),"")}function p(t,e=!0,r=!0){const n=P(t)?t.value:e?JSON.stringify(t):t;return r?F(E(n)):E(n)}function _(t,e=[]){let r=t;for(const n of e)r=r.replace(new RegExp(`this.${n}.value`,"g"),`this.${n}`);return r}function N(t){let e=t.trim();return e.startsWith("{")||(e.startsWith("async function")?e=e.replace(/^async function/,"async"):e.startsWith("function")?e=e.replace(/^function/,""):e=e.replace("=>","")),e}function Z(t={}){return Object.entries(t).map(([e,r])=>`"${e}": ${p(r)}`)}function I(t={},e=!1){const r=Object.keys(t);return e?r.map(n=>"."+n):r}class K{constructor(e,r){this.dsl=e,this.dependencies=r,this.libraryRegex=this.collectLibrary(),this.walk(e),this.walkNodes(e),this.members=this.getLibraryMember()}imports={};context={};members=[];libraryRegex=[];collectLibrary(){return this.dependencies.filter(e=>!!e.library).map(e=>new RegExp(`(this.\\$libs.${e.library}.([\\w]+))`,"g"))}collectImport(e){const r=e.split(".");if(r.length===4){const n=r.pop(),i=r.join(".")+".",s=r.pop();if(n&&s){const o=this.dependencies.find(a=>a.library===s)?.package;o&&(this.imports[o]||(this.imports[o]=new Set)).add(n)}return{name:n,path:i,library:s}}return null}replaceLibraryPath(e){const{libraryRegex:r}=this;let n=e.value;for(const i of r){const s=e.value.match(i)||[];for(const o of s){const a=this.collectImport(o);a&&(n=n.replace(new RegExp(a.path,"g"),""))}}return n}walk(e){const r=n=>{if(!n||typeof n!="object")return;if(Array.isArray(n)){for(let s of n)r(s);return}const i=Object.values(n);for(const s of i)P(s)?s.value=this.replaceLibraryPath(s):r(s)};r(e)}getLibraryMember(e=[]){let r=[...e];for(const n of Object.values(this.imports))r=r.concat(Array.from(n));return u.dedupArray(r)}collectContext(e,r){const n=new Set(r?.id?this.context[r.id]:[]),i=(e.directives||[]).find(a=>a.name==="vFor");let s=new Set(Array.from(n));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_${r?.id}`];s=new Set([...c,...Array.from(s)])}this.context[e.id]=s}walkNodes(e){const r=(n,i)=>{this.collectContext(n,i),Array.isArray(n.children)&&n.children.forEach(s=>r(s,n))};Array.isArray(e.nodes)&&e.nodes.forEach(n=>r(n))}}function ee(t={}){return Object.entries(t).map(([e,r])=>{const n=p(r,!1);return`${e}:${n}`})}function te(t=[]){return t.map(e=>`${e.name}: {
+            from: '${e.from||e.name}',
+            default: ${p(e.default,!0,!1)}
+        }`)}function re(t=[]){const e=r=>r?`[${u.toArray(r).map(s=>s.replace(/\'|\"/gi,"")).join(",")}]`:void 0;return t.map(r=>typeof r=="string"?`${r}: {}`:`${r.name}: {
+          type:${e(r.type)},
+          required: ${r.required},
+          default: ${p(r.default,!0,!1)}
+          }`)}function ne(t=[]){return t.map(e=>`'${e}'`)}function $(t={},e=[]){return Object.entries(t).map(([r,n])=>{let i=N(p(n,!1,!1));return i=_(i,e),i.startsWith("async")?`async ${r}${i.replace(/^async/,"")}`:`${r}${i}`})}function se(t=[],e=[]){const r=t.reduce((s,o)=>(o.id&&x(o.source)&&(s[`watcher_${o.id}`]=o.source),s),{}),n=$(r,e),i=t.map(s=>`watcher_${s.id}: {
+        deep: ${s.deep},
+        immediate:${s.immediate},
+        handler${N(s.handler.value)}
+      }`);return{computed:n,watches:i}}function oe(t={}){return Object.values(t).map(e=>{const r=x(e.transform)&&e.transform.value||"(res) => res";return`async ${e.name}(...args:any[]) {
+          return await this.provider.apis.${e.ref}.apply(this, args).then(${r});
+        }`})}function R(t,e,r=[],n={},i){const s=[];let o={},a=[],c=[];return ie(t).forEach(h=>{const y=[];for(const l of h.children){let{id:v,name:f,invisible:g,from:w}=l;if(g)continue;const A=ae(f,e,w);A&&a.push(A),ce(w)&&c.push({id:w.id,name:f});const{props:q,events:T,handlers:J}=me(v,l.props,l.events,n,r),L=de(l.directives).join(" "),m=l.children?ye(l.children,r,e,n,l):"";Object.assign(o,J);let S="";typeof m=="string"?S=m:(S=(m?.nodes||[]).join(`
+`),Object.assign(o,m?.methods||{}),a=a.concat(m?.components||[]),c=c.concat(m?.importBlocks||[])),y.push(`<${f} ${L} ${q} ${T}>
+        ${S}
+      </${f}>`)}const j=ge(h.slot,y.join(`
+`),i?.id);s.push(j)}),{nodes:s,methods:o,components:u.dedupArray(a),importBlocks:u.dedupArray(c,"id")}}function ie(t=[]){const e=new Map;for(const r of t){const n=typeof r.slot=="string"?r.slot:r.slot?.name,i=e.get(n);i?i.children.push(r):e.set(n,{slot:r.slot,children:[r]})}return e}function ae(t,e,r){if(["slot","component","template"].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 r||n?t:null}function ce(t){return!!t&&typeof t=="object"&&t.type==="Schema"}function ue(t,e,r=[]){return typeof e=="string"?`${t}="${e}"`:P(e)?`:${t}="${p({...e,value:_(e.value,r)})}"`:u.isPlainObject(e)?`:${t}='{${Z(e).join(", ")}}'`:`:${t}='${JSON.stringify(e)}'`}function pe(t={},e=[]){return Object.entries(t).map(([r,n])=>ue(r,n,e))}function le(t,e,r,n){const i=I(e.modifiers,!0);return n&&n.length>0?`@${t}${i.join("")}="(...args:any[]) => ${r}"`:`@${t}${i.join("")}="${r}"`}function fe(t,e={},r={}){const n={},i=Array.from(r[t]||new Set([])),s=i.length?`({${i.join(", ")}}, args)`:"";return{binders:Object.entries(e).map(([a,c])=>{const d=`${u.camelCase(a)}_handler_${t}${s}`;return n[d]=i.length?{type:"JSFunction",value:`{
+          return (${c.handler.value}).apply(this, args);
+        }`}:c.handler,le(a,c,d,i)}),handlers:n}}function me(t,e={},r={},n={},i){const{binders:s,handlers:o}=fe(t,r,n);return{props:pe(e,i).join(" "),handlers:o,binders:s,events:s.join(" ")}}function de(t=[]){const e=[],{vIf:r,vShow:n,vModels:i,vFor:s}=he(t);if(r&&e.push(`v-if="${p(r.value)}"`),n&&e.push(`v-show="${p(n.value)}"`),i.forEach(o=>{const a=I(o.modifiers,!0),c=o.arg?k(o.arg)?`:[${p(o.arg)}]`:`:${o.arg}`:"";e.push(`v-model${c}${a}="${p(o.value)}"`)}),s){const{item:o,index:a}={item:"item",index:"index",...s.iterator};e.push(`v-for="(${o}, ${a}) in ${p(s.value)}"`)}return e}function he(t=[]){const e=t.find(o=>u.camelCase(o.name)==="vIf"),r=t.find(o=>u.camelCase(o.name)==="vFor"),n=t.find(o=>u.camelCase(o.name)==="vShow"),i=t.find(o=>u.camelCase(o.name)==="vBind"),s=t.filter(o=>u.camelCase(o.name)==="vModel");return{vIf:e,vFor:r,vShow:n,vModels:s,vBind:i}}function ye(t,e,r,n,i){if(typeof t=="string")return t;if(k(t)){let s=p(t,!1);return s=_(s,e),s=F(s),`{{ ${s} }}`}return Array.isArray(t)?R(t,r,e,n,i):""}function ge(t,e,r){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_${r}`}"`}>
+    ${e}
+    </template>`}function $e(t,e=[],r=[],n={}){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(n))(i[s]??(i[s]=[])).push(...Array.from(o));return Object.entries(i).filter(([s,o])=>!!o.length).map(([s,o])=>`import { ${u.dedupArray(o).join(",")}} from '${s}';`).concat(r)}function be(t,e){const{dsl:r}=t,n=Object.keys(r.computed||{}),i=$(r.lifeCycles,n),s=$(r.computed,n),o=se(r.watch,n),a=oe(r.dataSources),{methods:c,nodes:d,components:h,importBlocks:y}=R(r.nodes||[],e,n,t.context),j=[...s,...o.computed],l=$({...c,...r.methods||{}},n),v=y.map(g=>`import ${g.name} from '$vtj/raw/${g.id}.vue';`),f=$e(e,h,v,t.imports);return{id:r.id,version:r.__VERSION__,name:r.name,state:ee(r.state).join(","),inject:te(r.inject).join(","),props:re(r.props).join(","),emits:ne(r.emits).join(","),watch:o.watches.join(","),lifeCycles:i.join(","),computed:j.join(","),methods:[...a,...l].join(","),imports:f.join(`
+`),components:h.join(","),returns:t.members.join(","),template:d.join(`
+`),css:r.css||""}}const je=`
+<%= imports %>
+import { useProvider } from '@vtj/renderer';
+export default defineComponent({
+  name: '<%= name %>', 
+  <% if(inject) { %> inject: { <%= inject %>}, <% } %>
+  <% if(components) { %> components: { <%= components %> }, <% } %>
+  <% if(props) { %> props: { <%= props %> }, <% } %>
+  <% if(emits) {%> emits: [<%= emits %>], <% } %> 
+  setup(props) {
+    const provider = useProvider({
+      id: '<%= id %>',
+      version: '<%= version %>'
+    });
+    const state = reactive({ <%= state %> });
+    return {
+      state,
+      props,
+      provider
+      <% if(returns) { %>, <%= returns %> <% } %>
+    };
+  },
+  <% if(computed) { %> computed: { <%= computed %> }, <% } %>
+  <% if(methods) { %> methods: { <%= methods %> }, <% } %>
+  <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
+});
+`.replace(/(\n|\r|\t)/g,""),ve=`
+<template>
+<%= template %>
+</template>
+<script lang="ts">
+<%= script %>
+<\/script>
+<style lang="scss" scoped>
+<%= css %>
+</style>
+`,we=u.template(je),Se=u.template(ve);async function Ce(t,e=new Map,r=[],n){const i=new K(u.cloneDeep(t),r),s=be(i,e),o=we(s),a=Se({template:s.template,css:await Y(s.css,n),script:await X(o,n)});return await U(a,n)}exports.VTJ_CODER_VERSION=H;exports.generator=Ce;

package/dist/index.mjs

@@ -0,0 +1,477 @@
+import { dedupArray as v, toArray as V, camelCase as m, isPlainObject as q, template as F, cloneDeep as D } from "@vtj/base";
+import { format as x } from "prettier/standalone";
+import * as M from "prettier/plugins/html";
+import * as Q from "prettier/plugins/babel";
+import * as z from "prettier/plugins/postcss";
+import * as G from "prettier/plugins/estree";
+/**!
+ * Copyright (c) 2024, VTJ.PRO All rights reserved.
+ * @name @vtj/coder 
+ * @author CHC chenhuachun1549@dingtalk.com 
+ * @version 0.7.0
+ * @license <a href="https://vtj.pro/license.html">MIT License</a>
+ */
+const ke = "0.7.0", k = {
+  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 H(t, e) {
+  return e ? t : await x(t, {
+    parser: "html",
+    ...k,
+    plugins: [M]
+  });
+}
+async function U(t, e) {
+  return e ? t : await x(t, {
+    parser: "babel-ts",
+    ...k,
+    plugins: [Q, G]
+  });
+}
+async function X(t, e) {
+  return e ? t : x(t, {
+    parser: "scss",
+    ...k,
+    plugins: [z]
+  });
+}
+function C(t) {
+  return t && t.type === "JSExpression";
+}
+function O(t) {
+  return typeof t == "object" && t && t.type === "JSFunction";
+}
+function A(t) {
+  return C(t) || O(t);
+}
+function N(t) {
+  return t.replace(new RegExp("this.", "g"), "");
+}
+function _(t) {
+  return t.replace(new RegExp("this.context.", "g"), "");
+}
+function p(t, e = !0, r = !0) {
+  const n = A(t) ? t.value : e ? JSON.stringify(t) : t;
+  return r ? N(_(n)) : _(n);
+}
+function E(t, e = []) {
+  let r = t;
+  for (const n of e)
+    r = r.replace(
+      new RegExp(`this.${n}.value`, "g"),
+      `this.${n}`
+    );
+  return r;
+}
+function I(t) {
+  let e = t.trim();
+  return e.startsWith("{") || (e.startsWith("async function") ? e = e.replace(/^async function/, "async") : e.startsWith("function") ? e = e.replace(/^function/, "") : e = e.replace("=>", "")), e;
+}
+function Y(t = {}) {
+  return Object.entries(t).map(([e, r]) => `"${e}": ${p(r)}`);
+}
+function R(t = {}, e = !1) {
+  const r = Object.keys(t);
+  return e ? r.map((n) => "." + n) : r;
+}
+class Z {
+  constructor(e, r) {
+    this.dsl = e, this.dependencies = r, this.libraryRegex = this.collectLibrary(), this.walk(e), this.walkNodes(e), this.members = this.getLibraryMember();
+  }
+  /**
+   *  { 'element-plus': ['ElButton', 'ElInput' ...] }
+   */
+  imports = {};
+  context = {};
+  members = [];
+  libraryRegex = [];
+  collectLibrary() {
+    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(e) {
+    const r = e.split(".");
+    if (r.length === 4) {
+      const n = r.pop(), i = r.join(".") + ".", s = r.pop();
+      if (n && s) {
+        const o = this.dependencies.find((a) => a.library === s)?.package;
+        o && (this.imports[o] || (this.imports[o] = /* @__PURE__ */ new Set())).add(n);
+      }
+      return {
+        name: n,
+        path: i,
+        library: s
+      };
+    }
+    return null;
+  }
+  // 代码中包含依赖库的引用，需要从代码中移除
+  replaceLibraryPath(e) {
+    const { libraryRegex: r } = this;
+    let n = e.value;
+    for (const i of r) {
+      const s = e.value.match(i) || [];
+      for (const o of s) {
+        const a = this.collectImport(o);
+        a && (n = n.replace(new RegExp(a.path, "g"), ""));
+      }
+    }
+    return n;
+  }
+  walk(e) {
+    const r = (n) => {
+      if (!n || typeof n != "object")
+        return;
+      if (Array.isArray(n)) {
+        for (let s of n)
+          r(s);
+        return;
+      }
+      const i = Object.values(n);
+      for (const s of i)
+        A(s) ? s.value = this.replaceLibraryPath(s) : r(s);
+    };
+    r(e);
+  }
+  getLibraryMember(e = []) {
+    let r = [...e];
+    for (const n of Object.values(this.imports))
+      r = r.concat(Array.from(n));
+    return v(r);
+  }
+  collectContext(e, r) {
+    const n = new Set(r?.id ? this.context[r.id] : []), i = (e.directives || []).find((a) => a.name === "vFor");
+    let s = new Set(Array.from(n));
+    if (i) {
+      const { item: a = "item", index: c = "index" } = i.iterator || {};
+      s = /* @__PURE__ */ 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_${r?.id}`];
+      s = /* @__PURE__ */ new Set([...c, ...Array.from(s)]);
+    }
+    this.context[e.id] = s;
+  }
+  walkNodes(e) {
+    const r = (n, i) => {
+      this.collectContext(n, i), Array.isArray(n.children) && n.children.forEach((s) => r(s, n));
+    };
+    Array.isArray(e.nodes) && e.nodes.forEach((n) => r(n));
+  }
+}
+function K(t = {}) {
+  return Object.entries(t).map(([e, r]) => {
+    const n = p(r, !1);
+    return `${e}:${n}`;
+  });
+}
+function ee(t = []) {
+  return t.map((e) => `${e.name}: {
+            from: '${e.from || e.name}',
+            default: ${p(e.default, !0, !1)}
+        }`);
+}
+function te(t = []) {
+  const e = (r) => r ? `[${V(r).map((s) => s.replace(/\'|\"/gi, "")).join(",")}]` : void 0;
+  return t.map((r) => typeof r == "string" ? `${r}: {}` : `${r.name}: {
+          type:${e(r.type)},
+          required: ${r.required},
+          default: ${p(r.default, !0, !1)}
+          }`);
+}
+function re(t = []) {
+  return t.map((e) => `'${e}'`);
+}
+function g(t = {}, e = []) {
+  return Object.entries(t).map(([r, n]) => {
+    let i = I(p(n, !1, !1));
+    return i = E(i, e), i.startsWith("async") ? `async ${r}${i.replace(/^async/, "")}` : `${r}${i}`;
+  });
+}
+function ne(t = [], e = []) {
+  const r = t.reduce(
+    (s, o) => (o.id && O(o.source) && (s[`watcher_${o.id}`] = o.source), s),
+    {}
+  ), n = g(r, e), i = t.map((s) => `watcher_${s.id}: {
+        deep: ${s.deep},
+        immediate:${s.immediate},
+        handler${I(s.handler.value)}
+      }`);
+  return {
+    computed: n,
+    watches: i
+  };
+}
+function se(t = {}) {
+  return Object.values(t).map((e) => {
+    const r = 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(${r});
+        }`;
+  });
+}
+function J(t, e, r = [], n = {}, i) {
+  const s = [];
+  let o = {}, a = [], c = [];
+  return oe(t).forEach((h) => {
+    const $ = [];
+    for (const u of h.children) {
+      let { id: b, name: l, invisible: y, from: w } = u;
+      if (y)
+        continue;
+      const P = ie(l, e, w);
+      P && a.push(P), ae(w) && c.push({ id: w.id, name: l });
+      const { props: L, events: W, handlers: B } = fe(
+        b,
+        u.props,
+        u.events,
+        n,
+        r
+      ), T = me(u.directives).join(" "), f = u.children ? he(
+        u.children,
+        r,
+        e,
+        n,
+        u
+      ) : "";
+      Object.assign(o, B);
+      let S = "";
+      typeof f == "string" ? S = f : (S = (f?.nodes || []).join(`
+`), Object.assign(o, f?.methods || {}), a = a.concat(f?.components || []), c = c.concat(f?.importBlocks || [])), $.push(
+        `<${l} ${T} ${L} ${W}>
+        ${S}
+      </${l}>`
+      );
+    }
+    const j = $e(h.slot, $.join(`
+`), i?.id);
+    s.push(j);
+  }), {
+    nodes: s,
+    methods: o,
+    components: v(a),
+    importBlocks: v(c, "id")
+  };
+}
+function oe(t = []) {
+  const e = /* @__PURE__ */ new Map();
+  for (const r of t) {
+    const n = typeof r.slot == "string" ? r.slot : r.slot?.name, i = e.get(n);
+    i ? i.children.push(r) : e.set(n, { slot: r.slot, children: [r] });
+  }
+  return e;
+}
+function ie(t, e, r) {
+  if (["slot", "component", "template"].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 r || n ? t : null;
+}
+function ae(t) {
+  return !!t && typeof t == "object" && t.type === "Schema";
+}
+function ce(t, e, r = []) {
+  return typeof e == "string" ? `${t}="${e}"` : A(e) ? `:${t}="${p({
+    ...e,
+    value: E(e.value, r)
+  })}"` : q(e) ? `:${t}='{${Y(
+    e
+  ).join(", ")}}'` : `:${t}='${JSON.stringify(e)}'`;
+}
+function pe(t = {}, e = []) {
+  return Object.entries(t).map(([r, n]) => ce(r, n, e));
+}
+function ue(t, e, r, n) {
+  const i = R(e.modifiers, !0);
+  return n && n.length > 0 ? `@${t}${i.join("")}="(...args:any[]) => ${r}"` : `@${t}${i.join("")}="${r}"`;
+}
+function le(t, e = {}, r = {}) {
+  const n = {}, i = Array.from(r[t] || /* @__PURE__ */ new Set([])), s = i.length ? `({${i.join(", ")}}, args)` : "";
+  return {
+    binders: Object.entries(e).map(([a, c]) => {
+      const d = `${m(a)}_handler_${t}${s}`;
+      return n[d] = i.length ? {
+        type: "JSFunction",
+        value: `{
+          return (${c.handler.value}).apply(this, args);
+        }`
+      } : c.handler, ue(a, c, d, i);
+    }),
+    handlers: n
+  };
+}
+function fe(t, e = {}, r = {}, n = {}, i) {
+  const { binders: s, handlers: o } = le(t, r, n);
+  return {
+    props: pe(e, i).join(" "),
+    handlers: o,
+    binders: s,
+    events: s.join(" ")
+  };
+}
+function me(t = []) {
+  const e = [], { vIf: r, vShow: n, vModels: i, vFor: s } = de(t);
+  if (r && e.push(`v-if="${p(r.value)}"`), n && e.push(`v-show="${p(n.value)}"`), i.forEach((o) => {
+    const a = R(o.modifiers, !0), c = o.arg ? C(o.arg) ? `:[${p(o.arg)}]` : `:${o.arg}` : "";
+    e.push(`v-model${c}${a}="${p(o.value)}"`);
+  }), s) {
+    const { item: o, index: a } = { item: "item", index: "index", ...s.iterator };
+    e.push(`v-for="(${o}, ${a}) in ${p(s.value)}"`);
+  }
+  return e;
+}
+function de(t = []) {
+  const e = t.find((o) => m(o.name) === "vIf"), r = t.find((o) => m(o.name) === "vFor"), n = t.find((o) => m(o.name) === "vShow"), i = t.find((o) => m(o.name) === "vBind"), s = t.filter((o) => m(o.name) === "vModel");
+  return {
+    vIf: e,
+    vFor: r,
+    vShow: n,
+    vModels: s,
+    vBind: i
+  };
+}
+function he(t, e, r, n, i) {
+  if (typeof t == "string")
+    return t;
+  if (C(t)) {
+    let s = p(t, !1);
+    return s = E(s, e), s = N(s), `{{ ${s} }}`;
+  }
+  return Array.isArray(t) ? J(t, r, e, n, i) : "";
+}
+function $e(t, e, r) {
+  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_${r}`}"`}>
+    ${e}
+    </template>`;
+}
+function ye(t, e = [], r = [], n = {}) {
+  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(n))
+    (i[s] ?? (i[s] = [])).push(...Array.from(o));
+  return Object.entries(i).filter(([s, o]) => !!o.length).map(([s, o]) => `import { ${v(o).join(
+    ","
+  )}} from '${s}';`).concat(r);
+}
+function ge(t, e) {
+  const { dsl: r } = t, n = Object.keys(r.computed || {}), i = g(r.lifeCycles, n), s = g(r.computed, n), o = ne(r.watch, n), a = se(r.dataSources), { methods: c, nodes: d, components: h, importBlocks: $ } = J(
+    r.nodes || [],
+    e,
+    n,
+    t.context
+  ), j = [...s, ...o.computed], u = g(
+    {
+      ...c,
+      ...r.methods || {}
+    },
+    n
+  ), b = $.map((y) => `import ${y.name} from '$vtj/raw/${y.id}.vue';`), l = ye(
+    e,
+    h,
+    b,
+    t.imports
+  );
+  return {
+    id: r.id,
+    version: r.__VERSION__,
+    name: r.name,
+    state: K(r.state).join(","),
+    inject: ee(r.inject).join(","),
+    props: te(r.props).join(","),
+    emits: re(r.emits).join(","),
+    watch: o.watches.join(","),
+    lifeCycles: i.join(","),
+    computed: j.join(","),
+    methods: [...a, ...u].join(","),
+    imports: l.join(`
+`),
+    components: h.join(","),
+    returns: t.members.join(","),
+    template: d.join(`
+`),
+    css: r.css || ""
+  };
+}
+const ve = `
+<%= imports %>
+import { useProvider } from '@vtj/renderer';
+export default defineComponent({
+  name: '<%= name %>', 
+  <% if(inject) { %> inject: { <%= inject %>}, <% } %>
+  <% if(components) { %> components: { <%= components %> }, <% } %>
+  <% if(props) { %> props: { <%= props %> }, <% } %>
+  <% if(emits) {%> emits: [<%= emits %>], <% } %> 
+  setup(props) {
+    const provider = useProvider({
+      id: '<%= id %>',
+      version: '<%= version %>'
+    });
+    const state = reactive({ <%= state %> });
+    return {
+      state,
+      props,
+      provider
+      <% if(returns) { %>, <%= returns %> <% } %>
+    };
+  },
+  <% if(computed) { %> computed: { <%= computed %> }, <% } %>
+  <% if(methods) { %> methods: { <%= methods %> }, <% } %>
+  <% if(watch) { %> watch: { <%= watch %> }, <% } %> <%= lifeCycles %>
+});
+`.replace(/(\n|\r|\t)/g, ""), je = `
+<template>
+<%= template %>
+</template>
+<script lang="ts">
+<%= script %>
+<\/script>
+<style lang="scss" scoped>
+<%= css %>
+</style>
+`, be = F(ve), we = F(je);
+async function Ce(t, e = /* @__PURE__ */ new Map(), r = [], n) {
+  const i = new Z(D(t), r), s = ge(i, e), o = be(s), a = we({
+    template: s.template,
+    css: await X(s.css, n),
+    script: await U(o, n)
+  });
+  return await H(a, n);
+}
+export {
+  ke as VTJ_CODER_VERSION,
+  Ce as generator
+};

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@vtj/coder",
+  "private": false,
+  "version": "0.7.0",
+  "type": "module",
+  "scripts": {
+    "build": "vue-tsc && vite build",
+    "test": "vitest run",
+    "vitest": "vitest",
+    "coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@vtj/base": "^0.7.0",
+    "@vtj/core": "^0.7.0",
+    "prettier": "~3.2.1"
+  },
+  "devDependencies": {
+    "@vtj/cli": "^0.7.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./types/index.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
+  "gitHead": "b65d1b19322cbd0721173d094db1b5ece018d980",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/types/collecter.d.ts

@@ -0,0 +1,25 @@
+import { type BlockSchema, type Dependencie } from '@vtj/core';
+export declare class Collecter {
+    dsl: BlockSchema;
+    dependencies: Dependencie[];
+    /**
+     *  { 'element-plus': ['ElButton', 'ElInput' ...] }
+     */
+    imports: Record<string, Set<string>>;
+    context: Record<string, Set<string>>;
+    members: string[];
+    private libraryRegex;
+    constructor(dsl: BlockSchema, dependencies: Dependencie[]);
+    private collectLibrary;
+    /**
+     * 收集 import 信息
+     * @param regexMatchItem  ex: this.$libs.ElementPlus.ElButton
+     * @returns  ex: { name: 'ElButton', path: 'this.$libs.ElementPlus.', library: 'ElementPlus' }
+     */
+    private collectImport;
+    private replaceLibraryPath;
+    private walk;
+    private getLibraryMember;
+    private collectContext;
+    private walkNodes;
+}

package/types/formatters.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 代码格式化工具
+ */
+/**
+ * 格式化HTMl代码
+ */
+export declare function htmlFormatter(content: string, disabled?: boolean): Promise<string>;
+/**
+ * 格式化ts代码
+ */
+export declare function tsFormatter(content: string, disabled?: boolean): Promise<string>;
+/**
+ * 格式化js代码s
+ */
+export declare function jsFormatter(content: string, disabled?: boolean): Promise<string>;
+/**
+ * 格式化css代码
+ */
+export declare function cssFormatter(content: string, disabled?: boolean): Promise<string>;

package/types/generator.d.ts

@@ -0,0 +1,9 @@
+import { type BlockSchema, type MaterialDescription, type Dependencie } from '@vtj/core';
+/**
+ * 代码生成器 处理过程：
+ * 1. Generator 读取 dsl、componentMap、dependencies
+ * 2. Collecter 预处理收集信息
+ * 3. Parser 解析 dsl，提取 token
+ * 4. Compiled token 注入模板生成代码文件字符串
+ */
+export declare function generator(dsl: BlockSchema, componentMap?: Map<string, MaterialDescription>, dependencies?: Dependencie[], formatterDisabled?: boolean): Promise<string>;

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export { version as VTJ_CODER_VERSION } from './version';
+export * from './generator';

package/types/parser/dataSources.d.ts

@@ -0,0 +1,2 @@
+import { type DataSourceSchema } from '@vtj/core';
+export declare function parseDataSources(dataSources?: Record<string, DataSourceSchema>): string[];

package/types/parser/emits.d.ts

@@ -0,0 +1 @@
+export declare function parseEmits(emits?: string[]): string[];

package/types/parser/functions.d.ts

@@ -0,0 +1,2 @@
+import { type JSFunction } from '@vtj/core';
+export declare function parseFunctionMap(map?: Record<string, JSFunction>, computedKeys?: string[]): string[];

package/types/parser/imports.d.ts

@@ -0,0 +1,2 @@
+import { type MaterialDescription } from '@vtj/core';
+export declare function parseImports(componentMap: Map<string, MaterialDescription>, components?: string[], importBlocks?: string[], collectImports?: Record<string, Set<string>>): string[];

package/types/parser/index.d.ts

@@ -0,0 +1,21 @@
+import { type MaterialDescription } from '@vtj/core';
+import { Collecter } from '../collecter';
+export interface Token {
+    id: string;
+    version: string;
+    name: string;
+    state: string;
+    inject: string;
+    props: string;
+    emits: string;
+    watch: string;
+    lifeCycles: string;
+    computed: string;
+    methods: string;
+    imports: string;
+    components: string;
+    returns: string;
+    template: string;
+    css: string;
+}
+export declare function parser(collecter: Collecter, componentMap: Map<string, MaterialDescription>): Token;

package/types/parser/inject.d.ts

@@ -0,0 +1,2 @@
+import { type BlockInject } from '@vtj/core';
+export declare function parseInject(inject?: BlockInject[]): string[];

package/types/parser/props.d.ts

@@ -0,0 +1,2 @@
+import { type BlockProp } from '@vtj/core';
+export declare function parseProps(props?: Array<string | BlockProp>): string[];

package/types/parser/state.d.ts

@@ -0,0 +1,2 @@
+import { type BlockState } from '@vtj/core';
+export declare function parseState(state?: BlockState): string[];

package/types/parser/template.d.ts

@@ -0,0 +1,10 @@
+import { type NodeSchema, type MaterialDescription, type JSFunction } from '@vtj/core';
+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>;
+    components: string[];
+    importBlocks: {
+        id: string;
+        name: string;
+    }[];
+};

package/types/parser/watch.d.ts

@@ -0,0 +1,5 @@
+import { type BlockWatch } from '@vtj/core';
+export declare function parseWatch(watch?: BlockWatch[], computedKeys?: string[]): {
+    computed: string[];
+    watches: string[];
+};

package/types/templates.d.ts

@@ -0,0 +1,3 @@
+import { TemplateExecutor } from 'lodash';
+export declare const scriptCompiled: TemplateExecutor;
+export declare const vueCompiled: TemplateExecutor;

package/types/utils.d.ts

@@ -0,0 +1,12 @@
+import { type JSExpression, type JSFunction } from '@vtj/core';
+export declare function isJSExpression(data: any): data is JSExpression;
+export declare function isJSFunction(x: any): x is JSFunction;
+export declare function isJSCode(data: unknown): data is JSExpression | JSFunction;
+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 replaceComputedValue(content: string, keys?: string[]): string;
+export declare function replaceFunctionTag(content: string): string;
+export declare function parsePlainObjectValue(obj?: Record<string, any>): string[];
+export declare function getModifiers(modifiers?: Record<string, boolean>, isToString?: boolean): string[];

package/types/version.d.ts

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