@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/base/HelpDocSet.vue.js

@@ -0,0 +1,685 @@
+import { mapState } from "vuex";
+import component from "@epxing/core/src/mixins/component";
+const _sfc_main = {
+  name: "epx-help-docset",
+  mixins: [component],
+  data() {
+    return {
+      mode: "readonly",
+      searchText: "",
+      editName: false,
+      docSet: {},
+      catalogue: [],
+      treeProps: {
+        children: "children",
+        label: "text"
+      },
+      expandKeys: [],
+      docInfo: null,
+      editDocName: false,
+      tocList: [],
+      catalogueFold: false,
+      activeToc: null,
+      docSetMetaCode: "DOC_SET",
+      docMetaCode: "DOC",
+      filterText: "",
+      searchResultList: [],
+      docList: [],
+      currentDocIndex: -1,
+      client: "",
+      system: ""
+    };
+  },
+  computed: {
+    ...mapState({
+      showMenu: (state) => state.config.showMenu,
+      showAppNav: (state) => state.config.showAppNav
+    }),
+    docBreadcrumbList() {
+      if (this.docInfo.ID) {
+        const getParentTree = (id, tree) => {
+          for (let i = 0; i < tree.length; i++) {
+            const item = tree[i];
+            if (id === item.id) {
+              return [item];
+            } else if (item.children && item.children.length > 0) {
+              const children = getParentTree(id, item.children ? item.children : []);
+              if (children && children.length > 0) return [item, ...children];
+            }
+          }
+        };
+        return getParentTree(this.docInfo.ID, this.catalogue);
+      }
+      return [];
+    },
+    highlightText() {
+      return (text) => {
+        const regex = new RegExp(`(${this.searchText})`, "gi");
+        return text == null ? void 0 : text.replace(regex, "<mark>$1</mark>");
+      };
+    },
+    prevDocName() {
+      let preIndex = this.currentDocIndex - 1;
+      while (preIndex >= 0) {
+        const pre = this.docList[preIndex];
+        if (!pre.empty || pre.leaf) {
+          return pre.title;
+        }
+        preIndex--;
+      }
+      return null;
+    },
+    nextDocName() {
+      let nextIndex = this.currentDocIndex + 1;
+      while (nextIndex <= this.docList.length - 1) {
+        const next = this.docList[nextIndex];
+        if (!next.empty || next.leaf) {
+          return next.title;
+        }
+        nextIndex++;
+      }
+      return null;
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.catalogueTree.filter(val);
+    },
+    searchText(v) {
+      if (v) {
+        this.delaySearchDoc();
+      } else {
+        this.showSearchResult = false;
+      }
+    }
+  },
+  methods: {
+    searchDoc() {
+      this.$http.$post({
+        action: "searchDoc",
+        entityId: this.docMetaCode,
+        setId: this.docSet.ID,
+        searchText: this.searchText
+      }).then((data) => {
+        this.searchResultList = data.entitys;
+        if (data.entitys.length === 0) {
+          this.showSearchResult = false;
+        } else {
+          this.showSearchResult = true;
+        }
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return (data.text || data.title).indexOf(value) !== -1;
+    },
+    getDocSet() {
+      this.$http.find({
+        entityId: this.docSetMetaCode,
+        "scope.SYSTEM": this.SYSTEM,
+        "scope.NUMBER": this.$query.code || this.$query.docset
+      }).then((data) => {
+        this.docSet = data.data;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    getCatalogue() {
+      this.$http.$post({
+        action: "getTree",
+        entityId: this.docMetaCode,
+        "scope.SYSTEM": this.SYSTEM,
+        "scope.DOCSET|NUMBER": this.$query.code || this.$query.docset
+      }).then((data) => {
+        this.catalogue = data;
+        this.docList = this.flattenTree(data);
+        if (this.$query.docId) {
+          this.viewDoc({
+            id: this.$query.docId
+          }).then(() => {
+            this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, ...this.docBreadcrumbList.map((item) => item.id)])];
+          });
+          this.$nextTick(() => {
+            this.$refs.catalogueTree.setCurrentKey(this.$query.docId);
+          });
+        } else if (!this.docInfo && this.catalogue.length > 0) {
+          this.viewDoc(this.catalogue[0]);
+          this.$nextTick(() => {
+            this.$refs.catalogueTree.setCurrentKey(this.catalogue[0]);
+          });
+        }
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    flattenTree(tree) {
+      let result = [];
+      tree.forEach((node) => {
+        result.push(node);
+        if (node.children && node.children.length > 0) {
+          result = result.concat(this.flattenTree(node.children));
+        }
+      });
+      return result;
+    },
+    setFormName() {
+      this.$http.update({
+        entityId: this.docSetMetaCode,
+        bean: {
+          ID: this.docSet.ID,
+          NAME: this.docSet.NAME
+        }
+      }).then((data) => {
+        this.docSet = data.data;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    expandNode(node) {
+      this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, node.id])];
+    },
+    collapseNode(node) {
+      const index = this.expandKeys.findIndex((item) => item === node.id);
+      if (index !== -1) {
+        this.expandKeys.splice(index, 1);
+      }
+    },
+    addDoc(parentId) {
+      this.$http.save({
+        entityId: this.docMetaCode,
+        bean: {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          DOC_SET: this.docSet.ID,
+          NAME: "未命名文档",
+          UP: parentId
+        }
+      }).then((data) => {
+        this.getCatalogue();
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    getTreeModuleNode(modules, parentId) {
+      let node = null;
+      for (let i = 0; i < modules.length; i++) {
+        const module = modules[i];
+        if ((module.id || module.ID) === parentId) {
+          node = module;
+          return node;
+        } else if (module.children && module.children.length > 0) {
+          node = this.getTreeModuleNode(module.children, parentId);
+        }
+        if (node) {
+          return node;
+        }
+      }
+    },
+    drop(node, current, type, event) {
+      if (this.mode !== "edit") return;
+      let parentId = "";
+      let modules = [];
+      if (type === "after" || type === "before") {
+        parentId = current.data.parent || "root";
+      } else if (type === "inner") {
+        parentId = current.data.id || current.data.ID;
+      }
+      if (parentId === "root") {
+        modules = [...this.catalogue];
+      } else {
+        const parentNode = this.getTreeModuleNode(this.catalogue, parentId) || {
+          children: [...this.catalogue]
+        };
+        modules = [...parentNode.children];
+      }
+      const str = modules.reduce((str2, item, index) => str2 += (item.id || item.ID) + ":" + index + ",", "");
+      this.$http.$request({
+        action: "moveTree",
+        entityId: this.docMetaCode,
+        id: node.data.id || node.data.ID,
+        selfAttriName: "ID",
+        newParentId: parentId,
+        orderString: str,
+        orderAtrriName: "ORDER_NUM"
+      }).then((data) => {
+        this.getCatalogue();
+      });
+    },
+    executeDocCommand(command, data) {
+      this[command](data);
+    },
+    rename(data) {
+      this.$prompt("请输入文档名称", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        inputPattern: /.+/,
+        inputValue: data.text,
+        inputErrorMessage: "请输入文档名称"
+      }).then(({
+        value
+      }) => {
+        this.$http.update({
+          entityId: this.docMetaCode,
+          bean: {
+            NAME: value,
+            ID: data.id
+          }
+        }).then(() => {
+          this.getCatalogue();
+          if (data.id === this.docInfo.ID) {
+            this.getDocInfo(data.id);
+          }
+        }).catch((err) => {
+          this.$message.error(err.message);
+        });
+      });
+    },
+    remove(data) {
+      const flattenDeep = (arr) => arr.reduce((acc, item) => [...acc, item.id, ...flattenDeep(item.children || [])], []);
+      const ids = flattenDeep([data]);
+      this.$confirm("该操作会删除此文档和它包含的所有子文档，" + this.$t("Confirm the deletion") + "?").then(() => {
+        this.$http.$request({
+          action: "removeMulti",
+          entityId: this.docMetaCode,
+          ids: ids.join(",")
+        }).then((data2) => {
+          this.$message.success(this.$t("deleted successfully"));
+          this.getCatalogue();
+        });
+      });
+    },
+    copy(data) {
+      const {
+        client,
+        system
+      } = this.$route.params;
+      this.$util.copyToClipboard(`${window.location.origin}${window.location.pathname}#/help/${client}/${system}/${this.docSet.NUMBER}/${data.id}`, () => {
+        this.$message.success("复制成功");
+      });
+    },
+    getDocInfo(id) {
+      return this.$http.get({
+        entityId: this.docMetaCode,
+        id
+      }).then((data) => {
+        this.docInfo = data.data;
+        return data.data;
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    nodeClick(data) {
+      var _a;
+      if (this.mode !== "edit") {
+        if (data.empty && !data.leaf) {
+          const {
+            docId
+          } = this.$route.params;
+          this.$refs.catalogueTree.setCurrentKey(docId);
+          return;
+        }
+        this.$refs.catalogueTree.setCurrentKey(data.id);
+        const {
+          client,
+          system
+        } = this.$route.params;
+        this.$router.push(`/help/${client}/${system}/${this.docSet.NUMBER}/${data.id}`);
+        (_a = this.saveDocContentDebounce) == null ? void 0 : _a.cancel();
+      } else {
+        this.$nextTick(() => {
+          this.$refs.catalogueTree.setCurrentKey(data.id);
+        });
+      }
+      this.viewDoc(data).then(() => {
+        this.expandKeys = [.../* @__PURE__ */ new Set([...this.expandKeys, ...this.docBreadcrumbList.map((item) => item.id)])];
+      });
+    },
+    viewDoc(data) {
+      this.docInfo = null;
+      this.activeToc = null;
+      this.showSearchResult = false;
+      this.currentDocIndex = this.docList.findIndex((doc) => doc.id === data.id);
+      return this.getDocInfo(data.id).then((data2) => {
+        if (this.mode === "edit") {
+          this.$nextTick(() => {
+            this.createEditor();
+          });
+        } else {
+          this.$nextTick(() => {
+            this.$nextTick(() => {
+              this.convertDocLinksToRealUrls();
+              this.getDocCatalogue();
+              this.addEventScrollListener();
+              this.bindDocLinkClick();
+            });
+          });
+        }
+      });
+    },
+    prevDoc() {
+      if (this.currentDocIndex > 0) {
+        this.currentDocIndex--;
+        this.nodeClick(this.docList[this.currentDocIndex]);
+      }
+    },
+    nextDoc() {
+      if (this.currentDocIndex < this.docList.length - 1) {
+        this.currentDocIndex++;
+        this.nodeClick(this.docList[this.currentDocIndex]);
+      }
+    },
+    imageUploadHandler(blobInfo, succFun) {
+      var file = blobInfo.blob();
+      return this.$http.save({
+        action: "upload",
+        file
+      }, {
+        requestType: "formData"
+      }).then((data) => {
+        if (data && data.bean) {
+          return this.$util.getFileUrl(data.bean, "", false);
+        }
+      });
+    },
+    async createEditor() {
+      if (!window.tinymce) await this.$util.usePlugin("tinymce");
+      try {
+        await this.loadDocLinkPlugin();
+      } catch (error) {
+        console.error("文档链接插件加载失败:", error);
+      }
+      const editorNode = this.$refs.editor;
+      const fontSizeList = [];
+      for (let i = 8; i <= 48; i++) {
+        fontSizeList.push(i + "px");
+      }
+      const filePickerCallback = (callback, value, meta) => {
+        const that = this;
+        const changeFile = function() {
+          const file = this.files[0];
+          that.$http.save({
+            action: "upload",
+            file,
+            SOURCE: "page"
+          }, {
+            requestType: "formData"
+          }).then((data) => {
+            if (data && data.bean) {
+              callback(that.$util.getFileUrl(data.bean, "", false), {
+                text: file.name
+              });
+            }
+          });
+        };
+        let input = document.createElement("input");
+        input.setAttribute("type", "file");
+        input.click();
+        input.onchange = changeFile;
+        input = null;
+      };
+      this.saveDocContentDebounce = this.$_.debounce(this.saveDocContent, 500);
+      window.tinymce.init({
+        target: editorNode,
+        width: "100%",
+        plugins: "searchreplace autolink directionality visualblocks visualchars fullscreen image link media codesample table charmap hr nonbreaking anchor advlist lists imagetools autosave paste quickbars doclink",
+        menubar: "",
+        toolbar_mode: "wrap",
+        toolbar: "doclink undo redo | blocks | bold italic underline strikethrough| alignment outdent indent | font_family lineheight fontsize | forecolor backcolor |numlist bullist|table | image | media | link | fullscreen",
+        quickbars_selection_toolbar: "blocks alignment bold italic strikethrough underline quicklink codesample blockquote",
+        contextmenu: "link image imagetools table  spellchecker doclink",
+        docTree: this.catalogue,
+        currentDocId: this.docInfo.ID,
+        onDocLinkClick: (docId, isNewWindow) => {
+          if (isNewWindow) {
+            const url = `/#/help/${this.client}/${this.system}/${this.docSet.NUMBER}/${docId}`;
+            window.open(url);
+          } else {
+            this.nodeClick({
+              id: docId
+            });
+          }
+        },
+        statusbar: false,
+        language: "zh_CN",
+        content_style: "p {margin: 2px 0}",
+        // 允许自定义属性
+        extended_valid_elements: "a[href|target|class|style|data-doc-id|data-doc-name]",
+        custom_elements: "a",
+        valid_children: "+a[div|p|span]",
+        font_family_formats: "Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats;宋体=simsun,serif;黑体=SimHei;仿宋=FangSong;华文中宋=STZhongsong;楷体=KaiTi;微软雅黑=Microsoft YaHei",
+        fontsize_formats: fontSizeList.join(" "),
+        paste_enable_default_filters: false,
+        convert_urls: false,
+        images_upload_handler: this.imageUploadHandler,
+        file_picker_callback: filePickerCallback,
+        promotion: false,
+        paste_preprocess: async (plugin, args) => {
+          if (/^<img src="(data:image.+)" alt="">$/.test(args.content)) {
+            const file = this.$util.dataURLtoBlob(RegExp.$1);
+            this.$http.save({
+              action: "upload",
+              file,
+              SOURCE: "page"
+            }, {
+              requestType: "formData"
+            }).then((data) => {
+              if (data && data.bean) {
+                this.editor.execCommand("mceInsertClipboardContent", false, {
+                  content: '<img src="' + this.$util.getFileUrl(data.bean, "", false) + '" alt="">'
+                });
+              }
+            });
+          } else {
+            let needFormatImage = false;
+            const parser = new DOMParser();
+            const node = parser.parseFromString(args.content, "text/html");
+            const imgs = node.querySelectorAll("img");
+            for (const img of imgs) {
+              if (img.src.startsWith("http") && !img.src.includes("/file-server/")) {
+                needFormatImage = true;
+                args.preventDefault();
+                await this.$http.save({
+                  action: "uploadUrl",
+                  entityId: this.docMetaCode,
+                  url: img.src
+                }).then((data) => {
+                  img.setAttribute("src", window.MINIO_IP + data.slice("1"));
+                });
+              }
+            }
+            if (needFormatImage) {
+              const html = node.body.innerHTML;
+              args.target.insertContent(html);
+            }
+          }
+        },
+        setup: (ed) => {
+          ed.ui.registry.addGroupToolbarButton("alignment", {
+            icon: "align-left",
+            tooltip: "Alignment",
+            items: "alignleft aligncenter alignright | alignjustify"
+          });
+          ed.on("input change keyup undo redo", () => {
+            this.editDocId = this.docInfo.ID;
+            this.editContent = ed.getContent();
+            this.saveDocContentDebounce();
+          });
+          ed.on("remove", () => {
+            ed.off("input change keyup undo redo");
+          });
+        }
+      }).then((editors) => {
+        this.editor = editors[0];
+        const value = this.docInfo.CONTENT;
+        if (value && this.editor) {
+          this.editor.setContent(value);
+        }
+        this.getDocCatalogue();
+        this.addEventScrollListener();
+      });
+    },
+    setDocName() {
+      this.$http.update({
+        entityId: this.docMetaCode,
+        bean: {
+          ID: this.docInfo.ID,
+          NAME: this.docInfo.NAME
+        }
+      }).then((data) => {
+        this.editDocName = false;
+        this.getCatalogue();
+        this.$message.success("修改成功");
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    addEventScrollListener() {
+      if (this.isScrollToc) return;
+      const scrollEl = this.mode === "edit" ? this.editor.dom.doc : this.$refs.editorContainer;
+      scrollEl.addEventListener("scroll", (e) => {
+        const element = this.mode === "edit" ? e.target.documentElement : e.target;
+        const scrollTop = element.scrollTop;
+        const sortTocList = [...this.tocList];
+        sortTocList.sort((item, nextItem) => {
+          return Math.abs(item.element.offsetTop - scrollTop) - Math.abs(nextItem.element.offsetTop - scrollTop);
+        });
+        this.activeToc = sortTocList[0].id;
+      });
+    },
+    getDocCatalogue() {
+      let headers = [];
+      if (this.mode === "edit") {
+        headers = this.editor.dom.select("h1,h2,h3,h4,h5,h6,h7,h8,h9");
+      } else {
+        headers = this.$refs.docContent.querySelectorAll("h1,h2,h3,h4,h5,h6,h7,h8,h9");
+      }
+      const tocList = [];
+      for (const element of headers) {
+        const id = element.id || this.$util.genId();
+        element.id = id;
+        if (element.innerText) {
+          tocList.push({
+            id,
+            title: element.innerText,
+            level: element.tagName.replace("H", ""),
+            element
+          });
+        }
+      }
+      this.tocList = tocList;
+      if (!this.activeToc && tocList.length > 0) this.activeToc = tocList[0].id;
+    },
+    saveDocContent() {
+      const value = this.editor.getContent();
+      this.$http.update({
+        entityId: this.docMetaCode,
+        bean: {
+          ID: this.editDocId || this.docInfo.ID,
+          CONTENT: this.editContent || value
+        }
+      }).then((data) => {
+        this.getDocInfo(this.docInfo.ID);
+        this.getDocCatalogue();
+      });
+    },
+    scrollToElement(item) {
+      this.activeToc = item.id;
+      this.isScrollToc = true;
+      item.element.scrollIntoView();
+      setTimeout(() => {
+        this.isScrollToc = false;
+      }, 500);
+    },
+    preview() {
+      const {
+        client,
+        system
+      } = this.$route.params;
+      window.open(`/#/help/${client}/${system}/${this.docSet.NUMBER}/${this.docInfo.ID}`);
+    },
+    async loadDocLinkPlugin() {
+      if (window.tinymce && window.tinymce.PluginManager.get("doclink")) {
+        return Promise.resolve();
+      }
+      return new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.src = "/" + this.$util.getStaticJsDir() + "tinymce/plugins/doclink/plugin.js";
+        script.onload = resolve;
+        script.onerror = (error) => {
+          console.error("Failed to load doclink plugin:", error);
+          reject(error);
+        };
+        document.head.appendChild(script);
+      });
+    },
+    bindDocLinkClick() {
+      var _a;
+      const docLinks = (_a = this.$refs.docContent) == null ? void 0 : _a.querySelectorAll("a.doc-link[data-doc-id]");
+      if (docLinks) {
+        docLinks.forEach((link) => {
+          link.addEventListener("click", (e) => {
+            const target = link.getAttribute("target");
+            const href = link.getAttribute("href");
+            if (target === "_blank" && href && href !== "javascript:void(0);") {
+              return;
+            }
+            e.preventDefault();
+            const docId = link.getAttribute("data-doc-id");
+            if (docId) {
+              this.nodeClick({
+                id: docId
+              });
+            }
+          });
+        });
+      }
+    },
+    convertDocLinksToRealUrls() {
+      var _a;
+      const docLinks = (_a = this.$refs.docContent) == null ? void 0 : _a.querySelectorAll("a.doc-link[data-doc-id]");
+      if (docLinks && docLinks.length > 0) {
+        const client = this.client || this.$route.params.client;
+        const system = this.system || this.$route.params.system;
+        const docSetNumber = this.docSet.NUMBER;
+        docLinks.forEach((link) => {
+          const docId = link.getAttribute("data-doc-id");
+          if (docId) {
+            const url = `${window.location.origin}${window.location.pathname}#/help/${client}/${system}/${docSetNumber}/${docId}`;
+            link.setAttribute("href", url);
+          }
+        });
+      }
+    }
+  },
+  mounted() {
+    const {
+      client,
+      system
+    } = this.$route.params;
+    this.client = client;
+    this.system = system;
+    this.mode = this.$query.mode;
+    this.getDocSet();
+    this.getCatalogue();
+    this.delaySearchDoc = this.$_.debounce(this.searchDoc, 500);
+    if (this.showMenu) {
+      this.changeMenuFlag = true;
+      this.$store.commit("SWITCH_MENU_SHOW", false);
+    }
+    if (this.showAppNav) {
+      this.changeAppNavFlag = true;
+      this.$store.commit("SWITCH_APP_NAV_SHOW", false);
+    }
+  },
+  beforeUnmount() {
+    if (this.changeMenuFlag) {
+      this.$store.commit("SWITCH_MENU_SHOW", true);
+    }
+    if (this.changeAppNavFlag) {
+      this.$store.commit("SWITCH_APP_NAV_SHOW", true);
+    }
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/base/IndexFormItem.js

@@ -0,0 +1,5 @@
+import '../../style.css';
+import _sfc_main from "./IndexFormItem.vue.js";
+export {
+  _sfc_main as default
+};