@fangzhongya/vue-archive 0.0.2-40 → 0.0.2-41

package/dist/node/index.cjs

@@ -63606,12 +63606,63 @@ function getConfig(key) {
 var import_standalone = __toESM(require_standalone(), 1);
 var import_parser_typescript = __toESM(require_parser_typescript(), 1);
 var import_parser_html = __toESM(require_parser_html(), 1);
+function prettierFormat(st) {
+  let str = import_standalone.default.format(st, {
+    parser: "typescript",
+    plugins: [import_parser_typescript.default]
+  });
+  return str.replace(/\;(\s|\n\r)*$/, "");
+}
 function prettierHtml(st) {
   return import_standalone.default.format(st, {
     parser: "html",
     plugins: [import_parser_html.default]
   });
 }
+function vueFormat(st, kg = "") {
+  let arr = (st + "").trim().split(/\n/);
+  arr = arr.map((v) => {
+    return kg + v;
+  });
+  return arr.join("\n");
+}
+function getFunBody(sr = "") {
+  sr = sr.trim();
+  let body = "[\\s|\\n|\\r]*\\{((.|\n|\r)+?)\\}[\\s|\\n|\\r]*";
+  let reg = new RegExp("^" + body + "$");
+  let vts = reg.exec(sr);
+  if (vts && vts.length > 0) {
+    return getFunBody(vts[1]);
+  } else {
+    return sr;
+  }
+}
+function getFunctionFormat(v) {
+  if (v) {
+    let st = v.toString();
+    st = st.trim();
+    let name = "([a-z|A-Z|_|$][a-z|A-Z|_|$|0-9]*)?";
+    let fun = "(function\\s*" + name + "\\s*)?";
+    let param = "(\\([^\\(|\\)]*\\)\\s*)?";
+    let body = "[\\s|\\n|\\r]*\\{((.|\n|\r)+?)\\}[\\s|\\n|\\r]*";
+    let reg = new RegExp(
+      "^" + fun + param + body + "$"
+    );
+    let vts = reg.exec(st);
+    let obj = {
+      body: st,
+      name: "",
+      param: ""
+    };
+    if (vts && vts.length > 0) {
+      obj.name = vts[2];
+      obj.param = vts[3];
+      obj.body = `{${vts[4]}}`;
+    }
+    obj.body = prettierFormat(obj.body);
+    return obj;
+  }
+}
 
 // packages/node/index.ts
 var _path = require('path');
@@ -65049,6 +65100,24 @@ var slot = {
     }
   }
 };
