JS-Encoder · Longgererer · Jun 30, 2024 · Jun 30, 2024
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
   </head>
   <body>
     <div id="app"></div>
-    <script src="https://at.alicdn.com/t/c/font_3456619_pqsb251b4b.js?spm=a313x.manage_type_myprojects.i1.10.51003a818wBFtw&file=font_3456619_pqsb251b4b.js"></script>
+    <script src="https://at.alicdn.com/t/c/font_3456619_mjzgx4y7hs.js?spm=a313x.manage_type_myprojects.i1.10.500f3a81nBhv5R&file=font_3456619_mjzgx4y7hs.js"></script>
     <script>
       // 初始化主题
       document.documentElement.setAttribute("theme", "dark")

diff --git a/src/type/template.ts b/src/type/template.ts
@@ -10,6 +10,7 @@ export const enum TemplateLang {
   ELEMENT_PLUS = "Element Plus",
   ANT_DESIGN = "Ant Design",
   ECHARTS = "Echarts",
+  RXJS = "RxJS",
   CUSTOM = "Custom",
 }
 

diff --git a/src/utils/config/template/code/rxjs/code.js b/src/utils/config/template/code/rxjs/code.js
@@ -0,0 +1,5 @@
+const { from, map } = rxjs
+
+const source = from([1, 2, 3, 4, 5])
+const example = source.pipe(map((val) => val + 10))
+const subscribe = example.subscribe((val) => console.log(val))
diff --git a/src/utils/config/template/code/rxjs/index.ts b/src/utils/config/template/code/rxjs/index.ts
@@ -0,0 +1,6 @@
+import { OriginLang } from "@type/prep"
+import code from "./code.js?raw"
+
+export default {
+  [OriginLang.JAVASCRIPT]: code,
+}
diff --git a/src/utils/config/template/index.ts b/src/utils/config/template/index.ts
@@ -7,6 +7,7 @@ import vueComponentCodeMap from "./code/vue-component"
 import elementPlusCodeMap from "./code/element-plus"
 import antDesignCodeMap from "./code/ant-design"
 import echartsCodeMap from "./code/echarts"
+import rxjsCodeMap from "./code/rxjs"
 import { OriginLang, Prep } from "@type/prep"
 
 export const templateCodeMap = {
@@ -16,6 +17,7 @@ export const templateCodeMap = {
   [TemplateLang.ELEMENT_PLUS]: elementPlusCodeMap,
   [TemplateLang.ANT_DESIGN]: antDesignCodeMap,
   [TemplateLang.ECHARTS]: echartsCodeMap,
+  [TemplateLang.RXJS]: rxjsCodeMap,
 }
 
 const vueScript = ["https://unpkg.com/vue@3"]
@@ -49,11 +51,15 @@ export const templateLibrariesMap = {
     ],
   },
   [TemplateLang.ECHARTS]: {
-    style: [],
     script: [
       "https://unpkg.com/echarts",
     ],
   },
+  [TemplateLang.RXJS]: {
+    script: [
+      "https://cdn.bootcdn.net/ajax/libs/rxjs/7.8.1/rxjs.umd.min.js",
+    ],
+  },
 }
 
 export const templatePrepMap = {
@@ -69,6 +75,7 @@ export const templatePrepMap = {
     [OriginLang.JAVASCRIPT]: Prep.BABEL,
   },
   [TemplateLang.ECHARTS]: initialPrepMap,
+  [TemplateLang.RXJS]: initialPrepMap,
 }
 
 export const componentTemplateCodeMap = {

diff --git a/src/views/components/modals/template-modal/components/template-card/template-card.ts b/src/views/components/modals/template-modal/components/template-card/template-card.ts
@@ -11,6 +11,7 @@ export const inbuiltTemplateIconMap = {
   [TemplateLang.ELEMENT_PLUS]: "icon-element-plus",
   [TemplateLang.ANT_DESIGN]: "icon-ant-design",
   [TemplateLang.ECHARTS]: "icon-echarts",
+  [TemplateLang.RXJS]: "icon-rxjs",
 }
 
 export interface IProps {

diff --git a/src/views/components/modals/template-modal/template-modal.ts b/src/views/components/modals/template-modal/template-modal.ts
@@ -67,6 +67,15 @@ export const inbuiltTemplateList: ITemplateInfo[] = [
       prepMap: templatePrepMap[TemplateLang.ECHARTS],
     },
   },
+  {
+    lang: TemplateLang.RXJS,
+    type: TemplateType.INBUILT,
+    codeMap: templateCodeMap[TemplateLang.RXJS],
+    editorConfig: {
+      libraries: templateLibrariesMap[TemplateLang.RXJS],
+      prepMap: templatePrepMap[TemplateLang.RXJS],
+    },
+  },
 ].map((item, index) => ({
   ...item,
   id: -(index + 1),