adtec-core-package 3.0.0 → 3.0.1

package/src/components/editor-main/src/utils/content-transform.js

@@ -0,0 +1,12 @@
+export const contentTransform = (content) => {
+  // 处理空内容或非字符串内容
+  if (content && typeof content === 'string' && !content.startsWith('<')) {
+    // 处理纯文本中的换行符
+    return content
+      .split('\n')
+      .map((line) => `<p>${line}</p>`)
+      .join('')
+  }
+
+  return content
+}

package/src/components/editor-main/src/utils/copyright.js

@@ -0,0 +1,4 @@
+/** 富文本编辑器 10.2.1 本地集成 */
+const VERSION = '10.2.1'
+
+export const version = VERSION

package/src/components/editor-main/src/utils/diagram-editor.js

@@ -0,0 +1,153 @@
+import { useI18n } from '../composables/i18n'
+
+const locales = {
+  'zh-CN': 'zh',
+  'en-US': 'en',
+}
+
+// https://www.diagrams.com/doc/faq/embed-mode
+class DiagramEditor {
+  constructor({ domain, params, container }) {
+    this.frame = undefined
+    this.container = container
+    this.domain = 'https://embed.diagrams.net'
+    // https://www.drawio.com/doc/faq/supported-url-parameters
+    this.params = {
+      ui: 'atlas',
+      proto: 'json',
+      libraries: 1,
+      configure: 1,
+      noSaveBtn: 1,
+    }
+    this.xml = null
+    this.format = 'xmlsvg'
+    this.data = null
+
+    this.domain = domain || this.domain
+    this.params = { ...this.params, ...params }
+    this.container = container
+  }
+
+  handleMessageEvent = (evt) => {
+    if (
+      this.frame !== undefined &&
+      evt.source === this.frame.contentWindow &&
+      evt.data.length > 0
+    ) {
+      try {
+        const msg = JSON.parse(evt.data)
+        if (msg) {
+          this.handleMessage(msg)
+        }
+      } catch (e) {
+        console.error(e)
+      }
+    }
+  }
+
+  // 编辑元素
+  edit(src) {
+    let fmt = this.format
+    if (src.substring(0, 15) === 'data:image/png;') {
+      fmt = 'xmlpng'
+    } else if (src.substring(0, 19) === 'data:image/svg+xml;') {
+      fmt = 'xmlsvg'
+    }
+    this.startEditing(src, fmt)
+    return this
+  }
+
+  // 创建 iframe
+  createFrame() {
+    const params = Object.keys(this.params)
+      .map((key) => `${key}=${this.params[key]}`)
+      .join('&')
+    const { locale } = useI18n()
+    const lang = locales[locale.value]
+    const frame = document.createElement('iframe')
+    frame.setAttribute('class', 'umo-diagrams-iframe')
+    frame.setAttribute('src', `${this.domain}?${params}&lang=${lang}`)
+    return frame
+  }
+
+  // diagrams页面和当前页面通信
+  postMessage(msg) {
+    if (this.frame) {
+      this.frame.contentWindow?.postMessage(JSON.stringify(msg), '*')
+    }
+  }
+
+  handleMessage(msg) {
+    if (msg.event === 'configure') {
+      this.configureEditor()
+    } else if (msg.event === 'init') {
+      this.initializeEditor()
+    } else if (msg.event === 'save') {
+      this.exportData(msg.data)
+      this.xml = msg.xml
+      if (msg.exit) {
+        msg.event = 'exit'
+      } else {
+        this.postMessage({
+          action: 'status',
+          messageKey: 'allChangesSaved',
+          modified: false,
+        })
+      }
+    }
+    if (msg.event === 'exit') {
+      if (this.format !== 'xml') {
+        if (this.xml) {
+          this.postMessage({
+            action: 'export',
+            format: this.format,
+            xml: this.xml,
+            spinKey: 'export',
+          })
+        }
+      }
+      this.stopEditing()
+    }
+  }
+
+  // 开始编辑
+  startEditing(data, format) {
+    if (!this.frame) {
+      window.addEventListener('message', this.handleMessageEvent)
+      this.format = format || this.format
+      this.data = data
+      this.frame = this.createFrame()
+      const container = document.querySelector(this.container)
+      container?.appendChild(this.frame)
+    }
+  }
+
+  // 停止编辑
+  stopEditing() {
+    window.removeEventListener('message', this.handleMessageEvent)
+    this.frame = undefined
+  }
+
+  // 安装编辑器
+  initializeEditor() {
+    this.postMessage({
+      action: 'load',
+      autosave: 0,
+      saveAndExit: '1',
+      modified: 'unsavedChanges',
+      xml: this.data,
+    })
+  }
+
+  // 设置编辑器
+  configureEditor() {
+    this.postMessage({ action: 'configure', config: this.params.configure })
+  }
+
+  // 导出数据
+  exportData(data) {
+    return data
+  }
+}
+
+export default DiagramEditor

