@king-one/form-design 0.0.6 → 0.0.8

package/dist/es/packages/form-design/src/hooks/use-monaco.mjs

@@ -0,0 +1,62 @@
+import * as u from "monaco-editor/esm/vs/editor/editor.api";
+import "monaco-editor/esm/vs/editor/contrib/folding/browser/folding.js";
+import "monaco-editor/esm/vs/language/json/monaco.contribution";
+/* empty css                                                                                                            */
+import { onMounted as l } from "vue";
+function c(r) {
+  window.MonacoEnvironment = {
+    getWorker(o, n) {
+      return n === "json" ? new Worker(
+        new URL(
+          /* @vite-ignore */
+          "/assets/json.worker-BPBY9qSj.js",
+          import.meta.url
+        ),
+        { type: "module" }
+      ) : new Worker(
+        new URL(
+          /* @vite-ignore */
+          "/assets/editor.worker-DAdS0XRj.js",
+          import.meta.url
+        ),
+        { type: "module" }
+      );
+    }
+    // getWorker(_workerId: string, label: string) {
+    //   switch (label) {
+    //     case 'json':
+    //       // @ts-ignore
+    //       return getWorker
+    //     default:
+    //       return new Promise(() => {})
+    //   }
+    // }
+  };
+  let e = null;
+  const t = async (o) => {
+    e && e.setValue(JSON.stringify(o, null, 2));
+  };
+  return l(() => {
+    r.value && (e = u.editor.create(r.value, {
+      value: "",
+      readOnly: !0,
+      automaticLayout: !0,
+      scrollbar: {
+        verticalScrollbarSize: 5
+      },
+      folding: !0,
+      theme: "vs",
+      language: "json",
+      selectOnLineNumbers: !0,
+      scrollBeyondLastLine: !0,
+      // 取消代码后面一大段空白
+      overviewRulerBorder: !1
+      // 不要滚动条的边框
+    }));
+  }), {
+    setEditorValue: t
+  };
+}
+export {
+  c as useMonaco
+};