-
Notifications
You must be signed in to change notification settings - Fork 12
/
chunk-5BR6G2OW.js
47 lines (39 loc) · 47.2 KB
/
chunk-5BR6G2OW.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import{a as X,b as Ke}from"./chunk-APSML2HO.js";import{a as Ye,b as Je}from"./chunk-6GLW2PNA.js";import{a as K,b as We}from"./chunk-POSXQ4VQ.js";import"./chunk-FIRHRBIN.js";import"./chunk-IODZHREK.js";import"./chunk-AU6YMX6H.js";import"./chunk-OT5GAY2Z.js";import"./chunk-ENUDN6ZE.js";import{f as Q,g as W,i as v,j as Qe}from"./chunk-MVBTB2OL.js";import"./chunk-QH77Q77Q.js";import{B as je,C as Pe,D as ce,Gb as U,Hc as y,Ib as Y,Jb as J,Jc as Ue,Na as $e,Rb as b,Tb as qe,Ua as F,Ya as D,ja as Ze,ma as Ve,rb as q}from"./chunk-SBXTKZGS.js";import{Ab as Oe,Ba as p,Ca as E,D as be,Da as O,Db as k,Ea as M,Fb as m,Hb as me,Hc as H,I as ae,La as Ne,N as ye,Na as Be,Ob as ue,Tb as t,Ub as n,Vb as u,Yc as se,Zb as _,_ as T,aa as ve,ac as z,cc as L,ea as we,f as re,fa as ke,g as de,ga as P,gd as $,h as Ce,jc as I,ka as Ie,kb as s,kc as N,la as Z,lb as x,lc as B,mc as R,n as Se,nc as e,qa as c,r as le,ra as V,rb as Ae,s as Fe,sc as Me,tb as Te,tc as _e,uc as Le,vc as Re,wc as He,wd as Ge,xc as S,y as De}from"./chunk-WVUROUXZ.js";import{a as f,b as xe}from"./chunk-RKLIRILV.js";function ut(d,i){d&1&&(t(0,"div",0),u(1,"nz-spin"),n())}function st(d,i){}function ct(d,i){if(d&1&&(t(0,"div",1),k(1,st,0,0,"ng-template",2),n()),d&2){let A=L();s(),m("ngTemplateOutlet",A.nzToolkit)}}var pe="codeEditor";function Ee(d){return(...i)=>{d&&d(...i)}}var fe=new Ce(1),G="unload",pt=(()=>{let i=class i{constructor(o){this.nzConfigService=o,this.document=Z($),this.firstEditorInitialized=!1,this.option={},this.option$=new de(this.option);let r=this.nzConfigService.getConfigForComponent(pe);this.config=f({},r),this.config.monacoEnvironment&&(window.MonacoEnvironment=f({},this.config.monacoEnvironment)),this.option=this.config.defaultEditorOption||{},this.subscription=this.nzConfigService.getConfigChangeEventForComponent(pe).subscribe(()=>{let l=this.nzConfigService.getConfigForComponent(pe);l&&this._updateDefaultOption(l.defaultEditorOption)})}ngOnDestroy(){this.subscription.unsubscribe(),this.subscription=null}_updateDefaultOption(o){this.option=f(f({},this.option),o),this.option$.next(this.option),"theme"in o&&o.theme&&monaco.editor.setTheme(o.theme)}requestToInit(){return G==="LOADED"?(this.onInit(),Se(this.getLatestOption())):(G==="unload"&&(this.config.useStaticLoading&&typeof monaco>"u"?ce("You choose to use static loading but it seems that you forget to config webpack plugin correctly. Please refer to our official websitefor more details about static loading."):this.loadMonacoScript()),fe.pipe(ve(()=>this.onInit()),le(()=>this.getLatestOption())))}loadMonacoScript(){if(this.config.useStaticLoading){Promise.resolve().then(()=>this.onLoad());return}if(G==="loading")return;G="loading";let o=this.config.assetsRoot,r=o?`${o}/vs`:"assets/vs",l=window,a=this.document.createElement("script");a.type="text/javascript",a.src=`${r}/loader.js`;let h=()=>{ze(),l.require.config(f({paths:{vs:r}},this.config.extraConfig)),l.require(["vs/editor/editor.main"],()=>{this.onLoad()})},C=()=>{throw ze(),new Error(`${Pe} cannot load assets of monaco editor from source "${r}".`)},ze=()=>{a.removeEventListener("load",h),a.removeEventListener("error",C),this.document.documentElement.removeChild(a)};a.addEventListener("load",h),a.addEventListener("error",C),this.document.documentElement.appendChild(a)}onLoad(){G="LOADED",fe.next(!0),fe.complete(),Ee(this.config.onLoad)()}onInit(){this.firstEditorInitialized||(this.firstEditorInitialized=!0,Ee(this.config.onFirstEditorInit)()),Ee(this.config.onInit)()}getLatestOption(){return f({},this.option)}};i.\u0275fac=function(r){return new(r||i)(Ie(q))},i.\u0275prov=ke({token:i,factory:i.\u0275fac,providedIn:"root"});let d=i;return d})(),g=(()=>{let i=class i{set nzEditorOption(o){this.editorOption$.next(o)}constructor(o,r,l,a){this.nzCodeEditorService=o,this.ngZone=r,this.platform=a,this.nzEditorMode="normal",this.nzOriginalText="",this.nzLoading=!1,this.nzFullControl=!1,this.nzEditorInitialized=new Be,this.editorOptionCached={},this.destroy$=new re,this.resize$=new re,this.editorOption$=new de({}),this.editorInstance=null,this.value="",this.modelSet=!1,this.onDidChangeContentDisposable=null,this.onChange=h=>{},this.onTouch=()=>{},this.el=l.nativeElement,this.el.classList.add("ant-code-editor")}ngAfterViewInit(){this.platform.isBrowser&&this.nzCodeEditorService.requestToInit().pipe(T(this.destroy$)).subscribe(o=>this.setup(o))}ngOnDestroy(){this.onDidChangeContentDisposable&&(this.onDidChangeContentDisposable.dispose(),this.onDidChangeContentDisposable=null),this.editorInstance&&(this.editorInstance.dispose(),this.editorInstance=null),this.destroy$.next(),this.destroy$.complete()}writeValue(o){this.value=o,this.setValue()}registerOnChange(o){this.onChange=o}registerOnTouched(o){this.onTouch=o}layout(){this.resize$.next()}setup(o){this.ngZone.runOutsideAngular(()=>Ze().pipe(T(this.destroy$)).subscribe(()=>{this.editorOptionCached=o,this.registerOptionChanges(),this.initMonacoEditorInstance(),this.registerResizeChange(),this.setValue(),this.nzFullControl||this.setValueEmitter(),this.nzEditorInitialized.observers.length&&this.ngZone.run(()=>this.nzEditorInitialized.emit(this.editorInstance))}))}registerOptionChanges(){Fe([this.editorOption$,this.nzCodeEditorService.option$]).pipe(T(this.destroy$)).subscribe(([o,r])=>{this.editorOptionCached=f(f(f({},this.editorOptionCached),r),o),this.updateOptionToMonaco()})}initMonacoEditorInstance(){this.ngZone.runOutsideAngular(()=>{this.editorInstance=this.nzEditorMode==="normal"?monaco.editor.create(this.el,f({},this.editorOptionCached)):monaco.editor.createDiffEditor(this.el,f({},this.editorOptionCached))})}registerResizeChange(){this.ngZone.runOutsideAngular(()=>{De(window,"resize").pipe(ae(300),T(this.destroy$)).subscribe(()=>{this.layout()}),this.resize$.pipe(T(this.destroy$),be(()=>!!this.editorInstance),le(()=>({width:this.el.clientWidth,height:this.el.clientHeight})),ye((o,r)=>o.width===r.width&&o.height===r.height),ae(50)).subscribe(()=>{this.editorInstance.layout()})})}setValue(){if(this.editorInstance){if(this.nzFullControl&&this.value){ce("should not set value when you are using full control mode! It would result in ambiguous data flow!");return}if(this.nzEditorMode==="normal")if(this.modelSet){let o=this.editorInstance.getModel();this.preservePositionAndSelections(()=>o.setValue(this.value))}else this.editorInstance.setModel(monaco.editor.createModel(this.value,this.editorOptionCached.language)),this.modelSet=!0;else if(this.modelSet){let o=this.editorInstance.getModel();this.preservePositionAndSelections(()=>{o.modified.setValue(this.value),o.original.setValue(this.nzOriginalText)})}else{let o=this.editorOptionCached.language;this.editorInstance.setModel({original:monaco.editor.createModel(this.nzOriginalText,o),modified:monaco.editor.createModel(this.value,o)}),this.modelSet=!0}}}preservePositionAndSelections(o){if(!this.editorInstance){o();return}let r=this.editorInstance.getPosition(),l=this.editorInstance.getSelections();o(),r&&this.editorInstance.setPosition(r),l&&this.editorInstance.setSelections(l)}setValueEmitter(){let o=this.nzEditorMode==="normal"?this.editorInstance.getModel():this.editorInstance.getModel().modified;this.onDidChangeContentDisposable=o.onDidChangeContent(()=>{this.emitValue(o.getValue())})}emitValue(o){this.value!==o&&(this.value=o,this.ngZone.run(()=>{this.onChange(o)}))}updateOptionToMonaco(){this.editorInstance&&this.editorInstance.updateOptions(f({},this.editorOptionCached))}};i.\u0275fac=function(r){return new(r||i)(x(pt),x(Te),x(Ne),x(Ve))},i.\u0275cmp=c({type:i,selectors:[["nz-code-editor"]],inputs:{nzEditorMode:"nzEditorMode",nzOriginalText:"nzOriginalText",nzLoading:[2,"nzLoading","nzLoading",se],nzFullControl:[2,"nzFullControl","nzFullControl",se],nzToolkit:"nzToolkit",nzEditorOption:"nzEditorOption"},outputs:{nzEditorInitialized:"nzEditorInitialized"},exportAs:["nzCodeEditor"],standalone:!0,features:[Re([{provide:$e,useExisting:we(()=>i),multi:!0}]),Oe,He],decls:2,vars:2,consts:[[1,"ant-code-editor-loading"],[1,"ant-code-editor-toolkit"],[3,"ngTemplateOutlet"]],template:function(r,l){r&1&&k(0,ut,2,0,"div",0)(1,ct,2,1,"div",1),r&2&&(ue(l.nzLoading?0:-1),s(),ue(l.nzToolkit?1:-1))},dependencies:[Ye,Ge],encapsulation:2,changeDetection:0});let d=i;return d})(),Xe=(()=>{let i=class i{};i.\u0275fac=function(r){return new(r||i)},i.\u0275mod=V({type:i}),i.\u0275inj=P({imports:[g]});let d=i;return d})();var et=[Xe,Je,qe,We,Ke,Ue];var Et=()=>({language:"typescript"}),ee=(()=>{let i=class i{constructor(){this.code=`import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor'
@Component({})
export class SomeComponent {}`}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor-basic"]],decls:1,vars:3,consts:[[1,"editor",3,"ngModel","nzEditorOption"]],template:function(r,l){r&1&&u(0,"nz-code-editor",0),r&2&&m("ngModel",l.code)("nzEditorOption",S(2,Et))},dependencies:[F,D,g],styles:[".editor[_ngcontent-%COMP%]{height:200px}"]});let d=i;return d})();var gt=()=>({language:"javascript"});function zt(d,i){if(d&1){let A=_();t(0,"span",4),z("click",function(){O(A);let r=L();return M(r.toggleFullScreen())}),n()}if(d&2){let A=L();me("active",A.fullScreen),m("nzType",A.fullScreen?"fullscreen-exit":"fullscreen")}}var te=(()=>{let i=class i{constructor(o){this.renderer=o,this.loading=!0,this.fullScreen=!1,this.code=`function flatten(arr) {
if (!(arr instanceof Array)) {
throw new Error('The parameter must be an array.');
}
function partial(arr_) {
return arr_.reduce((previous, current) => {
if (current instanceof Array) {
previous.push(...partial(current));
return previous;
} else {
previous.push(current);
return previous;
}
}, []);
}
return partial(arr);
}
console.log(flatten(['1', 2, [[3]]]))`,this.document=Z($)}toggleFullScreen(){this.fullScreen=!this.fullScreen,this.renderer.setStyle(this.document.body,"overflow-y",this.fullScreen?"hidden":null),this.editorComponent?.layout(),this.tooltip?.hide()}};i.\u0275fac=function(r){return new(r||i)(x(Ae))},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor-complex"]],viewQuery:function(r,l){if(r&1&&(I(g,5),I(y,5)),r&2){let a;N(a=B())&&(l.editorComponent=a.first),N(a=B())&&(l.tooltip=a.first)}},decls:6,vars:8,consts:[["toolkit",""],["nz-paragraph","",2,"margin-bottom","8px"],[3,"ngModelChange","ngModel"],[1,"editor",3,"ngModel","nzLoading","nzToolkit","nzEditorOption"],["nz-icon","","nz-tooltip","","nzTooltipTitle","Toggle Fullscreen",3,"click","nzType"]],template:function(r,l){if(r&1){let a=_();t(0,"p",1),e(1," Loading "),t(2,"nz-switch",2),Le("ngModelChange",function(C){return O(a),_e(l.loading,C)||(l.loading=C),M(C)}),n()(),u(3,"nz-code-editor",3),k(4,zt,1,3,"ng-template",null,0,H)}if(r&2){let a=R(5);s(2),Me("ngModel",l.loading),s(),me("full-screen",l.fullScreen),m("ngModel",l.code)("nzLoading",l.loading)("nzToolkit",a)("nzEditorOption",S(7,gt))}},dependencies:[F,D,y,b,g,K,X],styles:[".editor[_ngcontent-%COMP%]{height:200px}.full-screen[_ngcontent-%COMP%]{position:fixed;z-index:999;height:100vh;inset:0}"]});let d=i;return d})();var xt=()=>({language:"markdown"});function Ct(d,i){d&1&&u(0,"span",5)}function St(d,i){d&1&&u(0,"span",6)}var ne=(()=>{let i=class i{constructor(o){this.nzConfigService=o,this.dark=!1,this.code=`**All monaco editor instances on the same page always have the same color. It's a by-design of monaco editor.**
You can refer to [this issue](https://github.com/Microsoft/monaco-editor/issues/338).`}onDarkModeChange(o){this.dark=o;let r=this.nzConfigService.getConfigForComponent("codeEditor")?.defaultEditorOption||{};this.nzConfigService.set("codeEditor",{defaultEditorOption:xe(f({},r),{theme:o?"vs-dark":"vs"})})}};i.\u0275fac=function(r){return new(r||i)(x(q))},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor-config"]],decls:8,vars:6,consts:[["unchecked",""],["checked",""],["nz-paragraph","",2,"margin-bottom","8px"],[3,"ngModelChange","ngModel","nzUnCheckedChildren","nzCheckedChildren"],[2,"height","200px",3,"ngModel","nzEditorOption"],["nz-icon","","nzType","bulb"],["nz-icon","","nzType","poweroff"]],template:function(r,l){if(r&1){let a=_();t(0,"p",2),e(1," Change Theme "),t(2,"nz-switch",3),z("ngModelChange",function(C){return O(a),M(l.onDarkModeChange(C))}),n()(),k(3,Ct,1,0,"ng-template",null,0,H)(5,St,1,0,"ng-template",null,1,H),u(7,"nz-code-editor",4)}if(r&2){let a=R(4),h=R(6);s(2),m("ngModel",l.dark)("nzUnCheckedChildren",a)("nzCheckedChildren",h),s(5),m("ngModel",l.code)("nzEditorOption",S(5,xt))}},dependencies:[F,D,b,g,K,X],encapsulation:2});let d=i;return d})();var Ft=()=>({language:"typescript"}),ie=(()=>{let i=class i{constructor(){this.originalCode=`import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
@Component({})
export class SomeComponent {}`,this.code=`import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor';
@Component({})
export class SomeComponent {}`}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor-diff"]],decls:1,vars:5,consts:[[1,"editor",3,"nzOriginalText","nzEditorMode","ngModel","nzEditorOption"]],template:function(r,l){r&1&&u(0,"nz-code-editor",0),r&2&&m("nzOriginalText",l.originalCode)("nzEditorMode","diff")("ngModel",l.code)("nzEditorOption",S(4,Ft))},dependencies:[F,D,g],styles:[".editor[_ngcontent-%COMP%]{height:200px}"]});let d=i;return d})();var oe=(()=>{let i=class i{constructor(){this.code=`import { NzCodeEditorModule } from 'ng-zorro-antd/code-editor'
@Component({})
export class SomeComponent {}`}onEditorInit(o){this.editor=o,this.editor.setModel(monaco.editor.createModel("console.log('Hello ng-zorro-antd')","typescript"))}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor-full-control"]],decls:1,vars:1,consts:[[1,"editor",3,"nzEditorInitialized","nzFullControl"]],template:function(r,l){r&1&&(t(0,"nz-code-editor",0),z("nzEditorInitialized",function(h){return l.onEditorInit(h)}),n()),r&2&&m("nzFullControl",!0)},dependencies:[g],styles:[".editor[_ngcontent-%COMP%]{height:200px}"]});let d=i;return d})();var lt=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor"]],viewQuery:function(r,l){if(r&1&&I(v,5),r&2){let a;N(a=B())&&(l.codeBoxes=a)}},decls:441,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-code-editor-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-code-editor-demo-diff","nzTitle","Diff \u7F16\u8F91\u5668"],["nzHref","#components-code-editor-demo-config","nzTitle","\u4FEE\u6539\u914D\u7F6E"],["nzHref","#components-code-editor-demo-full-control","nzTitle","\u5B8C\u5168\u53D7\u63A7\u6A21\u5F0F"],["nzHref","#components-code-editor-demo-complex","nzTitle","\u590D\u6742"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[2,"border-color","#faad14"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["id","\u5F15\u5165\u6A21\u5757"],["onclick","window.location.hash = '\u5F15\u5165\u6A21\u5757'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","\u5F15\u5165\u6837\u5F0F"],["onclick","window.location.hash = '\u5F15\u5165\u6837\u5F0F'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","\u57FA\u672C","nzSelector","nz-demo-code-editor-basic","nzGenerateCommand","ng g ng-zorro-antd:code-editor-basic <name>","nzComponentName","NzDemoCodeEditorBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Diff \u7F16\u8F91\u5668","nzSelector","nz-demo-code-editor-diff","nzGenerateCommand","ng g ng-zorro-antd:code-editor-diff <name>","nzComponentName","NzDemoCodeEditorDiffComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4FEE\u6539\u914D\u7F6E","nzSelector","nz-demo-code-editor-config","nzGenerateCommand","ng g ng-zorro-antd:code-editor-config <name>","nzComponentName","NzDemoCodeEditorConfigComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5B8C\u5168\u53D7\u63A7\u6A21\u5F0F","nzSelector","nz-demo-code-editor-full-control","nzGenerateCommand","ng g ng-zorro-antd:code-editor-full-control <name>","nzComponentName","NzDemoCodeEditorFullControlComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u590D\u6742","nzSelector","nz-demo-code-editor-complex","nzGenerateCommand","ng g ng-zorro-antd:code-editor-complex <name>","nzComponentName","NzDemoCodeEditorComplexComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-sh"],[1,"token","operator"],["id","\u52A8\u6001\u52A0\u8F7D"],["onclick","window.location.hash = '\u52A8\u6001\u52A0\u8F7D'",1,"anchor"],[1,"language-diff"],[1,"token","inserted"],["href","https://mycdn.com/assets/vs","target","_blank","rel","noopener"],["id","\u9759\u6001\u52A0\u8F7D"],["onclick","window.location.hash = '\u9759\u6001\u52A0\u8F7D'",1,"anchor"],["href","https://github.com/microsoft/monaco-editor-webpack-plugin","target","_blank","rel","noopener"],["href","https://github.com/manfredsteyer/ngx-build-plus","target","_blank","rel","noopener"],["id","nz-code-editor:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-code-editor:standalone'",1,"anchor"],["href","https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.IEditorOptions.html","target","_blank","rel","noopener"],["id","\u65B9\u6CD5"],["onclick","window.location.hash = '\u65B9\u6CD5'",1,"anchor"],["id","\u5168\u5C40\u914D\u7F6E"],["onclick","window.location.hash = '\u5168\u5C40\u914D\u7F6E'",1,"anchor"],["id","codeeditorconfig"],["onclick","window.location.hash = 'codeeditorconfig'",1,"anchor"],["href","https://microsoft.github.io/monaco-editor/docs.html#interfaces/editor.IEditorConstructionOptions.html","target","_blank","rel","noopener"]],template:function(r,l){r&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),z("nzClick",function(h){return l.goLink(h)}),u(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n()(),t(9,"section",8)(10,"h1"),e(11,"Code Editor"),t(12,"span",9),e(13,"\u4EE3\u7801\u7F16\u8F91\u5668"),n(),u(14,"span",10),t(15,"a",11),u(16,"span",12),n()(),t(17,"section",8),E(),t(18,"blockquote",13)(19,"p"),e(20,"NG-ZORRO \u5B9E\u9A8C\u6027\u529F\u80FD\u662F\u6307\u5DF2\u53D1\u5E03\u4F46\u4E0D\u7A33\u5B9A\u6216\u8005\u8FD8\u672A\u51C6\u5907\u597D\u7528\u4E8E\u751F\u4EA7\u73AF\u5883\u7684\u529F\u80FD\u3002"),n(),t(21,"p"),e(22,"\u5F00\u53D1\u8005\u6216\u7528\u6237\u53EF\u4EE5\u9009\u62E9\u5728\u6B63\u5F0F\u53D1\u5E03\u524D\u4F7F\u7528\u8FD9\u4E9B\u529F\u80FD\uFF0C\u4F46\u662F\u6BCF\u6B21\u53D1\u5E03\u7248\u672C\u65F6\u90FD\u53EF\u80FD\u5B58\u5728 "),t(23,"strong"),e(24,"breaking changes"),n(),e(25,"\u3002"),n()(),t(26,"h2",14)(27,"span"),e(28,"\u4F55\u65F6\u4F7F\u7528"),n(),t(29,"a",15),e(30,"#"),n()(),t(31,"p"),e(32,"\u9700\u8981\u5728\u7F51\u9875\u4E0A\u6E32\u67D3 monaco editor \u65F6\u4F7F\u7528\u3002"),n(),t(33,"h3",16)(34,"span"),e(35,"\u5F15\u5165\u6A21\u5757"),n(),t(36,"a",17),e(37,"#"),n()(),t(38,"pre",18)(39,"code")(40,"span",19),e(41,"import"),n(),e(42," "),t(43,"span",20),e(44,"{"),n(),e(45," NzCodeEditorModule "),t(46,"span",20),e(47,"}"),n(),e(48," "),t(49,"span",19),e(50,"from"),n(),e(51," "),t(52,"span",21),e(53,"'ng-zorro-antd/code-editor'"),n(),t(54,"span",20),e(55,";"),n()()(),t(56,"h3",22)(57,"span"),e(58,"\u5F15\u5165\u6837\u5F0F"),n(),t(59,"a",23),e(60,"#"),n()(),t(61,"pre",24)(62,"code")(63,"span",25),e(64,"@import"),n(),e(65," "),t(66,"span",21),e(67,"'node_modules/ng-zorro-antd/code-editor/style/entry.less'"),n(),t(68,"span",20),e(69,";"),n()()(),p(),n(),t(70,"h2")(71,"span"),e(72,"\u4EE3\u7801\u6F14\u793A"),n(),t(73,"span",26),z("click",function(){return l.expandAllCode()}),n()()(),t(74,"div",27)(75,"div",28)(76,"nz-code-box",29),u(77,"nz-demo-code-editor-basic",30),t(78,"div",31),E(),t(79,"p"),e(80,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),p(),n()(),t(81,"nz-code-box",32),u(82,"nz-demo-code-editor-diff",30),t(83,"div",31),E(),t(84,"p"),e(85,"\u4F7F\u7528 diff \u6A21\u5F0F\u3002"),n(),p(),n()(),t(86,"nz-code-box",33),u(87,"nz-demo-code-editor-config",30),t(88,"div",31),E(),t(89,"p"),e(90,"\u53EF\u4EE5\u5728\u8FD0\u884C\u65F6\u4FEE\u6539\u7F16\u8F91\u5668\u7684\u9ED8\u8BA4\u914D\u7F6E\uFF0C\u548C\u9875\u9762\u4E0A\u7F16\u8F91\u5668\u7684\u914D\u7F6E\u3002"),n(),p(),n()(),t(91,"nz-code-box",34),u(92,"nz-demo-code-editor-full-control",30),t(93,"div",31),E(),t(94,"p"),e(95,"\u4F7F\u7528\u5B8C\u5168\u53D7\u63A7\u6A21\u5F0F\uFF0C\u81EA\u884C\u7BA1\u7406 monaco editor \u7684 TextModel\u3002"),n(),p(),n()(),t(96,"nz-code-box",35),u(97,"nz-demo-code-editor-complex",30),t(98,"div",31),E(),t(99,"p"),e(100,"\u5E26\u52A0\u8F7D\u6548\u679C\u548C\u5DE5\u5177\u6761\u7684\u66F4\u590D\u6742\u7684\u4F8B\u5B50\u3002"),n(),p(),n()()()(),t(101,"section",36),E(),t(102,"h2",37)(103,"span"),e(104,"API"),n(),t(105,"a",38),e(106,"#"),n()(),t(107,"p"),e(108,"\u522B\u5FD8\u8BB0\u5148\u5B89\u88C5 monaco editor\uFF1A"),n(),t(109,"pre",39)(110,"code"),e(111,"npm install monaco"),t(112,"span",40),e(113,"-"),n(),e(114,"editor"),n()(),t(115,"h3",41)(116,"span"),e(117,"\u52A8\u6001\u52A0\u8F7D"),n(),t(118,"a",42),e(119,"#"),n()(),t(120,"p"),e(121,"\u5982\u679C\u4F60\u4F7F\u7528\u52A8\u6001\u52A0\u8F7D\uFF0C\u4F60\u5C31\u9700\u8981\u5728\u8FD0\u884C\u65F6\u52A0\u8F7D monaco editor \u672C\u8EAB\u7684\u8D44\u6E90\u3002"),n(),t(122,"p"),e(123,"\u5728 angular.json \u4E2D\u6DFB\u52A0\uFF1A"),n(),t(124,"pre",43)(125,"code"),e(126,`"assets": [
`),t(127,"span",44),e(128,"+ {"),n(),e(129,`
`),t(130,"span",44),e(131,'+ "glob": "**/*",'),n(),e(132,`
`),t(133,"span",44),e(134,'+ "input": "./node_modules/monaco-editor/min/vs",'),n(),e(135,`
`),t(136,"span",44),e(137,'+ "output": "/assets/vs/"'),n(),e(138,`
`),t(139,"span",44),e(140,"+ }"),n(),e(141,`
],`),n()(),t(142,"p"),e(143,"\u8FD9\u6837\u5C31 OK \u4E86\uFF01CodeEditor \u7EC4\u4EF6\u5728\u9700\u8981\u52A0\u8F7D monaco editor \u65F6\u81EA\u52A8\u53BB /assets/vs/ \u76EE\u5F55\u4E0B\u67E5\u8BE2\u3002"),n(),t(144,"p"),e(145,"\u5982\u679C\u4F60\u7684\u9759\u6001\u8D44\u6E90\u90FD\u90E8\u7F72\u5728 CDN \u4E0A\uFF0C\u4F60\u5C31\u65E0\u987B\u4FEE\u6539 angular.json \u6587\u4EF6\uFF0C\u4F46\u4F60\u5FC5\u987B\u901A\u8FC7 "),t(146,"code"),e(147,"NzConfigService"),n(),e(148," \u914D\u7F6E "),t(149,"code"),e(150,"assetsRoot"),n(),e(151," \u5C5E\u6027\u3002\u4F8B\u5982\u4F60\u5C06 monaco editor \u7684\u8D44\u6E90\u653E\u7F6E\u5728\u4E86 "),t(152,"a",45),e(153,"https://mycdn.com/assets/vs"),n(),e(154," \uFF0C\u4F60\u5C31\u9700\u8981\u4F20\u9012 "),t(155,"code"),e(156,"{ assetsRoot: 'https://mycdn.com/assets' }"),n(),e(157," \u3002"),n(),t(158,"blockquote")(159,"p"),e(160,"\u5982\u679C\u4F60\u4F7F\u7528\u9759\u6001\u52A0\u8F7D\uFF0C\u4F60\u5C31\u65E0\u9700\u4FEE\u6539 angular.json \u6587\u4EF6\uFF0C\u8BE6\u89C1\u4E0B\u6587\u3002"),n()(),t(161,"h3",46)(162,"span"),e(163,"\u9759\u6001\u52A0\u8F7D"),n(),t(164,"a",47),e(165,"#"),n()(),t(166,"p"),e(167,"\u6709\u65F6\u5019\u4F60\u53EF\u80FD\u9700\u8981\u5728\u8FD0\u884C\u65F6\u52A0\u8F7D AMD module\uFF0C\u4F46 monaco editor \u7684\u52A0\u8F7D\u6587\u4EF6 loader.js patch \u4E86 "),t(168,"code"),e(169,"window[require]"),n(),e(170," \u5C5E\u6027\uFF0C\u5BFC\u81F4\u4F60\u65E0\u6CD5\u4F7F\u7528 requireJS \u7B49\u6A21\u5757\u52A0\u8F7D\u5E93\uFF0C\u8FD9\u65F6\uFF0C\u4F60\u53EF\u4EE5\u542F\u7528\u9759\u6001\u52A0\u8F7D\u529F\u80FD\u3002"),n(),t(171,"p"),e(172,"\u65B9\u6CD5\u662F\u4F7F\u7528 Microsoft \u63D0\u4F9B\u7684 "),t(173,"a",48),e(174,"monaco-editor-webpack-plugin"),n(),e(175," \u63D2\u4EF6\u3002"),n(),t(176,"ol")(177,"li"),e(178,"\u5728 "),t(179,"code"),e(180,"app.module"),n(),e(181," \u4E2D\u63D0\u4F9B "),t(182,"code"),e(183,"NZ_CONFIG"),n(),e(184," \u7684\u503C\uFF0C\u5E76\u8BBE\u7F6E "),t(185,"code"),e(186,"codeEditor"),n(),e(187," \u5C5E\u6027\u4E0B\u7684 "),t(188,"code"),e(189,"useStaticLoading"),n(),e(190," \u4E3A "),t(191,"code"),e(192,"true"),n(),e(193," \u3002"),n(),t(194,"li"),e(195,"\u521B\u5EFA\u4E00\u4E2A webpack.partial.js \u6587\u4EF6\uFF0C\u6839\u636E\u63D2\u4EF6\u6587\u6863\u8FDB\u884C\u76F8\u5E94\u7684\u914D\u7F6E\u3002"),n(),t(196,"li"),e(197,"\u4F7F\u7528\u81EA\u5B9A\u4E49\u811A\u672C\u52A0\u8F7D\u5668\uFF0C\u4F8B\u5982 "),t(198,"a",49),e(199,"ngx-build-plus"),n(),e(200,"\uFF0C\u5728\u6253\u5305\u65F6\u52A0\u8F7D\u8FD9\u4E2A webpack \u914D\u7F6E\u3002"),n()(),t(201,"p"),e(202,"\u4F7F\u7528\u9759\u6001\u52A0\u8F7D\u65F6\uFF0C\u4F60\u65E0\u9700\u5728 angular.json \u6587\u4EF6\u4E2D\u6CE8\u518C monaco editor \u7684\u8D44\u6E90\u3002"),n(),t(203,"h3",50)(204,"span"),e(205,"nz-code-editor"),n(),t(206,"label",51),e(207,"component"),n(),t(208,"label",52),e(209,"standalone"),n(),t(210,"a",53),e(211,"#"),n()(),t(212,"table")(213,"thead")(214,"tr")(215,"th"),e(216,"\u53C2\u6570"),n(),t(217,"th"),e(218,"\u8BF4\u660E"),n(),t(219,"th"),e(220,"\u7C7B\u578B"),n(),t(221,"th"),e(222,"\u9ED8\u8BA4\u503C"),n()()(),t(223,"tbody")(224,"tr")(225,"td")(226,"code"),e(227,"[nzEditorMode]"),n()(),t(228,"td"),e(229,"\u7F16\u8F91\u5668\u7684\u6A21\u5F0F"),n(),t(230,"td")(231,"code"),e(232,"normal"),n()(),t(233,"td")(234,"code"),e(235,"diff"),n()()(),t(236,"tr")(237,"td")(238,"code"),e(239,"[nzLoading]"),n()(),t(240,"td"),e(241,"\u52A0\u8F7D\u4E2D"),n(),t(242,"td")(243,"code"),e(244,"boolean"),n()(),t(245,"td")(246,"code"),e(247,"false"),n()()(),t(248,"tr")(249,"td")(250,"code"),e(251,"[nzOriginalText]"),n()(),t(252,"td"),e(253,"Diff \u6A21\u5F0F\u4E0B\uFF0C\u5DE6\u534A\u8FB9\u7684\u6587\u672C\u5185\u5BB9"),n(),t(254,"td")(255,"code"),e(256,"boolean"),n()(),t(257,"td")(258,"code"),e(259,"false"),n()()(),t(260,"tr")(261,"td")(262,"code"),e(263,"[nzFullControl]"),n()(),t(264,"td"),e(265,"\u5B8C\u5168\u63A7\u5236\u6A21\u5F0F\uFF0C\u6B64\u6A21\u5F0F\u4E0B\u7EC4\u4EF6\u4E0D\u4F1A\u5E2E\u52A9\u7528\u6237\u5904\u7406 "),t(266,"code"),e(267,"TextModel"),n(),e(268,"\uFF0C\u7528\u6237\u5E94\u5F53\u81EA\u884C\u7BA1\u7406 monaco editor \u5B9E\u4F8B"),n(),t(269,"td")(270,"code"),e(271,"boolean"),n()(),t(272,"td")(273,"code"),e(274,"false"),n()()(),t(275,"tr")(276,"td")(277,"code"),e(278,"[nzEditorOption]"),n()(),t(279,"td"),e(280,"\u7F16\u8F91\u5668\u9009\u9879\uFF0C"),t(281,"a",54),e(282,"\u53C2\u8003 monaco editor \u7684\u5B9A\u4E49"),n()(),t(283,"td")(284,"code"),e(285,"IEditorConstructionOptions"),n()(),t(286,"td")(287,"code"),e(288,"{}"),n()()(),t(289,"tr")(290,"td")(291,"code"),e(292,"[nzToolkit]"),n()(),t(293,"td"),e(294,"\u66B4\u9732\u5FEB\u6377\u64CD\u4F5C"),n(),t(295,"td")(296,"code"),e(297,"TemplateRef<void>"),n()(),t(298,"td"),e(299,"-"),n()(),t(300,"tr")(301,"td")(302,"code"),e(303,"(nzEditorInitialized)"),n()(),t(304,"td"),e(305,"\u5F53\u7F16\u8F91\u5668\u7EC4\u4EF6\u521D\u59CB\u5316\u5B8C\u6BD5\u4E4B\u540E\u6D3E\u53D1\u4E8B\u4EF6"),n(),t(306,"td")(307,"code"),e(308,"IStandaloneCodeEditor"),n()(),t(309,"td")(310,"code"),e(311,"IStandaloneDiffEditor"),n()()()()(),t(312,"h4",55)(313,"span"),e(314,"\u65B9\u6CD5"),n(),t(315,"a",56),e(316,"#"),n()(),t(317,"table")(318,"thead")(319,"tr")(320,"th"),e(321,"\u540D\u79F0"),n(),t(322,"th"),e(323,"\u63CF\u8FF0"),n()()(),t(324,"tbody")(325,"tr")(326,"td")(327,"code"),e(328,"layout()"),n()(),t(329,"td"),e(330,"\u5F3A\u5236\u7EC4\u4EF6\u91CD\u65B0\u6E32\u67D3"),n()()()(),t(331,"h3",57)(332,"span"),e(333,"\u5168\u5C40\u914D\u7F6E"),n(),t(334,"a",58),e(335,"#"),n()(),t(336,"p"),e(337,"\u4F60\u53EF\u4EE5\u901A\u8FC7 "),t(338,"code"),e(339,"NzConfigService"),n(),e(340," \u7684 "),t(341,"code"),e(342,"set"),n(),e(343," \u65B9\u6CD5\uFF0C\u8BBE\u7F6E "),t(344,"code"),e(345,"CodeEditor"),n(),e(346," \u7EC4\u4EF6\u7684\u9ED8\u8BA4\u914D\u7F6E\u3002"),n(),t(347,"h4",59)(348,"span"),e(349,"CodeEditorConfig"),n(),t(350,"a",60),e(351,"#"),n()(),t(352,"table")(353,"thead")(354,"tr")(355,"th"),e(356,"\u5C5E\u6027"),n(),t(357,"th"),e(358,"\u8BF4\u660E"),n(),t(359,"th"),e(360,"\u7C7B\u578B"),n(),t(361,"th"),e(362,"\u9ED8\u8BA4\u503C"),n()()(),t(363,"tbody")(364,"tr")(365,"td")(366,"code"),e(367,"assetsRoot"),n()(),t(368,"td"),e(369,"\u7EC4\u4EF6\u52A0\u8F7D monaco editor \u8D44\u6E90\u6587\u4EF6\u7684\u4F4D\u7F6E"),n(),t(370,"td")(371,"code"),e(372,"string"),n()(),t(373,"td")(374,"code"),e(375,"SafeUrl"),n()()(),t(376,"tr")(377,"td")(378,"code"),e(379,"defaultEditorOption"),n()(),t(380,"td"),e(381,"\u9ED8\u8BA4\u7684\u7F16\u8F91\u5668\u8BBE\u7F6E\uFF0C"),t(382,"a",61),e(383,"\u53C2\u8003 monaco editor \u7684\u5B9A\u4E49"),n()(),t(384,"td")(385,"code"),e(386,"IEditorConstructionOptions"),n()(),t(387,"td")(388,"code"),e(389,"{}"),n()()(),t(390,"tr")(391,"td")(392,"code"),e(393,"onLoad"),n()(),t(394,"td"),e(395,"\u5F53 monaco editor \u8D44\u6E90\u52A0\u8F7D\u5B8C\u6BD5\u65F6\u89E6\u53D1\u7684\u94A9\u5B50\uFF0C\u6B64\u65F6\u5168\u5C40\u5BF9\u8C61 "),t(396,"code"),e(397,"monaco"),n(),e(398," \u53EF\u7528 (monaco-editor \u7248\u672C\u4E0D\u5C0F\u4E8E 0.22.0 \u65F6\u9700\u5B9A\u4E49 "),t(399,"code"),e(400,"window.MonacoEnvironment = { globalAPI: true }"),n(),e(401,")"),n(),t(402,"td")(403,"code"),e(404,"() => void"),n()(),t(405,"td"),e(406,"-"),n()(),t(407,"tr")(408,"td")(409,"code"),e(410,"onFirstEditorInit"),n()(),t(411,"td"),e(412,"\u5F53\u7B2C\u4E00\u4E2A\u7F16\u8F91\u5668\u8BF7\u6C42\u521D\u59CB\u5316\u65F6\u89E6\u53D1\u7684\u94A9\u5B50"),n(),t(413,"td")(414,"code"),e(415,"() => void"),n()(),t(416,"td"),e(417,"-"),n()(),t(418,"tr")(419,"td")(420,"code"),e(421,"onInit"),n()(),t(422,"td"),e(423,"\u6BCF\u4E2A\u7F16\u8F91\u5668\u8BF7\u6C42\u521D\u59CB\u5316\u65F6\u89E6\u53D1\u7684\u94A9\u5B50"),n(),t(424,"td")(425,"code"),e(426,"() => void"),n()(),t(427,"td"),e(428,"-"),n()(),t(429,"tr")(430,"td")(431,"code"),e(432,"useStaticLoading"),n()(),t(433,"td"),e(434,"\u4F7F\u7528\u9759\u6001\u52A0\u8F7D"),n(),t(435,"td")(436,"code"),e(437,"boolean"),n()(),t(438,"td")(439,"code"),e(440,"false"),n()()()()(),p(),n()()),r&2&&(s(),m("nzOffsetTop",16),s(),m("nzAffix",!1),s(72),m("nzGutter",8),s(),m("nzSpan",24),s(),m("nzId","components-code-editor-demo-basic")("nzLink","components-code-editor-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/basic.md"),s(5),m("nzId","components-code-editor-demo-diff")("nzLink","components-code-editor-demo-diff")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/diff.md"),s(5),m("nzId","components-code-editor-demo-config")("nzLink","components-code-editor-demo-config")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/config.md"),s(5),m("nzId","components-code-editor-demo-full-control")("nzLink","components-code-editor-demo-full-control")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/full-control.md"),s(5),m("nzId","components-code-editor-demo-complex")("nzLink","components-code-editor-demo-complex")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/complex.md"))},dependencies:[v,Q,W,U,J,Y,y,b,ee,te,ne,ie,oe],encapsulation:2});let d=i;return d})();var at=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(o){window&&(window.location.hash=o)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(o=>o.expandCode(this.expanded))}};i.\u0275fac=function(r){return new(r||i)},i.\u0275cmp=c({type:i,selectors:[["nz-demo-code-editor"]],viewQuery:function(r,l){if(r&1&&I(v,5),r&2){let a;N(a=B())&&(l.codeBoxes=a)}},decls:441,vars:24,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-code-editor-demo-basic","nzTitle","Basic"],["nzHref","#components-code-editor-demo-diff","nzTitle","Diff Editor"],["nzHref","#components-code-editor-demo-config","nzTitle","Change Config"],["nzHref","#components-code-editor-demo-full-control","nzTitle","Full Control Mode"],["nzHref","#components-code-editor-demo-complex","nzTitle","Complex"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","nzType","edit"],[2,"border-color","#faad14"],["id","when-to-use"],["onclick","window.location.hash = 'when-to-use'",1,"anchor"],["id","import-module"],["onclick","window.location.hash = 'import-module'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["id","import-style"],["onclick","window.location.hash = 'import-style'",1,"anchor"],[1,"language-less"],[1,"token","variable"],["nz-icon","","nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Basic","nzSelector","nz-demo-code-editor-basic","nzGenerateCommand","ng g ng-zorro-antd:code-editor-basic <name>","nzComponentName","NzDemoCodeEditorBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Diff Editor","nzSelector","nz-demo-code-editor-diff","nzGenerateCommand","ng g ng-zorro-antd:code-editor-diff <name>","nzComponentName","NzDemoCodeEditorDiffComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Change Config","nzSelector","nz-demo-code-editor-config","nzGenerateCommand","ng g ng-zorro-antd:code-editor-config <name>","nzComponentName","NzDemoCodeEditorConfigComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Full Control Mode","nzSelector","nz-demo-code-editor-full-control","nzGenerateCommand","ng g ng-zorro-antd:code-editor-full-control <name>","nzComponentName","NzDemoCodeEditorFullControlComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Complex","nzSelector","nz-demo-code-editor-complex","nzGenerateCommand","ng g ng-zorro-antd:code-editor-complex <name>","nzComponentName","NzDemoCodeEditorComplexComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],[1,"language-sh"],[1,"token","operator"],["id","dynamic-loading"],["onclick","window.location.hash = 'dynamic-loading'",1,"anchor"],[1,"language-diff"],[1,"token","inserted"],["href","https://mycdn.com/assets/vs","target","_blank","rel","noopener"],["id","static-loading"],["onclick","window.location.hash = 'static-loading'",1,"anchor"],["href","https://github.com/microsoft/monaco-editor-webpack-plugin","target","_blank","rel","noopener"],["href","https://github.com/manfredsteyer/ngx-build-plus","target","_blank","rel","noopener"],["id","nz-code-editor:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-code-editor:standalone'",1,"anchor"],["href","https://microsoft.github.io/monaco-editor/api/interfaces/monaco.editor.ieditorconstructionoptions.html","target","_blank","rel","noopener"],["id","methods"],["onclick","window.location.hash = 'methods'",1,"anchor"],["id","global-configuration"],["onclick","window.location.hash = 'global-configuration'",1,"anchor"],["id","codeeditorconfig"],["onclick","window.location.hash = 'codeeditorconfig'",1,"anchor"],["href","https://microsoft.github.io/monaco-editor/docs.html#interfaces/editor.IEditorConstructionOptions.html","target","_blank","rel","noopener"]],template:function(r,l){r&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),z("nzClick",function(h){return l.goLink(h)}),u(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7),n()(),t(9,"section",8)(10,"h1"),e(11,"Code Editor"),u(12,"span",9)(13,"span",10),t(14,"a",11),u(15,"span",12),n()(),t(16,"section",8),E(),t(17,"blockquote",13)(18,"p"),e(19,"NG-ZORRO experiments are features that are released but not yet considered stable or production ready"),n(),t(20,"p"),e(21,"Developers and users can opt-in into these features before they are fully released. But "),t(22,"strong"),e(23,"breaking changes"),n(),e(24," may occur with any release."),n()(),t(25,"h2",14)(26,"span"),e(27,"When To Use"),n(),t(28,"a",15),e(29,"#"),n()(),t(30,"p"),e(31,"When you want to use monaco editor in Angular."),n(),t(32,"h3",16)(33,"span"),e(34,"Import Module"),n(),t(35,"a",17),e(36,"#"),n()(),t(37,"pre",18)(38,"code")(39,"span",19),e(40,"import"),n(),e(41," "),t(42,"span",20),e(43,"{"),n(),e(44," NzCodeEditorModule "),t(45,"span",20),e(46,"}"),n(),e(47," "),t(48,"span",19),e(49,"from"),n(),e(50," "),t(51,"span",21),e(52,"'ng-zorro-antd/code-editor'"),n(),t(53,"span",20),e(54,";"),n()()(),t(55,"h3",22)(56,"span"),e(57,"Import Style"),n(),t(58,"a",23),e(59,"#"),n()(),t(60,"pre",24)(61,"code")(62,"span",25),e(63,"@import"),n(),e(64," "),t(65,"span",21),e(66,"'node_modules/ng-zorro-antd/code-editor/style/entry.less'"),n(),t(67,"span",20),e(68,";"),n()()(),p(),n(),t(69,"h2")(70,"span"),e(71,"Examples"),n(),t(72,"span",26),z("click",function(){return l.expandAllCode()}),n()()(),t(73,"div",27)(74,"div",28)(75,"nz-code-box",29),u(76,"nz-demo-code-editor-basic",30),t(77,"div",31),E(),t(78,"p"),e(79,"The simplest usage."),n(),p(),n()(),t(80,"nz-code-box",32),u(81,"nz-demo-code-editor-diff",30),t(82,"div",31),E(),t(83,"p"),e(84,"Use diff editor mode."),n(),p(),n()(),t(85,"nz-code-box",33),u(86,"nz-demo-code-editor-config",30),t(87,"div",31),E(),t(88,"p"),e(89,"You can change default options and options of existing editors at runtime."),n(),p(),n()(),t(90,"nz-code-box",34),u(91,"nz-demo-code-editor-full-control",30),t(92,"div",31),E(),t(93,"p"),e(94,"Use full control mode and mangage TextModel of monaco editor by yourself."),n(),p(),n()(),t(95,"nz-code-box",35),u(96,"nz-demo-code-editor-complex",30),t(97,"div",31),E(),t(98,"p"),e(99,"A more complex demo with loading effect and toolkit."),n(),p(),n()()()(),t(100,"section",36),E(),t(101,"h2",37)(102,"span"),e(103,"API"),n(),t(104,"a",38),e(105,"#"),n()(),t(106,"p"),e(107,"Install "),t(108,"code"),e(109,"monaco-editor"),n(),e(110," in your project first:"),n(),t(111,"pre",39)(112,"code"),e(113,"npm install monaco"),t(114,"span",40),e(115,"-"),n(),e(116,"editor"),n()(),t(117,"h3",41)(118,"span"),e(119,"Dynamic Loading"),n(),t(120,"a",42),e(121,"#"),n()(),t(122,"p"),e(123,"If you would like to load monaco dynamically (which means you load resources of monaco editor right before you would like to use it), you will need to register assets of monaco editor itself. You can do that by adding these lines in angular.json file:"),n(),t(124,"pre",43)(125,"code"),e(126,`"assets": [
`),t(127,"span",44),e(128,"+ {"),n(),e(129,`
`),t(130,"span",44),e(131,'+ "glob": "**/*",'),n(),e(132,`
`),t(133,"span",44),e(134,'+ "input": "./node_modules/monaco-editor/min/vs",'),n(),e(135,`
`),t(136,"span",44),e(137,'+ "output": "/assets/vs/"'),n(),e(138,`
`),t(139,"span",44),e(140,"+ }"),n(),e(141,`
],`),n()(),t(142,"p"),e(143,"If you deploy resources of monaco editor on CDN, you won't need to modify angular.json. Instead, you must configure the "),t(144,"code"),e(145,"assetsRoot"),n(),e(146," property via "),t(147,"code"),e(148,"NzConfigService"),n(),e(149,". For example, you put resources of monaco editor on "),t(150,"a",45),e(151,"https://mycdn.com/assets/vs"),n(),e(152,", you should provide "),t(153,"code"),e(154,"{ assets: 'https://mycdn.com/assets/vs' }"),n(),e(155,"."),n(),t(156,"blockquote")(157,"p"),e(158,"If you are going to use static loading (which we will explain in detail at the bottom of this page), you don't need to modify angular.json file."),n()(),t(159,"h3",46)(160,"span"),e(161,"Static Loading"),n(),t(162,"a",47),e(163,"#"),n()(),t(164,"p"),e(165,"Sometimes you need to load AMD module dynamically. But since monaco editor's loader patches "),t(166,"code"),e(167,"window[require]"),n(),e(168,", you can not use AMD loader like requireJS. In this situation you need to enable static loading."),n(),t(169,"p"),e(170,"With help of "),t(171,"a",48),e(172,"monaco-editor-webpack-plguin"),n(),e(173," by Microsoft, you can do that in a convenient way."),n(),t(174,"ol")(175,"li"),e(176,"Provide the value of "),t(177,"code"),e(178,"NZ_CONFIG"),n(),e(179," in "),t(180,"code"),e(181,"app.module"),n(),e(182," and set "),t(183,"code"),e(184,"useStaticLoading"),n(),e(185," in the "),t(186,"code"),e(187,"codeEditor"),n(),e(188," property to "),t(189,"code"),e(190,"true"),n(),e(191,"."),n(),t(192,"li"),e(193,"Create a webpack.partial.js file, and config monaco-editor-webpack-loader."),n(),t(194,"li"),e(195,"Use custom webpack loader like "),t(196,"a",49),e(197,"ngx-build-plus"),n(),e(198," to load this webpack config."),n()(),t(199,"p"),e(200,"If you use static loading, you should not add assets of monaco editor to your project by modifying angular.json file."),n(),t(201,"h3",50)(202,"span"),e(203,"nz-code-editor"),n(),t(204,"label",51),e(205,"component"),n(),t(206,"label",52),e(207,"standalone"),n(),t(208,"a",53),e(209,"#"),n()(),t(210,"table")(211,"thead")(212,"tr")(213,"th"),e(214,"Parameter"),n(),t(215,"th"),e(216,"Description"),n(),t(217,"th"),e(218,"Type"),n(),t(219,"th"),e(220,"Default"),n()()(),t(221,"tbody")(222,"tr")(223,"td")(224,"code"),e(225,"[nzEditorMode]"),n()(),t(226,"td"),e(227,"Mode of monaco editor"),n(),t(228,"td")(229,"code"),e(230,"normal"),n()(),t(231,"td")(232,"code"),e(233,"diff"),n()()(),t(234,"tr")(235,"td")(236,"code"),e(237,"[nzLoading]"),n()(),t(238,"td"),e(239,"Show the loading spin"),n(),t(240,"td")(241,"code"),e(242,"boolean"),n()(),t(243,"td")(244,"code"),e(245,"false"),n()()(),t(246,"tr")(247,"td")(248,"code"),e(249,"[nzOriginalText]"),n()(),t(250,"td"),e(251,"The content of the left editor in "),t(252,"code"),e(253,"diff"),n(),e(254," mode"),n(),t(255,"td")(256,"code"),e(257,"boolean"),n()(),t(258,"td")(259,"code"),e(260,"false"),n()()(),t(261,"tr")(262,"td")(263,"code"),e(264,"[nzFullControl]"),n()(),t(265,"td"),e(266,"Enable full control mode. User should manage "),t(267,"code"),e(268,"TextModel"),n(),e(269," manually in this mode"),n(),t(270,"td")(271,"code"),e(272,"boolean"),n()(),t(273,"td")(274,"code"),e(275,"false"),n()()(),t(276,"tr")(277,"td")(278,"code"),e(279,"[nzEditorOption]"),n()(),t(280,"td")(281,"a",54),e(282,"Please refer to the doc of monaco editor"),n()(),t(283,"td")(284,"code"),e(285,"IEditorConstructionOptions"),n()(),t(286,"td")(287,"code"),e(288,"{}"),n()()(),t(289,"tr")(290,"td")(291,"code"),e(292,"[nzToolkit]"),n()(),t(293,"td"),e(294,"A placeholder for adding some quick actions"),n(),t(295,"td")(296,"code"),e(297,"TemplateRef<void>"),n()(),t(298,"td"),e(299,"-"),n()(),t(300,"tr")(301,"td")(302,"code"),e(303,"(nzEditorInitialized)"),n()(),t(304,"td"),e(305,"The event that a code editor is initialized"),n(),t(306,"td")(307,"code"),e(308,"IStandaloneCodeEditor"),n()(),t(309,"td")(310,"code"),e(311,"IStandaloneDiffEditor"),n()()()()(),t(312,"h4",55)(313,"span"),e(314,"Methods"),n(),t(315,"a",56),e(316,"#"),n()(),t(317,"table")(318,"thead")(319,"tr")(320,"th"),e(321,"Method"),n(),t(322,"th"),e(323,"Description"),n()()(),t(324,"tbody")(325,"tr")(326,"td")(327,"code"),e(328,"layout()"),n()(),t(329,"td"),e(330,"Force monaco editor to re-render itself"),n()()()(),t(331,"h3",57)(332,"span"),e(333,"Global Configuration"),n(),t(334,"a",58),e(335,"#"),n()(),t(336,"p"),e(337,"You can set the default configuration of the "),t(338,"code"),e(339,"CodeEditor"),n(),e(340," component through the "),t(341,"code"),e(342,"set"),n(),e(343," method of "),t(344,"code"),e(345,"NzConfigService"),n(),e(346,"."),n(),t(347,"h4",59)(348,"span"),e(349,"CodeEditorConfig"),n(),t(350,"a",60),e(351,"#"),n()(),t(352,"table")(353,"thead")(354,"tr")(355,"th"),e(356,"Parameter"),n(),t(357,"th"),e(358,"Description"),n(),t(359,"th"),e(360,"Type"),n(),t(361,"th"),e(362,"Default"),n()()(),t(363,"tbody")(364,"tr")(365,"td")(366,"code"),e(367,"assetsRoot"),n()(),t(368,"td"),e(369,"Where should the component load resource of monaco editor"),n(),t(370,"td")(371,"code"),e(372,"string"),n()(),t(373,"td")(374,"code"),e(375,"SafeUrl"),n()()(),t(376,"tr")(377,"td")(378,"code"),e(379,"defaultEditorOption"),n()(),t(380,"td"),e(381,"Default options. "),t(382,"a",61),e(383,"Please refer to the doc of monaco editor"),n()(),t(384,"td")(385,"code"),e(386,"IEditorConstructionOptions"),n()(),t(387,"td")(388,"code"),e(389,"{}"),n()()(),t(390,"tr")(391,"td")(392,"code"),e(393,"onLoad"),n()(),t(394,"td"),e(395,"The hook invoked when the resource of monaco editor is loaded. At this moment and afterwards the global variable "),t(396,"code"),e(397,"monaco"),n(),e(398," is usable ("),t(399,"code"),e(400,"window.MonacoEnvironment = { globalAPI: true }"),n(),e(401," is required if monaco-editor's version is greater or equal to 0.22.0)"),n(),t(402,"td")(403,"code"),e(404,"() => void"),n()(),t(405,"td"),e(406,"-"),n()(),t(407,"tr")(408,"td")(409,"code"),e(410,"onFirstEditorInit"),n()(),t(411,"td"),e(412,"The hook invoked when the first monaco editor is initialized"),n(),t(413,"td")(414,"code"),e(415,"() => void"),n()(),t(416,"td"),e(417,"-"),n()(),t(418,"tr")(419,"td")(420,"code"),e(421,"onInit"),n()(),t(422,"td"),e(423,"The hook invoked every time a monaco editor is initialized"),n(),t(424,"td")(425,"code"),e(426,"() => void"),n()(),t(427,"td"),e(428,"-"),n()(),t(429,"tr")(430,"td")(431,"code"),e(432,"useStaticLoading"),n()(),t(433,"td"),e(434,"Load monaco editor statically"),n(),t(435,"td")(436,"code"),e(437,"boolean"),n()(),t(438,"td")(439,"code"),e(440,"false"),n()()()()(),p(),n()()),r&2&&(s(),m("nzOffsetTop",16),s(),m("nzAffix",!1),s(71),m("nzGutter",8),s(),m("nzSpan",24),s(),m("nzId","components-code-editor-demo-basic")("nzLink","components-code-editor-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/basic.md"),s(5),m("nzId","components-code-editor-demo-diff")("nzLink","components-code-editor-demo-diff")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/diff.md"),s(5),m("nzId","components-code-editor-demo-config")("nzLink","components-code-editor-demo-config")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/config.md"),s(5),m("nzId","components-code-editor-demo-full-control")("nzLink","components-code-editor-demo-full-control")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/full-control.md"),s(5),m("nzId","components-code-editor-demo-complex")("nzLink","components-code-editor-demo-complex")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/code-editor/demo/complex.md"))},dependencies:[v,Q,W,U,J,Y,y,b,ee,te,ne,ie,oe],encapsulation:2});let d=i;return d})();var yn=(()=>{let i=class i{};i.\u0275fac=function(r){return new(r||i)},i.\u0275mod=V({type:i}),i.\u0275inj=P({imports:[Qe,et,je.forChild([{path:"en",component:at},{path:"zh",component:lt}])]});let d=i;return d})();export{yn as NzDemoCodeEditorModule};