feat: 添加发布状态管理功能 (#994)

sysfox · web-flow · commit 9176a9986753 · 2025-07-03T16:21:02.000+08:00
* feat(notes/posts): 添加发布状态管理功能

- 在笔记和文章模型中添加 isPublished 字段
- 实现笔记和文章的发布和草稿状态切换
- 添加批量发布和批量设为草稿功能
- 优化列表展示，增加状态列显示
- 更新写入界面，增加发布状态开关

* style: 优化代码格式和组件结构

- 移除了 manage-notes/write.tsx 和 manage-posts/list.tsx 中的多余空行
- 统一了代码格式，提高了代码的可读性和一致性
- 优化了组件结构，有助于未来的维护和扩展

* refactor(manage-posts): 优化文章撰写界面

- 为标题输入框添加 label 属性
- 修改分类选择框的 path 和选项生成逻辑
- 优化标签选择框的样式和交互
- 调整相关文章选择框的实现方式
- 移除冗余代码和不必要的注释

* refactor(manage-posts): 优化文章撰写界面

- 为标题输入框添加 label 属性
- 修改分类选择框的 path 和选项生成逻辑
- 优化标签选择框的样式和交互
- 调整相关文章选择框的实现方式
- 移除冗余代码和不必要的注释
diff --git a/package.json b/package.json
@@ -8,13 +8,14 @@
     "changelog": true
   },
   "scripts": {
-    "prepare": "pnpm exec simple-git-hooks",
-    "prebuild": "rm -rf dist",
     "dev": "NODE_ENV=development vite --mode development --open --host",
     "build": "NODE_ENV=production vite build --mode production",
     "preview": "vite preview --port 2323",
     "lint": "biome lint --apply src/**/*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json} --no-errors-on-unmatched",
-    "format": "prettier --write --loglevel warn \"src/**/*.{js,json,tsx,ts,css,scss,vue,html,md}\""
+    "lint:fix": "biome lint --write .",
+    "prepare": "husky install",
+    "release": "sh ./release.sh",
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm exec lint-staged"
diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx
@@ -9,6 +9,7 @@ import Cogs from '@vicons/fa/es/Cogs'
 import Comment from '@vicons/fa/es/Comment'
 import Comments from '@vicons/fa/es/Comments'
 import EllipsisH from '@vicons/fa/es/EllipsisH'
+import EyeOffIcon from '@vicons/fa/es/EyeDropper'
 import Eye from '@vicons/fa/es/Eye'
 import File from '@vicons/fa/es/File'
 import Flask from '@vicons/fa/es/Flask'
@@ -120,6 +121,7 @@ export { Heart as HeartIcon }
 export { EyeHide20Filled as EyeHideIcon }
 export { RefreshCircle }
 export { AddIcon as PlusIcon }
+export { EyeOffIcon as EyeOffIcon }
 
 export const AddIcon = Add12Filled
 
diff --git a/src/components/xlog-connect/class.ts b/src/components/xlog-connect/class.ts
@@ -35,14 +35,20 @@ export class CrossBellConnector {
   }
 
   static createOrUpdate(data: NoteModel | PostModel) {
-    // 跳过隐藏的笔记
-    const passedFields = ['hide', 'password', 'secret']
+    // 跳过未发布的笔记
+    const passedFields = ['password', 'secret']
     for (const field of passedFields) {
       if (field in data && data[field]) {
         message.info(`跳过隐藏笔记，命中字段：${field}`)
         return Promise.resolve()
       }
     }
+    
+    // 跳过未发布的内容
+    if ('isPublished' in data && data.isPublished === false) {
+      message.info('跳过未发布内容')
+      return Promise.resolve()
+    }
 
     return new Promise((resolve) => {
       if (!('ethereum' in window)) {
diff --git a/src/models/note.ts b/src/models/note.ts
@@ -1,6 +1,5 @@
 export interface NoteModel {
   id: string
-  hide: boolean
   allowComment: boolean
   count: {
     read: number
@@ -22,6 +21,7 @@ export interface NoteModel {
   coordinates?: Coordinate
 
   meta?: any
+  isPublished?: boolean
 }
 
 export interface Coordinate {
diff --git a/src/models/post.ts b/src/models/post.ts
@@ -24,6 +24,7 @@ export interface PostModel {
   pinOrder?: number
   related?: Pick<PostModel, 'id' | 'title'>[]
   meta?: any
+  isPublished?: boolean
 }
 
 export interface Category {
diff --git a/src/views/manage-notes/list.tsx b/src/views/manage-notes/list.tsx
@@ -2,6 +2,8 @@ import {
   BookIcon,
   BookmarkIcon,
   EyeHideIcon,
+  EyeIcon,
+  EyeOffIcon,
   HeartIcon,
   PlusIcon,
 } from '~/components/icons'
@@ -41,7 +43,7 @@ export const ManageNoteListView = defineComponent({
                 page,
                 size,
                 select:
-                  'title _id nid id created modified mood weather hide publicAt bookmark coordinates location count meta',
+                  'title _id nid id created modified mood weather publicAt bookmark coordinates location count meta isPublished',
                 ...(sortProps.sortBy
                   ? { sortBy: sortProps.sortBy, sortOrder: sortProps.sortOrder }
                   : {}),
@@ -90,26 +92,27 @@ export const ManageNoteListView = defineComponent({
             filter: true,
             filterOptions: [
               { label: '回忆项', value: 'bookmark' },
-              { label: '隐藏项', value: 'hide' },
+              { label: '草稿项', value: 'unpublished' },
             ],
 
             render(row) {
               const isSecret =
                 row.publicAt && +new Date(row.publicAt) - Date.now() > 0
+              const isUnpublished = !row.isPublished
               return (
                 <TableTitleLink
                   inPageTo={`/notes/edit?id=${row.id}`}
                   title={row.title}
                   externalLinkTo={`/notes/${row.nid}`}
                   id={row.id}
-                  withToken={row.hide || isSecret}
+                  withToken={isUnpublished || isSecret}
                   xLog={row.meta?.xLog}
                 >
                   {{
                     default() {
                       return (
                         <>
-                          {row.hide || isSecret ? (
+                          {isUnpublished || isSecret ? (
                             <Icon color="#34495e">
                               <EyeHideIcon />
                             </Icon>
@@ -255,6 +258,46 @@ export const ManageNoteListView = defineComponent({
               return <RelativeTime time={row.modified} />
             },
           },
+          {
+            title: '状态',
+            key: 'isPublished',
+            width: 120,
+            render(row) {
+              return (
+                <NSpace size={4} align="center">
+                  <div class={`inline-flex items-center gap-1 px-2 py-1 rounded text-xs ${
+                    row.isPublished 
+                      ? 'bg-green-100 text-green-800' 
+                      : 'bg-yellow-100 text-yellow-800'
+                  }`}>
+                    <Icon size={12}>
+                      {row.isPublished ? <EyeIcon /> : <EyeOffIcon />}
+                    </Icon>
+                    {row.isPublished ? '已发布' : '草稿'}
+                  </div>
+                  <NButton
+                    size="tiny"
+                    quaternary
+                    type={row.isPublished ? "warning" : "primary"}
+                    onClick={async () => {
+                      const newStatus = !row.isPublished
+                      try {
+                        await RESTManager.api.notes(row.id)('publish').patch({
+                          data: { isPublished: newStatus }
+                        })
+                        row.isPublished = newStatus
+                        message.success(newStatus ? '已发布' : '已设为草稿')
+                      } catch (_error) {
+                        message.error('操作失败')
+                      }
+                    }}
+                  >
+                    {row.isPublished ? '取消发布' : '发布'}
+                  </NButton>
+                </NSpace>
+              )
+            }
+          },
           {
             title: '操作',
             key: 'id',
@@ -318,7 +361,7 @@ export const ManageNoteListView = defineComponent({
               sortProps.sortBy = props.sortBy
               sortProps.sortOrder = props.sortOrder
             }}
-          ></Table>
+          />
         )
       },
     })
@@ -348,6 +391,52 @@ export const ManageNoteListView = defineComponent({
                     fetchData()
                   }}
                 />
+
+                <HeaderActionButton
+                  name="批量发布"
+                  disabled={checkedRowKeys.value.length === 0}
+                  icon={<EyeIcon />}
+                  variant="success"
+                  onClick={async () => {
+                    try {
+                      await Promise.all(
+                        checkedRowKeys.value.map(id => 
+                          RESTManager.api.notes(id as string)('publish').patch({
+                            data: { isPublished: true }
+                          })
+                        )
+                      )
+                      message.success('批量发布成功')
+                      fetchData() // 重新获取数据
+                      checkedRowKeys.value = []
+                    } catch (_error) {
+                      message.error('批量发布失败')
+                    }
+                  }}
+                />
+
+                <HeaderActionButton
+                  name="批量设为草稿"
+                  disabled={checkedRowKeys.value.length === 0}
+                  icon={<EyeOffIcon />}
+                  variant="warning"
+                  onClick={async () => {
+                    try {
+                      await Promise.all(
+                        checkedRowKeys.value.map(id => 
+                          RESTManager.api.notes(id as string)('publish').patch({
+                            data: { isPublished: false }
+                          })
+                        )
+                      )
+                      message.success('批量设置草稿成功')
+                      fetchData() // 重新获取数据
+                      checkedRowKeys.value = []
+                    } catch (_error) {
+                      message.error('批量设置草稿失败')
+                    }
+                  }}
+                />
                 <HeaderActionButton to={'/notes/edit'} icon={<PlusIcon />} />
               </>
             ),
diff --git a/src/views/manage-notes/write.tsx b/src/views/manage-notes/write.tsx
@@ -35,7 +35,7 @@ import { AiHelperButton } from '~/components/ai/ai-helper'
 import { HeaderActionButton } from '~/components/button/rounded-button'
 import { TextBaseDrawer } from '~/components/drawer/text-base-drawer'
 import { Editor } from '~/components/editor/universal'
-import { HeartIcon, SlidersHIcon, TelegramPlaneIcon } from '~/components/icons'
+import { HeartIcon, SlidersHIcon, TelegramPlaneIcon, EyeIcon, EyeOffIcon } from '~/components/icons'
 import { MaterialInput } from '~/components/input/material-input'
 import { GetLocationButton } from '~/components/location/get-location-button'
 import { SearchLocationButton } from '~/components/location/search-button'
@@ -63,12 +63,12 @@ const CrossBellConnectorIndirector = defineAsyncComponent({
 })
 
 type NoteReactiveType = {
-  hide: boolean
   mood: string
   weather: string
   password: string | null
   publicAt: Date | null
   bookmark: boolean
+  isPublished: boolean
 
   location: null | string
   coordinates: null | Coordinate
@@ -116,7 +116,6 @@ const NoteWriteView = defineComponent(() => {
   const resetReactive: () => NoteReactiveType = () => ({
     text: '',
     title: '',
-    hide: false,
     bookmark: false,
     mood: '',
 
@@ -126,6 +125,7 @@ const NoteWriteView = defineComponent(() => {
     location: '',
     coordinates: null,
     allowComment: true,
+    isPublished: true,
 
     id: undefined,
     nid: undefined,
@@ -272,6 +272,28 @@ const NoteWriteView = defineComponent(() => {
           />
 
           <HeaderPreviewButton data={data} iframe />
+          
+          <HeaderActionButton
+            icon={data.isPublished ? <EyeOffIcon /> : <EyeIcon />}
+            variant={data.isPublished ? "warning" : "success"}
+            onClick={async () => {
+              if (!data.id) {
+                message.warning('请先保存笔记')
+                return
+              }
+              const newStatus = !data.isPublished
+              try {
+                await RESTManager.api.notes(data.id)('publish').patch({
+                  data: { isPublished: newStatus }
+                })
+                data.isPublished = newStatus
+                message.success(newStatus ? '笔记已发布' : '笔记已设为草稿')
+              } catch (error) {
+                message.error('状态切换失败')
+              }
+            }}
+            name={data.isPublished ? "设为草稿" : "立即发布"}
+          />
           <HeaderActionButton
             icon={<TelegramPlaneIcon />}
             onClick={handleSubmit}
@@ -284,6 +306,7 @@ const NoteWriteView = defineComponent(() => {
             onClick={() => {
               drawerShow.value = true
             }}
+            title="打开设置"
           >
             <Icon>
               <SlidersHIcon />
@@ -508,13 +531,6 @@ const NoteWriteView = defineComponent(() => {
           </NDatePicker>
         </NFormItem>
 
-        <NFormItem label="隐藏" labelAlign="right" labelPlacement="left">
-          <NSwitch
-            value={data.hide}
-            onUpdateValue={(e) => void (data.hide = e)}
-          ></NSwitch>
-        </NFormItem>
-
         <NFormItem
           label="标记为回忆项"
           labelAlign="right"
@@ -525,6 +541,17 @@ const NoteWriteView = defineComponent(() => {
             onUpdateValue={(e) => void (data.bookmark = e)}
           ></NSwitch>
         </NFormItem>
+        <NFormItem label="发布状态" labelAlign="right" labelPlacement="left">
+          <NSwitch
+            value={data.isPublished}
+            onUpdateValue={(e) => void (data.isPublished = e)}
+          >
+            {{
+              checked: () => '已发布',
+              unchecked: () => '草稿'
+            }}
+          </NSwitch>
+        </NFormItem>
       </TextBaseDrawer>
 
       {/* Drawer END */}
diff --git a/src/views/manage-posts/list.tsx b/src/views/manage-posts/list.tsx
diff --git a/src/views/manage-posts/write.tsx b/src/views/manage-posts/write.tsx

Original file line number	Diff line number	Diff line change
`@@ -24,6 +24,7 @@ export interface PostModel {`
`24`	`24`	`pinOrder?: number`
`25`	`25`	`related?: Pick<PostModel, 'id' \| 'title'>[]`
`26`	`26`	`meta?: any`
	`27`	`+ isPublished?: boolean`
`27`	`28`	`}`
`28`	`29`
`29`	`30`	`export interface Category {`