mofeiyu-editorjs-summary
Version:
Editor.js tool for adding colorful summarys
7 lines • 12.9 kB
JavaScript
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.Summary=r():e.Summary=r()}(window,(function(){return function(e){var r={};function n(t){if(r[t])return r[t].exports;var o=r[t]={i:t,l:!1,exports:{}};return e[t].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=r,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,r){if(1&r&&(e=n(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var o in e)n.d(t,o,function(r){return e[r]}.bind(null,o));return t},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},n.p="/",n(n.s=1)}([function(e,r){e.exports='<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"></path><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"></path></svg>'},function(e,r,n){"use strict";n.r(r),n.d(r,"default",(function(){return f}));var t=n(0),o=n.n(t);function a(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,r){if(!e)return;if("string"==typeof e)return i(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(e,r)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function c(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function s(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?c(Object(n),!0).forEach((function(r){u(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function u(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function l(e,r){for(var n=0;n<r.length;n++){var t=r[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function d(e,r,n){return r&&l(e.prototype,r),n&&l(e,n),e}
/**
* Summary block for the Editor.js.
*
* @author Vishal Telangre
* @license MIT
*/n(2).toString();var f=function(){function e(r){var n=r.data,t=r.config,o=r.api,a=r.readOnly;!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,e),this.api=o,this.defaultType=t.defaultType||e.DEFAULT_TYPE,this.messagePlaceholder=t.messagePlaceholder||e.DEFAULT_MESSAGE_PLACEHOLDER,this.data={type:e.ALERT_TYPES.includes(n.type)?n.type:this.defaultType,message:n.message||""},this.container=void 0,this.readOnly=a}return d(e,[{key:"CSS",get:function(){return{settingsButton:this.api.styles.settingsButton,settingsButtonActive:this.api.styles.settingsButtonActive,wrapper:"cdx-summary",wrapperForType:function(e){return"cdx-summary-".concat(e)},message:"cdx-summary__message",inlineStyle:function(e){return{primary:"background-color: #ebf8ff;border: 1px solid #4299e1;color: #2b6cb0;",secondary:"background-color: #f7fafc;border: 1px solid #cbd5e0;color: #616161;",info:"background-color: #e6fdff;border: 1px solid #4cd4ce;color: #00727c;",success:"background-color: #f0fff4;border: 1px solid #68d391;color: #2f855a;",warning:"background-color: #fffaf0;border: 1px solid #ed8936;color: #c05621;",danger:"background-color: #fff5f5;border: 1px solid #fc8181;color: #c53030;",light:"background-color: #fff;border: 1px solid #edf2f7;color: #1a202c;",dark:"background-color: #2d3748;border: 1px solid #1a202c;color: #d3d3d3;"}[e]+"border:0px;margin-top:10px; margin-bottom:10px;"}}}}],[{key:"toolbox",get:function(){return{icon:o.a,title:"高亮文本"}}},{key:"enableLineBreaks",get:function(){return!0}},{key:"INLINE_STYLE",get:function(){return{}}},{key:"DEFAULT_TYPE",get:function(){return"info"}},{key:"DEFAULT_MESSAGE_PLACEHOLDER",get:function(){return"Type here..."}},{key:"ALERT_TYPES",get:function(){return["primary","secondary","info","success","warning","danger","light","dark"]}}]),d(e,[{key:"render",value:function(){var e=[this.CSS.wrapper,this.CSS.wrapperForType(this.data.type)];this.container=this._make("div",e,{style:this.CSS.inlineStyle(this.data.type)});var r=this._make("p",[this.CSS.message],{contentEditable:!this.readOnly,innerHTML:this.data.message,style:this.CSS.inlineStyle(this.data.type)});return r.dataset.placeholder=this.messagePlaceholder,this.container.appendChild(r),this.container}},{key:"renderSettings",value:function(){var r=this,n=this._make("div");return e.ALERT_TYPES.forEach((function(e){var t=r._make("div",[r.CSS.settingsButton,r.CSS.wrapper,r.CSS.wrapperForType(e)],{innerHTML:"A"});r.data.type===e&&t.classList.add(r.CSS.settingsButtonActive),t.addEventListener("click",(function(){r._changeSummaryType(e),n.querySelectorAll(".".concat(r.CSS.settingsButton)).forEach((function(e){return e.classList.remove(r.CSS.settingsButtonActive)})),t.classList.add(r.CSS.settingsButtonActive)})),n.appendChild(t)})),n}},{key:"_changeSummaryType",value:function(r){var n=this;this.data.type=r,e.ALERT_TYPES.forEach((function(e){var t=n.CSS.wrapperForType(e);if(n.container.classList.remove(t),r===e){n.container.classList.add(t);var o=n.CSS.inlineStyle(n.data.type);n.container.style.cssText=o,n.container.childNodes[0].style.cssText=o}}))}},{key:"save",value:function(e){var r=e.querySelector(".".concat(this.CSS.message));return s(s({},this.data),{},{message:r.innerHTML})}},{key:"_make",value:function(e){var r,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=document.createElement(e);Array.isArray(n)?(r=o.classList).add.apply(r,a(n)):n&&o.classList.add(n);for(var i in t)o[i]=t[i];return o}},{key:"onPaste",value:function(e){var r=e.detail.data;this.data={type:this.defaultType,message:r.innerHTML||""}}}],[{key:"isReadOnlySupported",get:function(){return!0}},{key:"conversionConfig",get:function(){var e=this;return{export:function(e){return e.message},import:function(r){return{message:r,type:e.DEFAULT_TYPE}}}}},{key:"sanitize",get:function(){return{type:!1,message:!0}}}]),e}()},function(e,r,n){var t=n(3),o=n(4);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.i,o,""]]);var a={insert:"head",singleton:!1};t(o,a);e.exports=o.locals||{}},function(e,r,n){"use strict";var t,o=function(){return void 0===t&&(t=Boolean(window&&document&&document.all&&!window.atob)),t},a=function(){var e={};return function(r){if(void 0===e[r]){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[r]=n}return e[r]}}(),i=[];function c(e){for(var r=-1,n=0;n<i.length;n++)if(i[n].identifier===e){r=n;break}return r}function s(e,r){for(var n={},t=[],o=0;o<e.length;o++){var a=e[o],s=r.base?a[0]+r.base:a[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var d=c(l),f={css:a[1],media:a[2],sourceMap:a[3]};-1!==d?(i[d].references++,i[d].updater(f)):i.push({identifier:l,updater:b(f,r),references:1}),t.push(l)}return t}function u(e){var r=document.createElement("style"),t=e.attributes||{};if(void 0===t.nonce){var o=n.nc;o&&(t.nonce=o)}if(Object.keys(t).forEach((function(e){r.setAttribute(e,t[e])})),"function"==typeof e.insert)e.insert(r);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(r)}return r}var l,d=(l=[],function(e,r){return l[e]=r,l.filter(Boolean).join("\n")});function f(e,r,n,t){var o=n?"":t.media?"@media ".concat(t.media," {").concat(t.css,"}"):t.css;if(e.styleSheet)e.styleSheet.cssText=d(r,o);else{var a=document.createTextNode(o),i=e.childNodes;i[r]&&e.removeChild(i[r]),i.length?e.insertBefore(a,i[r]):e.appendChild(a)}}function p(e,r,n){var t=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&btoa&&(t+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}var y=null,m=0;function b(e,r){var n,t,o;if(r.singleton){var a=m++;n=y||(y=u(r)),t=f.bind(null,n,a,!1),o=f.bind(null,n,a,!0)}else n=u(r),t=p.bind(null,n,r),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return t(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;t(e=r)}else o()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var n=s(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var t=0;t<n.length;t++){var o=c(n[t]);i[o].references--}for(var a=s(e,r),u=0;u<n.length;u++){var l=c(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=a}}}},function(e,r,n){(r=n(5)(!1)).push([e.i,".cdx-summary {\r\n position: relative;\r\n padding: 10px;\r\n border-radius: 5px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.cdx-summary__message {\r\n outline: none;\r\n}\r\n\r\n.cdx-summary [contentEditable='true'][data-placeholder]::before {\r\n position: absolute;\r\n content: attr(data-placeholder);\r\n color: #707684;\r\n font-weight: normal;\r\n opacity: 0;\r\n}\r\n\r\n.cdx-summary [contentEditable='true'][data-placeholder]:empty::before {\r\n opacity: 1;\r\n}\r\n\r\n.cdx-summary [contentEditable='true'][data-placeholder]:empty:focus::before {\r\n opacity: 0;\r\n}\r\n\r\n.cdx-summary-primary {\r\n background-color: #ebf8ff;\r\n border: 1px solid #4299e1;\r\n color: #2b6cb0;\r\n}\r\n\r\n.cdx-summary-secondary {\r\n background-color: #f7fafc;\r\n border: 1px solid #cbd5e0;\r\n color: #616161;\r\n}\r\n\r\n.cdx-summary-info {\r\n background-color: #e6fdff;\r\n border: 1px solid #4cd4ce;\r\n color: #00727c;\r\n}\r\n\r\n.cdx-summary-success {\r\n background-color: #f0fff4;\r\n border: 1px solid #68d391;\r\n color: #2f855a;\r\n}\r\n\r\n.cdx-summary-warning {\r\n background-color: #fffaf0;\r\n border: 1px solid #ed8936;\r\n color: #c05621;\r\n}\r\n\r\n.cdx-summary-danger {\r\n background-color: #fff5f5;\r\n border: 1px solid #fc8181;\r\n color: #c53030;\r\n}\r\n\r\n.cdx-summary-light {\r\n background-color: #fff;\r\n border: 1px solid #edf2f7;\r\n color: #1a202c;\r\n}\r\n\r\n.cdx-summary-dark {\r\n background-color: #2d3748;\r\n border: 1px solid #1a202c;\r\n color: #d3d3d3;\r\n}\r\n\r\n.cdx-summary.cdx-settings-button {\r\n margin: 3px;\r\n width: 28px;\r\n height: 28px;\r\n opacity: 0.5;\r\n}\r\n\r\n.cdx-summary.cdx-settings-button:hover {\r\n opacity: 1;\r\n}\r\n\r\n.cdx-summary.cdx-settings-button--active,\r\n.cdx-summary.ce-settings__button--focused {\r\n font-weight: bold;\r\n opacity: 0.9;\r\n}\r\n",""]),e.exports=r},function(e,r,n){"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var n=function(e,r){var n=e[1]||"",t=e[3];if(!t)return n;if(r&&"function"==typeof btoa){var o=(i=t,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(s," */")),a=t.sources.map((function(e){return"/*# sourceURL=".concat(t.sourceRoot||"").concat(e," */")}));return[n].concat(a).concat([o]).join("\n")}var i,c,s;return[n].join("\n")}(r,e);return r[2]?"@media ".concat(r[2]," {").concat(n,"}"):n})).join("")},r.i=function(e,n,t){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(t)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);t&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),r.push(s))}},r}}]).default}));