chore: merge blocksuite source code (#9213)

2026-07-25 14:28:51 +08:00 · 2024-12-20 15:38:06 +08:00
parent 2c9ef916f4
commit 30200ff86d
2031 changed files with 238888 additions and 229 deletions
@@ -0,0 +1,103 @@
+import { html, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { join } from 'lit/directives/join.js';
+import { repeat } from 'lit/directives/repeat.js';
+
+import type { FatMenuItems, MenuItem, MenuItemGroup } from './types.js';
+
+export function groupsToActions<T>(
+  groups: MenuItemGroup<T>[],
+  context: T
+): MenuItem[][] {
+  return groups
+    .filter(group => group.when?.(context) ?? true)
+    .map(({ items }) =>
+      items
+        .filter(item => item.when?.(context) ?? true)
+        .map(({ type, label, tooltip, icon, action, disabled, generate }) => {
+          if (action && typeof action === 'function') {
+            return {
+              type,
+              label,
+              tooltip,
+              icon,
+              action: () => {
+                action(context)?.catch(console.error);
+              },
+              disabled:
+                typeof disabled === 'function' ? disabled(context) : disabled,
+            };
+          }
+
+          if (generate && typeof generate === 'function') {
+            const result = generate(context);
+
+            if (!result) return null;
+
+            return {
+              type,
+              label,
+              tooltip,
+              icon,
+              ...result,
+            };
+          }
+
+          return null;
+        })
+        .filter(item => !!item)
+    );
+}
+
+export function renderActions(
+  fatMenuItems: FatMenuItems,
+  action?: (item: MenuItem) => Promise<void> | void,
+  selectedName?: string
+) {
+  return join(
+    fatMenuItems
+      .filter(g => g.length)
+      .map(g => g.filter(a => a !== nothing) as MenuItem[])
+      .filter(g => g.length)
+      .map(items =>
+        repeat(
+          items,
+          item => item.type,
+          item =>
+            item.render?.(item) ??
+            html`
+              <editor-menu-action
+                class=${ifDefined(
+                  item.type === 'delete' ? 'delete' : undefined
+                )}
+                aria-label=${ifDefined(item.label)}
+                ?data-selected=${selectedName === item.label}
+                ?disabled=${item.disabled}
+                @click=${item.action ? item.action : () => action?.(item)}
+              >
+                ${item.icon}${item.label
+                  ? html`<span class="label">${item.label}</span>`
+                  : nothing}
+              </editor-menu-action>
+            `
+        )
+      ),
+    () => html`
+      <editor-toolbar-separator
+        data-orientation="horizontal"
+      ></editor-toolbar-separator>
+    `
+  );
+}
+
+export function cloneGroups<T>(groups: MenuItemGroup<T>[]) {
+  return groups.map(group => ({ ...group, items: [...group.items] }));
+}
+
+export function renderGroups<T>(groups: MenuItemGroup<T>[], context: T) {
+  return renderActions(groupsToActions(groups, context));
+}
+
+export function renderToolbarSeparator() {
+  return html`<editor-toolbar-separator></editor-toolbar-separator>`;
+}