package/src/components/editor-main/src/utils/editor-scroll.js

@@ -0,0 +1,75 @@
+/**
+ * 保存/恢复编辑器及外层滚动位置，避免 setBlockType 等命令触发 scrollIntoView 导致页面跳动。
+ */
+export function captureScrollPositions(container) {
+  const positions = []
+  const pageContainer = document.querySelector(
+    `${container} .umo-zoomable-container`,
+  )
+  if (pageContainer) {
+    positions.push({
+      el: pageContainer,
+      top: pageContainer.scrollTop,
+      left: pageContainer.scrollLeft,
+    })
+  }
+
+  let node = pageContainer?.parentElement ?? null
+  while (node && node !== document.documentElement) {
+    if (node.classList?.contains('el-scrollbar__wrap')) {
+      positions.push({
+        el: node,
+        top: node.scrollTop,
+        left: node.scrollLeft,
+      })
+      break
+    }
+    node = node.parentElement
+  }
+
+  return positions
+}
+
+export function restoreScrollPositions(positions) {
+  if (!positions.length) return
+  const apply = () => {
+    for (const { el, top, left } of positions) {
+      el.scrollTop = top
+      el.scrollLeft = left
+    }
+  }
+  apply()
+  requestAnimationFrame(apply)
+}
+
+/**
+ * 切换段落/标题，不触发 ProseMirror scrollIntoView（与 toggleHeading 行为一致）。
+ */
+export function applyHeadingWithoutScroll(editor, value) {
+  const { state, view } = editor
+  const { schema, selection } = state
+  const paragraph = schema.nodes.paragraph
+  const heading = schema.nodes.heading
+  if (!paragraph || !heading) return false
+
+  let tr = state.tr
+  let targetType = paragraph
+  let attrs = null
+
+  if (value === 'paragraph') {
+    targetType = paragraph
+  } else if (editor.isActive('heading', { level: value })) {
+    targetType = paragraph
+  } else {
+    targetType = heading
+    attrs = { level: value }
+  }
+
+  for (let i = 0; i < selection.ranges.length; i++) {
+    const { $from, $to } = selection.ranges[i]
+    tr = tr.setBlockType($from.pos, $to.pos, targetType, attrs)
+  }
+
+  view.dispatch(tr)
+  return true
+}

package/src/components/editor-main/src/utils/file.js

