@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

package/es/docHistory/scripts/diff.js

@@ -1,293 +0,0 @@
-import { diffChars } from "diff";
-function GetAllTextNodes(parent) {
-  let nodesList = [];
-  const layer = parent.childNodes;
-  const childNum = layer.length;
-  for (let i = 0; i < childNum; i++) {
-    const childNode = layer[i];
-    const noteType = childNode.nodeType;
-    if (noteType === 3 && Trim(childNode.data).length !== 0) {
-      nodesList[nodesList.length] = childNode;
-    }
-    if (noteType === 1) {
-      nodesList = nodesList.concat(GetAllTextNodes(childNode));
-    }
-  }
-  return nodesList;
-}
-function CompareById2(leftNode, rightNode) {
-  const lftList = GetAllTextNodes(leftNode);
-  const rhtList = GetAllTextNodes(rightNode);
-  CompareNodes(lftList, rhtList);
-  return leftNode.innerHTML;
-}
-function Equal(v_node1, v_node2) {
-  if (v_node1.data === v_node2.data)
-    return true;
-  return false;
-}
-function CompareText(v_LeftList, v_RightList, lftPNode = null) {
-  const leftLen = v_LeftList.length;
-  const rightLen = v_RightList.length;
-  if (rightLen === leftLen && rightLen === 1) {
-    if (v_LeftList[0].data.length === v_RightList[0].data.length && v_RightList[0].data.length === 1)
-      return;
-  }
-  if (leftLen === 0) {
-    let rightFather = null;
-    for (let i = 0; i < rightLen; i++) {
-      if (!rightFather)
-        rightFather = v_RightList[i].parentNode;
-      const node = v_RightList[i].clone(true);
-      try {
-        rightFather.removeChild(v_RightList[i]);
-      } catch (e) {
-        console.log(e);
-      }
-      if (lftPNode)
-        lftPNode.appendChild(node);
-      PaintRemove(node);
-    }
-  } else if (rightLen === 0) {
-    for (let i = 0; i < leftLen; i++)
-      PaintAdd(v_LeftList[i]);
-  } else {
-    const LeftTextList = GetCharList(v_LeftList);
-    const RightTextList = GetCharList(v_RightList);
-    const diff = diffChars(RightTextList.join(""), LeftTextList.join(""));
-    let leftFather = null;
-    for (let i = 0; i < v_LeftList.length; i++) {
-      if (!leftFather)
-        leftFather = v_LeftList[i].parentNode;
-      try {
-        leftFather.removeChild(v_LeftList[i]);
-      } catch (e) {
-        console.log(e);
-      }
-    }
-    diff.forEach((item) => {
-      if (item.added) {
-        const addNode = document.createTextNode(item.value);
-        leftFather.appendChild(addNode);
-        PaintAdd(addNode);
-        return;
-      }
-      if (item.removed) {
-        const removeNode = document.createTextNode(item.value);
-        leftFather.appendChild(removeNode);
-        PaintRemove(removeNode);
-        return;
-      }
-      const changeNode = document.createTextNode(item.value);
-      leftFather.appendChild(changeNode);
-    });
-  }
-}
-function GetCharList(v_nodeList) {
-  const CharList = [];
-  for (let i = 0; i < v_nodeList.length; i++) {
-    const text = v_nodeList[i].data;
-    for (let j = 0; j < text.length; j++) {
-      CharList[CharList.length] = text.charAt(j);
-    }
-  }
-  return CharList;
-}
-function PaintAdd(vNode) {
-  const nNode = document.createElement("span");
-  nNode.style.background = "#d3fadc";
-  const c = vNode.cloneNode(true);
-  nNode.appendChild(c);
-  const f = vNode.parentNode;
-  f.replaceChild(nNode, vNode);
-  vNode = c;
-  return vNode;
-}
-function PaintRemove(vNode) {
-  const nNode = document.createElement("span");
-  nNode.style.textDecoration = "line-through";
-  nNode.style.background = "#f7cfd3";
-  const c = vNode.cloneNode(true);
-  nNode.appendChild(c);
-  const f = vNode.parentNode;
-  f.replaceChild(nNode, vNode);
-  vNode = c;
-  return vNode;
-}
-function GetNodeList(v_nodesList, v_begin, v_len) {
-  const List = [];
-  for (let j = 0; j < v_len; j++) {
-    List[j] = v_nodesList[v_begin + j];
-  }
-  return List;
-}
-function LTrim(s) {
-  return s.replace(/^\s*/, "");
-}
-function RTrim(s) {
-  return s.replace(/\s*$/, "");
-}
-function Trim(s) {
-  return RTrim(LTrim(s));
-}
-function CompareNodes(v_LeftNodesList, v_RightNodesList) {
-  let PreRightIndex = -1;
-  let PreLeftIndex = -1;
-  let RightIndex = 0;
-  let LeftIndex = 0;
-  const nLeftNodesListLen = v_LeftNodesList.length;
-  const nRightNodesListLen = v_RightNodesList.length;
-  while (LeftIndex <= nLeftNodesListLen || RightIndex <= nRightNodesListLen) {
-    const leftFather = LeftIndex === nLeftNodesListLen ? v_LeftNodesList[LeftIndex - 1] : v_LeftNodesList[LeftIndex];
-    if (LeftIndex === nLeftNodesListLen) {
-      try {
-        CompareText(
-          GetNodeList(
-            v_LeftNodesList,
-            PreLeftIndex + 1,
-            LeftIndex - PreLeftIndex - 1
-          ),
-          GetNodeList(
-            v_RightNodesList,
-            PreRightIndex + 1,
-            RightIndex - PreRightIndex - 1
-          ),
-          leftFather
-        );
-      } catch (e) {
-        console.log("\u5220\u9664\u6570\u636E\u586B\u5145\u5F02\u5E38");
-        throw e;
-      }
-      break;
-    }
-    if (RightIndex === nRightNodesListLen) {
-      try {
-        CompareText(
-          GetNodeList(
-            v_LeftNodesList,
-            PreLeftIndex + 1,
-            LeftIndex - PreLeftIndex - 1
-          ),
-          GetNodeList(
-            v_RightNodesList,
-            PreRightIndex + 1,
-            RightIndex - PreRightIndex - 1
-          ),
-          leftFather
-        );
-        for (let j = LeftIndex; j < nLeftNodesListLen; j++)
-          v_RightNodesList[j] = PaintAdd(v_LeftNodesList[j]);
-        break;
-      } catch (e) {
-        console.log("\u65B0\u589E\u6570\u636E\u586B\u5145\u5F02\u5E38");
-        throw e;
-      }
-    }
-    if (Equal(v_LeftNodesList[LeftIndex], v_RightNodesList[RightIndex])) {
-      if (v_LeftNodesList[LeftIndex].data.length > 1) {
-        try {
-          CompareText(
-            GetNodeList(
-              v_LeftNodesList,
-              PreLeftIndex + 1,
-              LeftIndex - PreLeftIndex - 1
-            ),
-            GetNodeList(
-              v_RightNodesList,
-              PreRightIndex + 1,
-              RightIndex - PreRightIndex - 1
-            ),
-            leftFather
-          );
-        } catch (e) {
-          console.log("\u76F8\u4F3C\u8282\u70B9\u5BF9\u6BD4\u5F02\u5E38");
-          throw e;
-        }
-        PreLeftIndex = LeftIndex;
-        PreRightIndex = RightIndex;
-      } else if (v_LeftNodesList[LeftIndex].data.length === 1 && v_LeftNodesList[LeftIndex].data.charCodeAt(0) > 127) {
-        PreLeftIndex = LeftIndex;
-        PreRightIndex = RightIndex;
-      }
-      LeftIndex++;
-      RightIndex++;
-    } else {
-      let i = 0;
-      for (i = RightIndex + 1; i < nRightNodesListLen; i++) {
-        if (Equal(v_LeftNodesList[LeftIndex], v_RightNodesList[i])) {
-          if (v_LeftNodesList[LeftIndex].data.length > 1) {
-            CompareText(
-              GetNodeList(
-                v_LeftNodesList,
-                PreLeftIndex + 1,
-                LeftIndex - PreLeftIndex - 1
-              ),
-              GetNodeList(
-                v_RightNodesList,
-                PreRightIndex + 1,
-                i - PreRightIndex - 1
-              ),
-              leftFather
-            );
-            PreLeftIndex = LeftIndex;
-            PreRightIndex = i;
-            LeftIndex++;
-            RightIndex = i + 1;
-          } else {
-            if (v_LeftNodesList[LeftIndex].data.length === 1 && v_LeftNodesList[LeftIndex].data.charCodeAt(0) > 127) {
-              PreLeftIndex = LeftIndex;
-              PreRightIndex = RightIndex;
-            }
-            RightIndex++;
-            LeftIndex++;
-          }
-          break;
-        }
-      }
-      if (i === nRightNodesListLen) {
-        i = 0;
-        for (i = LeftIndex + 1; i < nLeftNodesListLen; i++) {
-          if (Equal(v_RightNodesList[RightIndex], v_LeftNodesList[i])) {
-            if (v_LeftNodesList[i].data.length > 1) {
-              try {
-                CompareText(
-                  GetNodeList(
-                    v_LeftNodesList,
-                    PreLeftIndex + 1,
-                    i - PreLeftIndex - 1
-                  ),
-                  GetNodeList(
-                    v_RightNodesList,
-                    PreRightIndex + 1,
-                    RightIndex - PreRightIndex - 1
-                  ),
-                  leftFather
-                );
-              } catch (e) {
-                console.log("\u975E\u76F8\u4F3C\u8282\u70B9\u5BF9\u6BD4\u5F02\u5E38");
-                throw e;
-              }
-              PreLeftIndex = i;
-              PreRightIndex = RightIndex;
-              RightIndex++;
-              LeftIndex = i + 1;
-            } else {
-              if (v_LeftNodesList[LeftIndex].data.length === 1 && v_LeftNodesList[LeftIndex].data.charCodeAt(0) > 127) {
-                PreLeftIndex = LeftIndex;
-                PreRightIndex = RightIndex;
-              }
-              RightIndex++;
-              LeftIndex++;
-            }
-            break;
-          }
-        }
-        if (i === nLeftNodesListLen) {
-          LeftIndex++;
-          RightIndex++;
-        }
-      }
-    }
-  }
-}
-export { CompareById2 };

