arch-editor/lib/atomic.js

Rich text editor with a high degree of customization.

/*! For license information please see atomic.js.LICENSE.txt */
!function(){"use strict";var e={n:function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,{a:n}),n},d:function(t,n){for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{EditToolbar:function(){return p},atomic:function(){return m},useToolbar:function(){return s}});var n=require("react"),r=e.n(n),o=require("./Icon"),c=e.n(o),a="ArchEditor-popover-button",i="ArchEditor-popover-divider";function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){return function(t){var o=t.blockProps,c=void 0===o?{}:o,a=t.block,i=c.entityKey,l=c.activeEntityKey,b=c.setActiveEntityKey,m=(0,n.useMemo)((function(){return l===i}),[l,i]),s=(0,n.useCallback)((function(e,t){b(e?i:"",t)}),[i,b]),p=u(u({},c),{},{block:a,editing:m,setEditing:s});return r().createElement(e,p)}}var s=function(e){var t=e.editing,o=e.onOk,l=e.onEdit,u=e.onDelete,b=e.onCancel;return(0,n.useMemo)((function(){return r().createElement("span",{className:"ArchEditor-popover-button-group"},t&&r().createElement(r().Fragment,null,r().createElement("button",{type:"button",className:a,onClick:b},r().createElement(c(),{name:"arrow-backward"})),r().createElement("span",{className:i})),t?r().createElement("button",{type:"button",className:a,onClick:o},r().createElement(c(),{name:"done"})):r().createElement("button",{type:"button",className:a,onClick:l},r().createElement(c(),{name:"edit"})),r().createElement("span",{className:i}),r().createElement("button",{type:"button",className:a,onClick:u},r().createElement(c(),{name:"close"})))}),[t,b,u,l,o])},p=function(e){var t=e.className,n=e.onCancel,o=e.onOk,a=e.onDelete,i="ArchEditor-edit-toolbar";return i+=" ".concat(t),r().createElement("div",{className:i},r().createElement("button",{type:"button",title:"返回",onClick:n},r().createElement(c(),{name:"arrow-backward"})),r().createElement("button",{type:"button",title:"提交",onClick:o},r().createElement(c(),{name:"done"})),r().createElement("button",{type:"button",title:"移除",onClick:a,className:"ArchEditor-danger"},r().createElement(c(),{name:"close"})))};module.exports=t}();