@next-bricks/markdown 1.13.1 → 1.13.3

package/dist/chunks/6934.c7512e66.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_markdown=globalThis.webpackChunk_next_bricks_markdown||[]).push([[6934],{4724:(e,t,n)=>{n.d(t,{A:()=>c});var a=n(6758),o=n.n(a),r=n(935),i=n.n(r),s=n(6131),l=i()(o());l.i(s.A),l.push([e.id,":host{display:block}:host([hidden]){display:none}pre{white-space:pre-wrap;background-color:var(--palette-gray-3);border-radius:6px;padding:1em}:not(pre) > code{color:var(--eo-markdown-display-code-color);background:var(--eo-markdown-display-code-background);margin:0 2px;padding:1px 6px;white-space:nowrap;border-radius:3px}blockquote{border-left:6px solid var(--eo-markdown-display-blockquote-border-color);padding:0 1em}:not(blockquote) > blockquote{margin-left:0;margin-right:0}",""]);const c=l.toString()},6131:(e,t,n)=>{n.d(t,{A:()=>c});var a=n(6758),o=n.n(a),r=n(935),i=n.n(r),s=n(7745),l=i()(o());l.i(s.A),l.push([e.id,"",""]);const c=l.toString()},6934:(e,t,n)=>{var a,o=n(4586),r=n(4635),i=n(918),s=n(6902),l=n(5536),c=n(6121),d=n(829),u=n(2740),m=n(9575),h=n(8769),p=n.n(h),k=n(7921),g=n(1280),b=(n(5168),n(998)),y=n(1408),A=n(2113),w=n(2466),v=n(1854),f=n(9760),E=n(135),N=n(6486),x=n(6512),C=n(8653),S=n(537),M=n(5435),j=n(9796),W=n(3971),q=n(6602),I=n(1151),T=n(4557),_=n(426),D=n(235),F=n(3373),U=n.n(F);let V,O,R,$,B,L,P,Y,z,G,J,K,X,Q,Z,H,ee,te,ne,ae,oe,re,ie;const se=(0,g.wrapBrick)("eo-form-item"),le=(0,g.wrapBrick)("eo-icon"),ce=e=>{let{icon:t,onClick:n,tooltip:a}=e;return p().createElement("div",{className:"menu-btn-box",onMouseDown:e=>{null==n||n(),e.preventDefault()}},p().createElement(le,(0,m.A)({style:{verticalAlign:"middle"}},t)),a&&p().createElement("div",{className:"menuIconTooltip"},a))},{defineElement:de,property:ue,event:me}=(0,k.createDecorators)();let he;var pe=new WeakMap,ke=new WeakMap,ge=new WeakMap,be=new WeakMap,ye=new WeakMap,Ae=new WeakMap,we=new WeakMap,ve=new WeakMap,fe=new WeakSet,Ee=new WeakMap;class Ne extends _.N{constructor(){super(...arguments),(0,r.A)(this,fe),(0,i.A)(this,pe,O(this)),(0,i.A)(this,ke,(R(this),$(this))),(0,i.A)(this,ge,(B(this),L(this))),(0,i.A)(this,be,(P(this),Y(this))),(0,i.A)(this,ye,(z(this),G(this))),(0,i.A)(this,Ae,(J(this),K(this))),(0,i.A)(this,we,(X(this),Q(this))),(0,i.A)(this,ve,(Z(this),H(this))),(0,o.A)(this,"handleUploadImage",(ne(this),e=>{(0,l.A)(fe,this,ee).emit(e)})),(0,i.A)(this,Ee,ae(this)),(0,o.A)(this,"handleMarkdownValueChange",(ie(this),e=>{var t;null===(t=this.getFormElement())||void 0===t||t.formStore.onChange(this.name,e),this.value=e,(0,l.A)(fe,this,oe).emit(e)}))}get name(){return(0,d.A)(pe,this)}set name(e){(0,c.A)(pe,this,e)}get label(){return(0,d.A)(ke,this)}set label(e){(0,c.A)(ke,this,e)}get required(){return(0,d.A)(ge,this)}set required(e){(0,c.A)(ge,this,e)}get value(){return(0,d.A)(be,this)}set value(e){(0,c.A)(be,this,e)}get bucketName(){return(0,d.A)(ye,this)}set bucketName(e){(0,c.A)(ye,this,e)}get readonly(){return(0,d.A)(Ae,this)}set readonly(e){(0,c.A)(Ae,this,e)}get containerStyle(){return(0,d.A)(we,this)}set containerStyle(e){(0,c.A)(we,this,e)}render(){return p().createElement(w.pb,null,p().createElement(W.vo,null,p().createElement(xe,{formElement:this.getFormElement(),name:this.name,label:this.label,required:this.required,curElement:this,bucketName:this.bucketName,value:this.value,readonly:this.readonly,containerStyle:this.containerStyle,onUploadImage:this.handleUploadImage,onMarkdownValueChange:this.handleMarkdownValueChange})))}}function xe(e){const{bucketName:t,containerStyle:n,value:a,formElement:o,readonly:r,onUploadImage:i,onMarkdownValueChange:s}=e,[l,c]=(0,h.useState)(!1),d=async(n,a)=>{const o=[];let r=[];for(let e=0;e<n.length;e++){const t=n.item(e);t&&t.type.includes("image")&&o.push(t)}try{r=await Promise.all(o.map((async n=>{const o=await(0,y.i)(t,{file:n,width:0,height:0}),r=(s=null==o?void 0:o.objectName,`/next/api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/${e.bucketName}/object/${s}`);var s;const l=n.name;return i&&i({name:l,src:r}),a.nodes.image.createAndFill({src:r,alt:l})})))}catch(e){console.error("upload failed:",e)}return r},u=(0,W.Uv)(),k=(0,W.rJ)(),g=(0,W.$X)(),b=(0,h.useMemo)((()=>r?[]:[S.Te,I.EI,I.nk,e=>async()=>{e.set(I.EI.key,{view:u({component:I.ST})})},(0,I.jp)(k)].flat()),[r,u,k]),{get:_}=(0,w.hG)((e=>A.KE.make().config((n=>{n.set(A.k,e),n.update(A.QM,(e=>({...e,editable:()=>!r}))),a&&n.set(A.CI,a),n.get(C.Ob).markdownUpdated(((e,t,n)=>{s&&s(t)})).focus((()=>{c(!0)})).blur((()=>{c(!1)})),t&&n.update(N.wu.key,(e=>({...e,uploader:d}))),n.update(j.mS.key,(e=>({...e,configureRefractor:()=>q.L})))})).config(f.E).use(C.F_).use(v.PD).use(E.b6).use(S.Te).use(M.pZ).use(N.Se).use(b).use(j.Wj).use(r?[]:(0,x.m5)(v.Ay.node,(()=>g({component:T.N}))))),[]);function F(e,t){var n;return null===(n=_())||void 0===n?void 0:n.action((0,x.KD)(e,t))}(0,h.useEffect)((()=>{var e;o&&void 0!==a&&!l&&(null===(e=_())||void 0===e||e.action((0,x.yh)(a)))}),[_(),a]);const V=[{icon:{lib:"antd",icon:"undo"},onClick:()=>F(E.Eb.key),tooltip:"撤销"},{icon:{lib:"antd",icon:"redo"},onClick:()=>F(E.eD.key),tooltip:"重做"},{icon:{lib:"antd",icon:"bold"},onClick:()=>F(v.vY.key),tooltip:"粗体"},{icon:{lib:"antd",icon:"italic"},onClick:()=>F(v.e0.key),tooltip:"斜体"},{icon:{lib:"antd",icon:"strikethrough"},onClick:()=>F(S.$l.key),tooltip:"删除线"},{icon:{lib:"antd",icon:"table"},onClick:()=>F(S.f$.key),tooltip:"表格"},{icon:{lib:"antd",icon:"unordered-list"},onClick:()=>F(v.Xk.key),tooltip:"无序列表"},{icon:{lib:"antd",icon:"ordered-list"},onClick:()=>F(v.Ej.key),tooltip:"有序列表"},{icon:{lib:"fa",icon:"quote-right"},onClick:()=>F(v.oO.key),tooltip:"块引用"}];return p().createElement(se,(0,m.A)({exportparts:"message"},(0,D.v)(e)),p().createElement("div",{className:U()("markdown-container",{readonly:r}),style:n},!r&&p().createElement("div",{className:"menu-container-outter"},p().createElement("div",{className:"menu-container-inner prose"},V.map((e=>p().createElement(ce,(0,m.A)({},e,{key:JSON.stringify(e.icon)})))))),p().createElement("div",{className:"editor-container"},p().createElement(w.y5,null))))}a=Ne,({e:[O,R,$,B,L,P,Y,z,G,J,K,X,Q,Z,H,ee,te,ne,ae,oe,re,ie],c:[he,V]}=(0,u.A)(a,[de("eo-markdown-editor",{styleTexts:[b.A],alias:["markdown.markdown-editor"]})],[[ue(),1,"name"],[ue(),1,"label"],[ue({type:Boolean}),1,"required"],[ue(),1,"value"],[ue(),1,"bucketName"],[ue({type:Boolean}),1,"readonly"],[ue({attribute:!1}),1,"containerStyle"],[me({type:"image.upload"}),1,"uploadImage",e=>(0,d.A)(ve,e),(e,t)=>(0,c.A)(ve,e,t)],[me({type:"markdown.value.change"}),1,"markdownValueChange",e=>(0,d.A)(Ee,e),(e,t)=>(0,c.A)(Ee,e,t)]],0,(e=>fe.has((0,s.A)(e))),_.N)),V();var Ce=n(1085),Se=n(45),Me=n(5301),je=n(2967),We=n(3730),qe=n(5487),Ie=n(4269),Te=n(4650);function _e(e){const t=e.properties.className||[];for(const e of t)if("language-"===e.slice(0,9))return e.slice(9).toLowerCase();return null}function De(){function e(e,t,n){if(!n||"pre"!==n.tagName||"code"!==e.tagName)return;const a=_e(e);if(null===a||"mermaid"===a)return;let o;try{n.properties.className=(n.properties.className||[]).concat("language-"+a),o=q.L.highlight((0,Te.d)(e),a)}catch{return}e.children=o.children}return t=>{(0,Ie.YR)(t,"element",e)}}var Fe=n(7367),Ue=n(3349);let Ve=0;function Oe(){return async e=>{const t=[];(0,Ie.YR)(e,"element",(function(e,n,a){a&&"pre"===a.tagName&&"code"===e.tagName&&"mermaid"===_e(e)&&t.push((async()=>{const t="mermaid-"+Ve++,{svg:o}=await Fe.A.render(t,(0,Te.d)(e)),r=(0,Ue.f)(o,{fragment:!0}).children;a.children.splice(n,1,...r),a.properties.className=(a.properties.className||[]).concat("mermaid")})())})),await Promise.all(t)}}Fe.A.initialize({startOnLoad:!1,themeVariables:{fontSize:"14px"}});const Re={Fragment:Ce.Fragment,jsx:Ce.jsx,jsxs:Ce.jsxs};function $e(e){let{content:t,components:n}=e;const[a,o]=(0,h.useState)(null);return(0,h.useEffect)((()=>{let e=!1;return(0,Se.l)().use(Me.A).use(je.A).use(We.A).use([De]).use(Oe).use(qe.A,{...Re,passNode:!0,components:n}).process(t).then((t=>{e||o(t.result)})).catch((t=>{e||(console.error("Convert markdown failed:",t),o(null))})),()=>{e=!0}}),[n,t]),a}var Be,Le=n(4724),Pe=n(2591),Ye=n.n(Pe),ze=n(1740),Ge=n.n(ze),Je=n(8128),Ke=n.n(Je),Xe=n(855),Qe=n.n(Xe),Ze=n(3051),He=n.n(Ze),et=n(3656),tt=n.n(et),nt=n(7148),at={};let ot,rt,it;at.styleTagTransform=tt(),at.setAttributes=Qe(),at.insert=Ke().bind(null,"head"),at.domAPI=Ge(),at.insertStyleElement=He(),Ye()(nt.A,at),nt.A&&nt.A.locals&&nt.A.locals;const{defineElement:st,property:lt}=(0,k.createDecorators)();let ct;var dt=new WeakMap;class ut extends g.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,dt,rt(this)),it(this)}get content(){return(0,d.A)(dt,this)}set content(e){(0,c.A)(dt,this,e)}render(){return p().createElement($e,{content:this.content})}}Be=ut,({e:[rt,it],c:[ct,ot]}=(0,u.A)(Be,[st("eo-markdown-display",{styleTexts:[Le.A]})],[[lt(),1,"content"]],0,void 0,g.ReactNextElement)),ot()},7148:(e,t,n)=>{n.d(t,{A:()=>s});var a=n(6758),o=n.n(a),r=n(935),i=n.n(r)()(o());i.push([e.id,':root{--eo-markdown-display-code-color:#b30056;--eo-markdown-display-code-background:#ffe6ec;--eo-markdown-display-blockquote-border-color:#bcc0c5}html[data-theme="dark"],\nhtml[data-theme="dark-v2"]{--eo-markdown-display-code-color:#f3679a;--eo-markdown-display-code-background:var(--color-fill-bg-base-1)}',""]);const s=i}}]);
-//# sourceMappingURL=6934.c7512e66.js.map