package/es/docHistory/scripts/useDocHistory.d.ts

@@ -1,10 +0,0 @@
-export declare function getDocHistory(BASE_API: string, id: number, pub: boolean): Promise<import("axios").AxiosResponse<any, any>>;
-export declare function useDocHistory(BASE_API: string): {
-    diffContent: import("vue").Ref<any, any>;
-    current: import("vue").Ref<number, number>;
-    loading: import("vue").Ref<boolean, boolean>;
-    list: import("vue").Ref<any[], any[]>;
-    loadData: () => Promise<void>;
-    initParams: (mediaId: number, docPub: boolean) => void;
-    handleSelect: (idx: number) => Promise<void>;
-};

package/es/docHistory/scripts/useDocHistory.js

@@ -1,71 +0,0 @@
-import { ref } from "vue";
-import request from "../../utils/request.js";
-import { CompareById2 } from "./diff.js";
-function getDocHistory(BASE_API, id, pub) {
-  return request(BASE_API, {
-    url: `/poplar/v2/content/${id}/history?pub=${pub}`,
-    method: "get"
-  });
-}
-function useDocHistory(BASE_API) {
-  const list = ref([]);
-  const loading = ref(true);
-  const current = ref(0);
-  const diffContent = ref();
-  const id = ref();
-  const pub = ref(false);
-  function initParams(mediaId, docPub) {
-    id.value = mediaId;
-    pub.value = docPub;
-  }
-  async function loadData() {
-    if (!id.value)
-      return;
-    loading.value = true;
-    try {
-      const { code, message } = await getDocHistory(BASE_API, id.value, pub.value);
-      if (code !== 0)
-        return;
-      list.value = message || [];
-      handleSelect(0);
-    } catch (e) {
-      console.log(e);
-    } finally {
-      loading.value = false;
-    }
-  }
-  async function handleSelect(idx) {
-    loading.value = true;
-    try {
-      current.value = idx;
-      await new Promise((resolve) => setTimeout(resolve, 500));
-      const cur = list.value[idx];
-      const prev = list.value[idx + 1];
-      const value = JSON.parse(JSON.stringify(cur));
-      if (!prev) {
-        diffContent.value = value;
-        return;
-      }
-      const curHtml = document.createElement("div");
-      curHtml.innerHTML = cur.content;
-      const prevHtml = document.createElement("div");
-      prevHtml.innerHTML = prev.content;
-      value.content = CompareById2(curHtml, prevHtml);
-      diffContent.value = value;
-    } catch (e) {
-      console.log(e, "diff \u5931\u8D25");
-    } finally {
-      loading.value = false;
-    }
-  }
-  return {
-    diffContent,
-    current,
-    loading,
-    list,
-    loadData,
-    initParams,
-    handleSelect
-  };
-}
-export { getDocHistory, useDocHistory };

