codemirror-editor-vue3
Advanced tools
Comparing version 2.0.0-beta.3 to 2.0.0-beta.4
@@ -694,4 +694,4 @@ var __defProp = Object.defineProperty; | ||
} | ||
var codemirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]); | ||
var index$1 = ""; | ||
var VueCodemirror = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]); | ||
var index = ""; | ||
const CodeMirror = window.CodeMirror || _CodeMirror; | ||
@@ -701,12 +701,8 @@ const install = (app, config) => { | ||
if (config.options) { | ||
codemirror.props.globalOptions.default = () => config.options; | ||
VueCodemirror.props.globalOptions.default = () => config.options; | ||
} | ||
if (config.events) { | ||
codemirror.props.globalEvents.default = () => config.events; | ||
} | ||
} | ||
app.component("Codemirror", codemirror); | ||
app.component((config == null ? void 0 : config.componentName) || "Codemirror", VueCodemirror); | ||
return app; | ||
}; | ||
var index = { CodeMirror, codemirror, install }; | ||
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(`.codemirror-container { | ||
@@ -774,2 +770,2 @@ position: relative; | ||
`); | ||
export { CodeMirror, codemirror, createLinkMark, createLog, createLogMark, createTitle, index as default, getLinkMarks, getLocalTime, getLogMark, install, logErrorType }; | ||
export { CodeMirror, install as VueCmComponent, VueCodemirror, createLinkMark, createLog, createLogMark, createTitle, VueCodemirror as default, getLinkMarks, getLocalTime, getLogMark, logErrorType }; |
@@ -1,6 +0,6 @@ | ||
var ke=Object.defineProperty,we=Object.defineProperties;var $e=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var Me=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var V=(c,f,t)=>f in c?ke(c,f,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[f]=t,M=(c,f)=>{for(var t in f||(f={}))Me.call(f,t)&&V(c,t,f[t]);if(F)for(var t of F(f))ve.call(f,t)&&V(c,t,f[t]);return c},R=(c,f)=>we(c,$e(f));(function(c,f){typeof exports=="object"&&typeof module!="undefined"?f(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"],f):(c=typeof globalThis!="undefined"?globalThis:c||self,f(c["codemirror-editor-vue3"]={},c.codemirror,c.Vue,null,null,null,c.DiffMatchPatch))})(this,function(c,f,t,be,_e,Ce,H){"use strict";function x(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var v=x(f),P=x(H),C=(e,n)=>{const o=e.__vccOpts||e;for(const[a,r]of n)o[a]=r;return o};const z=window.CodeMirror||v.default,q=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:n}){const o=t.ref(),a=t.ref(null),r=()=>{a.value=t.markRaw(z.fromTextArea(o.value,e.options)),n("update:cminstance",a.value);const l=t.watch(()=>e.cminstance,i=>{var u;i&&((u=e.cminstance)==null||u.setValue(e.value||e.content)),n("ready",t.unref(a)),l==null||l()},{deep:!0})};return t.onMounted(()=>{r()}),{textarea:o,initialize:r}}}),U=["name","placeholder"];function W(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,U)}var J=C(q,[["render",W]]);const Z=(window==null?void 0:window.CodeMirror)||v.default;window.diff_match_patch=P.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:n}){const o=t.ref(),a=t.ref(),r=()=>{o.value=t.markRaw(Z.MergeView(a.value,e.options)),n("update:cminstance",o.value),n("ready",o)};return t.onMounted(()=>{r()}),{initialize:r}}}),K={ref:"mergeView"};function Q(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",K,null,512)}var X=C(G,[["render",Q]]);c.logErrorType=void 0,function(e){e.info="info",e.warning="warning",e.error="error"}(c.logErrorType||(c.logErrorType={}));function j(){const e=new Date,n=e.getHours()<10?`0${e.getHours()}`:e.getHours(),o=e.getMinutes()<10?`0${e.getMinutes()}`:e.getMinutes(),a=e.getSeconds()<10?`0${e.getSeconds()}`:e.getSeconds();return`${n}:${o}:${a}`}function Y(e){return`#link#${JSON.stringify(e)}#link#`}function L(e){const n=/#link#(.+)#link#/g,o=[];let a;for(a=n.exec(e);a;){const r=document.createElement("a"),l=JSON.parse(a[1]),i=Object.entries(l);for(const[u,g]of i)r.setAttribute(u,g);r.className="editor_custom_link",r.innerHTML="logDownload",o.push({start:a.index,end:a.index+a[0].length,node:r}),a=n.exec(e)}return o}function ee(e="",n="info"){return`#log<${n}>log#${e}#log<${n}>log#`}function T(e){const n=[];function o(){const a=/#log<(\w*)>log#((.|\r\n|\n)*?)#log<(\w*)>log#/g;let r;for(r=a.exec(e);r;){const i=r[0].replace(/\r\n/g,` | ||
var ye=Object.defineProperty,ke=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var $e=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var V=(c,f,t)=>f in c?ye(c,f,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[f]=t,M=(c,f)=>{for(var t in f||(f={}))$e.call(f,t)&&V(c,t,f[t]);if(A)for(var t of A(f))Me.call(f,t)&&V(c,t,f[t]);return c},B=(c,f)=>ke(c,we(f));(function(c,f){typeof exports=="object"&&typeof module!="undefined"?f(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"],f):(c=typeof globalThis!="undefined"?globalThis:c||self,f(c["codemirror-editor-vue3"]={},c.codemirror,c.Vue,null,null,null,c.DiffMatchPatch))})(this,function(c,f,t,Ce,_e,be,F){"use strict";function j(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var C=j(f),R=j(F),b=(e,n)=>{const o=e.__vccOpts||e;for(const[a,r]of n)o[a]=r;return o};const H=window.CodeMirror||C.default,P=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:n}){const o=t.ref(),a=t.ref(null),r=()=>{a.value=t.markRaw(H.fromTextArea(o.value,e.options)),n("update:cminstance",a.value);const l=t.watch(()=>e.cminstance,i=>{var u;i&&((u=e.cminstance)==null||u.setValue(e.value||e.content)),n("ready",t.unref(a)),l==null||l()},{deep:!0})};return t.onMounted(()=>{r()}),{textarea:o,initialize:r}}}),z=["name","placeholder"];function q(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,z)}var U=b(P,[["render",q]]);const W=(window==null?void 0:window.CodeMirror)||C.default;window.diff_match_patch=R.default,window.DIFF_DELETE=-1,window.DIFF_INSERT=1,window.DIFF_EQUAL=0;const J=t.defineComponent({name:"MergeMode",props:{options:{type:Object,default:()=>({})},cminstance:{type:Object,default:()=>({})}},emits:["update:cminstance","ready"],setup(e,{emit:n}){const o=t.ref(),a=t.ref(),r=()=>{o.value=t.markRaw(W.MergeView(a.value,e.options)),n("update:cminstance",o.value),n("ready",o)};return t.onMounted(()=>{r()}),{initialize:r}}}),Z={ref:"mergeView"};function G(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",Z,null,512)}var K=b(J,[["render",G]]);c.logErrorType=void 0,function(e){e.info="info",e.warning="warning",e.error="error"}(c.logErrorType||(c.logErrorType={}));function x(){const e=new Date,n=e.getHours()<10?`0${e.getHours()}`:e.getHours(),o=e.getMinutes()<10?`0${e.getMinutes()}`:e.getMinutes(),a=e.getSeconds()<10?`0${e.getSeconds()}`:e.getSeconds();return`${n}:${o}:${a}`}function Q(e){return`#link#${JSON.stringify(e)}#link#`}function L(e){const n=/#link#(.+)#link#/g,o=[];let a;for(a=n.exec(e);a;){const r=document.createElement("a"),l=JSON.parse(a[1]),i=Object.entries(l);for(const[u,g]of i)r.setAttribute(u,g);r.className="editor_custom_link",r.innerHTML="logDownload",o.push({start:a.index,end:a.index+a[0].length,node:r}),a=n.exec(e)}return o}function X(e="",n="info"){return`#log<${n}>log#${e}#log<${n}>log#`}function T(e){const n=[];function o(){const a=/#log<(\w*)>log#((.|\r\n|\n)*?)#log<(\w*)>log#/g;let r;for(r=a.exec(e);r;){const i=r[0].replace(/\r\n/g,` | ||
`).split(` | ||
`),g=r[2].replace(/\r\n/g,` | ||
`).split(` | ||
`),d=document.createElement("span"),p=r[1];d.className=`c-editor--log__${p}`;let s=0;for(let m=0;m<i.length;m++){const w=i[m],y=g[m],S=d.cloneNode(!1);S.innerText=y,n.push({start:r.index+s,end:r.index+s+w.length,node:S}),s=s+w.length+1}r=a.exec(e)}}return o(),n}function te(e,n=""){return`[${j()}] <${n}> ${e}`}function ne(e,n,o){const r=new Array(Math.max(n||15,5)).join(o);return`${r}${e}${r}`}const E=[{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:[...E,{regex:/.*/,token:"hr"}],error:[...E,{regex:/.*/,token:"error.strong"}],info:[...E,{regex:/.*/,token:"bracket"}],warning:[...E,{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 re=window.CodeMirror||v.default,oe=t.defineComponent({name:"CodemirrorFclog",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:n}){const o=t.ref(),a=t.ref(null),r=(i=e.cminstance)=>{i.getAllMarks().forEach(p=>p.clear());const g=i.getValue(),d=[].concat(L(g)).concat(T(g));for(let p=0;p<d.length;p++){const s=d[p];i.markText(i.posFromIndex(s.start),i.posFromIndex(s.end),{replacedWith:s.node})}},l=()=>{var i;a.value=t.markRaw(re.fromTextArea(o.value,e.options)),n("update:cminstance",t.unref(a)),(i=a.value)==null||i.on("change",r)};return t.watch(()=>e.cminstance,i=>{var u;i&&(r(e.cminstance),(u=e.cminstance)==null||u.setValue(e.value),n("ready",a))},{deep:!0,immediate:!0}),t.onMounted(()=>{l()}),{initialize:l,textarea:o}}}),ae=["name","placeholder"];function ce(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,ae)}var se=C(oe,[["render",ce]]);const D={"update:value":e=>e,change:(e,n)=>({value:e,cm:n}),input:e=>e,ready:e=>e},ie=["changes","scroll","beforeChange","cursorActivity","keyHandled","inputRead","electricInput","beforeSelectionChange","viewportChange","swapDoc","gutterClick","gutterContextMenu","focus","blur","refresh","optionChange","scrollCursorIntoView","update"],le=()=>{const e={};return ie.forEach(n=>{e[n]=(...o)=>o}),e},O={mode:"text",theme:"default",lineNumbers:!0,smartIndent:!0,indentUnit:2};function de(e){Promise.resolve().then(()=>{const n=e.getScrollInfo();e.scrollTo(n.left,n.height)})}const ue=({props:e,cminstance:n,emit:o,internalInstance:a,content:r})=>{const l=()=>{const u=[];return Object.keys(a==null?void 0:a.vnode.props).forEach(g=>{if(g.startsWith("on")){const d=g.replace(g[2],g[2].toLowerCase()).slice(2);!D[d]&&u.push(d)}}),u};return{listenerEvents:()=>{n.value.on("change",d=>{const p=d.getValue();p!==r.value&&(r.value=p,o("update:value",r.value),o("input",r.value),Promise.resolve().then(()=>{o("change",r.value,d)}),e.keepCursorInEnd&&de(d))});const u={};l().filter(d=>!u[d]&&(u[d]=!0)).forEach(d=>{n.value.on(d,(...p)=>{o(d,...p)})})}}};function fe({props:e,cminstance:n,presetRef:o}){const a=t.ref(null),r=t.ref(null),l=()=>{t.nextTick(()=>{var s;(s=n.value)==null||s.refresh()})},i=(s=e.width,m=e.height)=>{var y;a.value=String(s).replace("px",""),r.value=String(m).replace("px","");const w=r.value;(y=n.value)==null||y.setSize(a.value,w)},u=()=>{var m;const s=(m=n.value)==null?void 0:m.getWrapperElement();s==null||s.remove()},g=()=>{var m,w,y;const s=(m=n.value)==null?void 0:m.getDoc().getHistory();(w=o.value)==null||w.initialize(),u(),(y=n.value)==null||y.getDoc().setHistory(s)},d=()=>{const s=document.querySelector(".CodeMirror-gutters");return(s==null?void 0:s.style.left.replace("px",""))!=="0"};return{reload:g,refresh:l,resize:i,destroy:u,containerHeight:r,reviseStyle:()=>{if(l(),!d())return;const s=setInterval(()=>{d()?l():clearInterval(s)},60),m=setTimeout(()=>{clearInterval(s),clearTimeout(m)},400)}}}typeof Object.assign!="function"&&Object.defineProperty(Object,"assign",{value(e,n){if(e==null)throw new TypeError("Cannot convert undefined or null to object");const o=Object(e);for(let a=1;a<arguments.length;a++){const r=arguments[a];if(r!=null)for(const l in r)Object.prototype.hasOwnProperty.call(r,l)&&(o[l]=r[l])}return o},writable:!0,configurable:!0});const me=t.defineComponent({name:"CodemirrorEditor",components:{Default:J,Merge:X,FcLog:se},props:{value:{type:String,default:""},options:{type:Object,default:()=>O},globalOptions:{type:Object,default:()=>O},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({},D),le()),setup(e,{emit:n}){var A,B;const o=t.ref(null),a=t.ref(""),r=t.ref("Default"),l=t.ref(M(M(M({},O),e.globalOptions),e.options)),i=t.getCurrentInstance(),u=t.ref(null),{refresh:g,resize:d,destroy:p,containerHeight:s,reviseStyle:m}=fe({props:e,cminstance:o,presetRef:u}),{listenerEvents:w}=ue({props:e,cminstance:o,emit:n,internalInstance:i,content:a}),y=()=>{e.unseenLines!==void 0&&e.marker!==void 0&&e.unseenLines.forEach(h=>{var $,_;const k=($=o.value)==null?void 0:$.lineInfo(h);(_=o.value)==null||_.setGutterMarker(h,"breakpoints",(k==null?void 0:k.gutterMarkers)?null:e.marker())})},S=h=>{var $,_;const k=($=o.value)==null?void 0:$.getValue();h!==k&&((_=o.value)==null||_.setValue(h),a.value=h,m()),y()},he=()=>{w(),y(),d(),n("ready",o.value),t.watch([()=>e.height,()=>e.width],([h,k])=>{d(h,k)},{deep:!0})},ye=()=>{if(e.options.mode==="fclog"||e.options.mode==="log"){r.value="FcLog";return}if(e.merge){r.value="Merge";return}r.value="Default"};return t.watch(()=>e.options,h=>{var k;for(const $ in e.options)(k=o.value)==null||k.setOption($,h[$])},{deep:!0}),t.watch(()=>e.value,h=>{S(h)}),t.watch(()=>e.merge,h=>{ye()},{immediate:!0}),t.onBeforeUnmount(()=>{p()}),{presetModeName:r,cmOptions:l,cminstance:o,content:a,ready:he,resize:d,refresh:g,containerHeight:s,instanceName:e.name||((B=(A=i==null?void 0:i.parent)==null?void 0:A.type)==null?void 0:B.name)||void 0,presetRef:u}}});function ge(e,n,o,a,r,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({ref:"presetRef",cminstance:e.cminstance,"onUpdate:cminstance":n[0]||(n[0]=i=>e.cminstance=i),style:{height:"100%"}},R(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(me,[["render",ge]]),Ee="";const I=window.CodeMirror||v.default,N=(e,n)=>(n&&(n.options&&(b.props.globalOptions.default=()=>n.options),n.events&&(b.props.globalEvents.default=()=>n.events)),e.component("Codemirror",b),e);var pe={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(`.codemirror-container { | ||
`),d=document.createElement("span"),p=r[1];d.className=`c-editor--log__${p}`;let s=0;for(let m=0;m<i.length;m++){const w=i[m],y=g[m],S=d.cloneNode(!1);S.innerText=y,n.push({start:r.index+s,end:r.index+s+w.length,node:S}),s=s+w.length+1}r=a.exec(e)}}return o(),n}function Y(e,n=""){return`[${x()}] <${n}> ${e}`}function ee(e,n,o){const r=new Array(Math.max(n||15,5)).join(o);return`${r}${e}${r}`}const v=[{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}];C.default.defineSimpleMode("fclog",{start:[...v,{regex:/.*/,token:"hr"}],error:[...v,{regex:/.*/,token:"error.strong"}],info:[...v,{regex:/.*/,token:"bracket"}],warning:[...v,{regex:/.*\[/,token:"comment"}]}),C.default.defineSimpleMode("log",{start:[{regex:/^[=]+[^=]*[=]+/,token:"strong"},{regex:/([^\w])([A-Z][\w]*)/,token:["","string"]},{regex:/(^[A-Z][\w]*)/,token:"string"}]});const te=window.CodeMirror||C.default,ne=t.defineComponent({name:"CodemirrorFclog",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:n}){const o=t.ref(),a=t.ref(null),r=(i=e.cminstance)=>{i.getAllMarks().forEach(p=>p.clear());const g=i.getValue(),d=[].concat(L(g)).concat(T(g));for(let p=0;p<d.length;p++){const s=d[p];i.markText(i.posFromIndex(s.start),i.posFromIndex(s.end),{replacedWith:s.node})}},l=()=>{var i;a.value=t.markRaw(te.fromTextArea(o.value,e.options)),n("update:cminstance",t.unref(a)),(i=a.value)==null||i.on("change",r)};return t.watch(()=>e.cminstance,i=>{var u;i&&(r(e.cminstance),(u=e.cminstance)==null||u.setValue(e.value),n("ready",a))},{deep:!0,immediate:!0}),t.onMounted(()=>{l()}),{initialize:l,textarea:o}}}),re=["name","placeholder"];function oe(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("textarea",{ref:"textarea",name:e.$props.name,placeholder:e.$props.placeholder},null,8,re)}var ae=b(ne,[["render",oe]]);const D={"update:value":e=>e,change:(e,n)=>({value:e,cm:n}),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"],se=()=>{const e={};return ce.forEach(n=>{e[n]=(...o)=>o}),e},O={mode:"text",theme:"default",lineNumbers:!0,smartIndent:!0,indentUnit:2};function ie(e){Promise.resolve().then(()=>{const n=e.getScrollInfo();e.scrollTo(n.left,n.height)})}const le=({props:e,cminstance:n,emit:o,internalInstance:a,content:r})=>{const l=()=>{const u=[];return Object.keys(a==null?void 0:a.vnode.props).forEach(g=>{if(g.startsWith("on")){const d=g.replace(g[2],g[2].toLowerCase()).slice(2);!D[d]&&u.push(d)}}),u};return{listenerEvents:()=>{n.value.on("change",d=>{const p=d.getValue();p!==r.value&&(r.value=p,o("update:value",r.value),o("input",r.value),Promise.resolve().then(()=>{o("change",r.value,d)}),e.keepCursorInEnd&&ie(d))});const u={};l().filter(d=>!u[d]&&(u[d]=!0)).forEach(d=>{n.value.on(d,(...p)=>{o(d,...p)})})}}};function de({props:e,cminstance:n,presetRef:o}){const a=t.ref(null),r=t.ref(null),l=()=>{t.nextTick(()=>{var s;(s=n.value)==null||s.refresh()})},i=(s=e.width,m=e.height)=>{var y;a.value=String(s).replace("px",""),r.value=String(m).replace("px","");const w=r.value;(y=n.value)==null||y.setSize(a.value,w)},u=()=>{var m;const s=(m=n.value)==null?void 0:m.getWrapperElement();s==null||s.remove()},g=()=>{var m,w,y;const s=(m=n.value)==null?void 0:m.getDoc().getHistory();(w=o.value)==null||w.initialize(),u(),(y=n.value)==null||y.getDoc().setHistory(s)},d=()=>{const s=document.querySelector(".CodeMirror-gutters");return(s==null?void 0:s.style.left.replace("px",""))!=="0"};return{reload:g,refresh:l,resize:i,destroy:u,containerHeight:r,reviseStyle:()=>{if(l(),!d())return;const s=setInterval(()=>{d()?l():clearInterval(s)},60),m=setTimeout(()=>{clearInterval(s),clearTimeout(m)},400)}}}typeof Object.assign!="function"&&Object.defineProperty(Object,"assign",{value(e,n){if(e==null)throw new TypeError("Cannot convert undefined or null to object");const o=Object(e);for(let a=1;a<arguments.length;a++){const r=arguments[a];if(r!=null)for(const l in r)Object.prototype.hasOwnProperty.call(r,l)&&(o[l]=r[l])}return o},writable:!0,configurable:!0});const ue=t.defineComponent({name:"CodemirrorEditor",components:{Default:U,Merge:K,FcLog:ae},props:{value:{type:String,default:""},options:{type:Object,default:()=>O},globalOptions:{type:Object,default:()=>O},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({},D),se()),setup(e,{emit:n}){var N,I;const o=t.ref(null),a=t.ref(""),r=t.ref("Default"),l=t.ref(M(M(M({},O),e.globalOptions),e.options)),i=t.getCurrentInstance(),u=t.ref(null),{refresh:g,resize:d,destroy:p,containerHeight:s,reviseStyle:m}=de({props:e,cminstance:o,presetRef:u}),{listenerEvents:w}=le({props:e,cminstance:o,emit:n,internalInstance:i,content:a}),y=()=>{e.unseenLines!==void 0&&e.marker!==void 0&&e.unseenLines.forEach(h=>{var $,_;const k=($=o.value)==null?void 0:$.lineInfo(h);(_=o.value)==null||_.setGutterMarker(h,"breakpoints",(k==null?void 0:k.gutterMarkers)?null:e.marker())})},S=h=>{var $,_;const k=($=o.value)==null?void 0:$.getValue();h!==k&&((_=o.value)==null||_.setValue(h),a.value=h,m()),y()},pe=()=>{w(),y(),d(),n("ready",o.value),t.watch([()=>e.height,()=>e.width],([h,k])=>{d(h,k)},{deep:!0})},he=()=>{if(e.options.mode==="fclog"||e.options.mode==="log"){r.value="FcLog";return}if(e.merge){r.value="Merge";return}r.value="Default"};return t.watch(()=>e.options,h=>{var k;for(const $ in e.options)(k=o.value)==null||k.setOption($,h[$])},{deep:!0}),t.watch(()=>e.value,h=>{S(h)}),t.watch(()=>e.merge,h=>{he()},{immediate:!0}),t.onBeforeUnmount(()=>{p()}),{presetModeName:r,cmOptions:l,cminstance:o,content:a,ready:pe,resize:d,refresh:g,containerHeight:s,instanceName:e.name||((I=(N=i==null?void 0:i.parent)==null?void 0:N.type)==null?void 0:I.name)||void 0,presetRef:u}}});function fe(e,n,o,a,r,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({ref:"presetRef",cminstance:e.cminstance,"onUpdate:cminstance":n[0]||(n[0]=i=>e.cminstance=i),style:{height:"100%"}},B(M(M({},e.$props),e.$attrs),{options:e.cmOptions,name:e.instanceName,content:e.content}),{onReady:e.ready}),null,16,["cminstance","onReady"]))],6)}var E=b(ue,[["render",fe]]),ve="";const me=window.CodeMirror||C.default,ge=(e,n)=>(n&&n.options&&(E.props.globalOptions.default=()=>n.options),e.component((n==null?void 0:n.componentName)||"Codemirror",E),e);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(`.codemirror-container { | ||
position: relative; | ||
@@ -66,2 +66,2 @@ display: inline-block; | ||
} | ||
`),c.CodeMirror=I,c.codemirror=b,c.createLinkMark=Y,c.createLog=te,c.createLogMark=ee,c.createTitle=ne,c.default=pe,c.getLinkMarks=L,c.getLocalTime=j,c.getLogMark=T,c.install=N,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"}); | ||
`),c.CodeMirror=me,c.VueCmComponent=ge,c.VueCodemirror=E,c.createLinkMark=Q,c.createLog=Y,c.createLogMark=X,c.createTitle=ee,c.default=E,c.getLinkMarks=L,c.getLocalTime=x,c.getLogMark=T,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"}); |
import _CodeMirror from "codemirror"; | ||
import type { App } from "vue"; | ||
import type { EditorConfiguration } from "codemirror"; | ||
import codemirror from "./src/components/index.vue"; | ||
import VueCodemirror from "./src/components/index.vue"; | ||
declare interface InstallConfig { | ||
events: any[]; | ||
options: EditorConfiguration; | ||
componentName: string; | ||
} | ||
export * from "."; | ||
declare const CodeMirror: typeof _CodeMirror; | ||
declare const install: (app: App, config?: InstallConfig | undefined) => App<any>; | ||
export * from "./src/components/presetMode/log/utils"; | ||
export { CodeMirror, codemirror, install }; | ||
declare const _default: { | ||
CodeMirror: typeof _CodeMirror; | ||
codemirror: import("vue").DefineComponent<{ | ||
value: { | ||
type: import("vue").PropType<string>; | ||
default: string; | ||
}; | ||
options: { | ||
type: import("vue").PropType<_CodeMirror.EditorConfiguration>; | ||
default: () => { | ||
mode: string; | ||
theme: string; | ||
lineNumbers: boolean; | ||
smartIndent: boolean; | ||
indentUnit: number; | ||
}; | ||
}; | ||
globalOptions: { | ||
type: import("vue").PropType<_CodeMirror.EditorConfiguration>; | ||
default: () => { | ||
mode: string; | ||
theme: string; | ||
lineNumbers: boolean; | ||
smartIndent: boolean; | ||
indentUnit: number; | ||
}; | ||
}; | ||
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: any; | ||
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>(fn: () => T) => T; | ||
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_1 extends keyof _CodeMirror.EditorEventMap>(eventName: T_1, handler: _CodeMirror.EditorEventMap[T_1]): 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 "cut" | "copy" | "paste">(eventName: K_3, handler: (instance: _CodeMirror.Editor, event: DocumentAndElementEventHandlersEventMap[K_3]) => void): void; | ||
}; | ||
off: { | ||
<T_2 extends keyof _CodeMirror.EditorEventMap>(eventName: T_2, handler: _CodeMirror.EditorEventMap[T_2]): 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 "cut" | "copy" | "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: () => void; | ||
resize: (width?: string | number, height?: string | number) => void; | ||
refresh: () => void; | ||
containerHeight: import("vue").Ref<Nullable<string>>; | ||
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; | ||
export { CodeMirror, VueCodemirror, install as VueCmComponent }; | ||
export default VueCodemirror; |
@@ -14,3 +14,3 @@ import { Editor } from "codemirror"; | ||
export declare const componentsEvts: ComponentsEvts; | ||
export declare const cmEvts: string[]; | ||
export declare const cmEvts: CMEvents[]; | ||
export declare const getCmEvts: () => { | ||
@@ -17,0 +17,0 @@ [key: string]: () => void; |
@@ -15,3 +15,4 @@ import { EditorConfiguration } from "codemirror"; | ||
marker?: () => HTMLElement; | ||
/* Consult: https://codemirror.net/doc/manual.html#option_gutters */ | ||
unseenLines?: Array<any>; | ||
} |
{ | ||
"name": "codemirror-editor-vue3", | ||
"description": "CodeMirror component for Vue3", | ||
"version": "2.0.0-beta.3", | ||
"version": "2.0.0-beta.4", | ||
"license": "MIT", | ||
@@ -6,0 +6,0 @@ "files": [ |
69206
1541