@nocobase/plugin-field-markdown-vditor 2.2.0-beta.13 → 2.2.0-beta.14

package/dist/client/715.d46308c5cd0a1b77.js

@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+"use strict";(self.webpackChunk_nocobase_plugin_field_markdown_vditor=self.webpackChunk_nocobase_plugin_field_markdown_vditor||[]).push([["715"],{590:function(e,t,r){r.r(t),r.d(t,{default:function(){return _},MarkdownVditor:function(){return I}});var n=r(230),o=r(342),i=r(485),a=r(59),l=r(155),u=r.n(l),c=r(131),d=r.n(c),s=r(502),f=function(){var e=(0,o.usePlugin)(s.PluginFieldMarkdownVditorClient);return e.dependencyLoaded||(e.initVditorDependency(),e.dependencyLoaded=!0),e.getCDN()},v=(0,o.genStyleHook)("nb-field-markdown-vditor",function(e){var t,r,n;return t={},r=e.componentCls,n={position:"relative",overflow:"visible","&:hover, &:focus-within":{zIndex:1e3},".vditor-reset":{fontSize:"".concat(e.fontSize,"px !important"),color:"unset",padding:"10px !important"},".vditor":{borderRadius:8,overflow:"visible"},".vditor .vditor-content":{borderRadius:"0 0 8px 8px",overflow:"hidden"},".vditor .vditor-toolbar":{position:"relative",overflow:"visible",paddingLeft:" 16px !important",borderRadius:"8px 8px 0 0"},".vditor .vditor-tooltipped:hover, .vditor .vditor-tooltipped:focus, .vditor .vditor-tooltipped:active":{zIndex:1e3},".vditor .vditor-toolbar .vditor-tooltipped__n::after, .vditor .vditor-toolbar .vditor-tooltipped__ne::after, .vditor .vditor-toolbar .vditor-tooltipped__nw::after":{top:"100%",bottom:"auto",marginTop:5,marginBottom:0},".vditor .vditor-toolbar .vditor-tooltipped__n::before, .vditor .vditor-toolbar .vditor-tooltipped__ne::before, .vditor .vditor-toolbar .vditor-tooltipped__nw::before":{top:"auto",bottom:-5,borderTopColor:"transparent",borderBottomColor:"#3b3e43"},".vditor .vditor-content .vditor-ir .vditor-reset":{paddingLeft:" 16px !important"},".vditor-ir pre.vditor-reset":{backgroundColor:"".concat(e.colorBgContainer,"!important")}},r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t});function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r,n,o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){l=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(l)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var b=function(e){if(e){var t=document.createRange();return t.selectNodeContents(e),t.getBoundingClientRect().width}};function y(e){var t,r=(0,l.useRef)(null),n=v(),o=n.wrapSSR,a=n.componentCls,c=n.hashId,s=f();return(0,l.useEffect)(function(){var t;d().preview(r.current,null!=(t=e.value)?t:"",{mode:"light",cdn:s,markdown:{sanitize:!0},transform:i.stripMarkdownIframes}).then(function(){return(0,i.removeMarkdownIframes)(r.current)}).catch(function(){return(0,i.removeMarkdownIframes)(r.current)}),setTimeout(function(){var e;(0,i.removeMarkdownIframes)(r.current),null==(e=r.current)||e.querySelectorAll("img").forEach(function(e){e.style.cursor="zoom-in",e.addEventListener("click",function(){var t=e.src;if(!document.getElementById("custom-image-preview")){var r=document.createElement("span");r.id="custom-image-preview",Object.assign(r.style,{position:"fixed",inset:"0",backgroundColor:"rgba(0,0,0,0.85)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"9999",cursor:"zoom-out"});var n=document.createElement("img");n.src=t,Object.assign(n.style,{maxWidth:"90%",maxHeight:"90%",borderRadius:"8px",boxShadow:"0 0 20px rgba(0,0,0,0.5)",transition:"transform 0.2s",cursor:"zoom-out"}),r.addEventListener("click",function(){document.body.removeChild(r)}),r.appendChild(n),document.body.appendChild(r)}})})},0)},[e.value,s]),o(u().createElement("span",{className:"".concat(c," ").concat(a)},u().createElement("span",{ref:r,style:function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({border:"none"},null!=(t=null==e?void 0:e.style)?t:{})})))}var h=(0,o.withDynamicSchemaProps)(function(e){var t,r=(0,n.useField)(),o=null!=(t=e.value)?t:null==r?void 0:r.value,c=f(),s=(0,l.useRef)(),v=m((0,l.useState)(!1),2),p=v[0],h=v[1],w=m((0,l.useState)(!1),2),g=w[0],S=w[1],k=m((0,l.useState)(""),2),x=k[0],C=k[1],E=(0,l.useRef)();(0,l.useEffect)(function(){if(e.value&&(!r||(null==r?void 0:r.value)))if(e.ellipsis)d().md2html(e.value,{mode:"light",cdn:c,markdown:{sanitize:!0}}).then(function(e){var t,r,n;C((t=(0,i.stripMarkdownIframes)(e),(r=document.createElement("div")).innerHTML=t,n=r.innerText,r=null,(null==n?void 0:n.replace(/[\n\r]/g,""))||""))}).catch(function(){return C("")});else{var t;d().preview(s.current,null!=(t=e.value)?t:null==r?void 0:r.value,{mode:"light",cdn:c,markdown:{sanitize:!0},transform:i.stripMarkdownIframes}).then(function(){return(0,i.removeMarkdownIframes)(s.current)}).catch(function(){return(0,i.removeMarkdownIframes)(s.current)})}},[e.value,e.ellipsis,r,null==r?void 0:r.value,c]);var I=(0,l.useCallback)(function(){var e;return!!E.current&&b(E.current)>(null==(e=E.current)?void 0:e.offsetWidth)},[E]);return e.ellipsis?u().createElement(a.Popover,{open:p,onOpenChange:function(e){h(g&&e)},content:u().createElement(y,{value:o,style:{maxWidth:500,maxHeight:400,overflowY:"auto"}})},u().createElement("div",{ref:E,style:{overflow:"hidden",overflowWrap:"break-word",textOverflow:"ellipsis",whiteSpace:"nowrap",wordBreak:"break-all"},onMouseEnter:function(e){var t=e.target;I()&&S(t.scrollWidth>=t.clientWidth)}},x)):u().createElement(y,{value:o})}),w=r(953),g=r(280),S=r(872);function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function x(e,t,r,n,o,i,a){try{var l=e[i](a),u=l.value}catch(e){r(e);return}l.done?t(u):Promise.resolve(u).then(n,o)}var C=["en_US","fr_FR","pt_BR","ja_JP","ko_KR","ru_RU","sv_SE","zh_CN","zh_TW"],E=(0,o.withDynamicSchemaProps)(function(e){var t,r=e.disabled,n=e.onChange,a=e.value,c=e.fileCollection,s=e.toolbar,p=e.editMode,m=void 0===p?"ir":p,b=function(e){if(Array.isArray(e))return e}(t=(0,l.useState)(!1))||function(e){var t,r,n=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(t=n.next()).done)&&(o.push(t.value),2!==o.length);i=!0);}catch(e){a=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw r}}return o}}(t)||function(e){if(e){if("string"==typeof e)return k(e,2);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return k(e,2)}}(t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),y=b[0],h=b[1],E=(0,l.useRef)(),I=(0,l.useRef)(!1),_=(0,l.useRef)(null),O=(0,l.useRef)(null),R=(0,o.useAPIClient)(),M=f(),j=v(),A=j.wrapSSR,P=j.hashId,T=j.componentCls,z=R.auth.locale||"en-US",L=(0,o.usePlugin)("@nocobase/plugin-file-manager"),N=(0,o.useCompile)(),V=(0,l.useRef)(N);V.current=N;var W=(0,w.useTranslation)().t,q=(0,o.useZIndexContext)(),B=(0,o.getZIndex)("drawer",q+1e3,0),D=(0,l.useMemo)(function(){var e=z.replace(/-/g,"_");return C.includes(e)?e:"en_US"},[z]);return(0,l.useEffect)(function(){if(_.current){var e=null!=s?s:g.r,t=(0,i.stripMarkdownIframeTags)(null!=a?a:""),o=new(d())(_.current,{value:t,lang:D,cache:{enable:!1},undoDelay:0,preview:{markdown:{sanitize:!0},math:{engine:"KaTeX"},transform:i.stripMarkdownIframes},toolbar:e,fullscreen:{index:1200},cdn:M,minHeight:200,mode:m,after:function(){E.current=o,h(!0);var e=window.scrollX||window.pageXOffset,t=window.scrollY||window.pageYOffset;requestAnimationFrame(function(){window.scrollTo(e,t)}),r?o.disabled():o.enable()},input:function(e){var t=(0,i.stripMarkdownIframeTags)(e);t!==e&&o.setValue(t),n(t)},upload:{multiple:!1,fieldName:"file",handler:function(e){var t;return(t=function(){var t,r,n,i,a,l,u,d,s,f,v,p,m;return function(e,t){var r,n,o,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},a=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),l=Object.defineProperty;return l(a,"next",{value:u(0)}),l(a,"throw",{value:u(1)}),l(a,"return",{value:u(2)}),"function"==typeof Symbol&&l(a,Symbol.iterator,{value:function(){return this}}),a;function u(l){return function(u){var c=[l,u];if(r)throw TypeError("Generator is already executing.");for(;a&&(a=0,c[0]&&(i=0)),i;)try{if(r=1,n&&(o=2&c[0]?n.return:c[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;switch(n=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,n=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===c[0]||2===c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],n=0}finally{r=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(b){switch(b.label){case 0:return u=e[0],o.focus(),[4,R.resource("vditor").check({fileCollectionName:c})];case 1:return d=b.sent().data,o.tip(W("uploading"),0),[4,L.uploadFile({file:u,fileCollectionName:c,storageId:null==d||null==(r=d.data)||null==(t=r.storage)?void 0:t.id,storageType:null==d||null==(i=d.data)||null==(n=i.storage)?void 0:n.type,storageRules:null==d||null==(l=d.data)||null==(a=l.storage)?void 0:a.rules})];case 2:if(f=(s=b.sent()).data,v=s.errorMessage)return o.tip(V.current(v),3e3),[2];if(!f)return o.tip(W("Response data is empty",{ns:S.C}),3e3),[2];return p=f.filename,m=f.url,u.type.startsWith("image/")?o.insertValue("![".concat(p,"](").concat(m,")")):o.insertValue("[".concat(p,"](").concat(m,")")),o.tip(W(""),10),[2,null]}})},function(){var e=this,r=arguments;return new Promise(function(n,o){var i=t.apply(e,r);function a(e){x(i,n,o,a,l,"next",e)}function l(e){x(i,n,o,a,l,"throw",e)}a(void 0)})})()}}}),l=_.current;if(l){var u=new MutationObserver(function(){var e=l.classList.contains("vditor--fullscreen"),t=l.querySelectorAll(".vditor-reset"),r=l.querySelectorAll(".vditor-toolbar");t.forEach(function(t){t.style.padding=e?"10px 200px":""}),r.forEach(function(t){t.style.paddingLeft=e?"200px":""})});return u.observe(l,{attributes:!0,attributeFilter:["class"]}),function(){var e;null==(e=E.current)||e.destroy(),E.current=void 0,u.disconnect()}}}},[null==s?void 0:s.join(","),m]),(0,l.useEffect)(function(){if(y&&E.current){var e=E.current,t=(0,i.stripMarkdownIframeTags)(null!=a?a:"");if(t!==e.getValue()){var r,n,o,l,u=window.scrollX||window.pageXOffset,c=window.scrollY||window.pageYOffset;e.setValue(t);var d=null==(r=_.current)?void 0:r.querySelector("div.vditor-content > div.vditor-ir > pre"),s=null==(n=_.current)?void 0:n.querySelector(".vditor-content"),f=d&&(document.activeElement===d||d.contains(document.activeElement)||(null==(l=document.activeElement)||null==(o=l.closest)?void 0:o.call(l,".vditor-content"))===s);if(d&&f){var v=document.createRange(),p=window.getSelection();p&&(v.selectNodeContents(d),v.collapse(!1),p.removeAllRanges(),p.addRange(v))}f||requestAnimationFrame(function(){window.scrollTo(u,c)})}}},[a,y]),(0,l.useEffect)(function(){y&&E.current&&(r?E.current.disabled():E.current.enable())},[r,y]),(0,l.useEffect)(function(){if(O.current){var e=new MutationObserver(function(e){var t=!0,r=!1,n=void 0;try{for(var o,i=e[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var a=o.value,l=!0,u=!1,c=void 0;try{for(var d,s=Array.from(a.addedNodes)[Symbol.iterator]();!(l=(d=s.next()).done);l=!0){var f,v=d.value;f=HTMLElement,(null!=f&&"u">typeof Symbol&&f[Symbol.hasInstance]?!!f[Symbol.hasInstance](v):v instanceof f)&&v.classList.contains("vditor-img")&&(O.current.appendChild(v),v.style.zIndex=String(B))}}catch(e){u=!0,c=e}finally{try{l||null==s.return||s.return()}finally{if(u)throw c}}}}catch(e){r=!0,n=e}finally{try{t||null==i.return||i.return()}finally{if(r)throw n}}});return e.observe(document.body,{childList:!0}),function(){e.disconnect()}}},[B]),(0,l.useLayoutEffect)(function(){var e=_.current;if(e){var t=new ResizeObserver(function(e){var t=!0,r=!1,n=void 0;try{for(var o,i=e[Symbol.iterator]();!(t=(o=i.next()).done);t=!0){var a,l=o.value.target;l.className.includes("vditor--fullscreen")?(document.body.appendChild(l),I.current=!0):I.current&&(null==(a=O.current)||a.appendChild(l),I.current=!1)}}catch(e){r=!0,n=e}finally{try{t||null==i.return||i.return()}finally{if(r)throw n}}});return t.observe(e),function(){t.unobserve(e)}}},[]),A(u().createElement("div",{ref:O,className:"".concat(P," ").concat(T)},u().createElement("div",{ref:_})))}),I=(0,o.withDynamicSchemaProps)((0,n.connect)(E,(0,n.mapReadPretty)(h))),_=I}}]);