bridgerte 0.9.4 → 0.9.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -9
- package/dist/bridge.d.ts +1 -3
- package/dist/core.d.ts +9 -3
- package/dist/dom.cjs +1 -1
- package/dist/dom.d.ts +9 -3
- package/dist/dom.js +2 -2
- package/dist/index-B_g23O7q.cjs +4 -0
- package/dist/index-B_g23O7q.cjs.map +1 -0
- package/dist/index-Ce7rOCpH.cjs +36 -0
- package/dist/index-Ce7rOCpH.cjs.map +1 -0
- package/dist/index-DGPoit9-.js +323 -0
- package/dist/index-DGPoit9-.js.map +1 -0
- package/dist/{index-BzpD9bI2.js → index-DyCMSFrm.js} +10 -19
- package/dist/index-DyCMSFrm.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +17 -3
- package/dist/index.js +2 -2
- package/dist/native-spec.cjs +1 -1
- package/dist/native-spec.cjs.map +1 -1
- package/dist/native-spec.d.ts +1 -3
- package/dist/native-spec.js +73 -119
- package/dist/native-spec.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/webview.cjs +1 -1
- package/dist/webview.d.ts +1 -3
- package/dist/webview.js +1 -1
- package/package.json +1 -1
- package/dist/index-5d8qaSP5.cjs +0 -36
- package/dist/index-5d8qaSP5.cjs.map +0 -1
- package/dist/index-BzpD9bI2.js.map +0 -1
- package/dist/index-C26bdJ7I.js +0 -319
- package/dist/index-C26bdJ7I.js.map +0 -1
- package/dist/index-DKalD8mx.cjs +0 -4
- package/dist/index-DKalD8mx.cjs.map +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";const X=require("./native-spec.cjs"),m=require("./index-B_g23O7q.cjs"),U={toolbarGroup:`
|
|
2
|
+
<svg
|
|
3
|
+
aria-hidden="true"
|
|
4
|
+
class="lucide lucide-ellipsis"
|
|
5
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
6
|
+
width="18"
|
|
7
|
+
height="18"
|
|
8
|
+
viewBox="0 0 24 24"
|
|
9
|
+
fill="none"
|
|
10
|
+
stroke="currentColor"
|
|
11
|
+
stroke-width="2"
|
|
12
|
+
stroke-linecap="round"
|
|
13
|
+
stroke-linejoin="round"
|
|
14
|
+
>
|
|
15
|
+
<circle cx="12" cy="12" r="1" />
|
|
16
|
+
<circle cx="19" cy="12" r="1" />
|
|
17
|
+
<circle cx="5" cy="12" r="1" />
|
|
18
|
+
</svg>
|
|
19
|
+
`,chevronDown:`
|
|
20
|
+
<svg
|
|
21
|
+
aria-hidden="true"
|
|
22
|
+
class="lucide lucide-chevron-down"
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
width="12"
|
|
25
|
+
height="12"
|
|
26
|
+
viewBox="0 0 24 24"
|
|
27
|
+
fill="none"
|
|
28
|
+
stroke="currentColor"
|
|
29
|
+
stroke-width="2"
|
|
30
|
+
stroke-linecap="round"
|
|
31
|
+
stroke-linejoin="round"
|
|
32
|
+
>
|
|
33
|
+
<path d="m6 9 6 6 6-6" />
|
|
34
|
+
</svg>
|
|
35
|
+
`},W=e=>Array.from(e.querySelectorAll(".bridgerte__toolbar-group-menu-item")).filter(t=>!t.disabled),oe=(e,t)=>{const l=W(e)[t];l&&l.focus()},ne=e=>{oe(e,0)},re=(e,t,s,l,c)=>{var d,u;const r=W(t),a=document.activeElement instanceof HTMLButtonElement?r.indexOf(document.activeElement):-1,b=T=>{var v;if(r.length===0)return;const f=((a>=0?a:0)+T+r.length)%r.length;(v=r[f])==null||v.focus()};switch(e.key){case"ArrowDown":e.preventDefault(),b(1);break;case"ArrowUp":e.preventDefault(),b(-1);break;case"Home":e.preventDefault(),(d=r[0])==null||d.focus();break;case"End":e.preventDefault(),(u=r.at(-1))==null||u.focus();break;case"Enter":case" ":document.activeElement instanceof HTMLButtonElement&&(e.preventDefault(),l(document.activeElement),c(),s.focus());break;case"Escape":e.preventDefault(),s.focus(),c();break}},A="button[data-bridgerte-toolbar-group-id]",ae="button[data-bridgerte-toolbar-item-id]",se=[ae,".bridgerte__toolbar-group-menu-item"].join(","),le=(e,t)=>{const s=e.map(l=>m.getMenuStateForItem(l,t));return{active:s.some(l=>l.active),disabled:s.length>0&&s.every(l=>l.disabled)}},ie=(e,t,s,l,c)=>{const r=m.getMenuStateForItem(t,s),a=document.createElement("button"),b=l[t.icon]??m.defaultMenuIcons[t.icon];a.type="button",a.className="bridgerte__toolbar-button",a.disabled=r.disabled,a.dataset.active=String(r.active),a.dataset.bridgerteToolbarItemId=t.id,a.setAttribute("aria-label",t.label),a.setAttribute("aria-pressed",String(r.active)),c&&(a.dataset.tooltip=t.label),m.appendMenuIcon(a,b,t.label),e.append(a)},ue=(e,t,s,l,c)=>{const r=document.createElement("button"),a=le(t.items,s),b=t.icon?l[t.icon]??m.defaultMenuIcons[t.icon]:U.toolbarGroup,d=document.createElement("span");r.type="button",r.className="bridgerte__toolbar-button bridgerte__toolbar-group-button",r.disabled=a.disabled,r.dataset.active=String(a.active),r.dataset.bridgerteToolbarGroupId=t.key,r.dataset.open="false",r.setAttribute("aria-label",t.title),r.setAttribute("aria-haspopup","menu"),r.setAttribute("aria-expanded","false"),r.setAttribute("aria-pressed",String(a.active)),c&&(r.dataset.tooltip=t.title),m.appendMenuIcon(r,b,t.title),d.className="bridgerte__toolbar-group-indicator",d.setAttribute("aria-hidden","true"),d.innerHTML=U.chevronDown,r.append(d),e.append(r)},ce=(e,t,s,l,c)=>{e.textContent="",t.forEach(r=>{if(r.type==="separator"){const b=document.createElement("span");b.className="bridgerte__toolbar-separator",b.dataset.separatorId=r.key,b.setAttribute("aria-hidden","true"),e.append(b);return}if(r.type==="button"){ie(e,r.item,s,l,c);return}const a=document.createElement("div");a.className="bridgerte__toolbar-group",a.dataset.group=r.key,a.setAttribute("aria-label",r.title),e.append(a),ue(a,r,s,l,c)})},M=(e,t,s,l)=>{if(e.textContent="",!t){e.dataset.visible="false";return}t.items.forEach(c=>{const r=m.getMenuStateForItem(c,s),a=document.createElement("button"),b=l[c.icon]??m.defaultMenuIcons[c.icon],d=document.createElement("span");a.type="button",a.className="bridgerte__menu-item bridgerte__toolbar-group-menu-item",a.disabled=r.disabled,a.dataset.active=String(r.active),a.dataset.bridgerteToolbarItemId=c.id,a.setAttribute("role","menuitem"),a.setAttribute("aria-label",c.label),a.setAttribute("aria-pressed",String(r.active)),m.appendMenuIcon(a,b,c.label),d.className="bridgerte__toolbar-group-menu-label",d.textContent=c.label,a.append(d),e.append(a)}),e.dataset.visible="true",e.style.minWidth=`${t.button.offsetWidth}px`},D=(e,t)=>{e.querySelectorAll(A).forEach(s=>{const l=(t==null?void 0:t.groupKey)===s.dataset.bridgerteToolbarGroupId;s.dataset.open=String(l),s.setAttribute("aria-expanded",String(l))})},$=(e,t)=>e.find(s=>s.type==="group"&&s.key===t),de=4,pe=8,be=6,k={capture:!0,passive:!1},me=()=>{var e;return typeof window<"u"&&((e=window.matchMedia)==null?void 0:e.call(window,"(hover: hover) and (pointer: fine)").matches)===!0},_=e=>{const t=e instanceof Element?e.closest(se):null;return t instanceof HTMLButtonElement?t:null},fe=e=>{const t=e instanceof Element?e.closest(A):null;return t instanceof HTMLButtonElement?t:null};function ge(e,t){const s=t.placement??"top",l=m.resolveMenuSchemaForDom(t.menuSchema??X.defaultMenuSchema,{menuLabels:t.menuLabels,payloadPanelConfig:t.payloadPanelConfig}),c=X.resolveToolbarMenu(t.toolbarConfig,l),r=c.flatMap(o=>o.type==="button"?[o.item]:o.type==="group"?o.items:[]),a=t.icons??{},b=me(),d=document.createElement("div"),u=document.createElement("div"),T=e.closest(".bridgerte")??e;let E=!1,f=null,v=!1,L=t.editor.getCommandStates(),i=null,g=null;const z=m.bindTouchPressedState(e,{targetSelector:["button[data-bridgerte-toolbar-item-id]","button[data-bridgerte-toolbar-group-id]"].join(",")}),J=m.bindTouchPressedState(u,{targetSelector:".bridgerte__toolbar-group-menu-item"}),G=()=>{T.append(d),T.append(u)},C=()=>{g==null||g.setOpen(!1),g==null||g.destroy(),g=null},P=()=>{i&&(C(),g=m.createFloatingLayer(i.button,u,{placement:s==="bottom"?"top-start":"bottom-start",offset:be,strategy:"fixed"}),g.setOpen(!0))},h=()=>{C(),i=null,M(u,i,L,a),D(e,i)},I=o=>{if(!E&&(L=o,i&&C(),ce(e,c,o,a,b),G(),i)){const n=Array.from(e.querySelectorAll(A)).find(te=>te.dataset.bridgerteToolbarGroupId===(i==null?void 0:i.groupKey)),p=$(c,i.groupKey);i=n&&p?{groupKey:i.groupKey,button:n,items:p.items}:null,M(u,i,L,a),D(e,i),i&&P()}},Q=()=>{E||I(t.editor.getCommandStates())},y=()=>{d.dataset.visible="false",d.textContent=""},Y=o=>{const n=o.dataset.tooltip;if(!b||!n||f)return;const p=o.getBoundingClientRect();d.textContent=n,d.dataset.visible="true",d.style.left=`${p.left+p.width/2}px`,d.style.top=`${p.top-pe}px`},H=o=>{const n=_(o.target);n&&Y(n)},N=o=>{const n=o.relatedTarget,p=_(o.target);p&&n instanceof Node&&p.contains(n)||y()},F=()=>{f=null,delete e.dataset.dragging,document.removeEventListener("pointermove",K),document.removeEventListener("pointerup",x),document.removeEventListener("pointercancel",x)},K=o=>{if(!f)return;const n=f.startClientX-o.clientX;Math.abs(n)>de&&(f.hasDragged=!0,v=!0,y(),h()),e.scrollLeft=f.startScrollLeft+n},x=o=>{const n=f;F(),n&&o.type!=="pointercancel"&&n.pointerType!=="mouse"&&!n.hasDragged&&n.startButton&&(B(n.startButton),v=!0)},R=o=>{if(o.pointerType==="mouse"&&o.button!==0)return;const n=_(o.target);o.preventDefault(),f={startClientX:o.clientX,startScrollLeft:e.scrollLeft,pointerType:o.pointerType,hasDragged:!1,startButton:n??void 0},e.dataset.dragging="true",y(),document.addEventListener("pointermove",K),document.addEventListener("pointerup",x),document.addEventListener("pointercancel",x)},S=o=>{o.defaultPrevented||o.cancelable&&o.preventDefault()},B=o=>{if(!(o instanceof HTMLButtonElement)||o.disabled)return;const n=r.find(p=>p.id===o.dataset.bridgerteToolbarItemId);if(n){if(n.payloadPanel){const p=o.getBoundingClientRect();t.editor.requestPayloadPanel({menuId:n.id,command:n.command,panel:n.payloadPanel,currentValues:m.getPayloadPanelCurrentValues(n,t.editor.getCommandStates()),anchorRect:{x:p.left,y:p.top,width:p.width,height:p.height}});return}t.editor.executeCommand(n.command)}},Z=o=>{const n=$(c,o.dataset.bridgerteToolbarGroupId);if(!(!n||o.disabled)){if((i==null?void 0:i.groupKey)===n.key){h();return}i={groupKey:n.key,button:o,items:n.items},y(),M(u,i,L,a),D(e,i),P(),ne(u)}},w=o=>{if(v){v=!1,o.preventDefault(),o.stopPropagation();return}const n=fe(o.target);if(n){o.preventDefault(),o.stopPropagation(),Z(n);return}const p=_(o.target);p&&(o.preventDefault(),o.stopPropagation(),B(p),h())},O=o=>{o.pointerType==="mouse"&&o.button!==0||o.preventDefault()},q=o=>{const n=o.target;n instanceof Node&&(e.contains(n)||u.contains(n))||h()},j=o=>{if(i&&u.contains(document.activeElement)){re(o,u,i.button,B,h);return}o.key==="Escape"&&h()};e.classList.add("bridgerte__toolbar"),d.className="bridgerte__toolbar-tooltip",d.dataset.visible="false",u.className="bridgerte__floating-menu bridgerte__toolbar-group-menu",u.dataset.visible="false",u.setAttribute("role","menu"),e.dataset.placement=s,e.setAttribute("role","toolbar"),e.setAttribute("aria-label",s==="bottom"?"BridgeRTE tabbar":"BridgeRTE toolbar"),e.addEventListener("pointerdown",R,!0),e.addEventListener("touchstart",S,k),e.addEventListener("click",w),u.addEventListener("pointerdown",O,!0),u.addEventListener("touchstart",S,k),u.addEventListener("click",w),document.addEventListener("click",q),document.addEventListener("keydown",j),b&&(e.addEventListener("mouseover",H),e.addEventListener("mouseout",N)),e.addEventListener("focusout",y),G();const ee=t.editor.subscribeCommandStateChange(I);return{update:Q,destroy(){E||(E=!0,F(),ee(),h(),e.removeEventListener("pointerdown",R,!0),e.removeEventListener("touchstart",S,k),e.removeEventListener("click",w),u.removeEventListener("pointerdown",O,!0),u.removeEventListener("touchstart",S,k),u.removeEventListener("click",w),document.removeEventListener("click",q),document.removeEventListener("keydown",j),b&&(e.removeEventListener("mouseover",H),e.removeEventListener("mouseout",N)),z(),J(),e.removeEventListener("focusout",y),d.remove(),u.remove(),e.classList.remove("bridgerte__toolbar"),delete e.dataset.placement,e.textContent="",e.removeAttribute("role"),e.removeAttribute("aria-label"))}}}const ve=/[\u200B-\u200D\uFEFF]/g,he=["img","video","audio","iframe","table","pre","code","hr","figure","canvas","svg","math",'[data-type="mention"]'].join(","),V=e=>(e==null?void 0:e.replace(ve,"").trim())??"",ye=e=>{if(!V(e))return!1;const t=document.createElement("template");return t.innerHTML=e,!!(V(t.content.textContent)||t.content.querySelector(he))};exports.createRichTextToolbar=ge;exports.hasMeaningfulHtmlContent=ye;
|
|
36
|
+
//# sourceMappingURL=index-Ce7rOCpH.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-Ce7rOCpH.cjs","sources":["../../dom/src/menuIcon/uiIcons.ts","../../dom/src/richTextToolbar/groupMenuKeyboard.ts","../../dom/src/richTextToolbar/render.ts","../../dom/src/richTextToolbar/index.ts","../../dom/src/htmlContent/index.ts"],"sourcesContent":["/**\r\n * DOM UI chrome icon 表。\r\n *\r\n * 这里放 toolbar 收纳入口、下拉箭头这类控件自身图标。它们不属于 `MenuItem.icon`\r\n * 跨端 schema,也不应该进入 `defaultMenuIcons` 的 schema 对齐检查。\r\n */\r\nexport const defaultMenuUiIcons = {\r\n toolbarGroup: `\r\n <svg\r\n aria-hidden=\"true\"\r\n class=\"lucide lucide-ellipsis\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"1\" />\r\n <circle cx=\"19\" cy=\"12\" r=\"1\" />\r\n <circle cx=\"5\" cy=\"12\" r=\"1\" />\r\n </svg>\r\n `,\r\n chevronDown: `\r\n <svg\r\n aria-hidden=\"true\"\r\n class=\"lucide lucide-chevron-down\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <path d=\"m6 9 6 6 6-6\" />\r\n </svg>\r\n `\r\n} as const;\r\n","export const getEnabledGroupMenuButtons = (menuElement: HTMLElement) => (\r\n Array.from(\r\n menuElement.querySelectorAll<HTMLButtonElement>('.bridgerte__toolbar-group-menu-item')\r\n ).filter((button) => !button.disabled)\r\n);\r\n\r\nexport const focusToolbarGroupMenuItem = (menuElement: HTMLElement, index: number) => {\r\n const buttons = getEnabledGroupMenuButtons(menuElement);\r\n const nextButton = buttons[index];\r\n\r\n if (nextButton) nextButton.focus();\r\n};\r\n\r\nexport const focusFirstToolbarGroupMenuItem = (menuElement: HTMLElement) => {\r\n /*\r\n * group menu 使用 ARIA menu 语义,打开后焦点必须进入第一个可操作项。\r\n * 这样键盘用户可以继续用方向键浏览,而不是停留在展开按钮上。\r\n */\r\n focusToolbarGroupMenuItem(menuElement, 0);\r\n};\r\n\r\nexport const handleToolbarGroupMenuKeyDown = (\r\n event: KeyboardEvent,\r\n menuElement: HTMLElement,\r\n returnButton: HTMLButtonElement,\r\n executeToolbarButton: (button: HTMLButtonElement) => void,\r\n closeGroupMenu: () => void\r\n) => {\r\n const buttons = getEnabledGroupMenuButtons(menuElement);\r\n const activeIndex = document.activeElement instanceof HTMLButtonElement\r\n ? buttons.indexOf(document.activeElement)\r\n : -1;\r\n const focusByOffset = (offset: number) => {\r\n if (buttons.length === 0) return;\r\n\r\n const baseIndex = activeIndex >= 0 ? activeIndex : 0;\r\n const nextIndex = (baseIndex + offset + buttons.length) % buttons.length;\r\n\r\n buttons[nextIndex]?.focus();\r\n };\r\n\r\n /*\r\n * ARIA menu 语义要求支持 roving focus。这里不改 toolbar 的横向键盘模型,\r\n * 只在已打开的纵向收纳菜单内处理上下方向、首尾跳转和执行/关闭。\r\n */\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n focusByOffset(1);\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n focusByOffset(-1);\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n buttons[0]?.focus();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n buttons.at(-1)?.focus();\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n if (document.activeElement instanceof HTMLButtonElement) {\r\n event.preventDefault();\r\n executeToolbarButton(document.activeElement);\r\n closeGroupMenu();\r\n returnButton.focus();\r\n }\r\n break;\r\n case 'Escape':\r\n event.preventDefault();\r\n returnButton.focus();\r\n closeGroupMenu();\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n","import type { CommandState } from '@bridgerte/core';\r\nimport type { MenuItem, ResolvedToolbarItem } from '@bridgerte/native-spec';\r\nimport {\r\n appendMenuIcon,\r\n defaultMenuIcons,\r\n defaultMenuUiIcons\r\n} from './icons';\r\nimport { getMenuStateForItem } from '../menuRuntime';\r\nimport type {\r\n RichTextToolbarIcons,\r\n ToolbarGroupMenuState\r\n} from './type';\r\n\r\nexport const toolbarGroupButtonSelector = 'button[data-bridgerte-toolbar-group-id]';\r\nexport const toolbarButtonSelector = 'button[data-bridgerte-toolbar-item-id]';\r\n// 可执行按钮同时覆盖 toolbar 主按钮和 group menu 子项,避免浮层子菜单绕过统一命令入口。\r\nexport const toolbarExecutableButtonSelector = [\n toolbarButtonSelector,\n '.bridgerte__toolbar-group-menu-item'\n].join(',');\n\r\nconst getGroupMenuState = (items: MenuItem[], commandStates: CommandState[]) => {\r\n const itemStates = items.map((item) => getMenuStateForItem(item, commandStates));\r\n\r\n return {\r\n active: itemStates.some((state) => state.active),\r\n disabled: itemStates.length > 0 && itemStates.every((state) => state.disabled)\r\n };\r\n};\r\n\r\nconst renderToolbarButton = (\r\n groupElement: HTMLElement,\r\n item: MenuItem,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n const state = getMenuStateForItem(item, commandStates);\r\n const button = document.createElement('button');\r\n // icon 兜底顺序固定为:业务覆盖 > DOM 默认 SVG > label 文本。\r\n const iconSvg = icons[item.icon] ?? defaultMenuIcons[item.icon];\r\n\r\n button.type = 'button';\r\n button.className = 'bridgerte__toolbar-button';\r\n button.disabled = state.disabled;\r\n button.dataset.active = String(state.active);\r\n button.dataset.bridgerteToolbarItemId = item.id;\r\n button.setAttribute('aria-label', item.label);\r\n button.setAttribute('aria-pressed', String(state.active));\r\n if (enableTooltip) button.dataset.tooltip = item.label;\r\n\r\n appendMenuIcon(button, iconSvg, item.label);\r\n\r\n groupElement.append(button);\r\n};\r\n\r\nconst renderToolbarGroupButton = (\r\n groupElement: HTMLElement,\r\n toolbarItem: Extract<ResolvedToolbarItem, { type: 'group' }>,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n const button = document.createElement('button');\r\n const groupState = getGroupMenuState(toolbarItem.items, commandStates);\r\n const iconSvg = toolbarItem.icon\r\n ? icons[toolbarItem.icon] ?? defaultMenuIcons[toolbarItem.icon]\r\n : defaultMenuUiIcons.toolbarGroup;\r\n const indicator = document.createElement('span');\r\n\r\n button.type = 'button';\r\n button.className = 'bridgerte__toolbar-button bridgerte__toolbar-group-button';\r\n button.disabled = groupState.disabled;\r\n button.dataset.active = String(groupState.active);\r\n button.dataset.bridgerteToolbarGroupId = toolbarItem.key;\r\n button.dataset.open = 'false';\r\n button.setAttribute('aria-label', toolbarItem.title);\r\n button.setAttribute('aria-haspopup', 'menu');\r\n button.setAttribute('aria-expanded', 'false');\r\n button.setAttribute('aria-pressed', String(groupState.active));\r\n if (enableTooltip) button.dataset.tooltip = toolbarItem.title;\r\n\r\n appendMenuIcon(button, iconSvg, toolbarItem.title);\r\n\r\n indicator.className = 'bridgerte__toolbar-group-indicator';\r\n indicator.setAttribute('aria-hidden', 'true');\r\n indicator.innerHTML = defaultMenuUiIcons.chevronDown;\r\n button.append(indicator);\r\n groupElement.append(button);\r\n};\r\n\r\n/**\r\n * 渲染 toolbar 横向主入口。\n *\n * 字符串菜单直接渲染为按钮,`|` 渲染分割线。\n * 只有用户显式声明的 group 配置才生成收纳入口,避免 schema 隐式改变 DOM 结构。\n */\r\nexport const renderToolbar = (\r\n toolbarElement: HTMLElement,\r\n toolbarItems: ResolvedToolbarItem[],\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n toolbarElement.textContent = '';\r\n\r\n toolbarItems.forEach((toolbarItem) => {\n if (toolbarItem.type === 'separator') {\n const separatorElement = document.createElement('span');\n\n separatorElement.className = 'bridgerte__toolbar-separator';\n separatorElement.dataset.separatorId = toolbarItem.key;\r\n separatorElement.setAttribute('aria-hidden', 'true');\r\n toolbarElement.append(separatorElement);\r\n return;\n }\n\n if (toolbarItem.type === 'button') {\n renderToolbarButton(\n toolbarElement,\n toolbarItem.item,\n commandStates,\n icons,\n enableTooltip\n );\n return;\n }\n\n /*\n * 收纳菜单是用户在 toolbarConfig 里显式声明的结构;普通菜单不会自动生成 DOM 包裹,\n * 显示分组完全交给用户用 group 配置或 `|` 控制。\n */\n const groupElement = document.createElement('div');\n\n groupElement.className = 'bridgerte__toolbar-group';\n groupElement.dataset.group = toolbarItem.key;\n groupElement.setAttribute('aria-label', toolbarItem.title);\n toolbarElement.append(groupElement);\n\n renderToolbarGroupButton(\n groupElement,\n toolbarItem,\n commandStates,\n icons,\n enableTooltip\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * 渲染 group button 打开的纵向收纳菜单。\r\n *\r\n * 浮层只展示 MenuItem 子项并复用现有 item id,点击执行仍由 index.ts 统一走 EditorAPI。\r\n */\r\nexport const renderToolbarGroupMenu = (\r\n menuElement: HTMLElement,\r\n groupMenuState: ToolbarGroupMenuState | null,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons\r\n) => {\r\n menuElement.textContent = '';\r\n\r\n if (!groupMenuState) {\r\n menuElement.dataset.visible = 'false';\r\n return;\r\n }\r\n\r\n groupMenuState.items.forEach((item) => {\r\n const state = getMenuStateForItem(item, commandStates);\r\n const button = document.createElement('button');\r\n const iconSvg = icons[item.icon] ?? defaultMenuIcons[item.icon];\r\n const labelElement = document.createElement('span');\n\n button.type = 'button';\n button.className = 'bridgerte__menu-item bridgerte__toolbar-group-menu-item';\n button.disabled = state.disabled;\r\n button.dataset.active = String(state.active);\r\n button.dataset.bridgerteToolbarItemId = item.id;\r\n button.setAttribute('role', 'menuitem');\r\n button.setAttribute('aria-label', item.label);\r\n button.setAttribute('aria-pressed', String(state.active));\r\n\r\n appendMenuIcon(button, iconSvg, item.label);\r\n labelElement.className = 'bridgerte__toolbar-group-menu-label';\r\n labelElement.textContent = item.label;\r\n button.append(labelElement);\r\n menuElement.append(button);\r\n });\r\n\r\n menuElement.dataset.visible = 'true';\r\n menuElement.style.minWidth = `${groupMenuState.button.offsetWidth}px`;\r\n};\r\n\r\nexport const syncToolbarGroupButtonState = (\r\n container: HTMLElement,\r\n groupMenuState: ToolbarGroupMenuState | null\r\n) => {\r\n container.querySelectorAll<HTMLButtonElement>(toolbarGroupButtonSelector).forEach((button) => {\r\n const open = groupMenuState?.groupKey === button.dataset.bridgerteToolbarGroupId;\r\n\r\n button.dataset.open = String(open);\r\n button.setAttribute('aria-expanded', String(open));\r\n });\r\n};\r\n\r\nexport const findToolbarGroupMenuItem = (\r\n toolbarItems: ResolvedToolbarItem[],\r\n groupKey: string | undefined\r\n) => toolbarItems.find((item): item is Extract<ResolvedToolbarItem, { type: 'group' }> => (\r\n item.type === 'group' && item.key === groupKey\r\n));\r\n","import type { CommandState } from '@bridgerte/core';\r\nimport {\r\n defaultMenuSchema,\r\n resolveToolbarMenu\r\n} from '@bridgerte/native-spec';\r\nimport { createFloatingLayer, type RichTextFloatingLayer } from '../floatingLayer';\r\nimport { bindTouchPressedState } from '../interactionState';\r\nimport {\r\n getPayloadPanelCurrentValues,\r\n resolveMenuSchemaForDom\r\n} from '../menuRuntime';\r\nimport {\r\n focusFirstToolbarGroupMenuItem,\r\n handleToolbarGroupMenuKeyDown\r\n} from './groupMenuKeyboard';\r\nimport {\r\n findToolbarGroupMenuItem,\r\n renderToolbar,\r\n renderToolbarGroupMenu,\r\n syncToolbarGroupButtonState,\r\n toolbarExecutableButtonSelector,\r\n toolbarGroupButtonSelector\r\n} from './render';\r\nimport type {\r\n RichTextToolbarAPI,\r\n ToolbarGroupMenuState,\r\n RichTextToolbarOptions,\r\n ToolbarDragState\r\n} from './type';\r\n\r\nconst toolbarDragClickThresholdPx = 4;\nconst toolbarTooltipOffsetPx = 8;\nconst toolbarGroupMenuOffsetPx = 6;\nconst toolbarTouchStartOptions = {\n capture: true,\n passive: false\n} as const;\n\r\nexport type * from './type';\r\n\r\nconst canUseHoverTooltip = () => (\r\n typeof window !== 'undefined'\r\n && window.matchMedia?.('(hover: hover) and (pointer: fine)').matches === true\r\n);\r\n\r\nconst getToolbarButtonFromTarget = (target: EventTarget | null) => {\r\n /*\r\n * 图标覆盖常用 SVG,H5 pointer 事件可能落在 svg/path 上。\r\n * 这里用 Element 而不是 HTMLElement,保证触屏兜底和 click 都能向上命中真实按钮。\r\n */\r\n const button = target instanceof Element\r\n ? target.closest<HTMLButtonElement>(toolbarExecutableButtonSelector)\r\n : null;\r\n\r\n return button instanceof HTMLButtonElement ? button : null;\r\n};\r\n\r\nconst getToolbarGroupButtonFromTarget = (target: EventTarget | null) => {\r\n const button = target instanceof Element\r\n ? target.closest<HTMLButtonElement>(toolbarGroupButtonSelector)\r\n : null;\r\n\r\n return button instanceof HTMLButtonElement ? button : null;\r\n};\r\n\r\n/**\r\n * 创建独立菜单实例。\r\n *\r\n * toolbar/tabbar 只订阅 EditorAPI 状态并派发命令,不接触编辑器内部 DOM 或 Lexical 实例。\r\n */\r\nexport function createRichTextToolbar(\r\n container: HTMLElement,\r\n options: RichTextToolbarOptions\r\n): RichTextToolbarAPI {\r\n const placement = options.placement ?? 'top';\r\n const menuSchema = resolveMenuSchemaForDom(options.menuSchema ?? defaultMenuSchema, {\r\n menuLabels: options.menuLabels,\r\n payloadPanelConfig: options.payloadPanelConfig\r\n });\r\n const toolbarItems = resolveToolbarMenu(options.toolbarConfig, menuSchema);\r\n /*\r\n * click 事件只需要能执行命令的菜单项。分割线和 group 容器是渲染结构,\r\n * 先在这里摊平,后续点击时就不用理解 toolbarConfig 的展示层级。\r\n */\r\n const executableMenuItems = toolbarItems.flatMap((toolbarItem) => (\r\n toolbarItem.type === 'button' ? [toolbarItem.item]\r\n : toolbarItem.type === 'group' ? toolbarItem.items\r\n : []\r\n ));\r\n const icons = options.icons ?? {};\r\n /*\r\n * tooltip 只属于 PC 精细指针体验。H5 上即使没有原生 title,部分浏览器也会把 hover/mouseover\r\n * 模拟成首触摸状态,导致第一次点像是只唤醒提示;所以触屏端不写 tooltip 数据也不挂监听。\r\n */\r\n const enableTooltip = canUseHoverTooltip();\r\n const tooltipElement = document.createElement('div');\r\n const groupMenuElement = document.createElement('div');\r\n const overlayHost = container.closest('.bridgerte') ?? container;\r\n let destroyed = false;\r\n let dragState: ToolbarDragState | null = null;\r\n let shouldSuppressNextClick = false;\r\n let latestCommandStates = options.editor.getCommandStates();\r\n let groupMenuState: ToolbarGroupMenuState | null = null;\r\n let groupMenuFloatingLayer: RichTextFloatingLayer | null = null;\r\n const clearToolbarPressedState = bindTouchPressedState(container, {\r\n targetSelector: [\r\n 'button[data-bridgerte-toolbar-item-id]',\r\n 'button[data-bridgerte-toolbar-group-id]'\r\n ].join(',')\r\n });\r\n const clearGroupMenuPressedState = bindTouchPressedState(groupMenuElement, {\r\n targetSelector: '.bridgerte__toolbar-group-menu-item'\r\n });\r\n\r\n const mountToolbarOverlays = () => {\r\n // 独立 toolbar 可能不在 `.bridgerte` 内,渲染按钮会清空 container,需要把浮层重新挂回去。\r\n overlayHost.append(tooltipElement);\r\n overlayHost.append(groupMenuElement);\r\n };\r\n\r\n const closeGroupMenuFloatingLayer = () => {\r\n groupMenuFloatingLayer?.setOpen(false);\r\n groupMenuFloatingLayer?.destroy();\r\n groupMenuFloatingLayer = null;\r\n };\r\n\r\n const openGroupMenuFloatingLayer = () => {\r\n if (!groupMenuState) return;\r\n\r\n closeGroupMenuFloatingLayer();\r\n /*\r\n * group menu 和 hoverbar/mention/slash 一样属于轻浮层,必须走 floatingLayer。\r\n * 这里按 toolbar placement 给出首选方向,真正的翻转、键盘可视区和左右夹紧交给\r\n * createFloatingLayer 内部的 visualViewport + flip + shift + clamp 统一处理。\r\n */\r\n groupMenuFloatingLayer = createFloatingLayer(groupMenuState.button, groupMenuElement, {\r\n placement: placement === 'bottom' ? 'top-start' : 'bottom-start',\r\n offset: toolbarGroupMenuOffsetPx,\r\n strategy: 'fixed'\r\n });\r\n groupMenuFloatingLayer.setOpen(true);\r\n };\r\n\r\n const closeGroupMenu = () => {\r\n closeGroupMenuFloatingLayer();\r\n groupMenuState = null;\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n };\r\n\r\n const renderStates = (states: CommandState[]) => {\r\n if (destroyed) return;\r\n\r\n latestCommandStates = states;\r\n if (groupMenuState) closeGroupMenuFloatingLayer();\r\n renderToolbar(container, toolbarItems, states, icons, enableTooltip);\r\n mountToolbarOverlays();\r\n if (groupMenuState) {\r\n const nextButton = Array.from(\r\n container.querySelectorAll<HTMLButtonElement>(toolbarGroupButtonSelector)\r\n ).find((button) => button.dataset.bridgerteToolbarGroupId === groupMenuState?.groupKey);\r\n const nextGroupItem = findToolbarGroupMenuItem(toolbarItems, groupMenuState.groupKey);\r\n\r\n groupMenuState = nextButton && nextGroupItem\r\n ? {\r\n groupKey: groupMenuState.groupKey,\r\n button: nextButton,\r\n items: nextGroupItem.items\r\n }\r\n : null;\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n if (groupMenuState) openGroupMenuFloatingLayer();\r\n }\r\n };\r\n\r\n const update = () => {\r\n if (destroyed) return;\r\n\r\n renderStates(options.editor.getCommandStates());\r\n };\r\n\r\n const hideTooltip = () => {\r\n tooltipElement.dataset.visible = 'false';\r\n tooltipElement.textContent = '';\r\n };\r\n\r\n const showTooltip = (button: HTMLButtonElement) => {\r\n const tooltipText = button.dataset.tooltip;\r\n\r\n if (!enableTooltip || !tooltipText || dragState) return;\r\n\r\n const buttonRect = button.getBoundingClientRect();\r\n\r\n tooltipElement.textContent = tooltipText;\r\n tooltipElement.dataset.visible = 'true';\r\n tooltipElement.style.left = `${buttonRect.left + buttonRect.width / 2}px`;\r\n tooltipElement.style.top = `${buttonRect.top - toolbarTooltipOffsetPx}px`;\r\n };\r\n\r\n const handleTooltipTarget = (event: Event) => {\r\n const button = getToolbarButtonFromTarget(event.target);\r\n\r\n if (button) {\r\n showTooltip(button);\r\n }\r\n };\r\n\r\n const handleTooltipLeave = (event: MouseEvent) => {\r\n const relatedTarget = event.relatedTarget;\r\n const button = getToolbarButtonFromTarget(event.target);\r\n\r\n if (\r\n button\r\n && relatedTarget instanceof Node\r\n && button.contains(relatedTarget)\r\n ) return;\r\n\r\n hideTooltip();\r\n };\r\n\r\n const stopToolbarDrag = () => {\r\n dragState = null;\r\n\r\n delete container.dataset.dragging;\r\n // 拖动过程中监听挂在 document 上,松手或 destroy 必须统一清掉,避免离开 toolbar 后残留滚动状态。\r\n document.removeEventListener('pointermove', handlePointerMove);\r\n document.removeEventListener('pointerup', handlePointerUp);\r\n document.removeEventListener('pointercancel', handlePointerUp);\r\n };\r\n\r\n const handlePointerMove = (event: PointerEvent) => {\r\n if (!dragState) return;\r\n\r\n const deltaX = dragState.startClientX - event.clientX;\r\n\r\n if (Math.abs(deltaX) > toolbarDragClickThresholdPx) {\r\n dragState.hasDragged = true;\r\n shouldSuppressNextClick = true;\r\n hideTooltip();\r\n closeGroupMenu();\r\n }\r\n\r\n container.scrollLeft = dragState.startScrollLeft + deltaX;\r\n };\r\n\r\n const handlePointerUp = (event: PointerEvent) => {\r\n const currentDragState = dragState;\r\n\r\n stopToolbarDrag();\r\n if (\r\n currentDragState\r\n && event.type !== 'pointercancel'\r\n && currentDragState.pointerType !== 'mouse'\r\n && !currentDragState.hasDragged\r\n && currentDragState.startButton\r\n ) {\r\n executeToolbarButton(currentDragState.startButton);\r\n shouldSuppressNextClick = true;\r\n }\r\n };\r\n\r\n const handlePointerDown = (event: PointerEvent) => {\n if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n const startButton = getToolbarButtonFromTarget(event.target);\n\r\n // 点击和拖动 toolbar 都要保留编辑区 selection,命令才能继续作用在原选区。\r\n event.preventDefault();\r\n dragState = {\r\n startClientX: event.clientX,\r\n startScrollLeft: container.scrollLeft,\r\n pointerType: event.pointerType,\r\n hasDragged: false,\r\n startButton: startButton ?? undefined\r\n };\r\n container.dataset.dragging = 'true';\r\n hideTooltip();\r\n // pointermove 放到 document,保证用户按住 X 轴拖出 toolbar 后仍能完成滚动和释放。\r\n document.addEventListener('pointermove', handlePointerMove);\r\n document.addEventListener('pointerup', handlePointerUp);\r\n document.addEventListener('pointercancel', handlePointerUp);\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n /*\n * H5/WebView 里触摸 contenteditable 外部按钮可能先触发编辑器 blur,\n * 导致软键盘收起、底部 toolbar 消失。touchstart 必须用非 passive capture\n * 兜底拦截默认失焦;实际横向滚动仍交给 pointermove 手动更新 scrollLeft。\n */\n if (event.defaultPrevented) return;\n\n if (event.cancelable) event.preventDefault();\n };\n\n const executeToolbarButton = (button: HTMLButtonElement) => {\n if (!(button instanceof HTMLButtonElement) || button.disabled) return;\n\r\n const menuItem = executableMenuItems.find((item) => (\r\n item.id === button.dataset.bridgerteToolbarItemId\r\n ));\r\n\r\n if (!menuItem) return;\r\n\r\n if (menuItem.payloadPanel) {\r\n const buttonRect = button.getBoundingClientRect();\r\n\r\n /*\r\n * 带 payloadPanel 的菜单不直接执行基础 command,而是发起参数请求。\r\n * DOM 内置面板和业务/RN/Flutter 自绘都走同一个 request,避免后续颜色、\r\n * 字体、链接等参数菜单各自发明一套协议。\r\n */\r\n options.editor.requestPayloadPanel({\r\n menuId: menuItem.id,\r\n command: menuItem.command,\r\n panel: menuItem.payloadPanel,\r\n currentValues: getPayloadPanelCurrentValues(menuItem, options.editor.getCommandStates()),\r\n anchorRect: {\r\n x: buttonRect.left,\r\n y: buttonRect.top,\r\n width: buttonRect.width,\r\n height: buttonRect.height\r\n }\r\n });\r\n return;\r\n }\r\n\r\n options.editor.executeCommand(menuItem.command);\r\n };\r\n\r\n const toggleGroupMenu = (button: HTMLButtonElement) => {\r\n const groupItem = findToolbarGroupMenuItem(\r\n toolbarItems,\r\n button.dataset.bridgerteToolbarGroupId\r\n );\r\n\r\n if (!groupItem || button.disabled) return;\r\n\r\n if (groupMenuState?.groupKey === groupItem.key) {\r\n closeGroupMenu();\r\n return;\r\n }\r\n\r\n groupMenuState = {\r\n groupKey: groupItem.key,\r\n button,\r\n items: groupItem.items\r\n };\r\n hideTooltip();\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n openGroupMenuFloatingLayer();\r\n focusFirstToolbarGroupMenuItem(groupMenuElement);\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n if (shouldSuppressNextClick) {\r\n shouldSuppressNextClick = false;\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n const groupButton = getToolbarGroupButtonFromTarget(event.target);\r\n if (groupButton) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n toggleGroupMenu(groupButton);\r\n return;\r\n }\r\n\r\n const button = getToolbarButtonFromTarget(event.target);\r\n if (!button) return;\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n executeToolbarButton(button);\r\n closeGroupMenu();\r\n };\r\n\r\n const handleGroupMenuPointerDown = (event: PointerEvent) => {\r\n /*\r\n * group 菜单浮层挂在 toolbar 容器外,不能复用容器级 pointerdown。\r\n * 子菜单点击仍要保留编辑区 selection,否则格式命令会丢失原选区。\r\n */\r\n if (event.pointerType === 'mouse' && event.button !== 0) return;\r\n\r\n event.preventDefault();\r\n };\r\n\r\n const handleDocumentClick = (event: MouseEvent) => {\r\n const target = event.target;\r\n\r\n if (\r\n target instanceof Node\r\n && (container.contains(target) || groupMenuElement.contains(target))\r\n ) return;\r\n\r\n closeGroupMenu();\r\n };\r\n\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (groupMenuState && groupMenuElement.contains(document.activeElement)) {\r\n handleToolbarGroupMenuKeyDown(\r\n event,\r\n groupMenuElement,\r\n groupMenuState.button,\r\n executeToolbarButton,\r\n closeGroupMenu\r\n );\r\n return;\r\n }\r\n\r\n if (event.key !== 'Escape') return;\r\n\r\n closeGroupMenu();\r\n };\r\n\r\n container.classList.add('bridgerte__toolbar');\r\n tooltipElement.className = 'bridgerte__toolbar-tooltip';\r\n tooltipElement.dataset.visible = 'false';\r\n groupMenuElement.className = 'bridgerte__floating-menu bridgerte__toolbar-group-menu';\n groupMenuElement.dataset.visible = 'false';\r\n groupMenuElement.setAttribute('role', 'menu');\r\n container.dataset.placement = placement;\r\n container.setAttribute('role', 'toolbar');\r\n container.setAttribute(\r\n 'aria-label',\r\n placement === 'bottom' ? 'BridgeRTE tabbar' : 'BridgeRTE toolbar'\r\n );\r\n container.addEventListener('pointerdown', handlePointerDown, true);\n container.addEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n container.addEventListener('click', handleClick);\n groupMenuElement.addEventListener('pointerdown', handleGroupMenuPointerDown, true);\n groupMenuElement.addEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n groupMenuElement.addEventListener('click', handleClick);\n document.addEventListener('click', handleDocumentClick);\n document.addEventListener('keydown', handleKeyDown);\r\n if (enableTooltip) {\r\n container.addEventListener('mouseover', handleTooltipTarget);\r\n container.addEventListener('mouseout', handleTooltipLeave);\r\n }\r\n container.addEventListener('focusout', hideTooltip);\r\n // 浮层挂在最近的编辑器根容器下,既能继承变量,也不会操作编辑内容 DOM。\r\n mountToolbarOverlays();\r\n\r\n // 独立 toolbar 只订阅 public API 状态,不依赖 DOM 编辑器内部实现。\r\n const unsubscribe = options.editor.subscribeCommandStateChange(renderStates);\r\n\r\n return {\r\n update,\r\n destroy() {\r\n if (destroyed) return;\r\n\r\n destroyed = true;\r\n stopToolbarDrag();\r\n unsubscribe();\n closeGroupMenu();\n container.removeEventListener('pointerdown', handlePointerDown, true);\n container.removeEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n container.removeEventListener('click', handleClick);\n groupMenuElement.removeEventListener('pointerdown', handleGroupMenuPointerDown, true);\n groupMenuElement.removeEventListener(\n 'touchstart',\n handleTouchStart,\n toolbarTouchStartOptions\n );\n groupMenuElement.removeEventListener('click', handleClick);\n document.removeEventListener('click', handleDocumentClick);\n document.removeEventListener('keydown', handleKeyDown);\r\n if (enableTooltip) {\r\n container.removeEventListener('mouseover', handleTooltipTarget);\r\n container.removeEventListener('mouseout', handleTooltipLeave);\r\n }\r\n clearToolbarPressedState();\r\n clearGroupMenuPressedState();\r\n container.removeEventListener('focusout', hideTooltip);\r\n tooltipElement.remove();\r\n groupMenuElement.remove();\r\n container.classList.remove('bridgerte__toolbar');\r\n delete container.dataset.placement;\r\n container.textContent = '';\r\n container.removeAttribute('role');\r\n container.removeAttribute('aria-label');\r\n }\r\n };\r\n}\r\n","const invisibleTextPattern = /[\\u200B-\\u200D\\uFEFF]/g;\n\n/*\n * HTML 片段里这些元素没有 textContent 也应算有效内容。\n * 纯排版容器不放进来,避免 `<p><br></p>`、空列表项这类编辑器占位被误判为非空。\n */\nconst meaningfulHtmlContentSelector = [\n 'img',\n 'video',\n 'audio',\n 'iframe',\n 'table',\n 'pre',\n 'code',\n 'hr',\n 'figure',\n 'canvas',\n 'svg',\n 'math',\n '[data-type=\"mention\"]'\n].join(',');\n\nconst normalizeHtmlText = (text: string | null | undefined): string => (\n text?.replace(invisibleTextPattern, '').trim() ?? ''\n);\n\n/**\n * 判断一段 HTML 片段是否包含可保存的富文本内容。\n *\n * 这个工具会使用浏览器 template 解析 HTML,适合只拿到 HTML 字符串的业务表单;如果已经持有\n * `EditorContent`,优先使用 core 的 `isEditorContentEmpty()`,避免额外 DOM parse。\n */\nexport const hasMeaningfulHtmlContent = (html: string): boolean => {\n if (!normalizeHtmlText(html)) return false;\n\n const template = document.createElement('template');\n\n template.innerHTML = html;\n\n return Boolean(\n normalizeHtmlText(template.content.textContent)\n || template.content.querySelector(meaningfulHtmlContentSelector)\n );\n};\n"],"names":["defaultMenuUiIcons","getEnabledGroupMenuButtons","menuElement","button","focusToolbarGroupMenuItem","index","nextButton","focusFirstToolbarGroupMenuItem","handleToolbarGroupMenuKeyDown","event","returnButton","executeToolbarButton","closeGroupMenu","buttons","activeIndex","focusByOffset","offset","nextIndex","_a","_b","toolbarGroupButtonSelector","toolbarButtonSelector","toolbarExecutableButtonSelector","getGroupMenuState","items","commandStates","itemStates","item","getMenuStateForItem","state","renderToolbarButton","groupElement","icons","enableTooltip","iconSvg","defaultMenuIcons","appendMenuIcon","renderToolbarGroupButton","toolbarItem","groupState","indicator","renderToolbar","toolbarElement","toolbarItems","separatorElement","renderToolbarGroupMenu","groupMenuState","labelElement","syncToolbarGroupButtonState","container","open","findToolbarGroupMenuItem","groupKey","toolbarDragClickThresholdPx","toolbarTooltipOffsetPx","toolbarGroupMenuOffsetPx","toolbarTouchStartOptions","canUseHoverTooltip","getToolbarButtonFromTarget","target","getToolbarGroupButtonFromTarget","createRichTextToolbar","options","placement","menuSchema","resolveMenuSchemaForDom","defaultMenuSchema","resolveToolbarMenu","executableMenuItems","tooltipElement","groupMenuElement","overlayHost","destroyed","dragState","shouldSuppressNextClick","latestCommandStates","groupMenuFloatingLayer","clearToolbarPressedState","bindTouchPressedState","clearGroupMenuPressedState","mountToolbarOverlays","closeGroupMenuFloatingLayer","openGroupMenuFloatingLayer","createFloatingLayer","renderStates","states","nextGroupItem","update","hideTooltip","showTooltip","tooltipText","buttonRect","handleTooltipTarget","handleTooltipLeave","relatedTarget","stopToolbarDrag","handlePointerMove","handlePointerUp","deltaX","currentDragState","handlePointerDown","startButton","handleTouchStart","menuItem","getPayloadPanelCurrentValues","toggleGroupMenu","groupItem","handleClick","groupButton","handleGroupMenuPointerDown","handleDocumentClick","handleKeyDown","unsubscribe","invisibleTextPattern","meaningfulHtmlContentSelector","normalizeHtmlText","text","hasMeaningfulHtmlContent","html","template"],"mappings":"oFAMaA,EAAqB,CAChC,aAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmBd,YAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBf,EC3CaC,EAA8BC,GACzC,MAAM,KACJA,EAAY,iBAAoC,qCAAqC,CACvF,EAAE,OAAQC,GAAW,CAACA,EAAO,QAAQ,EAG1BC,GAA4B,CAACF,EAA0BG,IAAkB,CAEpF,MAAMC,EADUL,EAA2BC,CAAW,EAC3BG,CAAK,EAE5BC,KAAuB,MAAA,CAC7B,EAEaC,GAAkCL,GAA6B,CAK1EE,GAA0BF,EAAa,CAAC,CAC1C,EAEaM,GAAgC,CAC3CC,EACAP,EACAQ,EACAC,EACAC,IACG,SACH,MAAMC,EAAUZ,EAA2BC,CAAW,EAChDY,EAAc,SAAS,yBAAyB,kBAClDD,EAAQ,QAAQ,SAAS,aAAa,EACtC,GACEE,EAAiBC,GAAmB,OACxC,GAAIH,EAAQ,SAAW,EAAG,OAG1B,MAAMI,IADYH,GAAe,EAAIA,EAAc,GACpBE,EAASH,EAAQ,QAAUA,EAAQ,QAElEK,EAAAL,EAAQI,CAAS,IAAjB,MAAAC,EAAoB,OACtB,EAMA,OAAQT,EAAM,IAAA,CACZ,IAAK,YACHA,EAAM,eAAA,EACNM,EAAc,CAAC,EACf,MACF,IAAK,UACHN,EAAM,eAAA,EACNM,EAAc,EAAE,EAChB,MACF,IAAK,OACHN,EAAM,eAAA,GACNS,EAAAL,EAAQ,CAAC,IAAT,MAAAK,EAAY,QACZ,MACF,IAAK,MACHT,EAAM,eAAA,GACNU,EAAAN,EAAQ,GAAG,EAAE,IAAb,MAAAM,EAAgB,QAChB,MACF,IAAK,QACL,IAAK,IACC,SAAS,yBAAyB,oBACpCV,EAAM,eAAA,EACNE,EAAqB,SAAS,aAAa,EAC3CC,EAAA,EACAF,EAAa,MAAA,GAEf,MACF,IAAK,SACHD,EAAM,eAAA,EACNC,EAAa,MAAA,EACbE,EAAA,EACA,KAEA,CAEN,EClEaQ,EAA6B,0CAC7BC,GAAwB,yCAExBC,GAAkC,CAC7CD,GACA,qCACF,EAAE,KAAK,GAAG,EAEJE,GAAoB,CAACC,EAAmBC,IAAkC,CAC9E,MAAMC,EAAaF,EAAM,IAAKG,GAASC,sBAAoBD,EAAMF,CAAa,CAAC,EAE/E,MAAO,CACL,OAAQC,EAAW,KAAMG,GAAUA,EAAM,MAAM,EAC/C,SAAUH,EAAW,OAAS,GAAKA,EAAW,MAAOG,GAAUA,EAAM,QAAQ,CAAA,CAEjF,EAEMC,GAAsB,CAC1BC,EACAJ,EACAF,EACAO,EACAC,IACG,CACH,MAAMJ,EAAQD,EAAAA,oBAAoBD,EAAMF,CAAa,EAC/CtB,EAAS,SAAS,cAAc,QAAQ,EAExC+B,EAAUF,EAAML,EAAK,IAAI,GAAKQ,EAAAA,iBAAiBR,EAAK,IAAI,EAE9DxB,EAAO,KAAO,SACdA,EAAO,UAAY,4BACnBA,EAAO,SAAW0B,EAAM,SACxB1B,EAAO,QAAQ,OAAS,OAAO0B,EAAM,MAAM,EAC3C1B,EAAO,QAAQ,uBAAyBwB,EAAK,GAC7CxB,EAAO,aAAa,aAAcwB,EAAK,KAAK,EAC5CxB,EAAO,aAAa,eAAgB,OAAO0B,EAAM,MAAM,CAAC,EACpDI,IAAe9B,EAAO,QAAQ,QAAUwB,EAAK,OAEjDS,EAAAA,eAAejC,EAAQ+B,EAASP,EAAK,KAAK,EAE1CI,EAAa,OAAO5B,CAAM,CAC5B,EAEMkC,GAA2B,CAC/BN,EACAO,EACAb,EACAO,EACAC,IACG,CACH,MAAM9B,EAAS,SAAS,cAAc,QAAQ,EACxCoC,EAAahB,GAAkBe,EAAY,MAAOb,CAAa,EAC/DS,EAAUI,EAAY,KACxBN,EAAMM,EAAY,IAAI,GAAKH,EAAAA,iBAAiBG,EAAY,IAAI,EAC5DtC,EAAmB,aACjBwC,EAAY,SAAS,cAAc,MAAM,EAE/CrC,EAAO,KAAO,SACdA,EAAO,UAAY,4DACnBA,EAAO,SAAWoC,EAAW,SAC7BpC,EAAO,QAAQ,OAAS,OAAOoC,EAAW,MAAM,EAChDpC,EAAO,QAAQ,wBAA0BmC,EAAY,IACrDnC,EAAO,QAAQ,KAAO,QACtBA,EAAO,aAAa,aAAcmC,EAAY,KAAK,EACnDnC,EAAO,aAAa,gBAAiB,MAAM,EAC3CA,EAAO,aAAa,gBAAiB,OAAO,EAC5CA,EAAO,aAAa,eAAgB,OAAOoC,EAAW,MAAM,CAAC,EACzDN,IAAe9B,EAAO,QAAQ,QAAUmC,EAAY,OAExDF,EAAAA,eAAejC,EAAQ+B,EAASI,EAAY,KAAK,EAEjDE,EAAU,UAAY,qCACtBA,EAAU,aAAa,cAAe,MAAM,EAC5CA,EAAU,UAAYxC,EAAmB,YACzCG,EAAO,OAAOqC,CAAS,EACvBT,EAAa,OAAO5B,CAAM,CAC5B,EAQasC,GAAgB,CAC3BC,EACAC,EACAlB,EACAO,EACAC,IACG,CACHS,EAAe,YAAc,GAE7BC,EAAa,QAASL,GAAgB,CACpC,GAAIA,EAAY,OAAS,YAAa,CACpC,MAAMM,EAAmB,SAAS,cAAc,MAAM,EAEtDA,EAAiB,UAAY,+BAC7BA,EAAiB,QAAQ,YAAcN,EAAY,IACnDM,EAAiB,aAAa,cAAe,MAAM,EACnDF,EAAe,OAAOE,CAAgB,EACtC,MACF,CAEA,GAAIN,EAAY,OAAS,SAAU,CACjCR,GACEY,EACAJ,EAAY,KACZb,EACAO,EACAC,CAAA,EAEF,MACF,CAMA,MAAMF,EAAe,SAAS,cAAc,KAAK,EAEjDA,EAAa,UAAY,2BACzBA,EAAa,QAAQ,MAAQO,EAAY,IACzCP,EAAa,aAAa,aAAcO,EAAY,KAAK,EACzDI,EAAe,OAAOX,CAAY,EAElCM,GACEN,EACAO,EACAb,EACAO,EACAC,CAAA,CAEJ,CAAC,CACH,EAOaY,EAAyB,CACpC3C,EACA4C,EACArB,EACAO,IACG,CAGH,GAFA9B,EAAY,YAAc,GAEtB,CAAC4C,EAAgB,CACnB5C,EAAY,QAAQ,QAAU,QAC9B,MACF,CAEA4C,EAAe,MAAM,QAASnB,GAAS,CACrC,MAAME,EAAQD,EAAAA,oBAAoBD,EAAMF,CAAa,EAC/CtB,EAAS,SAAS,cAAc,QAAQ,EACxC+B,EAAUF,EAAML,EAAK,IAAI,GAAKQ,EAAAA,iBAAiBR,EAAK,IAAI,EACxDoB,EAAe,SAAS,cAAc,MAAM,EAElD5C,EAAO,KAAO,SACdA,EAAO,UAAY,0DACnBA,EAAO,SAAW0B,EAAM,SACxB1B,EAAO,QAAQ,OAAS,OAAO0B,EAAM,MAAM,EAC3C1B,EAAO,QAAQ,uBAAyBwB,EAAK,GAC7CxB,EAAO,aAAa,OAAQ,UAAU,EACtCA,EAAO,aAAa,aAAcwB,EAAK,KAAK,EAC5CxB,EAAO,aAAa,eAAgB,OAAO0B,EAAM,MAAM,CAAC,EAExDO,EAAAA,eAAejC,EAAQ+B,EAASP,EAAK,KAAK,EAC1CoB,EAAa,UAAY,sCACzBA,EAAa,YAAcpB,EAAK,MAChCxB,EAAO,OAAO4C,CAAY,EAC1B7C,EAAY,OAAOC,CAAM,CAC3B,CAAC,EAEDD,EAAY,QAAQ,QAAU,OAC9BA,EAAY,MAAM,SAAW,GAAG4C,EAAe,OAAO,WAAW,IACnE,EAEaE,EAA8B,CACzCC,EACAH,IACG,CACHG,EAAU,iBAAoC7B,CAA0B,EAAE,QAASjB,GAAW,CAC5F,MAAM+C,GAAOJ,GAAA,YAAAA,EAAgB,YAAa3C,EAAO,QAAQ,wBAEzDA,EAAO,QAAQ,KAAO,OAAO+C,CAAI,EACjC/C,EAAO,aAAa,gBAAiB,OAAO+C,CAAI,CAAC,CACnD,CAAC,CACH,EAEaC,EAA2B,CACtCR,EACAS,IACGT,EAAa,KAAMhB,GACtBA,EAAK,OAAS,SAAWA,EAAK,MAAQyB,CACvC,ECpLKC,GAA8B,EAC9BC,GAAyB,EACzBC,GAA2B,EAC3BC,EAA2B,CAC/B,QAAS,GACT,QAAS,EACX,EAIMC,GAAqB,IAAA,OACzB,cAAO,OAAW,OACbvC,EAAA,OAAO,aAAP,YAAAA,EAAA,YAAoB,sCAAsC,WAAY,IAGvEwC,EAA8BC,GAA+B,CAKjE,MAAMxD,EAASwD,aAAkB,QAC7BA,EAAO,QAA2BrC,EAA+B,EACjE,KAEJ,OAAOnB,aAAkB,kBAAoBA,EAAS,IACxD,EAEMyD,GAAmCD,GAA+B,CACtE,MAAMxD,EAASwD,aAAkB,QAC7BA,EAAO,QAA2BvC,CAA0B,EAC5D,KAEJ,OAAOjB,aAAkB,kBAAoBA,EAAS,IACxD,EAOO,SAAS0D,GACdZ,EACAa,EACoB,CACpB,MAAMC,EAAYD,EAAQ,WAAa,MACjCE,EAAaC,EAAAA,wBAAwBH,EAAQ,YAAcI,EAAAA,kBAAmB,CAClF,WAAYJ,EAAQ,WACpB,mBAAoBA,EAAQ,kBAAA,CAC7B,EACKnB,EAAewB,EAAAA,mBAAmBL,EAAQ,cAAeE,CAAU,EAKnEI,EAAsBzB,EAAa,QAASL,GAChDA,EAAY,OAAS,SAAW,CAACA,EAAY,IAAI,EAC7CA,EAAY,OAAS,QAAUA,EAAY,MACzC,EACP,EACKN,EAAQ8B,EAAQ,OAAS,CAAA,EAKzB7B,EAAgBwB,GAAA,EAChBY,EAAiB,SAAS,cAAc,KAAK,EAC7CC,EAAmB,SAAS,cAAc,KAAK,EAC/CC,EAActB,EAAU,QAAQ,YAAY,GAAKA,EACvD,IAAIuB,EAAY,GACZC,EAAqC,KACrCC,EAA0B,GAC1BC,EAAsBb,EAAQ,OAAO,iBAAA,EACrChB,EAA+C,KAC/C8B,EAAuD,KAC3D,MAAMC,EAA2BC,EAAAA,sBAAsB7B,EAAW,CAChE,eAAgB,CACd,yCACA,yCAAA,EACA,KAAK,GAAG,CAAA,CACX,EACK8B,EAA6BD,EAAAA,sBAAsBR,EAAkB,CACzE,eAAgB,qCAAA,CACjB,EAEKU,EAAuB,IAAM,CAEjCT,EAAY,OAAOF,CAAc,EACjCE,EAAY,OAAOD,CAAgB,CACrC,EAEMW,EAA8B,IAAM,CACxCL,GAAA,MAAAA,EAAwB,QAAQ,IAChCA,GAAA,MAAAA,EAAwB,UACxBA,EAAyB,IAC3B,EAEMM,EAA6B,IAAM,CAClCpC,IAELmC,EAAA,EAMAL,EAAyBO,EAAAA,oBAAoBrC,EAAe,OAAQwB,EAAkB,CACpF,UAAWP,IAAc,SAAW,YAAc,eAClD,OAAQR,GACR,SAAU,OAAA,CACX,EACDqB,EAAuB,QAAQ,EAAI,EACrC,EAEMhE,EAAiB,IAAM,CAC3BqE,EAAA,EACAnC,EAAiB,KACjBD,EAAuByB,EAAkBxB,EAAgB6B,EAAqB3C,CAAK,EACnFgB,EAA4BC,EAAWH,CAAc,CACvD,EAEMsC,EAAgBC,GAA2B,CAC/C,GAAI,CAAAb,IAEJG,EAAsBU,EAClBvC,GAAgBmC,EAAA,EACpBxC,GAAcQ,EAAWN,EAAc0C,EAAQrD,EAAOC,CAAa,EACnE+C,EAAA,EACIlC,GAAgB,CAClB,MAAMxC,EAAa,MAAM,KACvB2C,EAAU,iBAAoC7B,CAA0B,CAAA,EACxE,KAAMjB,IAAWA,GAAO,QAAQ,2BAA4B2C,GAAA,YAAAA,EAAgB,SAAQ,EAChFwC,EAAgBnC,EAAyBR,EAAcG,EAAe,QAAQ,EAEpFA,EAAiBxC,GAAcgF,EAC3B,CACA,SAAUxC,EAAe,SACzB,OAAQxC,EACR,MAAOgF,EAAc,KAAA,EAErB,KACJzC,EAAuByB,EAAkBxB,EAAgB6B,EAAqB3C,CAAK,EACnFgB,EAA4BC,EAAWH,CAAc,EACjDA,GAAgBoC,EAAA,CACtB,CACF,EAEMK,EAAS,IAAM,CACff,GAEJY,EAAatB,EAAQ,OAAO,kBAAkB,CAChD,EAEM0B,EAAc,IAAM,CACxBnB,EAAe,QAAQ,QAAU,QACjCA,EAAe,YAAc,EAC/B,EAEMoB,EAAetF,GAA8B,CACjD,MAAMuF,EAAcvF,EAAO,QAAQ,QAEnC,GAAI,CAAC8B,GAAiB,CAACyD,GAAejB,EAAW,OAEjD,MAAMkB,EAAaxF,EAAO,sBAAA,EAE1BkE,EAAe,YAAcqB,EAC7BrB,EAAe,QAAQ,QAAU,OACjCA,EAAe,MAAM,KAAO,GAAGsB,EAAW,KAAOA,EAAW,MAAQ,CAAC,KACrEtB,EAAe,MAAM,IAAM,GAAGsB,EAAW,IAAMrC,EAAsB,IACvE,EAEMsC,EAAuBnF,GAAiB,CAC5C,MAAMN,EAASuD,EAA2BjD,EAAM,MAAM,EAElDN,GACFsF,EAAYtF,CAAM,CAEtB,EAEM0F,EAAsBpF,GAAsB,CAChD,MAAMqF,EAAgBrF,EAAM,cACtBN,EAASuD,EAA2BjD,EAAM,MAAM,EAGpDN,GACK2F,aAAyB,MACzB3F,EAAO,SAAS2F,CAAa,GAGpCN,EAAA,CACF,EAEMO,EAAkB,IAAM,CAC5BtB,EAAY,KAEZ,OAAOxB,EAAU,QAAQ,SAEzB,SAAS,oBAAoB,cAAe+C,CAAiB,EAC7D,SAAS,oBAAoB,YAAaC,CAAe,EACzD,SAAS,oBAAoB,gBAAiBA,CAAe,CAC/D,EAEMD,EAAqBvF,GAAwB,CACjD,GAAI,CAACgE,EAAW,OAEhB,MAAMyB,EAASzB,EAAU,aAAehE,EAAM,QAE1C,KAAK,IAAIyF,CAAM,EAAI7C,KACrBoB,EAAU,WAAa,GACvBC,EAA0B,GAC1Bc,EAAA,EACA5E,EAAA,GAGFqC,EAAU,WAAawB,EAAU,gBAAkByB,CACrD,EAEMD,EAAmBxF,GAAwB,CAC/C,MAAM0F,EAAmB1B,EAEzBsB,EAAA,EAEEI,GACK1F,EAAM,OAAS,iBACf0F,EAAiB,cAAgB,SACjC,CAACA,EAAiB,YAClBA,EAAiB,cAEtBxF,EAAqBwF,EAAiB,WAAW,EACjDzB,EAA0B,GAE9B,EAEM0B,EAAqB3F,GAAwB,CACjD,GAAIA,EAAM,cAAgB,SAAWA,EAAM,SAAW,EAAG,OAEzD,MAAM4F,EAAc3C,EAA2BjD,EAAM,MAAM,EAG3DA,EAAM,eAAA,EACNgE,EAAY,CACV,aAAchE,EAAM,QACpB,gBAAiBwC,EAAU,WAC3B,YAAaxC,EAAM,YACnB,WAAY,GACZ,YAAa4F,GAAe,MAAA,EAE9BpD,EAAU,QAAQ,SAAW,OAC7BuC,EAAA,EAEA,SAAS,iBAAiB,cAAeQ,CAAiB,EAC1D,SAAS,iBAAiB,YAAaC,CAAe,EACtD,SAAS,iBAAiB,gBAAiBA,CAAe,CAC5D,EAEMK,EAAoB7F,GAAsB,CAM1CA,EAAM,kBAENA,EAAM,YAAYA,EAAM,eAAA,CAC9B,EAEME,EAAwBR,GAA8B,CAC1D,GAAI,EAAEA,aAAkB,oBAAsBA,EAAO,SAAU,OAE/D,MAAMoG,EAAWnC,EAAoB,KAAMzC,GACzCA,EAAK,KAAOxB,EAAO,QAAQ,sBAC5B,EAED,GAAKoG,EAEL,IAAIA,EAAS,aAAc,CACzB,MAAMZ,EAAaxF,EAAO,sBAAA,EAO1B2D,EAAQ,OAAO,oBAAoB,CACjC,OAAQyC,EAAS,GACjB,QAASA,EAAS,QAClB,MAAOA,EAAS,aAChB,cAAeC,EAAAA,6BAA6BD,EAAUzC,EAAQ,OAAO,kBAAkB,EACvF,WAAY,CACV,EAAG6B,EAAW,KACd,EAAGA,EAAW,IACd,MAAOA,EAAW,MAClB,OAAQA,EAAW,MAAA,CACrB,CACD,EACD,MACF,CAEA7B,EAAQ,OAAO,eAAeyC,EAAS,OAAO,EAChD,EAEME,EAAmBtG,GAA8B,CACrD,MAAMuG,EAAYvD,EAChBR,EACAxC,EAAO,QAAQ,uBAAA,EAGjB,GAAI,GAACuG,GAAavG,EAAO,UAEzB,KAAI2C,GAAA,YAAAA,EAAgB,YAAa4D,EAAU,IAAK,CAC9C9F,EAAA,EACA,MACF,CAEAkC,EAAiB,CACf,SAAU4D,EAAU,IACpB,OAAAvG,EACA,MAAOuG,EAAU,KAAA,EAEnBlB,EAAA,EACA3C,EAAuByB,EAAkBxB,EAAgB6B,EAAqB3C,CAAK,EACnFgB,EAA4BC,EAAWH,CAAc,EACrDoC,EAAA,EACA3E,GAA+B+D,CAAgB,EACjD,EAEMqC,EAAelG,GAAsB,CACzC,GAAIiE,EAAyB,CAC3BA,EAA0B,GAC1BjE,EAAM,eAAA,EACNA,EAAM,gBAAA,EACN,MACF,CAEA,MAAMmG,EAAchD,GAAgCnD,EAAM,MAAM,EAChE,GAAImG,EAAa,CACfnG,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNgG,EAAgBG,CAAW,EAC3B,MACF,CAEA,MAAMzG,EAASuD,EAA2BjD,EAAM,MAAM,EACjDN,IAELM,EAAM,eAAA,EACNA,EAAM,gBAAA,EACNE,EAAqBR,CAAM,EAC3BS,EAAA,EACF,EAEMiG,EAA8BpG,GAAwB,CAKtDA,EAAM,cAAgB,SAAWA,EAAM,SAAW,GAEtDA,EAAM,eAAA,CACR,EAEMqG,EAAuBrG,GAAsB,CACjD,MAAMkD,EAASlD,EAAM,OAGnBkD,aAAkB,OACZV,EAAU,SAASU,CAAM,GAAKW,EAAiB,SAASX,CAAM,IAGtE/C,EAAA,CACF,EAEMmG,EAAiBtG,GAAyB,CAC9C,GAAIqC,GAAkBwB,EAAiB,SAAS,SAAS,aAAa,EAAG,CACvE9D,GACEC,EACA6D,EACAxB,EAAe,OACfnC,EACAC,CAAA,EAEF,MACF,CAEIH,EAAM,MAAQ,UAElBG,EAAA,CACF,EAEAqC,EAAU,UAAU,IAAI,oBAAoB,EAC5CoB,EAAe,UAAY,6BAC3BA,EAAe,QAAQ,QAAU,QACjCC,EAAiB,UAAY,yDAC7BA,EAAiB,QAAQ,QAAU,QACnCA,EAAiB,aAAa,OAAQ,MAAM,EAC5CrB,EAAU,QAAQ,UAAYc,EAC9Bd,EAAU,aAAa,OAAQ,SAAS,EACxCA,EAAU,aACR,aACAc,IAAc,SAAW,mBAAqB,mBAAA,EAEhDd,EAAU,iBAAiB,cAAemD,EAAmB,EAAI,EACjEnD,EAAU,iBAAiB,aAAcqD,EAAkB9C,CAAwB,EACnFP,EAAU,iBAAiB,QAAS0D,CAAW,EAC/CrC,EAAiB,iBAAiB,cAAeuC,EAA4B,EAAI,EACjFvC,EAAiB,iBAAiB,aAAcgC,EAAkB9C,CAAwB,EAC1Fc,EAAiB,iBAAiB,QAASqC,CAAW,EACtD,SAAS,iBAAiB,QAASG,CAAmB,EACtD,SAAS,iBAAiB,UAAWC,CAAa,EAC9C9E,IACFgB,EAAU,iBAAiB,YAAa2C,CAAmB,EAC3D3C,EAAU,iBAAiB,WAAY4C,CAAkB,GAE3D5C,EAAU,iBAAiB,WAAYuC,CAAW,EAElDR,EAAA,EAGA,MAAMgC,GAAclD,EAAQ,OAAO,4BAA4BsB,CAAY,EAE3E,MAAO,CACL,OAAAG,EACA,SAAU,CACJf,IAEJA,EAAY,GACZuB,EAAA,EACAiB,GAAA,EACApG,EAAA,EACAqC,EAAU,oBAAoB,cAAemD,EAAmB,EAAI,EACpEnD,EAAU,oBAAoB,aAAcqD,EAAkB9C,CAAwB,EACtFP,EAAU,oBAAoB,QAAS0D,CAAW,EAClDrC,EAAiB,oBAAoB,cAAeuC,EAA4B,EAAI,EACpFvC,EAAiB,oBACf,aACAgC,EACA9C,CAAA,EAEFc,EAAiB,oBAAoB,QAASqC,CAAW,EACzD,SAAS,oBAAoB,QAASG,CAAmB,EACzD,SAAS,oBAAoB,UAAWC,CAAa,EACjD9E,IACFgB,EAAU,oBAAoB,YAAa2C,CAAmB,EAC9D3C,EAAU,oBAAoB,WAAY4C,CAAkB,GAE9DhB,EAAA,EACAE,EAAA,EACA9B,EAAU,oBAAoB,WAAYuC,CAAW,EACrDnB,EAAe,OAAA,EACfC,EAAiB,OAAA,EACjBrB,EAAU,UAAU,OAAO,oBAAoB,EAC/C,OAAOA,EAAU,QAAQ,UACzBA,EAAU,YAAc,GACxBA,EAAU,gBAAgB,MAAM,EAChCA,EAAU,gBAAgB,YAAY,EACxC,CAAA,CAEJ,CCteA,MAAMgE,GAAuB,yBAMvBC,GAAgC,CACpC,MACA,QACA,QACA,SACA,QACA,MACA,OACA,KACA,SACA,SACA,MACA,OACA,uBACF,EAAE,KAAK,GAAG,EAEJC,EAAqBC,IACzBA,GAAA,YAAAA,EAAM,QAAQH,GAAsB,IAAI,SAAU,GASvCI,GAA4BC,GAA0B,CACjE,GAAI,CAACH,EAAkBG,CAAI,EAAG,MAAO,GAErC,MAAMC,EAAW,SAAS,cAAc,UAAU,EAElD,OAAAA,EAAS,UAAYD,EAEd,GACLH,EAAkBI,EAAS,QAAQ,WAAW,GAC3CA,EAAS,QAAQ,cAAcL,EAA6B,EAEnE"}
|
|
@@ -0,0 +1,323 @@
|
|
|
1
|
+
import { defaultMenuSchema as ne, resolveToolbarMenu as ae } from "./native-spec.js";
|
|
2
|
+
import { g as A, d as G, e as P, r as se, f as $, h as le, c as ie } from "./index-DyCMSFrm.js";
|
|
3
|
+
const V = {
|
|
4
|
+
toolbarGroup: `
|
|
5
|
+
<svg
|
|
6
|
+
aria-hidden="true"
|
|
7
|
+
class="lucide lucide-ellipsis"
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
width="18"
|
|
10
|
+
height="18"
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
stroke="currentColor"
|
|
14
|
+
stroke-width="2"
|
|
15
|
+
stroke-linecap="round"
|
|
16
|
+
stroke-linejoin="round"
|
|
17
|
+
>
|
|
18
|
+
<circle cx="12" cy="12" r="1" />
|
|
19
|
+
<circle cx="19" cy="12" r="1" />
|
|
20
|
+
<circle cx="5" cy="12" r="1" />
|
|
21
|
+
</svg>
|
|
22
|
+
`,
|
|
23
|
+
chevronDown: `
|
|
24
|
+
<svg
|
|
25
|
+
aria-hidden="true"
|
|
26
|
+
class="lucide lucide-chevron-down"
|
|
27
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
28
|
+
width="12"
|
|
29
|
+
height="12"
|
|
30
|
+
viewBox="0 0 24 24"
|
|
31
|
+
fill="none"
|
|
32
|
+
stroke="currentColor"
|
|
33
|
+
stroke-width="2"
|
|
34
|
+
stroke-linecap="round"
|
|
35
|
+
stroke-linejoin="round"
|
|
36
|
+
>
|
|
37
|
+
<path d="m6 9 6 6 6-6" />
|
|
38
|
+
</svg>
|
|
39
|
+
`
|
|
40
|
+
}, J = (e) => Array.from(
|
|
41
|
+
e.querySelectorAll(".bridgerte__toolbar-group-menu-item")
|
|
42
|
+
).filter((t) => !t.disabled), ce = (e, t) => {
|
|
43
|
+
const l = J(e)[t];
|
|
44
|
+
l && l.focus();
|
|
45
|
+
}, de = (e) => {
|
|
46
|
+
ce(e, 0);
|
|
47
|
+
}, ue = (e, t, s, l, d) => {
|
|
48
|
+
var u, c;
|
|
49
|
+
const n = J(t), a = document.activeElement instanceof HTMLButtonElement ? n.indexOf(document.activeElement) : -1, b = (E) => {
|
|
50
|
+
var g;
|
|
51
|
+
if (n.length === 0) return;
|
|
52
|
+
const m = ((a >= 0 ? a : 0) + E + n.length) % n.length;
|
|
53
|
+
(g = n[m]) == null || g.focus();
|
|
54
|
+
};
|
|
55
|
+
switch (e.key) {
|
|
56
|
+
case "ArrowDown":
|
|
57
|
+
e.preventDefault(), b(1);
|
|
58
|
+
break;
|
|
59
|
+
case "ArrowUp":
|
|
60
|
+
e.preventDefault(), b(-1);
|
|
61
|
+
break;
|
|
62
|
+
case "Home":
|
|
63
|
+
e.preventDefault(), (u = n[0]) == null || u.focus();
|
|
64
|
+
break;
|
|
65
|
+
case "End":
|
|
66
|
+
e.preventDefault(), (c = n.at(-1)) == null || c.focus();
|
|
67
|
+
break;
|
|
68
|
+
case "Enter":
|
|
69
|
+
case " ":
|
|
70
|
+
document.activeElement instanceof HTMLButtonElement && (e.preventDefault(), l(document.activeElement), d(), s.focus());
|
|
71
|
+
break;
|
|
72
|
+
case "Escape":
|
|
73
|
+
e.preventDefault(), s.focus(), d();
|
|
74
|
+
break;
|
|
75
|
+
}
|
|
76
|
+
}, M = "button[data-bridgerte-toolbar-group-id]", pe = "button[data-bridgerte-toolbar-item-id]", be = [
|
|
77
|
+
pe,
|
|
78
|
+
".bridgerte__toolbar-group-menu-item"
|
|
79
|
+
].join(","), me = (e, t) => {
|
|
80
|
+
const s = e.map((l) => A(l, t));
|
|
81
|
+
return {
|
|
82
|
+
active: s.some((l) => l.active),
|
|
83
|
+
disabled: s.length > 0 && s.every((l) => l.disabled)
|
|
84
|
+
};
|
|
85
|
+
}, fe = (e, t, s, l, d) => {
|
|
86
|
+
const n = A(t, s), a = document.createElement("button"), b = l[t.icon] ?? G[t.icon];
|
|
87
|
+
a.type = "button", a.className = "bridgerte__toolbar-button", a.disabled = n.disabled, a.dataset.active = String(n.active), a.dataset.bridgerteToolbarItemId = t.id, a.setAttribute("aria-label", t.label), a.setAttribute("aria-pressed", String(n.active)), d && (a.dataset.tooltip = t.label), P(a, b, t.label), e.append(a);
|
|
88
|
+
}, ge = (e, t, s, l, d) => {
|
|
89
|
+
const n = document.createElement("button"), a = me(t.items, s), b = t.icon ? l[t.icon] ?? G[t.icon] : V.toolbarGroup, u = document.createElement("span");
|
|
90
|
+
n.type = "button", n.className = "bridgerte__toolbar-button bridgerte__toolbar-group-button", n.disabled = a.disabled, n.dataset.active = String(a.active), n.dataset.bridgerteToolbarGroupId = t.key, n.dataset.open = "false", n.setAttribute("aria-label", t.title), n.setAttribute("aria-haspopup", "menu"), n.setAttribute("aria-expanded", "false"), n.setAttribute("aria-pressed", String(a.active)), d && (n.dataset.tooltip = t.title), P(n, b, t.title), u.className = "bridgerte__toolbar-group-indicator", u.setAttribute("aria-hidden", "true"), u.innerHTML = V.chevronDown, n.append(u), e.append(n);
|
|
91
|
+
}, ve = (e, t, s, l, d) => {
|
|
92
|
+
e.textContent = "", t.forEach((n) => {
|
|
93
|
+
if (n.type === "separator") {
|
|
94
|
+
const b = document.createElement("span");
|
|
95
|
+
b.className = "bridgerte__toolbar-separator", b.dataset.separatorId = n.key, b.setAttribute("aria-hidden", "true"), e.append(b);
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
if (n.type === "button") {
|
|
99
|
+
fe(
|
|
100
|
+
e,
|
|
101
|
+
n.item,
|
|
102
|
+
s,
|
|
103
|
+
l,
|
|
104
|
+
d
|
|
105
|
+
);
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
const a = document.createElement("div");
|
|
109
|
+
a.className = "bridgerte__toolbar-group", a.dataset.group = n.key, a.setAttribute("aria-label", n.title), e.append(a), ge(
|
|
110
|
+
a,
|
|
111
|
+
n,
|
|
112
|
+
s,
|
|
113
|
+
l,
|
|
114
|
+
d
|
|
115
|
+
);
|
|
116
|
+
});
|
|
117
|
+
}, C = (e, t, s, l) => {
|
|
118
|
+
if (e.textContent = "", !t) {
|
|
119
|
+
e.dataset.visible = "false";
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
t.items.forEach((d) => {
|
|
123
|
+
const n = A(d, s), a = document.createElement("button"), b = l[d.icon] ?? G[d.icon], u = document.createElement("span");
|
|
124
|
+
a.type = "button", a.className = "bridgerte__menu-item bridgerte__toolbar-group-menu-item", a.disabled = n.disabled, a.dataset.active = String(n.active), a.dataset.bridgerteToolbarItemId = d.id, a.setAttribute("role", "menuitem"), a.setAttribute("aria-label", d.label), a.setAttribute("aria-pressed", String(n.active)), P(a, b, d.label), u.className = "bridgerte__toolbar-group-menu-label", u.textContent = d.label, a.append(u), e.append(a);
|
|
125
|
+
}), e.dataset.visible = "true", e.style.minWidth = `${t.button.offsetWidth}px`;
|
|
126
|
+
}, D = (e, t) => {
|
|
127
|
+
e.querySelectorAll(M).forEach((s) => {
|
|
128
|
+
const l = (t == null ? void 0 : t.groupKey) === s.dataset.bridgerteToolbarGroupId;
|
|
129
|
+
s.dataset.open = String(l), s.setAttribute("aria-expanded", String(l));
|
|
130
|
+
});
|
|
131
|
+
}, W = (e, t) => e.find((s) => s.type === "group" && s.key === t), he = 4, ye = 8, Ee = 6, S = {
|
|
132
|
+
capture: !0,
|
|
133
|
+
passive: !1
|
|
134
|
+
}, Te = () => {
|
|
135
|
+
var e;
|
|
136
|
+
return typeof window < "u" && ((e = window.matchMedia) == null ? void 0 : e.call(window, "(hover: hover) and (pointer: fine)").matches) === !0;
|
|
137
|
+
}, k = (e) => {
|
|
138
|
+
const t = e instanceof Element ? e.closest(be) : null;
|
|
139
|
+
return t instanceof HTMLButtonElement ? t : null;
|
|
140
|
+
}, Le = (e) => {
|
|
141
|
+
const t = e instanceof Element ? e.closest(M) : null;
|
|
142
|
+
return t instanceof HTMLButtonElement ? t : null;
|
|
143
|
+
};
|
|
144
|
+
function _e(e, t) {
|
|
145
|
+
const s = t.placement ?? "top", l = se(t.menuSchema ?? ne, {
|
|
146
|
+
menuLabels: t.menuLabels,
|
|
147
|
+
payloadPanelConfig: t.payloadPanelConfig
|
|
148
|
+
}), d = ae(t.toolbarConfig, l), n = d.flatMap((o) => o.type === "button" ? [o.item] : o.type === "group" ? o.items : []), a = t.icons ?? {}, b = Te(), u = document.createElement("div"), c = document.createElement("div"), E = e.closest(".bridgerte") ?? e;
|
|
149
|
+
let y = !1, m = null, g = !1, T = t.editor.getCommandStates(), i = null, f = null;
|
|
150
|
+
const Q = $(e, {
|
|
151
|
+
targetSelector: [
|
|
152
|
+
"button[data-bridgerte-toolbar-item-id]",
|
|
153
|
+
"button[data-bridgerte-toolbar-group-id]"
|
|
154
|
+
].join(",")
|
|
155
|
+
}), Y = $(c, {
|
|
156
|
+
targetSelector: ".bridgerte__toolbar-group-menu-item"
|
|
157
|
+
}), H = () => {
|
|
158
|
+
E.append(u), E.append(c);
|
|
159
|
+
}, _ = () => {
|
|
160
|
+
f == null || f.setOpen(!1), f == null || f.destroy(), f = null;
|
|
161
|
+
}, I = () => {
|
|
162
|
+
i && (_(), f = ie(i.button, c, {
|
|
163
|
+
placement: s === "bottom" ? "top-start" : "bottom-start",
|
|
164
|
+
offset: Ee,
|
|
165
|
+
strategy: "fixed"
|
|
166
|
+
}), f.setOpen(!0));
|
|
167
|
+
}, v = () => {
|
|
168
|
+
_(), i = null, C(c, i, T, a), D(e, i);
|
|
169
|
+
}, N = (o) => {
|
|
170
|
+
if (!y && (T = o, i && _(), ve(e, d, o, a, b), H(), i)) {
|
|
171
|
+
const r = Array.from(
|
|
172
|
+
e.querySelectorAll(M)
|
|
173
|
+
).find((re) => re.dataset.bridgerteToolbarGroupId === (i == null ? void 0 : i.groupKey)), p = W(d, i.groupKey);
|
|
174
|
+
i = r && p ? {
|
|
175
|
+
groupKey: i.groupKey,
|
|
176
|
+
button: r,
|
|
177
|
+
items: p.items
|
|
178
|
+
} : null, C(c, i, T, a), D(e, i), i && I();
|
|
179
|
+
}
|
|
180
|
+
}, Z = () => {
|
|
181
|
+
y || N(t.editor.getCommandStates());
|
|
182
|
+
}, h = () => {
|
|
183
|
+
u.dataset.visible = "false", u.textContent = "";
|
|
184
|
+
}, ee = (o) => {
|
|
185
|
+
const r = o.dataset.tooltip;
|
|
186
|
+
if (!b || !r || m) return;
|
|
187
|
+
const p = o.getBoundingClientRect();
|
|
188
|
+
u.textContent = r, u.dataset.visible = "true", u.style.left = `${p.left + p.width / 2}px`, u.style.top = `${p.top - ye}px`;
|
|
189
|
+
}, K = (o) => {
|
|
190
|
+
const r = k(o.target);
|
|
191
|
+
r && ee(r);
|
|
192
|
+
}, F = (o) => {
|
|
193
|
+
const r = o.relatedTarget, p = k(o.target);
|
|
194
|
+
p && r instanceof Node && p.contains(r) || h();
|
|
195
|
+
}, O = () => {
|
|
196
|
+
m = null, delete e.dataset.dragging, document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", L), document.removeEventListener("pointercancel", L);
|
|
197
|
+
}, R = (o) => {
|
|
198
|
+
if (!m) return;
|
|
199
|
+
const r = m.startClientX - o.clientX;
|
|
200
|
+
Math.abs(r) > he && (m.hasDragged = !0, g = !0, h(), v()), e.scrollLeft = m.startScrollLeft + r;
|
|
201
|
+
}, L = (o) => {
|
|
202
|
+
const r = m;
|
|
203
|
+
O(), r && o.type !== "pointercancel" && r.pointerType !== "mouse" && !r.hasDragged && r.startButton && (B(r.startButton), g = !0);
|
|
204
|
+
}, j = (o) => {
|
|
205
|
+
if (o.pointerType === "mouse" && o.button !== 0) return;
|
|
206
|
+
const r = k(o.target);
|
|
207
|
+
o.preventDefault(), m = {
|
|
208
|
+
startClientX: o.clientX,
|
|
209
|
+
startScrollLeft: e.scrollLeft,
|
|
210
|
+
pointerType: o.pointerType,
|
|
211
|
+
hasDragged: !1,
|
|
212
|
+
startButton: r ?? void 0
|
|
213
|
+
}, e.dataset.dragging = "true", h(), document.addEventListener("pointermove", R), document.addEventListener("pointerup", L), document.addEventListener("pointercancel", L);
|
|
214
|
+
}, w = (o) => {
|
|
215
|
+
o.defaultPrevented || o.cancelable && o.preventDefault();
|
|
216
|
+
}, B = (o) => {
|
|
217
|
+
if (!(o instanceof HTMLButtonElement) || o.disabled) return;
|
|
218
|
+
const r = n.find((p) => p.id === o.dataset.bridgerteToolbarItemId);
|
|
219
|
+
if (r) {
|
|
220
|
+
if (r.payloadPanel) {
|
|
221
|
+
const p = o.getBoundingClientRect();
|
|
222
|
+
t.editor.requestPayloadPanel({
|
|
223
|
+
menuId: r.id,
|
|
224
|
+
command: r.command,
|
|
225
|
+
panel: r.payloadPanel,
|
|
226
|
+
currentValues: le(r, t.editor.getCommandStates()),
|
|
227
|
+
anchorRect: {
|
|
228
|
+
x: p.left,
|
|
229
|
+
y: p.top,
|
|
230
|
+
width: p.width,
|
|
231
|
+
height: p.height
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
return;
|
|
235
|
+
}
|
|
236
|
+
t.editor.executeCommand(r.command);
|
|
237
|
+
}
|
|
238
|
+
}, te = (o) => {
|
|
239
|
+
const r = W(
|
|
240
|
+
d,
|
|
241
|
+
o.dataset.bridgerteToolbarGroupId
|
|
242
|
+
);
|
|
243
|
+
if (!(!r || o.disabled)) {
|
|
244
|
+
if ((i == null ? void 0 : i.groupKey) === r.key) {
|
|
245
|
+
v();
|
|
246
|
+
return;
|
|
247
|
+
}
|
|
248
|
+
i = {
|
|
249
|
+
groupKey: r.key,
|
|
250
|
+
button: o,
|
|
251
|
+
items: r.items
|
|
252
|
+
}, h(), C(c, i, T, a), D(e, i), I(), de(c);
|
|
253
|
+
}
|
|
254
|
+
}, x = (o) => {
|
|
255
|
+
if (g) {
|
|
256
|
+
g = !1, o.preventDefault(), o.stopPropagation();
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
const r = Le(o.target);
|
|
260
|
+
if (r) {
|
|
261
|
+
o.preventDefault(), o.stopPropagation(), te(r);
|
|
262
|
+
return;
|
|
263
|
+
}
|
|
264
|
+
const p = k(o.target);
|
|
265
|
+
p && (o.preventDefault(), o.stopPropagation(), B(p), v());
|
|
266
|
+
}, q = (o) => {
|
|
267
|
+
o.pointerType === "mouse" && o.button !== 0 || o.preventDefault();
|
|
268
|
+
}, X = (o) => {
|
|
269
|
+
const r = o.target;
|
|
270
|
+
r instanceof Node && (e.contains(r) || c.contains(r)) || v();
|
|
271
|
+
}, U = (o) => {
|
|
272
|
+
if (i && c.contains(document.activeElement)) {
|
|
273
|
+
ue(
|
|
274
|
+
o,
|
|
275
|
+
c,
|
|
276
|
+
i.button,
|
|
277
|
+
B,
|
|
278
|
+
v
|
|
279
|
+
);
|
|
280
|
+
return;
|
|
281
|
+
}
|
|
282
|
+
o.key === "Escape" && v();
|
|
283
|
+
};
|
|
284
|
+
e.classList.add("bridgerte__toolbar"), u.className = "bridgerte__toolbar-tooltip", u.dataset.visible = "false", c.className = "bridgerte__floating-menu bridgerte__toolbar-group-menu", c.dataset.visible = "false", c.setAttribute("role", "menu"), e.dataset.placement = s, e.setAttribute("role", "toolbar"), e.setAttribute(
|
|
285
|
+
"aria-label",
|
|
286
|
+
s === "bottom" ? "BridgeRTE tabbar" : "BridgeRTE toolbar"
|
|
287
|
+
), e.addEventListener("pointerdown", j, !0), e.addEventListener("touchstart", w, S), e.addEventListener("click", x), c.addEventListener("pointerdown", q, !0), c.addEventListener("touchstart", w, S), c.addEventListener("click", x), document.addEventListener("click", X), document.addEventListener("keydown", U), b && (e.addEventListener("mouseover", K), e.addEventListener("mouseout", F)), e.addEventListener("focusout", h), H();
|
|
288
|
+
const oe = t.editor.subscribeCommandStateChange(N);
|
|
289
|
+
return {
|
|
290
|
+
update: Z,
|
|
291
|
+
destroy() {
|
|
292
|
+
y || (y = !0, O(), oe(), v(), e.removeEventListener("pointerdown", j, !0), e.removeEventListener("touchstart", w, S), e.removeEventListener("click", x), c.removeEventListener("pointerdown", q, !0), c.removeEventListener(
|
|
293
|
+
"touchstart",
|
|
294
|
+
w,
|
|
295
|
+
S
|
|
296
|
+
), c.removeEventListener("click", x), document.removeEventListener("click", X), document.removeEventListener("keydown", U), b && (e.removeEventListener("mouseover", K), e.removeEventListener("mouseout", F)), Q(), Y(), e.removeEventListener("focusout", h), u.remove(), c.remove(), e.classList.remove("bridgerte__toolbar"), delete e.dataset.placement, e.textContent = "", e.removeAttribute("role"), e.removeAttribute("aria-label"));
|
|
297
|
+
}
|
|
298
|
+
};
|
|
299
|
+
}
|
|
300
|
+
const we = /[\u200B-\u200D\uFEFF]/g, xe = [
|
|
301
|
+
"img",
|
|
302
|
+
"video",
|
|
303
|
+
"audio",
|
|
304
|
+
"iframe",
|
|
305
|
+
"table",
|
|
306
|
+
"pre",
|
|
307
|
+
"code",
|
|
308
|
+
"hr",
|
|
309
|
+
"figure",
|
|
310
|
+
"canvas",
|
|
311
|
+
"svg",
|
|
312
|
+
"math",
|
|
313
|
+
'[data-type="mention"]'
|
|
314
|
+
].join(","), z = (e) => (e == null ? void 0 : e.replace(we, "").trim()) ?? "", Be = (e) => {
|
|
315
|
+
if (!z(e)) return !1;
|
|
316
|
+
const t = document.createElement("template");
|
|
317
|
+
return t.innerHTML = e, !!(z(t.content.textContent) || t.content.querySelector(xe));
|
|
318
|
+
};
|
|
319
|
+
export {
|
|
320
|
+
_e as c,
|
|
321
|
+
Be as h
|
|
322
|
+
};
|
|
323
|
+
//# sourceMappingURL=index-DGPoit9-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-DGPoit9-.js","sources":["../../dom/src/menuIcon/uiIcons.ts","../../dom/src/richTextToolbar/groupMenuKeyboard.ts","../../dom/src/richTextToolbar/render.ts","../../dom/src/richTextToolbar/index.ts","../../dom/src/htmlContent/index.ts"],"sourcesContent":["/**\r\n * DOM UI chrome icon 表。\r\n *\r\n * 这里放 toolbar 收纳入口、下拉箭头这类控件自身图标。它们不属于 `MenuItem.icon`\r\n * 跨端 schema,也不应该进入 `defaultMenuIcons` 的 schema 对齐检查。\r\n */\r\nexport const defaultMenuUiIcons = {\r\n toolbarGroup: `\r\n <svg\r\n aria-hidden=\"true\"\r\n class=\"lucide lucide-ellipsis\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <circle cx=\"12\" cy=\"12\" r=\"1\" />\r\n <circle cx=\"19\" cy=\"12\" r=\"1\" />\r\n <circle cx=\"5\" cy=\"12\" r=\"1\" />\r\n </svg>\r\n `,\r\n chevronDown: `\r\n <svg\r\n aria-hidden=\"true\"\r\n class=\"lucide lucide-chevron-down\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <path d=\"m6 9 6 6 6-6\" />\r\n </svg>\r\n `\r\n} as const;\r\n","export const getEnabledGroupMenuButtons = (menuElement: HTMLElement) => (\r\n Array.from(\r\n menuElement.querySelectorAll<HTMLButtonElement>('.bridgerte__toolbar-group-menu-item')\r\n ).filter((button) => !button.disabled)\r\n);\r\n\r\nexport const focusToolbarGroupMenuItem = (menuElement: HTMLElement, index: number) => {\r\n const buttons = getEnabledGroupMenuButtons(menuElement);\r\n const nextButton = buttons[index];\r\n\r\n if (nextButton) nextButton.focus();\r\n};\r\n\r\nexport const focusFirstToolbarGroupMenuItem = (menuElement: HTMLElement) => {\r\n /*\r\n * group menu 使用 ARIA menu 语义,打开后焦点必须进入第一个可操作项。\r\n * 这样键盘用户可以继续用方向键浏览,而不是停留在展开按钮上。\r\n */\r\n focusToolbarGroupMenuItem(menuElement, 0);\r\n};\r\n\r\nexport const handleToolbarGroupMenuKeyDown = (\r\n event: KeyboardEvent,\r\n menuElement: HTMLElement,\r\n returnButton: HTMLButtonElement,\r\n executeToolbarButton: (button: HTMLButtonElement) => void,\r\n closeGroupMenu: () => void\r\n) => {\r\n const buttons = getEnabledGroupMenuButtons(menuElement);\r\n const activeIndex = document.activeElement instanceof HTMLButtonElement\r\n ? buttons.indexOf(document.activeElement)\r\n : -1;\r\n const focusByOffset = (offset: number) => {\r\n if (buttons.length === 0) return;\r\n\r\n const baseIndex = activeIndex >= 0 ? activeIndex : 0;\r\n const nextIndex = (baseIndex + offset + buttons.length) % buttons.length;\r\n\r\n buttons[nextIndex]?.focus();\r\n };\r\n\r\n /*\r\n * ARIA menu 语义要求支持 roving focus。这里不改 toolbar 的横向键盘模型,\r\n * 只在已打开的纵向收纳菜单内处理上下方向、首尾跳转和执行/关闭。\r\n */\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n focusByOffset(1);\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n focusByOffset(-1);\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n buttons[0]?.focus();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n buttons.at(-1)?.focus();\r\n break;\r\n case 'Enter':\r\n case ' ':\r\n if (document.activeElement instanceof HTMLButtonElement) {\r\n event.preventDefault();\r\n executeToolbarButton(document.activeElement);\r\n closeGroupMenu();\r\n returnButton.focus();\r\n }\r\n break;\r\n case 'Escape':\r\n event.preventDefault();\r\n returnButton.focus();\r\n closeGroupMenu();\r\n break;\r\n default:\r\n break;\r\n }\r\n};\r\n","import type { CommandState } from '@bridgerte/core';\r\nimport type { MenuItem, ResolvedToolbarItem } from '@bridgerte/native-spec';\r\nimport {\r\n appendMenuIcon,\r\n defaultMenuIcons,\r\n defaultMenuUiIcons\r\n} from './icons';\r\nimport { getMenuStateForItem } from '../menuRuntime';\r\nimport type {\r\n RichTextToolbarIcons,\r\n ToolbarGroupMenuState\r\n} from './type';\r\n\r\nexport const toolbarGroupButtonSelector = 'button[data-bridgerte-toolbar-group-id]';\r\nexport const toolbarButtonSelector = 'button[data-bridgerte-toolbar-item-id]';\r\n// 可执行按钮同时覆盖 toolbar 主按钮和 group menu 子项,避免浮层子菜单绕过统一命令入口。\r\nexport const toolbarExecutableButtonSelector = [\n toolbarButtonSelector,\n '.bridgerte__toolbar-group-menu-item'\n].join(',');\n\r\nconst getGroupMenuState = (items: MenuItem[], commandStates: CommandState[]) => {\r\n const itemStates = items.map((item) => getMenuStateForItem(item, commandStates));\r\n\r\n return {\r\n active: itemStates.some((state) => state.active),\r\n disabled: itemStates.length > 0 && itemStates.every((state) => state.disabled)\r\n };\r\n};\r\n\r\nconst renderToolbarButton = (\r\n groupElement: HTMLElement,\r\n item: MenuItem,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n const state = getMenuStateForItem(item, commandStates);\r\n const button = document.createElement('button');\r\n // icon 兜底顺序固定为:业务覆盖 > DOM 默认 SVG > label 文本。\r\n const iconSvg = icons[item.icon] ?? defaultMenuIcons[item.icon];\r\n\r\n button.type = 'button';\r\n button.className = 'bridgerte__toolbar-button';\r\n button.disabled = state.disabled;\r\n button.dataset.active = String(state.active);\r\n button.dataset.bridgerteToolbarItemId = item.id;\r\n button.setAttribute('aria-label', item.label);\r\n button.setAttribute('aria-pressed', String(state.active));\r\n if (enableTooltip) button.dataset.tooltip = item.label;\r\n\r\n appendMenuIcon(button, iconSvg, item.label);\r\n\r\n groupElement.append(button);\r\n};\r\n\r\nconst renderToolbarGroupButton = (\r\n groupElement: HTMLElement,\r\n toolbarItem: Extract<ResolvedToolbarItem, { type: 'group' }>,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n const button = document.createElement('button');\r\n const groupState = getGroupMenuState(toolbarItem.items, commandStates);\r\n const iconSvg = toolbarItem.icon\r\n ? icons[toolbarItem.icon] ?? defaultMenuIcons[toolbarItem.icon]\r\n : defaultMenuUiIcons.toolbarGroup;\r\n const indicator = document.createElement('span');\r\n\r\n button.type = 'button';\r\n button.className = 'bridgerte__toolbar-button bridgerte__toolbar-group-button';\r\n button.disabled = groupState.disabled;\r\n button.dataset.active = String(groupState.active);\r\n button.dataset.bridgerteToolbarGroupId = toolbarItem.key;\r\n button.dataset.open = 'false';\r\n button.setAttribute('aria-label', toolbarItem.title);\r\n button.setAttribute('aria-haspopup', 'menu');\r\n button.setAttribute('aria-expanded', 'false');\r\n button.setAttribute('aria-pressed', String(groupState.active));\r\n if (enableTooltip) button.dataset.tooltip = toolbarItem.title;\r\n\r\n appendMenuIcon(button, iconSvg, toolbarItem.title);\r\n\r\n indicator.className = 'bridgerte__toolbar-group-indicator';\r\n indicator.setAttribute('aria-hidden', 'true');\r\n indicator.innerHTML = defaultMenuUiIcons.chevronDown;\r\n button.append(indicator);\r\n groupElement.append(button);\r\n};\r\n\r\n/**\r\n * 渲染 toolbar 横向主入口。\n *\n * 字符串菜单直接渲染为按钮,`|` 渲染分割线。\n * 只有用户显式声明的 group 配置才生成收纳入口,避免 schema 隐式改变 DOM 结构。\n */\r\nexport const renderToolbar = (\r\n toolbarElement: HTMLElement,\r\n toolbarItems: ResolvedToolbarItem[],\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons,\r\n enableTooltip: boolean\r\n) => {\r\n toolbarElement.textContent = '';\r\n\r\n toolbarItems.forEach((toolbarItem) => {\n if (toolbarItem.type === 'separator') {\n const separatorElement = document.createElement('span');\n\n separatorElement.className = 'bridgerte__toolbar-separator';\n separatorElement.dataset.separatorId = toolbarItem.key;\r\n separatorElement.setAttribute('aria-hidden', 'true');\r\n toolbarElement.append(separatorElement);\r\n return;\n }\n\n if (toolbarItem.type === 'button') {\n renderToolbarButton(\n toolbarElement,\n toolbarItem.item,\n commandStates,\n icons,\n enableTooltip\n );\n return;\n }\n\n /*\n * 收纳菜单是用户在 toolbarConfig 里显式声明的结构;普通菜单不会自动生成 DOM 包裹,\n * 显示分组完全交给用户用 group 配置或 `|` 控制。\n */\n const groupElement = document.createElement('div');\n\n groupElement.className = 'bridgerte__toolbar-group';\n groupElement.dataset.group = toolbarItem.key;\n groupElement.setAttribute('aria-label', toolbarItem.title);\n toolbarElement.append(groupElement);\n\n renderToolbarGroupButton(\n groupElement,\n toolbarItem,\n commandStates,\n icons,\n enableTooltip\r\n );\r\n });\r\n};\r\n\r\n/**\r\n * 渲染 group button 打开的纵向收纳菜单。\r\n *\r\n * 浮层只展示 MenuItem 子项并复用现有 item id,点击执行仍由 index.ts 统一走 EditorAPI。\r\n */\r\nexport const renderToolbarGroupMenu = (\r\n menuElement: HTMLElement,\r\n groupMenuState: ToolbarGroupMenuState | null,\r\n commandStates: CommandState[],\r\n icons: RichTextToolbarIcons\r\n) => {\r\n menuElement.textContent = '';\r\n\r\n if (!groupMenuState) {\r\n menuElement.dataset.visible = 'false';\r\n return;\r\n }\r\n\r\n groupMenuState.items.forEach((item) => {\r\n const state = getMenuStateForItem(item, commandStates);\r\n const button = document.createElement('button');\r\n const iconSvg = icons[item.icon] ?? defaultMenuIcons[item.icon];\r\n const labelElement = document.createElement('span');\n\n button.type = 'button';\n button.className = 'bridgerte__menu-item bridgerte__toolbar-group-menu-item';\n button.disabled = state.disabled;\r\n button.dataset.active = String(state.active);\r\n button.dataset.bridgerteToolbarItemId = item.id;\r\n button.setAttribute('role', 'menuitem');\r\n button.setAttribute('aria-label', item.label);\r\n button.setAttribute('aria-pressed', String(state.active));\r\n\r\n appendMenuIcon(button, iconSvg, item.label);\r\n labelElement.className = 'bridgerte__toolbar-group-menu-label';\r\n labelElement.textContent = item.label;\r\n button.append(labelElement);\r\n menuElement.append(button);\r\n });\r\n\r\n menuElement.dataset.visible = 'true';\r\n menuElement.style.minWidth = `${groupMenuState.button.offsetWidth}px`;\r\n};\r\n\r\nexport const syncToolbarGroupButtonState = (\r\n container: HTMLElement,\r\n groupMenuState: ToolbarGroupMenuState | null\r\n) => {\r\n container.querySelectorAll<HTMLButtonElement>(toolbarGroupButtonSelector).forEach((button) => {\r\n const open = groupMenuState?.groupKey === button.dataset.bridgerteToolbarGroupId;\r\n\r\n button.dataset.open = String(open);\r\n button.setAttribute('aria-expanded', String(open));\r\n });\r\n};\r\n\r\nexport const findToolbarGroupMenuItem = (\r\n toolbarItems: ResolvedToolbarItem[],\r\n groupKey: string | undefined\r\n) => toolbarItems.find((item): item is Extract<ResolvedToolbarItem, { type: 'group' }> => (\r\n item.type === 'group' && item.key === groupKey\r\n));\r\n","import type { CommandState } from '@bridgerte/core';\r\nimport {\r\n defaultMenuSchema,\r\n resolveToolbarMenu\r\n} from '@bridgerte/native-spec';\r\nimport { createFloatingLayer, type RichTextFloatingLayer } from '../floatingLayer';\r\nimport { bindTouchPressedState } from '../interactionState';\r\nimport {\r\n getPayloadPanelCurrentValues,\r\n resolveMenuSchemaForDom\r\n} from '../menuRuntime';\r\nimport {\r\n focusFirstToolbarGroupMenuItem,\r\n handleToolbarGroupMenuKeyDown\r\n} from './groupMenuKeyboard';\r\nimport {\r\n findToolbarGroupMenuItem,\r\n renderToolbar,\r\n renderToolbarGroupMenu,\r\n syncToolbarGroupButtonState,\r\n toolbarExecutableButtonSelector,\r\n toolbarGroupButtonSelector\r\n} from './render';\r\nimport type {\r\n RichTextToolbarAPI,\r\n ToolbarGroupMenuState,\r\n RichTextToolbarOptions,\r\n ToolbarDragState\r\n} from './type';\r\n\r\nconst toolbarDragClickThresholdPx = 4;\nconst toolbarTooltipOffsetPx = 8;\nconst toolbarGroupMenuOffsetPx = 6;\nconst toolbarTouchStartOptions = {\n capture: true,\n passive: false\n} as const;\n\r\nexport type * from './type';\r\n\r\nconst canUseHoverTooltip = () => (\r\n typeof window !== 'undefined'\r\n && window.matchMedia?.('(hover: hover) and (pointer: fine)').matches === true\r\n);\r\n\r\nconst getToolbarButtonFromTarget = (target: EventTarget | null) => {\r\n /*\r\n * 图标覆盖常用 SVG,H5 pointer 事件可能落在 svg/path 上。\r\n * 这里用 Element 而不是 HTMLElement,保证触屏兜底和 click 都能向上命中真实按钮。\r\n */\r\n const button = target instanceof Element\r\n ? target.closest<HTMLButtonElement>(toolbarExecutableButtonSelector)\r\n : null;\r\n\r\n return button instanceof HTMLButtonElement ? button : null;\r\n};\r\n\r\nconst getToolbarGroupButtonFromTarget = (target: EventTarget | null) => {\r\n const button = target instanceof Element\r\n ? target.closest<HTMLButtonElement>(toolbarGroupButtonSelector)\r\n : null;\r\n\r\n return button instanceof HTMLButtonElement ? button : null;\r\n};\r\n\r\n/**\r\n * 创建独立菜单实例。\r\n *\r\n * toolbar/tabbar 只订阅 EditorAPI 状态并派发命令,不接触编辑器内部 DOM 或 Lexical 实例。\r\n */\r\nexport function createRichTextToolbar(\r\n container: HTMLElement,\r\n options: RichTextToolbarOptions\r\n): RichTextToolbarAPI {\r\n const placement = options.placement ?? 'top';\r\n const menuSchema = resolveMenuSchemaForDom(options.menuSchema ?? defaultMenuSchema, {\r\n menuLabels: options.menuLabels,\r\n payloadPanelConfig: options.payloadPanelConfig\r\n });\r\n const toolbarItems = resolveToolbarMenu(options.toolbarConfig, menuSchema);\r\n /*\r\n * click 事件只需要能执行命令的菜单项。分割线和 group 容器是渲染结构,\r\n * 先在这里摊平,后续点击时就不用理解 toolbarConfig 的展示层级。\r\n */\r\n const executableMenuItems = toolbarItems.flatMap((toolbarItem) => (\r\n toolbarItem.type === 'button' ? [toolbarItem.item]\r\n : toolbarItem.type === 'group' ? toolbarItem.items\r\n : []\r\n ));\r\n const icons = options.icons ?? {};\r\n /*\r\n * tooltip 只属于 PC 精细指针体验。H5 上即使没有原生 title,部分浏览器也会把 hover/mouseover\r\n * 模拟成首触摸状态,导致第一次点像是只唤醒提示;所以触屏端不写 tooltip 数据也不挂监听。\r\n */\r\n const enableTooltip = canUseHoverTooltip();\r\n const tooltipElement = document.createElement('div');\r\n const groupMenuElement = document.createElement('div');\r\n const overlayHost = container.closest('.bridgerte') ?? container;\r\n let destroyed = false;\r\n let dragState: ToolbarDragState | null = null;\r\n let shouldSuppressNextClick = false;\r\n let latestCommandStates = options.editor.getCommandStates();\r\n let groupMenuState: ToolbarGroupMenuState | null = null;\r\n let groupMenuFloatingLayer: RichTextFloatingLayer | null = null;\r\n const clearToolbarPressedState = bindTouchPressedState(container, {\r\n targetSelector: [\r\n 'button[data-bridgerte-toolbar-item-id]',\r\n 'button[data-bridgerte-toolbar-group-id]'\r\n ].join(',')\r\n });\r\n const clearGroupMenuPressedState = bindTouchPressedState(groupMenuElement, {\r\n targetSelector: '.bridgerte__toolbar-group-menu-item'\r\n });\r\n\r\n const mountToolbarOverlays = () => {\r\n // 独立 toolbar 可能不在 `.bridgerte` 内,渲染按钮会清空 container,需要把浮层重新挂回去。\r\n overlayHost.append(tooltipElement);\r\n overlayHost.append(groupMenuElement);\r\n };\r\n\r\n const closeGroupMenuFloatingLayer = () => {\r\n groupMenuFloatingLayer?.setOpen(false);\r\n groupMenuFloatingLayer?.destroy();\r\n groupMenuFloatingLayer = null;\r\n };\r\n\r\n const openGroupMenuFloatingLayer = () => {\r\n if (!groupMenuState) return;\r\n\r\n closeGroupMenuFloatingLayer();\r\n /*\r\n * group menu 和 hoverbar/mention/slash 一样属于轻浮层,必须走 floatingLayer。\r\n * 这里按 toolbar placement 给出首选方向,真正的翻转、键盘可视区和左右夹紧交给\r\n * createFloatingLayer 内部的 visualViewport + flip + shift + clamp 统一处理。\r\n */\r\n groupMenuFloatingLayer = createFloatingLayer(groupMenuState.button, groupMenuElement, {\r\n placement: placement === 'bottom' ? 'top-start' : 'bottom-start',\r\n offset: toolbarGroupMenuOffsetPx,\r\n strategy: 'fixed'\r\n });\r\n groupMenuFloatingLayer.setOpen(true);\r\n };\r\n\r\n const closeGroupMenu = () => {\r\n closeGroupMenuFloatingLayer();\r\n groupMenuState = null;\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n };\r\n\r\n const renderStates = (states: CommandState[]) => {\r\n if (destroyed) return;\r\n\r\n latestCommandStates = states;\r\n if (groupMenuState) closeGroupMenuFloatingLayer();\r\n renderToolbar(container, toolbarItems, states, icons, enableTooltip);\r\n mountToolbarOverlays();\r\n if (groupMenuState) {\r\n const nextButton = Array.from(\r\n container.querySelectorAll<HTMLButtonElement>(toolbarGroupButtonSelector)\r\n ).find((button) => button.dataset.bridgerteToolbarGroupId === groupMenuState?.groupKey);\r\n const nextGroupItem = findToolbarGroupMenuItem(toolbarItems, groupMenuState.groupKey);\r\n\r\n groupMenuState = nextButton && nextGroupItem\r\n ? {\r\n groupKey: groupMenuState.groupKey,\r\n button: nextButton,\r\n items: nextGroupItem.items\r\n }\r\n : null;\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n if (groupMenuState) openGroupMenuFloatingLayer();\r\n }\r\n };\r\n\r\n const update = () => {\r\n if (destroyed) return;\r\n\r\n renderStates(options.editor.getCommandStates());\r\n };\r\n\r\n const hideTooltip = () => {\r\n tooltipElement.dataset.visible = 'false';\r\n tooltipElement.textContent = '';\r\n };\r\n\r\n const showTooltip = (button: HTMLButtonElement) => {\r\n const tooltipText = button.dataset.tooltip;\r\n\r\n if (!enableTooltip || !tooltipText || dragState) return;\r\n\r\n const buttonRect = button.getBoundingClientRect();\r\n\r\n tooltipElement.textContent = tooltipText;\r\n tooltipElement.dataset.visible = 'true';\r\n tooltipElement.style.left = `${buttonRect.left + buttonRect.width / 2}px`;\r\n tooltipElement.style.top = `${buttonRect.top - toolbarTooltipOffsetPx}px`;\r\n };\r\n\r\n const handleTooltipTarget = (event: Event) => {\r\n const button = getToolbarButtonFromTarget(event.target);\r\n\r\n if (button) {\r\n showTooltip(button);\r\n }\r\n };\r\n\r\n const handleTooltipLeave = (event: MouseEvent) => {\r\n const relatedTarget = event.relatedTarget;\r\n const button = getToolbarButtonFromTarget(event.target);\r\n\r\n if (\r\n button\r\n && relatedTarget instanceof Node\r\n && button.contains(relatedTarget)\r\n ) return;\r\n\r\n hideTooltip();\r\n };\r\n\r\n const stopToolbarDrag = () => {\r\n dragState = null;\r\n\r\n delete container.dataset.dragging;\r\n // 拖动过程中监听挂在 document 上,松手或 destroy 必须统一清掉,避免离开 toolbar 后残留滚动状态。\r\n document.removeEventListener('pointermove', handlePointerMove);\r\n document.removeEventListener('pointerup', handlePointerUp);\r\n document.removeEventListener('pointercancel', handlePointerUp);\r\n };\r\n\r\n const handlePointerMove = (event: PointerEvent) => {\r\n if (!dragState) return;\r\n\r\n const deltaX = dragState.startClientX - event.clientX;\r\n\r\n if (Math.abs(deltaX) > toolbarDragClickThresholdPx) {\r\n dragState.hasDragged = true;\r\n shouldSuppressNextClick = true;\r\n hideTooltip();\r\n closeGroupMenu();\r\n }\r\n\r\n container.scrollLeft = dragState.startScrollLeft + deltaX;\r\n };\r\n\r\n const handlePointerUp = (event: PointerEvent) => {\r\n const currentDragState = dragState;\r\n\r\n stopToolbarDrag();\r\n if (\r\n currentDragState\r\n && event.type !== 'pointercancel'\r\n && currentDragState.pointerType !== 'mouse'\r\n && !currentDragState.hasDragged\r\n && currentDragState.startButton\r\n ) {\r\n executeToolbarButton(currentDragState.startButton);\r\n shouldSuppressNextClick = true;\r\n }\r\n };\r\n\r\n const handlePointerDown = (event: PointerEvent) => {\n if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n const startButton = getToolbarButtonFromTarget(event.target);\n\r\n // 点击和拖动 toolbar 都要保留编辑区 selection,命令才能继续作用在原选区。\r\n event.preventDefault();\r\n dragState = {\r\n startClientX: event.clientX,\r\n startScrollLeft: container.scrollLeft,\r\n pointerType: event.pointerType,\r\n hasDragged: false,\r\n startButton: startButton ?? undefined\r\n };\r\n container.dataset.dragging = 'true';\r\n hideTooltip();\r\n // pointermove 放到 document,保证用户按住 X 轴拖出 toolbar 后仍能完成滚动和释放。\r\n document.addEventListener('pointermove', handlePointerMove);\r\n document.addEventListener('pointerup', handlePointerUp);\r\n document.addEventListener('pointercancel', handlePointerUp);\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n /*\n * H5/WebView 里触摸 contenteditable 外部按钮可能先触发编辑器 blur,\n * 导致软键盘收起、底部 toolbar 消失。touchstart 必须用非 passive capture\n * 兜底拦截默认失焦;实际横向滚动仍交给 pointermove 手动更新 scrollLeft。\n */\n if (event.defaultPrevented) return;\n\n if (event.cancelable) event.preventDefault();\n };\n\n const executeToolbarButton = (button: HTMLButtonElement) => {\n if (!(button instanceof HTMLButtonElement) || button.disabled) return;\n\r\n const menuItem = executableMenuItems.find((item) => (\r\n item.id === button.dataset.bridgerteToolbarItemId\r\n ));\r\n\r\n if (!menuItem) return;\r\n\r\n if (menuItem.payloadPanel) {\r\n const buttonRect = button.getBoundingClientRect();\r\n\r\n /*\r\n * 带 payloadPanel 的菜单不直接执行基础 command,而是发起参数请求。\r\n * DOM 内置面板和业务/RN/Flutter 自绘都走同一个 request,避免后续颜色、\r\n * 字体、链接等参数菜单各自发明一套协议。\r\n */\r\n options.editor.requestPayloadPanel({\r\n menuId: menuItem.id,\r\n command: menuItem.command,\r\n panel: menuItem.payloadPanel,\r\n currentValues: getPayloadPanelCurrentValues(menuItem, options.editor.getCommandStates()),\r\n anchorRect: {\r\n x: buttonRect.left,\r\n y: buttonRect.top,\r\n width: buttonRect.width,\r\n height: buttonRect.height\r\n }\r\n });\r\n return;\r\n }\r\n\r\n options.editor.executeCommand(menuItem.command);\r\n };\r\n\r\n const toggleGroupMenu = (button: HTMLButtonElement) => {\r\n const groupItem = findToolbarGroupMenuItem(\r\n toolbarItems,\r\n button.dataset.bridgerteToolbarGroupId\r\n );\r\n\r\n if (!groupItem || button.disabled) return;\r\n\r\n if (groupMenuState?.groupKey === groupItem.key) {\r\n closeGroupMenu();\r\n return;\r\n }\r\n\r\n groupMenuState = {\r\n groupKey: groupItem.key,\r\n button,\r\n items: groupItem.items\r\n };\r\n hideTooltip();\r\n renderToolbarGroupMenu(groupMenuElement, groupMenuState, latestCommandStates, icons);\r\n syncToolbarGroupButtonState(container, groupMenuState);\r\n openGroupMenuFloatingLayer();\r\n focusFirstToolbarGroupMenuItem(groupMenuElement);\r\n };\r\n\r\n const handleClick = (event: MouseEvent) => {\r\n if (shouldSuppressNextClick) {\r\n shouldSuppressNextClick = false;\r\n event.preventDefault();\r\n event.stopPropagation();\r\n return;\r\n }\r\n\r\n const groupButton = getToolbarGroupButtonFromTarget(event.target);\r\n if (groupButton) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n toggleGroupMenu(groupButton);\r\n return;\r\n }\r\n\r\n const button = getToolbarButtonFromTarget(event.target);\r\n if (!button) return;\r\n\r\n event.preventDefault();\r\n event.stopPropagation();\r\n executeToolbarButton(button);\r\n closeGroupMenu();\r\n };\r\n\r\n const handleGroupMenuPointerDown = (event: PointerEvent) => {\r\n /*\r\n * group 菜单浮层挂在 toolbar 容器外,不能复用容器级 pointerdown。\r\n * 子菜单点击仍要保留编辑区 selection,否则格式命令会丢失原选区。\r\n */\r\n if (event.pointerType === 'mouse' && event.button !== 0) return;\r\n\r\n event.preventDefault();\r\n };\r\n\r\n const handleDocumentClick = (event: MouseEvent) => {\r\n const target = event.target;\r\n\r\n if (\r\n target instanceof Node\r\n && (container.contains(target) || groupMenuElement.contains(target))\r\n ) return;\r\n\r\n closeGroupMenu();\r\n };\r\n\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n if (groupMenuState && groupMenuElement.contains(document.activeElement)) {\r\n handleToolbarGroupMenuKeyDown(\r\n event,\r\n groupMenuElement,\r\n groupMenuState.button,\r\n executeToolbarButton,\r\n closeGroupMenu\r\n );\r\n return;\r\n }\r\n\r\n if (event.key !== 'Escape') return;\r\n\r\n closeGroupMenu();\r\n };\r\n\r\n container.classList.add('bridgerte__toolbar');\r\n tooltipElement.className = 'bridgerte__toolbar-tooltip';\r\n tooltipElement.dataset.visible = 'false';\r\n groupMenuElement.className = 'bridgerte__floating-menu bridgerte__toolbar-group-menu';\n groupMenuElement.dataset.visible = 'false';\r\n groupMenuElement.setAttribute('role', 'menu');\r\n container.dataset.placement = placement;\r\n container.setAttribute('role', 'toolbar');\r\n container.setAttribute(\r\n 'aria-label',\r\n placement === 'bottom' ? 'BridgeRTE tabbar' : 'BridgeRTE toolbar'\r\n );\r\n container.addEventListener('pointerdown', handlePointerDown, true);\n container.addEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n container.addEventListener('click', handleClick);\n groupMenuElement.addEventListener('pointerdown', handleGroupMenuPointerDown, true);\n groupMenuElement.addEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n groupMenuElement.addEventListener('click', handleClick);\n document.addEventListener('click', handleDocumentClick);\n document.addEventListener('keydown', handleKeyDown);\r\n if (enableTooltip) {\r\n container.addEventListener('mouseover', handleTooltipTarget);\r\n container.addEventListener('mouseout', handleTooltipLeave);\r\n }\r\n container.addEventListener('focusout', hideTooltip);\r\n // 浮层挂在最近的编辑器根容器下,既能继承变量,也不会操作编辑内容 DOM。\r\n mountToolbarOverlays();\r\n\r\n // 独立 toolbar 只订阅 public API 状态,不依赖 DOM 编辑器内部实现。\r\n const unsubscribe = options.editor.subscribeCommandStateChange(renderStates);\r\n\r\n return {\r\n update,\r\n destroy() {\r\n if (destroyed) return;\r\n\r\n destroyed = true;\r\n stopToolbarDrag();\r\n unsubscribe();\n closeGroupMenu();\n container.removeEventListener('pointerdown', handlePointerDown, true);\n container.removeEventListener('touchstart', handleTouchStart, toolbarTouchStartOptions);\n container.removeEventListener('click', handleClick);\n groupMenuElement.removeEventListener('pointerdown', handleGroupMenuPointerDown, true);\n groupMenuElement.removeEventListener(\n 'touchstart',\n handleTouchStart,\n toolbarTouchStartOptions\n );\n groupMenuElement.removeEventListener('click', handleClick);\n document.removeEventListener('click', handleDocumentClick);\n document.removeEventListener('keydown', handleKeyDown);\r\n if (enableTooltip) {\r\n container.removeEventListener('mouseover', handleTooltipTarget);\r\n container.removeEventListener('mouseout', handleTooltipLeave);\r\n }\r\n clearToolbarPressedState();\r\n clearGroupMenuPressedState();\r\n container.removeEventListener('focusout', hideTooltip);\r\n tooltipElement.remove();\r\n groupMenuElement.remove();\r\n container.classList.remove('bridgerte__toolbar');\r\n delete container.dataset.placement;\r\n container.textContent = '';\r\n container.removeAttribute('role');\r\n container.removeAttribute('aria-label');\r\n }\r\n };\r\n}\r\n","const invisibleTextPattern = /[\\u200B-\\u200D\\uFEFF]/g;\n\n/*\n * HTML 片段里这些元素没有 textContent 也应算有效内容。\n * 纯排版容器不放进来,避免 `<p><br></p>`、空列表项这类编辑器占位被误判为非空。\n */\nconst meaningfulHtmlContentSelector = [\n 'img',\n 'video',\n 'audio',\n 'iframe',\n 'table',\n 'pre',\n 'code',\n 'hr',\n 'figure',\n 'canvas',\n 'svg',\n 'math',\n '[data-type=\"mention\"]'\n].join(',');\n\nconst normalizeHtmlText = (text: string | null | undefined): string => (\n text?.replace(invisibleTextPattern, '').trim() ?? ''\n);\n\n/**\n * 判断一段 HTML 片段是否包含可保存的富文本内容。\n *\n * 这个工具会使用浏览器 template 解析 HTML,适合只拿到 HTML 字符串的业务表单;如果已经持有\n * `EditorContent`,优先使用 core 的 `isEditorContentEmpty()`,避免额外 DOM parse。\n */\nexport const hasMeaningfulHtmlContent = (html: string): boolean => {\n if (!normalizeHtmlText(html)) return false;\n\n const template = document.createElement('template');\n\n template.innerHTML = html;\n\n return Boolean(\n normalizeHtmlText(template.content.textContent)\n || template.content.querySelector(meaningfulHtmlContentSelector)\n );\n};\n"],"names":["defaultMenuUiIcons","getEnabledGroupMenuButtons","menuElement","button","focusToolbarGroupMenuItem","index","nextButton","focusFirstToolbarGroupMenuItem","handleToolbarGroupMenuKeyDown","event","returnButton","executeToolbarButton","closeGroupMenu","buttons","activeIndex","focusByOffset","offset","nextIndex","_a","_b","toolbarGroupButtonSelector","toolbarButtonSelector","toolbarExecutableButtonSelector","getGroupMenuState","items","commandStates","itemStates","item","getMenuStateForItem","state","renderToolbarButton","groupElement","icons","enableTooltip","iconSvg","defaultMenuIcons","appendMenuIcon","renderToolbarGroupButton","toolbarItem","groupState","indicator","renderToolbar","toolbarElement","toolbarItems","separatorElement","renderToolbarGroupMenu","groupMenuState","labelElement","syncToolbarGroupButtonState","container","open","findToolbarGroupMenuItem","groupKey","toolbarDragClickThresholdPx","toolbarTooltipOffsetPx","toolbarGroupMenuOffsetPx","toolbarTouchStartOptions","canUseHoverTooltip","getToolbarButtonFromTarget","target","getToolbarGroupButtonFromTarget","createRichTextToolbar","options","placement","menuSchema","resolveMenuSchemaForDom","defaultMenuSchema","resolveToolbarMenu","executableMenuItems","tooltipElement","groupMenuElement","overlayHost","destroyed","dragState","shouldSuppressNextClick","latestCommandStates","groupMenuFloatingLayer","clearToolbarPressedState","bindTouchPressedState","clearGroupMenuPressedState","mountToolbarOverlays","closeGroupMenuFloatingLayer","openGroupMenuFloatingLayer","createFloatingLayer","renderStates","states","nextGroupItem","update","hideTooltip","showTooltip","tooltipText","buttonRect","handleTooltipTarget","handleTooltipLeave","relatedTarget","stopToolbarDrag","handlePointerMove","handlePointerUp","deltaX","currentDragState","handlePointerDown","startButton","handleTouchStart","menuItem","getPayloadPanelCurrentValues","toggleGroupMenu","groupItem","handleClick","groupButton","handleGroupMenuPointerDown","handleDocumentClick","handleKeyDown","unsubscribe","invisibleTextPattern","meaningfulHtmlContentSelector","normalizeHtmlText","text","hasMeaningfulHtmlContent","html","template"],"mappings":"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"}
|