添加notebook弹窗选项

package.json

@@ -14,6 +14,8 @@
     "less": "^4.1.1",
     "less-loader": "^9.0.0",
     "style-loader": "^2.0.0",
+    "ts-loader": "^9.2.5",
+    "typescript": "^4.4.3",
     "url-loader": "^4.1.1",
     "vue-loader": "^15.9.7",
     "vue-template-compiler": "^2.6.12",

src/assets/js/utils.js

@@ -400,6 +400,9 @@ export function renderLinkCard(title, item) {
     case "2":
       content = `<span class="md_link_url">${item.url}</span>`;
       break;
+    case "3":
+      content = `<span class="jupyter jupyterEl">${item.url}</span>`;
+      break;
     default:
       content = `<div class="md_link_card">
       ${

jupyter-render @ cd0387cd

-Subproject commit 8c69391a8fffcfde695c25b951fb0990b1a3fb7a
+Subproject commit cd0387cdc3154027e028d924242a064501769db4

src/components/content/components/link-type-select.vue

@@ -67,7 +67,12 @@ export default {
           avatar: "",
           icon: "lianjie",
           nickname: "链接"
-        }
+        },
+        {
+          avatar: "",
+          icon: "kapian",
+          nickname: "NoteBook"
+        },
       ],
       selectDisable: false
     };

src/components/content/mixins/select-link-type-mixins.js

@@ -15,6 +15,9 @@ export default {
         case 2:
           typeStr = linkTypeSpiltStr + "2";
           break;
+        case 3:
+          typeStr = linkTypeSpiltStr + "3";
+          break;
         default:
           break;
       }

src/components/header/components/tool-button.vue

@@ -362,8 +362,7 @@ export default {
     &.icon-lianjie {
       font-size: 16px;
     }
-    &.icon-file,
-    &.icon-aite {
+    &.icon-file {
       font-size: 19px;
     }
   }

src/main.js

@@ -4,6 +4,7 @@ import Vtip from "vtip";
 import "vtip/lib/index.min.css";
 import { initStyle, setzIndex, isNotEmpty } from "@/assets/js/utils";
 import "@/assets/style/global.less";
+import "@/assets/jupyter-render/src/main.ts";
 Vue.use(Vtip.directive);
 
 function initMdEditor(obj) {

tsconfig.json

+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "lib": ["esnext", "dom"],
+    "plugins": [{ "name": "@vuedx/typescript-plugin-vue" }],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

webpack.config.js

@@ -8,11 +8,11 @@ module.exports = {
   },
   devServer: {
     contentBase: path.resolve(__dirname, "dist"),
-    host: 'live.csdn.net',
+    host: "live.csdn.net",
     open: true
   },
   resolve: {
-    extensions: [".js", ".vue", ".json"],
+    extensions: [".js", ".ts", ".vue", ".json"],
     alias: {
       "@": path.resolve(__dirname, "./src")
     }
@@ -31,6 +31,14 @@ module.exports = {
       {
         test: /\.(ttf|woff|png|svg)$/,
         loader: "url-loader"
+      },
+      {
+        test: /\.tsx?$/,
+        loader: "ts-loader",
+        exclude: /node_modules/,
+        options: {
+          appendTsSuffixTo: [/\.vue$/]
+        }
       }
     ]
   },