@cmstops/pro-compo 0.3.39 → 0.3.40

package/es/docHistory/style/index.css

@@ -0,0 +1,74 @@
+.doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-diff-panel-wrap .doc-title {
+  color: var(--color-text-1);
+  font-weight: bold;
+  font-size: 24px;
+}
+.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;
+}

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

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

package/es/docHistory/style/index.js

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

package/es/docHistory/style/index.less

@@ -0,0 +1,28 @@
+@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;
+  }
+}

package/es/index.css

@@ -4672,3 +4672,77 @@
   font-size: 20px;
   cursor: pointer;
 }
+.doc-diff-panel-wrap {
+  padding: 24px;
+}
+.doc-diff-panel-wrap .doc-title {
+  color: var(--color-text-1);
+  font-weight: bold;
+  font-size: 24px;
+}
+.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;
+}

package/es/index.d.ts

@@ -25,3 +25,4 @@ export { default as mediaView } from './mediaView';
 export { default as thumbCard } from './thumbCard';
 export { default as selectResourceModal } from './selectResourceModal';
 export { default as docPreview } from './docPreview';
+export { default as docHistory } from './docHistory';

package/es/index.js

@@ -25,3 +25,4 @@ export { default as mediaView } from "./mediaView/index.js";
 export { default as thumbCard } from "./thumbCard/index.js";
 export { default as selectResourceModal } from "./selectResourceModal/index.js";
 export { default as docPreview } from "./docPreview/index.js";
+export { default as docHistory } from "./docHistory/index.js";

package/es/index.less

@@ -25,3 +25,4 @@
 @import './thumbCard/style/index.less';
 @import './selectResourceModal/style/index.less';
 @import './docPreview/style/index.less';
+@import './docHistory/style/index.less';

package/lib/docHistory/component.js

@@ -0,0 +1,101 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var config = require("../config.js");
+var useDocHistory = require("./scripts/useDocHistory.js");
+var index$1 = require("./components/DocHistoryList/index.js");
+var index = require("./components/DocDiffPanel/index.js");
+const _hoisted_1 = { class: "doc-history-wrap" };
+const _hoisted_2 = { class: "doc-diff-panel" };
+const _hoisted_3 = { class: "doc-history-list" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "docHistory" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    docInfo: {},
+    pub: { type: Boolean }
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const vis = vue.computed({
+      get: () => props.visible,
+      set: (val) => {
+        emits("update:visible", val);
+      }
+    });
+    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const {
+      initParams,
+      loadData,
+      handleSelect,
+      loading,
+      diffContent,
+      list,
+      current
+    } = useDocHistory.useDocHistory(BASE_API);
+    vue.onMounted(() => {
+      if (!props.docInfo)
+        return;
+      initParams(props.docInfo.id, props.pub);
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Drawer), {
+        visible: vis.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => vis.value = $event),
+        class: "doc-history-drawer",
+        title: "\u7248\u672C\u8BB0\u5F55",
+        width: 1e3,
+        footer: false
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(webVue.Spin), {
+                loading: vue.unref(loading),
+                style: { "height": "100%", "width": "100%" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Scrollbar), {
+                    "outer-style": { height: "100%" },
+                    style: { "height": "100%", "overflow": "auto" }
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.unref(diffContent) ? (vue.openBlock(), vue.createBlock(index, {
+                        key: 0,
+                        doc: vue.unref(diffContent)
+                      }, null, 8, ["doc"])) : vue.createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["loading"])
+            ]),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createVNode(vue.unref(webVue.Scrollbar), {
+                "outer-style": { height: "100%" },
+                style: { "height": "100%", "overflow": "auto" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(index$1, {
+                    list: vue.unref(list),
+                    current: vue.unref(current),
+                    onSelect: vue.unref(handleSelect)
+                  }, null, 8, ["list", "current", "onSelect"])
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/components/DocDiffPanel/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var vue = require("vue");
+const _hoisted_1 = { class: "doc-diff-panel-wrap" };
+const _hoisted_2 = { class: "doc-title" };
+const _hoisted_3 = ["innerHTML"];
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    doc: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.doc.title), 1),
+        vue.createElementVNode("div", {
+          class: "doc-content",
+          innerHTML: _ctx.doc.content
+        }, null, 8, _hoisted_3)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/components/DocHistoryList/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var vue = require("vue");
+var index = require("../../../utils/index.js");
+const _hoisted_1 = { class: "doc-history-list-wrap" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "update-time" };
+const _hoisted_4 = {
+  key: 0,
+  class: "tips"
+};
+const _hoisted_5 = { class: "doc-author" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    list: {},
+    current: {}
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, idx) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item,
+            class: vue.normalizeClass(["doc-history-item", { active: idx === _ctx.current }]),
+            onClick: ($event) => emits("select", idx)
+          }, [
+            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(vue.unref(index.timeFormat)(item.update_time)), 1),
+            idx === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, " \u6700\u8FD1\u66F4\u65B0")) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(item.author), 1)
+          ], 10, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/docHistory/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const docHistory = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = docHistory;

package/lib/docHistory/scripts/diff.js

@@ -0,0 +1,295 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var diff = require("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$1 = 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$1.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++;
+        }
+      }
+    }
+  }
+}
+exports.CompareById2 = CompareById2;