aegon-lv97 1.0.0

package/gen-ai/components/editor/_StructureOrgNode.vue

@@ -0,0 +1,326 @@
+<template>
+  <div class="org-tree-node" :class="{ 'is-root': isRoot, 'has-children': hasChildren }">
+    <div
+      class="org-tree-node__box"
+      :class="{
+        'is-root': isRoot,
+        'is-selected': selected,
+        'is-editing': editing,
+      }"
+      @click.stop="onBoxClick"
+    >
+      <span
+        ref="labelRef"
+        class="org-tree-node__label"
+        :contenteditable="canEdit ? 'true' : 'false'"
+        spellcheck="false"
+        @focus="editing = true"
+        @blur="onLabelBlur"
+        @keydown.enter.prevent="blurLabel"
+        @keydown.esc.prevent="cancelEdit"
+        @mousedown.stop
+        @click.stop="onLabelClick"
+        >{{ node.label }}</span
+      >
+    </div>
+
+    <!-- 連續豎幹：線不斷開，+ 疊在線上 -->
+    <div v-if="hasChildren || (selected && !readonly)" class="org-tree-node__trunk">
+      <button
+        v-if="selected && !readonly"
+        type="button"
+        class="org-tree-node__plus"
+        title="新增子公司"
+        @mousedown.prevent
+        @click.stop="emit('add', node.id)"
+      >
+        <Plus :size="12" :stroke-width="3" />
+      </button>
+    </div>
+
+    <div v-if="hasChildren" class="org-tree-node__children">
+      <div v-for="child in node.children" :key="child.id" class="org-tree-node__branch">
+        <span class="org-tree-node__pct">{{ child.pct }}%</span>
+        <ReportStructureOrgNode
+          :node="child"
+          :selected-id="selectedId"
+          :readonly="readonly"
+          @select="emit('select', $event)"
+          @add="emit('add', $event)"
+          @rename="onChildRename"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { Plus } from 'lucide-vue-next'
+import { computed, nextTick, ref, watch } from 'vue'
+
+export type StructureOrgNode = {
+  id: string
+  label: string
+  pct: number
+  children: StructureOrgNode[]
+}
+
+const props = defineProps<{
+  node: StructureOrgNode
+  selectedId: string | null
+  readonly?: boolean
+}>()
+
+const emit = defineEmits<{
+  select: [id: string]
+  add: [id: string]
+  rename: [id: string, label: string]
+}>()
+
+const labelRef = ref<HTMLElement | null>(null)
+const editing = ref(false)
+
+const isRoot = computed(() => props.node.id === 'root')
+const selected = computed(() => props.selectedId === props.node.id)
+const hasChildren = computed(() => props.node.children.length > 0)
+const canEdit = computed(() => !props.readonly && selected.value)
+
+watch(selected, (isSelected) => {
+  if (!isSelected && editing.value) {
+    commitLabel()
+  }
+})
+
+function onBoxClick() {
+  emit('select', props.node.id)
+}
+
+function onLabelClick() {
+  emit('select', props.node.id)
+  if (props.readonly) return
+  nextTick(() => {
+    const el = labelRef.value
+    if (!el) return
+    el.focus()
+    const range = document.createRange()
+    range.selectNodeContents(el)
+    const sel = window.getSelection()
+    sel?.removeAllRanges()
+    sel?.addRange(range)
+  })
+}
+
+function blurLabel() {
+  labelRef.value?.blur()
+}
+
+function commitLabel() {
+  editing.value = false
+  const text = (labelRef.value?.innerText ?? '').trim()
+  if (labelRef.value) labelRef.value.innerText = text
+  if (text !== props.node.label) {
+    emit('rename', props.node.id, text)
+  }
+}
+
+function cancelEdit() {
+  editing.value = false
+  if (labelRef.value) labelRef.value.innerText = props.node.label
+  labelRef.value?.blur()
+}
+
+function onLabelBlur() {
+  commitLabel()
+}
+
+function onChildRename(id: string, label: string) {
+  emit('rename', id, label)
+}
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ReportStructureOrgNode',
+}
+</script>
+
+<style scoped>
+.org-tree-node {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.org-tree-node__box {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: 88px;
+  min-height: 36px;
+  padding: 0 14px;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  background: #f4f4f4;
+  color: #303133;
+  cursor: pointer;
+  outline: none;
+  box-shadow: none;
+}
+
+.org-tree-node__box.is-root {
+  background: #c53355;
+  color: #fff;
+}
+
+.org-tree-node__box:focus,
+.org-tree-node__box:focus-visible,
+.org-tree-node__label:focus,
+.org-tree-node__label:focus-visible {
+  outline: none !important;
+}
+
+/* 選中：紅色邊框（覆蓋瀏覽器/編輯器藍色 focus） */
+.org-tree-node__box.is-selected {
+  border-color: #c53355 !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
+
+.org-tree-node__box.is-root.is-selected {
+  border-color: #c53355 !important;
+  box-shadow: 0 0 0 2px #c53355 !important;
+}
+
+.org-tree-node__label {
+  display: inline-block;
+  min-width: 2em;
+  max-width: 160px;
+  outline: none;
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: text;
+  color: inherit;
+}
+
+.org-tree-node__label[contenteditable='false'] {
+  cursor: pointer;
+  user-select: none;
+}
+
+.org-tree-node__label[contenteditable='true'] {
+  cursor: text;
+  user-select: text;
+}
+
+/* 連續豎幹：整段實線，+ 居中疊加，線不中斷 */
+.org-tree-node__trunk {
+  position: relative;
+  z-index: 1;
+  width: 1px;
+  height: 36px;
+  flex-shrink: 0;
+  background: #d1d5db;
+}
+
+.org-tree-node__plus {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: #c53355;
+  color: #fff;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  /* 不使用白圈打斷豎線；線從圓形兩側連續可見 */
+  box-shadow: none;
+}
+
+.org-tree-node__plus:hover {
+  background: #a82b48;
+}
+
+.org-tree-node__children {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 28px;
+  width: max-content;
+  margin-top: 0;
+  padding-top: 0;
+}
+
+.org-tree-node__branch {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 20px;
+}
+
+/*
+ * 水平連線：向兩側延伸半個 gap(14px) 以跨過 flex gap，避免斷開
+ */
+.org-tree-node__branch::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: -14px;
+  right: -14px;
+  height: 1px;
+  background: #d1d5db;
+}
+
+.org-tree-node__branch:first-child::before {
+  left: 50%;
+}
+
+.org-tree-node__branch:last-child::before {
+  right: 50%;
+}
+
+.org-tree-node__branch:only-child::before {
+  display: none;
+}
+
+/* 落到百分比/節點的豎線（與水平線相接，不斷開） */
+.org-tree-node__branch::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1px;
+  height: 20px;
+  background: #d1d5db;
+  transform: translateX(-50%);
+}
+
+.org-tree-node__pct {
+  position: relative;
+  z-index: 1;
+  margin-bottom: 6px;
+  padding: 0 3px;
+  color: #9ca3af;
+  font-family: var(--gen-ai-font-family, 'Noto Sans', 'Noto Sans TC', sans-serif);
+  font-size: 12px;
+  line-height: 1;
+  background: #fff;
+}
+</style>