package/dist/chunks/6934.c7512e66.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/6934.c7512e66.js","mappings":"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","sources":["webpack:///./src/markdown-display/styles.shadow.css","webpack:///../../shared/markdown/dist/esm/prism-tomorrow.css","webpack:///./src/markdown-editor/index.tsx","webpack:///../../src/utils.ts","webpack:///../../src/rehypePrism.ts","webpack:///../../src/rehypeMermaid.ts","webpack:///../../src/MarkdownComponent.tsx","webpack:///./src/markdown-display/host-context.css?6555","webpack:///./src/markdown-display/index.tsx","webpack:///./src/markdown-display/host-context.css"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../shared/markdown/dist/esm/prism-tomorrow.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}pre{white-space:pre-wrap;background-color:var(--palette-gray-3);border-radius:6px;padding:1em}:not(pre) > code{color:var(--eo-markdown-display-code-color);background:var(--eo-markdown-display-code-background);margin:0 2px;padding:1px 6px;white-space:nowrap;border-radius:3px}blockquote{border-left:6px solid var(--eo-markdown-display-blockquote-border-color);padding:0 1em}:not(blockquote) > blockquote{margin-left:0;margin-right:0}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/prismjs/themes/prism-tomorrow.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import React, { FC, useEffect, useMemo, useState } from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { wrapBrick } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport styleText from \"./markdown-editor.shadow.css\";\nimport { ObjectStoreApi_putObject } from \"@next-api-sdk/object-store-sdk\";\nimport type {\n  GeneralIcon,\n  GeneralIconProps,\n} from \"@next-bricks/icons/general-icon\";\nimport type { CmdKey } from \"@milkdown/core\";\nimport {\n  defaultValueCtx,\n  Editor,\n  editorViewOptionsCtx,\n  rootCtx,\n} from \"@milkdown/core\";\nimport { Milkdown, MilkdownProvider, useEditor } from \"@milkdown/react\";\nimport {\n  commonmark,\n  toggleStrongCommand,\n  toggleEmphasisCommand,\n  wrapInBulletListCommand,\n  wrapInOrderedListCommand,\n  wrapInBlockquoteCommand,\n  codeBlockSchema,\n} from \"@milkdown/preset-commonmark\";\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { nord } from \"@milkdown/theme-nord\";\nimport { history, redoCommand, undoCommand } from \"@milkdown/plugin-history\";\nimport { upload, uploadConfig, Uploader } from \"@milkdown/plugin-upload\";\nimport { callCommand, $view, replaceAll } from \"@milkdown/utils\";\nimport type { Node } from \"@milkdown/prose/model\";\nimport { listener, listenerCtx } from \"@milkdown/plugin-listener\";\nimport {\n  gfm,\n  toggleStrikethroughCommand,\n  insertTableCommand,\n} from \"@milkdown/preset-gfm\";\nimport { indent } from \"@milkdown/plugin-indent\";\nimport { Ctx, MilkdownPlugin } from \"@milkdown/ctx\";\nimport { prism, prismConfig } from \"@milkdown/plugin-prism\";\nimport {\n  usePluginViewFactory,\n  ProsemirrorAdapterProvider,\n  useWidgetViewFactory,\n  useNodeViewFactory,\n} from \"@prosemirror-adapter/react\";\nimport { refractor } from \"refractor/lib/common\";\nimport {\n  tableSelectorPlugin,\n  TableTooltip,\n  tableTooltip,\n  tableTooltipCtx,\n} from \"./components/TableWidget.js\";\nimport { CodeBlock } from \"./components/CodeBlock.js\";\nimport type { FormItem, FormItemProps } from \"@next-bricks/form/form-item\";\nimport { FormItemElementBase, pickFormItemProps } from \"@next-shared/form\";\nimport classNames from \"classnames\";\n\nconst WrappedFormItem = wrapBrick<FormItem, FormItemProps>(\"eo-form-item\");\n\nconst WrappedIcon = wrapBrick<GeneralIcon, GeneralIconProps>(\"eo-icon\");\n\nconst MenuButton: FC<MenuButtonProps> = ({ icon, onClick, tooltip }) => {\n  return (\n    <div\n      className=\"menu-btn-box\"\n      onMouseDown={(e) => {\n        onClick?.();\n        e.preventDefault();\n      }}\n    >\n      <WrappedIcon style={{ verticalAlign: \"middle\" }} {...icon} />\n      {tooltip && <div className=\"menuIconTooltip\">{tooltip}</div>}\n    </div>\n  );\n};\n\nexport interface MenuButtonProps {\n  icon: GeneralIconProps;\n  onClick?: () => void;\n  tooltip?: string;\n}\n\nexport interface MarkdownEditorProps extends FormItemProps {\n  value?: string;\n  bucketName?: string;\n  containerStyle?: React.CSSProperties;\n  readonly?: boolean;\n  onUploadImage?: (value: ImageInfo) => void;\n  onMarkdownValueChange?: (value: string) => void;\n}\n\nexport interface ImageInfo {\n  name: string;\n  src: string;\n}\n\nconst { defineElement, property, event } = createDecorators();\n\n@defineElement(\"eo-markdown-editor\", {\n  styleTexts: [styleText],\n  alias: [\"markdown.markdown-editor\"],\n})\n\n/**\n * markdown编辑器\n * @docKind brick\n * @author kehua\n * @noInheritDoc\n * @category form-input-advanced\n */\nclass MarkdownEditor extends FormItemElementBase {\n  /**\n   * 字段名称\n   */\n  @property() accessor name: string | undefined;\n\n  /**\n   * 标签文字\n   */\n  @property() accessor label: string | undefined;\n\n  /**\n   * 是否必填\n   */\n  @property({ type: Boolean })\n  accessor required: boolean | undefined;\n\n  /**\n   * 初始值\n   * @group basic\n   */\n  @property() accessor value: string | undefined;\n\n  /**\n   * 对象存储桶名字，请在业务编排的时候与后台同学商量创建，一般一个业务需求对应一个存储桶名称。如不传则默认以base64格式转换图片\n   * @group advanced\n   */\n  @property() accessor bucketName: string | undefined;\n\n  /**\n   * 只读模式\n   */\n  @property({\n    type: Boolean,\n  })\n  accessor readonly: boolean | undefined;\n\n  /**\n   * 外层容器样式\n   */\n  @property({\n    attribute: false,\n  })\n  accessor containerStyle: React.CSSProperties | undefined;\n\n  /**\n   * 上传图片时触发的事件\n   * @detail\n   */\n  @event({ type: \"image.upload\" })\n  accessor #uploadImage!: EventEmitter<ImageInfo>;\n\n  private handleUploadImage = (value: ImageInfo): void => {\n    this.#uploadImage.emit(value);\n  };\n\n  /**\n   * 编辑markdown触发的变化事件\n   * @detail\n   */\n  @event({ type: \"markdown.value.change\" })\n  accessor #markdownValueChange!: EventEmitter<string>;\n\n  handleMarkdownValueChange = (value: string): void => {\n    this.getFormElement()?.formStore.onChange(this.name!, value);\n    this.value = value;\n    this.#markdownValueChange.emit(value);\n  };\n\n  render() {\n    return (\n      <MilkdownProvider>\n        <ProsemirrorAdapterProvider>\n          <MarkdownEditorComponent\n            formElement={this.getFormElement()}\n            name={this.name}\n            label={this.label}\n            required={this.required}\n            curElement={this}\n            bucketName={this.bucketName}\n            value={this.value}\n            readonly={this.readonly}\n            containerStyle={this.containerStyle}\n            onUploadImage={this.handleUploadImage}\n            onMarkdownValueChange={this.handleMarkdownValueChange}\n          />\n        </ProsemirrorAdapterProvider>\n      </MilkdownProvider>\n    );\n  }\n}\n\nexport { MarkdownEditor };\n\nexport function MarkdownEditorComponent(props: MarkdownEditorProps) {\n  const {\n    bucketName,\n    containerStyle,\n    value,\n    formElement,\n    readonly,\n    onUploadImage,\n    onMarkdownValueChange,\n  } = props;\n\n  const [isFocus, setIsFocus] = useState(false);\n\n  const transformResponseToUrl = (objectName: string): string => {\n    return `/next/api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/${props.bucketName}/object/${objectName}`;\n  };\n\n  const uploader: Uploader = async (files: FileList, schema: any) => {\n    const images: File[] = [];\n    let nodes: Node[] = [];\n\n    for (let i = 0; i < files.length; i++) {\n      const file = files.item(i);\n\n      if (!file) {\n        continue;\n      }\n\n      // Only handle image\n      if (!file.type.includes(\"image\")) {\n        continue;\n      }\n\n      images.push(file);\n    }\n\n    // upload file\n    try {\n      nodes = await Promise.all(\n        images.map(async (image) => {\n          const response: any = await ObjectStoreApi_putObject(\n            bucketName as string,\n            {\n              file: image,\n              width: 0,\n              height: 0,\n            }\n          );\n          const src = transformResponseToUrl(response?.objectName as string);\n          const alt = image.name;\n          onUploadImage && onUploadImage({ name: alt, src });\n          return schema.nodes.image.createAndFill({\n            src,\n            alt,\n          }) as Node;\n        })\n      );\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error(\"upload failed:\", err);\n    }\n\n    return nodes;\n  };\n\n  const pluginViewFactory = usePluginViewFactory();\n  const widgetViewFactory = useWidgetViewFactory();\n  const nodeViewFactory = useNodeViewFactory();\n\n  const gfmPlugins: MilkdownPlugin[] = useMemo(() => {\n    return readonly\n      ? []\n      : [\n          gfm,\n          tableTooltip,\n          tableTooltipCtx,\n          (ctx: Ctx) => async () => {\n            ctx.set(tableTooltip.key, {\n              view: pluginViewFactory({\n                component: TableTooltip,\n              }),\n            });\n          },\n          tableSelectorPlugin(widgetViewFactory),\n        ].flat();\n  }, [readonly, pluginViewFactory, widgetViewFactory]);\n\n  const { get } = useEditor((root: any) => {\n    return Editor.make()\n      .config((ctx: any) => {\n        // 配置root\n        ctx.set(rootCtx, root);\n        ctx.update(editorViewOptionsCtx, (prev: any) => ({\n          ...prev,\n          editable: () => !readonly,\n        }));\n        // 配置默认值\n        value && ctx.set(defaultValueCtx, value);\n        // 配置事件监听\n        ctx\n          .get(listenerCtx)\n          .markdownUpdated(\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            (ctx: any, markdown: string, prevMarkdown: string) => {\n              onMarkdownValueChange && onMarkdownValueChange(markdown);\n            }\n          )\n          .focus(() => {\n            setIsFocus(true);\n          })\n          .blur(() => {\n            setIsFocus(false);\n          });\n        // 配置文件上传,不传bucketName则默认把图片转为base64格式\n        bucketName &&\n          ctx.update(uploadConfig.key, (prev: any) => ({\n            ...prev,\n            uploader,\n          }));\n        // 支持code代码高亮\n        ctx.update(prismConfig.key, (prev: any) => ({\n          ...prev,\n          configureRefractor: () => refractor,\n        }));\n      })\n      .config(nord)\n      .use(listener)\n      .use(commonmark)\n      .use(history)\n      .use(gfm)\n      .use(indent)\n      .use(upload)\n      .use(gfmPlugins)\n      .use(prism)\n      .use(\n        readonly\n          ? []\n          : $view(codeBlockSchema.node, () =>\n              nodeViewFactory({ component: CodeBlock })\n            )\n      );\n  }, []);\n\n  useEffect(() => {\n    // 当编辑器没有处在focus状态，即初始化或者通过其他构件重置值时，才允许调用replaceAll修改其值\n    // 防止与用户输入动作起冲突\n    if (formElement && value !== undefined && !isFocus) {\n      get()?.action(replaceAll(value));\n    }\n  }, [get(), value]);\n\n  function call<T>(command: CmdKey<T>, payload?: T) {\n    return get()?.action(callCommand(command, payload));\n  }\n\n  const MenuBtnData: MenuButtonProps[] = [\n    {\n      icon: { lib: \"antd\", icon: \"undo\" },\n      onClick: () => call(undoCommand.key),\n      tooltip: \"撤销\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"redo\" },\n      onClick: () => call(redoCommand.key),\n      tooltip: \"重做\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"bold\" },\n      onClick: () => call(toggleStrongCommand.key),\n      tooltip: \"粗体\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"italic\" },\n      onClick: () => call(toggleEmphasisCommand.key),\n      tooltip: \"斜体\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"strikethrough\" },\n      onClick: () => call(toggleStrikethroughCommand.key),\n      tooltip: \"删除线\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"table\" },\n      onClick: () => call(insertTableCommand.key),\n      tooltip: \"表格\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"unordered-list\" },\n      onClick: () => call(wrapInBulletListCommand.key),\n      tooltip: \"无序列表\",\n    },\n    {\n      icon: { lib: \"antd\", icon: \"ordered-list\" },\n      onClick: () => call(wrapInOrderedListCommand.key),\n      tooltip: \"有序列表\",\n    },\n    {\n      icon: { lib: \"fa\", icon: \"quote-right\" },\n      onClick: () => call(wrapInBlockquoteCommand.key),\n      tooltip: \"块引用\",\n    },\n  ];\n\n  return (\n    <WrappedFormItem exportparts=\"message\" {...pickFormItemProps(props)}>\n      <div\n        className={classNames(\"markdown-container\", {\n          readonly,\n        })}\n        style={containerStyle}\n      >\n        {!readonly && (\n          <div className=\"menu-container-outter\">\n            <div className=\"menu-container-inner prose\">\n              {MenuBtnData.map((item) => (\n                <MenuButton {...item} key={JSON.stringify(item.icon)} />\n              ))}\n            </div>\n          </div>\n        )}\n        <div className=\"editor-container\">\n          <Milkdown />\n        </div>\n      </div>\n    </WrappedFormItem>\n  );\n}\n","import type { RefractorElement } from \"refractor\";\n\nexport function getCodeLanguage(node: RefractorElement) {\n  const className = (node.properties.className as string[]) || [];\n\n  for (const classListItem of className) {\n    if (classListItem.slice(0, 9) === \"language-\") {\n      return classListItem.slice(9).toLowerCase();\n    }\n  }\n\n  return null;\n}\n","import { visit } from \"unist-util-visit\";\nimport { toString } from \"hast-util-to-string\";\nimport { refractor, type RefractorElement } from \"refractor\";\nimport { getCodeLanguage } from \"./utils.js\";\n\n// Reference https://github.com/mapbox/rehype-prism\nexport function rehypePrism() {\n  function visitor(\n    node: RefractorElement,\n    _index: number | undefined,\n    parent: RefractorElement | undefined\n  ) {\n    if (!parent || parent.tagName !== \"pre\" || node.tagName !== \"code\") {\n      return;\n    }\n\n    const lang = getCodeLanguage(node);\n\n    if (lang === null || lang === \"mermaid\") {\n      return;\n    }\n\n    let result;\n    try {\n      parent.properties.className = (\n        (parent.properties.className as string[]) || []\n      ).concat(\"language-\" + lang);\n      result = refractor.highlight(toString(node), lang);\n    } catch {\n      return;\n    }\n\n    node.children = result.children;\n  }\n  return (tree: RefractorElement) => {\n    visit(tree, \"element\", visitor);\n  };\n}\n","import { visit } from \"unist-util-visit\";\nimport { toString } from \"hast-util-to-string\";\nimport type { RefractorElement } from \"refractor\";\nimport mermaid from \"mermaid\";\nimport { fromHtmlIsomorphic } from \"hast-util-from-html-isomorphic\";\nimport { getCodeLanguage } from \"./utils.js\";\n\nlet count = 0;\n\nmermaid.initialize({\n  startOnLoad: false,\n  themeVariables: {\n    fontSize: \"14px\",\n  },\n});\n\n// Reference https://github.com/remcohaszing/rehype-mermaid\nexport function rehypeMermaid() {\n  return async (tree: RefractorElement) => {\n    const promises: Promise<void>[] = [];\n\n    function visitor(\n      node: RefractorElement,\n      index: number | undefined,\n      parent: RefractorElement | undefined\n    ) {\n      if (!parent || parent.tagName !== \"pre\" || node.tagName !== \"code\") {\n        return;\n      }\n\n      const lang = getCodeLanguage(node);\n\n      if (lang !== \"mermaid\") {\n        return;\n      }\n\n      promises.push(\n        (async () => {\n          const id = `mermaid-${count++}`;\n\n          const { svg } = await mermaid.render(id, toString(node));\n          const replacements = fromHtmlIsomorphic(svg, { fragment: true })\n            .children as RefractorElement[];\n          parent.children.splice(index!, 1, ...replacements);\n          parent.properties.className = (\n            (parent.properties.className as string[]) || []\n          ).concat(\"mermaid\");\n        })()\n      );\n    }\n\n    visit(tree, \"element\", visitor);\n\n    await Promise.all(promises);\n  };\n}\n","import { useEffect, useState } from \"react\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { unified } from \"unified\";\nimport remarkParse from \"remark-parse\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkToRehype from \"remark-rehype\";\nimport rehypeReact, { Options as RehypeReactOptions } from \"rehype-react\";\nimport type { Components } from \"hast-util-to-jsx-runtime\";\nimport { rehypePrism } from \"./rehypePrism.js\";\nimport { rehypeMermaid } from \"./rehypeMermaid.js\";\n\nconst production = { Fragment, jsx, jsxs };\n\nexport interface MarkdownComponentProps {\n  content?: string;\n  components?: Partial<Components>;\n}\n\n// Reference https://github.com/remarkjs/react-remark/blob/39553e5f5c9e9b903bebf261788ff45130668de0/src/index.ts\nexport function MarkdownComponent({\n  content,\n  components,\n}: MarkdownComponentProps) {\n  const [reactContent, setReactContent] = useState<JSX.Element | null>(null);\n\n  useEffect(() => {\n    let ignore = false;\n    unified()\n      .use(remarkParse)\n      .use(remarkGfm)\n      .use(remarkToRehype)\n      .use([rehypePrism])\n      .use(rehypeMermaid)\n      .use(rehypeReact, {\n        ...production,\n        passNode: true,\n        components,\n      } as RehypeReactOptions)\n      .process(content)\n      .then((vFile) => {\n        if (!ignore) {\n          setReactContent(vFile.result);\n        }\n      })\n      .catch((error) => {\n        if (!ignore) {\n          // eslint-disable-next-line no-console\n          console.error(\"Convert markdown failed:\", error);\n          setReactContent(null);\n        }\n      });\n    return () => {\n      ignore = true;\n    };\n  }, [components, content]);\n\n  return reactContent;\n}\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { MarkdownComponent } from \"@next-shared/markdown\";\nimport styleText from \"./styles.shadow.css\";\nimport \"./host-context.css\";\n\nconst { defineElement, property } = createDecorators();\n\nexport interface MarkdownDisplayProps {\n  content?: string;\n}\n\n/**\n * 用于展示 markdown 内容的构件。\n */\nexport\n@defineElement(\"eo-markdown-display\", {\n  styleTexts: [styleText],\n})\nclass MarkdownDisplay extends ReactNextElement implements MarkdownDisplayProps {\n  @property()\n  accessor content: string | undefined;\n\n  render() {\n    return <MarkdownComponent content={this.content} />;\n  }\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--eo-markdown-display-code-color:#b30056;--eo-markdown-display-code-background:#ffe6ec;--eo-markdown-display-blockquote-border-color:#bcc0c5}html[data-theme=\"dark\"],\nhtml[data-theme=\"dark-v2\"]{--eo-markdown-display-code-color:#f3679a;--eo-markdown-display-code-background:var(--color-fill-bg-base-1)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n"],"names":["___CSS_LOADER_EXPORT___","i","push","module","id","toString","WrappedFormItem","wrapBrick","WrappedIcon","MenuButton","_ref","icon","onClick","tooltip","React","className","onMouseDown","e","preventDefault","_extends","style","verticalAlign","defineElement","property","event","createDecorators","_MarkdownEditor","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_MarkdownEditor_brand","WeakSet","_I","MarkdownEditor","FormItemElementBase","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_name","_init_extra_name","_init_label","_init_extra_label","_init_required","_init_extra_required","_init_value","_init_extra_value","_init_bucketName","_init_extra_bucketName","_init_readonly","_init_extra_readonly","_init_containerStyle","_init_extra_containerStyle","_init_uploadImage","_defineProperty","_init_extra_uploadImage","value","_classPrivateGetter","this","_get_uploadImage","emit","_init_markdownValueChange","_init_extra_markdownValueChange","_this$getFormElement","getFormElement","formStore","onChange","name","_get_markdownValueChange","_classPrivateFieldGet","v","_classPrivateFieldSet","label","required","bucketName","readonly","containerStyle","render","MilkdownProvider","ProsemirrorAdapterProvider","MarkdownEditorComponent","formElement","curElement","onUploadImage","handleUploadImage","onMarkdownValueChange","handleMarkdownValueChange","props","isFocus","setIsFocus","useState","uploader","async","files","schema","images","nodes","length","file","item","type","includes","Promise","all","map","response","ObjectStoreApi_putObject","image","width","height","src","objectName","alt","createAndFill","err","console","error","pluginViewFactory","usePluginViewFactory","widgetViewFactory","useWidgetViewFactory","nodeViewFactory","useNodeViewFactory","gfmPlugins","useMemo","gfm","tableTooltip","tableTooltipCtx","ctx","set","key","view","component","TableTooltip","tableSelectorPlugin","flat","get","useEditor","root","Editor","make","config","rootCtx","update","editorViewOptionsCtx","prev","editable","defaultValueCtx","listenerCtx","markdownUpdated","markdown","prevMarkdown","focus","blur","uploadConfig","prismConfig","configureRefractor","refractor","nord","use","listener","commonmark","history","indent","upload","prism","$view","codeBlockSchema","node","CodeBlock","call","command","payload","_get2","action","callCommand","useEffect","_get","undefined","replaceAll","MenuBtnData","lib","undoCommand","redoCommand","toggleStrongCommand","toggleEmphasisCommand","toggleStrikethroughCommand","insertTableCommand","wrapInBulletListCommand","wrapInOrderedListCommand","wrapInBlockquoteCommand","exportparts","pickFormItemProps","classNames","JSON","stringify","Milkdown","_MarkdownEditor2","_set_uploadImage","_set_markdownValueChange","c","_initClass","_applyDecs","styleTexts","styleText","alias","Boolean","attribute","o","_","has","_checkInRHS","getCodeLanguage","properties","classListItem","slice","toLowerCase","rehypePrism","visitor","_index","parent","tagName","lang","result","concat","highlight","children","tree","visit","count","rehypeMermaid","promises","index","svg","mermaid","replacements","fromHtmlIsomorphic","fragment","splice","initialize","startOnLoad","themeVariables","fontSize","production","Fragment","jsx","jsxs","MarkdownComponent","content","components","reactContent","setReactContent","ignore","unified","remarkParse","remarkGfm","remarkToRehype","rehypeReact","passNode","process","then","vFile","catch","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_MarkdownDisplay","MarkdownDisplay","ReactNextElement","_init_content","_init_extra_content","_MarkdownDisplay2"],"sourceRoot":""}

