From ba243d203b53458f28d118b922161ffdcdef052d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=92=83=E7=99=BD?= <18511759309@163.com>
Date: Sat, 9 Oct 2021 14:33:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=B7=BB=E5=8A=A0=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E6=97=B6=E9=95=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                   | 22 +++++++++++++++++++
 src/assets/js/utils.js                        |  2 +-
 src/assets/jupyter-render                     |  2 +-
 .../header/components/table-select.vue        |  1 -
 src/main.js                                   |  5 +++++
 webpack.config.js                             |  1 -
 6 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 9a9d89c..55fc841 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -443,6 +443,25 @@ export default {
         html: this.html
       });
     },
+    getVideoList(callback) {
+      const virtualDom = document.createElement("div");
+      virtualDom.style.height = 0;
+      virtualDom.innerHTML = this.html;
+      document.body.appendChild(virtualDom);
+      const vEls = Array.from(virtualDom.getElementsByTagName("video"));
+      const list = vEls.map(item => {
+        item.preload = true;
+        return new Promise((res, rej) => {
+          item.oncanplay = function() {
+            res(item.duration);
+          };
+        });
+      });
+      document.body.removeChild(virtualDom);
+      Promise.all(list).then(res => {
+        callback(res);
+      });
+    },
     queryUserList(keyWord) {
       const _this = this;
       this.$emit("queryUserList", {
@@ -491,6 +510,9 @@ export default {
             item.linkType = linkEl.getAttribute("data-type");
             linkEl.setAttribute("target", "_blank");
             linkEl.setAttribute("href", url);
+            if (item.url.includes(".ipynb")) {
+              linkEl.className = "jupyterEl";
+            }
             const title = getLinkTitle(linkEl, item);
             linkEl.innerHTML = renderLinkCard(title, item);
           });
diff --git a/src/assets/js/utils.js b/src/assets/js/utils.js
index 21b35c3..f08d50c 100644
--- a/src/assets/js/utils.js
+++ b/src/assets/js/utils.js
@@ -401,7 +401,7 @@ export function renderLinkCard(title, item) {
       content = `<span class="md_link_url">${item.url}</span>`;
       break;
     case "3":
-      content = `<span class="jupyter jupyterEl">${item.url}</span>`;
+      content = `<span class="">${item.url}</span>`;
       break;
     default:
       content = `<div class="md_link_card">
diff --git a/src/assets/jupyter-render b/src/assets/jupyter-render
index cbd3992..0f66790 160000
--- a/src/assets/jupyter-render
+++ b/src/assets/jupyter-render
@@ -1 +1 @@
-Subproject commit cbd3992899f157f8804ef8c2720c7f3d56cff03b
+Subproject commit 0f667900bbbc48bbe5dbd34ae2cc421f7566259e
diff --git a/src/components/header/components/table-select.vue b/src/components/header/components/table-select.vue
index 0b25880..fb0db2d 100644
--- a/src/components/header/components/table-select.vue
+++ b/src/components/header/components/table-select.vue
@@ -57,7 +57,6 @@ export default {
         " ------ |",
         col
       )}\n${this.createStr("|" + this.createStr(" 单元格 |", col) + "\n", row)}`;
-      console.log(str);
 
       this.$emit("select", str);
     },
diff --git a/src/main.js b/src/main.js
index af14566..07f16b0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,6 +14,7 @@ function initMdEditor(obj) {
     html: ""
   };
   this.vEl = "";
+  this.videoList = [];
   let {
     el,
     onLoad = () => {},
@@ -144,6 +145,10 @@ function initMdEditor(obj) {
       })
   }).$mount(el);
 
+  this.getVideoList = function(callback) {
+    this.vEl.$children[0].getVideoList(callback);
+  };
+
   this.getValue = function(callback) {
     if (callback) {
       callback(this.value);
diff --git a/webpack.config.js b/webpack.config.js
index 860d29f..306128b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -8,7 +8,6 @@ module.exports = {
   },
   devServer: {
     contentBase: path.resolve(__dirname, "dist"),
-    host: "live.csdn.net",
     open: true
   },
   resolve: {
-- 
GitLab