UNPKG

@wangeditor-next/editor-for-react

Version:
3 lines (2 loc) 3.64 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@wangeditor-next/editor"),require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@wangeditor-next/editor","react","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorForReact={},e.wangEditor,e.React,e.ReactDOM)}(this,function(e,t,r,n){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var a=o(t),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)};function l(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}"function"==typeof SuppressedError&&SuppressedError,e.Editor=function(e){var o=e.defaultContent,a=void 0===o?[]:o,u=e.onCreated,c=e.defaultHtml,f=void 0===c?"":c,d=e.value,s=void 0===d?"":d,v=e.onChange,g=e.defaultConfig,y=void 0===g?{}:g,b=e.mode,m=void 0===b?"default":b,p=e.style,h=void 0===p?{}:p,E=e.className,C=e.loading,_=void 0!==C&&C,w=e.loadingText,x=void 0===w?"Loading...":w,O=r.useRef(null),j=l(r.useState(null),2),R=j[0],S=j[1],k=r.useRef(""),H=r.useRef(!1),T=l(r.useState(null),2),D=T[0],N=T[1],P=r.useCallback(function(e){O.current=e,S(e)},[]),q=r.useCallback(function(e){u&&u(e);var t=y.onCreated;t&&t(e)},[y,u]),A=r.useCallback(function(e){var t=y.onDestroyed;N(null),t&&t(e)},[y]);return r.useEffect(function(){if(null!=D)return D.__react_on_change=function(e){var t=e.getHtml(),r=k.current;if(k.current=t,!H.current&&t!==r){v&&v(e);var n=y.onChange;n&&n(e)}},function(){D.__react_on_change=void 0}},[D,y,v]),r.useEffect(function(){if(null!=D&&s!==k.current)try{H.current=!0,D.setHtml(s),k.current=D.getHtml()}catch(e){console.error(e)}finally{H.current=!1}},[D,s]),r.useEffect(function(){var e;if(null!=O.current&&null==D&&!(null===(e=O.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var r=t.createEditor({selector:O.current,config:i(i({},y),{onCreated:q,onChange:function(e){var t;return null===(t=null==r?void 0:r.__react_on_change)||void 0===t?void 0:t.call(r,e)},onDestroyed:A}),content:a,html:f||s,mode:m});k.current=r.getHtml(),N(r)}},[D,y,a,f,q,A,m,s]),r.createElement("div",{ref:P,style:i(i({},h),{position:h.position||"relative"}),className:E,"data-w-e-react-editor-container":"true"},_&&R&&n.createPortal(r.createElement("div",{"data-w-e-loading-overlay":"true",style:{position:"absolute",top:0,right:0,bottom:0,left:0,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(255, 255, 255, 0.6)",zIndex:10}},x),R))},e.Toolbar=function(e){var t=e.editor,n=e.defaultConfig,o=void 0===n?{}:n,i=e.mode,l=void 0===i?"default":i,u=e.style,c=void 0===u?{}:u,f=e.className,d=r.useRef(null);return r.useEffect(function(){var e;if(null!=d.current&&null!=t&&!(null===(e=d.current)||void 0===e?void 0:e.getAttribute("data-w-e-toolbar"))){var r=a.createToolbar({editor:t,selector:d.current,config:o,mode:l});return function(){var e;r&&(r.destroy(),null===(e=d.current)||void 0===e||e.removeAttribute("data-w-e-toolbar"))}}},[t,o,l]),r.createElement("div",{style:c,ref:d,className:f})}}); //# sourceMappingURL=index.js.map