feat: 新版挂件-重构平台管理

components.d.ts

@@ -15,24 +15,30 @@ declare module '@vue/runtime-core' {
     ElAside: typeof import('element-plus/es')['ElAside']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElDialog: typeof import('element-plus/es')['ElDialog']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElOption: typeof import('element-plus/es')['ElOption']
+    ElPageHeader: typeof import('element-plus/es')['ElPageHeader']
     ElRadio: typeof import('element-plus/es')['ElRadio']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
+    ElRow: typeof import('element-plus/es')['ElRow']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSpace: typeof import('element-plus/es')['ElSpace']
+    ElSwitch: typeof import('element-plus/es')['ElSwitch']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
+    ElTag: typeof import('element-plus/es')['ElTag']
     ElText: typeof import('element-plus/es')['ElText']
     GeneralSetting: typeof import('./src/components/set/GeneralSetting.vue')['default']
     HexoTest: typeof import('./src/components/test/HexoTest.vue')['default']
@@ -41,7 +47,11 @@ declare module '@vue/runtime-core' {
     MetaweblogSetting: typeof import('./src/components/set/singleplatform/MetaweblogSetting.vue')['default']
     PlatformSetting: typeof import('./src/components/set/PlatformSetting.vue')['default']
     PublishIndex: typeof import('./src/components/publish/PublishIndex.vue')['default']
+    PublishPlatform: typeof import('./src/components/publish/form/PublishPlatform.vue')['default']
     PublishSetting: typeof import('./src/components/set/PublishSetting.vue')['default']
+    PublishTags: typeof import('./src/components/publish/form/PublishTags.vue')['default']
+    PublishTips: typeof import('./src/components/publish/form/PublishTips.vue')['default']
+    PublishTitle: typeof import('./src/components/publish/form/PublishTitle.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SetIndex: typeof import('./src/components/set/SetIndex.vue')['default']

package.json

@@ -4,7 +4,7 @@
   "version": "0.8.1",
   "type": "module",
   "scripts": {
-    "serve": "VITE_SIYUAN_API_URL=http://127.0.0.1:6806 vite",
+    "serve": "IS_SERVE=true VITE_SIYUAN_API_URL=http://127.0.0.1:6806 vite",
     "dev": "BUILD_TYPE=siyuan vite build --watch",
     "build": "BUILD_TYPE=siyuan vite build",
     "staticBuild": "BUILD_TYPE=static vite build",
@@ -53,12 +53,12 @@
     "vue-i18n": "^9.2.2",
     "vue-router": "^4.2.2",
     "xmlbuilder2": "^3.1.1",
-    "zhi-blog-api": "^1.13.4",
-    "zhi-common": "^1.11.3",
+    "zhi-blog-api": "^1.13.5",
+    "zhi-common": "^1.11.4",
     "zhi-device": "^2.3.0",
-    "zhi-fetch-middleware": "^0.1.17",
-    "zhi-lib-base": "0.4.1",
-    "zhi-siyuan-api": "^1.25.4",
-    "zhi-xmlrpc-middleware": "^0.2.17"
+    "zhi-fetch-middleware": "^0.1.18",
+    "zhi-lib-base": "^0.4.2",
+    "zhi-siyuan-api": "^1.25.5",
+    "zhi-xmlrpc-middleware": "^0.2.18"
   }
 }

src/components/publish/PublishIndex.vue

@@ -25,12 +25,50 @@
 
 <script setup lang="ts">
 import { createAppLogger } from "~/src/utils/appLogger.ts"
+import { useVueI18n } from "~/src/composables/useVueI18n.ts"
+import PublishTips from "~/src/components/publish/form/PublishTips.vue"
+import PublishTitle from "~/src/components/publish/form/PublishTitle.vue"
+import PublishPlatform from "~/src/components/publish/form/PublishPlatform.vue"
+import PublishTags from "~/src/components/publish/form/PublishTags.vue"
 
 const logger = createAppLogger("publisher-index")
+const { t } = useVueI18n()
 </script>
 
 <template>
-  <div id="publish-index">PublishIndex</div>
+  <div id="publish-index">
+    <el-container>
+      <el-main>
+        <!-- 提示 -->
+        <publish-tips />
+
+        <!-- 表单数据 -->
+        <div class="publish-form">
+          <el-form label-width="100px">
+            <!-- 文章标题 -->
+            <publish-title />
+            <el-divider border-style="dashed" />
+
+            <!-- 分发平台 -->
+            <publish-platform />
+            <el-divider border-style="dashed" />
+
+            <!--
+            ----------------------------------------------------------------------
+            -->
+            <!-- 标签  -->
+            <publish-tags />
+
+            <!-- 发布 -->
+            <el-form-item>
+              <el-button type="primary">{{ t("main.publish") }}</el-button>
+              <el-button>{{ t("main.cancel") }}</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-main>
+    </el-container>
+  </div>
 </template>
 
 <style lang="stylus" scoped></style>