codemirror-editor-vue3 - npm Package Compare versions

Comparing version 1.1.0-beta9 to 1.2.0-beta-1

dist/codemirror-editor-vue3.es.js

@@ -153,3 +153,3 @@ var __defProp = Object.defineProperty;
 }
-function getLinkMark(value) {
+function getLinkMarks(value) {
   const linkRegexp = /#link#(.+)#link#/g;
@@ -219,5 +219,4 @@ let result = [];
 }
-function createTitle(title = "", baseLength = 20, symbol = "=") {
-  const offsetLength = Math.floor(1.5 * title.length / 2);
-  let arr = new Array(Math.max(baseLength - offsetLength, 5));
+function createTitle(title, symbolLength, symbol) {
+  let arr = new Array(Math.max(symbolLength || 15, 5));
   const wraptext = arr.join(symbol);
@@ -322,3 +321,3 @@ return `${wraptext}${title}${wraptext}`;
       const value = cminstance.getValue();
-      const linkMarks = [].concat(getLinkMark(value)).concat(getLogMark(value));
+      const linkMarks = [].concat(getLinkMarks(value)).concat(getLogMark(value));
       for (let _i = 0; _i < linkMarks.length; _i++) {
@@ -399,7 +398,3 @@ const mark = linkMarks[_i];
   smartIndent: true,
-  indentUnit: 2,
-  foldGutter: true,
-  matchBrackets: true,
-  autoCloseBrackets: true,
-  styleActiveLine: true
+  indentUnit: 2
 };
@@ -542,22 +537,2 @@ function scrollToEnd(cm) {
     },
-    marker: {
-      type: Function,
-      default: () => null
-    },
-    unseenLines: {
-      type: Array,
-      default: () => []
-    },
-    name: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    merge: {
-      type: Boolean,
-      default: false
-    },
     options: {
@@ -571,2 +546,6 @@ type: Object,
     },
+    placeholder: {
+      type: String,
+      default: ""
+    },
     border: {
@@ -587,2 +566,18 @@ type: Boolean,
       default: false
+    },
+    merge: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    marker: {
+      type: Function,
+      default: () => null
+    },
+    unseenLines: {
+      type: Array,
+      default: () => []
     }
@@ -725,2 +720,2 @@ },
 function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(``);
-export { CodeMirror, codemirror, createLinkMark, createLog, createLogMark, createTitle, index as default, getLinkMark, getLocalTime, getLogMark, install };
+export { CodeMirror, codemirror, createLinkMark, createLog, createLogMark, createTitle, index as default, getLinkMarks, getLocalTime, getLogMark, install };

dist/codemirror-editor-vue3.umd.js

@@ -1,2 +0,2 @@
-var $e=Object.defineProperty,ve=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var F=(i,m,t)=>m in i?$e(i,m,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[m]=t,M=(i,m)=>{for(var t in m||(m={}))be.call(m,t)&&F(i,t,m[t]);if(V)for(var t of V(m))_e.call(m,t)&&F(i,t,m[t]);return i},H=(i,m)=>ve(i,Me(m));(function(i,m){typeof exports=="object"&&typeof module!="undefined"?m(exports,require("codemirror"),require("vue"),require("codemirror/lib/codemirror.css"),require("codemirror/addon/merge/merge.css"),require("codemirror/addon/merge/merge.js"),require("diff-match-patch"),require("codemirror/addon/mode/simple.js")):typeof define=="function"&&define.amd?define(["exports","codemirror","vue","codemirror/lib/codemirror.css","codemirror/addon/merge/merge.css","codemirror/addon/merge/merge.js","diff-match-patch","codemirror/addon/mode/simple.js"],m):(i=typeof globalThis!="undefined"?globalThis:i||self,m(i["codemirror-editor-vue3"]={},i.codemirror,i.Vue,null,null,null,i.DiffMatchPatch))})(this,function(i,m,t,Ce,Ee,Se,P){"use strict";function O(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var v=O(m),z=O(P),E=(e,r)=>{const a=e.__vccOpts||e;for(const[n,o]of r)a[n]=o;return a};const q=window.CodeMirror||v.default,U=t.defineComponent({name:"defaultMode",props:{name:{type:String,default:`cm-textarea-${+new Date}`},value:{type:String,default:""},content:{type:String,default:""},options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>null},placeholder:{type:String,default:""}},emits:{ready:e=>e,"update:cminstance":e=>e},setup(e,{emit:r}){const a=t.ref(),n=t.ref(null),o=()=>{n.value=t.markRaw(q.fromTextArea(a.value,e.options)),r("update:cminstance",n.value);let l=t.watch(()=>e.cminstance,(c,u)=>{var f;c&&((f=e.cminstance)==null||f.setValue(e.value||e.content)),r("ready",t.unref(n)),l==null||l()},{deep:!0})};return t.onMounted(()=>{o()}),{textarea:a,initialize:o}}}),W=["name","placeholder"];function J(e,r,a,n,o,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,W)}var K=E(U,[["render",J]]);const G=(window==null?void 0:window.CodeMirror)||v.default;window.diff_match_patch=z.default,window.DIFF_DELETE=-1,window.DIFF_INSERT=1,window.DIFF_EQUAL=0;const Z=t.defineComponent({name:"mergeMode",props:{options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>({})}},emits:["update:cminstance","ready"],setup(e,{emit:r}){const a=t.ref(),n=t.ref(),o=()=>{a.value=t.markRaw(G.MergeView(n.value,e.options)),r("update:cminstance",a.value),r("ready",a)};return t.onMounted(()=>{o()}),{initialize:o}}}),Q={ref:"mergeView"};function X(e,r,a,n,o,l){return t.openBlock(),t.createElementBlock("div",Q,null,512)}var Y=E(Z,[["render",X]]),j;(function(e){e.info="info",e.warning="warning",e.error="error"})(j||(j={}));function L(){const e=new Date,r=e.getHours()<10?"0"+e.getHours():e.getHours(),a=e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes(),n=e.getSeconds()<10?"0"+e.getSeconds():e.getSeconds();return`${r}:${a}:${n}`}function ee(e){return`#link#${JSON.stringify(e)}#link#`}function T(e){const r=/#link#(.+)#link#/g;let a=[],n;for(n=r.exec(e);n;){const o=document.createElement("a"),l=JSON.parse(n[1]),c=Object.entries(l);for(let[u,f]of c)o.setAttribute(u,f);o.className="editor_custom_link",o.innerHTML="logDownload",a.push({start:n.index,end:n.index+n[0].length,node:o}),n=r.exec(e)}return a}function te(e="",r="info"){return`#log<${r}>log#${e}#log<${r}>log#`}function D(e){let r=[];function a(){const n=new RegExp(`#log<(\\w*)>log#((.|\r
+var $e=Object.defineProperty,ve=Object.defineProperties;var Me=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var F=(l,m,t)=>m in l?$e(l,m,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[m]=t,M=(l,m)=>{for(var t in m||(m={}))be.call(m,t)&&F(l,t,m[t]);if(V)for(var t of V(m))_e.call(m,t)&&F(l,t,m[t]);return l},H=(l,m)=>ve(l,Me(m));(function(l,m){typeof exports=="object"&&typeof module!="undefined"?m(exports,require("codemirror"),require("vue"),require("codemirror/lib/codemirror.css"),require("codemirror/addon/merge/merge.css"),require("codemirror/addon/merge/merge.js"),require("diff-match-patch"),require("codemirror/addon/mode/simple.js")):typeof define=="function"&&define.amd?define(["exports","codemirror","vue","codemirror/lib/codemirror.css","codemirror/addon/merge/merge.css","codemirror/addon/merge/merge.js","diff-match-patch","codemirror/addon/mode/simple.js"],m):(l=typeof globalThis!="undefined"?globalThis:l||self,m(l["codemirror-editor-vue3"]={},l.codemirror,l.Vue,null,null,null,l.DiffMatchPatch))})(this,function(l,m,t,Ee,Ce,Se,P){"use strict";function O(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var v=O(m),z=O(P),C=(e,r)=>{const a=e.__vccOpts||e;for(const[n,o]of r)a[n]=o;return a};const q=window.CodeMirror||v.default,U=t.defineComponent({name:"defaultMode",props:{name:{type:String,default:`cm-textarea-${+new Date}`},value:{type:String,default:""},content:{type:String,default:""},options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>null},placeholder:{type:String,default:""}},emits:{ready:e=>e,"update:cminstance":e=>e},setup(e,{emit:r}){const a=t.ref(),n=t.ref(null),o=()=>{n.value=t.markRaw(q.fromTextArea(a.value,e.options)),r("update:cminstance",n.value);let i=t.watch(()=>e.cminstance,(c,u)=>{var f;c&&((f=e.cminstance)==null||f.setValue(e.value||e.content)),r("ready",t.unref(n)),i==null||i()},{deep:!0})};return t.onMounted(()=>{o()}),{textarea:a,initialize:o}}}),W=["name","placeholder"];function J(e,r,a,n,o,i){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,W)}var K=C(U,[["render",J]]);const Z=(window==null?void 0:window.CodeMirror)||v.default;window.diff_match_patch=z.default,window.DIFF_DELETE=-1,window.DIFF_INSERT=1,window.DIFF_EQUAL=0;const G=t.defineComponent({name:"mergeMode",props:{options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>({})}},emits:["update:cminstance","ready"],setup(e,{emit:r}){const a=t.ref(),n=t.ref(),o=()=>{a.value=t.markRaw(Z.MergeView(n.value,e.options)),r("update:cminstance",a.value),r("ready",a)};return t.onMounted(()=>{o()}),{initialize:o}}}),Q={ref:"mergeView"};function X(e,r,a,n,o,i){return t.openBlock(),t.createElementBlock("div",Q,null,512)}var Y=C(G,[["render",X]]),j;(function(e){e.info="info",e.warning="warning",e.error="error"})(j||(j={}));function L(){const e=new Date,r=e.getHours()<10?"0"+e.getHours():e.getHours(),a=e.getMinutes()<10?"0"+e.getMinutes():e.getMinutes(),n=e.getSeconds()<10?"0"+e.getSeconds():e.getSeconds();return`${r}:${a}:${n}`}function ee(e){return`#link#${JSON.stringify(e)}#link#`}function T(e){const r=/#link#(.+)#link#/g;let a=[],n;for(n=r.exec(e);n;){const o=document.createElement("a"),i=JSON.parse(n[1]),c=Object.entries(i);for(let[u,f]of c)o.setAttribute(u,f);o.className="editor_custom_link",o.innerHTML="logDownload",a.push({start:n.index,end:n.index+n[0].length,node:o}),n=r.exec(e)}return a}function te(e="",r="info"){return`#log<${r}>log#${e}#log<${r}>log#`}function D(e){let r=[];function a(){const n=new RegExp(`#log<(\\w*)>log#((.|\r
 |
@@ -7,2 +7,2 @@ )*?)#log<(\\w*)>log#`,"g");let o;for(o=n.exec(e);o;){let c=o[0].replace(/\r\n/g,`
 `).split(`
-`);const d=document.createElement("span");let g=o[1];d.className=`c-editor--log__${g}`;let s=0;for(let p=0;p<c.length;p++){let w=c[p],$=f[p],_=d.cloneNode(!1);_.innerText=$,r.push({start:o.index+s,end:o.index+s+w.length,node:_}),s=s+w.length+1}o=n.exec(e)}}return a(),r}function re(e,r=""){return`[${L()}] <${r}> ${e}`}function ne(e="",r=20,a="="){const n=Math.floor(1.5*e.length/2),l=new Array(Math.max(r-n,5)).join(a);return`${l}${e}${l}`}const S=[{regex:/(\[.*?\])([ \t]*)(<error>[ \t])(.+)/,token:["tag","","error.strong","error.strong"],sol:!0},{regex:/(\[.*?\])([ \t]*)(<info>)(.+)(.?)/,token:["tag","","bracket","bracket","hr"],sol:!0},{regex:/(\[.*?\])([ \t]*)(<warning>)(.+)(.?)/,token:["tag","","comment","comment","hr"],sol:!0}];v.default.defineSimpleMode("fclog",{start:[...S,{regex:/.*/,token:"hr"}],error:[...S,{regex:/.*/,token:"error.strong"}],info:[...S,{regex:/.*/,token:"bracket"}],warning:[...S,{regex:/.*\[/,token:"comment"}]}),v.default.defineSimpleMode("log",{start:[{regex:/^[=]+[^=]*[=]+/,token:"strong"},{regex:/([^\w])([A-Z][\w]*)/,token:["","string"]},{regex:/(^[A-Z][\w]*)/,token:"string"}]});const oe=window.CodeMirror||v.default,ae=t.defineComponent({name:"codemirror-fclog",props:{value:{type:String,default:""},name:{type:String,default:`cm-textarea-${+new Date}`},options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>({})},placeholder:{type:String,default:""}},emits:["update:cminstance","ready"],setup(e,{emit:r}){const a=t.ref(),n=t.ref(null),o=(c=e.cminstance)=>{c.getAllMarks().forEach(g=>g.clear());const f=c.getValue(),d=[].concat(T(f)).concat(D(f));for(let g=0;g<d.length;g++){const s=d[g];c.markText(c.posFromIndex(s.start),c.posFromIndex(s.end),{replacedWith:s.node})}},l=()=>{var c;n.value=t.markRaw(oe.fromTextArea(a.value,e.options)),r("update:cminstance",t.unref(n)),(c=n.value)==null||c.on("change",o)};return t.watch(()=>e.cminstance,c=>{var u;c&&(o(e.cminstance),(u=e.cminstance)==null||u.setValue(e.value),r("ready",n))},{deep:!0,immediate:!0}),t.onMounted(()=>{l()}),{initialize:l,textarea:a}}}),le=["name","placeholder"];function ie(e,r,a,n,o,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,le)}var se=E(ae,[["render",ie]]);const B={"update:value":e=>e,change:(e,r)=>({value:e,cm:r}),input:e=>e,ready:e=>e},ce=["changes","scroll","beforeChange","cursorActivity","keyHandled","inputRead","electricInput","beforeSelectionChange","viewportChange","swapDoc","gutterClick","gutterContextMenu","focus","blur","refresh","optionChange","scrollCursorIntoView","update"],de=()=>{let e={};return ce.forEach(r=>{e[r]=(...a)=>{}}),e},x={mode:"text",theme:"default",lineNumbers:!0,smartIndent:!0,indentUnit:2,foldGutter:!0,matchBrackets:!0,autoCloseBrackets:!0,styleActiveLine:!0};function ue(e){Promise.resolve().then(()=>{let r=e.getScrollInfo();e.scrollTo(r.left,r.height)})}const fe=({props:e,cminstance:r,emit:a,internalInstance:n,content:o})=>{const l=()=>{let u=[];return Object.keys(n==null?void 0:n.vnode.props).forEach(f=>{if(f.startsWith("on")){let d=f.replace(f[2],f[2].toLowerCase()).slice(2);!B[d]&&u.push(d)}}),u};return{listenerEvents:()=>{r.value.on("change",d=>{const g=d.getValue();g!=o.value&&(o.value=g,a("update:value",o.value),a("input",o.value),Promise.resolve().then(()=>{a("change",o.value,d)}),e.KeepCursorInEnd&&ue(d))});const u={};l().filter(d=>!u[d]&&(u[d]=!0)).forEach(d=>{r.value.on(d,(...g)=>{a(d,...g)})})}}};function me({props:e,cminstance:r,presetRef:a}){const n=t.ref(null),o=t.ref(null),l=()=>{t.nextTick(()=>{var s;(s=r.value)==null||s.refresh()})},c=(s=e.width,p=e.height)=>{var $;n.value=String(s).replace("px",""),o.value=String(p).replace("px","");let w=o.value;($=r.value)==null||$.setSize(n.value,w)},u=()=>{var p;const s=(p=r.value)==null?void 0:p.getWrapperElement();s==null||s.remove()},f=()=>{var p,w,$;const s=(p=r.value)==null?void 0:p.getDoc().getHistory();(w=a.value)==null||w.initialize(),u(),($=r.value)==null||$.getDoc().setHistory(s)},d=()=>{const s=document.querySelector(".CodeMirror-gutters");return(s==null?void 0:s.style.left.replace("px",""))!="0"};return{reload:f,refresh:l,resize:c,destroy:u,containerHeight:o,reviseStyle:()=>{if(l(),!d())return;let s=setInterval(()=>{d()?l():clearInterval(s)},60),p=setTimeout(()=>{clearInterval(s),clearTimeout(p)},400)}}}typeof Object.assign!="function"&&Object.defineProperty(Object,"assign",{value(e,r){if(e==null)throw new TypeError("Cannot convert undefined or null to object");const a=Object(e);for(let n=1;n<arguments.length;n++){const o=arguments[n];if(o!=null)for(const l in o)Object.prototype.hasOwnProperty.call(o,l)&&(a[l]=o[l])}return a},writable:!0,configurable:!0});const ge=t.defineComponent({name:"CodemirrorEditor",props:{value:{type:String,default:""},marker:{type:Function,default:()=>null},unseenLines:{type:Array,default:()=>[]},name:{type:String,default:""},placeholder:{type:String,default:""},merge:{type:Boolean,default:!1},options:{type:Object,default:()=>x},globalOptions:{type:Object,default:()=>x},border:{type:Boolean,default:!1},width:{type:[String,Number],default:null},height:{type:[String,Number],default:null},KeepCursorInEnd:{type:Boolean,default:!1}},emits:M(M({},B),de()),components:{Default:K,Merge:Y,FcLog:se},setup(e,{emit:r,attrs:a}){var A,R;const n=t.ref(null),o=t.ref(""),l=t.ref("Default"),c=t.ref(Object.assign(M({},x),e.globalOptions,e.options)),u=t.getCurrentInstance(),f=t.ref(null),{refresh:d,resize:g,destroy:s,containerHeight:p,reviseStyle:w}=me({props:e,cminstance:n,presetRef:f}),{listenerEvents:$}=fe({props:e,cminstance:n,emit:r,internalInstance:u,content:o}),_=()=>{e.unseenLines!==void 0&&e.marker!==void 0&&e.unseenLines.forEach(h=>{var k,C;const y=(k=n.value)==null?void 0:k.lineInfo(h);(C=n.value)==null||C.setGutterMarker(h,"breakpoints",(y==null?void 0:y.gutterMarkers)?null:e.marker())})},ye=h=>{var k,C;const y=(k=n.value)==null?void 0:k.getValue();h!==y&&((C=n.value)==null||C.setValue(h),o.value=h,w()),_()},ke=h=>{$(),_(),g(),r("ready",n.value),t.watch([()=>e.height,()=>e.width],([y,k])=>{g(y,k)},{deep:!0})},we=()=>{if(e.options.mode=="fclog"||e.options.mode=="log"){l.value="FcLog";return}if(e.merge){l.value="Merge";return}l.value="Default"};return t.watch(()=>e.options,h=>{var y;for(const k in e.options)(y=n.value)==null||y.setOption(k,h[k])},{deep:!0}),t.watch(()=>e.value,h=>{ye(h)}),t.watch(()=>e.merge,h=>{we()},{immediate:!0}),t.onBeforeUnmount(()=>{s()}),{presetModeName:l,cmOptions:c,cminstance:n,content:o,ready:ke,resize:g,refresh:d,containerHeight:p,instanceName:e.name||((R=(A=u==null?void 0:u.parent)==null?void 0:A.type)==null?void 0:R.name)||void 0,presetRef:f}}});function pe(e,r,a,n,o,l){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["codemirror-container",{merge:e.$props.merge,bordered:e.$props.border||e.$props.merge,"width-auto":!e.$props.width||e.$props.width=="100%","height-auto":!e.$props.height||e.$props.height=="100%"}]),style:t.normalizeStyle({height:e.containerHeight+"px"})},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.presetModeName),t.mergeProps({style:{height:"100%"},ref:"presetRef",cminstance:e.cminstance,"onUpdate:cminstance":r[0]||(r[0]=c=>e.cminstance=c)},H(M(M({},e.$props),e.$attrs),{options:e.cmOptions,name:e.instanceName,content:e.content}),{onReady:e.ready}),null,16,["cminstance","onReady"]))],6)}var b=E(ge,[["render",pe]]),xe="";const I=window.CodeMirror||v.default,N=(e,r)=>(r&&(r.options&&(b.props.globalOptions.default=()=>r.options),r.events&&(b.props.globalEvents.default=()=>r.events)),e.component("Codemirror",b),e);var he={CodeMirror:I,codemirror:b,install:N};function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(``),i.CodeMirror=I,i.codemirror=b,i.createLinkMark=ee,i.createLog=re,i.createLogMark=te,i.createTitle=ne,i.default=he,i.getLinkMark=T,i.getLocalTime=L,i.getLogMark=D,i.install=N,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+`);const d=document.createElement("span");let g=o[1];d.className=`c-editor--log__${g}`;let s=0;for(let p=0;p<c.length;p++){let w=c[p],$=f[p],_=d.cloneNode(!1);_.innerText=$,r.push({start:o.index+s,end:o.index+s+w.length,node:_}),s=s+w.length+1}o=n.exec(e)}}return a(),r}function re(e,r=""){return`[${L()}] <${r}> ${e}`}function ne(e,r,a){const o=new Array(Math.max(r||15,5)).join(a);return`${o}${e}${o}`}const S=[{regex:/(\[.*?\])([ \t]*)(<error>[ \t])(.+)/,token:["tag","","error.strong","error.strong"],sol:!0},{regex:/(\[.*?\])([ \t]*)(<info>)(.+)(.?)/,token:["tag","","bracket","bracket","hr"],sol:!0},{regex:/(\[.*?\])([ \t]*)(<warning>)(.+)(.?)/,token:["tag","","comment","comment","hr"],sol:!0}];v.default.defineSimpleMode("fclog",{start:[...S,{regex:/.*/,token:"hr"}],error:[...S,{regex:/.*/,token:"error.strong"}],info:[...S,{regex:/.*/,token:"bracket"}],warning:[...S,{regex:/.*\[/,token:"comment"}]}),v.default.defineSimpleMode("log",{start:[{regex:/^[=]+[^=]*[=]+/,token:"strong"},{regex:/([^\w])([A-Z][\w]*)/,token:["","string"]},{regex:/(^[A-Z][\w]*)/,token:"string"}]});const oe=window.CodeMirror||v.default,ae=t.defineComponent({name:"codemirror-fclog",props:{value:{type:String,default:""},name:{type:String,default:`cm-textarea-${+new Date}`},options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>({})},placeholder:{type:String,default:""}},emits:["update:cminstance","ready"],setup(e,{emit:r}){const a=t.ref(),n=t.ref(null),o=(c=e.cminstance)=>{c.getAllMarks().forEach(g=>g.clear());const f=c.getValue(),d=[].concat(T(f)).concat(D(f));for(let g=0;g<d.length;g++){const s=d[g];c.markText(c.posFromIndex(s.start),c.posFromIndex(s.end),{replacedWith:s.node})}},i=()=>{var c;n.value=t.markRaw(oe.fromTextArea(a.value,e.options)),r("update:cminstance",t.unref(n)),(c=n.value)==null||c.on("change",o)};return t.watch(()=>e.cminstance,c=>{var u;c&&(o(e.cminstance),(u=e.cminstance)==null||u.setValue(e.value),r("ready",n))},{deep:!0,immediate:!0}),t.onMounted(()=>{i()}),{initialize:i,textarea:a}}}),le=["name","placeholder"];function ie(e,r,a,n,o,i){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,le)}var se=C(ae,[["render",ie]]);const I={"update:value":e=>e,change:(e,r)=>({value:e,cm:r}),input:e=>e,ready:e=>e},ce=["changes","scroll","beforeChange","cursorActivity","keyHandled","inputRead","electricInput","beforeSelectionChange","viewportChange","swapDoc","gutterClick","gutterContextMenu","focus","blur","refresh","optionChange","scrollCursorIntoView","update"],de=()=>{let e={};return ce.forEach(r=>{e[r]=(...a)=>{}}),e},x={mode:"text",theme:"default",lineNumbers:!0,smartIndent:!0,indentUnit:2};function ue(e){Promise.resolve().then(()=>{let r=e.getScrollInfo();e.scrollTo(r.left,r.height)})}const fe=({props:e,cminstance:r,emit:a,internalInstance:n,content:o})=>{const i=()=>{let u=[];return Object.keys(n==null?void 0:n.vnode.props).forEach(f=>{if(f.startsWith("on")){let d=f.replace(f[2],f[2].toLowerCase()).slice(2);!I[d]&&u.push(d)}}),u};return{listenerEvents:()=>{r.value.on("change",d=>{const g=d.getValue();g!=o.value&&(o.value=g,a("update:value",o.value),a("input",o.value),Promise.resolve().then(()=>{a("change",o.value,d)}),e.KeepCursorInEnd&&ue(d))});const u={};i().filter(d=>!u[d]&&(u[d]=!0)).forEach(d=>{r.value.on(d,(...g)=>{a(d,...g)})})}}};function me({props:e,cminstance:r,presetRef:a}){const n=t.ref(null),o=t.ref(null),i=()=>{t.nextTick(()=>{var s;(s=r.value)==null||s.refresh()})},c=(s=e.width,p=e.height)=>{var $;n.value=String(s).replace("px",""),o.value=String(p).replace("px","");let w=o.value;($=r.value)==null||$.setSize(n.value,w)},u=()=>{var p;const s=(p=r.value)==null?void 0:p.getWrapperElement();s==null||s.remove()},f=()=>{var p,w,$;const s=(p=r.value)==null?void 0:p.getDoc().getHistory();(w=a.value)==null||w.initialize(),u(),($=r.value)==null||$.getDoc().setHistory(s)},d=()=>{const s=document.querySelector(".CodeMirror-gutters");return(s==null?void 0:s.style.left.replace("px",""))!="0"};return{reload:f,refresh:i,resize:c,destroy:u,containerHeight:o,reviseStyle:()=>{if(i(),!d())return;let s=setInterval(()=>{d()?i():clearInterval(s)},60),p=setTimeout(()=>{clearInterval(s),clearTimeout(p)},400)}}}typeof Object.assign!="function"&&Object.defineProperty(Object,"assign",{value(e,r){if(e==null)throw new TypeError("Cannot convert undefined or null to object");const a=Object(e);for(let n=1;n<arguments.length;n++){const o=arguments[n];if(o!=null)for(const i in o)Object.prototype.hasOwnProperty.call(o,i)&&(a[i]=o[i])}return a},writable:!0,configurable:!0});const ge=t.defineComponent({name:"CodemirrorEditor",props:{value:{type:String,default:""},options:{type:Object,default:()=>x},globalOptions:{type:Object,default:()=>x},placeholder:{type:String,default:""},border:{type:Boolean,default:!1},width:{type:[String,Number],default:null},height:{type:[String,Number],default:null},KeepCursorInEnd:{type:Boolean,default:!1},merge:{type:Boolean,default:!1},name:{type:String,default:""},marker:{type:Function,default:()=>null},unseenLines:{type:Array,default:()=>[]}},emits:M(M({},I),de()),components:{Default:K,Merge:Y,FcLog:se},setup(e,{emit:r,attrs:a}){var B,R;const n=t.ref(null),o=t.ref(""),i=t.ref("Default"),c=t.ref(Object.assign(M({},x),e.globalOptions,e.options)),u=t.getCurrentInstance(),f=t.ref(null),{refresh:d,resize:g,destroy:s,containerHeight:p,reviseStyle:w}=me({props:e,cminstance:n,presetRef:f}),{listenerEvents:$}=fe({props:e,cminstance:n,emit:r,internalInstance:u,content:o}),_=()=>{e.unseenLines!==void 0&&e.marker!==void 0&&e.unseenLines.forEach(h=>{var k,E;const y=(k=n.value)==null?void 0:k.lineInfo(h);(E=n.value)==null||E.setGutterMarker(h,"breakpoints",(y==null?void 0:y.gutterMarkers)?null:e.marker())})},ye=h=>{var k,E;const y=(k=n.value)==null?void 0:k.getValue();h!==y&&((E=n.value)==null||E.setValue(h),o.value=h,w()),_()},ke=h=>{$(),_(),g(),r("ready",n.value),t.watch([()=>e.height,()=>e.width],([y,k])=>{g(y,k)},{deep:!0})},we=()=>{if(e.options.mode=="fclog"||e.options.mode=="log"){i.value="FcLog";return}if(e.merge){i.value="Merge";return}i.value="Default"};return t.watch(()=>e.options,h=>{var y;for(const k in e.options)(y=n.value)==null||y.setOption(k,h[k])},{deep:!0}),t.watch(()=>e.value,h=>{ye(h)}),t.watch(()=>e.merge,h=>{we()},{immediate:!0}),t.onBeforeUnmount(()=>{s()}),{presetModeName:i,cmOptions:c,cminstance:n,content:o,ready:ke,resize:g,refresh:d,containerHeight:p,instanceName:e.name||((R=(B=u==null?void 0:u.parent)==null?void 0:B.type)==null?void 0:R.name)||void 0,presetRef:f}}});function pe(e,r,a,n,o,i){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["codemirror-container",{merge:e.$props.merge,bordered:e.$props.border||e.$props.merge,"width-auto":!e.$props.width||e.$props.width=="100%","height-auto":!e.$props.height||e.$props.height=="100%"}]),style:t.normalizeStyle({height:e.containerHeight+"px"})},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.presetModeName),t.mergeProps({style:{height:"100%"},ref:"presetRef",cminstance:e.cminstance,"onUpdate:cminstance":r[0]||(r[0]=c=>e.cminstance=c)},H(M(M({},e.$props),e.$attrs),{options:e.cmOptions,name:e.instanceName,content:e.content}),{onReady:e.ready}),null,16,["cminstance","onReady"]))],6)}var b=C(ge,[["render",pe]]),xe="";const N=window.CodeMirror||v.default,A=(e,r)=>(r&&(r.options&&(b.props.globalOptions.default=()=>r.options),r.events&&(b.props.globalEvents.default=()=>r.events)),e.component("Codemirror",b),e);var he={CodeMirror:N,codemirror:b,install:A};function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(``),l.CodeMirror=N,l.codemirror=b,l.createLinkMark=ee,l.createLog=re,l.createLogMark=te,l.createTitle=ne,l.default=he,l.getLinkMarks=T,l.getLocalTime=L,l.getLogMark=D,l.install=A,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});

