@fangzhongya/vue-archive 0.0.69 → 0.0.70

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

@@ -1,10 +1,11 @@
 import * as d from "vue";
-import { defineComponent as y, defineAsyncComponent as h, resolveComponent as $, h as n, ref as k, onMounted as g } from "vue";
-import C from "./code.vue.js";
-import a from "./retrie/input/index.vue.js";
+import { defineComponent as h, defineAsyncComponent as C, resolveComponent as g, h as t, ref as b, onMounted as j } from "vue";
+import x from "./code.vue.js";
+import v from "./retrie/input/index.vue.js";
 /* empty css                        */
-import x from "./effect.vue.js";
-const _ = y({
+import H from "./effect.vue.js";
+import { prettierHtml as $, prettierJs as k, prettierCss as V } from "./util.js";
+const U = h({
   /**
    * @props {Stinrg} value 插入数据
    */
@@ -24,157 +25,181 @@ const _ = y({
       vueHtml: ""
     };
   },
-  setup(m) {
-    function v(s) {
-      const l = document.getElementsByTagName("head")[0], c = "data-vite-dev-id", o = s + ".css", r = l.querySelector(`style[${c}="${o}"]`);
-      if (r)
-        return r;
+  setup(u) {
+    function f(o) {
+      const c = document.getElementsByTagName("head")[0], r = "data-vite-dev-id", s = o + ".css", l = c.querySelector(`style[${r}="${s}"]`);
+      if (l)
+        return l;
       {
         let e = document.createElement("style");
-        return e.appendChild(document.createTextNode("")), e.setAttribute("type", "text/css"), e.setAttribute(c, o), l.appendChild(e), e;
+        return e.appendChild(document.createTextNode("")), e.setAttribute("type", "text/css"), e.setAttribute(r, s), c.appendChild(e), e;
       }
     }
-    function u(s, l = "", c) {
-      const o = [], r = m.value?.name;
+    async function a(o, c = "", r) {
+      const s = [], l = u.value?.name;
       let e = "";
-      return Object.keys(d).forEach((p) => {
-        l.includes(p + "(") && o.push(p);
-      }), o.length > 0 && (e = `import { ${o.join(" , ")} } from 'vue';`), `<!--${r}-->
-<template>
-    ${s}
-</template>
-<script>
-${e}
+      Object.keys(d).forEach((y) => {
+        c.includes(y + "(") && s.push(y);
+      }), s.length > 0 && (e = `import { ${s.join(" , ")} } from 'vue';`);
+      let m = `<template>
+    ${o}
+</template>`;
+      m = await $(m);
+      let p = `${e}
 export default {
 	setup(props, ctx) {
-		${l}
+		${c}
 	}
-}
+}`;
+      return p = await k(p), `<!--${l}-->
+${m}
+<script>
+${p}
 <\/script>
 <style>
-${c}
+${r}
 </style>
 `;
     }
-    function i(s, l, c) {
+    function i(o, c, r) {
       try {
-        const o = Object.keys(d);
+        const s = Object.keys(d);
         return new Function(
           "props",
           "ctx",
           "vue",
           ` "use strict"; 
-					const { ${o.join(",")} } = vue;
-					${s}; `
-        )(l, c, d);
-      } catch (o) {
-        console.error("Code block execution failed:", o);
+					const { ${s.join(",")} } = vue;
+					${o}; `
+        )(c, r, d);
+      } catch (s) {
+        console.error("Code block execution failed:", s);
       }
     }
-    const t = k(null);
-    return g(() => {
-      t.value = v(m.value?.key);
+    const n = b(null);
+    return j(() => {
+      n.value = f(u.value?.key);
     }), {
-      getHmtlVue: u,
+      getHmtlVue: a,
       getCodeBlock: i,
-      style: t
+      style: n
     };
   },
-  render(m, v, u, i, t) {
-    const s = u.value;
-    let l = "div";
-    s.component ? l = h(s.component) : s.name && (l = $(s.name));
-    const c = {};
-    c[s.name] = l;
-    const o = () => {
-      const e = i.getHmtlVue(t.template, t.script, t.style);
-      t.vueHtml = e;
-    }, r = () => {
-      i.style.innerHTML = t.style, o();
+  render(u, f, a, i, n) {
+    const o = a.value || {};
+    let c = "div";
+    o.component ? c = C(o.component) : o.name && (c = g(o.name));
+    const r = {};
+    r[o.name] = c;
+    const s = async () => {
+      const e = await i.getHmtlVue(
+        n.template,
+        n.script,
+        n.style
+      );
+      n.vueHtml = e;
+    }, l = () => {
+      i.style.innerHTML = n.style, s();
     };
-    return n(
+    return t(
       "div",
       {
         class: "code-edit"
       },
       [
-        n(
+        t(
           "div",
           {
             class: "edit-effect use"
           },
           [
-            n(
-              x,
+            t(
+              H,
               {
                 class: "use-component"
               },
               {
-                default: () => n(
-                  y({
-                    components: c,
-                    setup(e, f) {
+                default: () => t(
+                  h({
+                    components: r,
+                    setup(e, m) {
                       return i.getCodeBlock(
-                        t.script,
+                        n.script,
                         e,
-                        f
+                        m
                       );
                     },
-                    template: t.template
+                    template: n.template || "<div></div>"
                   })
                 )
               }
             ),
-            n(C, {
-              html: t.vueHtml,
-              name: s.name + "_edit",
-              onRefresh: o
+            t(x, {
+              html: n.vueHtml,
+              name: o.name + "_edit",
+              onRefresh: s
             })
           ]
         ),
-        n(
+        t(
           "div",
           {
             class: "edit-input"
           },
           [
-            n(
+            t(
               "div",
               {
-                onClick: r
+                class: "but-div",
+                onClick: l
               },
               "运行"
             ),
-            n("div", {}, [
-              n("div", {}, "template"),
-              n(a, {
-                check: (e) => e,
-                modelValue: t.template,
-                "onUpdate:modelValue": (e) => {
-                  t.template = e;
-                }
-              })
+            t("div", {}, [
+              t("div", {}, "template"),
+              t(
+                "div",
+                {},
+                t(v, {
+                  format: "html",
+                  check: (e) => e,
+                  modelValue: n.template,
+                  "onUpdate:modelValue": async (e) => {
+                    n.template = await $(e);
+                  }
+                })
+              )
             ]),
-            n("div", {}, [
-              n("div", {}, "script"),
-              n("div", {}, "setup(props, ctx)"),
-              n(a, {
-                check: (e) => e,
-                modelValue: t.script,
-                "onUpdate:modelValue": (e) => {
-                  t.script = e;
-                }
-              })
+            t("div", {}, [
+              t("div", {}, "script"),
+              t("div", {}, "setup(props, ctx)"),
+              t(
+                "div",
+                {},
+                t(v, {
+                  format: "js",
+                  check: (e) => e,
+                  modelValue: n.script,
+                  "onUpdate:modelValue": async (e) => {
+                    n.script = await k(e);
+                  }
+                })
+              )
             ]),
-            n("div", {}, [
-              n("div", {}, "style"),
-              n(a, {
-                check: (e) => e,
-                modelValue: t.style,
-                "onUpdate:modelValue": (e) => {
-                  t.style = e;
-                }
-              })
+            t("div", {}, [
+              t("div", {}, "style"),
+              t(
+                "div",
+                {},
+                t(v, {
+                  format: "css",
+                  check: (e) => e,
+                  modelValue: n.style,
+                  "onUpdate:modelValue": async (e) => {
+                    n.style = await V(e);
+                  }
+                })
+              )
             ])
           ]
         )
@@ -183,5 +208,5 @@ ${c}
   }
 });
 export {
-  _ as default
+  U as default
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("prettier"),r=require("prettier/plugins/html"),e=require("prettier/plugins/postcss"),t=require("prettier/plugins/typescript"),n=require("prettier/plugins/babel"),s=require("prettier/plugins/estree"),c={js:{parser:"babel",plugins:[n,s]},ts:{parser:"typescript",plugins:[t,s]},css:{parser:"css",plugins:[e]},html:{parser:"html",plugins:[r]},json:{parser:"json5",plugins:[]},vue:{parser:"vue",plugins:[e,r,n,t,s]}};async function p(i,o){return await u.format(i,{...c[o]})}exports.getFormat=p;

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

@@ -1,4 +1 @@
-//扩展EvenetTarget类型
-declare interface EventTarget {
-	value: string;
-}
+export declare function getFormat(text: string, type: string): Promise<string>;

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

@@ -0,0 +1,40 @@
+import { format as e } from "prettier";
+import s from "prettier/plugins/html";
+import t from "prettier/plugins/postcss";
+import o from "prettier/plugins/typescript";
+import p from "prettier/plugins/babel";
+import r from "prettier/plugins/estree";
+const n = {
+  js: {
+    parser: "babel",
+    plugins: [p, r]
+  },
+  ts: {
+    parser: "typescript",
+    plugins: [o, r]
+  },
+  css: {
+    parser: "css",
+    plugins: [t]
+  },
+  html: {
+    parser: "html",
+    plugins: [s]
+  },
+  json: {
+    parser: "json5",
+    plugins: []
+  },
+  vue: {
+    parser: "vue",
+    plugins: [t, s, p, o, r]
+  }
+};
+async function v(m, i) {
+  return await e(m, {
+    ...n[i]
+  });
+}
+export {
+  v as getFormat
+};

package/dist/packages/components/use/retrie/array/index.vue.cjs

@@ -1,3 +1,3 @@
-"use strict";const n=require("vue"),m=require("../input/index.vue.cjs");;/* empty css                    */const f=require("../../util.cjs"),d={class:"form-array"},p=n.defineComponent({__name:"index",props:{modelValue:{type:null}},emits:["value","error"],setup(i,{emit:s}){const u=i,o=s,l=n.ref("");n.watch(()=>u.modelValue,()=>{let e=u.modelValue;l.value=a(e)||e},{immediate:!0});function c(e){return new Function("",`{return ${e}}`)}function a(e){let r;if(e)try{let t=e;typeof e=="string"?(t=c(e)(),r=f.prettierArrFormat(e)):r=JSON.stringify(e),t instanceof Array?(o("value",t,r),o("error",!1)):(o("error",!0),console.log("error","类型不匹配"))}catch(t){o("error",!0),console.log("error",t)}else r=`[
+"use strict";const n=require("vue"),m=require("../input/index.vue.cjs");;/* empty css                    */const f=require("../../util.cjs"),d={class:"form-array"},p=n.defineComponent({__name:"index",props:{modelValue:{type:null}},emits:["value","error"],setup(i,{emit:s}){const u=i,o=s,l=n.ref("");n.watch(()=>u.modelValue,async()=>{let e=u.modelValue;l.value=await a(e)||e},{immediate:!0});function c(e){return new Function("",`{return ${e}}`)}async function a(e){let r;if(e)try{let t=e;typeof e=="string"?(t=c(e)(),r=await f.prettierArrFormat(e)):r=JSON.stringify(e),t instanceof Array?(o("value",t,r),o("error",!1)):(o("error",!0),console.log("error","类型不匹配"))}catch(t){o("error",!0),console.log("error",t)}else r=`[
     
-]`,o("value",void 0,r),o("error",!1);return r}return(e,r)=>(n.openBlock(),n.createElementBlock("div",d,[n.createVNode(m,{modelValue:l.value,"onUpdate:modelValue":r[0]||(r[0]=t=>l.value=t),check:a},null,8,["modelValue"])]))}});module.exports=p;
+]`,o("value",void 0,r),o("error",!1);return r}return(e,r)=>(n.openBlock(),n.createElementBlock("div",d,[n.createVNode(m,{format:"json",modelValue:l.value,"onUpdate:modelValue":r[0]||(r[0]=t=>l.value=t),check:a},null,8,["modelValue"])]))}});module.exports=p;

package/dist/packages/components/use/retrie/array/index.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as c, ref as f, watch as s, createElementBlock as p, openBlock as d, createVNode as v } from "vue";
-import _ from "../input/index.vue.js";
+import { defineComponent as c, ref as s, watch as f, createElementBlock as p, openBlock as d, createVNode as v } from "vue";
+import y from "../input/index.vue.js";
 /* empty css                  */
-import { prettierArrFormat as V } from "../../util.js";
-const g = { class: "form-array" }, A = /* @__PURE__ */ c({
+import { prettierArrFormat as _ } from "../../util.js";
+const V = { class: "form-array" }, A = /* @__PURE__ */ c({
   __name: "index",
   props: {
     modelValue: {
@@ -11,12 +11,12 @@ const g = { class: "form-array" }, A = /* @__PURE__ */ c({
   },
   emits: ["value", "error"],
   setup(u, { emit: i }) {
-    const n = u, t = i, l = f("");
-    s(
-      () => n.modelValue,
-      () => {
-        let e = n.modelValue;
-        l.value = a(e) || e;
+    const l = u, t = i, n = s("");
+    f(
+      () => l.modelValue,
+      async () => {
+        let e = l.modelValue;
+        n.value = await a(e) || e;
       },
       {
         immediate: !0
@@ -25,12 +25,12 @@ const g = { class: "form-array" }, A = /* @__PURE__ */ c({
     function m(e) {
       return new Function("", `{return ${e}}`);
     }
-    function a(e) {
+    async function a(e) {
       let r;
       if (e)
         try {
           let o = e;
-          typeof e == "string" ? (o = m(e)(), r = V(e)) : r = JSON.stringify(e), o instanceof Array ? (t("value", o, r), t("error", !1)) : (t("error", !0), console.log("error", "类型不匹配"));
+          typeof e == "string" ? (o = m(e)(), r = await _(e)) : r = JSON.stringify(e), o instanceof Array ? (t("value", o, r), t("error", !1)) : (t("error", !0), console.log("error", "类型不匹配"));
         } catch (o) {
           t("error", !0), console.log("error", o);
         }
@@ -40,10 +40,11 @@ const g = { class: "form-array" }, A = /* @__PURE__ */ c({
 ]`, t("value", void 0, r), t("error", !1);
       return r;
     }
-    return (e, r) => (d(), p("div", g, [
-      v(_, {
-        modelValue: l.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (o) => l.value = o),
+    return (e, r) => (d(), p("div", V, [
+      v(y, {
+        format: "json",
+        modelValue: n.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => n.value = o),
         check: a
       }, null, 8, ["modelValue"])
     ]));

package/dist/packages/components/use/retrie/function/index.vue.cjs

@@ -1,3 +1,3 @@
-"use strict";const o=require("vue"),m=require("../input/index.vue.cjs");;/* empty css                    */const v=require("@fangzhongya/utils/basic/string/toFunction"),d={class:"form-function"},f=o.defineComponent({__name:"index",props:{modelValue:{type:null},list:{type:Array},config:{type:Object,default(){return{label:"label",prop:"prop"}}}},emits:["value","error"],setup(i,{emit:s}){const l=i,a=o.computed(()=>l.list?.map(e=>e[l.config.prop])||[]),n=s,u=o.ref("");o.watch(()=>l.modelValue,()=>{let e=l.modelValue;u.value=c(e)||e},{immediate:!0});function p(){return`(${a.value.join(", ")}) `}function c(e){let r;if(e)try{let t=v.toFunction(e);t&&(t(...a.value),n("value",t,e),n("error",!1))}catch(t){n("error",!0),console.log("error",t)}else r=`()=> {
+"use strict";const o=require("vue"),m=require("../input/index.vue.cjs");;/* empty css                    */const v=require("../../util.cjs"),d=require("@fangzhongya/utils/basic/string/toFunction"),f={class:"form-function"},_=o.defineComponent({__name:"index",props:{modelValue:{type:null},list:{type:Array},config:{type:Object,default(){return{label:"label",prop:"prop"}}}},emits:["value","error"],setup(i,{emit:s}){const u=i,a=o.computed(()=>u.list?.map(e=>e[u.config.prop])||[]),n=s,l=o.ref("");o.watch(()=>u.modelValue,async()=>{let e=u.modelValue;l.value=await c(e)||e},{immediate:!0});function p(){return`(${a.value.join(", ")}) `}async function c(e){let r;if(e)try{let t=d.toFunction(e);t&&(t(...a.value),e=await v.prettierFunFormat(e),n("value",t,e),n("error",!1))}catch(t){n("error",!0),console.log("error",t)}else r=`()=> {
     
-}`,n("value",void 0,p()+r),n("error",!1);return r}return(e,r)=>(o.openBlock(),o.createElementBlock("div",d,[o.createVNode(m,{modelValue:u.value,"onUpdate:modelValue":r[0]||(r[0]=t=>u.value=t),check:c},null,8,["modelValue"])]))}});module.exports=f;
+}`,n("value",void 0,p()+r),n("error",!1);return r}return(e,r)=>(o.openBlock(),o.createElementBlock("div",f,[o.createVNode(m,{format:"js",modelValue:l.value,"onUpdate:modelValue":r[0]||(r[0]=t=>l.value=t),check:c},null,8,["modelValue"])]))}});module.exports=_;

package/dist/packages/components/use/retrie/function/index.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as p, computed as s, ref as f, watch as d, createElementBlock as v, openBlock as _, createVNode as V } from "vue";
-import y from "../input/index.vue.js";
+import { defineComponent as p, computed as f, ref as s, watch as d, createElementBlock as v, openBlock as _, createVNode as y } from "vue";
+import V from "../input/index.vue.js";
 /* empty css                  */
-import { toFunction as g } from "@fangzhongya/utils/basic/string/toFunction";
-const b = { class: "form-function" }, B = /* @__PURE__ */ p({
+import { prettierFunFormat as g } from "../../util.js";
+import { toFunction as b } from "@fangzhongya/utils/basic/string/toFunction";
+const h = { class: "form-function" }, B = /* @__PURE__ */ p({
   __name: "index",
   props: {
     modelValue: {
@@ -22,40 +23,41 @@ const b = { class: "form-function" }, B = /* @__PURE__ */ p({
     }
   },
   emits: ["value", "error"],
-  setup(m, { emit: c }) {
-    const l = m, a = s(() => l.list?.map((e) => e[l.config.prop]) || []), t = c, n = f("");
+  setup(m, { emit: i }) {
+    const a = m, n = f(() => a.list?.map((e) => e[a.config.prop]) || []), t = i, l = s("");
     d(
-      () => l.modelValue,
-      () => {
-        let e = l.modelValue;
-        n.value = u(e) || e;
+      () => a.modelValue,
+      async () => {
+        let e = a.modelValue;
+        l.value = await u(e) || e;
       },
       {
         immediate: !0
       }
     );
-    function i() {
-      return `(${a.value.join(", ")}) `;
+    function c() {
+      return `(${n.value.join(", ")}) `;
     }
-    function u(e) {
+    async function u(e) {
       let r;
       if (e)
         try {
-          let o = g(e);
-          o && (o(...a.value), t("value", o, e), t("error", !1));
+          let o = b(e);
+          o && (o(...n.value), e = await g(e), t("value", o, e), t("error", !1));
         } catch (o) {
           t("error", !0), console.log("error", o);
         }
       else
         r = `()=> {
     
-}`, t("value", void 0, i() + r), t("error", !1);
+}`, t("value", void 0, c() + r), t("error", !1);
       return r;
     }
-    return (e, r) => (_(), v("div", b, [
-      V(y, {
-        modelValue: n.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (o) => n.value = o),
+    return (e, r) => (_(), v("div", h, [
+      y(V, {
+        format: "js",
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (o) => l.value = o),
         check: u
       }, null, 8, ["modelValue"])
     ]));

package/dist/packages/components/use/retrie/input/codemirror/codemirror.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@codemirror/view"),u=require("@codemirror/lang-javascript"),a=require("@codemirror/lang-html"),g=require("@codemirror/lang-json"),f=require("@codemirror/lang-css"),l=require("@codemirror/state"),d=require("codemirror"),i=(e,{onUpdate:t,onChange:n,onFocus:o,onBlur:c})=>l.EditorState.create({doc:`
+		
+		`,extensions:[...e,d.basicSetup,s.EditorView.updateListener.of(r=>{t&&t(r),r.docChanged&&n&&n(r.state.doc.toString(),r),r.focusChanged&&(r.view.hasFocus?o&&o(r):c&&c(r))})]});function E(e,t){return new s.EditorView({state:i([u.javascript()],t),parent:e})}function q(e,t){return new s.EditorView({state:i([a.html()],t),parent:e})}function S(e,t){return new s.EditorView({state:i([g.json()],t),parent:e})}function m(e,t){return new s.EditorView({state:i([f.css()],t),parent:e})}exports.createEditorState=i;exports.getCss=m;exports.getHtml=q;exports.getJs=E;exports.getJson=S;

package/dist/packages/components/use/retrie/input/codemirror/codemirror.js

@@ -0,0 +1,58 @@
+import { EditorView as e } from "@codemirror/view";
+import { javascript as m } from "@codemirror/lang-javascript";
+import { html as c } from "@codemirror/lang-html";
+import { json as u } from "@codemirror/lang-json";
+import { css as a } from "@codemirror/lang-css";
+import { EditorState as g } from "@codemirror/state";
+import { basicSetup as S } from "codemirror";
+const i = (r, { onUpdate: t, onChange: n, onFocus: s, onBlur: f }) => g.create({
+  doc: `
+		
+		`,
+  extensions: [
+    ...r,
+    S,
+    e.updateListener.of((o) => {
+      t && t(o), o.docChanged && n && n(o.state.doc.toString(), o), o.focusChanged && (o.view.hasFocus ? s && s(o) : f && f(o));
+    })
+  ]
+});
+function J(r, t) {
+  return new e({
+    // 状态
+    state: i([m()], t),
+    // 绑定元素
+    parent: r
+  });
+}
+function b(r, t) {
+  return new e({
+    // 状态
+    state: i([c()], t),
+    // 绑定元素
+    parent: r
+  });
+}
+function d(r, t) {
+  return new e({
+    // 状态
+    state: i([u()], t),
+    // 绑定元素
+    parent: r
+  });
+}
+function H(r, t) {
+  return new e({
+    // 状态
+    state: i([a()], t),
+    // 绑定元素
+    parent: r
+  });
+}
+export {
+  i as createEditorState,
+  H as getCss,
+  b as getHtml,
+  J as getJs,
+  d as getJson
+};

package/dist/packages/components/use/retrie/input/codemirror/codemirror.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("../../../../../directives/adjust/index.cjs"),n=require("./codemirror.cjs"),h={class:"codemirror-div"},_=e.defineComponent({__name:"codemirror",props:{modelValue:{type:null},format:{type:String},check:{type:Function,default(){return""}}},emits:["update:modelValue"],setup(u,{emit:m}){const t=u,f=m,o=e.ref(),r=e.ref();function s(a){const c=a.view,l=c.state.doc,v=l.toString().trim();let i=t.check(v);i&&(c.dispatch({changes:{from:0,to:l.length,insert:i}}),f("update:modelValue",i))}function d(){t.format==="js"||t.format==="ts"?r.value=n.getJs(o.value,{onBlur:s}):t.format==="css"||t.format==="scss"?r.value=n.getCss(o.value,{onBlur:s}):t.format==="html"||t.format==="vue"?r.value=n.getHtml(o.value,{onBlur:s}):t.format==="json"&&(r.value=n.getJson(o.value,{onBlur:s}))}return e.onMounted(()=>{d()}),(a,c)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",h,[e.createElementVNode("div",{class:"codemirror-code",ref_key:"refText",ref:o},null,512)])),[[e.unref(p),{bottom:{}}]])}});module.exports=_;

package/dist/packages/components/use/retrie/input/codemirror/codemirror.vue.js

@@ -0,0 +1,62 @@
+import { defineComponent as p, ref as i, onMounted as v, withDirectives as h, createElementBlock as _, openBlock as g, createElementVNode as k, unref as x } from "vue";
+import y from "../../../../../directives/adjust/index.js";
+import { getJs as V, getCss as j, getHtml as w, getJson as B } from "./codemirror.js";
+const C = { class: "codemirror-div" }, S = /* @__PURE__ */ p({
+  __name: "codemirror",
+  props: {
+    modelValue: {
+      type: null
+    },
+    format: {
+      type: String
+    },
+    check: {
+      type: Function,
+      default() {
+        return "";
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: m }) {
+    const e = l, f = m, t = i(), o = i();
+    function r(c) {
+      const s = c.view, a = s.state.doc, d = a.toString().trim();
+      let n = e.check(d);
+      n && (s.dispatch({
+        changes: {
+          from: 0,
+          to: a.length,
+          insert: n
+        }
+      }), f("update:modelValue", n));
+    }
+    function u() {
+      e.format === "js" || e.format === "ts" ? o.value = V(t.value, {
+        onBlur: r
+      }) : e.format === "css" || e.format === "scss" ? o.value = j(t.value, {
+        onBlur: r
+      }) : e.format === "html" || e.format === "vue" ? o.value = w(t.value, {
+        onBlur: r
+      }) : e.format === "json" && (o.value = B(t.value, {
+        onBlur: r
+      }));
+    }
+    return v(() => {
+      u();
+    }), (c, s) => h((g(), _("div", C, [
+      k("div", {
+        class: "codemirror-code",
+        ref_key: "refText",
+        ref: t
+      }, null, 512)
+    ])), [
+      [x(y), {
+        bottom: {}
+      }]
+    ]);
+  }
+});
+export {
+  S as default
+};

package/dist/packages/components/use/retrie/input/codemirror/codemirror.vue3.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./codemirror.vue.cjs");;/* empty css                  */module.exports=e;

package/dist/packages/components/use/retrie/input/codemirror/codemirror.vue3.js

@@ -0,0 +1,5 @@
+import o from "./codemirror.vue.js";
+/* empty css                */
+export {
+  o as default
+};

package/dist/packages/components/use/retrie/input/editor/editor.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("monaco-editor/esm/vs/editor/editor.api"),n={theme:"vs",value:`
+		
+		`,lineNumbers:"on",automaticLayout:!0};function r(e){return t.editor.create(e,{...n,language:"typescript"})}function o(e){return t.editor.create(e,{...n,language:"html"})}function u(e){return t.editor.create(e,{...n,language:"json"})}function a(e){return t.editor.create(e,{...n,language:"css"})}exports.getCss=a;exports.getHtml=o;exports.getJs=r;exports.getJson=u;