release: v2.3.0-beta2

Author: rennzhang

.eslintignore

@@ -2,4 +2,6 @@ auto-imports.d.ts
 node_modules
 dist
 components.d.ts
-./scripts/
+/scripts
+/types
+.gitignore

.eslintrc.js renamed to .eslintrc.cjs

@@ -37,6 +37,7 @@ module.exports = {
     "no-underscore-dangle": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "vue/multi-word-component-names": "off",
+    "@typescript-eslint/no-explicit-any": ["off"],
   },
   overrides: [
     {

CHANGELOG.md

@@ -1,3 +1,12 @@
+# [2.3.0-beta2](https://github.com/RennCheung/codemirror-editor-vue3/compare/v2.2.1...v2.3.0-beta2) (2023-03-07)
+
+
+### Bug Fixes
+
+* Repair the packaging issues lead to cannot be highlighted ([a355314](https://github.com/RennCheung/codemirror-editor-vue3/commit/a3553148a29372ff5eae6396de978a295b0b278e))
+
+
+
 ## [2.2.1](https://github.com/RennCheung/codemirror-editor-vue3/compare/v2.2.0...v2.2.1) (2023-03-03)
 
 

docs/views/demo/home.vue

@@ -7,8 +7,8 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import Codemirror from "../../../packages/index";
 import type { EditorConfiguration } from "codemirror";
+import Codemirror from "../../../packages/index";
 
 // language
 import "codemirror/mode/javascript/javascript.js";

docs/views/demo/index.vue

@@ -32,7 +32,7 @@ for (; i < 9; i++) {
 `);
 
 const onChange = (val: string, cm: Editor) => {
-  console.log(val);
+  console.log(val, cm);
 };
 
 const cmOptions = {

docs/views/demo/log/fclog.vue

@@ -6,7 +6,6 @@
 import { ref, defineComponent } from "vue";
 import Codemirror, {
   createLinkMark,
-  createLogMark,
   createLog,
   createTitle,
 } from "../../../../packages/index";

package.json

@@ -1,9 +1,11 @@
 {
   "name": "codemirror-editor-vue3",
   "description": "CodeMirror component for Vue3",
-  "version": "2.3.0-beta1",
+  "version": "2.3.0-beta2",
   "license": "MIT",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "type": "module",
   "types": "./dist/packages/index.d.ts",
   "main": "./dist/codemirror-editor-vue3.umd.cjs",
@@ -43,23 +45,24 @@
     "dev": "vite",
     "build": "vite build",
     "build:types": "tsc --emitDeclarationOnly vite build",
-    "publish-pkg": "vite build && git push && git push --tags && npm publish && npm run deploy-docs",
-    "publish-beta": "vite build && npm publish --tag=beta",
+    "publish-pkg": "npm run release && vite build && git push && git push --tags && npm publish && npm run deploy-docs",
+    "publish-beta": "npm run release && vite build && npm publish --tag=beta",
     "docs-dev": "vitepress dev docs --open",
     "docs-build": "vitepress build docs",
     "docs-serve": "vitepress serve docs",
     "deploy-docs": "bash scripts/deploy-docs.sh",
     "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "release": "node scripts/release.js",
+    "release": "node scripts/release.cjs",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "tsc": "tsc"
   },
   "dependencies": {
     "codemirror": "^5.64.0",
     "diff-match-patch": "^1.0.5"
   },
   "peerDependencies": {
-    "vue": "3.x",
-    "codemirror": "5.x",
+    "vue": "^3.x",
+    "codemirror": "^5.x",
     "diff-match-patch": "^1.0.5"
   },
   "devDependencies": {

packages/index.ts

@@ -41,7 +41,6 @@ const CodeMirror = window.CodeMirror || _CodeMirror;
 const GlobalCmComponent = install;
 const InstallCodemirro = install;
 
-
 export * from "./src/components/presetMode/log/utils";
 
 export { CodeMirror, GlobalCmComponent, InstallCodemirro, VueCodemirror };

packages/src/components/index.vue

@@ -29,7 +29,6 @@
   </div>
 </template>
 
-<script lang="ts"></script>
 <script lang="ts" setup>
 import type { Ref, PropType, Component } from "vue";
 import type { Editor, EditorConfiguration } from "codemirror";
@@ -53,7 +52,7 @@ import { DEFAULT_OPTIONS, emitOptions } from "../config/index";
 
 if (typeof Object.assign !== "function") {
   Object.defineProperty(Object, "assign", {
-    value(target: any, varArgs: any) {
+    value(target: any) {
       if (target == null) {
         throw new TypeError("Cannot convert undefined or null to object");
       }
@@ -237,19 +236,13 @@ watch(
   }
 );
 
-watch(
-  () => props.placeholder,
-  (val) => {
-    realCminstance.value?.setOption("placeholder", val);
-  }
-);
-watch(
-  () => props.merge,
-  (val) => {
-    handlePresetModeName();
-  },
-  { immediate: true }
-);
+// watch(
+//   () => props.placeholder,
+//   (val) => {
+//     realCminstance.value?.setOption("placeholder", val);
+//   }
+// );
+watch(() => props.merge, handlePresetModeName, { immediate: true });
 
 onBeforeUnmount(() => {
   destroy();

playground/demo/merge.vue

@@ -4,10 +4,10 @@
     :options="cmOptions"
     :height="300"
     class="cm-component"
+    original-style
     @change="onChange"
     @focus="onFocus"
     @ready="onReady"
-    original-style
   />
 </template>
 <script lang="ts">

playground/demo/placeholder.vue

@@ -5,13 +5,14 @@
     border
     :height="200"
     :placeholder="cmPlaceholder"
+    @ready="onReady"
   >
   </Codemirror>
   {{ code }}
 </template>
 <script lang="ts">
 import { ref } from "vue";
-import type { EditorConfiguration } from "codemirror";
+import type { Editor, EditorConfiguration } from "codemirror";
 import Codemirror from "codemirror-editor-vue3";
 
 // language
@@ -24,7 +25,7 @@ export default defineComponent({
     Codemirror,
   },
   setup() {
-    const code = ref("123");
+    const code = ref("");
     const cmPlaceholder = ref("test placeholder");
 
     const cmOptions: EditorConfiguration = {
@@ -33,17 +34,22 @@ export default defineComponent({
 
     cmPlaceholder.value += "1 ";
 
-    // const timer = setInterval(() => {
-    //   cmPlaceholder.value += "1 ";
-    //   console.log(cmPlaceholder.value);
-    // }, 2000);
+    setInterval(() => {
+      cmPlaceholder.value += "1 ";
+      console.log(cmPlaceholder.value);
+    }, 2000);
     // onUnmounted(() => {
     //   clearInterval(timer);
     // });
+
     return {
       code,
       cmOptions,
       cmPlaceholder,
+      onReady(cm: Editor) {
+        // console.log(" cm", cm.pl);
+        console.log(cm.getValue());
+      },
     };
   },
 });

scripts/release.js renamed to scripts/release.cjs

@@ -36,6 +36,7 @@ export default defineConfig({
     },
     rollupOptions: {
       output: {
+        exports: "named",
         name: "codemirror-editor-vue3", // 仓库或组件的名字
         // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
         globals: {