@@ -0,0 +1,177 @@
+const fileTypes = {
+  ai: ['ai', 'eps'],
+  app: ['app'],
+  axure: ['rp'],
+  book: [
+    'mobi',
+    'oeb',
+    'lit',
+    'xeb',
+    'ebx',
+    'rb',
+    'pdb',
+    'epub',
+    'azw3',
+    'hlp',
+    'chm',
+    'wdl',
+    'ceb',
+    'abm',
+    'pdg',
+    'caj',
+  ],
+  css: ['css', 'less', 'sass'],
+  dmg: ['dmg'],
+  excel: [
+    'csv',
+    'fods',
+    'ods',
+    'ots',
+    'xls',
+    'xlsm',
+    'xlsx',
+    'xlt',
+    'xltm',
+    'xltx',
+    'et',
+    'ett',
+  ],
+  exe: ['exe'],
+  html: ['htm', 'html', 'mht'],
+  // prettier-ignore
+  img: ['png', 'bmp', 'jpg', 'jpeg', 'gif', 'webp', 'tga', 'exif', 'fpx', 'svg', 'hdri', 'raw', 'ico', 'jfif', 'dib', 'pbm', 'pgm', 'ppm', 'rgb'],
+  java: ['jar', 'java'],
+  js: ['js', 'jsx', 'ts', 'tsx'],
+  json: ['json'],
+  keynote: ['key'],
+  md: ['md', 'markdown'],
+  // prettier-ignore
+  music: ['au', 'aif', 'aiff', 'aifc', 'rmi', 'mp3', 'mid', 'cda', 'wav', 'wma', 'ra', 'ram', 'snd', 'mida', 'ogg', 'ape', 'flac', 'aac'],
+  numbers: ['numbers'],
+  pages: ['pages'],
+  pdf: ['pdf'],
+  php: ['php'],
+  pkg: ['pkg'],
+  // prettier-ignore
+  ppt: ['fodp', 'odp', 'otp', 'pot', 'potm', 'potx', 'pps', 'ppsm', 'ppsx', 'ppt', 'pptm', 'pptx', 'dps', 'dpt', 'wpp'],
+  psd: ['psd'],
+  python: ['python'],
+  sh: ['sh'],
+  sketch: ['sketch'],
+  sql: ['sql'],
+  text: ['text', 'txt'],
+  video: ['mp4', 'avi', 'mov', 'rmvb', 'rm', 'flv', 'mpeg', 'wmv', 'mkv'],
+  vue: ['vue'],
+  // prettier-ignore
+  word: ['doc', 'docm', 'docx', 'dot', 'dotm', 'dotx', 'epub', 'fodt', 'odt', 'ott', 'rtf', 'wps', 'wpt'],
+  xmind: ['xmind'],
+  // prettier-ignore
+  zip: ['zip', 'rar', 'tar', 'gz', 'gzip', 'uue', 'bz2', 'iso', '7z', 'z', 'ace', 'lzh', 'arj', 'cab'],
+  font: ['eot', 'otf', 'fon', 'font', 'ttf', 'ttc', 'woff', 'woff2'],
+}
+
+export const getFileExtname = (filename) => {
+  const splitFileName = filename?.split('.')
+  return splitFileName ? splitFileName[splitFileName.length - 1] : undefined
+}
+
+export const getFileIcon = (filename) => {
+  let iconName = 'common'
+  const extname = getFileExtname(filename)
+  if (extname) {
+    for (const type of Object.keys(fileTypes)) {
+      if (fileTypes[type].includes(extname)) {
+        iconName = type
+      }
+    }
+  }
+  return iconName
+}
+
+export const getImageDimensions = (file) => {
+  try {
+    return new Promise((resolve) => {
+      const { type } = file
+      if (type.startsWith('image/')) {
+        const img = new Image()
+        img.onload = () => {
+          const width = img.naturalWidth
+          const height = img.naturalHeight
+          URL.revokeObjectURL(img.src)
+          resolve({ width, height }) // 返回宽高对象
+        }
+        img.onerror = () => {
+          // 出错时返回默认尺寸或null，根据需求调整
+          resolve({ width: 0, height: 0 })
+        }
+        img.src = URL.createObjectURL(file)
+      } else {
+        resolve({ width: 0, height: 0 })
+      }
+    })
+  } catch (e) {
+    return null
+  }
+}
+
+export const dataURLToFile = (dataURL, name) => {
+  if (!dataURL || !dataURL.startsWith('data:')) {
+    throw new Error('Invalid dataURL')
+  }
+
+  const [header, data] = dataURL.split(',')
+  const mimeMatch = header.match(/data:(.*?)(;|$)/)
+
+  if (!mimeMatch) {
+    throw new Error('Cannot parse mime type from dataURL')
+  }
+  const [, mime] = mimeMatch
+
+  // mime → 后缀映射
+  const extensionMap = {
+    'image/png': 'png',
+    'image/jpeg': 'jpg',
+    'image/jpg': 'jpg',
+    'image/webp': 'webp',
+    'image/gif': 'gif',
+    'image/bmp': 'bmp',
+    'image/svg+xml': 'svg',
+    'image/avif': 'avif',
+  }
+
+  const ext = extensionMap[mime] || mime.split('/')[1] || 'png'
+  const filename = `${name}.${ext}`
+
+  let content
+
+  if (header.includes('base64')) {
+    const binary = atob(data)
+    const buffer = new Uint8Array(binary.length)
+
+    for (let i = 0; i < binary.length; i++) {
+      buffer[i] = binary.charCodeAt(i)
+    }
+
+    content = buffer
+  } else {
+    // 非 base64（如 svg+xml;utf8）
+    content = decodeURIComponent(data)
+  }
+
+  const file = new File([content], filename, { type: mime })
+
+  return { file, filename }
+}
+
+export const svgToDataURL = (svg) => {
+  let svgString = svg
+  if (svg instanceof SVGElement) {
+    svgString = new XMLSerializer().serializeToString(svg)
+  }
+  svgString = svgString
+    .replace(/>\s+</g, '><') // 去空格
+    .replace(/\n/g, '')
+    .trim()
+  const encoded = btoa(unescape(encodeURIComponent(svgString)))
+  return `data:image/svg+xml;base64,${encoded}`
+}