package/dist/chunks/eo-markdown-display.711c6146.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_markdown=globalThis.webpackChunk_next_bricks_markdown||[]).push([[1838],{220:(e,t,r)=>{r.d(t,{b:()=>d});var n=r(4269),o=r(4650),a=r(7367),s=r(3349),c=r(4969);let l=0;function d(){return async e=>{const t=[];(0,n.YR)(e,"element",(function(e,r,n){n&&"pre"===n.tagName&&"code"===e.tagName&&"mermaid"===(0,c.G)(e)&&t.push((async()=>{const t="mermaid-"+l++,{svg:c}=await a.A.render(t,(0,o.d)(e)),d=(0,s.f)(c,{fragment:!0}).children;n.children.splice(r,1,...d),n.properties.className=(n.properties.className||[]).concat("mermaid")})())})),await Promise.all(t)}}a.A.initialize({startOnLoad:!1,themeVariables:{fontSize:"14px"}})},1250:(e,t,r)=>{r.d(t,{N:()=>c});var n=r(4269),o=r(4650),a=r(6602),s=r(4969);function c(){function e(e,t,r){if(!r||"pre"!==r.tagName||"code"!==e.tagName)return;const n=(0,s.G)(e);if(null===n||"mermaid"===n)return;let c;try{r.properties.className=(r.properties.className||[]).concat("language-"+n),c=a.L.highlight((0,o.d)(e),n)}catch{return}e.children=c.children}return t=>{(0,n.YR)(t,"element",e)}}},3086:(e,t,r)=>{var n=r(2591),o=r.n(n),a=r(1740),s=r.n(a),c=r(8128),l=r.n(c),d=r(855),i=r.n(d),p=r(3051),u=r.n(p),m=r(3656),h=r.n(m),g=r(7148),k={};k.styleTagTransform=h(),k.setAttributes=i(),k.insert=l().bind(null,"head"),k.domAPI=s(),k.insertStyleElement=u(),o()(g.A,k),g.A&&g.A.locals&&g.A.locals},4724:(e,t,r)=>{r.d(t,{A:()=>d});var n=r(6758),o=r.n(n),a=r(935),s=r.n(a),c=r(6131),l=s()(o());l.i(c.A),l.push([e.id,":host{display:block}:host([hidden]){display:none}pre{white-space:pre-wrap;background-color:var(--palette-gray-3);border-radius:6px;padding:1em}:not(pre) > code{color:var(--eo-markdown-display-code-color);background:var(--eo-markdown-display-code-background);margin:0 2px;padding:1px 6px;white-space:nowrap;border-radius:3px}blockquote{border-left:6px solid var(--eo-markdown-display-blockquote-border-color);padding:0 1em}:not(blockquote) > blockquote{margin-left:0;margin-right:0}",""]);const d=l.toString()},4969:(e,t,r)=>{function n(e){const t=e.properties.className||[];for(const e of t)if("language-"===e.slice(0,9))return e.slice(9).toLowerCase();return null}r.d(t,{G:()=>n})},6131:(e,t,r)=>{r.d(t,{A:()=>d});var n=r(6758),o=r.n(n),a=r(935),s=r.n(a),c=r(7745),l=s()(o());l.i(c.A),l.push([e.id,"",""]);const d=l.toString()},7148:(e,t,r)=>{r.d(t,{A:()=>c});var n=r(6758),o=r.n(n),a=r(935),s=r.n(a)()(o());s.push([e.id,':root{--eo-markdown-display-code-color:#b30056;--eo-markdown-display-code-background:#ffe6ec;--eo-markdown-display-blockquote-border-color:#bcc0c5}html[data-theme="dark"],\nhtml[data-theme="dark-v2"]{--eo-markdown-display-code-color:#f3679a;--eo-markdown-display-code-background:var(--color-fill-bg-base-1)}',""]);const c=s},7384:(e,t,r)=>{r.d(t,{N:()=>m});var n=r(8769),o=r(1085),a=r(45),s=r(5301),c=r(2967),l=r(3730),d=r(5487),i=r(1250),p=r(220);const u={Fragment:o.Fragment,jsx:o.jsx,jsxs:o.jsxs};function m(e){let{content:t,components:r}=e;const[o,m]=(0,n.useState)(null);return(0,n.useEffect)((()=>{let e=!1;return(0,a.l)().use(s.A).use(c.A).use(l.A).use([i.N]).use(p.b).use(d.A,{...u,passNode:!0,components:r}).process(t).then((t=>{e||m(t.result)})).catch((t=>{e||(console.error("Convert markdown failed:",t),m(null))})),()=>{e=!0}}),[r,t]),o}},7471:(e,t,r)=>{r.r(t),r.d(t,{MarkdownDisplay:()=>w});var n,o=r(918),a=r(6121),s=r(829),c=r(2740),l=r(8769),d=r.n(l),i=r(7921),p=r(1280),u=(r(5168),r(7384)),m=r(4724);let h,g,k;r(3086);const{defineElement:b,property:f}=(0,i.createDecorators)();let w;var A=new WeakMap;class y extends p.ReactNextElement{constructor(){super(...arguments),(0,o.A)(this,A,g(this)),k(this)}get content(){return(0,s.A)(A,this)}set content(e){(0,a.A)(A,this,e)}render(){return d().createElement(u.N,{content:this.content})}}n=y,({e:[g,k],c:[w,h]}=(0,c.A)(n,[b("eo-markdown-display",{styleTexts:[m.A]})],[[f(),1,"content"]],0,void 0,p.ReactNextElement)),h()}}]);
-//# sourceMappingURL=eo-markdown-display.711c6146.js.map