package/es/docHistory/style/css.js

@@ -1 +0,0 @@
-import "./index.css";

package/es/docHistory/style/docDiffPanel.less

@@ -1,43 +0,0 @@
-.doc-diff-panel-wrap {
-  box-sizing: border-box;
-  width: 100% !important;
-  margin: 0;
-  margin-bottom: 0;
-  padding: 24px;
-  font-size: 17px;
-  line-height: 31px;
-  text-align: justify;
-
-  .doc-title {
-    color: var(--color-text-1);
-    font-weight: bold;
-    font-size: 24px;
-  }
-
-  .doc-content-wrap {
-    display: flex;
-
-    .doc-content {
-      margin: 0;
-      margin-bottom: 0;
-      font-size: 17px;
-      line-height: 31px;
-      text-align: justify;
-
-      img,
-      video {
-        display: block;
-        width: 100%;
-        max-width: 100% !important;
-        margin: 15px auto;
-      }
-
-      p {
-        margin-bottom: 10px !important;
-        font-size: 18px;
-        line-height: 30px !important;
-        text-indent: 2em !important;
-      }
-    }
-  }
-}

package/es/docHistory/style/docHistoryList.less

@@ -1,58 +0,0 @@
-.doc-history-list-wrap {
-  box-sizing: border-box;
-  border-left: 1px solid var(--color-border-1);
-
-  // 单条历史记录
-  .doc-history-item {
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-    box-sizing: border-box;
-    width: 260px;
-    padding: 20px 16px;
-    border-bottom: 1px solid var(--color-border-1);
-    border-left: 3px solid transparent;
-    cursor: pointer;
-
-    .update-time {
-      color: var(--color-text-1);
-      font-size: 14px;
-    }
-
-    .tips {
-      color: var(--color-text-2);
-      font-size: 12px;
-    }
-
-    .doc-author {
-      display: flex;
-      gap: 8px;
-      align-items: center;
-      color: var(--color-text-1);
-      font-size: 14px;
-
-      &::before {
-        width: 5px;
-        height: 5px;
-        background-color: rgb(var(--primary-6));
-        border-radius: 50%;
-        content: ' ';
-      }
-    }
-
-    // 激活/选中状态
-    &.active {
-      background-color: rgba(var(--primary-6), 0.1);
-      border-left-color: rgb(var(--primary-6));
-
-      .update-time {
-        color: rgb(var(--primary-6));
-      }
-    }
-
-    // 悬浮
-    &:hover {
-      background-color: var(--color-fill-1);
-    }
-  }
-}