+function getPropsValue(arr) {
+  return arr.map((obj) => {
+    const v = {};
+    Object.keys(props).forEach((key) => {
+      v[key] = props[key](obj);
+    });
+    return v;
+  });
+}
+function getEmitsValue(arr) {
+  return arr.map((obj) => {
+    const v = {};
+    Object.keys(emits).forEach((key) => {
+      v[key] = emits[key](obj);
+    });
+    return v;
+  });
+}
 
 // packages/components/compo/index.ts
 var notesObj = {
@@ -66335,6 +66404,137 @@ function runDev(config2, configCallback) {
   return new FangMd(config2, configCallback);
 }
 
+// packages/components/use/code.ts
+function getHmtl(propsname, value, slotValue, propsText) {
+  const tarr = [];
+  const sarr = [];
+  let is = true;
+  Object.keys(value).forEach((key) => {
+    let val = value[key];
+    if (/^on[A-Z]/.test(key) && typeof val == "function") {
+      let name = key.substring(2);
+      const knam = key.split(":");
+      let strs;
+      if (knam.length > 1) {
+        strs = knam[0] + knam.slice(1).map((o) => firstUpper(o)).join("");
+        name = firstLower(name);
+      } else {
+        strs = knam[0];
+        name = humpToLine(name);
+      }
+      if (knam.includes("-")) {
+        let arr = strs.split("-");
+        arr = arr.map((vs, i) => {
+          if (i != 0) {
+            return firstUpper(vs);
+          } else {
+            return vs;
+          }
+        });
+        strs = arr.join("");
+      }
+      tarr.push(
+        "            @" + name + '="' + strs + '"'
+      );
+      sarr.push("function " + strs + "(...arr) {");
+      sarr.push(
+        "   console.log('" + strs + "', arr)"
+      );
+      sarr.push("}");
+    } else {
+      tarr.push(
+        "            :" + key + '="' + key + '"'
+      );
+      if (typeof val == "function") {
+        sarr.push(
+          "const " + key + " = " + getFunctionBody(
+            val,
+            key,
+            propsText
+          )
+        );
+      } else {
+        if (is) {
+          is = false;
+          sarr.unshift(
+            "import { ref } from 'vue';"
+          );
+        }
+        if (typeof val == "undefined") {
+          sarr.push("const " + key + " = ref();");
+        } else {
+          let st2 = setValStringify(
+            val,
+            key,
+            propsText
+          );
+          sarr.push(
+            "const " + key + " = ref(" + st2 + ");"
+          );
+        }
+      }
+    }
+  });
+  if (tarr.length > 0) {
+    tarr.unshift("");
+  }
+  const slots = getSlots(slotValue);
+  const st = `<!--${propsname}-->
+<template>
+    <div>
+        <${propsname}${tarr.join("\n")}>${slots.join("\n")}
+        </${propsname}>
+    </div>
+</template>
+<script lang="ts" setup>
+${sarr.join("\n")}
+</script>
+`;
+  return st;
+}
+function getSlots(obj = {}) {
+  const arr = [];
+  Object.keys(obj).forEach((key) => {
+    const v = obj[key];
+    if (v) {
+      const st = `            <template #${key}="scope">
+${vueFormat(v, "                ")}
+            </template>`;
+      arr.push(st);
+    }
+  });
+  if (arr && arr.length > 0) {
+    arr.unshift("");
+  }
+  return arr;
+}
+function getFunctionBody(v, key, propsText) {
+  const text = propsText ? propsText[key] : "";
+  if (text) {
+    return "function" + text;
+  } else {
+    const st = getFunctionFormat(
+      prettierFormat(v.toString())
+    );
+    if (st) {
+      let body = `{
+${vueFormat(getFunBody(st.body), "   ")}
+}`;
+      return `function${st.param}${body}`;
+    } else {
+      return "undefined";
+    }
+  }
+}
+function setValStringify(v, key, propsText) {
+  const text = propsText ? propsText[key] : "";
+  if (text) {
+    return text;
+  } else {
+    return JSON.stringify(v);
+  }
+}
+
 // packages/node/index.ts
 var Fang;
 function h3(div, sx, v) {
@@ -66365,27 +66565,85 @@ async function nodeInit(c, callback) {
     await getCompoData(element);
   }
 }
-function gettests(obj, arr) {
+function gettests(obj, arr, n) {
   const tests = getTestName(obj.key);
-  asyncMergeArray(tests, (res, _reject, zv, inde) => {
-    getLocalTextTests(zv).then((text) => {
-      arr.push(`### \u793A\u4F8B` + inde + 1);
-      const { titles: titles2 } = getNotes(text);
-      const dom = setHtml(
-        "div",
-        {
-          class: "compo-top"
-        },
-        getTopDom(titles2, setHtml)
-      );
-      arr.push(...setDom(dom));
-      arr.push(...setTestUrl(obj, zv));
-      res();
-    }).catch(() => {
+  if (tests && tests.length > 0) {
+    asyncMergeArray(tests, (res, _reject, zv, inde) => {
+      getLocalTextTests(zv).then((text) => {
+        arr.push(`### \u793A\u4F8B` + inde + 1);
+        const { titles: titles2 } = getNotes(text);
+        const dom = setHtml(
+          "div",
+          {
+            class: "compo-top"
+          },
+          getTopDom(titles2, setHtml)
+        );
+        arr.push(...setDom(dom));
+        arr.push(...setTestUrl(obj, zv));
+        res();
+      }).catch(() => {
+      });
+    }).then(() => {
+      setMd(obj, arr);
     });
-  }).then(() => {
+  } else {
+    const name = "cs";
+    const key = _path.join.call(void 0, 
+      configObj.example,
+      obj.value,
+      name,
+      "index.vue"
+    );
+    console.log("key", key);
+    arr.push(
+      ...setTestUrl(obj, {
+        key,
+        name
+      })
+    );
+    setVue(obj.value, n, _path.join.call(void 0, configObj.dir, key));
     setMd(obj, arr);
+  }
+}
+function setVue(propsname, param, url) {
+  const ps = getPropsValue(param.props);
+  const es = getEmitsValue(param.emits);
+  const propsObj = {};
+  ps.forEach((val) => {
+    let name = val.name;
+    if (!name.includes(".")) {
+      let arr = name.split("/");
+      name = (arr[0] || "").trim();
+      if (name) {
+        propsObj[name] = val.default;
+        if (arr && arr.length > 1) {
+          es.push({
+            name: "update:" + name,
+            description: val.description,
+            selectable: "value:[" + val.type + "]"
+          });
+        }
+      }
+    }
+  });
+  es.forEach((val) => {
+    let knam = val.name;
+    if (knam.includes("-")) {
+      let arr = knam.split("-");
+      arr = arr.map((vs, i) => {
+        return firstUpper(vs);
+      });
+      knam = arr.join("");
+    } else {
+      knam = firstUpper(knam);
+    }
+    const name = "on" + knam;
+    propsObj[name] = (...arr) => {
+    };
   });
+  const html = getHmtl(propsname, propsObj);
+  Fang.fileOpen(url, html);
 }
 var lss = 0;
 function setMd(obj, arr) {
@@ -66411,7 +66669,7 @@ function setTestUrl(obj, test) {
     "/" + obj.value + "/index.md"
   );
   const url = getImportUrl(sc, tu);
-  arr.push(`:::preview ${"test.name"}`);
+  arr.push(`:::preview ${test.name}`);
   arr.push(`demo-preview=${url}`);
   arr.push(`:::`);
   return arr;
@@ -66451,7 +66709,7 @@ async function getCompoData(value) {
       });
     }).then(() => {
       arr.push(`## \u793A\u4F8B`);
-      gettests(value, arr);
+      gettests(value, arr, obj);
     });
   });
 }

package/dist/node/index.js

@@ -63606,12 +63606,63 @@ function getConfig(key) {
 var import_standalone = __toESM(require_standalone(), 1);
 var import_parser_typescript = __toESM(require_parser_typescript(), 1);
 var import_parser_html = __toESM(require_parser_html(), 1);
+function prettierFormat(st) {
+  let str = import_standalone.default.format(st, {
+    parser: "typescript",
+    plugins: [import_parser_typescript.default]
+  });
+  return str.replace(/\;(\s|\n\r)*$/, "");
+}
 function prettierHtml(st) {
   return import_standalone.default.format(st, {
     parser: "html",
     plugins: [import_parser_html.default]
   });
 }
+function vueFormat(st, kg = "") {
+  let arr = (st + "").trim().split(/\n/);
+  arr = arr.map((v) => {
+    return kg + v;
+  });
+  return arr.join("\n");
+}
+function getFunBody(sr = "") {
+  sr = sr.trim();
+  let body = "[\\s|\\n|\\r]*\\{((.|\n|\r)+?)\\}[\\s|\\n|\\r]*";
+  let reg = new RegExp("^" + body + "$");
+  let vts = reg.exec(sr);
+  if (vts && vts.length > 0) {
+    return getFunBody(vts[1]);
+  } else {
+    return sr;
+  }
+}
+function getFunctionFormat(v) {
+  if (v) {
+    let st = v.toString();
+    st = st.trim();
+    let name = "([a-z|A-Z|_|$][a-z|A-Z|_|$|0-9]*)?";
+    let fun = "(function\\s*" + name + "\\s*)?";
+    let param = "(\\([^\\(|\\)]*\\)\\s*)?";
+    let body = "[\\s|\\n|\\r]*\\{((.|\n|\r)+?)\\}[\\s|\\n|\\r]*";
+    let reg = new RegExp(
+      "^" + fun + param + body + "$"
+    );
+    let vts = reg.exec(st);
+    let obj = {
+      body: st,
+      name: "",
+      param: ""
+    };
+    if (vts && vts.length > 0) {
+      obj.name = vts[2];
+      obj.param = vts[3];
+      obj.body = `{${vts[4]}}`;
+    }
+    obj.body = prettierFormat(obj.body);
+    return obj;
+  }
+}
 
 // packages/node/index.ts
 import { join as join4 } from "node:path";
@@ -65049,6 +65100,24 @@ var slot = {
     }
   }
 };