dist/packages/index.d.ts

@@ -9,12 +9,626 @@ import _CodeMirror from "codemirror";
 export * from ".";
-import codemirror from "./src/index.vue";
+import codemirror from "./src/components/index.vue";
 declare const CodeMirror: typeof _CodeMirror;
 declare const install: (app: App, config?: InstallConfig | undefined) => App<any>;
-export * from "./src/presetMode/log/utils";
+export * from "./src/components/presetMode/log/utils";
 export { CodeMirror, codemirror, install };
 declare const _default: {
     CodeMirror: typeof _CodeMirror;
-    codemirror: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+    codemirror: import("vue").DefineComponent<{
+        value: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        options: {
+            type: import("vue").PropType<_CodeMirror.EditorConfiguration>;
+            default: () => _CodeMirror.EditorConfiguration;
+        };
+        globalOptions: {
+            type: import("vue").PropType<_CodeMirror.EditorConfiguration>;
+            default: () => _CodeMirror.EditorConfiguration;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        border: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+            default: null;
+        };
+        height: {
+            type: import("vue").PropType<string | number>;
+            default: null;
+        };
+        KeepCursorInEnd: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        merge: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        marker: {
+            type: import("vue").PropType<() => HTMLElement>;
+            default: () => null;
+        };
+        unseenLines: {
+            type: import("vue").PropType<any[]>;
+            default: () => never[];
+        };
+    }, {
+        presetModeName: import("vue").Ref<"Default" | "Merge" | "FcLog">;
+        cmOptions: import("vue").Ref<{
+            value?: string | {
+                getEditor: () => _CodeMirror.Editor | null;
+                copy: (copyHistory: boolean) => _CodeMirror.Doc;
+                on: <T extends keyof _CodeMirror.DocEventMap>(eventName: T, handler: _CodeMirror.DocEventMap[T]) => void;
+                off: <T_1 extends keyof _CodeMirror.DocEventMap>(eventName: T_1, handler: _CodeMirror.DocEventMap[T_1]) => void;
+                modeOption: string | {
+                    highlightNonStandardPropertyKeywords?: boolean | undefined;
+                    version?: 2 | 3 | undefined;
+                    singleLineStringErrors?: boolean | undefined;
+                    hangingIndent?: number | undefined;
+                    singleOperators?: unknown;
+                    singleDelimiters?: unknown;
+                    doubleOperators?: unknown;
+                    doubleDelimiters?: unknown;
+                    tripleDelimiters?: unknown;
+                    identifiers?: unknown;
+                    extra_keywords?: string[] | undefined;
+                    extra_builtins?: string[] | undefined;
+                    useCPP?: boolean | undefined;
+                    base?: string | undefined;
+                    tags?: {
+                        [x: string]: unknown;
+                    } | undefined;
+                    json?: boolean | undefined;
+                    jsonld?: boolean | undefined;
+                    typescript?: boolean | undefined;
+                    trackScope?: boolean | undefined;
+                    statementIndent?: boolean | undefined;
+                    wordCharacters?: unknown;
+                    highlightFormatting?: boolean | undefined;
+                    maxBlockquoteDepth?: boolean | undefined;
+                    xml?: boolean | undefined;
+                    fencedCodeBlockHighlighting?: boolean | undefined;
+                    fencedCodeBlockDefaultMode?: string | undefined;
+                    tokenTypeOverrides?: unknown;
+                    allowAtxHeaderWithoutSpace?: boolean | undefined;
+                    gitHubSpice?: boolean | undefined;
+                    taskLists?: boolean | undefined;
+                    strikethrough?: boolean | undefined;
+                    emoji?: boolean | undefined;
+                    leftDelimiter?: string | undefined;
+                    rightDelimiter?: string | undefined;
+                    baseMode?: string | undefined;
+                    inMathMode?: boolean | undefined;
+                    noIndentKeywords?: unknown;
+                    atoms?: unknown;
+                    hooks?: unknown;
+                    multiLineStrings?: boolean | undefined;
+                    htmlMode?: boolean | undefined;
+                    matchClosing?: boolean | undefined;
+                    alignCDATA?: boolean | undefined;
+                    name: string;
+                };
+                getValue: (seperator?: string | undefined) => string;
+                setValue: (content: string) => void;
+                getRange: (from: _CodeMirror.Position, to: _CodeMirror.Position, seperator?: string | undefined) => string;
+                replaceRange: (replacement: string | string[], from: _CodeMirror.Position, to?: _CodeMirror.Position | undefined, origin?: string | undefined) => void;
+                getLine: (n: number) => string;
+                setLine: (n: number, text: string) => void;
+                removeLine: (n: number) => void;
+                lineCount: () => number;
+                firstLine: () => number;
+                lastLine: () => number;
+                getLineHandle: (num: number) => _CodeMirror.LineHandle;
+                getLineNumber: (handle: _CodeMirror.LineHandle) => number | null;
+                eachLine: {
+                    (f: (line: _CodeMirror.LineHandle) => void): void;
+                    (start: number, end: number, f: (line: _CodeMirror.LineHandle) => void): void;
+                };
+                markClean: () => void;
+                changeGeneration: (closeEvent?: boolean | undefined) => number;
+                isClean: (generation?: number | undefined) => boolean;
+                getSelection: () => string;
+                getSelections: (lineSep?: string | undefined) => string[];
+                replaceSelection: (replacement: string, collapse?: string | undefined) => void;
+                replaceSelections: (replacements: string[], collapse?: string | undefined) => void;
+                getCursor: (start?: string | undefined) => _CodeMirror.Position;
+                listSelections: () => _CodeMirror.Range[];
+                somethingSelected: () => boolean;
+                setCursor: (pos: number | _CodeMirror.Position, ch?: number | undefined, options?: {
+                    bias?: number | undefined;
+                    origin?: string | undefined;
+                    scroll?: boolean | undefined;
+                } | undefined) => void;
+                setSelection: (anchor: _CodeMirror.Position, head?: _CodeMirror.Position | undefined, options?: {
+                    bias?: number | undefined;
+                    origin?: string | undefined;
+                    scroll?: boolean | undefined;
+                } | undefined) => void;
+                setSelections: (ranges: {
+                    anchor: _CodeMirror.Position;
+                    head: _CodeMirror.Position;
+                }[], primary?: number | undefined, options?: _CodeMirror.SelectionOptions | undefined) => void;
+                addSelection: (anchor: _CodeMirror.Position, head?: _CodeMirror.Position | undefined) => void;
+                extendSelection: (from: _CodeMirror.Position, to?: _CodeMirror.Position | undefined, options?: _CodeMirror.SelectionOptions | undefined) => void;
+                extendSelections: (heads: _CodeMirror.Position[], options?: _CodeMirror.SelectionOptions | undefined) => void;
+                extendSelectionsBy: (f: (range: _CodeMirror.Range) => _CodeMirror.Position) => void;
+                setExtending: (value: boolean) => void;
+                getExtending: () => boolean;
+                linkedDoc: (options: {
+                    sharedHist?: boolean | undefined;
+                    from?: number | undefined;
+                    to?: number | undefined;
+                    mode?: string | _CodeMirror.ModeSpec<_CodeMirror.ModeSpecOptions> | undefined;
+                }) => _CodeMirror.Doc;
+                unlinkDoc: (doc: _CodeMirror.Doc) => void;
+                iterLinkedDocs: (fn: (doc: _CodeMirror.Doc, sharedHist: boolean) => void) => void;
+                undo: () => void;
+                redo: () => void;
+                undoSelection: () => void;
+                redoSelection: () => void;
+                historySize: () => {
+                    undo: number;
+                    redo: number;
+                };
+                clearHistory: () => void;
+                getHistory: () => any;
+                setHistory: (history: any) => void;
+                markText: (from: _CodeMirror.Position, to: _CodeMirror.Position, options?: _CodeMirror.TextMarkerOptions | undefined) => _CodeMirror.TextMarker<_CodeMirror.MarkerRange>;
+                setBookmark: (pos: _CodeMirror.Position, options?: {
+                    widget?: HTMLElement | undefined;
+                    insertLeft?: boolean | undefined;
+                    shared?: boolean | undefined;
+                    handleMouseEvents?: boolean | undefined;
+                } | undefined) => _CodeMirror.TextMarker<_CodeMirror.Position>;
+                findMarks: (from: _CodeMirror.Position, to: _CodeMirror.Position) => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+                findMarksAt: (pos: _CodeMirror.Position) => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+                getAllMarks: () => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+                addLineWidget: (line: any, node: HTMLElement, options?: _CodeMirror.LineWidgetOptions | undefined) => _CodeMirror.LineWidget;
+                removeLineWidget: (widget: _CodeMirror.LineWidget) => void;
+                getMode: () => _CodeMirror.Mode<unknown>;
+                lineSeparator: () => string;
+                posFromIndex: (index: number) => _CodeMirror.Position;
+                indexFromPos: (object: _CodeMirror.Position) => number;
+                state: any;
+            } | undefined;
+            mode?: string | {
+                highlightNonStandardPropertyKeywords?: boolean | undefined;
+                version?: 2 | 3 | undefined;
+                singleLineStringErrors?: boolean | undefined;
+                hangingIndent?: number | undefined;
+                singleOperators?: unknown;
+                singleDelimiters?: unknown;
+                doubleOperators?: unknown;
+                doubleDelimiters?: unknown;
+                tripleDelimiters?: unknown;
+                identifiers?: unknown;
+                extra_keywords?: string[] | undefined;
+                extra_builtins?: string[] | undefined;
+                useCPP?: boolean | undefined;
+                base?: string | undefined;
+                tags?: {
+                    [x: string]: unknown;
+                } | undefined;
+                json?: boolean | undefined;
+                jsonld?: boolean | undefined;
+                typescript?: boolean | undefined;
+                trackScope?: boolean | undefined;
+                statementIndent?: boolean | undefined;
+                wordCharacters?: unknown;
+                highlightFormatting?: boolean | undefined;
+                maxBlockquoteDepth?: boolean | undefined;
+                xml?: boolean | undefined;
+                fencedCodeBlockHighlighting?: boolean | undefined;
+                fencedCodeBlockDefaultMode?: string | undefined;
+                tokenTypeOverrides?: unknown;
+                allowAtxHeaderWithoutSpace?: boolean | undefined;
+                gitHubSpice?: boolean | undefined;
+                taskLists?: boolean | undefined;
+                strikethrough?: boolean | undefined;
+                emoji?: boolean | undefined;
+                leftDelimiter?: string | undefined;
+                rightDelimiter?: string | undefined;
+                baseMode?: string | undefined;
+                inMathMode?: boolean | undefined;
+                noIndentKeywords?: unknown;
+                atoms?: unknown;
+                hooks?: unknown;
+                multiLineStrings?: boolean | undefined;
+                htmlMode?: boolean | undefined;
+                matchClosing?: boolean | undefined;
+                alignCDATA?: boolean | undefined;
+                name: string;
+            } | undefined;
+            lineSeparator?: string | null | undefined;
+            theme?: string | undefined;
+            indentUnit?: number | undefined;
+            smartIndent?: boolean | undefined;
+            tabSize?: number | undefined;
+            indentWithTabs?: boolean | undefined;
+            electricChars?: boolean | undefined;
+            specialChars?: {
+                exec: (string: string) => RegExpExecArray | null;
+                test: (string: string) => boolean;
+                readonly source: string;
+                readonly global: boolean;
+                readonly ignoreCase: boolean;
+                readonly multiline: boolean;
+                lastIndex: number;
+                compile: (pattern: string, flags?: string | undefined) => RegExp;
+                readonly flags: string;
+                readonly sticky: boolean;
+                readonly unicode: boolean;
+                readonly dotAll: boolean;
+                [Symbol.match]: (string: string) => RegExpMatchArray | null;
+                [Symbol.replace]: {
+                    (string: string, replaceValue: string): string;
+                    (string: string, replacer: (substring: string, ...args: any[]) => string): string;
+                };
+                [Symbol.search]: (string: string) => number;
+                [Symbol.split]: (string: string, limit?: number | undefined) => string[];
+                [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
+            } | undefined;
+            specialCharPlaceholder?: ((char: string) => HTMLElement) | undefined;
+            direction?: "ltr" | "rtl" | undefined;
+            rtlMoveVisually?: boolean | undefined;
+            keyMap?: string | undefined;
+            extraKeys?: string | {
+                [x: string]: string | false | ((instance: _CodeMirror.Editor) => void | {
+                    toString(): "CodeMirror.PASS";
+                });
+            } | undefined;
+            configureMouse?: ((cm: _CodeMirror.Editor, repeat: "single" | "double" | "triple", event: Event) => _CodeMirror.MouseSelectionConfiguration) | undefined;
+            lineWrapping?: boolean | undefined;
+            lineNumbers?: boolean | undefined;
+            firstLineNumber?: number | undefined;
+            lineNumberFormatter?: ((line: number) => string) | undefined;
+            gutters?: (string | {
+                className: string;
+                style?: string | undefined;
+            })[] | undefined;
+            fixedGutter?: boolean | undefined;
+            scrollbarStyle?: keyof _CodeMirror.ScrollbarModels | undefined;
+            coverGutterNextToScrollbar?: boolean | undefined;
+            inputStyle?: _CodeMirror.InputStyle | undefined;
+            readOnly?: boolean | "nocursor" | undefined;
+            screenReaderLabel?: string | undefined;
+            showCursorWhenSelecting?: boolean | undefined;
+            lineWiseCopyCut?: boolean | undefined;
+            pasteLinesPerSelection?: boolean | undefined;
+            selectionsMayTouch?: boolean | undefined;
+            undoDepth?: number | undefined;
+            historyEventDelay?: number | undefined;
+            tabindex?: number | undefined;
+            autofocus?: boolean | undefined;
+            phrases?: {
+                [x: string]: unknown;
+            } | undefined;
+            dragDrop?: boolean | undefined;
+            allowDropFileTypes?: string[] | null | undefined;
+            onDragEvent?: ((instance: _CodeMirror.Editor, event: DragEvent) => boolean) | undefined;
+            onKeyEvent?: ((instance: _CodeMirror.Editor, event: KeyboardEvent) => boolean) | undefined;
+            cursorBlinkRate?: number | undefined;
+            cursorScrollMargin?: number | undefined;
+            cursorHeight?: number | undefined;
+            resetSelectionOnContextMenu?: boolean | undefined;
+            workTime?: number | undefined;
+            workDelay?: number | undefined;
+            pollInterval?: number | undefined;
+            flattenSpans?: boolean | undefined;
+            addModeClass?: boolean | undefined;
+            maxHighlightLength?: number | undefined;
+            viewportMargin?: number | undefined;
+            spellcheck?: boolean | undefined;
+            autocorrect?: boolean | undefined;
+            autocapitalize?: boolean | undefined;
+        }>;
+        cminstance: import("vue").Ref<{
+            hasFocus: () => boolean;
+            findPosH: (start: _CodeMirror.Position, amount: number, unit: string, visually: boolean) => {
+                line: number;
+                ch: number;
+                hitSide?: boolean | undefined;
+            };
+            findPosV: (start: _CodeMirror.Position, amount: number, unit: string) => {
+                line: number;
+                ch: number;
+                hitSide?: boolean | undefined;
+            };
+            findWordAt: (pos: _CodeMirror.Position) => _CodeMirror.Range;
+            setOption: <K extends keyof _CodeMirror.EditorConfiguration>(option: K, value: _CodeMirror.EditorConfiguration[K]) => void;
+            getOption: <K_1 extends keyof _CodeMirror.EditorConfiguration>(option: K_1) => _CodeMirror.EditorConfiguration[K_1];
+            addKeyMap: (map: string | _CodeMirror.KeyMap, bottom?: boolean | undefined) => void;
+            removeKeyMap: (map: string | _CodeMirror.KeyMap) => void;
+            addOverlay: (mode: any, options?: {
+                opaque?: boolean | undefined;
+                priority?: number | undefined;
+            } | undefined) => void;
+            removeOverlay: (mode: any) => void;
+            getDoc: () => _CodeMirror.Doc;
+            swapDoc: (doc: _CodeMirror.Doc) => _CodeMirror.Doc;
+            getValue: (seperator?: string | undefined) => string;
+            setValue: (content: string) => void;
+            getCursor: (start?: string | undefined) => _CodeMirror.Position;
+            setCursor: (pos: number | _CodeMirror.Position, ch?: number | undefined, options?: {
+                bias?: number | undefined;
+                origin?: string | undefined;
+                scroll?: boolean | undefined;
+            } | undefined) => void;
+            setGutterMarker: (line: any, gutterID: string, value: HTMLElement | null) => _CodeMirror.LineHandle;
+            clearGutter: (gutterID: string) => void;
+            addLineClass: (line: any, where: string, _class_: string) => _CodeMirror.LineHandle;
+            removeLineClass: (line: any, where: string, class_?: string | undefined) => _CodeMirror.LineHandle;
+            lineAtHeight: (height: number, mode?: _CodeMirror.CoordsMode | undefined) => number;
+            heightAtLine: (line: any, mode?: _CodeMirror.CoordsMode | undefined, includeWidgets?: boolean | undefined) => number;
+            lineInfo: (line: any) => {
+                line: any;
+                handle: any;
+                text: string;
+                gutterMarkers: any;
+                textClass: string;
+                bgClass: string;
+                wrapClass: string;
+                widgets: any;
+            };
+            addWidget: (pos: _CodeMirror.Position, node: HTMLElement, scrollIntoView: boolean) => void;
+            addLineWidget: (line: any, node: HTMLElement, options?: _CodeMirror.LineWidgetOptions | undefined) => _CodeMirror.LineWidget;
+            setSize: (width: any, height: any) => void;
+            scrollTo: (x?: number | null | undefined, y?: number | null | undefined) => void;
+            getScrollInfo: () => _CodeMirror.ScrollInfo;
+            scrollIntoView: (pos: _CodeMirror.Position | {
+                line: number;
+                ch: number;
+            } | {
+                left: number;
+                top: number;
+                right: number;
+                bottom: number;
+            } | {
+                from: _CodeMirror.Position;
+                to: _CodeMirror.Position;
+            } | null, margin?: number | undefined) => void;
+            cursorCoords: (where?: boolean | _CodeMirror.Position | null | undefined, mode?: _CodeMirror.CoordsMode | undefined) => {
+                left: number;
+                top: number;
+                bottom: number;
+            };
+            charCoords: (pos: _CodeMirror.Position, mode?: _CodeMirror.CoordsMode | undefined) => {
+                left: number;
+                right: number;
+                top: number;
+                bottom: number;
+            };
+            coordsChar: (object: {
+                left: number;
+                top: number;
+            }, mode?: _CodeMirror.CoordsMode | undefined) => _CodeMirror.Position;
+            defaultTextHeight: () => number;
+            defaultCharWidth: () => number;
+            getViewport: () => {
+                from: number;
+                to: number;
+            };
+            refresh: () => void;
+            getModeAt: (pos: _CodeMirror.Position) => _CodeMirror.Mode<unknown>;
+            getTokenAt: (pos: _CodeMirror.Position, precise?: boolean | undefined) => _CodeMirror.Token;
+            getTokenTypeAt: (pos: _CodeMirror.Position) => string;
+            getLineTokens: (line: number, precise?: boolean | undefined) => _CodeMirror.Token[];
+            getStateAfter: (line?: number | undefined) => any;
+            operation: <T_2>(fn: () => T_2) => T_2;
+            startOperation: () => void;
+            endOperation: () => void;
+            indentLine: (line: number, dir?: string | undefined) => void;
+            indentSelection: (how: string) => void;
+            isReadOnly: () => boolean;
+            toggleOverwrite: (value?: boolean | undefined) => void;
+            execCommand: (name: string) => void;
+            focus: () => void;
+            phrase: (text: string) => unknown;
+            getInputField: () => HTMLTextAreaElement;
+            getWrapperElement: () => HTMLElement;
+            getScrollerElement: () => HTMLElement;
+            getGutterElement: () => HTMLElement;
+            on: {
+                <T_3 extends keyof _CodeMirror.EditorEventMap>(eventName: T_3, handler: _CodeMirror.EditorEventMap[T_3]): void;
+                <K_2 extends "mousedown" | "dblclick" | "touchstart" | "contextmenu" | "keydown" | "keypress" | "keyup" | "dragstart" | "dragenter" | "dragover" | "dragleave" | "drop">(eventName: K_2, handler: (instance: _CodeMirror.Editor, event: GlobalEventHandlersEventMap[K_2]) => void): void;
+                <K_3 extends "copy" | "cut" | "paste">(eventName: K_3, handler: (instance: _CodeMirror.Editor, event: DocumentAndElementEventHandlersEventMap[K_3]) => void): void;
+            };
+            off: {
+                <T_4 extends keyof _CodeMirror.EditorEventMap>(eventName: T_4, handler: _CodeMirror.EditorEventMap[T_4]): void;
+                <K_4 extends "mousedown" | "dblclick" | "touchstart" | "contextmenu" | "keydown" | "keypress" | "keyup" | "dragstart" | "dragenter" | "dragover" | "dragleave" | "drop">(eventName: K_4, handler: (instance: _CodeMirror.Editor, event: GlobalEventHandlersEventMap[K_4]) => void): void;
+                <K_5 extends "copy" | "cut" | "paste">(eventName: K_5, handler: (instance: _CodeMirror.Editor, event: DocumentAndElementEventHandlersEventMap[K_5]) => void): void;
+            };
+            state: any;
+            modeOption: string | {
+                highlightNonStandardPropertyKeywords?: boolean | undefined;
+                version?: 2 | 3 | undefined;
+                singleLineStringErrors?: boolean | undefined;
+                hangingIndent?: number | undefined;
+                singleOperators?: unknown;
+                singleDelimiters?: unknown;
+                doubleOperators?: unknown;
+                doubleDelimiters?: unknown;
+                tripleDelimiters?: unknown;
+                identifiers?: unknown;
+                extra_keywords?: string[] | undefined;
+                extra_builtins?: string[] | undefined;
+                useCPP?: boolean | undefined;
+                base?: string | undefined;
+                tags?: {
+                    [x: string]: unknown;
+                } | undefined;
+                json?: boolean | undefined;
+                jsonld?: boolean | undefined;
+                typescript?: boolean | undefined;
+                trackScope?: boolean | undefined;
+                statementIndent?: boolean | undefined;
+                wordCharacters?: unknown;
+                highlightFormatting?: boolean | undefined;
+                maxBlockquoteDepth?: boolean | undefined;
+                xml?: boolean | undefined;
+                fencedCodeBlockHighlighting?: boolean | undefined;
+                fencedCodeBlockDefaultMode?: string | undefined;
+                tokenTypeOverrides?: unknown;
+                allowAtxHeaderWithoutSpace?: boolean | undefined;
+                gitHubSpice?: boolean | undefined;
+                taskLists?: boolean | undefined;
+                strikethrough?: boolean | undefined;
+                emoji?: boolean | undefined;
+                leftDelimiter?: string | undefined;
+                rightDelimiter?: string | undefined;
+                baseMode?: string | undefined;
+                inMathMode?: boolean | undefined;
+                noIndentKeywords?: unknown;
+                atoms?: unknown;
+                hooks?: unknown;
+                multiLineStrings?: boolean | undefined;
+                htmlMode?: boolean | undefined;
+                matchClosing?: boolean | undefined;
+                alignCDATA?: boolean | undefined;
+                name: string;
+            };
+            getRange: (from: _CodeMirror.Position, to: _CodeMirror.Position, seperator?: string | undefined) => string;
+            replaceRange: (replacement: string | string[], from: _CodeMirror.Position, to?: _CodeMirror.Position | undefined, origin?: string | undefined) => void;
+            getLine: (n: number) => string;
+            setLine: (n: number, text: string) => void;
+            removeLine: (n: number) => void;
+            lineCount: () => number;
+            firstLine: () => number;
+            lastLine: () => number;
+            getLineHandle: (num: number) => _CodeMirror.LineHandle;
+            getLineNumber: (handle: _CodeMirror.LineHandle) => number | null;
+            eachLine: {
+                (f: (line: _CodeMirror.LineHandle) => void): void;
+                (start: number, end: number, f: (line: _CodeMirror.LineHandle) => void): void;
+            };
+            markClean: () => void;
+            changeGeneration: (closeEvent?: boolean | undefined) => number;
+            isClean: (generation?: number | undefined) => boolean;
+            getSelection: () => string;
+            getSelections: (lineSep?: string | undefined) => string[];
+            replaceSelection: (replacement: string, collapse?: string | undefined) => void;
+            replaceSelections: (replacements: string[], collapse?: string | undefined) => void;
+            listSelections: () => _CodeMirror.Range[];
+            somethingSelected: () => boolean;
+            setSelection: (anchor: _CodeMirror.Position, head?: _CodeMirror.Position | undefined, options?: {
+                bias?: number | undefined;
+                origin?: string | undefined;
+                scroll?: boolean | undefined;
+            } | undefined) => void;
+            setSelections: (ranges: {
+                anchor: _CodeMirror.Position;
+                head: _CodeMirror.Position;
+            }[], primary?: number | undefined, options?: _CodeMirror.SelectionOptions | undefined) => void;
+            addSelection: (anchor: _CodeMirror.Position, head?: _CodeMirror.Position | undefined) => void;
+            extendSelection: (from: _CodeMirror.Position, to?: _CodeMirror.Position | undefined, options?: _CodeMirror.SelectionOptions | undefined) => void;
+            extendSelections: (heads: _CodeMirror.Position[], options?: _CodeMirror.SelectionOptions | undefined) => void;
+            extendSelectionsBy: (f: (range: _CodeMirror.Range) => _CodeMirror.Position) => void;
+            setExtending: (value: boolean) => void;
+            getExtending: () => boolean;
+            linkedDoc: (options: {
+                sharedHist?: boolean | undefined;
+                from?: number | undefined;
+                to?: number | undefined;
+                mode?: string | _CodeMirror.ModeSpec<_CodeMirror.ModeSpecOptions> | undefined;
+            }) => _CodeMirror.Doc;
+            unlinkDoc: (doc: _CodeMirror.Doc) => void;
+            iterLinkedDocs: (fn: (doc: _CodeMirror.Doc, sharedHist: boolean) => void) => void;
+            undo: () => void;
+            redo: () => void;
+            undoSelection: () => void;
+            redoSelection: () => void;
+            historySize: () => {
+                undo: number;
+                redo: number;
+            };
+            clearHistory: () => void;
+            getHistory: () => any;
+            setHistory: (history: any) => void;
+            markText: (from: _CodeMirror.Position, to: _CodeMirror.Position, options?: _CodeMirror.TextMarkerOptions | undefined) => _CodeMirror.TextMarker<_CodeMirror.MarkerRange>;
+            setBookmark: (pos: _CodeMirror.Position, options?: {
+                widget?: HTMLElement | undefined;
+                insertLeft?: boolean | undefined;
+                shared?: boolean | undefined;
+                handleMouseEvents?: boolean | undefined;
+            } | undefined) => _CodeMirror.TextMarker<_CodeMirror.Position>;
+            findMarks: (from: _CodeMirror.Position, to: _CodeMirror.Position) => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+            findMarksAt: (pos: _CodeMirror.Position) => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+            getAllMarks: () => _CodeMirror.TextMarker<_CodeMirror.Position | _CodeMirror.MarkerRange>[];
+            removeLineWidget: (widget: _CodeMirror.LineWidget) => void;
+            getMode: () => _CodeMirror.Mode<unknown>;
+            lineSeparator: () => string;
+            posFromIndex: (index: number) => _CodeMirror.Position;
+            indexFromPos: (object: _CodeMirror.Position) => number;
+        } | null>;
+        content: import("vue").Ref<string>;
+        ready: (cm: _CodeMirror.Editor) => void;
+        resize: (width?: string | number, height?: string | number) => void;
+        refresh: () => void;
+        containerHeight: import("vue").Ref<string | null>;
+        instanceName: string | undefined;
+        presetRef: import("vue").Ref<null>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        [x: string]: any;
+        "update:value": (value: string) => string;
+        change: (value: string, cm: _CodeMirror.Editor) => {
+            value: string;
+            cm: _CodeMirror.Editor;
+        };
+        input: (value: string) => string;
+        ready: (cm: _CodeMirror.Editor) => _CodeMirror.Editor;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        value?: unknown;
+        options?: unknown;
+        globalOptions?: unknown;
+        placeholder?: unknown;
+        border?: unknown;
+        width?: unknown;
+        height?: unknown;
+        KeepCursorInEnd?: unknown;
+        merge?: unknown;
+        name?: unknown;
+        marker?: unknown;
+        unseenLines?: unknown;
+    } & {
+        name: string;
+        value: string;
+        options: _CodeMirror.EditorConfiguration;
+        placeholder: string;
+        globalOptions: _CodeMirror.EditorConfiguration;
+        border: boolean;
+        width: string | number;
+        height: string | number;
+        KeepCursorInEnd: boolean;
+        merge: boolean;
+        marker: () => HTMLElement;
+        unseenLines: any[];
+    } & {}> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }, {
+        name: string;
+        value: string;
+        options: _CodeMirror.EditorConfiguration;
+        placeholder: string;
+        globalOptions: _CodeMirror.EditorConfiguration;
+        border: boolean;
+        width: string | number;
+        height: string | number;
+        KeepCursorInEnd: boolean;
+        merge: boolean;
+        marker: () => HTMLElement;
+        unseenLines: any[];
+    }>;
     install: (app: App<any>, config?: InstallConfig | undefined) => App<any>;
 };
 export default _default;

