feat: save

packages/frontend/src/views/article/add.vue

@@ -7,37 +7,37 @@
     </template>
 
     <div class="editor-wrap">
-      <n-form
+      <n-form
         ref="modalFormRef" class="form wh-full" label-placement="left" label-align="left" :label-width="80"
-        :model="modalForm"
+        :model="modalForm"
       >
-        <n-form-item
+        <n-form-item
           label="文章名称" path="title" :rule="{
             required: true,
             message: '请输入文章名称',
             trigger: ['input', 'blur'],
-          }"
+          }"
         >
           <n-input v-model:value="modalForm.title" />
         </n-form-item>
 
-        <n-form-item
+        <n-form-item
           label="文章分类" path="categoryId" :rule="{
             required: true,
             type: 'number',
             trigger: ['change', 'blur'],
             message: '请输入文章分类',
-          }"
+          }"
         >
-          <n-select
+          <n-select
             v-model:value="modalForm.categoryId" :options="allCategory" clearable filterable tag
-            style="max-width: 300px;"
+            style="max-width: 300px;"
           />
         </n-form-item>
 
         <VividEditor v-model="modalForm.content" :dark="isDark">
           <SlashCommand />
-          <DragHandle />
+          <DragHandle />
         </VividEditor>
       </n-form>
     </div>

packages/frontend/src/views/article/edit.vue

@@ -7,24 +7,32 @@
     </template>
 
     <div class="editor-wrap">
-      <n-form ref="modalFormRef" class="form wh-full" label-placement="left" label-align="left" :label-width="80"
-        :model="modalForm">
-        <n-form-item label="文章名称" path="title" :rule="{
-          required: true,
-          message: '请输入文章名称',
-          trigger: ['input', 'blur'],
-        }">
+      <n-form
+        ref="modalFormRef" class="form wh-full" label-placement="left" label-align="left" :label-width="80"
+        :model="modalForm"
+      >
+        <n-form-item
+          label="文章名称" path="title" :rule="{
+            required: true,
+            message: '请输入文章名称',
+            trigger: ['input', 'blur'],
+          }"
+        >
           <n-input v-model:value="modalForm.title" />
         </n-form-item>
 
-        <n-form-item label="文章分类" path="categoryId" :rule="{
-          required: true,
-          type: 'number',
-          trigger: ['change', 'blur'],
-          message: '请输入文章分类',
-        }">
-          <n-select v-model:value="modalForm.categoryId" :options="allCategory" clearable filterable tag
-            style="max-width: 300px;" />
+        <n-form-item
+          label="文章分类" path="categoryId" :rule="{
+            required: true,
+            type: 'number',
+            trigger: ['change', 'blur'],
+            message: '请输入文章分类',
+          }"
+        >
+          <n-select
+            v-model:value="modalForm.categoryId" :options="allCategory" clearable filterable tag
+            style="max-width: 300px;"
+          />
         </n-form-item>
 
         <VividEditor v-model="modalForm.content" :dark="isDark">
@@ -77,7 +85,7 @@ categoryApi.getAll().then(({ data = [] }) => (allCategory.value = data.map(item
 function handleEdit() {
   modalFormRef.value?.validate((errors) => {
     if (!errors) {
-      articleApi.update(modalForm.value)
+      articleApi.u(modalForm.value)
       $message.success('保存成功！')
       router.push('/article')
     }

packages/frontend/src/views/article/index.vue

@@ -14,10 +14,12 @@
         </n-input>
       </MeQueryItem>
       <MeQueryItem label="状态" :label-width="50">
-        <n-select v-model:value="queryItems.enable" clearable :options="[
-          { label: '启用', value: 1 },
-          { label: '停用', value: 0 },
-        ]" />
+        <n-select
+          v-model:value="queryItems.enable" clearable :options="[
+            { label: '启用', value: 1 },
+            { label: '停用', value: 0 },
+          ]"
+        />
       </MeQueryItem>
     </MeCrud>
   </CommonPage>

packages/vivid/package.json

@@ -22,6 +22,7 @@
 		"build-types": "vue-tsc --emitDeclarationOnly --declaration -p tsconfig.app.json",
 		"publish": "npm publish --access public",
 		"lint": "eslint 'src/**/*.{ts,vue}'",
+		"postinstall": "pnpm run build-lib",
 		"format": "prettier --write \"src/**/*.ts\" \"src/**/*.vue\""
 	},
 	"dependencies": {