package/gen-ai/components/editor/index.ts

@@ -0,0 +1,28 @@
+/**
+ * GEN-AI TipTap 編輯器（高度集成）
+ *
+ * - ChapterTiptapEditor.vue — 章節富文本（業務入口；含 //0918 tip popup）
+ * - TypewriterDocEditor.vue — 多章打字機（//0918：disableTypewriter true→false 須 reset typedKeys）
+ * - reviewCitationTip.ts — //0918 tip/REF（未命中删除 [ref:uuid]，只显示命中）
+ * - parseMarkdownHtml.ts — Markdown→HTML（旧 tip 三层 + REF）
+ * - TiptapToolbar.vue — 格式 + 插入工具欄（僅編輯器內部，非 tip popup）
+ * - StructureBlockView.vue — 結構區塊 NodeView
+ *
+ * 迁移 tip + 打字机整组：
+ *   reviewCitationTip.ts + chartStreamRefs.ts + ChapterTiptapEditor + TypewriterDocEditor + parseMarkdownHtml
+ */
+export { default as ReportChapterTiptapEditor } from './ChapterTiptapEditor.vue'
+export { default as ReportTypewriterDocEditor } from './TypewriterDocEditor.vue'
+export type { EditorReviewMarker } from './ChapterTiptapEditor.vue'
+export { parseMarkdownToHtml } from './parseMarkdownHtml'
+//0918 tip / REF 兼容层导出（迁移时一并带走）
+export {
+  REF_MARKER_RE,
+  //0918-1
+  REF_ANY_MARKER_RE,
+  //0918-1
+  resolveRefMarker,
+  canOpenCitationTip,
+  readCitationDataset,
+} from './reviewCitationTip'
+//0918