refactor(alpine): restructure components and remove unused utilities for better modularity and maintainability

2026-06-14 08:31:42 +08:00
@@ -1,36 +1,48 @@
 <!DOCTYPE html>
 <html
  xmlns:th="https://www.thymeleaf.org"
-  th:lang="${#locale.toLanguageTag}" 
-  th:fragment="html (header, content, footer)">
+  th:lang="${#locale.toLanguageTag}"
+  th:fragment="html (title, pageType, terminalUserName, content)"
+>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="icon" type="image/x-icon" th:href="${theme.config.basic.favicon}">
+    <link rel="icon" type="image/x-icon" th:href="${theme.config.basic.favicon}" />
    <title th:text="${title}"></title>
    <link rel="manifest" th:href="@{/assets/dist/manifest.json}" />
-    <link rel="stylesheet" th:href="@{/assets/dist/main.css?version={version}(version=${theme.spec.version})}" href="./assets/dist/style.css" />
+    <link
+      rel="stylesheet"
+      th:href="@{/assets/dist/main.css?version={version}&amp;build=devcm-ide-1.2.8-visual9(version=${theme.spec.version})}"
+      href="./assets/dist/style.css"
+    />
  </head>
-  <!-- 根据情况判断是否添加开启像素化样式 -->
-  <body class="main" th:classappend="${theme.config.basic.pixel_style} ? 'pixel_style' : '' ">
-    <div class="center headings--one-size container">
-      <th:block th:if="${header != null}">
-        <th:block th:replace="${header}" />
-      </th:block>
-      <th:block th:if="${header == null}">
-        <th:block th:replace="~{modules/header :: header(isHome = true)}" />
-      </th:block>
+  <body
+    class="main devcm-body"
+    th:classappend="${theme.config.basic.pixel_style == true or theme.config.basic.pixel_style == 'true'} ? ' pixel_style' : ''"
+    th:with="currentPageType=${#strings.isEmpty(pageType) ? 'home' : pageType},
+      terminalUser=${#strings.isEmpty(terminalUserName) ? 'admin' : terminalUserName}"
+  >
+    <div class="devcm-shell" th:classappend="| devcm-shell--${currentPageType}|">
+      <div class="devcm-app">
+        <th:block th:replace="~{modules/header :: header(pageType=${currentPageType})}" />

-      <th:block th:replace="${content}" />
+        <div class="devcm-workspace">
+          <th:block th:replace="~{modules/activity-bar :: activity-bar(pageType=${currentPageType})}" />
+          <th:block th:replace="~{modules/explorer :: explorer(pageType=${currentPageType})}" />

-      <th:block th:if="${footer == null}">
-        <th:block th:replace="~{modules/footer}" />
-      </th:block>
-      <th:block th:if="${footer != null}">
-        <th:block th:replace="${footer}" />
-      </th:block>
+          <main class="devcm-editor" id="main-content">
+            <th:block th:replace="${content}" />
+          </main>
+
+          <th:block th:replace="~{modules/right-panel :: right-panel(pageType=${currentPageType})}" />
+        </div>
+
+        <th:block th:replace="~{modules/statusbar :: statusbar(pageType=${currentPageType})}" />
+      </div>
    </div>
-    <script th:src="@{/assets/dist/main.js?version={version}(version=${theme.spec.version})}"></script>
+    <script
+      th:src="@{/assets/dist/main.js?version={version}&amp;build=devcm-ide-1.2.8-visual9(version=${theme.spec.version})}"
+    ></script>
  </body>
 </html>