dist/packages/src/config/index.d.ts

@@ -1,2 +0,2 @@
-import { Editor } from "codemirror";
+import { Editor, EditorConfiguration } from "codemirror";
 export declare type CMEvents = "changes" | "scroll" | "beforeChange" | "cursorActivity" | "keyHandled" | "inputRead" | "electricInput" | "beforeSelectionChange" | "viewportChange" | "swapDoc" | "gutterClick" | "gutterContextMenu" | "focus" | "blur" | "refresh" | "optionChange" | "scrollCursorIntoView" | "update";
@@ -18,13 +18,3 @@ interface ComponentsEvts {
 };
-export declare const DEFAULT_OPTIONS: {
-    mode: string;
-    theme: string;
-    lineNumbers: boolean;
-    smartIndent: boolean;
-    indentUnit: number;
-    foldGutter: boolean;
-    matchBrackets: boolean;
-    autoCloseBrackets: boolean;
-    styleActiveLine: boolean;
-};
+export declare const DEFAULT_OPTIONS: EditorConfiguration;
 export {};

dist/packages/src/hooks/useEvents.d.ts

@@ -1,2 +0,2 @@
-import type { CmProps } from '../..codemirror-editor-vue3';
+import type { CmProps } from '../..src/codemirror-editor-vue3';
 import type { Editor } from "codemirror";
