vue3-ace-editor - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

index.d.ts

@@ -23,2 +23,4 @@ import type { VAceEditorInstance } from './types';
     };
+    minLines: NumberConstructor;
+    maxLines: NumberConstructor;
 }, unknown, unknown, {}, {
@@ -38,2 +40,4 @@ focus(this: VAceEditorInstance): void;
     placeholder?: string | undefined;
+    minLines?: number | undefined;
+    maxLines?: number | undefined;
 }>, {
@@ -40,0 +44,0 @@ lang: string;

index.js

@@ -36,2 +36,4 @@ import ace from 'ace-builds';
         },
+        minLines: Number,
+        maxLines: Number,
     },
@@ -52,2 +54,4 @@ emits: ['update:value', 'init', ...Events],
             useWorker: false,
+            minLines: this.minLines,
+            maxLines: this.maxLines,
             ...this.options,
@@ -115,4 +119,10 @@ }));
         },
+        minLines(val) {
+            this._editor.setOption('minLines', val);
+        },
+        maxLines(val) {
+            this._editor.setOption('maxLines', val);
+        },
     }
 });
 //# sourceMappingURL=index.js.map

index.ts

@@ -41,2 +41,4 @@ import ace from 'ace-builds';
     },
+    minLines: Number,
+    maxLines: Number,
   },
@@ -57,2 +59,4 @@ emits: ['update:value', 'init', ...Events],
       useWorker: false,
+      minLines: this.minLines,
+      maxLines: this.maxLines,
       ...this.options,
@@ -119,3 +123,9 @@ }));
     },
+    minLines(this: VAceEditorInstance, val: number) {
+      this._editor.setOption('minLines', val);
+    },
+    maxLines(this: VAceEditorInstance, val: number) {
+      this._editor.setOption('maxLines', val);
+    },
   }
 });

package.json

 {
   "name": "vue3-ace-editor",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Like vue2-ace-editor but more functional and supports Vue 3",
@@ -20,4 +20,4 @@ "main": "index.js",
   "devDependencies": {
-    "typescript": "^4.2.2"
+    "typescript": "^4.2.3"
   }
 }

README.md

@@ -44,3 +44,3 @@ vue3-ace-editor
 
-    prop `v-model:value` is required. `<v-ace-editor>` has no height by default, its height must be specified manually
+    prop `v-model:value` is required. `<v-ace-editor>` has no height by default. Its height must be specified manually, or set both `min-lines` and `max-lines` to make the editor's height auto-grow.
 
@@ -56,4 +56,5 @@ prop `lang`, `theme` is same as [ace-editor's doc](https://github.com/ajaxorg/ace)
     1. Prop `placeholder`: A hint to the user of what can be entered in the control.
-    1. Prop `wrap`: Indicates whether the control wraps text
-    1. Prop `printMargin`: A short hand of `showPrintMargin` and `printMarginColumn`
+    1. Prop `wrap`: Indicates whether the control wraps text.
+    1. Prop `printMargin`: A short hand of `showPrintMargin` and `printMarginColumn`.
+    1. Prop `minLines` and `maxLines`: Specifiy the minimum and maximum number of lines.
     1. All ace events emitted. Docs can be found here: <https://ace.c9.io/#api=editor&nav=api>
@@ -60,0 +61,0 @@ 1. Some commonly used methods `focus`, `blur`, `selectAll` provided as shortcuts.

types.d.ts

@@ -19,2 +19,4 @@ import { ComponentPublicInstance } from 'vue';
   readonly printMargin: boolean | number;
+  readonly minLines: number;
+  readonly maxLines: number;
 }
@@ -21,0 +23,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

17502

increased by7.88%

Lines of code

357

increased by7.85%

Number of lines in readme file

75

increased by1.35%

No dependency changes