package/es/docHistory/style/index.css

@@ -1,107 +0,0 @@
-.doc-diff-panel-wrap {
-  box-sizing: border-box;
-  width: 100% !important;
-  margin: 0;
-  margin-bottom: 0;
-  padding: 24px;
-  font-size: 17px;
-  line-height: 31px;
-  text-align: justify;
-}
-.doc-diff-panel-wrap .doc-title {
-  color: var(--color-text-1);
-  font-weight: bold;
-  font-size: 24px;
-}
-.doc-diff-panel-wrap .doc-content-wrap {
-  display: flex;
-}
-.doc-diff-panel-wrap .doc-content-wrap .doc-content {
-  margin: 0;
-  margin-bottom: 0;
-  font-size: 17px;
-  line-height: 31px;
-  text-align: justify;
-}
-.doc-diff-panel-wrap .doc-content-wrap .doc-content img,
-.doc-diff-panel-wrap .doc-content-wrap .doc-content video {
-  display: block;
-  width: 100%;
-  max-width: 100% !important;
-  margin: 15px auto;
-}
-.doc-diff-panel-wrap .doc-content-wrap .doc-content p {
-  margin-bottom: 10px !important;
-  font-size: 18px;
-  line-height: 30px !important;
-  text-indent: 2em !important;
-}
-.doc-history-list-wrap {
-  box-sizing: border-box;
-  border-left: 1px solid var(--color-border-1);
-}
-.doc-history-list-wrap .doc-history-item {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-  box-sizing: border-box;
-  width: 260px;
-  padding: 20px 16px;
-  border-bottom: 1px solid var(--color-border-1);
-  border-left: 3px solid transparent;
-  cursor: pointer;
-}
-.doc-history-list-wrap .doc-history-item .update-time {
-  color: var(--color-text-1);
-  font-size: 14px;
-}
-.doc-history-list-wrap .doc-history-item .tips {
-  color: var(--color-text-2);
-  font-size: 12px;
-}
-.doc-history-list-wrap .doc-history-item .doc-author {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  color: var(--color-text-1);
-  font-size: 14px;
-}
-.doc-history-list-wrap .doc-history-item .doc-author::before {
-  width: 5px;
-  height: 5px;
-  background-color: rgb(var(--primary-6));
-  border-radius: 50%;
-  content: ' ';
-}
-.doc-history-list-wrap .doc-history-item.active {
-  background-color: rgba(var(--primary-6), 0.1);
-  border-left-color: rgb(var(--primary-6));
-}
-.doc-history-list-wrap .doc-history-item.active .update-time {
-  color: rgb(var(--primary-6));
-}
-.doc-history-list-wrap .doc-history-item:hover {
-  background-color: var(--color-fill-1);
-}
-.doc-history-wrap {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-.doc-history-wrap .doc-diff-panel {
-  flex: 1;
-  height: 100%;
-}
-.doc-history-wrap .doc-diff-panel .doc-diff-panel-wrap {
-  padding: 24px;
-}
-.doc-history-wrap .doc-history-list {
-  height: 100%;
-}
-.doc-history-drawer .arco-drawer-body {
-  padding: 0;
-}
-.doc-history-drawer .arco-drawer-footer {
-  text-align: left;
-}

package/es/docHistory/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/docHistory/style/index.js

@@ -1 +0,0 @@
-import "./index.less";

package/es/docHistory/style/index.less

@@ -1,32 +0,0 @@
-@import './docDiffPanel.less';
-@import './docHistoryList.less';
-
-.doc-history-wrap {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .doc-diff-panel {
-    flex: 1;
-    height: 100%;
-
-    .doc-diff-panel-wrap {
-      padding: 24px;
-    }
-  }
-
-  .doc-history-list {
-    height: 100%;
-  }
-}
-
-.doc-history-drawer {
-  .arco-drawer-body {
-    padding: 0;
-  }
-
-  .arco-drawer-footer {
-    text-align: left;
-  }
-}