package/dist/chunks/eo-markdown-display.711c6146.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunks/eo-markdown-display.711c6146.js","mappings":"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","sources":["webpack:///../../src/rehypeMermaid.ts","webpack:///../../src/rehypePrism.ts","webpack:///./src/markdown-display/host-context.css?6555","webpack:///./src/markdown-display/styles.shadow.css","webpack:///../../src/utils.ts","webpack:///../../shared/markdown/dist/esm/prism-tomorrow.css","webpack:///./src/markdown-display/host-context.css","webpack:///../../src/MarkdownComponent.tsx","webpack:///./src/markdown-display/index.tsx"],"sourcesContent":["import { visit } from \"unist-util-visit\";\nimport { toString } from \"hast-util-to-string\";\nimport type { RefractorElement } from \"refractor\";\nimport mermaid from \"mermaid\";\nimport { fromHtmlIsomorphic } from \"hast-util-from-html-isomorphic\";\nimport { getCodeLanguage } from \"./utils.js\";\n\nlet count = 0;\n\nmermaid.initialize({\n  startOnLoad: false,\n  themeVariables: {\n    fontSize: \"14px\",\n  },\n});\n\n// Reference https://github.com/remcohaszing/rehype-mermaid\nexport function rehypeMermaid() {\n  return async (tree: RefractorElement) => {\n    const promises: Promise<void>[] = [];\n\n    function visitor(\n      node: RefractorElement,\n      index: number | undefined,\n      parent: RefractorElement | undefined\n    ) {\n      if (!parent || parent.tagName !== \"pre\" || node.tagName !== \"code\") {\n        return;\n      }\n\n      const lang = getCodeLanguage(node);\n\n      if (lang !== \"mermaid\") {\n        return;\n      }\n\n      promises.push(\n        (async () => {\n          const id = `mermaid-${count++}`;\n\n          const { svg } = await mermaid.render(id, toString(node));\n          const replacements = fromHtmlIsomorphic(svg, { fragment: true })\n            .children as RefractorElement[];\n          parent.children.splice(index!, 1, ...replacements);\n          parent.properties.className = (\n            (parent.properties.className as string[]) || []\n          ).concat(\"mermaid\");\n        })()\n      );\n    }\n\n    visit(tree, \"element\", visitor);\n\n    await Promise.all(promises);\n  };\n}\n","import { visit } from \"unist-util-visit\";\nimport { toString } from \"hast-util-to-string\";\nimport { refractor, type RefractorElement } from \"refractor\";\nimport { getCodeLanguage } from \"./utils.js\";\n\n// Reference https://github.com/mapbox/rehype-prism\nexport function rehypePrism() {\n  function visitor(\n    node: RefractorElement,\n    _index: number | undefined,\n    parent: RefractorElement | undefined\n  ) {\n    if (!parent || parent.tagName !== \"pre\" || node.tagName !== \"code\") {\n      return;\n    }\n\n    const lang = getCodeLanguage(node);\n\n    if (lang === null || lang === \"mermaid\") {\n      return;\n    }\n\n    let result;\n    try {\n      parent.properties.className = (\n        (parent.properties.className as string[]) || []\n      ).concat(\"language-\" + lang);\n      result = refractor.highlight(toString(node), lang);\n    } catch {\n      return;\n    }\n\n    node.children = result.children;\n  }\n  return (tree: RefractorElement) => {\n    visit(tree, \"element\", visitor);\n  };\n}\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\noptions.insert = insertFn.bind(null, \"head\");\noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./host-context.css\";\n       export default content && content.locals ? content.locals : undefined;\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../shared/markdown/dist/esm/prism-tomorrow.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:host{display:block}:host([hidden]){display:none}pre{white-space:pre-wrap;background-color:var(--palette-gray-3);border-radius:6px;padding:1em}:not(pre) > code{color:var(--eo-markdown-display-code-color);background:var(--eo-markdown-display-code-background);margin:0 2px;padding:1px 6px;white-space:nowrap;border-radius:3px}blockquote{border-left:6px solid var(--eo-markdown-display-blockquote-border-color);padding:0 1em}:not(blockquote) > blockquote{margin-left:0;margin-right:0}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import type { RefractorElement } from \"refractor\";\n\nexport function getCodeLanguage(node: RefractorElement) {\n  const className = (node.properties.className as string[]) || [];\n\n  for (const classListItem of className) {\n    if (classListItem.slice(0, 9) === \"language-\") {\n      return classListItem.slice(9).toLowerCase();\n    }\n  }\n\n  return null;\n}\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_AT_RULE_IMPORT_0___ from \"-!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[0]!../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/prismjs/themes/prism-tomorrow.css\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, ``, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root{--eo-markdown-display-code-color:#b30056;--eo-markdown-display-code-background:#ffe6ec;--eo-markdown-display-blockquote-border-color:#bcc0c5}html[data-theme=\"dark\"],\nhtml[data-theme=\"dark-v2\"]{--eo-markdown-display-code-color:#f3679a;--eo-markdown-display-code-background:var(--color-fill-bg-base-1)}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { useEffect, useState } from \"react\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { unified } from \"unified\";\nimport remarkParse from \"remark-parse\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkToRehype from \"remark-rehype\";\nimport rehypeReact, { Options as RehypeReactOptions } from \"rehype-react\";\nimport type { Components } from \"hast-util-to-jsx-runtime\";\nimport { rehypePrism } from \"./rehypePrism.js\";\nimport { rehypeMermaid } from \"./rehypeMermaid.js\";\n\nconst production = { Fragment, jsx, jsxs };\n\nexport interface MarkdownComponentProps {\n  content?: string;\n  components?: Partial<Components>;\n}\n\n// Reference https://github.com/remarkjs/react-remark/blob/39553e5f5c9e9b903bebf261788ff45130668de0/src/index.ts\nexport function MarkdownComponent({\n  content,\n  components,\n}: MarkdownComponentProps) {\n  const [reactContent, setReactContent] = useState<JSX.Element | null>(null);\n\n  useEffect(() => {\n    let ignore = false;\n    unified()\n      .use(remarkParse)\n      .use(remarkGfm)\n      .use(remarkToRehype)\n      .use([rehypePrism])\n      .use(rehypeMermaid)\n      .use(rehypeReact, {\n        ...production,\n        passNode: true,\n        components,\n      } as RehypeReactOptions)\n      .process(content)\n      .then((vFile) => {\n        if (!ignore) {\n          setReactContent(vFile.result);\n        }\n      })\n      .catch((error) => {\n        if (!ignore) {\n          // eslint-disable-next-line no-console\n          console.error(\"Convert markdown failed:\", error);\n          setReactContent(null);\n        }\n      });\n    return () => {\n      ignore = true;\n    };\n  }, [components, content]);\n\n  return reactContent;\n}\n","import React from \"react\";\nimport { createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { MarkdownComponent } from \"@next-shared/markdown\";\nimport styleText from \"./styles.shadow.css\";\nimport \"./host-context.css\";\n\nconst { defineElement, property } = createDecorators();\n\nexport interface MarkdownDisplayProps {\n  content?: string;\n}\n\n/**\n * 用于展示 markdown 内容的构件。\n */\nexport\n@defineElement(\"eo-markdown-display\", {\n  styleTexts: [styleText],\n})\nclass MarkdownDisplay extends ReactNextElement implements MarkdownDisplayProps {\n  @property()\n  accessor content: string | undefined;\n\n  render() {\n    return <MarkdownComponent content={this.content} />;\n  }\n}\n"],"names":["count","rehypeMermaid","async","promises","visit","tree","node","index","parent","tagName","getCodeLanguage","push","id","svg","mermaid","render","toString","replacements","fromHtmlIsomorphic","fragment","children","splice","properties","className","concat","Promise","all","initialize","startOnLoad","themeVariables","fontSize","rehypePrism","visitor","_index","lang","result","refractor","highlight","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","___CSS_LOADER_EXPORT___","i","module","classListItem","slice","toLowerCase","production","Fragment","jsx","jsxs","MarkdownComponent","_ref","content","components","reactContent","setReactContent","useState","useEffect","ignore","unified","use","remarkParse","remarkGfm","remarkToRehype","rehypeReact","passNode","process","then","vFile","catch","error","console","defineElement","property","createDecorators","_MarkdownDisplay","_A","WeakMap","MarkdownDisplay","ReactNextElement","constructor","arguments","_classPrivateFieldInitSpec","_init_content","_init_extra_content","_classPrivateFieldGet","v","_classPrivateFieldSet","React","this","_MarkdownDisplay2","e","c","_initClass","_applyDecs","styleTexts","styleText"],"sourceRoot":""}