package/src/components/editor-main/src/utils/history-record.js

@@ -0,0 +1,135 @@
+/* 记录历史记录的公共组
+{
+  done: [],        // 能撤销的记录数组
+  undone: [],      // 能重做的记录数组
+  isUndoRedo: false // 是否正在执行撤销 / 重做
+}
+*/
+
+export const addHistory = (records, stepType, data) => {
+  if (records.value.isUndoRedo || !data) return
+
+  stepType === 'editor'
+    ? addHistoryEditor(records, stepType, data)
+    : addHistoryPage(records, stepType, data)
+}
+
+/* ================= 编辑器历史 ================= */
+
+const addHistoryEditor = (records, stepType, data) => {
+  const undoneCount = data?.undone?.eventCount || 0
+  if (undoneCount > 0) return
+
+  const eventCount = data?.done?.eventCount || 0
+  if (eventCount === 0) return
+
+  const { done } = records.value
+  let currentCount =
+    typeof records.value.editorCount === 'number'
+      ? records.value.editorCount
+      : done.filter((item) => item.type === stepType).length
+
+  if (currentCount < eventCount) {
+    for (let i = currentCount; i < eventCount; i++) {
+      done.push({ type: stepType })
+    }
+    currentCount = eventCount
+  }
+
+  records.value.editorCount = currentCount
+  resetUndone(records)
+}
+
+/* ================= 页面历史 ================= */
+
+const addHistoryPage = (records, stepType, data) => {
+  if (!stepType) return
+
+  const { proType, newData, oldData } = data
+  if (!proType || !newData || !oldData) return
+
+  // 值相同不记录
+  if (isEqual(newData, oldData)) return
+
+  records.value.done.push({ type: stepType, ...data })
+  resetUndone(records)
+}
+
+/* ================= 公共工具 ================= */
+
+const resetUndone = (records) => {
+  records.value.undone = []
+}
+
+const isEqual = (a, b) => {
+  if (a === b) return true
+  if (a === null || b === null) return a === b
+  if (typeof a !== typeof b) return false
+
+  if (typeof a === 'object') {
+    // 数组
+    if (Array.isArray(a)) {
+      if (!Array.isArray(b) || a.length !== b.length) return false
+      return a.every((item, i) => isEqual(item, b[i]))
+    }
+
+    // 对象
+    const keysA = Object.keys(a)
+    const keysB = Object.keys(b)
+    if (keysA.length !== keysB.length) return false
+
+    return keysA.every((key) => keysB.includes(key) && isEqual(a[key], b[key]))
+  }
+
+  return false
+}
+
+/* ================= 撤销 / 重做 ================= */
+
+const withUndoRedoFlag = (records, fn) => {
+  records.value.isUndoRedo = true
+  try {
+    fn()
+  } catch (e) {}
+  setTimeout(() => {
+    records.value.isUndoRedo = false
+  }, 0)
+}
+
+// 撤销
+export const undoHistoryRecord = (records, method) => {
+  const { done } = records.value
+  if (done.length === 0) return
+
+  withUndoRedoFlag(records, () => {
+    const record = done.pop()
+    method(record)
+    records.value.undone.unshift(record)
+    if (record?.type === 'editor') {
+      const currentCount =
+        typeof records.value.editorCount === 'number'
+          ? records.value.editorCount
+          : 0
+      records.value.editorCount = Math.max(0, currentCount - 1)
+    }
+  })
+}
+
+// 重做
+export const redoHistoryRecord = (records, method) => {
+  const { undone } = records.value
+  if (undone.length === 0) return
+
+  withUndoRedoFlag(records, () => {
+    const record = undone.shift()
+    method(record)
+    records.value.done.push(record)
+    if (record?.type === 'editor') {
+      const currentCount =
+        typeof records.value.editorCount === 'number'
+          ? records.value.editorCount
+          : 0
+      records.value.editorCount = currentCount + 1
+    }
+  })
+}

