首次完整推送，

V：1.20240808.006

uni_modules/uni-cms-article/uniCloud/cloudfunctions/common/quill-delta-converter/index.js

@@ -0,0 +1,257 @@
+const {
+  QuillDeltaToHtmlConverter: QuillDeltaToHtmlConverterBase,
+  BlockGroup,
+  ListGroup,
+  BlotBlock,
+} = require('./core')
+
+const jsonRules = {
+  list(list) {
+    const firstItem = list.items[0];
+
+    return {
+      type: "list",
+      data: {
+        type: firstItem.item.op.attributes.list,
+        items: list.items.map((item) => jsonRules.listItem(item)),
+      },
+      attributes: firstItem.item.op.attributes,
+      class: attributes2class(firstItem.item.op.attributes, 'block'),
+      style: attributes2style(firstItem.item.op.attributes, 'block'),
+    };
+  },
+  listItem(listItem) {
+    // listItem.item.op.attributes.indent = 0;
+    const inlines = jsonRules.inlines(listItem.item.op, listItem.item.ops, false).map((v) => v.ops)
+
+    return {
+      data: inlines[0] || [],
+      children: listItem.innerList ? jsonRules.list(listItem.innerList): [],
+    }
+  },
+  block (op, ops) {
+    const type = ops[0].insert.type
+
+    if (type === 'text') {
+      return jsonRules.inlines(op, ops)
+    }
+
+    return {
+      type: ops[0].insert.type,
+      data: ops.map(bop => jsonRules.inline(bop)),
+      attributes: op.attributes,
+      class: attributes2class(op.attributes, 'block'),
+      style: attributes2style(op.attributes, 'block'),
+    }
+  },
+  inlines(op = {}, ops, isInlineGroup = true) {
+    const opsLen = ops.length - 1;
+    const br = {
+      type: 'br'
+    }
+    const texts = ops.reduce((acc, op, i) => {
+      if (i > 0 && i === opsLen && op.isJustNewline()) {
+        acc[acc.length - 1].op = op
+        return acc;
+      }
+
+      if (!acc[acc.length - 1]) {
+        acc.push({ops: [], op: {}});
+      }
+
+      if (op.isJustNewline()) {
+        const nextOp = ops[i + 1];
+        acc[acc.length - 1].op = op
+        if (nextOp && nextOp.isJustNewline()) {
+          acc.push({ops: [br], op: {}});
+        } else {
+          acc.push({ops: [], op: {}});
+        }
+        return acc;
+      } else {
+        acc[acc.length - 1].ops.push(jsonRules.inline(op));
+        return acc;
+      }
+    }, []);
+
+    if (!isInlineGroup) {
+      return texts;
+    }
+
+    return texts.map((v) => {
+      return {
+        type: "paragraph",
+        data: v.ops,
+        class: attributes2class(op.attributes || v.op.attributes, 'block'),
+        style: attributes2style(op.attributes || v.op.attributes, 'block'),
+      };
+    });
+  },
+  inline (op) {
+    const data = {
+      value: op.insert.value,
+      attributes: op.attributes,
+      class: attributes2class(op.attributes, 'inline'),
+      style: attributes2style(op.attributes, 'inline'),
+    }
+
+    if (op.isCustomEmbed()) {
+      return {
+        type: op.insert.type,
+        data
+      }
+    }
+
+    if (op.isLink()) {
+      return {
+        type: 'link',
+        data
+      }
+    }
+
+    return {
+      type: op.isImage() ? "image": "text",
+      data
+    }
+  },
+  blotBlock (op) {
+    return {
+      type: op.insert.type,
+      data: {
+        value: op.insert.value,
+        attributes: op.attributes,
+        class: attributes2class(op.attributes, 'block'),
+        style: attributes2style(op.attributes, 'block'),
+      }
+    }
+  }
+};
+
+function  attributes2style(attributes, type) {
+  if (!attributes) return ''
+  // 定义允许的属性
+  const allowAttr = {
+    inline: ['align', 'color', 'background', 'font', 'fontSize', 'fontStyle', 'fontVariant', 'fontWeight', 'fontFamily', 'lineHeight', 'letterSpacing', 'textDecoration', 'textIndent', 'wordWrap', 'wordBreak', 'whiteSpace'],
+    block: ['align', 'margin', 'marginTop', 'marginBottom', 'marginLeft', 'marginRight', 'padding', 'paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight', 'lineHeight', 'textIndent']
+  }[type]
+
+  // 定义属性适配器
+  const adp = {
+    align: 'text-align',
+  }
+
+  // 如果不支持该类型的属性，则抛出错误
+  if (!allowAttr) throw new Error('type not supported')
+
+  // 将属性转换为style
+  return allowAttr.reduce((res, item) => {
+    // 如果属性为空，则返回空字符串
+    if (!attributes) return res
+    // 如果属性不为undefined，则将属性名和属性值添加到style列表中
+    if (attributes[item] !== undefined) {
+      // 如果属性适配器中存在该属性，则使用适配器中的属性名
+      // 否则，将属性名转换为短横线连接的形式
+      res.push(`${adp[item] || item.replace(/([A-Z])/g, (s, m) => `-${m.toLowerCase()}`)}: ${attributes[item]}`)
+    }
+    return res
+
+  }, []).join(';')
+}
+function attributes2class(attributes, type) {
+  if (!attributes) return ''
+  // 定义允许的属性
+  const allowAttr = {
+    inline: ['bold', 'italic', 'underline', 'strike', 'ins', 'link'],
+    block: ['header', 'list']
+  }[type]
+
+  // 如果不支持该类型的属性，则抛出错误
+  if (!allowAttr) throw new Error('type not supported')
+
+  // 将属性转换为class列表
+  const classList = allowAttr.reduce((res, item) => {
+    // 如果属性为空，则返回空字符串
+    if (!attributes || item === "link") return res
+    // 如果属性为true，则将属性名添加到class列表中
+    if (attributes[item] === true) {
+      res.push(item)
+      // 如果属性不为undefined，则将属性名和属性值添加到class列表中
+    } else if (attributes[item] !== undefined) {
+      res.push(`${item}-${attributes[item]}`)
+    }
+    return res
+
+  }, [])
+
+  // 如果属性中包含link，则添加link类
+  if ('link' in attributes) {
+    classList.push('link')
+  }
+
+  return classList.join(' ')
+}
+class QuillDeltaToJSONConverter {
+  constructor(deltaOps) {
+
+    this.deltaPreHandler(deltaOps)
+
+    this.deltaOps = deltaOps
+    this.converter = new QuillDeltaToHtmlConverterBase(this.deltaOps, {
+      multiLineParagraph: false,
+    });
+  }
+
+  deltaPreHandler (deltaOps) {
+    for (const op of deltaOps) {
+      if (typeof op.insert === 'string') continue
+
+      if (!op.attributes) {
+        op.attributes = {}
+      }
+
+      const insertType = Object.keys(op.insert)
+      const blockRenderList = ['divider', 'unlockContent', 'mediaVideo']
+
+      if (insertType && insertType.length > 0 && blockRenderList.includes(insertType[0])) {
+        op.attributes.renderAsBlock = true
+      }
+    }
+  }
+
+  convert () {
+    const opsGroups = this.converter.getGroupedOps();
+
+    return [].concat.apply(
+      [],
+      opsGroups.map((group) => {
+        // console.log(JSON.stringify(group), '--------------------group------------------------------')
+        switch (group.constructor) {
+          case ListGroup:
+            return jsonRules.list(group);
+          case BlockGroup:
+            return jsonRules.block(group.op, group.ops)
+          case BlotBlock:
+            return jsonRules.blotBlock(group.op, group.ops)
+          default:
+            return jsonRules.inlines(group.op, group.ops);
+        }
+      })
+    ).filter(op => op.data instanceof Array ? op.data.length : op.data);
+  }
+}
+
+class QuillDeltaToHtmlConverter extends QuillDeltaToHtmlConverterBase {
+  constructor(deltaOps) {
+    super(deltaOps, {
+      multiLineParagraph: false,
+      inlineStyles: true,
+    });
+
+    // this.renderCustomWith(function (customOp, contextOp) {
+    //   console.log(customOp, contextOp)
+    // })
+  }
+}
+
+exports.QuillDeltaToHtmlConverter = QuillDeltaToHtmlConverter
+exports.QuillDeltaToJSONConverter = QuillDeltaToJSONConverter

uni_modules/uni-cms-article/uniCloud/cloudfunctions/common/quill-delta-converter/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "quill-delta-converter",
+  "description": "quill编辑器delta格式转换器",
+  "main": "index.js"
+}