package/dist/chunks/eo-markdown-editor.a32213aa.js

@@ -1,2 +0,0 @@
-"use strict";(globalThis.webpackChunk_next_bricks_markdown=globalThis.webpackChunk_next_bricks_markdown||[]).push([[2967],{7196:(e,t,n)=>{n.r(t),n.d(t,{MarkdownEditor:()=>me,MarkdownEditorComponent:()=>Me});var a,i=n(4586),o=n(4635),l=n(918),r=n(6902),s=n(5536),c=n(6121),u=n(829),d=n(2740),h=n(9575),m=n(8769),k=n.n(m),p=n(7921),b=n(1280),y=(n(5168),n(998)),A=n(1408),g=n(2113),w=n(2466),v=n(1854),E=n(9760),f=n(135),C=n(6486),M=n(6512),N=n(8653),S=n(537),W=n(5435),j=n(9796),I=n(3971),_=n(6602),x=n(1151),T=n(4557),q=n(426),D=n(235),U=n(3373),V=n.n(U);let $,B,F,O,G,J,K,P,X,L,Q,R,Y,Z,z,H,ee,te,ne,ae,ie,oe,le;const re=(0,b.wrapBrick)("eo-form-item"),se=(0,b.wrapBrick)("eo-icon"),ce=e=>{let{icon:t,onClick:n,tooltip:a}=e;return k().createElement("div",{className:"menu-btn-box",onMouseDown:e=>{null==n||n(),e.preventDefault()}},k().createElement(se,(0,h.A)({style:{verticalAlign:"middle"}},t)),a&&k().createElement("div",{className:"menuIconTooltip"},a))},{defineElement:ue,property:de,event:he}=(0,p.createDecorators)();let me;var ke=new WeakMap,pe=new WeakMap,be=new WeakMap,ye=new WeakMap,Ae=new WeakMap,ge=new WeakMap,we=new WeakMap,ve=new WeakMap,Ee=new WeakSet,fe=new WeakMap;class Ce extends q.N{constructor(){super(...arguments),(0,o.A)(this,Ee),(0,l.A)(this,ke,B(this)),(0,l.A)(this,pe,(F(this),O(this))),(0,l.A)(this,be,(G(this),J(this))),(0,l.A)(this,ye,(K(this),P(this))),(0,l.A)(this,Ae,(X(this),L(this))),(0,l.A)(this,ge,(Q(this),R(this))),(0,l.A)(this,we,(Y(this),Z(this))),(0,l.A)(this,ve,(z(this),H(this))),(0,i.A)(this,"handleUploadImage",(ne(this),e=>{(0,s.A)(Ee,this,ee).emit(e)})),(0,l.A)(this,fe,ae(this)),(0,i.A)(this,"handleMarkdownValueChange",(le(this),e=>{var t;null===(t=this.getFormElement())||void 0===t||t.formStore.onChange(this.name,e),this.value=e,(0,s.A)(Ee,this,ie).emit(e)}))}get name(){return(0,u.A)(ke,this)}set name(e){(0,c.A)(ke,this,e)}get label(){return(0,u.A)(pe,this)}set label(e){(0,c.A)(pe,this,e)}get required(){return(0,u.A)(be,this)}set required(e){(0,c.A)(be,this,e)}get value(){return(0,u.A)(ye,this)}set value(e){(0,c.A)(ye,this,e)}get bucketName(){return(0,u.A)(Ae,this)}set bucketName(e){(0,c.A)(Ae,this,e)}get readonly(){return(0,u.A)(ge,this)}set readonly(e){(0,c.A)(ge,this,e)}get containerStyle(){return(0,u.A)(we,this)}set containerStyle(e){(0,c.A)(we,this,e)}render(){return k().createElement(w.pb,null,k().createElement(I.vo,null,k().createElement(Me,{formElement:this.getFormElement(),name:this.name,label:this.label,required:this.required,curElement:this,bucketName:this.bucketName,value:this.value,readonly:this.readonly,containerStyle:this.containerStyle,onUploadImage:this.handleUploadImage,onMarkdownValueChange:this.handleMarkdownValueChange})))}}function Me(e){const{bucketName:t,containerStyle:n,value:a,formElement:i,readonly:o,onUploadImage:l,onMarkdownValueChange:r}=e,[s,c]=(0,m.useState)(!1),u=async(n,a)=>{const i=[];let o=[];for(let e=0;e<n.length;e++){const t=n.item(e);t&&t.type.includes("image")&&i.push(t)}try{o=await Promise.all(i.map((async n=>{const i=await(0,A.i)(t,{file:n,width:0,height:0}),o=(r=null==i?void 0:i.objectName,`/next/api/gateway/object_store.object_store.GetObject/api/v1/objectStore/bucket/${e.bucketName}/object/${r}`);var r;const s=n.name;return l&&l({name:s,src:o}),a.nodes.image.createAndFill({src:o,alt:s})})))}catch(e){console.error("upload failed:",e)}return o},d=(0,I.Uv)(),p=(0,I.rJ)(),b=(0,I.$X)(),y=(0,m.useMemo)((()=>o?[]:[S.Te,x.EI,x.nk,e=>async()=>{e.set(x.EI.key,{view:d({component:x.ST})})},(0,x.jp)(p)].flat()),[o,d,p]),{get:q}=(0,w.hG)((e=>g.KE.make().config((n=>{n.set(g.k,e),n.update(g.QM,(e=>({...e,editable:()=>!o}))),a&&n.set(g.CI,a),n.get(N.Ob).markdownUpdated(((e,t,n)=>{r&&r(t)})).focus((()=>{c(!0)})).blur((()=>{c(!1)})),t&&n.update(C.wu.key,(e=>({...e,uploader:u}))),n.update(j.mS.key,(e=>({...e,configureRefractor:()=>_.L})))})).config(E.E).use(N.F_).use(v.PD).use(f.b6).use(S.Te).use(W.pZ).use(C.Se).use(y).use(j.Wj).use(o?[]:(0,M.m5)(v.Ay.node,(()=>b({component:T.N}))))),[]);function U(e,t){var n;return null===(n=q())||void 0===n?void 0:n.action((0,M.KD)(e,t))}(0,m.useEffect)((()=>{var e;i&&void 0!==a&&!s&&(null===(e=q())||void 0===e||e.action((0,M.yh)(a)))}),[q(),a]);const $=[{icon:{lib:"antd",icon:"undo"},onClick:()=>U(f.Eb.key),tooltip:"撤销"},{icon:{lib:"antd",icon:"redo"},onClick:()=>U(f.eD.key),tooltip:"重做"},{icon:{lib:"antd",icon:"bold"},onClick:()=>U(v.vY.key),tooltip:"粗体"},{icon:{lib:"antd",icon:"italic"},onClick:()=>U(v.e0.key),tooltip:"斜体"},{icon:{lib:"antd",icon:"strikethrough"},onClick:()=>U(S.$l.key),tooltip:"删除线"},{icon:{lib:"antd",icon:"table"},onClick:()=>U(S.f$.key),tooltip:"表格"},{icon:{lib:"antd",icon:"unordered-list"},onClick:()=>U(v.Xk.key),tooltip:"无序列表"},{icon:{lib:"antd",icon:"ordered-list"},onClick:()=>U(v.Ej.key),tooltip:"有序列表"},{icon:{lib:"fa",icon:"quote-right"},onClick:()=>U(v.oO.key),tooltip:"块引用"}];return k().createElement(re,(0,h.A)({exportparts:"message"},(0,D.v)(e)),k().createElement("div",{className:V()("markdown-container",{readonly:o}),style:n},!o&&k().createElement("div",{className:"menu-container-outter"},k().createElement("div",{className:"menu-container-inner prose"},$.map((e=>k().createElement(ce,(0,h.A)({},e,{key:JSON.stringify(e.icon)})))))),k().createElement("div",{className:"editor-container"},k().createElement(w.y5,null))))}a=Ce,({e:[B,F,O,G,J,K,P,X,L,Q,R,Y,Z,z,H,ee,te,ne,ae,ie,oe,le],c:[me,$]}=(0,d.A)(a,[ue("eo-markdown-editor",{styleTexts:[y.A],alias:["markdown.markdown-editor"]})],[[de(),1,"name"],[de(),1,"label"],[de({type:Boolean}),1,"required"],[de(),1,"value"],[de(),1,"bucketName"],[de({type:Boolean}),1,"readonly"],[de({attribute:!1}),1,"containerStyle"],[he({type:"image.upload"}),1,"uploadImage",e=>(0,u.A)(ve,e),(e,t)=>(0,c.A)(ve,e,t)],[he({type:"markdown.value.change"}),1,"markdownValueChange",e=>(0,u.A)(fe,e),(e,t)=>(0,c.A)(fe,e,t)]],0,(e=>Ee.has((0,r.A)(e))),q.N)),$()}}]);
-//# sourceMappingURL=eo-markdown-editor.a32213aa.js.map