package/src/components/editor-main/src/utils/load-resource.js

@@ -0,0 +1,45 @@
+/**
+ * 资源加载方法（支持 JS 和 CSS）
+ * @param {string} url - 资源地址
+ * @param {'script'|'css'} [type='script'] - 资源类型，'script' | 'css'（默认 'script'）
+ * @param {string} [id=''] - 资源 ID
+ * @returns {Promise<void>} 加载成功 resolve，失败 reject
+ */
+export const loadResource = (url, type = 'script', id = '') => {
+  const filename = url.split('/').pop()
+  const resourceId = id === '' ? `${type || 'script'}-${filename}` : id
+
+  return new Promise((resolve, reject) => {
+    if (document.getElementById(resourceId)) {
+      resolve()
+      return
+    }
+    let element
+
+    if (type === 'script') {
+      // 加载 JS 脚本
+      element = document.createElement('script')
+      element.src = url
+      element.id = resourceId
+      element.type = 'text/javascript'
+      // element.async = true
+
+      element.onload = () => resolve()
+      element.onerror = () => reject(new Error(`JS 脚本加载失败: ${url}`))
+    } else if (type === 'css') {
+      // 加载 CSS 样式
+      element = document.createElement('link')
+      element.rel = 'stylesheet'
+      element.href = url
+      element.id = resourceId
+
+      element.onload = () => resolve()
+      element.onerror = () => reject(new Error(`CSS 样式加载失败: ${url}`))
+    } else {
+      reject(new Error(`不支持的类型: ${type}`))
+      return
+    }
+
+    document.head.appendChild(element)
+  })
+}

package/src/components/editor-main/src/utils/options.js

@@ -0,0 +1,25 @@
+import { isRecord } from '@tool-belt/type-predicates'
+
+import { defaultOptions, ojbectSchema } from '../options'
+
+export const getOpitons = (propsOptions, globalOptions) => {
+  const propsOptionsValue =
+    isRecord(propsOptions) && Object.keys(propsOptions).includes('value')
+      ? propsOptions.value
+      : propsOptions
+
+  const componentOptions = Object.keys(propsOptionsValue).reduce((acc, key) => {
+    if (propsOptionsValue[key] !== undefined) {
+      acc[key] = propsOptionsValue[key]
+    }
+    return acc
+  }, {})
+
+  const options = ojbectSchema.merge(
+    defaultOptions,
+    globalOptions,
+    componentOptions,
+  )
+
+  return options
+}