New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
codemirror-editor-vue3
Advanced tools
codemirror-editor-vue3 - npm Package Compare versions
Comparing version 1.1.0-beta14 to 1.1.0-beta15
@@ -36,3 +36,3 @@ var __defProp = Object.defineProperty; | ||
| const _sfc_main$3 = defineComponent({ | ||
| name: "defaultMode", | ||
| name: "DefaultMode", | ||
| props: { | ||
@@ -74,3 +74,3 @@ name: { | ||
| emit("update:cminstance", _cminstance.value); | ||
| let unwatch = watch(() => props.cminstance, (val, oldVal) => { | ||
| const unwatch = watch(() => props.cminstance, (val) => { | ||
| var _a; | ||
@@ -106,3 +106,3 @@ val && ((_a = props.cminstance) == null ? void 0 : _a.setValue(props.value || props.content)); | ||
| const _sfc_main$2 = defineComponent({ | ||
| name: "mergeMode", | ||
| name: "MergeMode", | ||
| props: { | ||
@@ -140,13 +140,13 @@ options: { | ||
| var Merge = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]); | ||
| var errorType; | ||
| (function(errorType2) { | ||
| errorType2["info"] = "info"; | ||
| errorType2["warning"] = "warning"; | ||
| errorType2["error"] = "error"; | ||
| })(errorType || (errorType = {})); | ||
| var logErrorType; | ||
| (function(logErrorType2) { | ||
| logErrorType2["info"] = "info"; | ||
| logErrorType2["warning"] = "warning"; | ||
| logErrorType2["error"] = "error"; | ||
| })(logErrorType || (logErrorType = {})); | ||
| function getLocalTime() { | ||
| const date = new Date(); | ||
| const h = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); | ||
| const m = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); | ||
| const s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); | ||
| const h = date.getHours() < 10 ? `0${date.getHours()}` : date.getHours(); | ||
| const m = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes(); | ||
| const s = date.getSeconds() < 10 ? `0${date.getSeconds()}` : date.getSeconds(); | ||
| return `${h}:${m}:${s}`; | ||
@@ -159,3 +159,3 @@ } | ||
| const linkRegexp = /#link#(.+)#link#/g; | ||
| let result = []; | ||
| const result = []; | ||
| let indexObj; | ||
@@ -167,3 +167,3 @@ indexObj = linkRegexp.exec(value); | ||
| const keyAndValues = Object.entries(attrs); | ||
| for (let [_key, _value] of keyAndValues) { | ||
| for (const [_key, _value] of keyAndValues) { | ||
| node.setAttribute(_key, _value); | ||
@@ -186,22 +186,20 @@ } | ||
| function getLogMark(value) { | ||
| let result = []; | ||
| const result = []; | ||
| function match() { | ||
| const logRegexp = new RegExp(`#log<(\\w*)>log#((.|\r | ||
| | | ||
| )*?)#log<(\\w*)>log#`, "g"); | ||
| const logRegexp = /#log<(\w*)>log#((.|\r\n|\n)*?)#log<(\w*)>log#/g; | ||
| let indexObj; | ||
| indexObj = logRegexp.exec(value); | ||
| while (indexObj) { | ||
| let text = indexObj[0].replace(/\r\n/g, "\n"); | ||
| let textArr = text.split("\n"); | ||
| let content = indexObj[2].replace(/\r\n/g, "\n"); | ||
| let contentArr = content.split("\n"); | ||
| const text = indexObj[0].replace(/\r\n/g, "\n"); | ||
| const textArr = text.split("\n"); | ||
| const content = indexObj[2].replace(/\r\n/g, "\n"); | ||
| const contentArr = content.split("\n"); | ||
| const node = document.createElement("span"); | ||
| let type = indexObj[1]; | ||
| const type = indexObj[1]; | ||
| node.className = `c-editor--log__${type}`; | ||
| let offset = 0; | ||
| for (let i = 0; i < textArr.length; i++) { | ||
| let textItem = textArr[i]; | ||
| let contentItem = contentArr[i]; | ||
| let cloneNode = node.cloneNode(false); | ||
| const textItem = textArr[i]; | ||
| const contentItem = contentArr[i]; | ||
| const cloneNode = node.cloneNode(false); | ||
| cloneNode.innerText = contentItem; | ||
@@ -222,7 +220,7 @@ result.push({ | ||
| function createLog(log, type = "") { | ||
| let now = getLocalTime(); | ||
| const now = getLocalTime(); | ||
| return `[${now}] <${type}> ${log}`; | ||
| } | ||
| function createTitle(title, symbolLength, symbol) { | ||
| let arr = new Array(Math.max(symbolLength || 15, 5)); | ||
| const arr = new Array(Math.max(symbolLength || 15, 5)); | ||
| const wraptext = arr.join(symbol); | ||
@@ -296,3 +294,3 @@ return `${wraptext}${title}${wraptext}`; | ||
| const _sfc_main$1 = defineComponent({ | ||
| name: "codemirror-fclog", | ||
| name: "CodemirrorFclog", | ||
| props: { | ||
@@ -393,5 +391,5 @@ value: { | ||
| const getCmEvts = () => { | ||
| let result = {}; | ||
| const result = {}; | ||
| cmEvts.forEach((name) => { | ||
| result[name] = (...args) => void 0; | ||
| result[name] = (...args) => args; | ||
| }); | ||
@@ -409,3 +407,3 @@ return result; | ||
| Promise.resolve().then(() => { | ||
| let nowScrollInfo = cm.getScrollInfo(); | ||
| const nowScrollInfo = cm.getScrollInfo(); | ||
| cm.scrollTo(nowScrollInfo.left, nowScrollInfo.height); | ||
@@ -422,6 +420,6 @@ }); | ||
| const getBindEvents = () => { | ||
| let evts = []; | ||
| const evts = []; | ||
| Object.keys(internalInstance == null ? void 0 : internalInstance.vnode.props).forEach((v) => { | ||
| if (v.startsWith("on")) { | ||
| let e = v.replace(v[2], v[2].toLowerCase()).slice(2); | ||
| const e = v.replace(v[2], v[2].toLowerCase()).slice(2); | ||
| !componentsEvts[e] && evts.push(e); | ||
@@ -435,3 +433,3 @@ } | ||
| const currentVal = cm.getValue(); | ||
| if (currentVal == content.value) | ||
| if (currentVal === content.value) | ||
| return; | ||
@@ -444,3 +442,3 @@ content.value = currentVal; | ||
| }); | ||
| props.KeepCursorInEnd && scrollToEnd(cm); | ||
| props.keepCursorInEnd && scrollToEnd(cm); | ||
| }); | ||
@@ -476,3 +474,3 @@ const tmpEvents = {}; | ||
| containerHeight.value = String(height).replace("px", ""); | ||
| let cmHeight = containerHeight.value; | ||
| const cmHeight = containerHeight.value; | ||
| (_a = cminstance.value) == null ? void 0 : _a.setSize(containerWidth.value, cmHeight); | ||
@@ -495,3 +493,3 @@ }; | ||
| const gutterElLeft = gutterEl == null ? void 0 : gutterEl.style.left.replace("px", ""); | ||
| return gutterElLeft != "0"; | ||
| return gutterElLeft !== "0"; | ||
| }; | ||
@@ -502,6 +500,6 @@ const reviseStyle = () => { | ||
| return; | ||
| let timer = setInterval(() => { | ||
| const timer = setInterval(() => { | ||
| isStyleChaotic() ? refresh() : clearInterval(timer); | ||
| }, 60); | ||
| let clearTimer = setTimeout(() => { | ||
| const clearTimer = setTimeout(() => { | ||
| clearInterval(timer); | ||
@@ -520,3 +518,3 @@ clearTimeout(clearTimer); | ||
| } | ||
| if (typeof Object.assign != "function") { | ||
| if (typeof Object.assign !== "function") { | ||
| Object.defineProperty(Object, "assign", { | ||
@@ -546,2 +544,7 @@ value(target, varArgs) { | ||
| name: "CodemirrorEditor", | ||
| components: { | ||
| Default, | ||
| Merge, | ||
| FcLog | ||
| }, | ||
| props: { | ||
@@ -576,3 +579,3 @@ value: { | ||
| }, | ||
| KeepCursorInEnd: { | ||
| keepCursorInEnd: { | ||
| type: Boolean, | ||
@@ -599,8 +602,3 @@ default: false | ||
| emits: __spreadValues(__spreadValues({}, componentsEvts), getCmEvts()), | ||
| components: { | ||
| Default, | ||
| Merge, | ||
| FcLog | ||
| }, | ||
| setup(props, { emit, attrs }) { | ||
| setup(props, { emit }) { | ||
| var _a, _b; | ||
@@ -610,3 +608,3 @@ const cminstance = ref(null); | ||
| const presetModeName = ref("Default"); | ||
| const cmOptions = ref(Object.assign(__spreadValues({}, DEFAULT_OPTIONS), props.globalOptions, props.options)); | ||
| const cmOptions = ref(__spreadValues(__spreadValues(__spreadValues({}, DEFAULT_OPTIONS), props.globalOptions), props.options)); | ||
| const internalInstance = getCurrentInstance(); | ||
@@ -637,4 +635,4 @@ const presetRef = ref(null); | ||
| var _a2, _b2; | ||
| const cm_value = (_a2 = cminstance.value) == null ? void 0 : _a2.getValue(); | ||
| if (newVal !== cm_value) { | ||
| const CM_VALUE = (_a2 = cminstance.value) == null ? void 0 : _a2.getValue(); | ||
| if (newVal !== CM_VALUE) { | ||
| (_b2 = cminstance.value) == null ? void 0 : _b2.setValue(newVal); | ||
@@ -646,3 +644,3 @@ content.value = newVal; | ||
| }; | ||
| const ready = (cm) => { | ||
| const ready = () => { | ||
| listenerEvents(); | ||
@@ -657,3 +655,3 @@ unseenLineMarkers(); | ||
| const handlePresetModeName = () => { | ||
| if (props.options.mode == "fclog" || props.options.mode == "log") { | ||
| if (props.options.mode === "fclog" || props.options.mode === "log") { | ||
| presetModeName.value = "FcLog"; | ||
@@ -710,6 +708,6 @@ return; | ||
| (openBlock(), createBlock(resolveDynamicComponent(_ctx.presetModeName), mergeProps({ | ||
| style: { "height": "100%" }, | ||
| ref: "presetRef", | ||
| cminstance: _ctx.cminstance, | ||
| "onUpdate:cminstance": _cache[0] || (_cache[0] = ($event) => _ctx.cminstance = $event) | ||
| "onUpdate:cminstance": _cache[0] || (_cache[0] = ($event) => _ctx.cminstance = $event), | ||
| style: { "height": "100%" } | ||
| }, __spreadProps(__spreadValues(__spreadValues({}, _ctx.$props), _ctx.$attrs), { | ||
@@ -800,2 +798,2 @@ options: _ctx.cmOptions, | ||
| `); | ||
| export { CodeMirror, codemirror, createLinkMark, createLog, createLogMark, createTitle, index as default, getLinkMarks, getLocalTime, getLogMark, install }; | ||
| export { CodeMirror, codemirror, createLinkMark, createLog, createLogMark, createTitle, index as default, getLinkMarks, getLocalTime, getLogMark, install, logErrorType }; |
@@ -1,8 +0,6 @@ | ||
| 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 | ||
| | | ||
| )*?)#log<(\\w*)>log#`,"g");let o;for(o=n.exec(e);o;){let c=o[0].replace(/\r\n/g,` | ||
| 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,` | ||
| `).split(` | ||
| `),f=o[2].replace(/\r\n/g,` | ||
| `),g=r[2].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,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(`.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 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 { | ||
| position: relative; | ||
@@ -68,2 +66,2 @@ display: inline-block; | ||
| } | ||
| `),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"}); | ||
| `),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"}); |
| import _CodeMirror from "codemirror"; | ||
| import type { App } from "vue"; | ||
| import type { EditorConfiguration } from "codemirror"; | ||
| import codemirror from "./src/components/index.vue"; | ||
| declare interface InstallConfig { | ||
@@ -9,3 +10,2 @@ events: any[]; | ||
| export * from "."; | ||
| import codemirror from "./src/components/index.vue"; | ||
| declare const CodeMirror: typeof _CodeMirror; | ||
@@ -24,7 +24,19 @@ declare const install: (app: App, config?: InstallConfig | undefined) => App<any>; | ||
| type: import("vue").PropType<_CodeMirror.EditorConfiguration>; | ||
| default: () => _CodeMirror.EditorConfiguration; | ||
| default: () => { | ||
| mode: string; | ||
| theme: string; | ||
| lineNumbers: boolean; | ||
| smartIndent: boolean; | ||
| indentUnit: number; | ||
| }; | ||
| }; | ||
| globalOptions: { | ||
| type: import("vue").PropType<_CodeMirror.EditorConfiguration>; | ||
| default: () => _CodeMirror.EditorConfiguration; | ||
| default: () => { | ||
| mode: string; | ||
| theme: string; | ||
| lineNumbers: boolean; | ||
| smartIndent: boolean; | ||
| indentUnit: number; | ||
| }; | ||
| }; | ||
@@ -47,3 +59,3 @@ placeholder: { | ||
| }; | ||
| KeepCursorInEnd: { | ||
| keepCursorInEnd: { | ||
| type: import("vue").PropType<boolean>; | ||
@@ -310,3 +322,3 @@ default: boolean; | ||
| content: import("vue").Ref<string>; | ||
| ready: (cm: _CodeMirror.Editor) => void; | ||
| ready: () => void; | ||
| resize: (width?: string | number, height?: string | number) => void; | ||
@@ -334,3 +346,3 @@ refresh: () => void; | ||
| height?: unknown; | ||
| KeepCursorInEnd?: unknown; | ||
| keepCursorInEnd?: unknown; | ||
| merge?: unknown; | ||
@@ -349,3 +361,3 @@ name?: unknown; | ||
| height: string | number; | ||
| KeepCursorInEnd: boolean; | ||
| keepCursorInEnd: boolean; | ||
| merge: boolean; | ||
@@ -365,3 +377,3 @@ marker: () => HTMLElement; | ||
| height: string | number; | ||
| KeepCursorInEnd: boolean; | ||
| keepCursorInEnd: boolean; | ||
| merge: boolean; | ||
@@ -368,0 +380,0 @@ marker: () => HTMLElement; |
@@ -21,3 +21,3 @@ import { Editor, EditorConfiguration } from "codemirror"; | ||
| height: string | number; | ||
| KeepCursorInEnd: boolean; | ||
| keepCursorInEnd: boolean; | ||
| merge?: boolean; | ||
@@ -24,0 +24,0 @@ name?: string; |
| import type { Ref, PropType } from "vue"; | ||
| import type { Editor, EditorConfiguration } from "codemirror"; | ||
| import _CodeMirror from "codemirror"; | ||
| declare const _default: import("vue").DefineComponent<{ | ||
@@ -11,7 +10,19 @@ value: { | ||
| type: PropType<EditorConfiguration>; | ||
| default: () => EditorConfiguration; | ||
| default: () => { | ||
| mode: string; | ||
| theme: string; | ||
| lineNumbers: boolean; | ||
| smartIndent: boolean; | ||
| indentUnit: number; | ||
| }; | ||
| }; | ||
| globalOptions: { | ||
| type: PropType<EditorConfiguration>; | ||
| default: () => EditorConfiguration; | ||
| default: () => { | ||
| mode: string; | ||
| theme: string; | ||
| lineNumbers: boolean; | ||
| smartIndent: boolean; | ||
| indentUnit: number; | ||
| }; | ||
| }; | ||
@@ -34,3 +45,3 @@ placeholder: { | ||
| }; | ||
| KeepCursorInEnd: { | ||
| keepCursorInEnd: { | ||
| type: PropType<boolean>; | ||
@@ -60,3 +71,3 @@ default: boolean; | ||
| hasFocus: () => boolean; | ||
| findPosH: (start: _CodeMirror.Position, amount: number, unit: string, visually: boolean) => { | ||
| findPosH: (start: import("codemirror").Position, amount: number, unit: string, visually: boolean) => { | ||
| line: number; | ||
@@ -66,3 +77,3 @@ ch: number; | ||
| }; | ||
| findPosV: (start: _CodeMirror.Position, amount: number, unit: string) => { | ||
| findPosV: (start: import("codemirror").Position, amount: number, unit: string) => { | ||
| line: number; | ||
@@ -72,7 +83,7 @@ ch: number; | ||
| }; | ||
| findWordAt: (pos: _CodeMirror.Position) => _CodeMirror.Range; | ||
| findWordAt: (pos: import("codemirror").Position) => import("codemirror").Range; | ||
| setOption: <K extends keyof EditorConfiguration>(option: K, value: EditorConfiguration[K]) => void; | ||
| getOption: <K_1 extends keyof EditorConfiguration>(option: K_1) => EditorConfiguration[K_1]; | ||
| addKeyMap: (map: string | _CodeMirror.KeyMap, bottom?: boolean | undefined) => void; | ||
| removeKeyMap: (map: string | _CodeMirror.KeyMap) => void; | ||
| addKeyMap: (map: string | import("codemirror").KeyMap, bottom?: boolean | undefined) => void; | ||
| removeKeyMap: (map: string | import("codemirror").KeyMap) => void; | ||
| addOverlay: (mode: any, options?: { | ||
@@ -83,8 +94,8 @@ opaque?: boolean | undefined; | ||
| removeOverlay: (mode: any) => void; | ||
| getDoc: () => _CodeMirror.Doc; | ||
| swapDoc: (doc: _CodeMirror.Doc) => _CodeMirror.Doc; | ||
| getDoc: () => import("codemirror").Doc; | ||
| swapDoc: (doc: import("codemirror").Doc) => import("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?: { | ||
| getCursor: (start?: string | undefined) => import("codemirror").Position; | ||
| setCursor: (pos: number | import("codemirror").Position, ch?: number | undefined, options?: { | ||
| bias?: number | undefined; | ||
@@ -94,8 +105,8 @@ origin?: string | undefined; | ||
| } | undefined) => void; | ||
| setGutterMarker: (line: any, gutterID: string, value: HTMLElement | null) => _CodeMirror.LineHandle; | ||
| setGutterMarker: (line: any, gutterID: string, value: HTMLElement | null) => import("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; | ||
| addLineClass: (line: any, where: string, _class_: string) => import("codemirror").LineHandle; | ||
| removeLineClass: (line: any, where: string, class_?: string | undefined) => import("codemirror").LineHandle; | ||
| lineAtHeight: (height: number, mode?: import("codemirror").CoordsMode | undefined) => number; | ||
| heightAtLine: (line: any, mode?: import("codemirror").CoordsMode | undefined, includeWidgets?: boolean | undefined) => number; | ||
| lineInfo: (line: any) => { | ||
@@ -111,8 +122,8 @@ line: any; | ||
| }; | ||
| addWidget: (pos: _CodeMirror.Position, node: HTMLElement, scrollIntoView: boolean) => void; | ||
| addLineWidget: (line: any, node: HTMLElement, options?: _CodeMirror.LineWidgetOptions | undefined) => _CodeMirror.LineWidget; | ||
| addWidget: (pos: import("codemirror").Position, node: HTMLElement, scrollIntoView: boolean) => void; | ||
| addLineWidget: (line: any, node: HTMLElement, options?: import("codemirror").LineWidgetOptions | undefined) => import("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 | { | ||
| getScrollInfo: () => import("codemirror").ScrollInfo; | ||
| scrollIntoView: (pos: import("codemirror").Position | { | ||
| line: number; | ||
@@ -126,6 +137,6 @@ ch: number; | ||
| } | { | ||
| from: _CodeMirror.Position; | ||
| to: _CodeMirror.Position; | ||
| from: import("codemirror").Position; | ||
| to: import("codemirror").Position; | ||
| } | null, margin?: number | undefined) => void; | ||
| cursorCoords: (where?: boolean | _CodeMirror.Position | null | undefined, mode?: _CodeMirror.CoordsMode | undefined) => { | ||
| cursorCoords: (where?: boolean | import("codemirror").Position | null | undefined, mode?: import("codemirror").CoordsMode | undefined) => { | ||
| left: number; | ||
@@ -135,3 +146,3 @@ top: number; | ||
| }; | ||
| charCoords: (pos: _CodeMirror.Position, mode?: _CodeMirror.CoordsMode | undefined) => { | ||
| charCoords: (pos: import("codemirror").Position, mode?: import("codemirror").CoordsMode | undefined) => { | ||
| left: number; | ||
@@ -145,3 +156,3 @@ right: number; | ||
| top: number; | ||
| }, mode?: _CodeMirror.CoordsMode | undefined) => _CodeMirror.Position; | ||
| }, mode?: import("codemirror").CoordsMode | undefined) => import("codemirror").Position; | ||
| defaultTextHeight: () => number; | ||
@@ -154,6 +165,6 @@ defaultCharWidth: () => 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[]; | ||
| getModeAt: (pos: import("codemirror").Position) => import("codemirror").Mode<unknown>; | ||
| getTokenAt: (pos: import("codemirror").Position, precise?: boolean | undefined) => import("codemirror").Token; | ||
| getTokenTypeAt: (pos: import("codemirror").Position) => string; | ||
| getLineTokens: (line: number, precise?: boolean | undefined) => import("codemirror").Token[]; | ||
| getStateAfter: (line?: number | undefined) => any; | ||
@@ -175,3 +186,3 @@ operation: <T>(fn: () => T) => T; | ||
| on: { | ||
| <T_1 extends keyof _CodeMirror.EditorEventMap>(eventName: T_1, handler: _CodeMirror.EditorEventMap[T_1]): void; | ||
| <T_1 extends keyof import("codemirror").EditorEventMap>(eventName: T_1, handler: import("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: Editor, event: GlobalEventHandlersEventMap[K_2]) => void): void; | ||
@@ -181,3 +192,3 @@ <K_3 extends "cut" | "copy" | "paste">(eventName: K_3, handler: (instance: Editor, event: DocumentAndElementEventHandlersEventMap[K_3]) => void): void; | ||
| off: { | ||
| <T_2 extends keyof _CodeMirror.EditorEventMap>(eventName: T_2, handler: _CodeMirror.EditorEventMap[T_2]): void; | ||
| <T_2 extends keyof import("codemirror").EditorEventMap>(eventName: T_2, handler: import("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: Editor, event: GlobalEventHandlersEventMap[K_4]) => void): void; | ||
@@ -235,4 +246,4 @@ <K_5 extends "cut" | "copy" | "paste">(eventName: K_5, handler: (instance: Editor, event: DocumentAndElementEventHandlersEventMap[K_5]) => void): 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; | ||
| getRange: (from: import("codemirror").Position, to: import("codemirror").Position, seperator?: string | undefined) => string; | ||
| replaceRange: (replacement: string | string[], from: import("codemirror").Position, to?: import("codemirror").Position | undefined, origin?: string | undefined) => void; | ||
| getLine: (n: number) => string; | ||
@@ -244,7 +255,7 @@ setLine: (n: number, text: string) => void; | ||
| lastLine: () => number; | ||
| getLineHandle: (num: number) => _CodeMirror.LineHandle; | ||
| getLineNumber: (handle: _CodeMirror.LineHandle) => number | null; | ||
| getLineHandle: (num: number) => import("codemirror").LineHandle; | ||
| getLineNumber: (handle: import("codemirror").LineHandle) => number | null; | ||
| eachLine: { | ||
| (f: (line: _CodeMirror.LineHandle) => void): void; | ||
| (start: number, end: number, f: (line: _CodeMirror.LineHandle) => void): void; | ||
| (f: (line: import("codemirror").LineHandle) => void): void; | ||
| (start: number, end: number, f: (line: import("codemirror").LineHandle) => void): void; | ||
| }; | ||
@@ -258,5 +269,5 @@ markClean: () => void; | ||
| replaceSelections: (replacements: string[], collapse?: string | undefined) => void; | ||
| listSelections: () => _CodeMirror.Range[]; | ||
| listSelections: () => import("codemirror").Range[]; | ||
| somethingSelected: () => boolean; | ||
| setSelection: (anchor: _CodeMirror.Position, head?: _CodeMirror.Position | undefined, options?: { | ||
| setSelection: (anchor: import("codemirror").Position, head?: import("codemirror").Position | undefined, options?: { | ||
| bias?: number | undefined; | ||
@@ -267,9 +278,9 @@ origin?: string | undefined; | ||
| 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; | ||
| anchor: import("codemirror").Position; | ||
| head: import("codemirror").Position; | ||
| }[], primary?: number | undefined, options?: import("codemirror").SelectionOptions | undefined) => void; | ||
| addSelection: (anchor: import("codemirror").Position, head?: import("codemirror").Position | undefined) => void; | ||
| extendSelection: (from: import("codemirror").Position, to?: import("codemirror").Position | undefined, options?: import("codemirror").SelectionOptions | undefined) => void; | ||
| extendSelections: (heads: import("codemirror").Position[], options?: import("codemirror").SelectionOptions | undefined) => void; | ||
| extendSelectionsBy: (f: (range: import("codemirror").Range) => import("codemirror").Position) => void; | ||
| setExtending: (value: boolean) => void; | ||
@@ -281,6 +292,6 @@ getExtending: () => boolean; | ||
| 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; | ||
| mode?: string | import("codemirror").ModeSpec<import("codemirror").ModeSpecOptions> | undefined; | ||
| }) => import("codemirror").Doc; | ||
| unlinkDoc: (doc: import("codemirror").Doc) => void; | ||
| iterLinkedDocs: (fn: (doc: import("codemirror").Doc, sharedHist: boolean) => void) => void; | ||
| undo: () => void; | ||
@@ -297,4 +308,4 @@ redo: () => void; | ||
| setHistory: (history: any) => void; | ||
| markText: (from: _CodeMirror.Position, to: _CodeMirror.Position, options?: _CodeMirror.TextMarkerOptions | undefined) => _CodeMirror.TextMarker<_CodeMirror.MarkerRange>; | ||
| setBookmark: (pos: _CodeMirror.Position, options?: { | ||
| markText: (from: import("codemirror").Position, to: import("codemirror").Position, options?: import("codemirror").TextMarkerOptions | undefined) => import("codemirror").TextMarker<import("codemirror").MarkerRange>; | ||
| setBookmark: (pos: import("codemirror").Position, options?: { | ||
| widget?: HTMLElement | undefined; | ||
@@ -304,14 +315,14 @@ insertLeft?: 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>; | ||
| } | undefined) => import("codemirror").TextMarker<import("codemirror").Position>; | ||
| findMarks: (from: import("codemirror").Position, to: import("codemirror").Position) => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[]; | ||
| findMarksAt: (pos: import("codemirror").Position) => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[]; | ||
| getAllMarks: () => import("codemirror").TextMarker<import("codemirror").Position | import("codemirror").MarkerRange>[]; | ||
| removeLineWidget: (widget: import("codemirror").LineWidget) => void; | ||
| getMode: () => import("codemirror").Mode<unknown>; | ||
| lineSeparator: () => string; | ||
| posFromIndex: (index: number) => _CodeMirror.Position; | ||
| indexFromPos: (object: _CodeMirror.Position) => number; | ||
| posFromIndex: (index: number) => import("codemirror").Position; | ||
| indexFromPos: (object: import("codemirror").Position) => number; | ||
| } | null>; | ||
| content: Ref<string>; | ||
| ready: (cm: Editor) => void; | ||
| ready: () => void; | ||
| resize: (width?: string | number, height?: string | number) => void; | ||
@@ -339,3 +350,3 @@ refresh: () => void; | ||
| height?: unknown; | ||
| KeepCursorInEnd?: unknown; | ||
| keepCursorInEnd?: unknown; | ||
| merge?: unknown; | ||
@@ -354,3 +365,3 @@ name?: unknown; | ||
| height: string | number; | ||
| KeepCursorInEnd: boolean; | ||
| keepCursorInEnd: boolean; | ||
| merge: boolean; | ||
@@ -370,3 +381,3 @@ marker: () => HTMLElement; | ||
| height: string | number; | ||
| KeepCursorInEnd: boolean; | ||
| keepCursorInEnd: boolean; | ||
| merge: boolean; | ||
@@ -373,0 +384,0 @@ marker: () => HTMLElement; |
@@ -1,6 +0,1 @@ | ||
| declare enum errorType { | ||
| info = "info", | ||
| warning = "warning", | ||
| error = "error" | ||
| } | ||
| export interface MarkStates { | ||
@@ -11,2 +6,7 @@ start: number; | ||
| } | ||
| export declare enum logErrorType { | ||
| info = "info", | ||
| warning = "warning", | ||
| error = "error" | ||
| } | ||
| /** | ||
@@ -36,3 +36,3 @@ * Get Local time, format: HH:mm:ss | ||
| */ | ||
| export declare function createLogMark(text?: string, type?: keyof typeof errorType): string; | ||
| export declare function createLogMark(text?: string, type?: keyof typeof logErrorType): string; | ||
| /** | ||
@@ -51,3 +51,3 @@ * Gets the text of the current tag and returns an array of nodes. | ||
| */ | ||
| export declare function createLog(log: string, type?: errorType | string): string; | ||
| export declare function createLog(log: string, type?: logErrorType | string): string; | ||
| /** | ||
@@ -70,2 +70,1 @@ * Create a custom format title. | ||
| export declare function createTitle(title: string, symbolLength?: number, symbol?: string): string; | ||
| export {}; |
@@ -1,2 +0,2 @@ | ||
| import { Editor, EditorConfiguration } from "codemirror"; | ||
| import { Editor } 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,3 +18,9 @@ interface ComponentsEvts { | ||
| }; | ||
| export declare const DEFAULT_OPTIONS: EditorConfiguration; | ||
| export declare const DEFAULT_OPTIONS: { | ||
| mode: string; | ||
| theme: string; | ||
| lineNumbers: boolean; | ||
| smartIndent: boolean; | ||
| indentUnit: number; | ||
| }; | ||
| export {}; |
@@ -1,4 +0,4 @@ | ||
| import type { CmProps } from '../..src/codemirror-editor-vue3'; | ||
| import type { Editor } from "codemirror"; | ||
| import type { ComponentInternalInstance, Ref } from "vue"; | ||
| import type { CmProps } from '../..src/codemirror-editor-vue3'; | ||
| declare type UseEventsParams = { | ||
@@ -5,0 +5,0 @@ props: CmProps; |
@@ -1,4 +0,4 @@ | ||
| import { CmProps } from '../..src/codemirror-editor-vue3'; | ||
| import type { Ref } from "vue"; | ||
| import type { Editor } from "codemirror"; | ||
| import { CmProps } from '../..src/codemirror-editor-vue3'; | ||
| export declare type UseViewControlParams = { | ||
@@ -5,0 +5,0 @@ props: CmProps; |
| { | ||
| "name": "codemirror-editor-vue3", | ||
| "description": "CodeMirror component for Vue3", | ||
| "version": "1.1.0-beta14", | ||
| "version": "1.1.0-beta15", | ||
| "license": "MIT", | ||
@@ -6,0 +6,0 @@ "files": [ |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by1.78%
87205
- Lines of code
- increased by1.27%
1912
No dependency changes