170 lines
9.6 KiB
JavaScript
170 lines
9.6 KiB
JavaScript
|
(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[97384,42270],{74944:function(o){o.exports={sdkMainBox:"sdkMainBox___2O1X0"}},55862:function(o,s,n){"use strict";n.r(s),n.d(s,{default:function(){return j}});var t=n(57663),a=n(71577),c=n(28216),r=n(67294),l=n(74981),D=n(56395),y=n.n(D),x=n(42270),I=n.n(x),B=n(82679),U=n.n(B),b=n(74944),C=n.n(b),e=n(85893),p,F,j=(p=(0,c.$j)(g=>{var u=g.design;return{design:u}}),p(F=class extends r.PureComponent{constructor(){super(...arguments);this.state={}}renderFileCreate(){var u=this,m=this.state.imageData,d=`
|
||
|
|
// fileName;\u6587\u4EF6\u540D; content:\u6587\u4EF6\u5185\u5BB9
|
||
|
|
// callback(path);
|
||
|
|
fileBoxApi.fileCreate({fileName,content,callback});`,_=`
|
||
|
|
fileBoxApi.fileCreate({
|
||
|
|
fileName: "test.txt",
|
||
|
|
content: "hello",
|
||
|
|
callback: function(result){
|
||
|
|
var json2Html = function(json){
|
||
|
|
var text = JSON.stringify(json,null," ");
|
||
|
|
var html = hljs.highlightAuto(text).value;
|
||
|
|
return '<pre><code class="hljs">'+html+'</code></pre>';
|
||
|
|
}
|
||
|
|
$('#fileCreate').html(json2Html(result))
|
||
|
|
}
|
||
|
|
});`,E=()=>{fileBoxApi.fileCreate({fileName:"test.txt",content:"hello",callback:function(i){var h=function(v){var A=JSON.stringify(v,null," "),f=hljs.highlightAuto(A).value;return'<pre><code class="hljs">'+f+"</code></pre>"};$("#fileCreate").html(h(i))}})};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",{className:"sdk-title",children:"\u6587\u4EF6\u521B\u5EFA\u5E76\u5199\u5165"}),(0,e.jsx)(l.ZP,{width:"100%",height:"90px",style:{"border-radius":"4px"},value:d,mode:"javascript",theme:"monokai",name:"UNIQUE_ID_OF_DIV",showGutter:!1,readOnly:!0,highlightActiveLine:!1,placeholder:"Placeholder Text",fontSize:15,showPrintMargin:!1,setOptions:{enableBasicAutocompletion:!1,enableLiveAutocompletion:!0,enableSnippets:!1,showLineNumbers:!1,tabSize:2}}),(0,e.jsx)("p",{style:{marginTop:10,fontSize:16},children:"demo\u6D4B\u8BD5: \u65B0\u5EFAtest.txt \u5E76\u5199\u5165\u5185\u5BB9;"}),(0,e.jsx)(l.ZP,{width:"100%",height:"250px",style:{"border-radius":"4px"},value:_,mode:"javascript",theme:"monokai",name:"UNIQUE_ID_OF_DIV",showGutter:!1,readOnly:!0,highlightActiveLine:!1,placeholder:"Placeholder Text",fontSize:15,showPrintMargin:!1,setOptions:{enableBasicAutocompletion:!1,enableLiveAutocompletion:!0,enableSnippets:!1,showLineNumbers:!1,tabSize:2}}),(0,e.jsxs)("div",{className:"buttonBox",children:[(0,e.jsx)(a.Z,{type:"primary",onClick:E,style:{fontSize:16},children:"\u7ACB\u5373\u6D4B\u8BD5"}),(0,e.jsx)("div",{id:"fileCreate",style:{marginTop:10}})]})]})}renderFileUpload(){var u=this,m=this.state.imageData,d=`
|
||
|
|
/**
|
||
|
|
* \u4E0A\u4F20\u6587\u4EF6\u5230\u6307\u5B9A\u8DEF\u5F84
|
||
|
|
* file: \u4E0A\u4F20\u7684\u6587\u4EF6, file\u5BF9\u8C61;
|
||
|
|
* sourceID: \u4E0A\u4F20\u5230\u76EE\u6807\u6587\u4EF6\u5939\u7684sourceID,\u4E0D\u5B58\u5728\u65F6\u81EA\u52A8\u4E0A\u4F20\u5230\u4E3B\u76EE\u5F55
|
||
|
|
* callback: \u4E0A\u4F20\u6210\u529F\u540E\u56DE\u8C03;;
|
||
|
|
*/
|
||
|
|
fileBoxApi.fileUpload(file,sourceID,callback);
|
||
|
|
|
||
|
|
// \u4ECE\u672C\u5730\u9009\u62E9\u6587\u4EF6\u4E0A\u4F20
|
||
|
|
fileBoxApi.fileUploadSelect({
|
||
|
|
sourceID: "", // \u4E0A\u4F20\u5230\u76EE\u6807\u6587\u4EF6\u5939\u7684sourceID,\u4E0D\u5B58\u5728\u65F6\u81EA\u52A8\u4E0A\u4F20\u5230\u4E3B\u76EE\u5F55
|
||
|
|
allowExt:'', // \u6587\u4EF6\u6269\u5C55\u540D\u9650\u5236,\u4E0D\u586B\u5219\u4E0D\u9650\u5236;
|
||
|
|
single:true, // \u9ED8\u8BA4\u5355\u4E2A\u6587\u4EF6; false\u65F6\u4E3A\u591A\u9009\u4E0A\u4F20;
|
||
|
|
callback: function(result) {} // \u4E0A\u4F20\u6210\u529F\u540E\u56DE\u8C03;
|
||
|
|
}); `,_=`
|
||
|
|
fileBoxApi.fileUploadSelect({
|
||
|
|
// sourceID:"",
|
||
|
|
callback: function(result){
|
||
|
|
var json2Html = function(json){
|
||
|
|
var text = JSON.stringify(json,null," ");
|
||
|
|
var html = hljs.highlightAuto(text).value + '<img src="'+result.sourcePath+'"/>';
|
||
|
|
return '<pre><code class="hljs">'+html+'</code></pre>';
|
||
|
|
}
|
||
|
|
$('#fileUpload').html(json2Html(result))
|
||
|
|
}
|
||
|
|
});`,E=()=>{fileBoxApi.fileUploadSelect({callback:function(i){var h=function(A){var f=JSON.stringify(A,null," "),P=hljs.highlightAuto(f).value;return'<pre><code class="hljs">'+P+"</code></pre>"},k=h(i)+'<img src="'+i.data.selectItems[0].sourcePath+'"/>';$("#fileUpload").html(k)}})};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h2",{className:"sdk-title",children:"\u6587\u4EF6\u4E0A\u4F20"}),(0,e.jsx)("p",{style:{fontSize:16},children:"\u4E0A\u4F20\u5230\u6307\u5B9A\u6587\u4EF6\u5939, \u6216\u4E0A\u4F20\u5230\u81EA\u5B9A\u4E49\u76EE\u5F55;"}),(0,e.jsx)(l.ZP,{width:"100%",height:"305px",style:{"border-radius":"4px"},value:d,mode:"javascript",theme:"monokai",name:"UNIQUE_ID_OF_DIV",showGutter:!1,readOnly:!0,highlightActiveLine:!1,placeholder:"Placeholder Text",fontSize:15,showPrintMargin:!1,setOptions:{enableBasicAutocompletion:!1,enableLiveAutocompletion:!0,enableSnippets:!1,showLineNumbers:!1,tabSize:2}}),(0,e.jsx)("p",{style:{marginTop:10,fontSize:16},children:"demo \u4E0A\u4F20\u6D4B\u8BD5: \u9009\u62E9\u56FE\u7247\u8FDB\u884C\u4E0A\u4F20,\u5B8C\u6210\u540E\u5C55\u793A\u6587\u4EF6\u4FE1\u606F\u53CA\u56FE\u7247"}),(0,e.jsx)(l.ZP,{width:"100%",height:"235px",style:{"border-radius":"4px"},value:_,mode:"javascript",theme:"monokai",name:"UNIQUE_ID_OF_DIV",showGutter:!1,readOnly:!0,highlightActiveLine:!1,placeholder:"Placeholder Text",fontSize:15,showPrintMargin:!1,setOptions:{enableBasicAutocompletion:!1,enableLiveAutocompletion:!0,enableSnippets:!1,showLineNumbers:!1,tabSize:2}}),(0,e.jsxs)("div",{className:"buttonBox",children:[(0,e.jsx)(a.Z,{type:"primary",onClick:E,style:{fontSize:16},children:"\u7ACB\u5373\u6D4B\u8BD5"}),(0,e.jsx)("div",{id:"fileUpload",style:{marginTop:10}})]})]})}render(){var u=this,m=`
|
||
|
|
// sourceID;\u6587\u4EF6sourceID; content:\u6587\u4EF6\u5185\u5BB9
|
||
|
|
fileBoxApi.fileSave(sourceID, content, callback);`;return(0,e.jsx)("div",{className:"layoutBox",children:(0,e.jsxs)("div",{className:C().sdkMainBox,children:[(0,e.jsx)("h1",{className:"sdk-header",children:"\u6587\u4EF6\u8BFB\u5199\u4E0A\u4F20"}),(0,e.jsx)("h2",{className:"sdk-title",children:"\u6587\u4EF6\u4FDD\u5B58"}),(0,e.jsx)("p",{style:{fontSize:16},children:"\u5DF2\u77E5\u6587\u4EF6sourceID,\u53EF\u4EE5\u8C03\u7528\u5199\u5165\u66F4\u65B0\u6587\u4EF6\u5185\u5BB9;"}),(0,e.jsx)(l.ZP,{width:"100%",height:"70px",style:{"border-radius":"4px"},value:m,mode:"javascript",theme:"monokai",name:"UNIQUE_ID_OF_DIV",showGutter:!1,readOnly:!0,highlightActiveLine:!1,placeholder:"Placeholder Text",fontSize:15,showPrintMargin:!1,setOptions:{enableBasicAutocompletion:!1,enableLiveAutocompletion:!0,enableSnippets:!1,showLineNumbers:!1,tabSize:2}}),u.renderFileCreate(),u.renderFileUpload()]})})}})||F)},42270:function(o,s,n){o=n.nmd(o),ace.define("ace/theme/monokai.css",["require","exports","module"],function(t,a,c){c.exports=`.ace-monokai .ace_gutter {
|
||
|
|
background: #2F3129;
|
||
|
|
color: #8F908A
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_print-margin {
|
||
|
|
width: 1px;
|
||
|
|
background: #555651
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai {
|
||
|
|
background-color: #272822;
|
||
|
|
color: #F8F8F2
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_cursor {
|
||
|
|
color: #F8F8F0
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_marker-layer .ace_selection {
|
||
|
|
background: #49483E
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai.ace_multiselect .ace_selection.ace_start {
|
||
|
|
box-shadow: 0 0 3px 0px #272822;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_marker-layer .ace_step {
|
||
|
|
background: rgb(102, 82, 0)
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_marker-layer .ace_bracket {
|
||
|
|
margin: -1px 0 0 -1px;
|
||
|
|
border: 1px solid #49483E
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_marker-layer .ace_active-line {
|
||
|
|
background: #202020
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_gutter-active-line {
|
||
|
|
background-color: #272727
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_marker-layer .ace_selected-word {
|
||
|
|
border: 1px solid #49483E
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_invisible {
|
||
|
|
color: #52524d
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_entity.ace_name.ace_tag,
|
||
|
|
.ace-monokai .ace_keyword,
|
||
|
|
.ace-monokai .ace_meta.ace_tag,
|
||
|
|
.ace-monokai .ace_storage {
|
||
|
|
color: #F92672
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_punctuation,
|
||
|
|
.ace-monokai .ace_punctuation.ace_tag {
|
||
|
|
color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_constant.ace_character,
|
||
|
|
.ace-monokai .ace_constant.ace_language,
|
||
|
|
.ace-monokai .ace_constant.ace_numeric,
|
||
|
|
.ace-monokai .ace_constant.ace_other {
|
||
|
|
color: #AE81FF
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_invalid {
|
||
|
|
color: #F8F8F0;
|
||
|
|
background-color: #F92672
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_invalid.ace_deprecated {
|
||
|
|
color: #F8F8F0;
|
||
|
|
background-color: #AE81FF
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_support.ace_constant,
|
||
|
|
.ace-monokai .ace_support.ace_function {
|
||
|
|
color: #66D9EF
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_fold {
|
||
|
|
background-color: #A6E22E;
|
||
|
|
border-color: #F8F8F2
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_storage.ace_type,
|
||
|
|
.ace-monokai .ace_support.ace_class,
|
||
|
|
.ace-monokai .ace_support.ace_type {
|
||
|
|
font-style: italic;
|
||
|
|
color: #66D9EF
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_entity.ace_name.ace_function,
|
||
|
|
.ace-monokai .ace_entity.ace_other,
|
||
|
|
.ace-monokai .ace_entity.ace_other.ace_attribute-name,
|
||
|
|
.ace-monokai .ace_variable {
|
||
|
|
color: #A6E22E
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_variable.ace_parameter {
|
||
|
|
font-style: italic;
|
||
|
|
color: #FD971F
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_string {
|
||
|
|
color: #E6DB74
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_comment {
|
||
|
|
color: #75715E
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_indent-guide {
|
||
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWPQ0FD0ZXBzd/wPAAjVAoxeSgNeAAAAAElFTkSuQmCC) right repeat-y
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-monokai .ace_indent-guide-active {
|
||
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQIW2PQ1dX9zzBz5sz/ABCcBFFentLlAAAAAElFTkSuQmCC) right repeat-y;
|
||
|
|
}
|
||
|
|
`}),ace.define("ace/theme/monokai",["require","exports","module","ace/theme/monokai.css","ace/lib/dom"],function(t,a,c){a.isDark=!0,a.cssClass="ace-monokai",a.cssText=t("./monokai.css");var r=t("../lib/dom");r.importCssString(a.cssText,a.cssClass,!1)}),function(){ace.require(["ace/theme/monokai"],function(t){o&&(o.exports=t)})}()}}]);
|