+function getPropsValue(arr) {
+  return arr.map((obj) => {
+    const v = {};
+    Object.keys(props).forEach((key) => {
+      v[key] = props[key](obj);
+    });
+    return v;
+  });
+}
+function getEmitsValue(arr) {
+  return arr.map((obj) => {
+    const v = {};
+    Object.keys(emits).forEach((key) => {
+      v[key] = emits[key](obj);
+    });
+    return v;
+  });
+}
 
 // packages/components/compo/index.ts
 var notesObj = {
@@ -66335,6 +66404,137 @@ function runDev(config2, configCallback) {
   return new FangMd(config2, configCallback);
 }
 
+// packages/components/use/code.ts
+function getHmtl(propsname, value, slotValue, propsText) {
+  const tarr = [];
+  const sarr = [];
+  let is = true;
+  Object.keys(value).forEach((key) => {
+    let val = value[key];
+    if (/^on[A-Z]/.test(key) && typeof val == "function") {
+      let name = key.substring(2);
+      const knam = key.split(":");
+      let strs;
+      if (knam.length > 1) {
+        strs = knam[0] + knam.slice(1).map((o) => firstUpper(o)).join("");
+        name = firstLower(name);
+      } else {
+        strs = knam[0];
+        name = humpToLine(name);
+      }
+      if (knam.includes("-")) {
+        let arr = strs.split("-");
+        arr = arr.map((vs, i) => {
+          if (i != 0) {
+            return firstUpper(vs);
+          } else {
+            return vs;
+          }
+        });
+        strs = arr.join("");
+      }
+      tarr.push(
+        "            @" + name + '="' + strs + '"'
+      );
+      sarr.push("function " + strs + "(...arr) {");
+      sarr.push(
+        "   console.log('" + strs + "', arr)"
+      );
+      sarr.push("}");
+    } else {
+      tarr.push(
+        "            :" + key + '="' + key + '"'
+      );
+      if (typeof val == "function") {
+        sarr.push(
+          "const " + key + " = " + getFunctionBody(
+            val,
+            key,
+            propsText
+          )
+        );
+      } else {
+        if (is) {
+          is = false;
+          sarr.unshift(
+            "import { ref } from 'vue';"
+          );
+        }
+        if (typeof val == "undefined") {
+          sarr.push("const " + key + " = ref();");
+        } else {
+          let st2 = setValStringify(
+            val,
+            key,
+            propsText
+          );
+          sarr.push(
+            "const " + key + " = ref(" + st2 + ");"
+          );
+        }
+      }
+    }
+  });
+  if (tarr.length > 0) {
+    tarr.unshift("");
+  }
+  const slots = getSlots(slotValue);
+  const st = `<!--${propsname}-->
+<template>
+    <div>
+        <${propsname}${tarr.join("\n")}>${slots.join("\n")}
+        </${propsname}>
+    </div>
+</template>
+<script lang="ts" setup>
+${sarr.join("\n")}
+</script>
+`;
+  return st;
+}
+function getSlots(obj = {}) {
+  const arr = [];
+  Object.keys(obj).forEach((key) => {
+    const v = obj[key];
+    if (v) {
+      const st = `            <template #${key}="scope">
+${vueFormat(v, "                ")}
+            </template>`;
+      arr.push(st);
+    }
+  });
+  if (arr && arr.length > 0) {
+    arr.unshift("");
+  }
+  return arr;
+}
+function getFunctionBody(v, key, propsText) {
+  const text = propsText ? propsText[key] : "";
+  if (text) {
+    return "function" + text;
+  } else {
+    const st = getFunctionFormat(
+      prettierFormat(v.toString())
+    );
+    if (st) {
+      let body = `{
+${vueFormat(getFunBody(st.body), "   ")}
+}`;
+      return `function${st.param}${body}`;
+    } else {
+      return "undefined";
+    }
+  }
+}
+function setValStringify(v, key, propsText) {
+  const text = propsText ? propsText[key] : "";
+  if (text) {
+    return text;
+  } else {
+    return JSON.stringify(v);
+  }
+}
+
 // packages/node/index.ts
 var Fang;
 function h3(div, sx, v) {
@@ -66365,27 +66565,85 @@ async function nodeInit(c, callback) {
     await getCompoData(element);
   }
 }
-function gettests(obj, arr) {
+function gettests(obj, arr, n) {
   const tests = getTestName(obj.key);
-  asyncMergeArray(tests, (res, _reject, zv, inde) => {
-    getLocalTextTests(zv).then((text) => {
-      arr.push(`### \u793A\u4F8B` + inde + 1);
-      const { titles: titles2 } = getNotes(text);
-      const dom = setHtml(
-        "div",
-        {
-          class: "compo-top"
-        },
-        getTopDom(titles2, setHtml)
-      );
-      arr.push(...setDom(dom));
-      arr.push(...setTestUrl(obj, zv));
-      res();
-    }).catch(() => {
+  if (tests && tests.length > 0) {
+    asyncMergeArray(tests, (res, _reject, zv, inde) => {
+      getLocalTextTests(zv).then((text) => {
+        arr.push(`### \u793A\u4F8B` + inde + 1);
+        const { titles: titles2 } = getNotes(text);
+        const dom = setHtml(
+          "div",
+          {
+            class: "compo-top"
+          },
+          getTopDom(titles2, setHtml)
+        );
+        arr.push(...setDom(dom));
+        arr.push(...setTestUrl(obj, zv));
+        res();
+      }).catch(() => {
+      });
+    }).then(() => {
+      setMd(obj, arr);
     });
-  }).then(() => {
+  } else {
+    const name = "cs";
+    const key = join4(
+      configObj.example,
+      obj.value,
+      name,
+      "index.vue"
+    );
+    console.log("key", key);
+    arr.push(
+      ...setTestUrl(obj, {
+        key,
+        name
+      })
+    );
+    setVue(obj.value, n, join4(configObj.dir, key));
     setMd(obj, arr);
+  }
+}
+function setVue(propsname, param, url) {
+  const ps = getPropsValue(param.props);
+  const es = getEmitsValue(param.emits);
+  const propsObj = {};
+  ps.forEach((val) => {
+    let name = val.name;
+    if (!name.includes(".")) {
+      let arr = name.split("/");
+      name = (arr[0] || "").trim();
+      if (name) {
+        propsObj[name] = val.default;
+        if (arr && arr.length > 1) {
+          es.push({
+            name: "update:" + name,
+            description: val.description,
+            selectable: "value:[" + val.type + "]"
+          });
+        }
+      }
+    }
+  });
+  es.forEach((val) => {
+    let knam = val.name;
+    if (knam.includes("-")) {
+      let arr = knam.split("-");
+      arr = arr.map((vs, i) => {
+        return firstUpper(vs);
+      });
+      knam = arr.join("");
+    } else {
+      knam = firstUpper(knam);
+    }
+    const name = "on" + knam;
+    propsObj[name] = (...arr) => {
+    };
   });
+  const html = getHmtl(propsname, propsObj);
+  Fang.fileOpen(url, html);
 }
 var lss = 0;
 function setMd(obj, arr) {
@@ -66411,7 +66669,7 @@ function setTestUrl(obj, test) {
     "/" + obj.value + "/index.md"
   );
   const url = getImportUrl(sc, tu);
-  arr.push(`:::preview ${"test.name"}`);
+  arr.push(`:::preview ${test.name}`);
   arr.push(`demo-preview=${url}`);
   arr.push(`:::`);
   return arr;
@@ -66451,7 +66709,7 @@ async function getCompoData(value) {
       });
     }).then(() => {
       arr.push(`## \u793A\u4F8B`);
-      gettests(value, arr);
+      gettests(value, arr, obj);
     });
   });
 }

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-J7CICTHH.cjs"),m=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.cjs"),F=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-4OBNLDTJ.cjs"),p=require("./util.cjs");function b(r,t,i,e){const n=[],o=[];let h=!0;Object.keys(t).forEach(s=>{let f=t[s];if(/^on[A-Z]/.test(s)&&typeof f=="function"){let u=s.substring(2);const l=s.split(":");let c;if(l.length>1?(c=l[0]+l.slice(1).map(a=>m.firstUpper(a)).join(""),u=F.firstLower(u)):(c=l[0],u=j.humpToLine(u)),l.includes("-")){let a=c.split("-");a=a.map((g,$)=>$!=0?m.firstUpper(g):g),c=a.join("")}n.push("            @"+u+'="'+c+'"'),o.push("function "+c+"(...arr) {"),o.push("   console.log('"+c+"', arr)"),o.push("}")}else if(n.push("            :"+s+'="'+s+'"'),typeof f=="function")o.push("const "+s+" = "+O(f,s,e));else if(h&&(h=!1,o.unshift("import { ref } from 'vue';")),typeof f>"u")o.push("const "+s+" = ref();");else{let u=S(f,s,e);o.push("const "+s+" = ref("+u+");")}}),n.length>0&&n.unshift("");const d=v(i);return`<!--${r}-->
+<template>
+    <div>
+        <${r}${n.join(`
+`)}>${d.join(`
+`)}
+        </${r}>
+    </div>
+</template>
+<script lang="ts" setup>
+${o.join(`
+`)}
+<\/script>
+`}function v(r={}){const t=[];return Object.keys(r).forEach(i=>{const e=r[i];if(e){const n=`            <template #${i}="scope">
+${p.vueFormat(e,"                ")}
+            </template>`;t.push(n)}}),t&&t.length>0&&t.unshift(""),t}function O(r,t,i){const e=i?i[t]:"";if(e)return"function"+e;{const n=p.getFunctionFormat(p.prettierFormat(r.toString()));if(n){let o=`{
+${p.vueFormat(p.getFunBody(n.body),"   ")}
+}`;return`function${n.param}${o}`}else return"undefined"}}function S(r,t,i){const e=i?i[t]:"";return e||JSON.stringify(r)}exports.getHmtl=b;

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

@@ -0,0 +1,2 @@
+import type { ObjStr, ObjUnk } from '../../config';
+export declare function getHmtl(propsname: string, value: ObjUnk, slotValue?: ObjStr, propsText?: ObjStr): string;

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

@@ -0,0 +1,99 @@
+import { humpToLine as j } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-J7CICTHH.js";
+import { firstUpper as h } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js";
+import { firstLower as F } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-4OBNLDTJ.js";
+import { vueFormat as g, getFunctionFormat as b, prettierFormat as v, getFunBody as S } from "./util.js";
+function N(r, t, i, n) {
+  const e = [], o = [];
+  let a = !0;
+  Object.keys(t).forEach((s) => {
+    let c = t[s];
+    if (/^on[A-Z]/.test(s) && typeof c == "function") {
+      let f = s.substring(2);
+      const l = s.split(":");
+      let u;
+      if (l.length > 1 ? (u = l[0] + l.slice(1).map((p) => h(p)).join(""), f = F(f)) : (u = l[0], f = j(f)), l.includes("-")) {
+        let p = u.split("-");
+        p = p.map((m, $) => $ != 0 ? h(m) : m), u = p.join("");
+      }
+      e.push(
+        "            @" + f + '="' + u + '"'
+      ), o.push("function " + u + "(...arr) {"), o.push(
+        "   console.log('" + u + "', arr)"
+      ), o.push("}");
+    } else if (e.push(
+      "            :" + s + '="' + s + '"'
+    ), typeof c == "function")
+      o.push(
+        "const " + s + " = " + B(
+          c,
+          s,
+          n
+        )
+      );
+    else if (a && (a = !1, o.unshift(
+      "import { ref } from 'vue';"
+    )), typeof c > "u")
+      o.push("const " + s + " = ref();");
+    else {
+      let f = E(
+        c,
+        s,
+        n
+      );
+      o.push(
+        "const " + s + " = ref(" + f + ");"
+      );
+    }
+  }), e.length > 0 && e.unshift("");
+  const d = O(i);
+  return `<!--${r}-->
+<template>
+    <div>
+        <${r}${e.join(`
+`)}>${d.join(`
+`)}
+        </${r}>
+    </div>
+</template>
+<script lang="ts" setup>
+${o.join(`
+`)}
+<\/script>
+`;
+}
+function O(r = {}) {
+  const t = [];
+  return Object.keys(r).forEach((i) => {
+    const n = r[i];
+    if (n) {
+      const e = `            <template #${i}="scope">
+${g(n, "                ")}
+            </template>`;
+      t.push(e);
+    }
+  }), t && t.length > 0 && t.unshift(""), t;
+}
+function B(r, t, i) {
+  const n = i ? i[t] : "";
+  if (n)
+    return "function" + n;
+  {
+    const e = b(
+      v(r.toString())
+    );
+    if (e) {
+      let o = `{
+${g(S(e.body), "   ")}
+}`;
+      return `function${e.param}${o}`;
+    } else
+      return "undefined";
+  }
+}
+function E(r, t, i) {
+  const n = i ? i[t] : "";
+  return n || JSON.stringify(r);
+}
+export {
+  N as getHmtl
+};

package/dist/packages/components/use/set-code.vue.cjs

@@ -1,18 +1 @@
-"use strict";const e=require("vue"),d=require("./util.cjs"),V=require("../code/highlight.vue.cjs"),N=require("../../utils/index.cjs"),O=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-J7CICTHH.cjs"),_=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.cjs"),S=require("../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-4OBNLDTJ.cjs"),q={class:"set-code"},y=e.createElementVNode("div",null,"代码",-1),F={class:"but-div set-code-but"},w=["onClick"],B={class:"set-code-html"},J=e.defineComponent({__name:"set-code",props:{name:{type:String},value:{type:Object},slotValue:{type:Object},propsText:{type:Object}},setup(b){const r=b,m=e.computed(()=>{const s=[],t=[];let i=!0;const n=r.value;Object.keys(n).forEach(o=>{let p=n[o];if(/^on[A-Z]/.test(o)&&typeof p=="function"){let u=o.substring(2);const a=o.split(":");let l;if(a.length>1?(l=a[0]+a.slice(1).map(f=>_.firstUpper(f)).join(""),u=S.firstLower(u)):(l=a[0],u=O.humpToLine(u)),a.includes("-")){let f=l.split("-");f=f.map((g,E)=>E!=0?_.firstUpper(g):g),l=f.join("")}s.push("            @"+u+'="'+l+'"'),t.push("function "+l+"(...arr) {"),t.push("   console.log('"+l+"', arr)"),t.push("}")}else if(s.push("            :"+o+'="'+o+'"'),typeof p=="function")t.push("const "+o+" = "+$(p,o));else if(i&&(i=!1,t.unshift("import { ref } from 'vue';")),typeof p>"u")t.push("const "+o+" = ref();");else{let u=T(p,o);t.push("const "+o+" = ref("+u+");")}}),s.length>0&&s.unshift("");const c=x(r.slotValue);return`<!--${r.name}-->
-<template>
-    <div>
-        <${r.name}${s.join(`
-`)}>${c.join(`
-`)}
-        </${r.name}>
-    </div>
-</template>
-<script lang="ts" setup>
-${t.join(`
-`)}
-<\/script>
-`}),h=e.ref(!1);function x(s){const t=[];return Object.keys(s).forEach(i=>{const n=s[i];if(n){const c=`            <template #${i}="scope">
-${d.vueFormat(n,"                ")}
-            </template>`;t.push(c)}}),t&&t.length>0&&t.unshift(""),t}function $(s,t){const n=r.propsText[t];if(n)return"function"+n;{const c=d.getFunctionFormat(d.prettierFormat(s.toString()));if(c){let v=`{
-${d.vueFormat(d.getFunBody(c.body),"   ")}
-}`;return`function${c.param}${v}`}else return"undefined"}}function T(s,t){const n=r.propsText[t];return n||JSON.stringify(s)}function j(){h.value=!h.value}function C(){N.copyCode(m.value)}return(s,t)=>(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("div",{onClick:j,class:"set-code-buts"},[y,e.createElementVNode("div",F,e.toDisplayString(h.value?"显示":"隐藏"),1),e.createElementVNode("div",{onClick:e.withModifiers(C,["stop"]),class:"but-div set-code-but"}," 复制 ",8,w)]),e.withDirectives(e.createElementVNode("div",B,[e.createVNode(V,{language:"html",code:e.unref(m)},null,8,["code"])],512),[[e.vShow,h.value]])]))}});module.exports=J;
+"use strict";const e=require("vue"),i=require("../code/highlight.vue.cjs"),d=require("../../utils/index.cjs"),r=require("./code.cjs"),u={class:"set-code"},a=e.createElementVNode("div",null,"代码",-1),p={class:"but-div set-code-but"},v=["onClick"],h={class:"set-code-html"},m=e.defineComponent({__name:"set-code",props:{name:{type:String},value:{type:Object},slotValue:{type:Object},propsText:{type:Object}},setup(s){const t=s,c=e.computed(()=>r.getHmtl(t.name||"",t.value||{},t.slotValue,t.propsText)),o=e.ref(!1);function n(){o.value=!o.value}function l(){d.copyCode(c.value)}return(_,b)=>(e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",{onClick:n,class:"set-code-buts"},[a,e.createElementVNode("div",p,e.toDisplayString(o.value?"显示":"隐藏"),1),e.createElementVNode("div",{onClick:e.withModifiers(l,["stop"]),class:"but-div set-code-but"}," 复制 ",8,v)]),e.withDirectives(e.createElementVNode("div",h,[e.createVNode(i,{language:"html",code:e.unref(c)},null,8,["code"])],512),[[e.vShow,o.value]])]))}});module.exports=m;

package/dist/packages/components/use/set-code.vue.js

@@ -1,11 +1,8 @@
-import { defineComponent as C, computed as F, ref as O, openBlock as w, createElementBlock as V, createElementVNode as f, toDisplayString as B, withModifiers as E, withDirectives as N, createVNode as D, unref as L, vShow as A } from "vue";
-import { vueFormat as g, getFunctionFormat as H, prettierFormat as J, getFunBody as M } from "./util.js";
-import U from "../code/highlight.vue.js";
-import { copyCode as Z } from "../../utils/index.js";
-import { humpToLine as q } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-J7CICTHH.js";
-import { firstUpper as _ } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js";
-import { firstLower as z } from "../../../node_modules/.pnpm/@fangzhongya_utils@0.0.7-18/node_modules/@fangzhongya/utils/dist/chunk-4OBNLDTJ.js";
-const G = { class: "set-code" }, I = /* @__PURE__ */ f("div", null, "代码", -1), K = { class: "but-div set-code-but" }, P = ["onClick"], Q = { class: "set-code-html" }, ot = /* @__PURE__ */ C({
+import { defineComponent as n, computed as a, ref as d, openBlock as r, createElementBlock as u, createElementVNode as e, toDisplayString as p, withModifiers as m, withDirectives as v, createVNode as _, unref as h, vShow as f } from "vue";
+import b from "../code/highlight.vue.js";
+import { copyCode as g } from "../../utils/index.js";
+import { getHmtl as y } from "./code.js";
+const C = { class: "set-code" }, k = /* @__PURE__ */ e("div", null, "代码", -1), w = { class: "but-div set-code-but" }, x = ["onClick"], S = { class: "set-code-html" }, H = /* @__PURE__ */ n({
   __name: "set-code",
   props: {
     name: {
@@ -21,121 +18,42 @@ const G = { class: "set-code" }, I = /* @__PURE__ */ f("div", null, "代码", -1
       type: Object
     }
   },
-  setup(b) {
-    const n = b, d = F(() => {
-      const e = [], t = [];
-      let i = !0;
-      const o = n.value;
-      Object.keys(o).forEach((s) => {
-        let p = o[s];
-        if (/^on[A-Z]/.test(s) && typeof p == "function") {
-          let c = s.substring(2);
-          const u = s.split(":");
-          let l;
-          if (u.length > 1 ? (l = u[0] + u.slice(1).map((a) => _(a)).join(""), c = z(c)) : (l = u[0], c = q(c)), u.includes("-")) {
-            let a = l.split("-");
-            a = a.map((v, y) => y != 0 ? _(v) : v), l = a.join("");
-          }
-          e.push(
-            "            @" + c + '="' + l + '"'
-          ), t.push("function " + l + "(...arr) {"), t.push(
-            "   console.log('" + l + "', arr)"
-          ), t.push("}");
-        } else if (e.push(
-          "            :" + s + '="' + s + '"'
-        ), typeof p == "function")
-          t.push(
-            "const " + s + " = " + $(p, s)
-          );
-        else if (i && (i = !1, t.unshift(
-          "import { ref } from 'vue';"
-        )), typeof p > "u")
-          t.push("const " + s + " = ref();");
-        else {
-          let c = j(p, s);
-          t.push(
-            "const " + s + " = ref(" + c + ");"
-          );
-        }
-      }), e.length > 0 && e.unshift("");
-      const r = x(n.slotValue);
-      return `<!--${n.name}-->
-<template>
-    <div>
-        <${n.name}${e.join(`
-`)}>${r.join(`
-`)}
-        </${n.name}>
-    </div>
-</template>
-<script lang="ts" setup>
-${t.join(`
-`)}
-<\/script>
-`;
-    }), m = O(!1);
-    function x(e) {
-      const t = [];
-      return Object.keys(e).forEach((i) => {
-        const o = e[i];
-        if (o) {
-          const r = `            <template #${i}="scope">
-${g(o, "                ")}
-            </template>`;
-          t.push(r);
-        }
-      }), t && t.length > 0 && t.unshift(""), t;
+  setup(c) {
+    const t = c, s = a(() => y(
+      t.name || "",
+      t.value || {},
+      t.slotValue,
+      t.propsText
+    )), o = d(!1);
+    function i() {
+      o.value = !o.value;
     }
-    function $(e, t) {
-      const o = n.propsText[t];
-      if (o)
-        return "function" + o;
-      {
-        const r = H(
-          J(e.toString())
-        );
-        if (r) {
-          let h = `{
-${g(M(r.body), "   ")}
-}`;
-          return `function${r.param}${h}`;
-        } else
-          return "undefined";
-      }
+    function l() {
+      g(s.value);
     }
-    function j(e, t) {
-      const o = n.propsText[t];
-      return o || JSON.stringify(e);
-    }
-    function S() {
-      m.value = !m.value;
-    }
-    function T() {
-      Z(d.value);
-    }
-    return (e, t) => (w(), V("div", G, [
-      f("div", {
-        onClick: S,
+    return (V, j) => (r(), u("div", C, [
+      e("div", {
+        onClick: i,
         class: "set-code-buts"
       }, [
-        I,
-        f("div", K, B(m.value ? "显示" : "隐藏"), 1),
-        f("div", {
-          onClick: E(T, ["stop"]),
+        k,
+        e("div", w, p(o.value ? "显示" : "隐藏"), 1),
+        e("div", {
+          onClick: m(l, ["stop"]),
           class: "but-div set-code-but"
-        }, " 复制 ", 8, P)
+        }, " 复制 ", 8, x)
       ]),
-      N(f("div", Q, [
-        D(U, {
+      v(e("div", S, [
+        _(b, {
           language: "html",
-          code: L(d)
+          code: h(s)
         }, null, 8, ["code"])
       ], 512), [
-        [A, m.value]
+        [f, o.value]
       ])
     ]));
   }
 });
 export {
-  ot as default
+  H as default
 };

package/dist/packages/page/comprops/index.vue2.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),v=require("../../components/boxurl/index.vue.cjs"),m=require("../../components/compo/props.vue.cjs"),p=require("../../components/header/index.vue.cjs"),h=require("../../config.cjs"),x=require("../../utils/common.cjs"),d=require("../../utils/glob.cjs"),f={class:"__document-index"},k={class:"index-aside"},E={class:"index-aside-div"},N={class:"choice aside"},V=["onClick"],g={class:"aside-li-name"},C={class:"aside-li-name-name"},y={class:"index-body"},q={class:"index-div"},B={class:"index-header"},b={class:"index-main"},j={class:"index-main-div"},w=e.defineComponent({__name:"index",setup(D){const c=h.getConfig("components").map(t=>t.comprops),_=Object.values(d.getComponentPropsObjs()).filter(t=>{for(let s=0;s<c.length;s++){const n=c[s]||"";if(n&&x.isComprops(t.key,n))return!0}}),i=e.ref(_),o=e.ref(i.value[0]),a=e.ref("");function u(t){o.value=t,l()}function l(){d.getPropsRaws([o.value]).then(t=>{const s=t[0];a.value=s.raw})}return l(),(t,s)=>(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",k,[e.createElementVNode("div",E,[e.createElementVNode("div",N,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(n,O)=>{var r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["aside-li",{on:n.key==((r=e.unref(o))==null?void 0:r.key)}]),onClick:P=>u(n)},[e.createVNode(v,{value:n},{default:e.withCtx(()=>[e.createElementVNode("div",g,[e.createElementVNode("div",C,e.toDisplayString(n.value),1)])]),_:2},1032,["value"])],10,V)}),256))])])]),e.createElementVNode("div",y,[e.createElementVNode("div",q,[e.createElementVNode("div",B,[e.createVNode(p)]),e.createElementVNode("div",b,[e.createElementVNode("div",j,[e.createVNode(m,{value:a.value},null,8,["value"])])])])])]))}});module.exports=w;
+"use strict";const e=require("vue"),m=require("../../components/boxurl/index.vue.cjs"),p=require("../../components/compo/props.vue.cjs"),h=require("../../components/header/index.vue.cjs"),x=require("../../config.cjs"),f=require("../../utils/common.cjs"),d=require("../../utils/glob.cjs"),g={class:"__document-index"},E={class:"index-aside"},N={class:"index-aside-div"},k={class:"choice aside"},V=["onClick"],C={class:"aside-li-name"},y={class:"aside-li-name-name"},q={class:"index-body"},B={class:"index-div"},w={class:"index-header"},b={class:"index-main"},D={class:"index-main-div"},O=e.defineComponent({__name:"index",setup(P){const c=x.getConfig("components").map(t=>t.comprops),_=Object.values(d.getComponentPropsObjs()).filter(t=>{for(let s=0;s<c.length;s++){const n=c[s]||"";if(n&&f.isComprops(t.key,n))return!0}});function u(t){const n=new RegExp(t.comprops+"(.)$").exec(t.value);return n?n[1]:t.value}const i=e.ref(_),o=e.ref(i.value[0]),r=e.ref("");function v(t){o.value=t,a()}function a(){d.getPropsRaws([o.value]).then(t=>{const s=t[0];r.value=s.raw})}return a(),(t,s)=>(e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("div",E,[e.createElementVNode("div",N,[e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(n,R)=>{var l;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["aside-li",{on:n.key==((l=e.unref(o))==null?void 0:l.key)}]),onClick:$=>v(n)},[e.createVNode(m,{value:n},{default:e.withCtx(()=>[e.createElementVNode("div",C,[e.createElementVNode("div",y,e.toDisplayString(u(n)),1)])]),_:2},1032,["value"])],10,V)}),256))])])]),e.createElementVNode("div",q,[e.createElementVNode("div",B,[e.createElementVNode("div",w,[e.createVNode(h)]),e.createElementVNode("div",b,[e.createElementVNode("div",D,[e.createVNode(p,{value:r.value},null,8,["value"])])])])])]))}});module.exports=O;

package/dist/packages/page/comprops/index.vue2.js

@@ -1,49 +1,54 @@
-import { defineComponent as f, ref as n, openBlock as a, createElementBlock as c, createElementVNode as e, Fragment as h, renderList as x, normalizeClass as k, unref as C, createVNode as d, withCtx as g, toDisplayString as y } from "vue";
-import b from "../../components/boxurl/index.vue.js";
-import j from "../../components/compo/props.vue.js";
-import w from "../../components/header/index.vue.js";
-import { getConfig as $ } from "../../config.js";
+import { defineComponent as h, ref as i, openBlock as c, createElementBlock as a, createElementVNode as t, Fragment as x, renderList as g, normalizeClass as k, unref as C, createVNode as d, withCtx as y, toDisplayString as w } from "vue";
+import $ from "../../components/boxurl/index.vue.js";
+import E from "../../components/compo/props.vue.js";
+import N from "../../components/header/index.vue.js";
+import { getConfig as b } from "../../config.js";
 import { isComprops as B } from "../../utils/common.js";
-import { getComponentPropsObjs as D, getPropsRaws as E } from "../../utils/glob.js";
-const N = { class: "__document-index" }, O = { class: "index-aside" }, P = { class: "index-aside-div" }, V = { class: "choice aside" }, z = ["onClick"], F = { class: "aside-li-name" }, H = { class: "aside-li-name-name" }, L = { class: "index-body" }, R = { class: "index-div" }, S = { class: "index-header" }, q = { class: "index-main" }, A = { class: "index-main-div" }, Y = /* @__PURE__ */ f({
+import { getComponentPropsObjs as D, getPropsRaws as O } from "../../utils/glob.js";
+const P = { class: "__document-index" }, R = { class: "index-aside" }, V = { class: "index-aside-div" }, j = { class: "choice aside" }, z = ["onClick"], F = { class: "aside-li-name" }, H = { class: "aside-li-name-name" }, L = { class: "index-body" }, S = { class: "index-div" }, q = { class: "index-header" }, A = { class: "index-main" }, G = { class: "index-main-div" }, Z = /* @__PURE__ */ h({
   __name: "index",
-  setup(G) {
-    const l = $("components").map((s) => s.comprops), u = Object.values(D()).filter(
-      (s) => {
-        for (let t = 0; t < l.length; t++) {
-          const o = l[t] || "";
-          if (o && B(s.key, o))
+  setup(I) {
+    const r = b("components").map((e) => e.comprops), v = Object.values(D()).filter(
+      (e) => {
+        for (let o = 0; o < r.length; o++) {
+          const s = r[o] || "";
+          if (s && B(e.key, s))
             return !0;
         }
       }
-    ), r = n(u), i = n(r.value[0]), _ = n("");
-    function p(s) {
-      i.value = s, m();
+    );
+    function p(e) {
+      const s = new RegExp(e.comprops + "(.)$").exec(e.value);
+      return s ? s[1] : e.value;
+    }
+    const l = i(v), n = i(l.value[0]), _ = i("");
+    function f(e) {
+      n.value = e, m();
     }
     function m() {
-      E([i.value]).then(
-        (s) => {
-          const t = s[0];
-          _.value = t.raw;
+      O([n.value]).then(
+        (e) => {
+          const o = e[0];
+          _.value = o.raw;
         }
       );
     }
-    return m(), (s, t) => (a(), c("div", N, [
-      e("div", O, [
-        e("div", P, [
-          e("div", V, [
-            (a(!0), c(h, null, x(r.value, (o, I) => {
-              var v;
-              return a(), c("div", {
+    return m(), (e, o) => (c(), a("div", P, [
+      t("div", R, [
+        t("div", V, [
+          t("div", j, [
+            (c(!0), a(x, null, g(l.value, (s, J) => {
+              var u;
+              return c(), a("div", {
                 class: k(["aside-li", {
-                  on: o.key == ((v = C(i)) == null ? void 0 : v.key)
+                  on: s.key == ((u = C(n)) == null ? void 0 : u.key)
                 }]),
-                onClick: (J) => p(o)
+                onClick: (K) => f(s)
               }, [
-                d(b, { value: o }, {
-                  default: g(() => [
-                    e("div", F, [
-                      e("div", H, y(o.value), 1)
+                d($, { value: s }, {
+                  default: y(() => [
+                    t("div", F, [
+                      t("div", H, w(p(s)), 1)
                     ])
                   ]),
                   _: 2
@@ -53,14 +58,14 @@ const N = { class: "__document-index" }, O = { class: "index-aside" }, P = { cla
           ])
         ])
       ]),
-      e("div", L, [
-        e("div", R, [
-          e("div", S, [
-            d(w)
+      t("div", L, [
+        t("div", S, [
+          t("div", q, [
+            d(N)
           ]),
-          e("div", q, [
-            e("div", A, [
-              d(j, { value: _.value }, null, 8, ["value"])
+          t("div", A, [
+            t("div", G, [
+              d(E, { value: _.value }, null, 8, ["value"])
             ])
           ])
         ])
@@ -69,5 +74,5 @@ const N = { class: "__document-index" }, O = { class: "index-aside" }, P = { cla
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/vue-archive",
   "private": false,
-  "version": "0.0.2-40",
+  "version": "0.0.2-41",
   "type": "module",
   "description ": "vue 组件注释生成文档",
   "author": "fangzhongya ",