@@ -3,0 +3,0 @@ import type { ComponentInternalInstance, Ref } from "vue";

dist/packages/src/hooks/useViewControl.d.ts

@@ -1,2 +0,2 @@
-import { CmProps } from '../..codemirror-editor-vue3';
+import { CmProps } from '../..src/codemirror-editor-vue3';
 import type { Ref } from "vue";
@@ -6,6 +6,6 @@ import type { Editor } from "codemirror";
     props: CmProps;
-    cminstance: Ref<Nullable<Editor>>;
-    presetRef: Ref<Nullable<{
+    cminstance: Ref<Editor | null>;
+    presetRef: Ref<{
         initialize: () => void;
-    }>>;
+    } | null>;
 };
@@ -17,4 +17,4 @@ export declare function useViewControl({ props, cminstance, presetRef, }: UseViewControlParams): {
     destroy: () => void;
-    containerHeight: any;
+    containerHeight: Ref<string | null>;
     reviseStyle: () => void;
 };

package.json

 {
   "name": "codemirror-editor-vue3",
   "description": "CodeMirror component for Vue3",
-  "version": "1.1.0-beta9",
+  "version": "1.2.0-beta-1",
   "license": "MIT",
   "files": [
-    "dist"
+    "dist/codemirror-editor-vue3.es.js",
+    "dist/codemirror-editor-vue3.umd.js",
+    "dist/packages/*",
+    "dist/style.css"
   ],
   "types": "./dist/packages/index.d.ts",
-  "main": "./packages/index.ts",
+  "main": "./dist/codemirror-editor-vue3.umd.js",
   "module": "./dist/codemirror-editor-vue3.es.js",
@@ -51,2 +54,3 @@ "style": "./dist/style.css",
     "build": "vite build",
+    "build:types": "tsc --emitDeclarationOnly vite build",
     "publish": "git push && git push --tags && npm publish && npm run deploy-docs",
@@ -53,0 +57,0 @@ "docs-dev": "vitepress dev docs --open",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

113448

increased by132.16%

Lines of code

2306

increased by137%

Worsened metrics

Number of package files

19

decreased by-5%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes