@fangzhongya/vue-archive 0.0.69 → 0.0.71

package/dist/packages/components/use/code.cjs

@@ -1,21 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@fangzhongya/utils/basic/object/mergeObject");require("@fangzhongya/utils/basic/array/toggleArray");const z=require("@fangzhongya/utils/name/humpToLine");require("@fangzhongya/utils/name/lineToLargeHump");require("@fangzhongya/utils/basic/string/appearNum");const H=require("@fangzhongya/utils/basic/string/firstLower");require("@fangzhongya/utils/basic/array/duplicateRemoval");require("@fangzhongya/utils/basic/array/asyncMergeArray");const w=require("@fangzhongya/utils/basic/string/firstUpper");require("@fangzhongya/utils/urls/getSuffix");require("@fangzhongya/utils/basic/array/replaceAfter");const a=require("./util.cjs"),T=require("../../utils/props.cjs"),J=require("@fangzhongya/utils/basic/string/toFunction"),N=["class"];function q(e,n){return e.filter(s=>s.name==n)[0]}function L(e){return e.map(n=>(n.prop||"...arr")+":"+a.setDataType(n.dataType)).join(",")}function A(e,n,s,t,o,h){const g=[],r=[];let b=!0;const v=T.getPropsValue(n.propss||[]),x=T.getEmitsValue(n.emitss||[]),B=T.getExposeValue(n.exposes||[]),C=T.getSlotValue(n.slots||[]);Object.keys(s).forEach(i=>{let u=s[i];if(/^on[A-Z]/.test(i)&&typeof u=="function"){let c=i.substring(2);const f=i.split(":");let l;if(f.length>1?(l=f[0]+f.slice(1).map(m=>w.firstUpper(m)).join(""),c=H.firstLower(c)):(l=f[0],c=z.humpToLine(c)),f.includes("-")){let m=l.split("-");m=m.map(($,V)=>V!=0?w.firstUpper($):$),l=m.join("")}g.push("            @"+c+'="'+l+'"');const p=q(x,c)||{},d=p.selectable||"",S=a.parseParamString(d),y=L(S);r.push(`// ${p.description} ${p.name}: (${p.selectable})`),r.push("function "+l+"("+y+") {"),S.forEach(m=>{const $=m.name||"arr";r.push("   console.log('"+m.label+"', "+$+")")}),r.push("}")}else{let c=i;N.includes(i)&&(c=i+"1"),g.push("            :"+i+'="'+c+'"');const f=q(v,i)||{},l=E(f);if(r.push(`// ${f.description} ${f.name}: {${f.type}} (${f.selectable})`),typeof u=="function"||l.dataType.length==1&&l.type=="function"&&u)r.push("const "+i+" = "+P(u,i,o));else if(b&&(b=!1,r.unshift("import { ref } from 'vue';")),typeof u>"u")if(l.type=="function"){const p=Z(f);r.push("const "+c+" = "+p+";")}else{const p=a.getTypeValue(l.dataType);r.push("const "+c+" = ref("+(p==="undefined"?"":p)+");")}else{let p=j(u,i,o);r.push("const "+c+" = ref("+p+");")}}});const O=Object.values(h||{});O.length>0&&(b&&(b=!1,r.unshift("import { ref } from 'vue';")),g.unshift('            ref="refDom"'),r.push("const refDom = ref()"),O.forEach(i=>{const u=q(B,i.name)||{};r.push(`// ${u.description} ${u.name}：(${u.selectable}) ${u.type}`);const c=i.name+"Value",f=a.parseParamString(u?.selectable||""),l=[],p=i.params||[];f.forEach((d,S)=>{const y=d.name;if(y){const m=y+i.name,$=p[S];if(r.push(`// ${d.label}`),typeof $=="function")r.push("const "+m+" = "+P($,y,i.text));else if(typeof $>"u")r.push("const "+m+" = "+a.getTypeValue(d.dataType)+";");else{let V=j($,y,i.text);r.push("const "+m+" = "+V+";")}l.push(m)}}),i.type==="function"?(u.return?r.push(`const ${c} = refDom.value?.${i.name}(${l.join(", ")})`):r.push(`refDom.value?.${i.name}(${l.join(", ")})`),u.return&&r.push(`console.log('${u.return}', ${c})`)):(r.push(`const ${c} = refDom.value?.${i.name}`),r.push(`console.log('${u.type||u.name}', ${c})`))})),g.length>0&&g.unshift("");const U=M(t,C);return`<!--${e}-->
-<template>
-    <div>
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@fangzhongya/utils/basic/object/mergeObject");require("@fangzhongya/utils/basic/array/toggleArray");const J=require("@fangzhongya/utils/name/humpToLine");require("@fangzhongya/utils/name/lineToLargeHump");require("@fangzhongya/utils/basic/string/appearNum");const N=require("@fangzhongya/utils/basic/string/firstLower");require("@fangzhongya/utils/basic/array/duplicateRemoval");require("@fangzhongya/utils/basic/array/asyncMergeArray");const L=require("@fangzhongya/utils/basic/string/firstUpper");require("@fangzhongya/utils/urls/getSuffix");require("@fangzhongya/utils/basic/array/replaceAfter");const l=require("./util.cjs"),T=require("../../utils/props.cjs"),A=require("@fangzhongya/utils/basic/string/toFunction"),M=["class"];function q(e,n){return e.filter(s=>s.name==n)[0]}function x(e){return e.map(n=>(n.prop||"...arr")+":"+l.setDataType(n.dataType)).join(",")}async function Z(e,n,s,t,o,h){const g=[],r=[];let b=!0;const B=T.getPropsValue(n.propss||[]),C=T.getEmitsValue(n.emitss||[]),H=T.getExposeValue(n.exposes||[]),U=T.getSlotValue(n.slots||[]);Object.keys(s).forEach(async i=>{let u=s[i];if(/^on[A-Z]/.test(i)&&typeof u=="function"){let c=i.substring(2);const f=i.split(":");let a;if(f.length>1?(a=f[0]+f.slice(1).map(m=>L.firstUpper(m)).join(""),c=N.firstLower(c)):(a=f[0],c=J.humpToLine(c)),f.includes("-")){let m=a.split("-");m=m.map(($,F)=>F!=0?L.firstUpper($):$),a=m.join("")}g.push("            @"+c+'="'+a+'"');const p=q(C,c)||{},d=p.selectable||"",S=l.parseParamString(d),y=x(S);r.push(`// ${p.description} ${p.name}: (${p.selectable})`),r.push("function "+a+"("+y+") {"),S.forEach(m=>{const $=m.name||"arr";r.push("   console.log('"+m.label+"', "+$+")")}),r.push("}")}else{let c=i;M.includes(i)&&(c=i+"1"),g.push("            :"+i+'="'+c+'"');const f=q(B,i)||{},a=O(f);if(r.push(`// ${f.description} ${f.name}: {${f.type}} (${f.selectable})`),typeof u=="function"||a.dataType.length==1&&a.type=="function"&&u)r.push("const "+i+" = "+await v(u,i,o));else if(b&&(b=!1,r.unshift("import { ref } from 'vue';")),typeof u>"u")if(a.type=="function"){const p=I(f);r.push("const "+c+" = "+p+";")}else{const p=l.getTypeValue(a.dataType);r.push("const "+c+" = ref("+(p==="undefined"?"":p)+");")}else{let p=D(u,i,o);r.push("const "+c+" = ref("+p+");")}}});const P=Object.values(h||{});P.length>0&&(b&&(b=!1,r.unshift("import { ref } from 'vue';")),g.unshift('            ref="refDom"'),r.push("const refDom = ref()"),P.forEach(i=>{const u=q(H,i.name)||{};r.push(`// ${u.description} ${u.name}：(${u.selectable}) ${u.type}`);const c=i.name+"Value",f=l.parseParamString(u?.selectable||""),a=[],p=i.params||[];f.forEach((d,S)=>{const y=d.name;if(y){const m=y+i.name,$=p[S];if(r.push(`// ${d.label}`),typeof $=="function")r.push("const "+m+" = "+v($,y,i.text));else if(typeof $>"u")r.push("const "+m+" = "+l.getTypeValue(d.dataType)+";");else{let F=D($,y,i.text);r.push("const "+m+" = "+F+";")}a.push(m)}}),i.type==="function"?(u.return?r.push(`const ${c} = refDom.value?.${i.name}(${a.join(", ")})`):r.push(`refDom.value?.${i.name}(${a.join(", ")})`),u.return&&r.push(`console.log('${u.return}', ${c})`)):(r.push(`const ${c} = refDom.value?.${i.name}`),r.push(`console.log('${u.type||u.name}', ${c})`))})),g.length>0&&g.unshift("");const z=G(t,U);let V=`<template>
+   <div>
         <${e}${g.join(`
-`)}>${U.join(`
+`)}>${z.join(`
 `)}
         </${e}>
