@aiao/code-editor-vue 0.0.18 → 0.0.20

package/dist/CodeEditor.vue.d.ts

@@ -11,7 +11,7 @@ type __VLS_Props = {
     lineWrapping?: boolean;
     highlightWhitespace?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:value": (value: string) => any;
     change: (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
@@ -29,8 +29,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     indentUnit: string;
     lineWrapping: boolean;
     highlightWhitespace: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    editorRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
 //# sourceMappingURL=CodeEditor.vue.d.ts.map

package/dist/CodeEditor.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.vue.d.ts","sourceRoot":"","sources":["../src/CodeEditor.vue"],"names":[],"mappings":"AAsPA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;;;;;;;;WAXQ,MAAM;WACN,OAAO,GAAG,MAAM;cACb,MAAM;iBACH,MAAM;cACT,OAAO;cACP,OAAO;WACV,OAAO,GAAG,SAAS;mBACX,OAAO;gBACV,MAAM;kBACJ,OAAO;yBACA,OAAO;;;;AA4PjC,wBAUG"}
+{"version":3,"file":"CodeEditor.vue.d.ts","sourceRoot":"","sources":["../src/CodeEditor.vue"],"names":[],"mappings":"AAuRA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAqPJ,QAAA,MAAM,YAAY;;;;;;;WAhQN,MAAM;WACN,OAAO,GAAG,MAAM;cACb,MAAM;iBACH,MAAM;cACT,OAAO;cACP,OAAO;WACV,OAAO,GAAG,SAAS;mBACX,OAAO;gBACV,MAAM;kBACJ,OAAO;yBACA,OAAO;6EA0P/B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/index.css

@@ -1 +1,2 @@
 .cm-editor{height:100%}.cm-scroller{overflow:auto}
+/*$vite$:1*/

package/dist/index.d.ts

@@ -1,2 +1,23 @@
+/**
+ * @aiao/code-editor-vue
+ *
+ * Vue CodeMirror 代码编辑器组件
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <CodeEditor
+ *     v-model:value="code"
+ *     language="typescript"
+ *     theme="dark"
+ *     @change="onCodeChange"
+ *   />
+ * </template>
+ *
+ * <script setup>
+ * import { CodeEditor } from '@aiao/code-editor-vue';
+ * </script>
+ * ```
+ */
 export { default as CodeEditor } from './CodeEditor.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,130 +1,131 @@
-import { defineComponent as P, ref as B, onMounted as q, onUnmounted as A, watch as i, openBlock as D, createElementBlock as G } from "vue";
-import { SUPPORT_LANGUAGES as N } from "@aiao/code-editor";
-import { indentWithTab as O } from "@codemirror/commands";
-import { indentUnit as H, LanguageDescription as I } from "@codemirror/language";
-import { Compartment as o, EditorState as L } from "@codemirror/state";
-import { oneDark as M } from "@codemirror/theme-one-dark";
-import { EditorView as l, placeholder as V, keymap as j, highlightWhitespace as z } from "@codemirror/view";
-import { basicSetup as F, minimalSetup as J } from "codemirror";
-const ne = /* @__PURE__ */ P({
-  __name: "CodeEditor",
-  props: {
-    value: { default: "" },
-    theme: { default: "light" },
-    language: { default: "sql" },
-    placeholder: { default: "" },
-    readonly: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    setup: { default: "basic" },
-    indentWithTab: { type: Boolean, default: !1 },
-    indentUnit: { default: "  " },
-    lineWrapping: { type: Boolean, default: !1 },
-    highlightWhitespace: { type: Boolean, default: !1 }
-  },
-  emits: ["update:value", "change"],
-  setup(T, { emit: k }) {
-    const t = T, f = k, r = B(null), a = B(null), c = new o(), s = new o(), d = new o(), u = new o(), p = new o(), h = new o(), g = new o(), m = new o(), v = new o(), x = async (e) => {
-      const n = I.matchLanguageName(N, e, !0);
-      return n ? await n.load() : [];
-    };
-    q(async () => {
-      if (!r.value) return;
-      const e = [
-        c.of([]),
-        s.of([]),
-        d.of([]),
-        u.of([]),
-        p.of([]),
-        h.of([]),
-        g.of([]),
-        m.of([]),
-        v.of([]),
-        l.updateListener.of((S) => {
-          if (S.docChanged) {
-            const _ = S.state.doc.toString();
-            f("update:value", _), f("change", _);
-          }
-        })
-      ];
-      t.setup === "basic" ? e.unshift(F) : e.unshift(J);
-      const n = L.create({
-        doc: t.value,
-        extensions: e
-      }), R = new l({
-        state: n,
-        parent: r.value
-      });
-      a.value = R, w(), y(), W(), b(), C(), U(), E();
-    }), A(() => {
-      a.value?.destroy();
-    }), i(
-      () => t.value,
-      (e) => {
-        const n = a.value;
-        n && n.state.doc.toString() !== e && n.dispatch({
-          changes: { from: 0, to: n.state.doc.length, insert: e }
-        });
-      }
-    ), i(() => t.theme, w), i(() => t.language, y), i(() => [t.readonly, t.disabled], W), i(() => t.placeholder, b), i(() => [t.indentWithTab, t.indentUnit], C), i(() => t.lineWrapping, U), i(() => t.highlightWhitespace, E);
-    function w() {
-      const e = a.value;
-      if (!e) return;
-      const n = t.theme === "dark" ? M : [];
-      e.dispatch({
-        effects: s.reconfigure(n)
-      });
-    }
-    async function y() {
-      const e = a.value;
-      if (!e) return;
-      const n = await x(t.language || "sql");
-      e.dispatch({
-        effects: c.reconfigure(n)
-      });
-    }
-    function W() {
-      const e = a.value;
-      e && e.dispatch({
-        effects: [
-          d.reconfigure(L.readOnly.of(t.readonly || t.disabled)),
-          u.reconfigure(l.editable.of(!t.readonly && !t.disabled))
-        ]
-      });
-    }
-    function b() {
-      const e = a.value;
-      e && e.dispatch({
-        effects: p.reconfigure(t.placeholder ? V(t.placeholder) : [])
-      });
-    }
-    function C() {
-      const e = a.value;
-      e && e.dispatch({
-        effects: [
-          h.reconfigure(t.indentWithTab ? j.of([O]) : []),
-          g.reconfigure(t.indentUnit ? H.of(t.indentUnit) : [])
-        ]
-      });
-    }
-    function U() {
-      const e = a.value;
-      e && e.dispatch({
-        effects: m.reconfigure(t.lineWrapping ? l.lineWrapping : [])
-      });
-    }
-    function E() {
-      const e = a.value;
-      e && e.dispatch({
-        effects: v.reconfigure(t.highlightWhitespace ? z() : [])
-      });
-    }
-    return (e, n) => (D(), G("div", {
-      ref_key: "editorRef",
-      ref: r,
-      class: "h-full w-full overflow-hidden text-sm"
-    }, null, 512));
-  }
+import { createElementBlock as e, defineComponent as t, onMounted as n, onUnmounted as r, openBlock as i, ref as a, watch as o } from "vue";
+import { SUPPORT_LANGUAGES as s } from "@aiao/code-editor";
+import { indentWithTab as c } from "@codemirror/commands";
+import { LanguageDescription as l, indentUnit as u } from "@codemirror/language";
+import { Annotation as d, Compartment as f, EditorState as p } from "@codemirror/state";
+import { oneDark as m } from "@codemirror/theme-one-dark";
+import { EditorView as h, highlightWhitespace as g, keymap as _, placeholder as v } from "@codemirror/view";
+import { basicSetup as y, minimalSetup as b } from "codemirror";
+//#endregion
+//#region src/CodeEditor.vue
+var x = /* @__PURE__ */ t({
+	__name: "CodeEditor",
+	props: {
+		value: { default: "" },
+		theme: { default: "light" },
+		language: { default: "sql" },
+		placeholder: { default: "" },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		setup: { default: "basic" },
+		indentWithTab: {
+			type: Boolean,
+			default: !1
+		},
+		indentUnit: { default: "  " },
+		lineWrapping: {
+			type: Boolean,
+			default: !1
+		},
+		highlightWhitespace: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(t, { emit: x }) {
+		let S = t, C = x, w = a(null), T = a(null), E = new f(), D = new f(), O = new f(), k = new f(), A = new f(), j = new f(), M = new f(), N = new f(), P = new f(), F = d.define(), I = async (e) => {
+			let t = l.matchLanguageName(s, e, !0);
+			if (!t) return console.error(`[CodeEditor] Language '${e}' not found.`), [];
+			try {
+				return await t.load();
+			} catch (t) {
+				return console.error(`[CodeEditor] Failed to load language '${e}':`, t), [];
+			}
+		};
+		n(async () => {
+			if (!w.value) return;
+			let e = [
+				E.of([]),
+				D.of([]),
+				O.of([]),
+				k.of([]),
+				A.of([]),
+				j.of([]),
+				M.of([]),
+				N.of([]),
+				P.of([]),
+				h.updateListener.of((e) => {
+					if (e.docChanged && !e.transactions.some((e) => e.annotation(F))) {
+						let t = e.state.doc.toString();
+						C("update:value", t), C("change", t);
+					}
+				})
+			];
+			S.setup === "basic" ? e.unshift(y) : e.unshift(b), T.value = new h({
+				state: p.create({
+					doc: S.value,
+					extensions: e
+				}),
+				parent: w.value
+			}), L(), R(), z(), B(), V(), H(), U();
+		}), r(() => {
+			T.value?.destroy();
+		}), o(() => S.value, (e) => {
+			let t = T.value;
+			t && t.state.doc.toString() !== e && t.dispatch({
+				changes: {
+					from: 0,
+					to: t.state.doc.length,
+					insert: e
+				},
+				annotations: F.of(!0)
+			});
+		}), o(() => S.theme, L), o(() => S.language, R), o(() => [S.readonly, S.disabled], z), o(() => S.placeholder, B), o(() => [S.indentWithTab, S.indentUnit], V), o(() => S.lineWrapping, H), o(() => S.highlightWhitespace, U);
+		function L() {
+			let e = T.value;
+			if (!e) return;
+			let t = S.theme === "dark" ? m : [];
+			e.dispatch({ effects: D.reconfigure(t) });
+		}
+		async function R() {
+			let e = T.value;
+			if (!e) return;
+			let t = await I(S.language || "sql");
+			e.dispatch({ effects: E.reconfigure(t) });
+		}
+		function z() {
+			let e = T.value;
+			e && e.dispatch({ effects: [O.reconfigure(p.readOnly.of(S.readonly || S.disabled)), k.reconfigure(h.editable.of(!S.readonly && !S.disabled))] });
+		}
+		function B() {
+			let e = T.value;
+			e && e.dispatch({ effects: A.reconfigure(S.placeholder ? v(S.placeholder) : []) });
+		}
+		function V() {
+			let e = T.value;
+			e && e.dispatch({ effects: [j.reconfigure(S.indentWithTab ? _.of([c]) : []), M.reconfigure(S.indentUnit ? u.of(S.indentUnit) : [])] });
+		}
+		function H() {
+			let e = T.value;
+			e && e.dispatch({ effects: N.reconfigure(S.lineWrapping ? h.lineWrapping : []) });
+		}
+		function U() {
+			let e = T.value;
+			e && e.dispatch({ effects: P.reconfigure(S.highlightWhitespace ? g() : []) });
+		}
+		return (t, n) => (i(), e("div", {
+			class: "h-full w-full overflow-hidden text-sm",
+			ref_key: "editorRef",
+			ref: w
+		}, null, 512));
+	}
 });
-export {
-  ne as CodeEditor
-};
+//#endregion
+export { x as CodeEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiao/code-editor-vue",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -32,11 +32,11 @@
   },
   "dependencies": {
     "@codemirror/commands": "^6.10.2",
-    "@codemirror/language": "^6.12.2",
+    "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.5.4",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.39.16",
+    "@codemirror/view": "6.42.1",
     "codemirror": "^6.0.1",
-    "@aiao/code-editor": "0.0.18"
+    "@aiao/code-editor": "0.0.20"
   }
 }