adtec-core-package 3.0.2 → 3.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "private": false,
   "type": "module",
   "exports": {

package/src/components/RichTextEditor/RichTextEditor.vue

@@ -1,6 +1,9 @@
 <!-- RichTextEditor：基于预编译 Umo Editor（prebuilt/umo-editor），对外 API 与原 AiEditor 封装保持一致 -->
 <template>
-  <div ref="rootRef" class="umo-rich-text-editor-root">
+  <div
+    ref="rootRef"
+    class="umo-rich-text-editor-root"
+    :class="{ 'umo-rich-text-editor-root--readonly': !editable }">
     <UmoEditor
       v-if="umoMountOptions"
       :key="umoRuntimeKey"
@@ -36,9 +39,44 @@ export type RichTextEditorConfig = {
 }
 
 /** 始终保留 BlockImage NodeView；只读由 document.readOnly + node-view 静态分支控制 */
-const DISABLED_EXTENSIONS = ['mermaid', 'diagrams'] as const
-
-const OFFICIAL_TOOLBAR_MENUS = ['base', 'insert', 'table', 'tools', 'page', 'view', 'export'] as const
+const DISABLED_EXTENSIONS = [
+  'locale', // 视图 Tab：隐藏语言设置下拉（locale 固定 zh-CN；状态栏指示器另用 CSS 隐藏）
+  'theme', // 视图 Tab：隐藏主题设置（light/dark，theme 固定 light）
+  'mermaid',
+  'diagrams',
+  // Block 菜单（+ 插入新内容）：仅保留表格与图片
+  'qrcode',
+  'barcode',
+  'signature',
+  'math',
+  'echarts',
+  'print', // 开始 Tab：隐藏打印
+  // 插入 Tab：仅保留图片
+  'link',
+  'video',
+  'audio',
+  'file',
+  'text-box',
+  'details',
+  'code-block',
+  'symbol',
+  'chinese-date',
+  'emoji',
+  'tag',
+  'columns',
+  'callout',
+  'mention',
+  'option-box',
+  'hard-break',
+  'hr',
+  'bookmark',
+  'footnote',
+  'toc',
+  'template',
+  'web-page',
+] as const
+
+const OFFICIAL_TOOLBAR_MENUS = ['base', 'insert', 'table', 'page', 'view'] as const
 
 const emit = defineEmits<{
   onBlur: [payload: { html: string; text: string }]
@@ -107,7 +145,10 @@ function handlePanelShown() {
   }
   if (!rootWasHidden) return
   rootWasHidden = false
-  if (!ready.value) return
+  if (!ready.value) {
+    void bootstrapEditor()
+    return
+  }
   void applyEditableStateWithRetry()
   if (editable.value) {
     void ensureBlockImageNodeView()
@@ -208,7 +249,7 @@ function seedUmoLayoutStorage() {
     localStorage.setItem(`umo-editor:${umoRuntimeKey.value}:layout`, JSON.stringify('web'))
     localStorage.setItem(
       `umo-editor:${umoRuntimeKey.value}:toolbar`,
-      JSON.stringify({ mode: 'ribbon', show: showToolbar }),
+      JSON.stringify({ mode: 'classic', show: showToolbar }),
     )
   } catch {
     // ignore quota / private mode
@@ -277,7 +318,8 @@ function buildUmoMountOptions(content: string) {
     fullscreenZIndex: 2500,
     toolbar: {
       showSaveLabel: false,
-      defaultMode: 'ribbon',
+      defaultMode: 'classic',
+      // Umo schema 要求 menus 至少含 base；只读时 readOnly=true 会隐藏工具栏 UI
       menus:
         props.showToolbar && editableNow
           ? [...OFFICIAL_TOOLBAR_MENUS]
@@ -364,7 +406,7 @@ async function applyEditableState() {
   editor.setReadOnly?.(!canEdit)
   ensureTipTapEditable(canEdit)
   editor.setToolbar?.({
-    mode: 'ribbon',
+    mode: 'classic',
     show: props.showToolbar && canEdit,
   })
   const tipTap = editor.getEditor?.()?.value
@@ -431,9 +473,12 @@ async function bootstrapEditor() {
 
   await nextTick()
   await waitEditorPaintFrames()
-  await waitEditorPaintFrames()
   ready.value = true
   await nextTick()
+  const pendingHtml = model.value ?? ''
+  if (pendingHtml && pendingHtml !== getRawHtml()) {
+    applyEditorHtml(pendingHtml, false)
+  }
   await applyEditableStateWithRetry()
   syncEditorPresentation()
   if (editable.value) {
@@ -544,6 +589,7 @@ defineExpose({
       applyEditorHtml(html, focus)
     }
   },
+  isReady: () => ready.value,
 })
 
 onUnmounted(() => {
@@ -640,4 +686,18 @@ onUnmounted(() => {
   cursor: text;
   min-height: 120px;
 }
+
+.umo-rich-text-editor-root--readonly {
+  :deep(.umo-loading),
+  :deep(.umo-loading--visible),
+  :deep(.umo-loading__overlay),
+  :deep(.umo-loading--center),
+  :deep(.umo-icon-loading) {
+    display: none !important;
+  }
+
+  :deep(.umo-editor-content .ProseMirror) {
+    cursor: default;
+  }
+}
 </style>

package/src/components/RichTextEditor/installUmoEditorApp.ts

@@ -5,6 +5,26 @@ import { umoGlobalComponents } from '../../../prebuilt/umo-editor/umo-editor.js'
 const registeredApps = new WeakSet<App>()
 const tdesignApps = new WeakSet<App>()
 
+/** 嵌入 Umo 的全局样式覆盖（须注入 document.head，全屏 Teleport 到 body 时组件 scoped :deep 无法命中） */
+function injectUmoEmbedStyles() {
+  if (typeof document === 'undefined') return
+  if (document.getElementById('umo-embed-overrides')) return
+
+  const style = document.createElement('style')
+  style.id = 'umo-embed-overrides'
+  style.textContent = `
+    svg.umo-icon:not(.t-icon) {
+      fill: none;
+    }
+    .umo-status-bar-button.umo-lang-button {
+      display: none !important;
+    }
+  `
+  document.head.appendChild(style)
+}
+
+injectUmoEmbedStyles()
+
 /** 预编译 Umo 内部用 resolveComponent，须在宿主 Vue App 上注册 umoGlobalComponents */
 export function installUmoEditorApp(app?: App | null) {
   if (!app) return false