-    </div>
-</template>
+   </div>
+</template>`;V=await l.prettierHtml(V);let j=r.join(`
+`);return j=await l.prettierTs(j),`<!--${e}-->
+${V}
 <script lang="ts" setup>
-${r.join(`
-`)}
-<\/script>
-`}function M(e={},n){const s=[];return Object.keys(e).forEach(t=>{const o=q(n,t)||{},h=e[t];if(h){const g=`            <!-- ${o.description} ${o.name}：(${o.selectable}) -->
+${j}
+<\/script>`}function G(e={},n){const s=[];return Object.keys(e).forEach(t=>{const o=q(n,t)||{},h=e[t];if(h){const g=`            <!-- ${o.description} ${o.name}：(${o.selectable}) -->
             <template #${t}="scope">
-${a.vueFormat(h,"                ")}
-            </template>`;s.push(g)}}),s&&s.length>0&&s.unshift(""),s}function P(e,n,s){const t=s?s[n]:"";return t&&(t.includes("=>")||t.includes("function"))?t:F(e.toString())}function F(e){const n=J.getFunctionFormat(a.prettierFormat(e));if(n){let s=`{
-${a.vueFormat(a.getFunBody(n.body),"   ")}
-}`;return`function (${n.param.split(",").map(t=>t+":any").join(",")}) ${s}`}else return"undefined"}function Z(e){const n=a.parseParamString(e.selectable),s=L(n);let t="";e.return&&(t="return ");let o=`{
-${a.vueFormat(a.getFunBody(t),"   ")}
-}`;return`function (${s}) ${o}`}function G(e){const n=e.trim();return/^\(/.test(n)?F(n):JSON.stringify(e)}function j(e,n,s){const t=s?s[n]:"";return t||(typeof e=="string"?G(e+""):JSON.stringify(e))}function E(e){let n=a.parseTypeDefinition(e?.type),s=n.dataType,t=n.type;t=t.split("<")[0],t=t.trim().toLowerCase(),s.length>1&&(t="any");let o=(e?.selectable||"").trim(),h=[];return o&&t!="boolean"&&(o.includes("|")?o.split("|").forEach(g=>{if(g){let r=g.split(":");h.push({label:g,prop:D(r[0].trim())})}}):h=a.parseParamString(o),t=="array"?t="choice":t!="function"&&h.length>1&&(t="select")),{arr:h,type:t,dataType:s}}function D(e,n){try{if(n?.toLowerCase()=="function")if(typeof e=="string"){if(/^\((.|\n|\r)*\)$/.test(e))return e=e.substring(1,e.length-1),new Function(`{ return ${e} }`)()}else return e;else return new Function(`{ return ${e} }`)()}catch{return""+e}}function I(e,n=!0){const s=E(e),t=a.getTypeValue(s.dataType);if(n){const o=(e.default||"").trim();return D(o||t,s.dataType[0])}else{const o=(e.default||"").trim();return D(o,s.dataType[0])}}exports.getDefaultValue=I;exports.getHmtl=A;exports.getSpecType=E;exports.setValStringify=j;
+${l.vueFormat(h,"                ")}
+            </template>`;s.push(g)}}),s&&s.length>0&&s.unshift(""),s}function v(e,n,s){const t=s?s[n]:"";return t&&(t.includes("=>")||t.includes("function"))?t:w(e.toString())}async function w(e){const n=A.getFunctionFormat(e);if(n){let s=`{
+${l.vueFormat(l.getFunBody(n.body),"   ")}
+}`;return`function (${n.param.split(",").map(t=>t+":any").join(",")}) ${s}`}else return"undefined"}function I(e){const n=l.parseParamString(e.selectable),s=x(n);let t="";e.return&&(t="return ");let o=`{
+${l.vueFormat(l.getFunBody(t),"   ")}
+}`;return`function (${s}) ${o}`}function K(e){const n=e.trim();return/^\(/.test(n)?w(n):JSON.stringify(e)}function D(e,n,s){const t=s?s[n]:"";return t||(typeof e=="string"?K(e+""):JSON.stringify(e))}function O(e){let n=l.parseTypeDefinition(e?.type),s=n.dataType,t=n.type;t=t.split("<")[0],t=t.trim().toLowerCase(),s.length>1&&(t="any");let o=(e?.selectable||"").trim(),h=[];return o&&t!="boolean"&&(o.includes("|")?o.split("|").forEach(g=>{if(g){let r=g.split(":");h.push({label:g,prop:E(r[0].trim())})}}):h=l.parseParamString(o),t=="array"?t="choice":t!="function"&&h.length>1&&(t="select")),{arr:h,type:t,dataType:s}}function E(e,n){try{if(n?.toLowerCase()=="function")if(typeof e=="string"){if(/^\((.|\n|\r)*\)$/.test(e))return e=e.substring(1,e.length-1),new Function(`{ return ${e} }`)()}else return e;else return new Function(`{ return ${e} }`)()}catch{return""+e}}function Q(e,n=!0){const s=O(e),t=l.getTypeValue(s.dataType);if(n){const o=(e.default||"").trim();return E(o||t,s.dataType[0])}else{const o=(e.default||"").trim();return E(o,s.dataType[0])}}exports.getDefaultValue=Q;exports.getHmtl=Z;exports.getSpecType=O;exports.setValStringify=D;

package/dist/packages/components/use/code.d.ts

@@ -1,17 +1,25 @@
-import { ObjStr, ObjUnk } from '../../config';
-import { SpecObjs, Spec } from '../../utils/index';
-export declare function getHmtl(propsname: string, param: {
-    [key: string]: SpecObjs[];
-}, value: ObjUnk, slotValue?: ObjStr, propsText?: ObjStr, exposeText?: ObjUnk): string;
-export declare function setValStringify(v: unknown, key: string, propsText?: ObjStr): string;
-type SelectsObj = {
-    label: string;
-    prop: unknown;
-};
-export declare function getSpecType(val: Spec): {
-    arr: SelectsObj[];
-    type: string;
-    dataType: string[];
-};
-export declare function getDefaultValue(obj: Spec, is?: boolean): any;
-export {};
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from '../../../vue/dist/vue.esm-bundler.js';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    html: {
+        type: StringConstructor;
+        default(): string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    refresh: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    html: {
+        type: StringConstructor;
+        default(): string;
+    };
+}>> & Readonly<{
+    onRefresh?: ((...args: any[]) => any) | undefined;
+}>, {
+    html: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/packages/components/use/code.js

@@ -1,53 +1,53 @@
 import "@fangzhongya/utils/basic/object/mergeObject";
 import "@fangzhongya/utils/basic/array/toggleArray";
-import { humpToLine as U } from "@fangzhongya/utils/name/humpToLine";
+import { humpToLine as q } from "@fangzhongya/utils/name/humpToLine";
 import "@fangzhongya/utils/name/lineToLargeHump";
 import "@fangzhongya/utils/basic/string/appearNum";
-import { firstLower as Z } from "@fangzhongya/utils/basic/string/firstLower";
+import { firstLower as v } from "@fangzhongya/utils/basic/string/firstLower";
 import "@fangzhongya/utils/basic/array/duplicateRemoval";
 import "@fangzhongya/utils/basic/array/asyncMergeArray";
-import { firstUpper as w } from "@fangzhongya/utils/basic/string/firstUpper";
+import { firstUpper as L } from "@fangzhongya/utils/basic/string/firstUpper";
 import "@fangzhongya/utils/urls/getSuffix";
 import "@fangzhongya/utils/basic/array/replaceAfter";
-import { getTypeValue as V, parseParamString as j, parseTypeDefinition as q, setDataType as v, vueFormat as E, getFunBody as C, prettierFormat as G } from "./util.js";
-import { getPropsValue as I, getEmitsValue as K, getExposeValue as M, getSlotValue as Q } from "../../utils/props.js";
-import { getFunctionFormat as R } from "@fangzhongya/utils/basic/string/toFunction";
-const W = ["class"];
+import { getTypeValue as D, parseParamString as j, prettierHtml as G, prettierTs as I, parseTypeDefinition as K, setDataType as M, vueFormat as O, getFunBody as z } from "./util.js";
+import { getPropsValue as Q, getEmitsValue as R, getExposeValue as W, getSlotValue as X } from "../../utils/props.js";
+import { getFunctionFormat as Y } from "@fangzhongya/utils/basic/string/toFunction";
+const _ = ["class"];
 function T(t, n) {
   return t.filter((s) => s.name == n)[0];
 }
-function P(t) {
-  return t.map((n) => (n.prop || "...arr") + ":" + v(n.dataType)).join(",");
+function B(t) {
+  return t.map((n) => (n.prop || "...arr") + ":" + M(n.dataType)).join(",");
 }
-function ht(t, n, s, e, i, h) {
+async function yt(t, n, s, e, i, h) {
   const m = [], r = [];
   let d = !0;
-  const B = I(n.propss || []), J = K(n.emitss || []), N = M(n.exposes || []), A = Q(n.slots || []);
-  Object.keys(s).forEach((o) => {
+  const J = Q(n.propss || []), N = R(n.emitss || []), A = W(n.exposes || []), U = X(n.slots || []);
+  Object.keys(s).forEach(async (o) => {
     let c = s[o];
     if (/^on[A-Z]/.test(o) && typeof c == "function") {
       let u = o.substring(2);
-      const f = o.split(":");
+      const a = o.split(":");
       let l;
-      if (f.length > 1 ? (l = f[0] + f.slice(1).map((p) => w(p)).join(""), u = Z(u)) : (l = f[0], u = U(u)), f.includes("-")) {
+      if (a.length > 1 ? (l = a[0] + a.slice(1).map((p) => L(p)).join(""), u = v(u)) : (l = a[0], u = q(u)), a.includes("-")) {
         let p = l.split("-");
-        p = p.map(($, S) => S != 0 ? w($) : $), l = p.join("");
+        p = p.map(($, w) => w != 0 ? L($) : $), l = p.join("");
       }
       m.push("            @" + u + '="' + l + '"');
-      const a = T(J, u) || {}, y = a.selectable || "", b = j(y), g = P(b);
-      r.push(`// ${a.description} ${a.name}: (${a.selectable})`), r.push("function " + l + "(" + g + ") {"), b.forEach((p) => {
+      const f = T(N, u) || {}, y = f.selectable || "", b = j(y), g = B(b);
+      r.push(`// ${f.description} ${f.name}: (${f.selectable})`), r.push("function " + l + "(" + g + ") {"), b.forEach((p) => {
         const $ = p.name || "arr";
         r.push("   console.log('" + p.label + "', " + $ + ")");
       }), r.push("}");
     } else {
       let u = o;
-      W.includes(o) && (u = o + "1"), m.push("            :" + o + '="' + u + '"');
-      const f = T(B, o) || {}, l = z(f);
+      _.includes(o) && (u = o + "1"), m.push("            :" + o + '="' + u + '"');
+      const a = T(J, o) || {}, l = H(a);
       if (r.push(
-        `// ${f.description} ${f.name}: {${f.type}} (${f.selectable})`
+        `// ${a.description} ${a.name}: {${a.type}} (${a.selectable})`
       ), typeof c == "function" || l.dataType.length == 1 && l.type == "function" && c)
         r.push(
-          "const " + o + " = " + x(
+          "const " + o + " = " + await C(
             c,
             o,
             i
@@ -55,42 +55,42 @@ function ht(t, n, s, e, i, h) {
         );
       else if (d && (d = !1, r.unshift("import { ref } from 'vue';")), typeof c > "u")
         if (l.type == "function") {
-          const a = Y(f);
-          r.push("const " + u + " = " + a + ";");
+          const f = tt(a);
+          r.push("const " + u + " = " + f + ";");
         } else {
-          const a = V(l.dataType);
+          const f = D(l.dataType);
           r.push(
-            "const " + u + " = ref(" + (a === "undefined" ? "" : a) + ");"
+            "const " + u + " = ref(" + (f === "undefined" ? "" : f) + ");"
           );
         }
       else {
-        let a = L(c, o, i);
-        r.push("const " + u + " = ref(" + a + ");");
+        let f = P(c, o, i);
+        r.push("const " + u + " = ref(" + f + ");");
       }
     }
   });
-  const O = Object.values(h || {});
-  O.length > 0 && (d && (d = !1, r.unshift("import { ref } from 'vue';")), m.unshift('            ref="refDom"'), r.push("const refDom = ref()"), O.forEach((o) => {
-    const c = T(N, o.name) || {};
+  const x = Object.values(h || {});
+  x.length > 0 && (d && (d = !1, r.unshift("import { ref } from 'vue';")), m.unshift('            ref="refDom"'), r.push("const refDom = ref()"), x.forEach((o) => {
+    const c = T(A, o.name) || {};
     r.push(
       `// ${c.description} ${c.name}：(${c.selectable}) ${c.type}`
     );
-    const u = o.name + "Value", f = j(c?.selectable || ""), l = [], a = o.params || [];
-    f.forEach((y, b) => {
+    const u = o.name + "Value", a = j(c?.selectable || ""), l = [], f = o.params || [];
+    a.forEach((y, b) => {
       const g = y.name;
       if (g) {
-        const p = g + o.name, $ = a[b];
+        const p = g + o.name, $ = f[b];
         if (r.push(`// ${y.label}`), typeof $ == "function")
           r.push(
-            "const " + p + " = " + x($, g, o.text)
+            "const " + p + " = " + C($, g, o.text)
           );
         else if (typeof $ > "u")
           r.push(
-            "const " + p + " = " + V(y.dataType) + ";"
+            "const " + p + " = " + D(y.dataType) + ";"
           );
         else {
-          let S = L($, g, o.text);
-          r.push("const " + p + " = " + S + ";");
+          let w = P($, g, o.text);
+          r.push("const " + p + " = " + w + ";");
         }
         l.push(p);
       }
@@ -100,68 +100,70 @@ function ht(t, n, s, e, i, h) {
       )})`
     ) : r.push(`refDom.value?.${o.name}(${l.join(", ")})`), c.return && r.push(`console.log('${c.return}', ${u})`)) : (r.push(`const ${u} = refDom.value?.${o.name}`), r.push(`console.log('${c.type || c.name}', ${u})`));
   })), m.length > 0 && m.unshift("");
-  const H = X(e, A);
-  return `<!--${t}-->
-<template>
-    <div>
+  const Z = k(e, U);
+  let S = `<template>
+   <div>
         <${t}${m.join(`
-`)}>${H.join(`
+`)}>${Z.join(`
 `)}
         </${t}>
-    </div>
-</template>
+   </div>
+</template>`;
+  S = await G(S);
+  let V = r.join(`
+`);
+  return V = await I(V), `<!--${t}-->
+${S}
 <script lang="ts" setup>
-${r.join(`
-`)}
-<\/script>
-`;
+${V}
+<\/script>`;
 }
-function X(t = {}, n) {
+function k(t = {}, n) {
   const s = [];
   return Object.keys(t).forEach((e) => {
     const i = T(n, e) || {}, h = t[e];
     if (h) {
       const m = `            <!-- ${i.description} ${i.name}：(${i.selectable}) -->
             <template #${e}="scope">
-${E(h, "                ")}
+${O(h, "                ")}
             </template>`;
       s.push(m);
     }
   }), s && s.length > 0 && s.unshift(""), s;
 }
-function x(t, n, s) {
+function C(t, n, s) {
   const e = s ? s[n] : "";
-  return e && (e.includes("=>") || e.includes("function")) ? e : F(t.toString());
+  return e && (e.includes("=>") || e.includes("function")) ? e : E(t.toString());
 }
-function F(t) {
-  const n = R(G(t));
+async function E(t) {
+  const n = Y(t);
   if (n) {
     let s = `{
-${E(C(n.body), "   ")}
+${O(z(n.body), "   ")}
 }`;
     return `function (${n.param.split(",").map((e) => e + ":any").join(",")}) ${s}`;
   } else
     return "undefined";
 }
-function Y(t) {
-  const n = j(t.selectable), s = P(n);
+function tt(t) {
+  const n = j(t.selectable), s = B(n);
   let e = "";
   t.return && (e = "return ");
   let i = `{
-${E(C(e), "   ")}
+${O(z(e), "   ")}
 }`;
   return `function (${s}) ${i}`;
 }
-function _(t) {
+function et(t) {
   const n = t.trim();
-  return /^\(/.test(n) ? F(n) : JSON.stringify(t);
+  return /^\(/.test(n) ? E(n) : JSON.stringify(t);
 }
-function L(t, n, s) {
+function P(t, n, s) {
   const e = s ? s[n] : "";
-  return e || (typeof t == "string" ? _(t + "") : JSON.stringify(t));
+  return e || (typeof t == "string" ? et(t + "") : JSON.stringify(t));
 }
-function z(t) {
-  let n = q(t?.type), s = n.dataType, e = n.type;
+function H(t) {
+  let n = K(t?.type), s = n.dataType, e = n.type;
   e = e.split("<")[0], e = e.trim().toLowerCase(), s.length > 1 && (e = "any");
   let i = (t?.selectable || "").trim(), h = [];
   return i && e != "boolean" && (i.includes("|") ? i.split("|").forEach((m) => {
@@ -169,7 +171,7 @@ function z(t) {
       let r = m.split(":");
       h.push({
         label: m,
-        prop: D(r[0].trim())
+        prop: F(r[0].trim())
       });
     }
   }) : h = j(i), e == "array" ? e = "choice" : e != "function" && h.length > 1 && (e = "select")), {
@@ -178,7 +180,7 @@ function z(t) {
     dataType: s
   };
 }
-function D(t, n) {
+function F(t, n) {
   try {
     if (n?.toLowerCase() == "function")
       if (typeof t == "string") {
@@ -192,19 +194,19 @@ function D(t, n) {
     return "" + t;
   }
 }
-function $t(t, n = !0) {
-  const s = z(t), e = V(s.dataType);
+function dt(t, n = !0) {
+  const s = H(t), e = D(s.dataType);
   if (n) {
     const i = (t.default || "").trim();
-    return D(i || e, s.dataType[0]);
+    return F(i || e, s.dataType[0]);
   } else {
     const i = (t.default || "").trim();
-    return D(i, s.dataType[0]);
+    return F(i, s.dataType[0]);
   }
 }
 export {
-  $t as getDefaultValue,
-  ht as getHmtl,
-  z as getSpecType,
-  L as setValStringify
+  dt as getDefaultValue,
+  yt as getHmtl,
+  H as getSpecType,
+  P as setValStringify
 };

package/dist/packages/components/use/edit.cjs

@@ -1,18 +1,18 @@
-"use strict";const t=require("vue"),h=require("./code.vue.cjs"),a=require("./retrie/input/index.vue.cjs");;/* empty css                          */const y=require("./effect.vue.cjs");function _(r){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const u in r)if(u!=="default"){const i=Object.getOwnPropertyDescriptor(r,u);Object.defineProperty(m,u,i.get?i:{enumerable:!0,get:()=>r[u]})}}return m.default=r,Object.freeze(m)}const v=_(t),g=t.defineComponent({props:{value:{type:Object},param:{type:Object}},data(){return{template:"",script:"",style:"",vueHtml:""}},setup(r){function m(s){const c=document.getElementsByTagName("head")[0],l="data-vite-dev-id",o=s+".css",p=c.querySelector(`style[${l}="${o}"]`);if(p)return p;{let e=document.createElement("style");return e.appendChild(document.createTextNode("")),e.setAttribute("type","text/css"),e.setAttribute(l,o),c.appendChild(e),e}}function u(s,c="",l){const o=[],p=r.value?.name;let e="";return Object.keys(v).forEach(d=>{c.includes(d+"(")&&o.push(d)}),o.length>0&&(e=`import { ${o.join(" , ")} } from 'vue';`),`<!--${p}-->
-<template>
-    ${s}
-</template>
-<script>
-${e}
+"use strict";const e=require("vue"),_=require("./code.vue.cjs"),f=require("./retrie/input/index.vue.cjs");;/* empty css                          */const g=require("./effect.vue.cjs"),d=require("./util.cjs");function b(c){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const i in c)if(i!=="default"){const u=Object.getOwnPropertyDescriptor(c,i);Object.defineProperty(a,i,u.get?u:{enumerable:!0,get:()=>c[i]})}}return a.default=c,Object.freeze(a)}const h=b(e),j=e.defineComponent({props:{value:{type:Object},param:{type:Object}},data(){return{template:"",script:"",style:"",vueHtml:""}},setup(c){function a(r){const o=document.getElementsByTagName("head")[0],l="data-vite-dev-id",s=r+".css",p=o.querySelector(`style[${l}="${s}"]`);if(p)return p;{let t=document.createElement("style");return t.appendChild(document.createTextNode("")),t.setAttribute("type","text/css"),t.setAttribute(l,s),o.appendChild(t),t}}async function i(r,o="",l){const s=[],p=c.value?.name;let t="";Object.keys(h).forEach(y=>{o.includes(y+"(")&&s.push(y)}),s.length>0&&(t=`import { ${s.join(" , ")} } from 'vue';`);let m=`<template>
+    ${r}
+</template>`;m=await d.prettierHtml(m);let v=`${t}
 export default {
 	setup(props, ctx) {
-		${c}
+		${o}
 	}
-}
+}`;return v=await d.prettierJs(v),`<!--${p}-->
+${m}
+<script>
+${v}
 <\/script>
 <style>
 ${l}
 </style>
-`}function i(s,c,l){try{const o=Object.keys(v);return new Function("props","ctx","vue",` "use strict"; 
-					const { ${o.join(",")} } = vue;
-					${s}; `)(c,l,v)}catch(o){console.error("Code block execution failed:",o)}}const n=t.ref(null);return t.onMounted(()=>{n.value=m(r.value?.key)}),{getHmtlVue:u,getCodeBlock:i,style:n}},render(r,m,u,i,n){const s=u.value;let c="div";s.component?c=t.defineAsyncComponent(s.component):s.name&&(c=t.resolveComponent(s.name));const l={};l[s.name]=c;const o=()=>{const e=i.getHmtlVue(n.template,n.script,n.style);n.vueHtml=e},p=()=>{i.style.innerHTML=n.style,o()};return t.h("div",{class:"code-edit"},[t.h("div",{class:"edit-effect use"},[t.h(y,{class:"use-component"},{default:()=>t.h(t.defineComponent({components:l,setup(e,f){return i.getCodeBlock(n.script,e,f)},template:n.template}))}),t.h(h,{html:n.vueHtml,name:s.name+"_edit",onRefresh:o})]),t.h("div",{class:"edit-input"},[t.h("div",{onClick:p},"运行"),t.h("div",{},[t.h("div",{},"template"),t.h(a,{check:e=>e,modelValue:n.template,"onUpdate:modelValue":e=>{n.template=e}})]),t.h("div",{},[t.h("div",{},"script"),t.h("div",{},"setup(props, ctx)"),t.h(a,{check:e=>e,modelValue:n.script,"onUpdate:modelValue":e=>{n.script=e}})]),t.h("div",{},[t.h("div",{},"style"),t.h(a,{check:e=>e,modelValue:n.style,"onUpdate:modelValue":e=>{n.style=e}})])])])}});module.exports=g;
+`}function u(r,o,l){try{const s=Object.keys(h);return new Function("props","ctx","vue",` "use strict"; 
+					const { ${s.join(",")} } = vue;
+					${r}; `)(o,l,h)}catch(s){console.error("Code block execution failed:",s)}}const n=e.ref(null);return e.onMounted(()=>{n.value=a(c.value?.key)}),{getHmtlVue:i,getCodeBlock:u,style:n}},render(c,a,i,u,n){const r=i.value||{};let o="div";r.component?o=e.defineAsyncComponent(r.component):r.name&&(o=e.resolveComponent(r.name));const l={};l[r.name]=o;const s=async()=>{const t=await u.getHmtlVue(n.template,n.script,n.style);n.vueHtml=t},p=()=>{u.style.innerHTML=n.style,s()};return e.h("div",{class:"code-edit"},[e.h("div",{class:"edit-effect use"},[e.h(g,{class:"use-component"},{default:()=>e.h(e.defineComponent({components:l,setup(t,m){return u.getCodeBlock(n.script,t,m)},template:n.template||"<div></div>"}))}),e.h(_,{html:n.vueHtml,name:r.name+"_edit",onRefresh:s})]),e.h("div",{class:"edit-input"},[e.h("div",{class:"but-div",onClick:p},"运行"),e.h("div",{},[e.h("div",{},"template"),e.h("div",{},e.h(f,{format:"html",check:t=>t,modelValue:n.template,"onUpdate:modelValue":async t=>{n.template=await d.prettierHtml(t)}}))]),e.h("div",{},[e.h("div",{},"script"),e.h("div",{},"setup(props, ctx)"),e.h("div",{},e.h(f,{format:"js",check:t=>t,modelValue:n.script,"onUpdate:modelValue":async t=>{n.script=await d.prettierJs(t)}}))]),e.h("div",{},[e.h("div",{},"style"),e.h("div",{},e.h(f,{format:"css",check:t=>t,modelValue:n.style,"onUpdate:modelValue":async t=>{n.style=await d.prettierCss(t)}}))])])])}});module.exports=j;

package/dist/packages/components/use/edit.d.ts

@@ -13,7 +13,7 @@ declare const _default: vues.DefineComponent<vues.ExtractPropTypes<{
         type: ObjectConstructor;
     };
 }>, {
-    getHmtlVue: (template: string, script: string | undefined, style: string) => string;
+    getHmtlVue: (template: string, script: string | undefined, style: string) => Promise<string>;
     getCodeBlock: (value: string, props: any, ctx: any) => any;
     style: vues.Ref<HTMLStyleElement | null, HTMLStyleElement | null>;
 }, {