@wangeditor-next/editor-for-react 1.0.7 → 1.0.8

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import e,{useRef as r,useState as t,useEffect as o}from"react";import*as n from"@wangeditor-next/editor";import{createEditor as l}from"@wangeditor-next/editor";var a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function i(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var o,n,l=t.call(e),a=[];try{for(;(void 0===r||r-- >0)&&!(o=l.next()).done;)a.push(o.value)}catch(e){n={error:e}}finally{try{o&&!o.done&&(t=l.return)&&t.call(l)}finally{if(n)throw n.error}}return a}function u(n){var u=n.defaultContent,c=void 0===u?[]:u,d=n.onCreated,f=n.defaultHtml,s=void 0===f?"":f,v=n.value,m=void 0===v?"":v,y=n.onChange,p=n.defaultConfig,g=void 0===p?{}:p,h=n.mode,C=void 0===h?"default":h,b=n.style,w=void 0===b?{}:b,x=n.className,E=r(null),N=i(t(null),2),S=N[0],H=N[1],O=i(t(""),2),j=O[0],D=O[1],T=function(e){d&&d(e);var r=g.onCreated;r&&r(e)},A=function(e){D(e.getHtml()),y&&y(e);var r=g.onChange;r&&r(e)},P=function(e){var r=g.onDestroyed;H(null),r&&r(e)};return o((function(){if(null!=S&&m!==j)try{S.setHtml(m)}catch(e){console.error(e)}}),[m]),o((function(){var e;if(null!=E.current&&null==S&&!(null===(e=E.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var r=l({selector:E.current,config:a(a({},g),{onCreated:T,onChange:A,onDestroyed:P}),content:c,html:s||m,mode:C});H(r)}}),[S]),e.createElement("div",{style:w,ref:E,className:x})}function c(t){var l=t.editor,a=t.defaultConfig,i=void 0===a?{}:a,u=t.mode,c=void 0===u?"default":u,d=t.style,f=void 0===d?{}:d,s=t.className,v=r(null);return o((function(){null!=v.current&&null!=l&&n.createToolbar({editor:l,selector:v.current,config:i,mode:c})}),[l]),e.createElement("div",{style:f,ref:v,className:s})}"function"==typeof SuppressedError&&SuppressedError;export{u as Editor,c as Toolbar};
+import e,{useRef as r,useState as t,useEffect as n}from"react";import*as o from"@wangeditor-next/editor";import{createEditor as l}from"@wangeditor-next/editor";var a=function(){return a=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},a.apply(this,arguments)};function i(e,r){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var n,o,l=t.call(e),a=[];try{for(;(void 0===r||r-- >0)&&!(n=l.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(t=l.return)&&t.call(l)}finally{if(o)throw o.error}}return a}function u(o){var u=o.defaultContent,c=void 0===u?[]:u,d=o.onCreated,f=o.defaultHtml,v=void 0===f?"":f,s=o.value,m=void 0===s?"":s,y=o.onChange,p=o.defaultConfig,g=void 0===p?{}:p,h=o.mode,C=void 0===h?"default":h,_=o.style,b=void 0===_?{}:_,w=o.className,x=r(null),E=i(t(null),2),N=E[0],S=E[1],H=i(t(""),2),O=H[0],j=H[1],D=function(e){d&&d(e);var r=g.onCreated;r&&r(e)},T=function(e){var r=g.onDestroyed;S(null),r&&r(e)};return n((function(){null!=N&&(N.__react_on_change=function(e){j(e.getHtml()),y&&y(e);var r=g.onChange;r&&r(e)})}),[N,g]),n((function(){if(null!=N&&m!==O)try{N.setHtml(m)}catch(e){console.error(e)}}),[m]),n((function(){var e;if(null!=x.current&&null==N&&!(null===(e=x.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var r=l({selector:x.current,config:a(a({},g),{onCreated:D,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:T}),content:c,html:v||m,mode:C});S(r)}}),[N]),e.createElement("div",{style:b,ref:x,className:w})}function c(t){var l=t.editor,a=t.defaultConfig,i=void 0===a?{}:a,u=t.mode,c=void 0===u?"default":u,d=t.style,f=void 0===d?{}:d,v=t.className,s=r(null);return n((function(){null!=s.current&&null!=l&&o.createToolbar({editor:l,selector:s.current,config:i,mode:c})}),[l]),e.createElement("div",{style:f,ref:s,className:v})}"function"==typeof SuppressedError&&SuppressedError;export{u as Editor,c as Toolbar};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect, useState } from 'react'\nimport {SlateDescendant, IEditorConfig, createEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor-next/editor'\n\ninterface IProps {\n  defaultContent?: SlateDescendant[]\n  onCreated?: (editor: IDomEditor) => void\n  defaultHtml?: string\n  value?: string\n  onChange: (editor: IDomEditor) => void\n  defaultConfig: Partial<IEditorConfig>\n  mode?: string\n  style?: React.CSSProperties\n  className?: string\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n  const { defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n  const [editor, setEditor] = useState<IDomEditor | null>(null)\n  const [curValue, setCurValue] = useState('')\n\n  const handleCreated = (editor: IDomEditor) => {\n    // 组件属性 onCreated\n    if (onCreated) onCreated(editor)\n\n    // 编辑器 配置 onCreated\n    const { onCreated: onCreatedFromConfig } = defaultConfig\n    if (onCreatedFromConfig) onCreatedFromConfig(editor)\n  }\n\n  const handleChanged = (editor: IDomEditor) => {\n    setCurValue(editor.getHtml()) // 记录当前 html 值\n\n    // 组件属性 onChange\n    if (onChange) onChange(editor)\n\n    // 编辑器 配置 onChange\n    const { onChange: onChangeFromConfig } = defaultConfig\n    if (onChangeFromConfig) onChangeFromConfig(editor)\n  }\n\n  const handleDestroyed = (editor: IDomEditor) => {\n    const { onDestroyed } = defaultConfig\n    setEditor(null)\n    if(onDestroyed) {\n      onDestroyed(editor)\n    }\n  }\n\n  // value 变化，重置 HTML\n  useEffect(() => {\n    if (editor == null) return\n\n    if (value === curValue) return // 如果和当前 html 值相等，则忽略\n\n    // ------ 重新设置 HTML ------\n    try {\n      editor.setHtml(value)\n    } catch (error) {\n      console.error(error)\n    }\n\n  }, [value])\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor != null) return\n    // 防止重复渲染 当编辑器已经创建就不在创建了\n    if (ref.current?.getAttribute('data-w-e-textarea')) return\n\n    const newEditor = createEditor({\n      selector: ref.current,\n      config: {\n        ...defaultConfig,\n        onCreated: handleCreated,\n        onChange: handleChanged,\n        onDestroyed: handleDestroyed,\n      },\n      content: defaultContent,\n      html: defaultHtml || value,\n      mode,\n    })\n    setEditor(newEditor)\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport * as wangEditor from '@wangeditor-next/editor'\n\ninterface IProps {\n  editor: wangEditor.IDomEditor | null\n  defaultConfig?: Partial<wangEditor.IToolbarConfig>\n  mode?: string\n  style?: object\n  className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n  const { editor, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor == null) return\n\n    wangEditor.createToolbar({\n      editor,\n      selector: ref.current,\n      config: defaultConfig,\n      mode,\n    })\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["EditorComponent","props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","onCreatedFromConfig","handleChanged","getHtml","onChangeFromConfig","handleDestroyed","onDestroyed","useEffect","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","content","html","React","createElement","ToolbarComponent","wangEditor","createToolbar"],"mappings":"6oBAoBA,SAASA,EAAgBC,GACf,IAAAC,EAAwID,EAArHE,eAAnBA,OAAiB,IAAAD,EAAA,GAAEA,EAAEE,EAAmHH,EAAKG,UAA7GC,EAAwGJ,EAAxFK,YAAhBA,OAAW,IAAAD,EAAG,GAAEA,EAAEE,EAAsFN,EAA5EO,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAA0ER,EAAKQ,SAArEC,EAAgET,EAAKU,cAArEA,OAAa,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAA4CX,EAAKY,KAAjDA,OAAI,IAAAD,EAAG,UAASA,EAAEE,EAA0Bb,EAAKc,MAA/BA,OAAK,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAAcf,YAC1IgB,EAAMC,EAAuB,MAC7BC,EAAAC,EAAsBC,EAA4B,MAAK,GAAtDC,EAAMH,EAAA,GAAEI,OACTC,EAAAJ,EAA0BC,EAAS,IAAG,GAArCI,EAAQD,EAAA,GAAEE,OAEXC,EAAgB,SAACL,GAEjBlB,GAAWA,EAAUkB,GAGjB,IAAWM,EAAwBjB,EAAaP,UACpDwB,GAAqBA,EAAoBN,IAGzCO,EAAgB,SAACP,GACrBI,EAAYJ,EAAOQ,WAGfrB,GAAUA,EAASa,GAGf,IAAUS,EAAuBpB,EAAaF,SAClDsB,GAAoBA,EAAmBT,IAGvCU,EAAkB,SAACV,GACf,IAAAW,EAAgBtB,EAAasB,YACrCV,EAAU,MACPU,GACDA,EAAYX,IAwChB,OAnCAY,GAAU,WACR,GAAc,MAAVZ,GAEAd,IAAUiB,EAGd,IACEH,EAAOa,QAAQ3B,EAChB,CAAC,MAAO4B,GACPC,QAAQD,MAAMA,EACf,CAEH,GAAG,CAAC5B,IAEJ0B,GAAU,iBACR,GAAmB,MAAfjB,EAAIqB,SACM,MAAVhB,aAEApB,EAAAe,EAAIqB,8BAASC,aAAa,sBAA9B,CAEA,IAAMC,EAAYC,EAAa,CAC7BC,SAAUzB,EAAIqB,QACdK,OACKC,EAAAA,EAAA,CAAA,EAAAjC,GACH,CAAAP,UAAWuB,EACXlB,SAAUoB,EACVI,YAAaD,IAEfa,QAAS1C,EACT2C,KAAMxC,GAAeE,EACrBK,KAAIA,IAENU,EAAUiB,EAd0C,CAetD,GAAG,CAAClB,IAEGyB,EAAKC,cAAA,MAAA,CAAAjC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD,CC3EA,SAASiC,EAAiBhD,GAChB,IAAAqB,EAAwErB,EAAlEqB,OAAEpB,EAAgED,EAAKU,cAArEA,aAAgB,CAAE,EAAAT,EAAEG,EAA4CJ,EAA5BY,KAAhBA,OAAI,IAAAR,EAAG,UAASA,EAAEE,EAA0BN,QAA1Bc,OAAQ,IAAAR,EAAA,CAAE,IAAES,EAAcf,YAC1EgB,EAAMC,EAAuB,MAcnC,OAZAgB,GAAU,WACW,MAAfjB,EAAIqB,SACM,MAAVhB,GAEJ4B,EAAWC,cAAc,CACvB7B,OAAMA,EACNoB,SAAUzB,EAAIqB,QACdK,OAAQhC,EACRE,KAAIA,GAER,GAAG,CAACS,IAEGyB,EAAKC,cAAA,MAAA,CAAAjC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect, useState } from 'react'\nimport {SlateDescendant, IEditorConfig, createEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor-next/editor'\n\ninterface IProps {\n  defaultContent?: SlateDescendant[]\n  onCreated?: (editor: IDomEditor) => void\n  defaultHtml?: string\n  value?: string\n  onChange: (editor: IDomEditor) => void\n  defaultConfig: Partial<IEditorConfig>\n  mode?: string\n  style?: React.CSSProperties\n  className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n  __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n  const { defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n  const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n  const [curValue, setCurValue] = useState('')\n\n  const handleCreated = (editor: IDomEditor) => {\n    // 组件属性 onCreated\n    if (onCreated) onCreated(editor)\n\n    // 编辑器 配置 onCreated\n    const { onCreated: onCreatedFromConfig } = defaultConfig\n    if (onCreatedFromConfig) onCreatedFromConfig(editor)\n  }\n\n  const handleDestroyed = (editor: IDomEditor) => {\n    const { onDestroyed } = defaultConfig\n    setEditor(null)\n    if(onDestroyed) {\n      onDestroyed(editor)\n    }\n  }\n\n  useEffect(() => {\n    if (editor == null) return\n\n    editor.__react_on_change = (e: IDomEditor) => {\n      setCurValue(e.getHtml()) // 记录当前 html 值\n  \n      // 组件属性 onChange\n      if (onChange) onChange(e)\n  \n      // 编辑器 配置 onChange\n      const { onChange: onChangeFromConfig } = defaultConfig\n      if (onChangeFromConfig) onChangeFromConfig(e)\n    }\n  }, [editor, defaultConfig])\n\n  // value 变化，重置 HTML\n  useEffect(() => {\n    if (editor == null) return\n\n    if (value === curValue) return // 如果和当前 html 值相等，则忽略\n\n    // ------ 重新设置 HTML ------\n    try {\n      editor.setHtml(value)\n    } catch (error) {\n      console.error(error)\n    }\n\n  }, [value])\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor != null) return\n    // 防止重复渲染 当编辑器已经创建就不在创建了\n    if (ref.current?.getAttribute('data-w-e-textarea')) return\n\n    const newEditor = createEditor({\n      selector: ref.current,\n      config: {\n        ...defaultConfig,\n        onCreated: handleCreated,\n        onChange: (e: IDomEditor)=> newEditor?.__react_on_change?.(e),\n        onDestroyed: handleDestroyed,\n      },\n      content: defaultContent,\n      html: defaultHtml || value,\n      mode,\n    })as ICustomDomEditor\n    setEditor(newEditor)\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport * as wangEditor from '@wangeditor-next/editor'\n\ninterface IProps {\n  editor: wangEditor.IDomEditor | null\n  defaultConfig?: Partial<wangEditor.IToolbarConfig>\n  mode?: string\n  style?: object\n  className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n  const { editor, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor == null) return\n\n    wangEditor.createToolbar({\n      editor,\n      selector: ref.current,\n      config: defaultConfig,\n      mode,\n    })\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["EditorComponent","props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","onCreatedFromConfig","handleDestroyed","onDestroyed","useEffect","__react_on_change","e","getHtml","onChangeFromConfig","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","call","content","html","React","createElement","ToolbarComponent","wangEditor","createToolbar"],"mappings":"6oBAwBA,SAASA,EAAgBC,GACf,IAAAC,EAAwID,EAArHE,eAAnBA,OAAiB,IAAAD,EAAA,GAAEA,EAAEE,EAAmHH,EAAKG,UAA7GC,EAAwGJ,EAAxFK,YAAhBA,OAAW,IAAAD,EAAG,GAAEA,EAAEE,EAAsFN,EAA5EO,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAA0ER,EAAKQ,SAArEC,EAAgET,EAAKU,cAArEA,OAAa,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAA4CX,EAAKY,KAAjDA,OAAI,IAAAD,EAAG,UAASA,EAAEE,EAA0Bb,EAAKc,MAA/BA,OAAK,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAAcf,YAC1IgB,EAAMC,EAAuB,MAC7BC,EAAAC,EAAsBC,EAAkC,MAAK,GAA5DC,EAAMH,EAAA,GAAEI,OACTC,EAAAJ,EAA0BC,EAAS,IAAG,GAArCI,EAAQD,EAAA,GAAEE,OAEXC,EAAgB,SAACL,GAEjBlB,GAAWA,EAAUkB,GAGjB,IAAWM,EAAwBjB,EAAaP,UACpDwB,GAAqBA,EAAoBN,IAGzCO,EAAkB,SAACP,GACf,IAAAQ,EAAgBnB,EAAamB,YACrCP,EAAU,MACPO,GACDA,EAAYR,IAuDhB,OAnDAS,GAAU,WACM,MAAVT,IAEJA,EAAOU,kBAAoB,SAACC,GAC1BP,EAAYO,EAAEC,WAGVzB,GAAUA,EAASwB,GAGf,IAAUE,EAAuBxB,EAAaF,SAClD0B,GAAoBA,EAAmBF,IAE/C,GAAG,CAACX,EAAQX,IAGZoB,GAAU,WACR,GAAc,MAAVT,GAEAd,IAAUiB,EAGd,IACEH,EAAOc,QAAQ5B,EAChB,CAAC,MAAO6B,GACPC,QAAQD,MAAMA,EACf,CAEH,GAAG,CAAC7B,IAEJuB,GAAU,iBACR,GAAmB,MAAfd,EAAIsB,SACM,MAAVjB,aAEApB,EAAAe,EAAIsB,8BAASC,aAAa,sBAA9B,CAEA,IAAMC,EAAYC,EAAa,CAC7BC,SAAU1B,EAAIsB,QACdK,OACKC,EAAAA,EAAA,CAAA,EAAAlC,GACH,CAAAP,UAAWuB,EACXlB,SAAU,SAACwB,GAAa,IAAA/B,EAAI,OAA+B,QAA/BA,EAAAuC,aAAA,EAAAA,EAAWT,yBAAoB,IAAA9B,OAAA,EAAAA,EAAA4C,KAAAL,EAAAR,EAAE,EAC7DH,YAAaD,IAEfkB,QAAS5C,EACT6C,KAAM1C,GAAeE,EACrBK,KAAIA,IAENU,EAAUkB,EAd0C,CAetD,GAAG,CAACnB,IAEG2B,EAAKC,cAAA,MAAA,CAAAnC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD,CCnFA,SAASmC,EAAiBlD,GAChB,IAAAqB,EAAwErB,EAAlEqB,OAAEpB,EAAgED,EAAKU,cAArEA,aAAgB,CAAE,EAAAT,EAAEG,EAA4CJ,EAA5BY,KAAhBA,OAAI,IAAAR,EAAG,UAASA,EAAEE,EAA0BN,QAA1Bc,OAAQ,IAAAR,EAAA,CAAE,IAAES,EAAcf,YAC1EgB,EAAMC,EAAuB,MAcnC,OAZAa,GAAU,WACW,MAAfd,EAAIsB,SACM,MAAVjB,GAEJ8B,EAAWC,cAAc,CACvB/B,OAAMA,EACNqB,SAAU1B,EAAIsB,QACdK,OAAQjC,EACRE,KAAIA,GAER,GAAG,CAACS,IAEG2B,EAAKC,cAAA,MAAA,CAAAnC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD"}

package/dist/index.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@wangeditor-next/editor")):"function"==typeof define&&define.amd?define(["exports","react","@wangeditor-next/editor"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorForReact={},e.React,e.wangEditor)}(this,(function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return 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 u=n(t),a=o(r),l=function(){return l=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},l.apply(this,arguments)};function i(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,u=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=u.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=u.return)&&r.call(u)}finally{if(o)throw o.error}}return a}"function"==typeof SuppressedError&&SuppressedError,e.Editor=function(e){var n=e.defaultContent,o=void 0===n?[]:n,a=e.onCreated,f=e.defaultHtml,c=void 0===f?"":f,d=e.value,s=void 0===d?"":d,v=e.onChange,y=e.defaultConfig,p=void 0===y?{}:y,g=e.mode,m=void 0===g?"default":g,b=e.style,h=void 0===b?{}:b,E=e.className,j=t.useRef(null),O=i(t.useState(null),2),C=O[0],w=O[1],x=i(t.useState(""),2),S=x[0],N=x[1],P=function(e){a&&a(e);var t=p.onCreated;t&&t(e)},R=function(e){N(e.getHtml()),v&&v(e);var t=p.onChange;t&&t(e)},T=function(e){var t=p.onDestroyed;w(null),t&&t(e)};return t.useEffect((function(){if(null!=C&&s!==S)try{C.setHtml(s)}catch(e){console.error(e)}}),[s]),t.useEffect((function(){var e;if(null!=j.current&&null==C&&!(null===(e=j.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var t=r.createEditor({selector:j.current,config:l(l({},p),{onCreated:P,onChange:R,onDestroyed:T}),content:o,html:c||s,mode:m});w(t)}}),[C]),u.default.createElement("div",{style:h,ref:j,className:E})},e.Toolbar=function(e){var r=e.editor,n=e.defaultConfig,o=void 0===n?{}:n,l=e.mode,i=void 0===l?"default":l,f=e.style,c=void 0===f?{}:f,d=e.className,s=t.useRef(null);return t.useEffect((function(){null!=s.current&&null!=r&&a.createToolbar({editor:r,selector:s.current,config:o,mode:i})}),[r]),u.default.createElement("div",{style:c,ref:s,className:d})},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@wangeditor-next/editor")):"function"==typeof define&&define.amd?define(["exports","react","@wangeditor-next/editor"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).WangEditorForReact={},e.React,e.wangEditor)}(this,(function(e,t,r){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return 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 u=n(t),l=o(r),a=function(){return a=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},a.apply(this,arguments)};function i(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,u=r.call(e),l=[];try{for(;(void 0===t||t-- >0)&&!(n=u.next()).done;)l.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=u.return)&&r.call(u)}finally{if(o)throw o.error}}return l}"function"==typeof SuppressedError&&SuppressedError,e.Editor=function(e){var n=e.defaultContent,o=void 0===n?[]:n,l=e.onCreated,f=e.defaultHtml,c=void 0===f?"":f,d=e.value,s=void 0===d?"":d,v=e.onChange,y=e.defaultConfig,p=void 0===y?{}:y,g=e.mode,m=void 0===g?"default":g,b=e.style,h=void 0===b?{}:b,E=e.className,_=t.useRef(null),j=i(t.useState(null),2),O=j[0],C=j[1],w=i(t.useState(""),2),x=w[0],S=w[1],N=function(e){l&&l(e);var t=p.onCreated;t&&t(e)},P=function(e){var t=p.onDestroyed;C(null),t&&t(e)};return t.useEffect((function(){null!=O&&(O.__react_on_change=function(e){S(e.getHtml()),v&&v(e);var t=p.onChange;t&&t(e)})}),[O,p]),t.useEffect((function(){if(null!=O&&s!==x)try{O.setHtml(s)}catch(e){console.error(e)}}),[s]),t.useEffect((function(){var e;if(null!=_.current&&null==O&&!(null===(e=_.current)||void 0===e?void 0:e.getAttribute("data-w-e-textarea"))){var t=r.createEditor({selector:_.current,config:a(a({},p),{onCreated:N,onChange:function(e){var r;return null===(r=null==t?void 0:t.__react_on_change)||void 0===r?void 0:r.call(t,e)},onDestroyed:P}),content:o,html:c||s,mode:m});C(t)}}),[O]),u.default.createElement("div",{style:h,ref:_,className:E})},e.Toolbar=function(e){var r=e.editor,n=e.defaultConfig,o=void 0===n?{}:n,a=e.mode,i=void 0===a?"default":a,f=e.style,c=void 0===f?{}:f,d=e.className,s=t.useRef(null);return t.useEffect((function(){null!=s.current&&null!=r&&l.createToolbar({editor:r,selector:s.current,config:o,mode:i})}),[r]),u.default.createElement("div",{style:c,ref:s,className:d})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect, useState } from 'react'\nimport {SlateDescendant, IEditorConfig, createEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor-next/editor'\n\ninterface IProps {\n  defaultContent?: SlateDescendant[]\n  onCreated?: (editor: IDomEditor) => void\n  defaultHtml?: string\n  value?: string\n  onChange: (editor: IDomEditor) => void\n  defaultConfig: Partial<IEditorConfig>\n  mode?: string\n  style?: React.CSSProperties\n  className?: string\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n  const { defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n  const [editor, setEditor] = useState<IDomEditor | null>(null)\n  const [curValue, setCurValue] = useState('')\n\n  const handleCreated = (editor: IDomEditor) => {\n    // 组件属性 onCreated\n    if (onCreated) onCreated(editor)\n\n    // 编辑器 配置 onCreated\n    const { onCreated: onCreatedFromConfig } = defaultConfig\n    if (onCreatedFromConfig) onCreatedFromConfig(editor)\n  }\n\n  const handleChanged = (editor: IDomEditor) => {\n    setCurValue(editor.getHtml()) // 记录当前 html 值\n\n    // 组件属性 onChange\n    if (onChange) onChange(editor)\n\n    // 编辑器 配置 onChange\n    const { onChange: onChangeFromConfig } = defaultConfig\n    if (onChangeFromConfig) onChangeFromConfig(editor)\n  }\n\n  const handleDestroyed = (editor: IDomEditor) => {\n    const { onDestroyed } = defaultConfig\n    setEditor(null)\n    if(onDestroyed) {\n      onDestroyed(editor)\n    }\n  }\n\n  // value 变化，重置 HTML\n  useEffect(() => {\n    if (editor == null) return\n\n    if (value === curValue) return // 如果和当前 html 值相等，则忽略\n\n    // ------ 重新设置 HTML ------\n    try {\n      editor.setHtml(value)\n    } catch (error) {\n      console.error(error)\n    }\n\n  }, [value])\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor != null) return\n    // 防止重复渲染 当编辑器已经创建就不在创建了\n    if (ref.current?.getAttribute('data-w-e-textarea')) return\n\n    const newEditor = createEditor({\n      selector: ref.current,\n      config: {\n        ...defaultConfig,\n        onCreated: handleCreated,\n        onChange: handleChanged,\n        onDestroyed: handleDestroyed,\n      },\n      content: defaultContent,\n      html: defaultHtml || value,\n      mode,\n    })\n    setEditor(newEditor)\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport * as wangEditor from '@wangeditor-next/editor'\n\ninterface IProps {\n  editor: wangEditor.IDomEditor | null\n  defaultConfig?: Partial<wangEditor.IToolbarConfig>\n  mode?: string\n  style?: object\n  className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n  const { editor, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor == null) return\n\n    wangEditor.createToolbar({\n      editor,\n      selector: ref.current,\n      config: defaultConfig,\n      mode,\n    })\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","onCreatedFromConfig","handleChanged","getHtml","onChangeFromConfig","handleDestroyed","onDestroyed","useEffect","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","content","html","React","createElement","wangEditor","createToolbar"],"mappings":"wwCAoBA,SAAyBA,GACf,IAAAC,EAAwID,EAArHE,eAAnBA,OAAiB,IAAAD,EAAA,GAAEA,EAAEE,EAAmHH,EAAKG,UAA7GC,EAAwGJ,EAAxFK,YAAhBA,OAAW,IAAAD,EAAG,GAAEA,EAAEE,EAAsFN,EAA5EO,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAA0ER,EAAKQ,SAArEC,EAAgET,EAAKU,cAArEA,OAAa,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAA4CX,EAAKY,KAAjDA,OAAI,IAAAD,EAAG,UAASA,EAAEE,EAA0Bb,EAAKc,MAA/BA,OAAK,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAAcf,YAC1IgB,EAAMC,SAAuB,MAC7BC,EAAAC,EAAsBC,EAAQA,SAAoB,MAAK,GAAtDC,EAAMH,EAAA,GAAEI,OACTC,EAAAJ,EAA0BC,EAAQA,SAAC,IAAG,GAArCI,EAAQD,EAAA,GAAEE,OAEXC,EAAgB,SAACL,GAEjBlB,GAAWA,EAAUkB,GAGjB,IAAWM,EAAwBjB,EAAaP,UACpDwB,GAAqBA,EAAoBN,IAGzCO,EAAgB,SAACP,GACrBI,EAAYJ,EAAOQ,WAGfrB,GAAUA,EAASa,GAGf,IAAUS,EAAuBpB,EAAaF,SAClDsB,GAAoBA,EAAmBT,IAGvCU,EAAkB,SAACV,GACf,IAAAW,EAAgBtB,EAAasB,YACrCV,EAAU,MACPU,GACDA,EAAYX,IAwChB,OAnCAY,EAAAA,WAAU,WACR,GAAc,MAAVZ,GAEAd,IAAUiB,EAGd,IACEH,EAAOa,QAAQ3B,EAChB,CAAC,MAAO4B,GACPC,QAAQD,MAAMA,EACf,CAEH,GAAG,CAAC5B,IAEJ0B,EAAAA,WAAU,iBACR,GAAmB,MAAfjB,EAAIqB,SACM,MAAVhB,aAEApB,EAAAe,EAAIqB,8BAASC,aAAa,sBAA9B,CAEA,IAAMC,EAAYC,EAAAA,aAAa,CAC7BC,SAAUzB,EAAIqB,QACdK,OACKC,EAAAA,EAAA,CAAA,EAAAjC,GACH,CAAAP,UAAWuB,EACXlB,SAAUoB,EACVI,YAAaD,IAEfa,QAAS1C,EACT2C,KAAMxC,GAAeE,EACrBK,KAAIA,IAENU,EAAUiB,EAd0C,CAetD,GAAG,CAAClB,IAEGyB,EAAK,QAAAC,cAAA,MAAA,CAAAjC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD,YC3EA,SAA0Bf,GAChB,IAAAqB,EAAwErB,EAAlEqB,OAAEpB,EAAgED,EAAKU,cAArEA,aAAgB,CAAE,EAAAT,EAAEG,EAA4CJ,EAA5BY,KAAhBA,OAAI,IAAAR,EAAG,UAASA,EAAEE,EAA0BN,QAA1Bc,OAAQ,IAAAR,EAAA,CAAE,IAAES,EAAcf,YAC1EgB,EAAMC,SAAuB,MAcnC,OAZAgB,EAAAA,WAAU,WACW,MAAfjB,EAAIqB,SACM,MAAVhB,GAEJ2B,EAAWC,cAAc,CACvB5B,OAAMA,EACNoB,SAAUzB,EAAIqB,QACdK,OAAQhC,EACRE,KAAIA,GAER,GAAG,CAACS,IAEGyB,EAAK,QAAAC,cAAA,MAAA,CAAAjC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD"}
+{"version":3,"file":"index.js","sources":["../src/components/Editor.tsx","../src/components/Toolbar.tsx"],"sourcesContent":["/**\n * @description editor react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect, useState } from 'react'\nimport {SlateDescendant, IEditorConfig, createEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor-next/editor'\n\ninterface IProps {\n  defaultContent?: SlateDescendant[]\n  onCreated?: (editor: IDomEditor) => void\n  defaultHtml?: string\n  value?: string\n  onChange: (editor: IDomEditor) => void\n  defaultConfig: Partial<IEditorConfig>\n  mode?: string\n  style?: React.CSSProperties\n  className?: string\n}\n\ninterface ICustomDomEditor extends IDomEditor {\n  __react_on_change?: (editor: ICustomDomEditor) => void;\n}\n\nfunction EditorComponent(props: Partial<IProps>) {\n  const { defaultContent = [], onCreated, defaultHtml = '', value = '', onChange, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n  const [editor, setEditor] = useState<ICustomDomEditor | null>(null)\n  const [curValue, setCurValue] = useState('')\n\n  const handleCreated = (editor: IDomEditor) => {\n    // 组件属性 onCreated\n    if (onCreated) onCreated(editor)\n\n    // 编辑器 配置 onCreated\n    const { onCreated: onCreatedFromConfig } = defaultConfig\n    if (onCreatedFromConfig) onCreatedFromConfig(editor)\n  }\n\n  const handleDestroyed = (editor: IDomEditor) => {\n    const { onDestroyed } = defaultConfig\n    setEditor(null)\n    if(onDestroyed) {\n      onDestroyed(editor)\n    }\n  }\n\n  useEffect(() => {\n    if (editor == null) return\n\n    editor.__react_on_change = (e: IDomEditor) => {\n      setCurValue(e.getHtml()) // 记录当前 html 值\n  \n      // 组件属性 onChange\n      if (onChange) onChange(e)\n  \n      // 编辑器 配置 onChange\n      const { onChange: onChangeFromConfig } = defaultConfig\n      if (onChangeFromConfig) onChangeFromConfig(e)\n    }\n  }, [editor, defaultConfig])\n\n  // value 变化，重置 HTML\n  useEffect(() => {\n    if (editor == null) return\n\n    if (value === curValue) return // 如果和当前 html 值相等，则忽略\n\n    // ------ 重新设置 HTML ------\n    try {\n      editor.setHtml(value)\n    } catch (error) {\n      console.error(error)\n    }\n\n  }, [value])\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor != null) return\n    // 防止重复渲染 当编辑器已经创建就不在创建了\n    if (ref.current?.getAttribute('data-w-e-textarea')) return\n\n    const newEditor = createEditor({\n      selector: ref.current,\n      config: {\n        ...defaultConfig,\n        onCreated: handleCreated,\n        onChange: (e: IDomEditor)=> newEditor?.__react_on_change?.(e),\n        onDestroyed: handleDestroyed,\n      },\n      content: defaultContent,\n      html: defaultHtml || value,\n      mode,\n    })as ICustomDomEditor\n    setEditor(newEditor)\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default EditorComponent\n","/**\n * @description toolbar react component\n * @author wangfupeng\n */\n\nimport React, { useRef, useEffect } from 'react'\nimport * as wangEditor from '@wangeditor-next/editor'\n\ninterface IProps {\n  editor: wangEditor.IDomEditor | null\n  defaultConfig?: Partial<wangEditor.IToolbarConfig>\n  mode?: string\n  style?: object\n  className?: string\n}\n\nfunction ToolbarComponent(props: IProps) {\n  const { editor, defaultConfig = {}, mode = 'default', style = {}, className } = props\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (ref.current == null) return\n    if (editor == null) return\n\n    wangEditor.createToolbar({\n      editor,\n      selector: ref.current,\n      config: defaultConfig,\n      mode,\n    })\n  }, [editor])\n\n  return <div style={style} ref={ref} className={className}></div>\n}\n\nexport default ToolbarComponent\n"],"names":["props","_a","defaultContent","onCreated","_b","defaultHtml","_c","value","onChange","_d","defaultConfig","_e","mode","_f","style","className","ref","useRef","_g","__read","useState","editor","setEditor","_h","curValue","setCurValue","handleCreated","onCreatedFromConfig","handleDestroyed","onDestroyed","useEffect","__react_on_change","e","getHtml","onChangeFromConfig","setHtml","error","console","current","getAttribute","newEditor","createEditor","selector","config","__assign","call","content","html","React","createElement","wangEditor","createToolbar"],"mappings":"wwCAwBA,SAAyBA,GACf,IAAAC,EAAwID,EAArHE,eAAnBA,OAAiB,IAAAD,EAAA,GAAEA,EAAEE,EAAmHH,EAAKG,UAA7GC,EAAwGJ,EAAxFK,YAAhBA,OAAW,IAAAD,EAAG,GAAEA,EAAEE,EAAsFN,EAA5EO,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAA0ER,EAAKQ,SAArEC,EAAgET,EAAKU,cAArEA,OAAa,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAA4CX,EAAKY,KAAjDA,OAAI,IAAAD,EAAG,UAASA,EAAEE,EAA0Bb,EAAKc,MAA/BA,OAAK,IAAAD,EAAG,CAAE,EAAAA,EAAEE,EAAcf,YAC1IgB,EAAMC,SAAuB,MAC7BC,EAAAC,EAAsBC,EAAQA,SAA0B,MAAK,GAA5DC,EAAMH,EAAA,GAAEI,OACTC,EAAAJ,EAA0BC,EAAQA,SAAC,IAAG,GAArCI,EAAQD,EAAA,GAAEE,OAEXC,EAAgB,SAACL,GAEjBlB,GAAWA,EAAUkB,GAGjB,IAAWM,EAAwBjB,EAAaP,UACpDwB,GAAqBA,EAAoBN,IAGzCO,EAAkB,SAACP,GACf,IAAAQ,EAAgBnB,EAAamB,YACrCP,EAAU,MACPO,GACDA,EAAYR,IAuDhB,OAnDAS,EAAAA,WAAU,WACM,MAAVT,IAEJA,EAAOU,kBAAoB,SAACC,GAC1BP,EAAYO,EAAEC,WAGVzB,GAAUA,EAASwB,GAGf,IAAUE,EAAuBxB,EAAaF,SAClD0B,GAAoBA,EAAmBF,IAE/C,GAAG,CAACX,EAAQX,IAGZoB,EAAAA,WAAU,WACR,GAAc,MAAVT,GAEAd,IAAUiB,EAGd,IACEH,EAAOc,QAAQ5B,EAChB,CAAC,MAAO6B,GACPC,QAAQD,MAAMA,EACf,CAEH,GAAG,CAAC7B,IAEJuB,EAAAA,WAAU,iBACR,GAAmB,MAAfd,EAAIsB,SACM,MAAVjB,aAEApB,EAAAe,EAAIsB,8BAASC,aAAa,sBAA9B,CAEA,IAAMC,EAAYC,EAAAA,aAAa,CAC7BC,SAAU1B,EAAIsB,QACdK,OACKC,EAAAA,EAAA,CAAA,EAAAlC,GACH,CAAAP,UAAWuB,EACXlB,SAAU,SAACwB,GAAa,IAAA/B,EAAI,OAA+B,QAA/BA,EAAAuC,aAAA,EAAAA,EAAWT,yBAAoB,IAAA9B,OAAA,EAAAA,EAAA4C,KAAAL,EAAAR,EAAE,EAC7DH,YAAaD,IAEfkB,QAAS5C,EACT6C,KAAM1C,GAAeE,EACrBK,KAAIA,IAENU,EAAUkB,EAd0C,CAetD,GAAG,CAACnB,IAEG2B,EAAK,QAAAC,cAAA,MAAA,CAAAnC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD,YCnFA,SAA0Bf,GAChB,IAAAqB,EAAwErB,EAAlEqB,OAAEpB,EAAgED,EAAKU,cAArEA,aAAgB,CAAE,EAAAT,EAAEG,EAA4CJ,EAA5BY,KAAhBA,OAAI,IAAAR,EAAG,UAASA,EAAEE,EAA0BN,QAA1Bc,OAAQ,IAAAR,EAAA,CAAE,IAAES,EAAcf,YAC1EgB,EAAMC,SAAuB,MAcnC,OAZAa,EAAAA,WAAU,WACW,MAAfd,EAAIsB,SACM,MAAVjB,GAEJ6B,EAAWC,cAAc,CACvB9B,OAAMA,EACNqB,SAAU1B,EAAIsB,QACdK,OAAQjC,EACRE,KAAIA,GAER,GAAG,CAACS,IAEG2B,EAAK,QAAAC,cAAA,MAAA,CAAAnC,MAAOA,EAAOE,IAAKA,EAAKD,UAAWA,GACjD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wangeditor-next/editor-for-react",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "wangEditor component for React",
   "author": "hahaaha <390519764@qq.com>",
   "contributors": [],
@@ -95,4 +95,4 @@
     "eslint": "9.5.0"
   },
   "dependencies": {}
-}
+}