From e58e06975598f25ff78f3a4f74fff6f8d07c965f Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Wed, 19 Apr 2023 22:45:16 +0800
Subject: [PATCH 1/6] optimize topic ui and logic (60%)

---
 auto/api/v1/loose.go            |  33 ++++
 auto/api/v1/pub.go              |  33 ----
 internal/core/topics.go         |   3 +
 internal/dao/jinzhu/dbr/tag.go  |  22 +--
 internal/dao/jinzhu/jinzhu.go   |   3 +-
 internal/dao/jinzhu/topics.go   |  60 ++++++-
 internal/model/web/loose.go     |  23 +++
 internal/model/web/pub.go       |  18 --
 internal/servants/web/loose.go  |  35 ++++
 internal/servants/web/pub.go    |  45 -----
 mirc/web/v1/loose.go            |   3 +
 mirc/web/v1/pub.go              |   3 -
 web/src/components/rightbar.vue |  42 ++++-
 web/src/components/sidebar.vue  |   2 +-
 web/src/components/tag-item.vue | 133 +++++++++++++++
 web/src/store/index.ts          |   5 +
 web/src/types/Item.d.ts         |   2 +
 web/src/types/NetParams.d.ts    |   2 +-
 web/src/types/NetReq.d.ts       | 281 +++++++++++++++-----------------
 web/src/views/Topic.vue         |  46 ++----
 20 files changed, 487 insertions(+), 307 deletions(-)
 create mode 100644 web/src/components/tag-item.vue

diff --git a/auto/api/v1/loose.go b/auto/api/v1/loose.go
index 832f6fc3..8e45824a 100644
--- a/auto/api/v1/loose.go
+++ b/auto/api/v1/loose.go
@@ -16,6 +16,7 @@ type Loose interface {
 	// Chain provide handlers chain for gin
 	Chain() gin.HandlersChain
 
+	TopicList(*web.TopicListReq) (*web.TopicListResp, mir.Error)
 	GetUserProfile(*web.GetUserProfileReq) (*web.GetUserProfileResp, mir.Error)
 	GetUserTweets(*web.GetUserTweetsReq) (*web.GetUserTweetsResp, mir.Error)
 	Timeline(*web.TimelineReq) (*web.TimelineResp, mir.Error)
@@ -24,6 +25,7 @@ type Loose interface {
 }
 
 type LooseBinding interface {
+	BindTopicList(*gin.Context) (*web.TopicListReq, mir.Error)
 	BindGetUserProfile(*gin.Context) (*web.GetUserProfileReq, mir.Error)
 	BindGetUserTweets(*gin.Context) (*web.GetUserTweetsReq, mir.Error)
 	BindTimeline(*gin.Context) (*web.TimelineReq, mir.Error)
@@ -32,6 +34,7 @@ type LooseBinding interface {
 }
 
 type LooseRender interface {
+	RenderTopicList(*gin.Context, *web.TopicListResp, mir.Error)
 	RenderGetUserProfile(*gin.Context, *web.GetUserProfileResp, mir.Error)
 	RenderGetUserTweets(*gin.Context, *web.GetUserTweetsResp, mir.Error)
 	RenderTimeline(*gin.Context, *web.TimelineResp, mir.Error)
@@ -47,6 +50,22 @@ func RegisterLooseServant(e *gin.Engine, s Loose, b LooseBinding, r LooseRender)
 	router.Use(middlewares...)
 
 	// register routes info to router
+	router.Handle("GET", "/tags", func(c *gin.Context) {
+		select {
+		case <-c.Request.Context().Done():
+			return
+		default:
+		}
+
+		req, err := b.BindTopicList(c)
+		if err != nil {
+			r.RenderTopicList(c, nil, err)
+			return
+		}
+		resp, err := s.TopicList(req)
+		r.RenderTopicList(c, resp, err)
+	})
+
 	router.Handle("GET", "/user/profile", func(c *gin.Context) {
 		select {
 		case <-c.Request.Context().Done():
@@ -105,6 +124,10 @@ func (UnimplementedLooseServant) Chain() gin.HandlersChain {
 	return nil
 }
 
+func (UnimplementedLooseServant) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Error) {
+	return nil, mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
+}
+
 func (UnimplementedLooseServant) GetUserProfile(req *web.GetUserProfileReq) (*web.GetUserProfileResp, mir.Error) {
 	return nil, mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
 }
@@ -124,6 +147,10 @@ type UnimplementedLooseRender struct {
 	RenderAny func(*gin.Context, any, mir.Error)
 }
 
+func (r *UnimplementedLooseRender) RenderTopicList(c *gin.Context, data *web.TopicListResp, err mir.Error) {
+	r.RenderAny(c, data, err)
+}
+
 func (r *UnimplementedLooseRender) RenderGetUserProfile(c *gin.Context, data *web.GetUserProfileResp, err mir.Error) {
 	r.RenderAny(c, data, err)
 }
@@ -143,6 +170,12 @@ type UnimplementedLooseBinding struct {
 	BindAny func(*gin.Context, any) mir.Error
 }
 
+func (b *UnimplementedLooseBinding) BindTopicList(c *gin.Context) (*web.TopicListReq, mir.Error) {
+	obj := new(web.TopicListReq)
+	err := b.BindAny(c, obj)
+	return obj, err
+}
+
 func (b *UnimplementedLooseBinding) BindGetUserProfile(c *gin.Context) (*web.GetUserProfileReq, mir.Error) {
 	obj := new(web.GetUserProfileReq)
 	err := b.BindAny(c, obj)
diff --git a/auto/api/v1/pub.go b/auto/api/v1/pub.go
index 3417cacd..ab8a4832 100644
--- a/auto/api/v1/pub.go
+++ b/auto/api/v1/pub.go
@@ -13,7 +13,6 @@ import (
 )
 
 type Pub interface {
-	TopicList(*web.TopicListReq) (*web.TopicListResp, mir.Error)
 	TweetComments(*web.TweetCommentsReq) (*web.TweetCommentsResp, mir.Error)
 	TweetDetail(*web.TweetDetailReq) (*web.TweetDetailResp, mir.Error)
 	SendCaptcha(*web.SendCaptchaReq) mir.Error
@@ -26,7 +25,6 @@ type Pub interface {
 }
 
 type PubBinding interface {
-	BindTopicList(*gin.Context) (*web.TopicListReq, mir.Error)
 	BindTweetComments(*gin.Context) (*web.TweetCommentsReq, mir.Error)
 	BindTweetDetail(*gin.Context) (*web.TweetDetailReq, mir.Error)
 	BindSendCaptcha(*gin.Context) (*web.SendCaptchaReq, mir.Error)
@@ -37,7 +35,6 @@ type PubBinding interface {
 }
 
 type PubRender interface {
-	RenderTopicList(*gin.Context, *web.TopicListResp, mir.Error)
 	RenderTweetComments(*gin.Context, *web.TweetCommentsResp, mir.Error)
 	RenderTweetDetail(*gin.Context, *web.TweetDetailResp, mir.Error)
 	RenderSendCaptcha(*gin.Context, mir.Error)
@@ -54,22 +51,6 @@ func RegisterPubServant(e *gin.Engine, s Pub, b PubBinding, r PubRender) {
 	router := e.Group("v1")
 
 	// register routes info to router
-	router.Handle("GET", "/tags", func(c *gin.Context) {
-		select {
-		case <-c.Request.Context().Done():
-			return
-		default:
-		}
-
-		req, err := b.BindTopicList(c)
-		if err != nil {
-			r.RenderTopicList(c, nil, err)
-			return
-		}
-		resp, err := s.TopicList(req)
-		r.RenderTopicList(c, resp, err)
-	})
-
 	router.Handle("GET", "/post/comments", func(c *gin.Context) {
 		select {
 		case <-c.Request.Context().Done():
@@ -177,10 +158,6 @@ func RegisterPubServant(e *gin.Engine, s Pub, b PubBinding, r PubRender) {
 type UnimplementedPubServant struct {
 }
 
-func (UnimplementedPubServant) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Error) {
-	return nil, mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
-}
-
 func (UnimplementedPubServant) TweetComments(req *web.TweetCommentsReq) (*web.TweetCommentsResp, mir.Error) {
 	return nil, mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
 }
@@ -216,10 +193,6 @@ type UnimplementedPubRender struct {
 	RenderAny func(*gin.Context, any, mir.Error)
 }
 
-func (r *UnimplementedPubRender) RenderTopicList(c *gin.Context, data *web.TopicListResp, err mir.Error) {
-	r.RenderAny(c, data, err)
-}
-
 func (r *UnimplementedPubRender) RenderTweetComments(c *gin.Context, data *web.TweetCommentsResp, err mir.Error) {
 	r.RenderAny(c, data, err)
 }
@@ -255,12 +228,6 @@ type UnimplementedPubBinding struct {
 	BindAny func(*gin.Context, any) mir.Error
 }
 
-func (b *UnimplementedPubBinding) BindTopicList(c *gin.Context) (*web.TopicListReq, mir.Error) {
-	obj := new(web.TopicListReq)
-	err := b.BindAny(c, obj)
-	return obj, err
-}
-
 func (b *UnimplementedPubBinding) BindTweetComments(c *gin.Context) (*web.TweetCommentsReq, mir.Error) {
 	obj := new(web.TweetCommentsReq)
 	err := b.BindAny(c, obj)
diff --git a/internal/core/topics.go b/internal/core/topics.go
index 138cc151..f0f0e8fb 100644
--- a/internal/core/topics.go
+++ b/internal/core/topics.go
@@ -18,5 +18,8 @@ type TopicService interface {
 	CreateTag(tag *Tag) (*Tag, error)
 	DeleteTag(tag *Tag) error
 	GetTags(conditions *ConditionsT, offset, limit int) ([]*Tag, error)
+	GetHotTags(limit int, offset int) ([]*TagFormated, error)
+	GetNewestTags(limit int, offset int) ([]*TagFormated, error)
+	GetFollowTags(limit int, offset int) ([]*TagFormated, error)
 	GetTagsByKeyword(keyword string) ([]*Tag, error)
 }
diff --git a/internal/dao/jinzhu/dbr/tag.go b/internal/dao/jinzhu/dbr/tag.go
index 8570f574..8566d812 100644
--- a/internal/dao/jinzhu/dbr/tag.go
+++ b/internal/dao/jinzhu/dbr/tag.go
@@ -17,11 +17,12 @@ type Tag struct {
 	QuoteNum int64  `json:"quote_num"`
 }
 type TagFormated struct {
-	ID       int64         `json:"id"`
-	UserID   int64         `json:"user_id"`
-	User     *UserFormated `json:"user"`
-	Tag      string        `json:"tag"`
-	QuoteNum int64         `json:"quote_num"`
+	ID          int64         `json:"id"`
+	UserID      int64         `json:"user_id"`
+	User        *UserFormated `json:"user"`
+	Tag         string        `json:"tag"`
+	QuoteNum    int64         `json:"quote_num"`
+	IsFollowing int8          `json:"is_following"`
 }
 
 func (t *Tag) Format() *TagFormated {
@@ -30,11 +31,12 @@ func (t *Tag) Format() *TagFormated {
 	}
 
 	return &TagFormated{
-		ID:       t.ID,
-		UserID:   t.UserID,
-		User:     &UserFormated{},
-		Tag:      t.Tag,
-		QuoteNum: t.QuoteNum,
+		ID:          t.ID,
+		UserID:      t.UserID,
+		User:        &UserFormated{},
+		Tag:         t.Tag,
+		QuoteNum:    t.QuoteNum,
+		IsFollowing: 0,
 	}
 }
 
diff --git a/internal/dao/jinzhu/jinzhu.go b/internal/dao/jinzhu/jinzhu.go
index 790ee6ad..3ccebdb9 100644
--- a/internal/dao/jinzhu/jinzhu.go
+++ b/internal/dao/jinzhu/jinzhu.go
@@ -49,6 +49,7 @@ func NewDataService() (core.DataService, core.VersionInfo) {
 	pvs := security.NewPhoneVerifyService()
 	ams := NewAuthorizationManageService()
 	ths := newTweetHelpService(db)
+	ums := newUserManageService(db)
 
 	// initialize core.IndexPostsService
 	if cfg.If("Friendship") {
@@ -86,7 +87,7 @@ func NewDataService() (core.DataService, core.VersionInfo) {
 		IndexPostsService:      cis,
 		WalletService:          newWalletService(db),
 		MessageService:         newMessageService(db),
-		TopicService:           newTopicService(db),
+		TopicService:           newTopicService(db, ums),
 		TweetService:           newTweetService(db),
 		TweetManageService:     newTweetManageService(db, cis),
 		TweetHelpService:       newTweetHelpService(db),
diff --git a/internal/dao/jinzhu/topics.go b/internal/dao/jinzhu/topics.go
index d5ce70a9..405afd96 100644
--- a/internal/dao/jinzhu/topics.go
+++ b/internal/dao/jinzhu/topics.go
@@ -17,12 +17,14 @@ var (
 )
 
 type topicServant struct {
-	db *gorm.DB
+	db  *gorm.DB
+	ums core.UserManageService
 }
 
-func newTopicService(db *gorm.DB) core.TopicService {
+func newTopicService(db *gorm.DB, ums core.UserManageService) core.TopicService {
 	return &topicServant{
 		db: db,
+		ums: ums,
 	}
 }
 
@@ -38,6 +40,60 @@ func (s *topicServant) GetTags(conditions *core.ConditionsT, offset, limit int)
 	return (&dbr.Tag{}).List(s.db, conditions, offset, limit)
 }
 
+func (s *topicServant) GetHotTags(limit int, offset int) ([]*core.TagFormated, error) {
+	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
+		"ORDER": "quote_num DESC",
+	}, offset, limit)
+	if err != nil {
+		return nil, err
+	}
+	return s.tagsFormat(tags)
+}
+
+func (s *topicServant) GetNewestTags(limit int, offset int) ([]*core.TagFormated, error) {
+	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
+		"ORDER": "id DESC",
+	}, offset, limit)
+	if err != nil {
+		return nil, err
+	}
+	return s.tagsFormat(tags)
+}
+
+func (s *topicServant) GetFollowTags(limit int, offset int) ([]*core.TagFormated, error) {
+	// TODO：具体逻辑稍后实现，先用热门标签替换
+	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
+		"ORDER": "quote_num DESC",
+	}, offset, limit)
+	if err != nil {
+		return nil, err
+	}
+	return s.tagsFormat(tags)
+}
+
+func (s *topicServant) tagsFormat(tags []*core.Tag) ([]*core.TagFormated, error) {
+	// 获取创建者User IDs
+	userIds := []int64{}
+	for _, tag := range tags {
+		userIds = append(userIds, tag.UserID)
+	}
+	users, err := s.ums.GetUsersByIDs(userIds)
+	if err != nil {
+		return nil, err
+	}
+	tagsFormated := []*core.TagFormated{}
+	for _, tag := range tags {
+		tagFormated := tag.Format()
+		for _, user := range users {
+			if user.ID == tagFormated.UserID {
+				tagFormated.User = user.Format()
+			}
+		}
+		tagsFormated = append(tagsFormated, tagFormated)
+	}
+	return tagsFormated, nil
+}
+
 func (s *topicServant) GetTagsByKeyword(keyword string) ([]*core.Tag, error) {
 	tag := &dbr.Tag{}
 
diff --git a/internal/model/web/loose.go b/internal/model/web/loose.go
index e505e35b..aa6c08a3 100644
--- a/internal/model/web/loose.go
+++ b/internal/model/web/loose.go
@@ -9,6 +9,15 @@ import (
 	"github.com/rocboss/paopao-ce/internal/servants/base"
 )
 
+const (
+	TagTypeHot       TagType = "hot"
+	TagTypeNew       TagType = "new"
+	TagTypeFollow    TagType = "follow"
+	TagTypeHotExtral TagType = "hot_extral"
+)
+
+type TagType string
+
 type TimelineReq struct {
 	BaseInfo   `form:"-"  binding:"-"`
 	Query      string              `form:"query"`
@@ -44,6 +53,20 @@ type GetUserProfileResp struct {
 	IsFriend bool   `json:"is_friend"`
 }
 
+type TopicListReq struct {
+	BaseInfo `form:"-"  binding:"-"`
+	Type     TagType `json:"type" form:"type" binding:"required"`
+	UserId   int     `json:"uid" form:"uid"`
+	Num      int     `json:"num" form:"num" binding:"required"`
+}
+
+// TopicListResp 主题返回值
+// TODO: 优化内容定义
+type TopicListResp struct {
+	Topics       []*core.TagFormated `json:"topics"`
+	ExtralTopics []*core.TagFormated `json:"extral_topics,omitempty"`
+}
+
 func (r *GetUserTweetsReq) SetPageInfo(page int, pageSize int) {
 	r.Page, r.PageSize = page, pageSize
 }
diff --git a/internal/model/web/pub.go b/internal/model/web/pub.go
index a5634549..e8550984 100644
--- a/internal/model/web/pub.go
+++ b/internal/model/web/pub.go
@@ -10,13 +10,6 @@ import (
 	"github.com/rocboss/paopao-ce/pkg/version"
 )
 
-const (
-	TagTypeHot TagType = "hot"
-	TagTypeNew TagType = "new"
-)
-
-type TagType string
-
 type TweetDetailReq struct {
 	TweetId int64 `form:"id"`
 }
@@ -32,17 +25,6 @@ type TweetCommentsReq struct {
 
 type TweetCommentsResp base.PageResp
 
-type TopicListReq struct {
-	Type TagType `json:"type" form:"type" binding:"required"`
-	Num  int     `json:"num" form:"num" binding:"required"`
-}
-
-// TopicListResp 主题返回值
-// TODO: 优化内容定义
-type TopicListResp struct {
-	Topics []*core.TagFormated `json:"topics"`
-}
-
 type GetCaptchaResp struct {
 	Id      string `json:"id"`
 	Content string `json:"b64s"`
diff --git a/internal/servants/web/loose.go b/internal/servants/web/loose.go
index a619fd26..5efa0444 100644
--- a/internal/servants/web/loose.go
+++ b/internal/servants/web/loose.go
@@ -8,6 +8,7 @@ import (
 	"github.com/alimy/mir/v3"
 	"github.com/gin-gonic/gin"
 	api "github.com/rocboss/paopao-ce/auto/api/v1"
+	"github.com/rocboss/paopao-ce/internal/conf"
 	"github.com/rocboss/paopao-ce/internal/core"
 	"github.com/rocboss/paopao-ce/internal/model/web"
 	"github.com/rocboss/paopao-ce/internal/servants/base"
@@ -149,6 +150,40 @@ func (s *looseSrv) GetUserProfile(req *web.GetUserProfileReq) (*web.GetUserProfi
 	}, nil
 }
 
+func (s *looseSrv) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Error) {
+	var (
+		tags, extralTags []*core.TagFormated
+		err              error
+	)
+	num := req.Num
+	if num > conf.AppSetting.MaxPageSize {
+		num = conf.AppSetting.MaxPageSize
+	}
+	switch req.Type {
+	case web.TagTypeHot:
+		tags, err = s.Ds.GetHotTags(num, 0)
+	case web.TagTypeNew:
+		tags, err = s.Ds.GetNewestTags(num, 0)
+	case web.TagTypeFollow:
+		tags, err = s.Ds.GetFollowTags(num, 0)
+	case web.TagTypeHotExtral:
+		tags, err = s.Ds.GetHotTags(num, 0)
+		if err == nil {
+			extralTags, err = s.Ds.GetFollowTags(num, 0)
+		}
+	default:
+		// TODO: return good error
+		err = _errGetPostTagsFailed
+	}
+	if err != nil {
+		return nil, _errGetPostTagsFailed
+	}
+	return &web.TopicListResp{
+		Topics:       tags,
+		ExtralTopics: extralTags,
+	}, nil
+}
+
 func newLooseSrv(s *base.DaoServant) api.Loose {
 	return &looseSrv{
 		DaoServant: s,
diff --git a/internal/servants/web/pub.go b/internal/servants/web/pub.go
index 3fa68f10..113a9ffb 100644
--- a/internal/servants/web/pub.go
+++ b/internal/servants/web/pub.go
@@ -18,7 +18,6 @@ import (
 	"github.com/gin-gonic/gin"
 	"github.com/gofrs/uuid"
 	api "github.com/rocboss/paopao-ce/auto/api/v1"
-	"github.com/rocboss/paopao-ce/internal/conf"
 	"github.com/rocboss/paopao-ce/internal/core"
 	"github.com/rocboss/paopao-ce/internal/model/web"
 	"github.com/rocboss/paopao-ce/internal/servants/base"
@@ -66,50 +65,6 @@ func (b *pubBinding) BindTweetComments(c *gin.Context) (*web.TweetCommentsReq, m
 	}, nil
 }
 
-func (s *pubSrv) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Error) {
-	// tags, err := broker.GetPostTags(&param)
-	num := req.Num
-	if num > conf.AppSetting.MaxPageSize {
-		num = conf.AppSetting.MaxPageSize
-	}
-
-	conditions := &core.ConditionsT{}
-	if req.Type == web.TagTypeHot {
-		// 热门标签
-		conditions = &core.ConditionsT{
-			"ORDER": "quote_num DESC",
-		}
-	} else if req.Type == web.TagTypeNew {
-		// 热门标签
-		conditions = &core.ConditionsT{
-			"ORDER": "id DESC",
-		}
-	}
-	tags, err := s.Ds.GetTags(conditions, 0, num)
-	if err != nil {
-		return nil, _errGetPostTagsFailed
-	}
-	// 获取创建者User IDs
-	userIds := []int64{}
-	for _, tag := range tags {
-		userIds = append(userIds, tag.UserID)
-	}
-	users, _ := s.Ds.GetUsersByIDs(userIds)
-	tagsFormated := []*core.TagFormated{}
-	for _, tag := range tags {
-		tagFormated := tag.Format()
-		for _, user := range users {
-			if user.ID == tagFormated.UserID {
-				tagFormated.User = user.Format()
-			}
-		}
-		tagsFormated = append(tagsFormated, tagFormated)
-	}
-	return &web.TopicListResp{
-		Topics: tagsFormated,
-	}, nil
-}
-
 func (s *pubSrv) TweetComments(req *web.TweetCommentsReq) (*web.TweetCommentsResp, mir.Error) {
 	sort := "id ASC"
 	if req.SortStrategy == "newest" {
diff --git a/mirc/web/v1/loose.go b/mirc/web/v1/loose.go
index 977ca649..4fb9ecdf 100644
--- a/mirc/web/v1/loose.go
+++ b/mirc/web/v1/loose.go
@@ -23,4 +23,7 @@ type Loose struct {
 
 	// GetUserProfile 获取用户基本信息
 	GetUserProfile func(Get, web.GetUserProfileReq) web.GetUserProfileResp `mir:"/user/profile"`
+
+	// TopicList 获取话题列表
+	TopicList func(Get, web.TopicListReq) web.TopicListResp `mir:"/tags"`
 }
diff --git a/mirc/web/v1/pub.go b/mirc/web/v1/pub.go
index aadc5e48..33c1544a 100644
--- a/mirc/web/v1/pub.go
+++ b/mirc/web/v1/pub.go
@@ -34,7 +34,4 @@ type Pub struct {
 
 	// TweetComments 获取动态评论
 	TweetComments func(Get, web.TweetCommentsReq) web.TweetCommentsResp `mir:"/post/comments"`
-
-	// TopicList 获取话题列表
-	TopicList func(Get, web.TopicListReq) web.TopicListResp `mir:"/tags"`
 }
diff --git a/web/src/components/rightbar.vue b/web/src/components/rightbar.vue
index 2e66b119..4fbd2537 100644
--- a/web/src/components/rightbar.vue
+++ b/web/src/components/rightbar.vue
@@ -13,9 +13,31 @@
                 </template>
             </n-input>
         </div>
+        <n-card v-if="store.state.userLogined" class="hottopic-wrap" title="关注话题" embedded :bordered="false" size="small">
+            <n-spin :show="loading">
+                <div class="hot-tag-item" v-for="tag in followTags" :key="tag.id">
+                    <router-link
+                        class="hash-link"
+                        :to="{
+                            name: 'home',
+                            query: {
+                                q: tag.tag,
+                                t: 'tag',
+                            },
+                        }"
+                    >
+                        #{{ tag.tag }}
+                    </router-link>
+
+                    <div class="post-num">
+                        {{ formatQuoteNum(tag.quote_num) }}
+                    </div>
+                </div>
+            </n-spin>
+        </n-card>
         <n-card class="hottopic-wrap" title="热门话题" embedded :bordered="false" size="small">
             <n-spin :show="loading">
-                <div class="hot-tag-item" v-for="tag in tags" :key="tag.id">
+                <div class="hot-tag-item" v-for="tag in hotTags" :key="tag.id">
                     <router-link
                         class="hash-link"
                         :to="{
@@ -66,7 +88,8 @@ import { useRouter } from 'vue-router';
 import { getTags } from '@/api/post';
 import { Search } from '@vicons/ionicons5';
 
-const tags = ref<Item.TagProps[]>([]);
+const hotTags = ref<Item.TagProps[]>([]);
+const followTags = ref<Item.TagProps[]>([]);
 const loading = ref(false);
 const keyword = ref('');
 const store = useStore();
@@ -77,14 +100,15 @@ const copyrightLeftLink = import.meta.env.VITE_COPYRIGHT_LEFT_LINK
 const copyrightRight = import.meta.env.VITE_COPYRIGHT_RIGHT
 const copyrightRightLink = import.meta.env.VITE_COPYRIGHT_RIGHT_LINK
 
-const loadTags = () => {
+const loadHotTags = () => {
     loading.value = true;
     getTags({
-        type: 'hot',
+        type: 'hot_extral',
         num: 12,
     })
         .then((res) => {
-            tags.value = res.topics;
+            hotTags.value = res.topics;
+            followTags.value = res.extral_topics;
             loading.value = false;
         })
         .catch((err) => {
@@ -107,7 +131,7 @@ const handleSearch = () => {
     });
 };
 onMounted(() => {
-    loadTags();
+    loadHotTags();
 });
 </script>
 
@@ -143,9 +167,11 @@ onMounted(() => {
         }
     }
 
-    .copyright-wrap {
-        margin-top: 10px;
+    .hottopic-wrap {
+        margin-bottom: 10px;
+    }
 
+    .copyright-wrap {
         .copyright {
             font-size: 12px;
             opacity: 0.75;
diff --git a/web/src/components/sidebar.vue b/web/src/components/sidebar.vue
index de198042..9f624952 100644
--- a/web/src/components/sidebar.vue
+++ b/web/src/components/sidebar.vue
@@ -239,7 +239,6 @@ const goHome = () => {
     if (route.path === '/') {
         store.commit('refresh');
     }
-
     goRouter('home');
 };
 const triggerAuth = (key: string) => {
@@ -248,6 +247,7 @@ const triggerAuth = (key: string) => {
 };
 const handleLogout = () => {
     store.commit('userLogout');
+    goHome()
 };
 window.$store = store;
 window.$message = useMessage();
diff --git a/web/src/components/tag-item.vue b/web/src/components/tag-item.vue
new file mode 100644
index 00000000..5e005191
--- /dev/null
+++ b/web/src/components/tag-item.vue
@@ -0,0 +1,133 @@
+<template>
+    <div class="tag-item">
+        <n-thing>
+            <template #header>
+                <n-tag
+                        type="success"
+                        size="large"
+                        round
+                        :key="tag.id"
+                    >
+                        <router-link
+                            class="hash-link"
+                            :to="{
+                                name: 'home',
+                                query: {
+                                    q: tag.tag,
+                                    t: 'tag',
+                                },
+                            }"
+                        >
+                            #{{ tag.tag }}
+                        </router-link>
+                        <span v-if="!showAction" class="tag-quote">({{ tag.quote_num }})</span>
+                        <span v-if="showAction" class="tag-quote tag-follow">({{ tag.quote_num }})</span>
+                        <template #avatar>
+                            <n-avatar :src="tag.user.avatar" />
+                        </template>
+                    </n-tag>
+            </template>
+            <template #header-extra>
+                <div 
+                    v-if="showAction" 
+                    class="options">
+                    <n-dropdown
+                        placement="bottom-end"
+                        trigger="click"
+                        size="small"
+                        :options="tagOptions"
+                        @select="handleTagAction"
+                    >
+                        <n-button type="success" quaternary circle block>
+                            <template #icon>
+                                <n-icon>
+                                    <more-vert-outlined />
+                                </n-icon>
+                            </template>
+                        </n-button>
+                    </n-dropdown>
+                </div>
+            </template>
+        </n-thing>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed } from 'vue';
+import { MoreVertOutlined } from '@vicons/material';
+import type { DropdownOption } from 'naive-ui';
+
+const hasFollowing= ref(false);
+const props = withDefaults(
+    defineProps<{
+        tag: Item.TagProps;
+        showAction: boolean;
+    }>(),
+    {}
+);
+
+const tagOptions = computed(() => {
+    let options: DropdownOption[] = [];
+    if (props.tag.is_following == 0) {
+        options.push({
+            label: '关注',
+            key: 'follow',
+        });
+    } else {
+        options.push({
+            label: '取消关注',
+            key: 'unfollow',
+        });
+    }
+    return options;
+});
+
+const handleTagAction = (
+    item: 'follow' | 'unfollow'
+) => {
+    switch (item) {
+        case 'follow':
+            window.$message.success(`关注话题 - ${props.tag.tag}`);
+            break;
+        case 'unfollow':
+            window.$message.success(`取消关注话题 - ${props.tag.tag}`);
+            break;
+        default:
+            break;
+    }
+};
+const execFollowAction = () => {
+    // TODO
+    window.$message.success('修改follow/unfllow');
+};
+
+onMounted(() => {
+    hasFollowing.value = false
+});
+</script>
+
+<style lang="less">
+.tag-item {
+    .tag-quote {
+        margin-left: 12px;
+        font-size: 14px;
+        opacity: 0.75;
+    }
+    .tag-follow {
+        margin-right: 22px;
+    }
+    .options {
+        margin-left: -32px;
+        margin-bottom: 4px;
+        opacity: 0.55;
+    }
+    .n-thing {
+        .n-thing-header {
+            margin-bottom: 0px;
+        }
+        .n-thing-avatar-header-wrapper {
+            align-items: center;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/web/src/store/index.ts b/web/src/store/index.ts
index f0268f9c..60195adc 100644
--- a/web/src/store/index.ts
+++ b/web/src/store/index.ts
@@ -11,6 +11,7 @@ export default createStore({
     desktopModelShow: document.body.clientWidth > 821,
     authModalShow: false,
     authModelTab: "signin",
+    userLogined: false,
     userInfo: {
       id: 0,
       username: "",
@@ -40,10 +41,14 @@ export default createStore({
     },
     updateUserinfo(state, data) {
       state.userInfo = data;
+      if (state.userInfo.id > 0) {
+        state.userLogined = true;
+      }
     },
     userLogout(state) {
       localStorage.removeItem("PAOPAO_TOKEN");
       state.userInfo = { id: 0, nickname: "", username: "" };
+      state.userLogined = false;
     },
   },
   actions: {},
diff --git a/web/src/types/Item.d.ts b/web/src/types/Item.d.ts
index 2228e1a1..dde29899 100644
--- a/web/src/types/Item.d.ts
+++ b/web/src/types/Item.d.ts
@@ -290,6 +290,8 @@ declare module Item {
     modified_on?: number;
     /** 删除时间 */
     deleted_on?: number;
+    /** 是否关注：0为未关注，1为已关注 */
+    is_following?: 0 | 1;
     /** 是否删除：0为未删除，1为已删除 */
     is_del?: 0 | 1;
   }
diff --git a/web/src/types/NetParams.d.ts b/web/src/types/NetParams.d.ts
index 95e23e54..017f95ec 100644
--- a/web/src/types/NetParams.d.ts
+++ b/web/src/types/NetParams.d.ts
@@ -165,7 +165,7 @@ declare module NetParams {
   }
 
   interface PostGetTags {
-    type: "hot" | "new";
+    type: "hot" | "new" | "follow" | "hot_extral";
     num: number;
   }
 
diff --git a/web/src/types/NetReq.d.ts b/web/src/types/NetReq.d.ts
index b317c587..1e7def92 100644
--- a/web/src/types/NetReq.d.ts
+++ b/web/src/types/NetReq.d.ts
@@ -1,197 +1,172 @@
 declare module NetReq {
+  interface AuthUserLogin {
+    token: string;
+  }
 
-    interface AuthUserLogin {
-        token: string
-    }
+  interface AuthUserRegister {
+    /** 用户UID */
+    id: number;
+    /** 用户名 */
+    username: string;
+  }
 
-    interface AuthUserRegister {
-        /** 用户UID */
-        id: number,
-        /** 用户名 */
-        username: string
-    }
+  type AuthUserInfo = Item.UserInfo;
 
-    type AuthUserInfo = Item.UserInfo
+  interface AuthUpdateUserPassword {}
 
-    interface AuthUpdateUserPassword {
+  interface UserGetCollections {
+    /** 帖子列表 */
+    list: Item.PostProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 
-    }
+  interface UserGetSuggestUsers {
+    suggest: string[];
+  }
 
-    interface UserGetCollections {
-        /** 帖子列表 */
-        list: Item.PostProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface UserGetSuggestTags {
+    suggest: string[];
+  }
 
-    interface UserGetSuggestUsers {
-        suggest: string[]
-    }
+  interface UserPrecheckAttachment {
+    paid: number;
+  }
 
-    interface UserGetSuggestTags {
-        suggest: string[]
-    }
+  interface UserGetAttachment {
+    signed_url: string;
+  }
 
-    interface UserPrecheckAttachment {
-        paid: number
-    }
+  interface UserGetUnreadMsgCount {
+    count: number;
+  }
 
-    interface UserGetAttachment {
-        signed_url: string
-    } 
+  interface UserGetMessages {
+    /** 消息列表 */
+    list: Item.MessageProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
+
+  interface UserGetUserPosts {
+    /** 帖子列表 */
+    list: Item.PostProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 
-    interface UserGetUnreadMsgCount {
-        count: number
-    }
+  type UserGetUserProfile = Item.UserInfo;
 
-    interface UserGetMessages {
-        /** 消息列表 */
-        list: Item.MessageProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface UserGetBills {
+    list: Item.BillProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 
-    interface UserGetUserPosts {
-        /** 帖子列表 */
-        list: Item.PostProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface UserReqRecharge {
+    id: number;
+    pay: string;
+  }
 
-    type UserGetUserProfile = Item.UserInfo
+  interface UserGetRecharge {
+    status: string;
+  }
 
-    interface UserGetBills {
-        list: Item.BillProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface UserBindUserPhone {}
 
-    interface UserReqRecharge {
-        id: number,
-        pay: string
-    }
+  interface UserGetCaptcha {
+    id: string;
+    /** 头像图片 base64 */
+    b64s: string;
+  }
 
-    interface UserGetRecharge {
-        status: string
-    }
+  interface UserChangeNickname {}
 
-    interface UserBindUserPhone {
+  interface UserChangePassword {}
 
-    }
+  interface UserChangeStatus {}
 
-    interface UserGetCaptcha {
-        id: string,
-        /** 头像图片 base64 */
-        b64s: string
-    }
+  interface AddFriend {}
 
-    interface UserChangeNickname {
+  interface DeleteFriend {}
 
-    }
+  interface GetContacts {
+    contacts: Item.ContactsItemProps;
+    total: number;
+  }
 
-    interface UserChangePassword {
+  interface RejectFriend {}
 
-    }
+  interface RequestingFriend {}
 
-    interface UserChangeStatus {
+  type PostGetPost = Item.PostProps;
 
-    }
+  interface PostGetPosts {
+    /** 帖子列表 */
+    list: Item.PostProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 
-    interface AddFriend {
+  interface PostLockPost {
+    /** 锁定状态：0为未锁定，1为锁定 */
+    lock_status: 0 | 1;
+  }
 
-    }
+  interface PostStickPost {
+    /** 置顶状态：0为未置顶，1为置顶 */
+    top_status: 0 | 1;
+  }
 
-    interface DeleteFriend {
+  interface PostVisibilityPost {
+    /** 可见性：0为公开，1为私密，2为好友可见 */
+    visibility_status: import("@/utils/IEnum").VisibilityEnum;
+  }
 
-    }
+  interface PostGetPostStar {
+    status: boolean;
+  }
 
-    interface GetContacts {
-        contacts: Item.ContactsItemProps,
-        total: number
-    }
+  interface PostPostStar {
+    status: boolean;
+  }
 
-    interface RejectFriend {
+  interface PostGetPostCollection {
+    status: boolean;
+  }
 
-    }
+  interface PostPostCollection {
+    status: boolean;
+  }
 
-    interface RequestingFriend {
+  interface PostGetTags {
+    topics: Item.TagProps[];
+    extral_topics: Item.TagProps[];
+  }
 
-    }
+  interface PostGetPostComments {
+    /** 评论列表 */
+    list: Item.CommentProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 
-    type PostGetPost = Item.PostProps
+  type PostCreatePost = Item.PostProps;
 
-    interface PostGetPosts {
-        /** 帖子列表 */
-        list: Item.PostProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface PostDeletePost {}
 
-    interface PostLockPost {
-        /** 锁定状态：0为未锁定，1为锁定 */
-        lock_status: 0 | 1
-    }
+  type PostCreateComment = Item.CommentProps;
 
-    interface PostStickPost {
-        /** 置顶状态：0为未置顶，1为置顶 */
-        top_status: 0 | 1
-    }
+  interface PostDeleteComment {}
 
-    interface PostVisibilityPost {
-        /** 可见性：0为公开，1为私密，2为好友可见 */
-        visibility_status: import('@/utils/IEnum').VisibilityEnum
-    }
+  type PostCreateCommentReply = Item.ReplyProps;
 
-    interface PostGetPostStar {
-        status: boolean
-    }
-
-    interface PostPostStar {
-        status: boolean
-    }
-
-    interface PostGetPostCollection {
-        status: boolean
-    }
-
-    interface PostPostCollection {
-        status: boolean
-    }
-
-    interface PostGetTags {
-        topics: Item.TagProps[]
-    }
-
-    interface PostGetPostComments {
-        /** 评论列表 */
-        list: Item.CommentProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
-
-    type PostCreatePost = Item.PostProps
-
-    interface PostDeletePost {
-
-    }
-
-    type PostCreateComment = Item.CommentProps
-
-    interface PostDeleteComment {
-
-    }
-
-    type PostCreateCommentReply = Item.ReplyProps
-
-    interface PostDeleteCommentReply {
-
-    }
-
-    interface GetContacts {
-        /** 评论列表 */
-        list: Item.ContactItemProps[],
-        /** 页码信息 */
-        pager: Item.PagerProps
-    }
+  interface PostDeleteCommentReply {}
 
+  interface GetContacts {
+    /** 评论列表 */
+    list: Item.ContactItemProps[];
+    /** 页码信息 */
+    pager: Item.PagerProps;
+  }
 }
diff --git a/web/src/views/Topic.vue b/web/src/views/Topic.vue
index 9da25620..35d60b75 100644
--- a/web/src/views/Topic.vue
+++ b/web/src/views/Topic.vue
@@ -6,33 +6,17 @@
             <n-tabs type="line" animated @update:value="changeTab">
                 <n-tab-pane name="hot" tab="热门" />
                 <n-tab-pane name="new" tab="最新" />
+                <n-tab-pane v-if="store.state.userLogined"
+                name="follow" tab="关注" />
             </n-tabs>
             <n-spin :show="loading">
                 <n-space>
-                    <n-tag
-                        class="tag-item"
-                        type="success"
-                        round
+                    <tag-item
                         v-for="tag in tags"
-                        :key="tag.id"
+                        :tag="tag"
+                        :showAction="store.state.userLogined"
                     >
-                        <router-link
-                            class="hash-link"
-                            :to="{
-                                name: 'home',
-                                query: {
-                                    q: tag.tag,
-                                    t: 'tag',
-                                },
-                            }"
-                        >
-                            #{{ tag.tag }}
-                        </router-link>
-                        <span class="tag-hot">({{ tag.quote_num }})</span>
-                        <template #avatar>
-                            <n-avatar :src="tag.user.avatar" />
-                        </template>
-                    </n-tag>
+                    </tag-item>
                 </n-space>
             </n-spin>
         </n-list>
@@ -40,11 +24,13 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { ref, onMounted} from 'vue';
 import { getTags } from '@/api/post';
+import { useStore } from 'vuex';
 
+const store = useStore();
 const tags = ref<Item.TagProps[]>([]);
-const tagType = ref<"hot" | "new">('hot');
+const tagType = ref<"hot" | "new" | "follow">('hot');
 const loading = ref(false);
 
 const loadTags = () => {
@@ -61,8 +47,11 @@ const loadTags = () => {
             loading.value = false;
         });
 };
-const changeTab = (tab: "hot" | "new") => {
+const changeTab = (tab: "hot" | "new" | "follow") => {
     tagType.value = tab;
+    if (tab == "follow") {
+        tagType.value = "hot"
+    }
     loadTags();
 };
 onMounted(() => {
@@ -73,13 +62,6 @@ onMounted(() => {
 <style lang="less" scoped>
 .tags-wrap {
     padding: 20px;
-    .tag-item {
-        .tag-hot {
-            margin-left: 12px;
-            font-size: 12px;
-            opacity: 0.75;
-        }
-    }
 }
 .dark {
     .tags-wrap {

From 49a624b2c0ca7664ca995d32500fd4246bcc7e00 Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Wed, 19 Apr 2023 23:46:56 +0800
Subject: [PATCH 2/6] optimize topics ui and logic (65%)

---
 internal/dao/jinzhu/topics.go   |  2 +-
 internal/model/web/loose.go     |  9 +++++----
 internal/servants/web/loose.go  | 10 +++++-----
 web/src/components/rightbar.vue | 16 +++++++++++++---
 web/src/types/NetParams.d.ts    |  1 +
 web/src/types/NetReq.d.ts       |  2 +-
 6 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/internal/dao/jinzhu/topics.go b/internal/dao/jinzhu/topics.go
index 405afd96..48d408ee 100644
--- a/internal/dao/jinzhu/topics.go
+++ b/internal/dao/jinzhu/topics.go
@@ -23,7 +23,7 @@ type topicServant struct {
 
 func newTopicService(db *gorm.DB, ums core.UserManageService) core.TopicService {
 	return &topicServant{
-		db: db,
+		db:  db,
 		ums: ums,
 	}
 }
diff --git a/internal/model/web/loose.go b/internal/model/web/loose.go
index aa6c08a3..0cdf834d 100644
--- a/internal/model/web/loose.go
+++ b/internal/model/web/loose.go
@@ -54,10 +54,11 @@ type GetUserProfileResp struct {
 }
 
 type TopicListReq struct {
-	BaseInfo `form:"-"  binding:"-"`
-	Type     TagType `json:"type" form:"type" binding:"required"`
-	UserId   int     `json:"uid" form:"uid"`
-	Num      int     `json:"num" form:"num" binding:"required"`
+	BaseInfo  `form:"-"  binding:"-"`
+	Type      TagType `json:"type" form:"type" binding:"required"`
+	UserId    int     `json:"uid" form:"uid"`
+	Num       int     `json:"num" form:"num" binding:"required"`
+	ExtralNum int     `json:"extral_num" form:"extral_num"`
 }
 
 // TopicListResp 主题返回值
diff --git a/internal/servants/web/loose.go b/internal/servants/web/loose.go
index 5efa0444..611cc8a5 100644
--- a/internal/servants/web/loose.go
+++ b/internal/servants/web/loose.go
@@ -8,7 +8,6 @@ import (
 	"github.com/alimy/mir/v3"
 	"github.com/gin-gonic/gin"
 	api "github.com/rocboss/paopao-ce/auto/api/v1"
-	"github.com/rocboss/paopao-ce/internal/conf"
 	"github.com/rocboss/paopao-ce/internal/core"
 	"github.com/rocboss/paopao-ce/internal/model/web"
 	"github.com/rocboss/paopao-ce/internal/servants/base"
@@ -156,9 +155,6 @@ func (s *looseSrv) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Err
 		err              error
 	)
 	num := req.Num
-	if num > conf.AppSetting.MaxPageSize {
-		num = conf.AppSetting.MaxPageSize
-	}
 	switch req.Type {
 	case web.TagTypeHot:
 		tags, err = s.Ds.GetHotTags(num, 0)
@@ -167,9 +163,13 @@ func (s *looseSrv) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Err
 	case web.TagTypeFollow:
 		tags, err = s.Ds.GetFollowTags(num, 0)
 	case web.TagTypeHotExtral:
+		extralNum := req.ExtralNum
+		if extralNum == 0 {
+			extralNum = num
+		}
 		tags, err = s.Ds.GetHotTags(num, 0)
 		if err == nil {
-			extralTags, err = s.Ds.GetFollowTags(num, 0)
+			extralTags, err = s.Ds.GetFollowTags(extralNum, 0)
 		}
 	default:
 		// TODO: return good error
diff --git a/web/src/components/rightbar.vue b/web/src/components/rightbar.vue
index 4fbd2537..705edc4c 100644
--- a/web/src/components/rightbar.vue
+++ b/web/src/components/rightbar.vue
@@ -13,7 +13,7 @@
                 </template>
             </n-input>
         </div>
-        <n-card v-if="store.state.userLogined" class="hottopic-wrap" title="关注话题" embedded :bordered="false" size="small">
+        <n-card v-if="showFollowTopics" class="hottopic-wrap" title="关注话题" embedded :bordered="false" size="small">
             <n-spin :show="loading">
                 <div class="hot-tag-item" v-for="tag in followTags" :key="tag.id">
                     <router-link
@@ -82,7 +82,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { getTags } from '@/api/post';
@@ -105,10 +105,12 @@ const loadHotTags = () => {
     getTags({
         type: 'hot_extral',
         num: 12,
+        extral_num: 8,
     })
         .then((res) => {
             hotTags.value = res.topics;
-            followTags.value = res.extral_topics;
+            followTags.value = res.extral_topics??[];
+            showFollowTopics.value = true
             loading.value = false;
         })
         .catch((err) => {
@@ -130,6 +132,14 @@ const handleSearch = () => {
         },
     });
 };
+const showFollowTopics = computed({  
+    get: () => {     
+        return store.state.userLogined && followTags.value.length !==0;
+    },
+    set: (newVal) => {
+        // do nothing
+    },
+});
 onMounted(() => {
     loadHotTags();
 });
diff --git a/web/src/types/NetParams.d.ts b/web/src/types/NetParams.d.ts
index 017f95ec..d53d915d 100644
--- a/web/src/types/NetParams.d.ts
+++ b/web/src/types/NetParams.d.ts
@@ -167,6 +167,7 @@ declare module NetParams {
   interface PostGetTags {
     type: "hot" | "new" | "follow" | "hot_extral";
     num: number;
+    extral_num?: number;
   }
 
   interface PostGetPostComments {
diff --git a/web/src/types/NetReq.d.ts b/web/src/types/NetReq.d.ts
index 1e7def92..acb210f4 100644
--- a/web/src/types/NetReq.d.ts
+++ b/web/src/types/NetReq.d.ts
@@ -141,7 +141,7 @@ declare module NetReq {
 
   interface PostGetTags {
     topics: Item.TagProps[];
-    extral_topics: Item.TagProps[];
+    extral_topics?: Item.TagProps[];
   }
 
   interface PostGetPostComments {

From 7e85a9a5a1fd36226b1c33551f133843e158ca8d Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Thu, 20 Apr 2023 02:22:20 +0800
Subject: [PATCH 3/6] optimize topics ui and logic (70%)

---
 internal/dao/jinzhu/dbr/tag.go  |  4 +++-
 web/src/components/tag-item.vue | 29 +++++++++++++++++++++++++----
 web/src/types/Item.d.ts         |  2 ++
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/internal/dao/jinzhu/dbr/tag.go b/internal/dao/jinzhu/dbr/tag.go
index 8566d812..b794121e 100644
--- a/internal/dao/jinzhu/dbr/tag.go
+++ b/internal/dao/jinzhu/dbr/tag.go
@@ -23,6 +23,7 @@ type TagFormated struct {
 	Tag         string        `json:"tag"`
 	QuoteNum    int64         `json:"quote_num"`
 	IsFollowing int8          `json:"is_following"`
+	IsTop       int8          `json:"is_top"`
 }
 
 func (t *Tag) Format() *TagFormated {
@@ -36,7 +37,8 @@ func (t *Tag) Format() *TagFormated {
 		User:        &UserFormated{},
 		Tag:         t.Tag,
 		QuoteNum:    t.QuoteNum,
-		IsFollowing: 0,
+		IsFollowing: 1,
+		IsTop:       0,
 	}
 }
 
diff --git a/web/src/components/tag-item.vue b/web/src/components/tag-item.vue
index 5e005191..51d90b56 100644
--- a/web/src/components/tag-item.vue
+++ b/web/src/components/tag-item.vue
@@ -68,12 +68,23 @@ const props = withDefaults(
 
 const tagOptions = computed(() => {
     let options: DropdownOption[] = [];
-    if (props.tag.is_following == 0) {
+    if (props.tag.is_following === 0) {
         options.push({
             label: '关注',
             key: 'follow',
         });
     } else {
+        if (props.tag.is_top === 0) {
+            options.push({
+                label: '置顶',
+                key: 'stick',
+            });
+        } else {
+            options.push({
+                label: '取消置顶',
+                key: 'unstick',
+            });
+        }
         options.push({
             label: '取消关注',
             key: 'unfollow',
@@ -83,14 +94,24 @@ const tagOptions = computed(() => {
 });
 
 const handleTagAction = (
-    item: 'follow' | 'unfollow'
+    item: 'follow' | 'unfollow' | 'stick' | 'unstick'
 ) => {
     switch (item) {
         case 'follow':
-            window.$message.success(`关注话题 - ${props.tag.tag}`);
+            // TODO
+            window.$message.success(`关注成功`);
             break;
         case 'unfollow':
-            window.$message.success(`取消关注话题 - ${props.tag.tag}`);
+            // TODO
+            window.$message.success(`取消关注`);
+            break;
+        case 'stick':
+            // TODO
+            window.$message.success(`置顶成功`);
+            break;
+        case 'unstick':
+            // TODO
+            window.$message.success(`取消置顶`);
             break;
         default:
             break;
diff --git a/web/src/types/Item.d.ts b/web/src/types/Item.d.ts
index dde29899..cc436646 100644
--- a/web/src/types/Item.d.ts
+++ b/web/src/types/Item.d.ts
@@ -292,6 +292,8 @@ declare module Item {
     deleted_on?: number;
     /** 是否关注：0为未关注，1为已关注 */
     is_following?: 0 | 1;
+    /** 是否置顶：0为未置顶，1为已置顶 */
+    is_top?: 0 | 1;
     /** 是否删除：0为未删除，1为已删除 */
     is_del?: 0 | 1;
   }

From f4d64c0774f9c0c40b89667da8b36fdff37a4775 Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Thu, 20 Apr 2023 03:45:56 +0800
Subject: [PATCH 4/6] optimize topics ui and logic (75%)

---
 web/src/views/Post.vue  | 32 +++++++++++---------------------
 web/src/views/Topic.vue | 22 ++++++++++++++++++++--
 2 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/web/src/views/Post.vue b/web/src/views/Post.vue
index 84d35d74..441e7ff8 100644
--- a/web/src/views/Post.vue
+++ b/web/src/views/Post.vue
@@ -14,17 +14,13 @@
                 </n-spin>
             </n-list-item>
             <div class="comment-opts-wrap" v-if="post.id > 0">
-            <n-space justify="space-between">
-                <div class="comment-title-item">
-                    <span comment-title-item>评论</span>
-                </div>
-                <div class="comment-opt-item ">
-                    <n-tabs type="bar" size="small" animated @update:value="commentTab">
-                        <n-tab-pane name="default" tab="默认" />
-                        <n-tab-pane name="newest" tab="最新" />
-                    </n-tabs>
-                </div>
-            </n-space>
+                <n-tabs type="bar" justify-content="end" size="small" animated @update:value="commentTab">
+                    <template #prefix>
+                        <span class="comment-title-item">评论</span>
+                    </template>
+                    <n-tab-pane name="default" tab="默认" />
+                    <n-tab-pane name="newest" tab="最新" />
+                </n-tabs>
             </div>
             <n-list-item v-if="post.id > 0">
                 <compose-comment
@@ -131,18 +127,12 @@ watch(postId, () => {
 .detail-wrap {
     min-height: 100px;
 }
-
 .comment-opts-wrap {
-    margin-top: 6px;
-    .comment-opt-item {
-        display: flex;
-        padding-left: 16px;
-        padding-right: 16px;
-        align-items: center;
-        opacity: 0.75;
-    }
+    padding-top: 6px;
+    padding-left: 16px;
+    padding-right: 16px;
+    opacity: 0.75;
     .comment-title-item {
-        padding-left: 16px;
         padding-top: 4px;
         font-size: 16px;
         text-align: center;
diff --git a/web/src/views/Topic.vue b/web/src/views/Topic.vue
index 35d60b75..9d6f9ee0 100644
--- a/web/src/views/Topic.vue
+++ b/web/src/views/Topic.vue
@@ -8,13 +8,18 @@
                 <n-tab-pane name="new" tab="最新" />
                 <n-tab-pane v-if="store.state.userLogined"
                 name="follow" tab="关注" />
+                <template v-if="store.state.userLogined" #suffix>
+                    <n-tag v-model:checked="tagsChecked" checkable>
+                        {{tagsEditText}}
+                    </n-tag>
+                </template>
             </n-tabs>
             <n-spin :show="loading">
                 <n-space>
                     <tag-item
                         v-for="tag in tags"
                         :tag="tag"
-                        :showAction="store.state.userLogined"
+                        :showAction="store.state.userLogined && tagsChecked"
                     >
                     </tag-item>
                 </n-space>
@@ -24,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted} from 'vue';
+import { ref, onMounted, computed} from 'vue';
 import { getTags } from '@/api/post';
 import { useStore } from 'vuex';
 
@@ -32,7 +37,20 @@ const store = useStore();
 const tags = ref<Item.TagProps[]>([]);
 const tagType = ref<"hot" | "new" | "follow">('hot');
 const loading = ref(false);
+const tagsChecked = ref(false)
 
+const tagsEditText = computed({  
+    get: () => {  
+        let text = "编辑";
+        if (tagsChecked.value) {
+            text = "保存";
+        }
+        return text;
+    },
+    set: (newVal) => {
+        // do nothing
+    },
+});
 const loadTags = () => {
     loading.value = true;
     getTags({

From c73fad0df8392bd83fb81faf3e3a239b1ed1e1f4 Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Thu, 20 Apr 2023 03:50:01 +0800
Subject: [PATCH 5/6] ajust post detail page's comment title opacity value

---
 web/src/views/Post.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/web/src/views/Post.vue b/web/src/views/Post.vue
index 441e7ff8..42facd79 100644
--- a/web/src/views/Post.vue
+++ b/web/src/views/Post.vue
@@ -136,7 +136,6 @@ watch(postId, () => {
         padding-top: 4px;
         font-size: 16px;
         text-align: center;
-        opacity: 0.75;
     }
 }
 .dark {

From a70a987290c01992ce767e811b136656c76b0c2f Mon Sep 17 00:00:00 2001
From: Michael Li <alimy@gility.net>
Date: Thu, 20 Apr 2023 15:13:19 +0800
Subject: [PATCH 6/6] optimize topics ui and logic (100%)

---
 CHANGELOG.md                                  |   1 +
 auto/api/v1/priv.go                           |  97 ++++++
 internal/core/topics.go                       |   9 +-
 internal/dao/jinzhu/dbr/{tag.go => topic.go}  |  15 +-
 internal/dao/jinzhu/topics.go                 | 121 +++++++-
 internal/model/web/loose.go                   |   9 +-
 internal/model/web/priv.go                    |  19 ++
 internal/servants/web/loose.go                |  10 +-
 internal/servants/web/priv.go                 |  27 ++
 internal/servants/web/xerror.go               |   4 +
 mirc/web/v1/priv.go                           |   9 +
 .../mysql/0006_topic_follow.down.sql          |   1 +
 .../migration/mysql/0006_topic_follow.up.sql  |  17 ++
 .../postgres/0005_topic_follow.down.sql       |   1 +
 .../postgres/0005_topic_follow.up.sql         |  16 +
 .../sqlite3/0006_topic_follow.down.sql        |   1 +
 .../sqlite3/0006_topic_follow.up.sql          |  17 ++
 scripts/paopao-mysql.sql                      |  22 ++
 scripts/paopao-postgres.sql                   |  24 +-
 scripts/paopao-sqlite3.sql                    |  30 ++
 .../{404-ffb0e783.js => 404-74e48212.js}      |   2 +-
 ...vicons-fc06a0bb.js => @vicons-2f3cb6b9.js} |   2 +-
 ...nt-a1be6332.js => Anouncement-1028ef75.js} |   2 +-
 web/dist/assets/Collection-209a2041.js        |   1 +
 web/dist/assets/Collection-cbec4856.js        |   1 -
 web/dist/assets/Contacts-d49a42ff.js          |   1 +
 web/dist/assets/Contacts-f0348211.js          |   1 -
 .../{Home-3911c155.js => Home-adef1ded.js}    |   2 +-
 ...sages-4d43818f.js => Messages-b6f6d433.js} |   2 +-
 .../{Post-2deb7ac3.css => Post-03f1477b.css}  |   2 +-
 .../{Post-7f43efba.js => Post-ea11be7c.js}    |   2 +-
 ...rofile-2e9667f8.js => Profile-b16dccf8.js} |   2 +-
 ...etting-0e822006.js => Setting-6508bd8c.js} |   2 +-
 web/dist/assets/Topic-3a36c606.css            |   1 -
 web/dist/assets/Topic-7bd6ba6c.js             |   1 +
 web/dist/assets/Topic-8dbcebb5.css            |   1 +
 web/dist/assets/Topic-bda87938.js             |   1 -
 web/dist/assets/User-63f42059.js              |   1 +
 web/dist/assets/User-656cd0cb.js              |   1 -
 web/dist/assets/Wallet-5214dc90.js            |   1 -
 web/dist/assets/Wallet-94982dc4.js            |   1 +
 ...ontent-16569a30.js => content-0b348d1e.js} |   2 +-
 web/dist/assets/index-6c46cd46.css            |   1 +
 web/dist/assets/index-bea67790.css            |   1 -
 web/dist/assets/index-ce5b62d8.js             |   1 -
 web/dist/assets/index-f6017bc3.js             |   1 +
 ...e_vue_type_style_index_0_lang-5f0e81a4.js} |   2 +-
 ...e_vue_type_style_index_0_lang-c48fe5cf.js} |   2 +-
 ...-a5bf805a.js => post-skeleton-fdf95824.js} |   2 +-
 web/dist/index.html                           |   6 +-
 web/src/api/post.ts                           | 287 +++++++++++-------
 web/src/components/rightbar.vue               |  12 +-
 web/src/components/tag-item.vue               |  56 +++-
 web/src/store/index.ts                        |   4 +
 web/src/types/NetParams.d.ts                  |  12 +
 web/src/types/NetReq.d.ts                     |   9 +
 web/src/views/Topic.vue                       |  15 +-
 57 files changed, 713 insertions(+), 180 deletions(-)
 rename internal/dao/jinzhu/dbr/{tag.go => topic.go} (87%)
 create mode 100644 scripts/migration/mysql/0006_topic_follow.down.sql
 create mode 100644 scripts/migration/mysql/0006_topic_follow.up.sql
 create mode 100644 scripts/migration/postgres/0005_topic_follow.down.sql
 create mode 100644 scripts/migration/postgres/0005_topic_follow.up.sql
 create mode 100644 scripts/migration/sqlite3/0006_topic_follow.down.sql
 create mode 100644 scripts/migration/sqlite3/0006_topic_follow.up.sql
 rename web/dist/assets/{404-ffb0e783.js => 404-74e48212.js} (79%)
 rename web/dist/assets/{@vicons-fc06a0bb.js => @vicons-2f3cb6b9.js} (84%)
 rename web/dist/assets/{Anouncement-a1be6332.js => Anouncement-1028ef75.js} (88%)
 create mode 100644 web/dist/assets/Collection-209a2041.js
 delete mode 100644 web/dist/assets/Collection-cbec4856.js
 create mode 100644 web/dist/assets/Contacts-d49a42ff.js
 delete mode 100644 web/dist/assets/Contacts-f0348211.js
 rename web/dist/assets/{Home-3911c155.js => Home-adef1ded.js} (97%)
 rename web/dist/assets/{Messages-4d43818f.js => Messages-b6f6d433.js} (75%)
 rename web/dist/assets/{Post-2deb7ac3.css => Post-03f1477b.css} (90%)
 rename web/dist/assets/{Post-7f43efba.js => Post-ea11be7c.js} (59%)
 rename web/dist/assets/{Profile-2e9667f8.js => Profile-b16dccf8.js} (82%)
 rename web/dist/assets/{Setting-0e822006.js => Setting-6508bd8c.js} (81%)
 delete mode 100644 web/dist/assets/Topic-3a36c606.css
 create mode 100644 web/dist/assets/Topic-7bd6ba6c.js
 create mode 100644 web/dist/assets/Topic-8dbcebb5.css
 delete mode 100644 web/dist/assets/Topic-bda87938.js
 create mode 100644 web/dist/assets/User-63f42059.js
 delete mode 100644 web/dist/assets/User-656cd0cb.js
 delete mode 100644 web/dist/assets/Wallet-5214dc90.js
 create mode 100644 web/dist/assets/Wallet-94982dc4.js
 rename web/dist/assets/{content-16569a30.js => content-0b348d1e.js} (87%)
 create mode 100644 web/dist/assets/index-6c46cd46.css
 delete mode 100644 web/dist/assets/index-bea67790.css
 delete mode 100644 web/dist/assets/index-ce5b62d8.js
 create mode 100644 web/dist/assets/index-f6017bc3.js
 rename web/dist/assets/{main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js => main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js} (74%)
 rename web/dist/assets/{post-item.vue_vue_type_style_index_0_lang-02b1501b.js => post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js} (94%)
 rename web/dist/assets/{post-skeleton-a5bf805a.js => post-skeleton-fdf95824.js} (88%)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f181de6..2258e39d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -29,6 +29,7 @@ All notable changes to paopao-ce are documented in this file.
       Default: ["Base", "Postgres", "Zinc", "LocalOSS", "LoggerZinc", "BigCacheIndex", "Friendship", "Service", "Web:DisallowUserRegister"]
     ...
     ```
+- add topic follow feature support [#273](https://github.com/rocboss/paopao-ce/pull/273)   
 
 ### Fixed
 
diff --git a/auto/api/v1/priv.go b/auto/api/v1/priv.go
index b02ee0ea..77e1cdc0 100644
--- a/auto/api/v1/priv.go
+++ b/auto/api/v1/priv.go
@@ -16,6 +16,9 @@ type Priv interface {
 	// Chain provide handlers chain for gin
 	Chain() gin.HandlersChain
 
+	UnfollowTopic(*web.UnfollowTopicReq) mir.Error
+	FollowTopic(*web.FollowTopicReq) mir.Error
+	StickTopic(*web.StickTopicReq) (*web.StickTopicResp, mir.Error)
 	DeleteCommentReply(*web.DeleteCommentReplyReq) mir.Error
 	CreateCommentReply(*web.CreateCommentReplyReq) (*web.CreateCommentReplyResp, mir.Error)
 	DeleteComment(*web.DeleteCommentReq) mir.Error
@@ -35,6 +38,9 @@ type Priv interface {
 }
 
 type PrivBinding interface {
+	BindUnfollowTopic(*gin.Context) (*web.UnfollowTopicReq, mir.Error)
+	BindFollowTopic(*gin.Context) (*web.FollowTopicReq, mir.Error)
+	BindStickTopic(*gin.Context) (*web.StickTopicReq, mir.Error)
 	BindDeleteCommentReply(*gin.Context) (*web.DeleteCommentReplyReq, mir.Error)
 	BindCreateCommentReply(*gin.Context) (*web.CreateCommentReplyReq, mir.Error)
 	BindDeleteComment(*gin.Context) (*web.DeleteCommentReq, mir.Error)
@@ -54,6 +60,9 @@ type PrivBinding interface {
 }
 
 type PrivRender interface {
+	RenderUnfollowTopic(*gin.Context, mir.Error)
+	RenderFollowTopic(*gin.Context, mir.Error)
+	RenderStickTopic(*gin.Context, *web.StickTopicResp, mir.Error)
 	RenderDeleteCommentReply(*gin.Context, mir.Error)
 	RenderCreateCommentReply(*gin.Context, *web.CreateCommentReplyResp, mir.Error)
 	RenderDeleteComment(*gin.Context, mir.Error)
@@ -80,6 +89,52 @@ func RegisterPrivServant(e *gin.Engine, s Priv, b PrivBinding, r PrivRender) {
 	router.Use(middlewares...)
 
 	// register routes info to router
+	router.Handle("POST", "/topic/unfollow", func(c *gin.Context) {
+		select {
+		case <-c.Request.Context().Done():
+			return
+		default:
+		}
+
+		req, err := b.BindUnfollowTopic(c)
+		if err != nil {
+			r.RenderUnfollowTopic(c, err)
+			return
+		}
+		r.RenderUnfollowTopic(c, s.UnfollowTopic(req))
+	})
+
+	router.Handle("POST", "/topic/follow", func(c *gin.Context) {
+		select {
+		case <-c.Request.Context().Done():
+			return
+		default:
+		}
+
+		req, err := b.BindFollowTopic(c)
+		if err != nil {
+			r.RenderFollowTopic(c, err)
+			return
+		}
+		r.RenderFollowTopic(c, s.FollowTopic(req))
+	})
+
+	router.Handle("POST", "/topic/stick", func(c *gin.Context) {
+		select {
+		case <-c.Request.Context().Done():
+			return
+		default:
+		}
+
+		req, err := b.BindStickTopic(c)
+		if err != nil {
+			r.RenderStickTopic(c, nil, err)
+			return
+		}
+		resp, err := s.StickTopic(req)
+		r.RenderStickTopic(c, resp, err)
+	})
+
 	router.Handle("DELETE", "/post/comment/reply", func(c *gin.Context) {
 		select {
 		case <-c.Request.Context().Done():
@@ -311,6 +366,18 @@ func (UnimplementedPrivServant) Chain() gin.HandlersChain {
 	return nil
 }
 
+func (UnimplementedPrivServant) UnfollowTopic(req *web.UnfollowTopicReq) mir.Error {
+	return mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
+}
+
+func (UnimplementedPrivServant) FollowTopic(req *web.FollowTopicReq) mir.Error {
+	return mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
+}
+
+func (UnimplementedPrivServant) StickTopic(req *web.StickTopicReq) (*web.StickTopicResp, mir.Error) {
+	return nil, mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
+}
+
 func (UnimplementedPrivServant) DeleteCommentReply(req *web.DeleteCommentReplyReq) mir.Error {
 	return mir.Errorln(http.StatusNotImplemented, http.StatusText(http.StatusNotImplemented))
 }
@@ -374,6 +441,18 @@ type UnimplementedPrivRender struct {
 	RenderAny func(*gin.Context, any, mir.Error)
 }
 
+func (r *UnimplementedPrivRender) RenderUnfollowTopic(c *gin.Context, err mir.Error) {
+	r.RenderAny(c, nil, err)
+}
+
+func (r *UnimplementedPrivRender) RenderFollowTopic(c *gin.Context, err mir.Error) {
+	r.RenderAny(c, nil, err)
+}
+
+func (r *UnimplementedPrivRender) RenderStickTopic(c *gin.Context, data *web.StickTopicResp, err mir.Error) {
+	r.RenderAny(c, data, err)
+}
+
 func (r *UnimplementedPrivRender) RenderDeleteCommentReply(c *gin.Context, err mir.Error) {
 	r.RenderAny(c, nil, err)
 }
@@ -437,6 +516,24 @@ type UnimplementedPrivBinding struct {
 	BindAny func(*gin.Context, any) mir.Error
 }
 
+func (b *UnimplementedPrivBinding) BindUnfollowTopic(c *gin.Context) (*web.UnfollowTopicReq, mir.Error) {
+	obj := new(web.UnfollowTopicReq)
+	err := b.BindAny(c, obj)
+	return obj, err
+}
+
+func (b *UnimplementedPrivBinding) BindFollowTopic(c *gin.Context) (*web.FollowTopicReq, mir.Error) {
+	obj := new(web.FollowTopicReq)
+	err := b.BindAny(c, obj)
+	return obj, err
+}
+
+func (b *UnimplementedPrivBinding) BindStickTopic(c *gin.Context) (*web.StickTopicReq, mir.Error) {
+	obj := new(web.StickTopicReq)
+	err := b.BindAny(c, obj)
+	return obj, err
+}
+
 func (b *UnimplementedPrivBinding) BindDeleteCommentReply(c *gin.Context) (*web.DeleteCommentReplyReq, mir.Error) {
 	obj := new(web.DeleteCommentReplyReq)
 	err := b.BindAny(c, obj)
diff --git a/internal/core/topics.go b/internal/core/topics.go
index f0f0e8fb..813574c8 100644
--- a/internal/core/topics.go
+++ b/internal/core/topics.go
@@ -18,8 +18,11 @@ type TopicService interface {
 	CreateTag(tag *Tag) (*Tag, error)
 	DeleteTag(tag *Tag) error
 	GetTags(conditions *ConditionsT, offset, limit int) ([]*Tag, error)
-	GetHotTags(limit int, offset int) ([]*TagFormated, error)
-	GetNewestTags(limit int, offset int) ([]*TagFormated, error)
-	GetFollowTags(limit int, offset int) ([]*TagFormated, error)
+	GetHotTags(userId int64, limit int, offset int) ([]*TagFormated, error)
+	GetNewestTags(userId int64, limit int, offset int) ([]*TagFormated, error)
+	GetFollowTags(userId int64, limit int, offset int) ([]*TagFormated, error)
 	GetTagsByKeyword(keyword string) ([]*Tag, error)
+	FollowTopic(userId int64, topicId int64) error
+	UnfollowTopic(userId int64, topicId int64) error
+	StickTopic(userId int64, topicId int64) (int8, error)
 }
diff --git a/internal/dao/jinzhu/dbr/tag.go b/internal/dao/jinzhu/dbr/topic.go
similarity index 87%
rename from internal/dao/jinzhu/dbr/tag.go
rename to internal/dao/jinzhu/dbr/topic.go
index b794121e..9881b1e4 100644
--- a/internal/dao/jinzhu/dbr/tag.go
+++ b/internal/dao/jinzhu/dbr/topic.go
@@ -16,6 +16,19 @@ type Tag struct {
 	Tag      string `json:"tag"`
 	QuoteNum int64  `json:"quote_num"`
 }
+
+type TopicUser struct {
+	*Model
+	UserID    int64  `json:"user_id"`
+	TopicID   int64  `json:"topic_id"`
+	AliasName string `json:"-"`
+	Remark    string `json:"-"`
+	QuoteNum  int64  `json:"quote_num"`
+	IsTop     int8   `json:"is_top"`
+	ReserveA  string `json:"-"`
+	ReserveB  string `json:"-"`
+}
+
 type TagFormated struct {
 	ID          int64         `json:"id"`
 	UserID      int64         `json:"user_id"`
@@ -37,7 +50,7 @@ func (t *Tag) Format() *TagFormated {
 		User:        &UserFormated{},
 		Tag:         t.Tag,
 		QuoteNum:    t.QuoteNum,
-		IsFollowing: 1,
+		IsFollowing: 0,
 		IsTop:       0,
 	}
 }
diff --git a/internal/dao/jinzhu/topics.go b/internal/dao/jinzhu/topics.go
index 48d408ee..2b8b01a5 100644
--- a/internal/dao/jinzhu/topics.go
+++ b/internal/dao/jinzhu/topics.go
@@ -5,6 +5,7 @@
 package jinzhu
 
 import (
+	"errors"
 	"strings"
 
 	"github.com/rocboss/paopao-ce/internal/core"
@@ -17,14 +18,23 @@ var (
 )
 
 type topicServant struct {
-	db  *gorm.DB
-	ums core.UserManageService
+	db             *gorm.DB
+	ums            core.UserManageService
+	tnTopicUser    string
+	tnDotTopicUser string
+}
+
+type topicInfo struct {
+	TopicId int64
+	IsTop   int8
 }
 
 func newTopicService(db *gorm.DB, ums core.UserManageService) core.TopicService {
 	return &topicServant{
-		db:  db,
-		ums: ums,
+		db:             db,
+		ums:            ums,
+		tnTopicUser:    db.NamingStrategy.TableName("TopicUser"),
+		tnDotTopicUser: db.NamingStrategy.TableName("TopicUser") + ".",
 	}
 }
 
@@ -40,42 +50,68 @@ func (s *topicServant) GetTags(conditions *core.ConditionsT, offset, limit int)
 	return (&dbr.Tag{}).List(s.db, conditions, offset, limit)
 }
 
-func (s *topicServant) GetHotTags(limit int, offset int) ([]*core.TagFormated, error) {
+func (s *topicServant) GetHotTags(userId int64, limit int, offset int) ([]*core.TagFormated, error) {
 	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
 		"ORDER": "quote_num DESC",
 	}, offset, limit)
 	if err != nil {
 		return nil, err
 	}
-	return s.tagsFormat(tags)
+	return s.tagsFormat(userId, nil, tags)
 }
 
-func (s *topicServant) GetNewestTags(limit int, offset int) ([]*core.TagFormated, error) {
+func (s *topicServant) GetNewestTags(userId int64, limit int, offset int) ([]*core.TagFormated, error) {
 	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
 		"ORDER": "id DESC",
 	}, offset, limit)
 	if err != nil {
 		return nil, err
 	}
-	return s.tagsFormat(tags)
+	return s.tagsFormat(userId, nil, tags)
 }
 
-func (s *topicServant) GetFollowTags(limit int, offset int) ([]*core.TagFormated, error) {
-	// TODO：具体逻辑稍后实现，先用热门标签替换
-	tags, err := (&dbr.Tag{}).List(s.db, &core.ConditionsT{
-		"ORDER": "quote_num DESC",
-	}, offset, limit)
+func (s *topicServant) GetFollowTags(userId int64, limit int, offset int) ([]*core.TagFormated, error) {
+	if userId < 0 {
+		return nil, nil
+	}
+	userTopics := []*topicInfo{}
+	err := s.db.Model(&dbr.TopicUser{}).Where("user_id=?", userId).Order("is_top DESC").Find(&userTopics).Error
 	if err != nil {
 		return nil, err
 	}
-	return s.tagsFormat(tags)
+	userTopicsMap := make(map[int64]*topicInfo, len(userTopics))
+	topicIds := make([]int64, 0, len(userTopics))
+	topicIdsMap := make(map[int64]int, len(userTopics))
+	for idx, info := range userTopics {
+		userTopicsMap[info.TopicId] = info
+		topicIds = append(topicIds, info.TopicId)
+		topicIdsMap[info.TopicId] = idx
+	}
+	var tags []*core.Tag
+	err = s.db.Model(&dbr.Tag{}).Where("quote_num > 0 and id in ?", topicIds).Order("quote_num DESC").Find(&tags).Error
+	if err != nil {
+		return nil, err
+	}
+	formtedTags, err := s.tagsFormat(-1, userTopicsMap, tags)
+	if err != nil {
+		return nil, err
+	}
+	// 置顶排序后处理
+	// TODO: 垃圾办法，最好是topic_user join tag 一次查询，但是gorm的join真他喵的别扭，F*K
+	res := make([]*core.TagFormated, len(topicIds), len(topicIds))
+	for _, tag := range formtedTags {
+		res[topicIdsMap[tag.ID]] = tag
+	}
+	return res, nil
 }
 
-func (s *topicServant) tagsFormat(tags []*core.Tag) ([]*core.TagFormated, error) {
+func (s *topicServant) tagsFormat(userId int64, userTopicsMap map[int64]*topicInfo, tags []*core.Tag) ([]*core.TagFormated, error) {
 	// 获取创建者User IDs
 	userIds := []int64{}
+	tagIds := []int64{}
 	for _, tag := range tags {
 		userIds = append(userIds, tag.UserID)
+		tagIds = append(tagIds, tag.ID)
 	}
 	users, err := s.ums.GetUsersByIDs(userIds)
 	if err != nil {
@@ -91,6 +127,25 @@ func (s *topicServant) tagsFormat(tags []*core.Tag) ([]*core.TagFormated, error)
 		}
 		tagsFormated = append(tagsFormated, tagFormated)
 	}
+	// 填充话题follow信息
+	if userId > -1 && len(userTopicsMap) <= 0 {
+		userTopics := []*topicInfo{}
+		err = s.db.Model(&dbr.TopicUser{}).Where("is_del=0 and user_id=? and topic_id in ?", userId, tagIds).Find(&userTopics).Error
+		if err != nil {
+			return nil, err
+		}
+		userTopicsMap = make(map[int64]*topicInfo, len(userTopics))
+		for _, info := range userTopics {
+			userTopicsMap[info.TopicId] = info
+		}
+	}
+	if len(userTopicsMap) > 0 {
+		for _, tag := range tagsFormated {
+			if info, exist := userTopicsMap[tag.ID]; exist {
+				tag.IsFollowing, tag.IsTop = 1, info.IsTop
+			}
+		}
+	}
 	return tagsFormated, nil
 }
 
@@ -109,3 +164,39 @@ func (s *topicServant) GetTagsByKeyword(keyword string) ([]*core.Tag, error) {
 		}, 0, 6)
 	}
 }
+
+func (s *topicServant) FollowTopic(userId int64, topicId int64) (err error) {
+	return s.db.Create(&dbr.TopicUser{
+		UserID:  userId,
+		TopicID: topicId,
+		IsTop:   0,
+	}).Error
+}
+
+func (s *topicServant) UnfollowTopic(userId int64, topicId int64) error {
+	return s.db.Exec("DELETE FROM "+s.tnTopicUser+" WHERE user_id=? AND topic_id=?", userId, topicId).Error
+}
+
+func (s *topicServant) StickTopic(userId int64, topicId int64) (status int8, err error) {
+	db := s.db.Begin()
+	defer db.Rollback()
+
+	m := &dbr.TopicUser{}
+	err = db.Model(m).
+		Where("user_id=? and topic_id=?", userId, topicId).
+		UpdateColumn("is_top", gorm.Expr("1-is_top")).Error
+	if err != nil {
+		return
+	}
+	status = -1
+	err = db.Model(m).Where("user_id=? and topic_id=?", userId, topicId).Select("is_top").Scan(&status).Error
+	if err != nil {
+		return
+	}
+	if status < 0 {
+		return -1, errors.New("topic not exist")
+	}
+
+	db.Commit()
+	return
+}
diff --git a/internal/model/web/loose.go b/internal/model/web/loose.go
index 0cdf834d..2745259c 100644
--- a/internal/model/web/loose.go
+++ b/internal/model/web/loose.go
@@ -54,11 +54,10 @@ type GetUserProfileResp struct {
 }
 
 type TopicListReq struct {
-	BaseInfo  `form:"-"  binding:"-"`
-	Type      TagType `json:"type" form:"type" binding:"required"`
-	UserId    int     `json:"uid" form:"uid"`
-	Num       int     `json:"num" form:"num" binding:"required"`
-	ExtralNum int     `json:"extral_num" form:"extral_num"`
+	SimpleInfo `form:"-"  binding:"-"`
+	Type       TagType `json:"type" form:"type" binding:"required"`
+	Num        int     `json:"num" form:"num" binding:"required"`
+	ExtralNum  int     `json:"extral_num" form:"extral_num"`
 }
 
 // TopicListResp 主题返回值
diff --git a/internal/model/web/priv.go b/internal/model/web/priv.go
index 8a568bd8..0fcff128 100644
--- a/internal/model/web/priv.go
+++ b/internal/model/web/priv.go
@@ -146,6 +146,25 @@ type DownloadAttachmentResp struct {
 	SignedURL string `json:"signed_url"`
 }
 
+type StickTopicReq struct {
+	SimpleInfo `json:"-" binding:"-"`
+	TopicId    int64 `json:"topic_id" binding:"required"`
+}
+
+type StickTopicResp struct {
+	StickStatus int8 `json:"top_status"`
+}
+
+type FollowTopicReq struct {
+	SimpleInfo `json:"-" binding:"-"`
+	TopicId    int64 `json:"topic_id" binding:"required"`
+}
+
+type UnfollowTopicReq struct {
+	SimpleInfo `json:"-" binding:"-"`
+	TopicId    int64 `json:"topic_id" binding:"required"`
+}
+
 // Check 检查PostContentItem属性
 func (p *PostContentItem) Check(acs core.AttachmentCheckService) error {
 	// 检查附件是否是本站资源
diff --git a/internal/servants/web/loose.go b/internal/servants/web/loose.go
index 611cc8a5..de101250 100644
--- a/internal/servants/web/loose.go
+++ b/internal/servants/web/loose.go
@@ -157,19 +157,19 @@ func (s *looseSrv) TopicList(req *web.TopicListReq) (*web.TopicListResp, mir.Err
 	num := req.Num
 	switch req.Type {
 	case web.TagTypeHot:
-		tags, err = s.Ds.GetHotTags(num, 0)
+		tags, err = s.Ds.GetHotTags(req.Uid, num, 0)
 	case web.TagTypeNew:
-		tags, err = s.Ds.GetNewestTags(num, 0)
+		tags, err = s.Ds.GetNewestTags(req.Uid, num, 0)
 	case web.TagTypeFollow:
-		tags, err = s.Ds.GetFollowTags(num, 0)
+		tags, err = s.Ds.GetFollowTags(req.Uid, num, 0)
 	case web.TagTypeHotExtral:
 		extralNum := req.ExtralNum
 		if extralNum == 0 {
 			extralNum = num
 		}
-		tags, err = s.Ds.GetHotTags(num, 0)
+		tags, err = s.Ds.GetHotTags(req.Uid, num, 0)
 		if err == nil {
-			extralTags, err = s.Ds.GetFollowTags(extralNum, 0)
+			extralTags, err = s.Ds.GetFollowTags(req.Uid, num, 0)
 		}
 	default:
 		// TODO: return good error
diff --git a/internal/servants/web/priv.go b/internal/servants/web/priv.go
index 0d4df502..4e9e6efe 100644
--- a/internal/servants/web/priv.go
+++ b/internal/servants/web/priv.go
@@ -143,6 +143,33 @@ func (s *privSrv) Chain() gin.HandlersChain {
 	return gin.HandlersChain{chain.JWT(), chain.Priv()}
 }
 
+func (s *privSrv) UnfollowTopic(req *web.UnfollowTopicReq) mir.Error {
+	if err := s.Ds.UnfollowTopic(req.Uid, req.TopicId); err != nil {
+		logrus.Errorf("user(%d) unfollow topic(%d) failed: %s", req.Uid, req.TopicId, err)
+		return _errUnfollowTopicFailed
+	}
+	return nil
+}
+
+func (s *privSrv) FollowTopic(req *web.FollowTopicReq) mir.Error {
+	if err := s.Ds.FollowTopic(req.Uid, req.TopicId); err != nil {
+		logrus.Errorf("user(%d) follow topic(%d) failed: %s", req.Uid, req.TopicId, err)
+		return _errFollowTopicFailed
+	}
+	return nil
+}
+
+func (s *privSrv) StickTopic(req *web.StickTopicReq) (*web.StickTopicResp, mir.Error) {
+	status, err := s.Ds.StickTopic(req.Uid, req.TopicId)
+	if err != nil {
+		logrus.Errorf("user(%d) stick topic(%d) failed: %s", req.Uid, req.TopicId, err)
+		return nil, _errStickTopicFailed
+	}
+	return &web.StickTopicResp{
+		StickStatus: status,
+	}, nil
+}
+
 func (s *privSrv) UploadAttachment(req *web.UploadAttachmentReq) (*web.UploadAttachmentResp, mir.Error) {
 	defer req.File.Close()
 
diff --git a/internal/servants/web/xerror.go b/internal/servants/web/xerror.go
index dce677ce..337637e4 100644
--- a/internal/servants/web/xerror.go
+++ b/internal/servants/web/xerror.go
@@ -78,6 +78,10 @@ var (
 	_errGetContactsFailed          = xerror.NewError(80007, "获取联系人列表失败")
 	_errNoActionToSelf             = xerror.NewError(80008, "不允许对自己操作")
 
+	_errFollowTopicFailed   = xerror.NewError(90001, "关注话题失败")
+	_errUnfollowTopicFailed = xerror.NewError(90002, "取消关注话题失败")
+	_errStickTopicFailed    = xerror.NewError(90003, "更行话题置顶状态失败")
+
 	_errFileUploadFailed = xerror.NewError(10200, "文件上传失败")
 	_errFileInvalidExt   = xerror.NewError(10201, "文件类型不合法")
 	_errFileInvalidSize  = xerror.NewError(10202, "文件大小超限")
diff --git a/mirc/web/v1/priv.go b/mirc/web/v1/priv.go
index 5e473539..ba21ec79 100644
--- a/mirc/web/v1/priv.go
+++ b/mirc/web/v1/priv.go
@@ -56,4 +56,13 @@ type Priv struct {
 
 	// DeleteCommentReply 删除评论回复
 	DeleteCommentReply func(Delete, web.DeleteCommentReplyReq) `mir:"/post/comment/reply"`
+
+	// StickTopic 置顶动态
+	StickTopic func(Post, web.StickTopicReq) web.StickTopicResp `mir:"/topic/stick"`
+
+	// FollowTopic 关注话题
+	FollowTopic func(Post, web.FollowTopicReq) `mir:"/topic/follow"`
+
+	// UnfollowTopic 取消关注话题
+	UnfollowTopic func(Post, web.UnfollowTopicReq) `mir:"/topic/unfollow"`
 }
diff --git a/scripts/migration/mysql/0006_topic_follow.down.sql b/scripts/migration/mysql/0006_topic_follow.down.sql
new file mode 100644
index 00000000..d826f2fb
--- /dev/null
+++ b/scripts/migration/mysql/0006_topic_follow.down.sql
@@ -0,0 +1 @@
+DROP TABLE IF EXISTS `p_topic_user`;
\ No newline at end of file
diff --git a/scripts/migration/mysql/0006_topic_follow.up.sql b/scripts/migration/mysql/0006_topic_follow.up.sql
new file mode 100644
index 00000000..1f169aa3
--- /dev/null
+++ b/scripts/migration/mysql/0006_topic_follow.up.sql
@@ -0,0 +1,17 @@
+CREATE TABLE `p_topic_user` (
+	`id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
+	`topic_id` BIGINT UNSIGNED NOT NULL COMMENT '标签ID',
+	`user_id` BIGINT UNSIGNED NOT NULL COMMENT '创建者ID',
+	`alias_name` VARCHAR ( 255 ) COMMENT '别名',
+	`remark` VARCHAR ( 512 ) COMMENT '备注',
+	`quote_num` BIGINT UNSIGNED COMMENT '引用数',
+	`is_top` TINYINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '是否置顶 0 为未置顶、1 为已置顶',
+	`created_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '创建时间',
+	`modified_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '修改时间',
+	`deleted_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '删除时间',
+	`is_del` TINYINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '是否删除 0 为未删除、1 为已删除',
+	`reserve_a` VARCHAR ( 255 ) COMMENT '保留字段a',
+	`reserve_b` VARCHAR ( 255 ) COMMENT '保留字段b',
+	PRIMARY KEY ( `id` ) USING BTREE,
+    UNIQUE KEY `idx_topic_user_uid_tid` ( `topic_id`, `user_id` ) USING BTREE 
+) ENGINE = INNODB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = '用户话题';
\ No newline at end of file
diff --git a/scripts/migration/postgres/0005_topic_follow.down.sql b/scripts/migration/postgres/0005_topic_follow.down.sql
new file mode 100644
index 00000000..d826f2fb
--- /dev/null
+++ b/scripts/migration/postgres/0005_topic_follow.down.sql
@@ -0,0 +1 @@
+DROP TABLE IF EXISTS `p_topic_user`;
\ No newline at end of file
diff --git a/scripts/migration/postgres/0005_topic_follow.up.sql b/scripts/migration/postgres/0005_topic_follow.up.sql
new file mode 100644
index 00000000..5398a4c8
--- /dev/null
+++ b/scripts/migration/postgres/0005_topic_follow.up.sql
@@ -0,0 +1,16 @@
+CREATE TABLE p_topic_user (
+	ID BIGSERIAL PRIMARY KEY,
+	topic_id BIGINT NOT NULL,-- 标签ID
+	user_id BIGINT NOT NULL,-- 创建者ID
+	alias_name VARCHAR ( 255 ),-- 别名
+	remark VARCHAR ( 512 ),-- 备注
+	quote_num BIGINT,-- 引用数
+	is_top SMALLINT NOT NULL DEFAULT 0,-- 是否置顶 0 为未置顶、1 为已置顶
+	created_on BIGINT NOT NULL DEFAULT 0,-- 创建时间
+	modified_on BIGINT NOT NULL DEFAULT 0,-- 修改时间
+	deleted_on BIGINT NOT NULL DEFAULT 0,-- 删除时间
+	is_del SMALLINT NOT NULL DEFAULT 0,-- 是否删除 0 为未删除、1 为已删除
+	reserve_a VARCHAR ( 255 ),-- 保留字段a
+	reserve_b VARCHAR ( 255 ) -- 保留字段b
+);
+CREATE UNIQUE INDEX idx_topic_user_uid_tid ON p_topic_user USING btree ( topic_id, user_id );
\ No newline at end of file
diff --git a/scripts/migration/sqlite3/0006_topic_follow.down.sql b/scripts/migration/sqlite3/0006_topic_follow.down.sql
new file mode 100644
index 00000000..d826f2fb
--- /dev/null
+++ b/scripts/migration/sqlite3/0006_topic_follow.down.sql
@@ -0,0 +1 @@
+DROP TABLE IF EXISTS `p_topic_user`;
\ No newline at end of file
diff --git a/scripts/migration/sqlite3/0006_topic_follow.up.sql b/scripts/migration/sqlite3/0006_topic_follow.up.sql
new file mode 100644
index 00000000..96022230
--- /dev/null
+++ b/scripts/migration/sqlite3/0006_topic_follow.up.sql
@@ -0,0 +1,17 @@
+CREATE TABLE "p_topic_user" (
+	"id" integer,
+	"topic_id" integer NOT NULL,-- 标签ID
+	"user_id" integer NOT NULL,-- 创建者ID
+	"alias_name" text ( 255 ),-- 别名
+	"remark" text ( 512 ),-- 备注
+	"quote_num" integer,-- 引用数
+	"is_top" integer NOT NULL DEFAULT 0,-- 是否置顶 0 为未置顶、1 为已置顶
+	"created_on" integer NOT NULL DEFAULT 0,-- 创建时间
+	"modified_on" integer NOT NULL DEFAULT 0,-- 修改时间
+	"deleted_on" integer NOT NULL DEFAULT 0,-- 删除时间
+	"is_del" integer NOT NULL DEFAULT 0,-- 是否删除 0 为未删除、1 为已删除
+	"reserve_a" text,-- 保留字段a
+	"reserve_b" text,-- 保留字段b
+	PRIMARY KEY ( "id" ) 
+);
+CREATE UNIQUE INDEX "idx_topic_user_uid_tid" ON "p_topic_user" ( "topic_id", "user_id" );
\ No newline at end of file
diff --git a/scripts/paopao-mysql.sql b/scripts/paopao-mysql.sql
index 876cc2e4..5c2a6a49 100644
--- a/scripts/paopao-mysql.sql
+++ b/scripts/paopao-mysql.sql
@@ -247,6 +247,28 @@ CREATE TABLE `p_tag` (
 	KEY `idx_tag_quote_num` (`quote_num`) USING BTREE
 ) ENGINE=InnoDB AUTO_INCREMENT=9000065 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci COMMENT='标签';
 
+-- ----------------------------
+-- Table structure for p_topic_user
+-- ----------------------------
+DROP TABLE IF EXISTS `p_topic_user`;
+CREATE TABLE `p_topic_user` (
+	`id` BIGINT UNSIGNED NOT NULL AUTO_INCREMENT,
+	`topic_id` BIGINT UNSIGNED NOT NULL COMMENT '标签ID',
+	`user_id` BIGINT UNSIGNED NOT NULL COMMENT '创建者ID',
+	`alias_name` VARCHAR ( 255 ) COMMENT '别名',
+	`remark` VARCHAR ( 512 ) COMMENT '备注',
+	`quote_num` BIGINT UNSIGNED COMMENT '引用数',
+	`is_top` TINYINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '是否置顶 0 为未置顶、1 为已置顶',
+	`created_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '创建时间',
+	`modified_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '修改时间',
+	`deleted_on` BIGINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '删除时间',
+	`is_del` TINYINT UNSIGNED NOT NULL DEFAULT '0' COMMENT '是否删除 0 为未删除、1 为已删除',
+	`reserve_a` VARCHAR ( 255 ) COMMENT '保留字段a',
+	`reserve_b` VARCHAR ( 255 ) COMMENT '保留字段b',
+	PRIMARY KEY ( `id` ) USING BTREE,
+	UNIQUE KEY `idx_topic_user_uid_tid` ( `topic_id`, `user_id` ) USING BTREE 
+) ENGINE = INNODB DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_general_ci COMMENT = '用户话题';
+
 -- ----------------------------
 -- Table structure for p_user
 -- ----------------------------
diff --git a/scripts/paopao-postgres.sql b/scripts/paopao-postgres.sql
index 58ee5f0e..abe38d81 100644
--- a/scripts/paopao-postgres.sql
+++ b/scripts/paopao-postgres.sql
@@ -204,9 +204,28 @@ CREATE UNIQUE INDEX idx_tag_tag ON p_tag USING btree (tag);
 CREATE INDEX idx_tag_user_id ON p_tag USING btree (user_id);
 CREATE INDEX idx_tag_quote_num ON p_tag USING btree (quote_num);
 
+DROP TABLE IF EXISTS p_topic_user;
+CREATE TABLE p_topic_user (
+	ID BIGSERIAL PRIMARY KEY,
+	topic_id BIGINT NOT NULL,-- 标签ID
+	user_id BIGINT NOT NULL,-- 创建者ID
+	alias_name VARCHAR ( 255 ),-- 别名
+	remark VARCHAR ( 512 ),-- 备注
+	quote_num BIGINT,-- 引用数
+	is_top SMALLINT NOT NULL DEFAULT 0,-- 是否置顶 0 为未置顶、1 为已置顶
+	created_on BIGINT NOT NULL DEFAULT 0,-- 创建时间
+	modified_on BIGINT NOT NULL DEFAULT 0,-- 修改时间
+	deleted_on BIGINT NOT NULL DEFAULT 0,-- 删除时间
+	is_del SMALLINT NOT NULL DEFAULT 0,-- 是否删除 0 为未删除、1 为已删除
+	reserve_a VARCHAR ( 255 ),-- 保留字段a
+	reserve_b VARCHAR ( 255 ) -- 保留字段b
+);
+CREATE UNIQUE INDEX idx_topic_user_uid_tid ON p_topic_user USING btree ( topic_id, user_id );
+
+CREATE SEQUENCE IF NOT EXISTS user_id_seq AS BIGINT MINVALUE 100058 NO MAXVALUE;
 DROP TABLE IF EXISTS p_user;
 CREATE TABLE p_user (
-	id BIGSERIAL PRIMARY KEY,
+	id BIGINT NOT NULL DEFAULT nextval('user_id_seq'::regclass),
 	nickname VARCHAR(32) NOT NULL DEFAULT '',
 	username VARCHAR(32) NOT NULL DEFAULT '',
 	phone VARCHAR(16) NOT NULL DEFAULT '', -- 手机号
@@ -219,7 +238,8 @@ CREATE TABLE p_user (
 	created_on BIGINT NOT NULL DEFAULT 0,
 	modified_on BIGINT NOT NULL DEFAULT 0,
 	deleted_on BIGINT NOT NULL DEFAULT 0,
-	is_del SMALLINT NOT NULL DEFAULT 0
+	is_del SMALLINT NOT NULL DEFAULT 0,
+	PRIMARY KEY (id)
 );
 CREATE UNIQUE INDEX idx_user_username ON p_user USING btree (username);
 CREATE INDEX idx_user_phone ON p_user USING btree (phone);
diff --git a/scripts/paopao-sqlite3.sql b/scripts/paopao-sqlite3.sql
index 7a32b38e..754ce4d2 100644
--- a/scripts/paopao-sqlite3.sql
+++ b/scripts/paopao-sqlite3.sql
@@ -255,6 +255,27 @@ CREATE TABLE "p_tag" (
   PRIMARY KEY ("id")
 );
 
+-- ----------------------------
+-- Table structure for p_topic_user
+-- ----------------------------
+DROP TABLE IF EXISTS "p_topic_user";
+CREATE TABLE "p_topic_user" (
+	"id" integer,
+	"topic_id" integer NOT NULL,-- 标签ID
+	"user_id" integer NOT NULL,-- 创建者ID
+	"alias_name" text ( 255 ),-- 别名
+	"remark" text ( 512 ),-- 备注
+	"quote_num" integer,-- 引用数
+	"is_top" integer NOT NULL DEFAULT 0,-- 是否置顶 0 为未置顶、1 为已置顶
+	"created_on" integer NOT NULL DEFAULT 0,-- 创建时间
+	"modified_on" integer NOT NULL DEFAULT 0,-- 修改时间
+	"deleted_on" integer NOT NULL DEFAULT 0,-- 删除时间
+	"is_del" integer NOT NULL DEFAULT 0,-- 是否删除 0 为未删除、1 为已删除
+	"reserve_a" text,-- 保留字段a
+	"reserve_b" text,-- 保留字段b
+	PRIMARY KEY ( "id" ) 
+);
+
 -- ----------------------------
 -- Table structure for p_user
 -- ----------------------------
@@ -483,6 +504,15 @@ ON "p_tag" (
   "user_id" ASC
 );
 
+-- ----------------------------
+-- Indexes structure for table p_topic_user
+-- ----------------------------
+CREATE UNIQUE INDEX "idx_topic_user_uid_tid" 
+ON "p_topic_user" (
+  "topic_id",
+  "user_id"
+);
+
 -- ----------------------------
 -- Indexes structure for table p_user
 -- ----------------------------
diff --git a/web/dist/assets/404-ffb0e783.js b/web/dist/assets/404-74e48212.js
similarity index 79%
rename from web/dist/assets/404-ffb0e783.js
rename to web/dist/assets/404-74e48212.js
index 072194ea..ba254dfa 100644
--- a/web/dist/assets/404-ffb0e783.js
+++ b/web/dist/assets/404-74e48212.js
@@ -1 +1 @@
-import{_ as s}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as a}from"./vue-router-29025daf.js";import{F as i,e as c,a2 as u}from"./naive-ui-ddb574dd.js";import{d as l,c as d,L as t,Y as o,o as f,e as x}from"./@vue-f70ab1bd.js";import{_ as g}from"./index-ce5b62d8.js";import"./vuex-cc1858c6.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./@vicons-fc06a0bb.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";/* empty css               */const v=l({__name:"404",setup(h){const e=a(),_=()=>{e.push({path:"/"})};return(k,w)=>{const n=s,p=c,r=u,m=i;return f(),d("div",null,[t(n,{title:"404"}),t(m,{class:"main-content-wrap wrap404",bordered:""},{default:o(()=>[t(r,{status:"404",title:"404 资源不存在",description:"再看看其他的吧"},{footer:o(()=>[t(p,{onClick:_},{default:o(()=>[x("回主页")]),_:1})]),_:1})]),_:1})])}}});const K=g(v,[["__scopeId","data-v-e62daa85"]]);export{K as default};
+import{_ as s}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as a}from"./vue-router-29025daf.js";import{F as i,e as c,a2 as u}from"./naive-ui-ddb574dd.js";import{d as l,c as d,L as t,Y as o,o as f,e as x}from"./@vue-f70ab1bd.js";import{_ as g}from"./index-f6017bc3.js";import"./vuex-cc1858c6.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./@vicons-2f3cb6b9.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";/* empty css               */const v=l({__name:"404",setup(h){const e=a(),_=()=>{e.push({path:"/"})};return(k,w)=>{const n=s,p=c,r=u,m=i;return f(),d("div",null,[t(n,{title:"404"}),t(m,{class:"main-content-wrap wrap404",bordered:""},{default:o(()=>[t(r,{status:"404",title:"404 资源不存在",description:"再看看其他的吧"},{footer:o(()=>[t(p,{onClick:_},{default:o(()=>[x("回主页")]),_:1})]),_:1})]),_:1})])}}});const K=g(v,[["__scopeId","data-v-e62daa85"]]);export{K as default};
diff --git a/web/dist/assets/@vicons-fc06a0bb.js b/web/dist/assets/@vicons-2f3cb6b9.js
similarity index 84%
rename from web/dist/assets/@vicons-fc06a0bb.js
rename to web/dist/assets/@vicons-2f3cb6b9.js
index 8cf43403..89f52dbc 100644
--- a/web/dist/assets/@vicons-fc06a0bb.js
+++ b/web/dist/assets/@vicons-2f3cb6b9.js
@@ -1 +1 @@
-import{d as n,o,c as e,a as t,b as i}from"./@vue-f70ab1bd.js";const c={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},h=t("path",{d:"M216.08 192v143.85a40.08 40.08 0 0 0 80.15 0l.13-188.55a67.94 67.94 0 1 0-135.87 0v189.82a95.51 95.51 0 1 0 191 0V159.74",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),d=[h],Dt=n({name:"AttachOutline",render:function(s,l){return o(),e("svg",c,d)}}),a={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},w=t("path",{d:"M400 480a16 16 0 0 1-10.63-4L256 357.41L122.63 476A16 16 0 0 1 96 464V96a64.07 64.07 0 0 1 64-64h192a64.07 64.07 0 0 1 64 64v368a16 16 0 0 1-16 16z",fill:"currentColor"},null,-1),u=[w],Et=n({name:"Bookmark",render:function(s,l){return o(),e("svg",a,u)}}),_={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},k=t("path",{d:"M352 48H160a48 48 0 0 0-48 48v368l144-128l144 128V96a48 48 0 0 0-48-48z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),x=[k],qt=n({name:"BookmarkOutline",render:function(s,l){return o(),e("svg",_,x)}}),p={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},g=t("path",{d:"M128 80V64a48.14 48.14 0 0 1 48-48h224a48.14 48.14 0 0 1 48 48v368l-80-64",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),m=t("path",{d:"M320 96H112a48.14 48.14 0 0 0-48 48v352l152-128l152 128V144a48.14 48.14 0 0 0-48-48z",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),v=[g,m],Rt=n({name:"BookmarksOutline",render:function(s,l){return o(),e("svg",p,v)}}),$={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},f=t("path",{d:"M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),C=[f],It=n({name:"ChatboxOutline",render:function(s,l){return o(),e("svg",$,C)}}),M={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},j=t("path",{d:"M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 0 1 2.1-3.1A162 162 0 0 0 464 215c.3-92.2-77.5-167-173.7-167c-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 0 0-3.7 34.2c0 92.3 74.8 169.1 171 169.1c15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 0 1 9.3-1.7a26 26 0 0 1 10.1 2l56.7 20.1a13.52 13.52 0 0 0 3.9 1a8 8 0 0 0 8-8a12.85 12.85 0 0 0-.5-2.7z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),O=t("path",{d:"M66.46 232a146.23 146.23 0 0 0 6.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 0 0 2.71 7.68A8.17 8.17 0 0 0 72 464a7.26 7.26 0 0 0 2.91-.6l56.21-22a15.7 15.7 0 0 1 12 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 0 0 284 432.11",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),z=[j,O],Pt=n({name:"ChatbubblesOutline",render:function(s,l){return o(),e("svg",M,z)}}),B={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},L=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M464 128L240 384l-96-96"},null,-1),H=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M144 384l-96-96"},null,-1),V=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 128L232 284"},null,-1),A=[L,H,V],Tt=n({name:"CheckmarkDoneOutline",render:function(s,l){return o(),e("svg",B,A)}}),S={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},y=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M416 128L192 384l-96-96"},null,-1),b=[y],Wt=n({name:"CheckmarkOutline",render:function(s,l){return o(),e("svg",S,b)}}),D={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},E=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 368L144 144"},null,-1),q=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 144L144 368"},null,-1),R=[E,q],Ft=n({name:"CloseOutline",render:function(s,l){return o(),e("svg",D,R)}}),I={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},P=t("path",{d:"M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2c-60 5.7-112 35.88-112 98.4S70 336 136 336h56",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),T=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M192 400.1l64 63.9l64-63.9"},null,-1),W=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 224v224.03"},null,-1),F=[P,T,W],Nt=n({name:"CloudDownloadOutline",render:function(s,l){return o(),e("svg",I,F)}}),N={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},G=t("path",{d:"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),J=t("path",{d:"M350.67 150.93l-117.2 46.88a64 64 0 0 0-35.66 35.66l-46.88 117.2a8 8 0 0 0 10.4 10.4l117.2-46.88a64 64 0 0 0 35.66-35.66l46.88-117.2a8 8 0 0 0-10.4-10.4zM256 280a24 24 0 1 1 24-24a24 24 0 0 1-24 24z",fill:"currentColor"},null,-1),K=[G,J],Gt=n({name:"CompassOutline",render:function(s,l){return o(),e("svg",N,K)}}),Q={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},U=t("path",{d:"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),X=t("circle",{cx:"256",cy:"256",r:"80",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),Y=[U,X],Jt=n({name:"EyeOutline",render:function(s,l){return o(),e("svg",Q,Y)}}),Z={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},t1=t("path",{d:"M256 448a32 32 0 0 1-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8c-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 0 0 9.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64c.54 54.21-18.63 104.26-58.61 153c-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 0 1-18 5.56z",fill:"currentColor"},null,-1),n1=[t1],Kt=n({name:"Heart",render:function(s,l){return o(),e("svg",Z,n1)}}),o1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},e1=t("path",{d:"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81c-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0 0 18 0c96.26-65.34 184.09-143.09 183-252.42c-.54-52.67-42.32-96.81-95.08-96.81z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),r1=[e1],Qt=n({name:"HeartOutline",render:function(s,l){return o(),e("svg",o1,r1)}}),s1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},l1=t("path",{d:"M80 212v236a16 16 0 0 0 16 16h96V328a24 24 0 0 1 24-24h80a24 24 0 0 1 24 24v136h96a16 16 0 0 0 16-16V212",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),i1=t("path",{d:"M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),c1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M400 179V64h-48v69"},null,-1),h1=[l1,i1,c1],Ut=n({name:"HomeOutline",render:function(s,l){return o(),e("svg",s1,h1)}}),d1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},a1=t("rect",{x:"48",y:"80",width:"416",height:"352",rx:"48",ry:"48",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),w1=t("circle",{cx:"336",cy:"176",r:"32",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),u1=t("path",{d:"M304 335.79l-90.66-90.49a32 32 0 0 0-43.87-1.3L48 352",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),_1=t("path",{d:"M224 432l123.34-123.34a32 32 0 0 1 43.11-2L464 368",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),k1=[a1,w1,u1,_1],Xt=n({name:"ImageOutline",render:function(s,l){return o(),e("svg",d1,k1)}}),x1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},p1=t("path",{d:"M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7c77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),g1=t("path",{d:"M173 253c86 81 175 129 292 147",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),m1=[p1,g1],Yt=n({name:"LeafOutline",render:function(s,l){return o(),e("svg",x1,m1)}}),v1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},$1=t("path",{d:"M208 352h-64a96 96 0 0 1 0-192h64",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36"},null,-1),f1=t("path",{d:"M304 160h64a96 96 0 0 1 0 192h-64",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36"},null,-1),C1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36",d:"M163.29 256h187.42"},null,-1),M1=[$1,f1,C1],Zt=n({name:"LinkOutline",render:function(s,l){return o(),e("svg",v1,M1)}}),j1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},O1=t("path",{d:"M304 336v40a40 40 0 0 1-40 40H104a40 40 0 0 1-40-40V136a40 40 0 0 1 40-40h152c22.09 0 48 17.91 48 40v40",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),z1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 336l80-80l-80-80"},null,-1),B1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M176 256h256"},null,-1),L1=[O1,z1,B1],tn=n({name:"LogOutOutline",render:function(s,l){return o(),e("svg",j1,L1)}}),H1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},V1=t("path",{d:"M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82 48.57-91.18 78-144.5 78c-90.18 0-120.8-78.22-78.1-129.72c9.31-11.22 25.15-21.94 49.73-28c38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0 0 25.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 0 1-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89c60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23c-34.74 30-13.94 84.93 56.37 84.93c40.87 0 81.71-25.9 113.79-67.37c-41.36-20-77-34.85-114.4-34.42z",fill:"currentColor"},null,-1),A1=[V1],nn=n({name:"LogoAlipay",render:function(s,l){return o(),e("svg",H1,A1)}}),S1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},y1=i('<path d="M407.94 52.22S321.3 160 240 160H80a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160c81.3 0 167.94 108.23 167.94 108.23c6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M64 256s-16-6-16-32s16-32 16-32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M448 246s16-4.33 16-22s-16-22-16-22" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 160v128"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 160v128"></path><path d="M144 288v168a8 8 0 0 0 8 8h53a16 16 0 0 0 15.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path>',6),b1=[y1],on=n({name:"MegaphoneOutline",render:function(s,l){return o(),e("svg",S1,b1)}}),D1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},E1=t("path",{d:"M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),q1=t("path",{d:"M336 304c-65.17 0-127.84 32.37-143.54 95.41c-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),R1=t("path",{d:"M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),I1=t("path",{d:"M206 306c-18.05-8.27-37.93-11.45-59-11.45c-52 0-102.1 25.85-114.65 76.2c-1.65 6.66 2.53 13.25 9.37 13.25H154",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),P1=[E1,q1,R1,I1],en=n({name:"PeopleOutline",render:function(s,l){return o(),e("svg",D1,P1)}}),T1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},W1=t("path",{d:"M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8z",fill:"currentColor"},null,-1),F1=[W1],rn=n({name:"Search",render:function(s,l){return o(),e("svg",T1,F1)}}),N1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},G1=t("path",{d:"M262.29 192.31a64 64 0 1 0 57.4 57.4a64.13 64.13 0 0 0-57.4-57.4zM416.39 256a154.34 154.34 0 0 1-1.53 20.79l45.21 35.46a10.81 10.81 0 0 1 2.45 13.75l-42.77 74a10.81 10.81 0 0 1-13.14 4.59l-44.9-18.08a16.11 16.11 0 0 0-15.17 1.75A164.48 164.48 0 0 1 325 400.8a15.94 15.94 0 0 0-8.82 12.14l-6.73 47.89a11.08 11.08 0 0 1-10.68 9.17h-85.54a11.11 11.11 0 0 1-10.69-8.87l-6.72-47.82a16.07 16.07 0 0 0-9-12.22a155.3 155.3 0 0 1-21.46-12.57a16 16 0 0 0-15.11-1.71l-44.89 18.07a10.81 10.81 0 0 1-13.14-4.58l-42.77-74a10.8 10.8 0 0 1 2.45-13.75l38.21-30a16.05 16.05 0 0 0 6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 0 0-6.07-13.94l-38.19-30A10.81 10.81 0 0 1 49.48 186l42.77-74a10.81 10.81 0 0 1 13.14-4.59l44.9 18.08a16.11 16.11 0 0 0 15.17-1.75A164.48 164.48 0 0 1 187 111.2a15.94 15.94 0 0 0 8.82-12.14l6.73-47.89A11.08 11.08 0 0 1 213.23 42h85.54a11.11 11.11 0 0 1 10.69 8.87l6.72 47.82a16.07 16.07 0 0 0 9 12.22a155.3 155.3 0 0 1 21.46 12.57a16 16 0 0 0 15.11 1.71l44.89-18.07a10.81 10.81 0 0 1 13.14 4.58l42.77 74a10.8 10.8 0 0 1-2.45 13.75l-38.21 30a16.05 16.05 0 0 0-6.05 14.08c.33 4.14.55 8.3.55 12.47z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),J1=[G1],sn=n({name:"SettingsOutline",render:function(s,l){return o(),e("svg",N1,J1)}}),K1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},Q1=t("path",{d:"M336 192h40a40 40 0 0 1 40 40v192a40 40 0 0 1-40 40H136a40 40 0 0 1-40-40V232a40 40 0 0 1 40-40h40",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),U1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M336 128l-80-80l-80 80"},null,-1),X1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 321V48"},null,-1),Y1=[Q1,U1,X1],ln=n({name:"ShareOutline",render:function(s,l){return o(),e("svg",K1,Y1)}}),Z1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},tt=i('<circle cx="128" cy="256" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="112" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="400" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M169.83 279.53l172.34 96.94"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M342.17 135.53l-172.34 96.94"></path>',5),nt=[tt],cn=n({name:"ShareSocialOutline",render:function(s,l){return o(),e("svg",Z1,nt)}}),ot={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},et=t("path",{d:"M374.79 308.78L457.5 367a16 16 0 0 0 22.5-14.62V159.62A16 16 0 0 0 457.5 145l-82.71 58.22A16 16 0 0 0 368 216.3v79.4a16 16 0 0 0 6.79 13.08z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),rt=t("path",{d:"M268 384H84a52.15 52.15 0 0 1-52-52V180a52.15 52.15 0 0 1 52-52h184.48A51.68 51.68 0 0 1 320 179.52V332a52.15 52.15 0 0 1-52 52z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),st=[et,rt],hn=n({name:"VideocamOutline",render:function(s,l){return o(),e("svg",ot,st)}}),lt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},it=t("rect",{x:"48",y:"144",width:"416",height:"288",rx:"48",ry:"48",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),ct=t("path",{d:"M411.36 144v-30A50 50 0 0 0 352 64.9L88.64 109.85A50 50 0 0 0 48 159v49",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),ht=t("path",{d:"M368 320a32 32 0 1 1 32-32a32 32 0 0 1-32 32z",fill:"currentColor"},null,-1),dt=[it,ct,ht],dn=n({name:"WalletOutline",render:function(s,l){return o(),e("svg",lt,dt)}}),at={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},wt=t("g",{fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("path",{d:"M9 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-3"}),t("path",{d:"M9 15h3l8.5-8.5a1.5 1.5 0 0 0-3-3L9 12v3"}),t("path",{d:"M16 5l3 3"})],-1),ut=[wt],an=n({name:"Edit",render:function(s,l){return o(),e("svg",at,ut)}}),_t={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},kt=i('<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9h14"></path><path d="M5 15h14"></path><path d="M11 4L7 20"></path><path d="M17 4l-4 16"></path></g>',1),xt=[kt],wn=n({name:"Hash",render:function(s,l){return o(),e("svg",_t,xt)}}),pt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},gt=i('<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"></path><path d="M10 11v6"></path><path d="M14 11v6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12"></path><path d="M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"></path></g>',1),mt=[gt],un=n({name:"Trash",render:function(s,l){return o(),e("svg",pt,mt)}}),vt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},$t=t("path",{d:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z",fill:"currentColor"},null,-1),ft=[$t],_n=n({name:"ChevronLeftRound",render:function(s,l){return o(),e("svg",vt,ft)}}),Ct={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},Mt=t("path",{d:"M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z",fill:"currentColor"},null,-1),jt=[Mt],kn=n({name:"DarkModeOutlined",render:function(s,l){return o(),e("svg",Ct,jt)}}),Ot={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},zt=t("path",{d:"M2 17c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1z",fill:"currentColor"},null,-1),Bt=[zt],xn=n({name:"DehazeRound",render:function(s,l){return o(),e("svg",Ot,Bt)}}),Lt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},Ht=t("path",{d:"M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3s-3-1.35-3-3s1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z",fill:"currentColor"},null,-1),Vt=[Ht],pn=n({name:"LightModeOutlined",render:function(s,l){return o(),e("svg",Lt,Vt)}}),At={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},St=t("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z",fill:"currentColor"},null,-1),yt=[St],gn=n({name:"MoreHorizFilled",render:function(s,l){return o(),e("svg",At,yt)}});export{Dt as A,Rt as B,Pt as C,xn as D,Jt as E,Ut as H,Xt as I,Yt as L,on as M,en as P,rn as S,un as T,hn as V,dn as W,sn as a,wn as b,tn as c,Gt as d,gn as e,Qt as f,Kt as g,It as h,qt as i,Et as j,cn as k,ln as l,Wt as m,Ft as n,Tt as o,Zt as p,Nt as q,nn as r,an as s,_n as t,pn as u,kn as v};
+import{d as n,o,c as e,a as t,b as i}from"./@vue-f70ab1bd.js";const c={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},d=t("path",{d:"M216.08 192v143.85a40.08 40.08 0 0 0 80.15 0l.13-188.55a67.94 67.94 0 1 0-135.87 0v189.82a95.51 95.51 0 1 0 191 0V159.74",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),h=[d],Rt=n({name:"AttachOutline",render:function(s,l){return o(),e("svg",c,h)}}),a={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},w=t("path",{d:"M400 480a16 16 0 0 1-10.63-4L256 357.41L122.63 476A16 16 0 0 1 96 464V96a64.07 64.07 0 0 1 64-64h192a64.07 64.07 0 0 1 64 64v368a16 16 0 0 1-16 16z",fill:"currentColor"},null,-1),u=[w],It=n({name:"Bookmark",render:function(s,l){return o(),e("svg",a,u)}}),_={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},k=t("path",{d:"M352 48H160a48 48 0 0 0-48 48v368l144-128l144 128V96a48 48 0 0 0-48-48z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),x=[k],Pt=n({name:"BookmarkOutline",render:function(s,l){return o(),e("svg",_,x)}}),p={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},g=t("path",{d:"M128 80V64a48.14 48.14 0 0 1 48-48h224a48.14 48.14 0 0 1 48 48v368l-80-64",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),m=t("path",{d:"M320 96H112a48.14 48.14 0 0 0-48 48v352l152-128l152 128V144a48.14 48.14 0 0 0-48-48z",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),v=[g,m],Tt=n({name:"BookmarksOutline",render:function(s,l){return o(),e("svg",p,v)}}),$={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},f=t("path",{d:"M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),C=[f],Wt=n({name:"ChatboxOutline",render:function(s,l){return o(),e("svg",$,C)}}),M={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},j=t("path",{d:"M431 320.6c-1-3.6 1.2-8.6 3.3-12.2a33.68 33.68 0 0 1 2.1-3.1A162 162 0 0 0 464 215c.3-92.2-77.5-167-173.7-167c-83.9 0-153.9 57.1-170.3 132.9a160.7 160.7 0 0 0-3.7 34.2c0 92.3 74.8 169.1 171 169.1c15.3 0 35.9-4.6 47.2-7.7s22.5-7.2 25.4-8.3a26.44 26.44 0 0 1 9.3-1.7a26 26 0 0 1 10.1 2l56.7 20.1a13.52 13.52 0 0 0 3.9 1a8 8 0 0 0 8-8a12.85 12.85 0 0 0-.5-2.7z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),O=t("path",{d:"M66.46 232a146.23 146.23 0 0 0 6.39 152.67c2.31 3.49 3.61 6.19 3.21 8s-11.93 61.87-11.93 61.87a8 8 0 0 0 2.71 7.68A8.17 8.17 0 0 0 72 464a7.26 7.26 0 0 0 2.91-.6l56.21-22a15.7 15.7 0 0 1 12 .2c18.94 7.38 39.88 12 60.83 12A159.21 159.21 0 0 0 284 432.11",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),z=[j,O],Ft=n({name:"ChatbubblesOutline",render:function(s,l){return o(),e("svg",M,z)}}),B={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},L=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M464 128L240 384l-96-96"},null,-1),H=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M144 384l-96-96"},null,-1),V=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 128L232 284"},null,-1),A=[L,H,V],Nt=n({name:"CheckmarkDoneOutline",render:function(s,l){return o(),e("svg",B,A)}}),y={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},S=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M416 128L192 384l-96-96"},null,-1),b=[S],Gt=n({name:"CheckmarkOutline",render:function(s,l){return o(),e("svg",y,b)}}),D={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},E=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 368L144 144"},null,-1),q=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 144L144 368"},null,-1),R=[E,q],Jt=n({name:"CloseOutline",render:function(s,l){return o(),e("svg",D,R)}}),I={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},P=t("path",{d:"M320 336h76c55 0 100-21.21 100-75.6s-53-73.47-96-75.6C391.11 99.74 329 48 256 48c-69 0-113.44 45.79-128 91.2c-60 5.7-112 35.88-112 98.4S70 336 136 336h56",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),T=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M192 400.1l64 63.9l64-63.9"},null,-1),W=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 224v224.03"},null,-1),F=[P,T,W],Kt=n({name:"CloudDownloadOutline",render:function(s,l){return o(),e("svg",I,F)}}),N={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},G=t("path",{d:"M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),J=t("path",{d:"M350.67 150.93l-117.2 46.88a64 64 0 0 0-35.66 35.66l-46.88 117.2a8 8 0 0 0 10.4 10.4l117.2-46.88a64 64 0 0 0 35.66-35.66l46.88-117.2a8 8 0 0 0-10.4-10.4zM256 280a24 24 0 1 1 24-24a24 24 0 0 1-24 24z",fill:"currentColor"},null,-1),K=[G,J],Qt=n({name:"CompassOutline",render:function(s,l){return o(),e("svg",N,K)}}),Q={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},U=t("path",{d:"M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),X=t("circle",{cx:"256",cy:"256",r:"80",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),Y=[U,X],Ut=n({name:"EyeOutline",render:function(s,l){return o(),e("svg",Q,Y)}}),Z={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},t1=t("path",{d:"M256 448a32 32 0 0 1-18-5.57c-78.59-53.35-112.62-89.93-131.39-112.8c-40-48.75-59.15-98.8-58.61-153C48.63 114.52 98.46 64 159.08 64c44.08 0 74.61 24.83 92.39 45.51a6 6 0 0 0 9.06 0C278.31 88.81 308.84 64 352.92 64c60.62 0 110.45 50.52 111.08 112.64c.54 54.21-18.63 104.26-58.61 153c-18.77 22.87-52.8 59.45-131.39 112.8a32 32 0 0 1-18 5.56z",fill:"currentColor"},null,-1),n1=[t1],Xt=n({name:"Heart",render:function(s,l){return o(),e("svg",Z,n1)}}),o1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},e1=t("path",{d:"M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81c-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0 0 18 0c96.26-65.34 184.09-143.09 183-252.42c-.54-52.67-42.32-96.81-95.08-96.81z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),r1=[e1],Yt=n({name:"HeartOutline",render:function(s,l){return o(),e("svg",o1,r1)}}),s1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},l1=t("path",{d:"M80 212v236a16 16 0 0 0 16 16h96V328a24 24 0 0 1 24-24h80a24 24 0 0 1 24 24v136h96a16 16 0 0 0 16-16V212",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),i1=t("path",{d:"M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),c1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M400 179V64h-48v69"},null,-1),d1=[l1,i1,c1],Zt=n({name:"HomeOutline",render:function(s,l){return o(),e("svg",s1,d1)}}),h1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},a1=t("rect",{x:"48",y:"80",width:"416",height:"352",rx:"48",ry:"48",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),w1=t("circle",{cx:"336",cy:"176",r:"32",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),u1=t("path",{d:"M304 335.79l-90.66-90.49a32 32 0 0 0-43.87-1.3L48 352",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),_1=t("path",{d:"M224 432l123.34-123.34a32 32 0 0 1 43.11-2L464 368",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),k1=[a1,w1,u1,_1],tn=n({name:"ImageOutline",render:function(s,l){return o(),e("svg",h1,k1)}}),x1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},p1=t("path",{d:"M321.89 171.42C233 114 141 155.22 56 65.22c-19.8-21-8.3 235.5 98.1 332.7c77.79 71 197.9 63.08 238.4-5.92s18.28-163.17-70.61-220.58z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),g1=t("path",{d:"M173 253c86 81 175 129 292 147",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),m1=[p1,g1],nn=n({name:"LeafOutline",render:function(s,l){return o(),e("svg",x1,m1)}}),v1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},$1=t("path",{d:"M208 352h-64a96 96 0 0 1 0-192h64",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36"},null,-1),f1=t("path",{d:"M304 160h64a96 96 0 0 1 0 192h-64",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36"},null,-1),C1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"36",d:"M163.29 256h187.42"},null,-1),M1=[$1,f1,C1],on=n({name:"LinkOutline",render:function(s,l){return o(),e("svg",v1,M1)}}),j1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},O1=t("path",{d:"M304 336v40a40 40 0 0 1-40 40H104a40 40 0 0 1-40-40V136a40 40 0 0 1 40-40h152c22.09 0 48 17.91 48 40v40",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),z1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M368 336l80-80l-80-80"},null,-1),B1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M176 256h256"},null,-1),L1=[O1,z1,B1],en=n({name:"LogOutOutline",render:function(s,l){return o(),e("svg",j1,L1)}}),H1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},V1=t("path",{d:"M102.41 32C62.38 32 32 64.12 32 103.78v304.45C32 447.86 64.38 480 104.41 480h303.2c40 0 72.39-32.14 72.39-71.77v-3.11c-1.35-.56-115.47-48.57-174.5-76.7c-39.82 48.57-91.18 78-144.5 78c-90.18 0-120.8-78.22-78.1-129.72c9.31-11.22 25.15-21.94 49.73-28c38.45-9.36 99.64 5.85 157 24.61a309.41 309.41 0 0 0 25.46-61.67H138.34V194h91.13v-31.83H119.09v-17.75h110.38V99s0-7.65 7.82-7.65h44.55v53H391v17.75H281.84V194h89.08a359.41 359.41 0 0 1-37.72 94.43c27 9.69 49.31 18.88 67.39 24.89c60.32 20 77.23 22.45 79.41 22.7V103.78C480 64.12 447.6 32 407.61 32h-305.2zM152 274.73q-5.81.06-11.67.63c-11.3 1.13-32.5 6.07-44.09 16.23c-34.74 30-13.94 84.93 56.37 84.93c40.87 0 81.71-25.9 113.79-67.37c-41.36-20-77-34.85-114.4-34.42z",fill:"currentColor"},null,-1),A1=[V1],rn=n({name:"LogoAlipay",render:function(s,l){return o(),e("svg",H1,A1)}}),y1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},S1=i('<path d="M407.94 52.22S321.3 160 240 160H80a16 16 0 0 0-16 16v96a16 16 0 0 0 16 16h160c81.3 0 167.94 108.23 167.94 108.23c6.06 8 24.06 2.52 24.06-9.83V62c0-12.31-17-18.82-24.06-9.78z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M64 256s-16-6-16-32s16-32 16-32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M448 246s16-4.33 16-22s-16-22-16-22" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M256 160v128"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M112 160v128"></path><path d="M144 288v168a8 8 0 0 0 8 8h53a16 16 0 0 0 15.29-20.73C211.91 416.39 192 386.08 192 336h16a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path>',6),b1=[S1],sn=n({name:"MegaphoneOutline",render:function(s,l){return o(),e("svg",y1,b1)}}),D1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},E1=t("path",{d:"M402 168c-2.93 40.67-33.1 72-66 72s-63.12-31.32-66-72c-3-42.31 26.37-72 66-72s69 30.46 66 72z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),q1=t("path",{d:"M336 304c-65.17 0-127.84 32.37-143.54 95.41c-2.08 8.34 3.15 16.59 11.72 16.59h263.65c8.57 0 13.77-8.25 11.72-16.59C463.85 335.36 401.18 304 336 304z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),R1=t("path",{d:"M200 185.94c-2.34 32.48-26.72 58.06-53 58.06s-50.7-25.57-53-58.06C91.61 152.15 115.34 128 147 128s55.39 24.77 53 57.94z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),I1=t("path",{d:"M206 306c-18.05-8.27-37.93-11.45-59-11.45c-52 0-102.1 25.85-114.65 76.2c-1.65 6.66 2.53 13.25 9.37 13.25H154",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-miterlimit":"10","stroke-width":"32"},null,-1),P1=[E1,q1,R1,I1],ln=n({name:"PeopleOutline",render:function(s,l){return o(),e("svg",D1,P1)}}),T1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},W1=t("path",{d:"M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8z",fill:"currentColor"},null,-1),F1=[W1],cn=n({name:"Search",render:function(s,l){return o(),e("svg",T1,F1)}}),N1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},G1=t("path",{d:"M262.29 192.31a64 64 0 1 0 57.4 57.4a64.13 64.13 0 0 0-57.4-57.4zM416.39 256a154.34 154.34 0 0 1-1.53 20.79l45.21 35.46a10.81 10.81 0 0 1 2.45 13.75l-42.77 74a10.81 10.81 0 0 1-13.14 4.59l-44.9-18.08a16.11 16.11 0 0 0-15.17 1.75A164.48 164.48 0 0 1 325 400.8a15.94 15.94 0 0 0-8.82 12.14l-6.73 47.89a11.08 11.08 0 0 1-10.68 9.17h-85.54a11.11 11.11 0 0 1-10.69-8.87l-6.72-47.82a16.07 16.07 0 0 0-9-12.22a155.3 155.3 0 0 1-21.46-12.57a16 16 0 0 0-15.11-1.71l-44.89 18.07a10.81 10.81 0 0 1-13.14-4.58l-42.77-74a10.8 10.8 0 0 1 2.45-13.75l38.21-30a16.05 16.05 0 0 0 6-14.08c-.36-4.17-.58-8.33-.58-12.5s.21-8.27.58-12.35a16 16 0 0 0-6.07-13.94l-38.19-30A10.81 10.81 0 0 1 49.48 186l42.77-74a10.81 10.81 0 0 1 13.14-4.59l44.9 18.08a16.11 16.11 0 0 0 15.17-1.75A164.48 164.48 0 0 1 187 111.2a15.94 15.94 0 0 0 8.82-12.14l6.73-47.89A11.08 11.08 0 0 1 213.23 42h85.54a11.11 11.11 0 0 1 10.69 8.87l6.72 47.82a16.07 16.07 0 0 0 9 12.22a155.3 155.3 0 0 1 21.46 12.57a16 16 0 0 0 15.11 1.71l44.89-18.07a10.81 10.81 0 0 1 13.14 4.58l42.77 74a10.8 10.8 0 0 1-2.45 13.75l-38.21 30a16.05 16.05 0 0 0-6.05 14.08c.33 4.14.55 8.3.55 12.47z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),J1=[G1],dn=n({name:"SettingsOutline",render:function(s,l){return o(),e("svg",N1,J1)}}),K1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},Q1=t("path",{d:"M336 192h40a40 40 0 0 1 40 40v192a40 40 0 0 1-40 40H136a40 40 0 0 1-40-40V232a40 40 0 0 1 40-40h40",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),U1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M336 128l-80-80l-80 80"},null,-1),X1=t("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32",d:"M256 321V48"},null,-1),Y1=[Q1,U1,X1],hn=n({name:"ShareOutline",render:function(s,l){return o(),e("svg",K1,Y1)}}),Z1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},tt=i('<circle cx="128" cy="256" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="112" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="400" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M169.83 279.53l172.34 96.94"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M342.17 135.53l-172.34 96.94"></path>',5),nt=[tt],an=n({name:"ShareSocialOutline",render:function(s,l){return o(),e("svg",Z1,nt)}}),ot={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},et=t("path",{d:"M374.79 308.78L457.5 367a16 16 0 0 0 22.5-14.62V159.62A16 16 0 0 0 457.5 145l-82.71 58.22A16 16 0 0 0 368 216.3v79.4a16 16 0 0 0 6.79 13.08z",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"32"},null,-1),rt=t("path",{d:"M268 384H84a52.15 52.15 0 0 1-52-52V180a52.15 52.15 0 0 1 52-52h184.48A51.68 51.68 0 0 1 320 179.52V332a52.15 52.15 0 0 1-52 52z",fill:"none",stroke:"currentColor","stroke-miterlimit":"10","stroke-width":"32"},null,-1),st=[et,rt],wn=n({name:"VideocamOutline",render:function(s,l){return o(),e("svg",ot,st)}}),lt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 512 512"},it=t("rect",{x:"48",y:"144",width:"416",height:"288",rx:"48",ry:"48",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),ct=t("path",{d:"M411.36 144v-30A50 50 0 0 0 352 64.9L88.64 109.85A50 50 0 0 0 48 159v49",fill:"none",stroke:"currentColor","stroke-linejoin":"round","stroke-width":"32"},null,-1),dt=t("path",{d:"M368 320a32 32 0 1 1 32-32a32 32 0 0 1-32 32z",fill:"currentColor"},null,-1),ht=[it,ct,dt],un=n({name:"WalletOutline",render:function(s,l){return o(),e("svg",lt,ht)}}),at={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},wt=t("g",{fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[t("path",{d:"M9 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-3"}),t("path",{d:"M9 15h3l8.5-8.5a1.5 1.5 0 0 0-3-3L9 12v3"}),t("path",{d:"M16 5l3 3"})],-1),ut=[wt],_n=n({name:"Edit",render:function(s,l){return o(),e("svg",at,ut)}}),_t={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},kt=i('<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9h14"></path><path d="M5 15h14"></path><path d="M11 4L7 20"></path><path d="M17 4l-4 16"></path></g>',1),xt=[kt],kn=n({name:"Hash",render:function(s,l){return o(),e("svg",_t,xt)}}),pt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},gt=i('<g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"></path><path d="M10 11v6"></path><path d="M14 11v6"></path><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12"></path><path d="M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"></path></g>',1),mt=[gt],xn=n({name:"Trash",render:function(s,l){return o(),e("svg",pt,mt)}}),vt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},$t=t("path",{d:"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z",fill:"currentColor"},null,-1),ft=[$t],pn=n({name:"ChevronLeftRound",render:function(s,l){return o(),e("svg",vt,ft)}}),Ct={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},Mt=t("path",{d:"M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z",fill:"currentColor"},null,-1),jt=[Mt],gn=n({name:"DarkModeOutlined",render:function(s,l){return o(),e("svg",Ct,jt)}}),Ot={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},zt=t("path",{d:"M2 17c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1zm0-5c0 .55.45 1 1 1h18c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1 .45-1 1z",fill:"currentColor"},null,-1),Bt=[zt],mn=n({name:"DehazeRound",render:function(s,l){return o(),e("svg",Ot,Bt)}}),Lt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},Ht=t("path",{d:"M12 9c1.65 0 3 1.35 3 3s-1.35 3-3 3s-3-1.35-3-3s1.35-3 3-3m0-2c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z",fill:"currentColor"},null,-1),Vt=[Ht],vn=n({name:"LightModeOutlined",render:function(s,l){return o(),e("svg",Lt,Vt)}}),At={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},yt=t("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z",fill:"currentColor"},null,-1),St=[yt],$n=n({name:"MoreHorizFilled",render:function(s,l){return o(),e("svg",At,St)}}),bt={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},Dt=t("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2s-2 .9-2 2s.9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2z",fill:"currentColor"},null,-1),Et=[Dt],fn=n({name:"MoreVertOutlined",render:function(s,l){return o(),e("svg",bt,Et)}});export{Rt as A,Tt as B,Ft as C,mn as D,Ut as E,Zt as H,tn as I,nn as L,sn as M,ln as P,cn as S,xn as T,wn as V,un as W,dn as a,kn as b,en as c,Qt as d,$n as e,Yt as f,Xt as g,Wt as h,Pt as i,It as j,an as k,fn as l,hn as m,Gt as n,Jt as o,Nt as p,on as q,Kt as r,rn as s,_n as t,pn as u,vn as v,gn as w};
diff --git a/web/dist/assets/Anouncement-a1be6332.js b/web/dist/assets/Anouncement-1028ef75.js
similarity index 88%
rename from web/dist/assets/Anouncement-a1be6332.js
rename to web/dist/assets/Anouncement-1028ef75.js
index 0f44cd19..efeeb606 100644
--- a/web/dist/assets/Anouncement-a1be6332.js
+++ b/web/dist/assets/Anouncement-1028ef75.js
@@ -1 +1 @@
-import{_ as F}from"./post-skeleton-a5bf805a.js";import{_ as N}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as z}from"./vuex-cc1858c6.js";import{b as A}from"./vue-router-29025daf.js";import{a as R}from"./formatTime-936c40eb.js";import{d as S,r as n,j as V,c as o,L as a,Y as p,o as e,U as u,O as l,F as I,$ as L,K as M,a as s,M as _,a1 as O}from"./@vue-f70ab1bd.js";import{F as P,G as U,I as $,H as j}from"./naive-ui-ddb574dd.js";import{_ as q}from"./index-ce5b62d8.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./@vicons-fc06a0bb.js";import"./moment-b7869f98.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";/* empty css               */const D={key:0,class:"pagination-wrap"},E={key:0,class:"skeleton-wrap"},G={key:1},H={key:0,class:"empty-wrap"},K={class:"bill-line"},T=S({__name:"Anouncement",setup(Y){const d=z(),g=A(),v=n(!1),r=n([]),i=n(+g.query.p||1),f=n(20),c=n(0),h=m=>{i.value=m};return V(()=>{}),(m,J)=>{const y=N,k=U,x=F,w=$,B=j,C=P;return e(),o("div",null,[a(y,{title:"公告"}),a(C,{class:"main-content-wrap",bordered:""},{footer:p(()=>[c.value>1?(e(),o("div",D,[a(k,{page:i.value,"onUpdate:page":h,"page-slot":u(d).state.collapsedRight?5:8,"page-count":c.value},null,8,["page","page-slot","page-count"])])):l("",!0)]),default:p(()=>[v.value?(e(),o("div",E,[a(x,{num:f.value},null,8,["num"])])):(e(),o("div",G,[r.value.length===0?(e(),o("div",H,[a(w,{size:"large",description:"暂无数据"})])):l("",!0),(e(!0),o(I,null,L(r.value,t=>(e(),M(B,{key:t.id},{default:p(()=>[s("div",K,[s("div",null,"NO."+_(t.id),1),s("div",null,_(t.reason),1),s("div",{class:O({income:t.change_amount>=0,out:t.change_amount<0})},_((t.change_amount>0?"+":"")+(t.change_amount/100).toFixed(2)),3),s("div",null,_(u(R)(t.created_on)),1)])]),_:2},1024))),128))]))]),_:1})])}}});const kt=q(T,[["__scopeId","data-v-d4d04859"]]);export{kt as default};
+import{_ as F}from"./post-skeleton-fdf95824.js";import{_ as N}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as z}from"./vuex-cc1858c6.js";import{b as A}from"./vue-router-29025daf.js";import{a as R}from"./formatTime-936c40eb.js";import{d as S,r as n,j as V,c as o,L as a,Y as p,o as e,U as u,O as l,F as I,$ as L,K as M,a as s,M as _,a1 as O}from"./@vue-f70ab1bd.js";import{F as P,G as U,I as $,H as j}from"./naive-ui-ddb574dd.js";import{_ as q}from"./index-f6017bc3.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./@vicons-2f3cb6b9.js";import"./moment-b7869f98.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";/* empty css               */const D={key:0,class:"pagination-wrap"},E={key:0,class:"skeleton-wrap"},G={key:1},H={key:0,class:"empty-wrap"},K={class:"bill-line"},T=S({__name:"Anouncement",setup(Y){const d=z(),g=A(),v=n(!1),r=n([]),i=n(+g.query.p||1),f=n(20),c=n(0),h=m=>{i.value=m};return V(()=>{}),(m,J)=>{const y=N,k=U,x=F,w=$,B=j,C=P;return e(),o("div",null,[a(y,{title:"公告"}),a(C,{class:"main-content-wrap",bordered:""},{footer:p(()=>[c.value>1?(e(),o("div",D,[a(k,{page:i.value,"onUpdate:page":h,"page-slot":u(d).state.collapsedRight?5:8,"page-count":c.value},null,8,["page","page-slot","page-count"])])):l("",!0)]),default:p(()=>[v.value?(e(),o("div",E,[a(x,{num:f.value},null,8,["num"])])):(e(),o("div",G,[r.value.length===0?(e(),o("div",H,[a(w,{size:"large",description:"暂无数据"})])):l("",!0),(e(!0),o(I,null,L(r.value,t=>(e(),M(B,{key:t.id},{default:p(()=>[s("div",K,[s("div",null,"NO."+_(t.id),1),s("div",null,_(t.reason),1),s("div",{class:O({income:t.change_amount>=0,out:t.change_amount<0})},_((t.change_amount>0?"+":"")+(t.change_amount/100).toFixed(2)),3),s("div",null,_(u(R)(t.created_on)),1)])]),_:2},1024))),128))]))]),_:1})])}}});const kt=q(T,[["__scopeId","data-v-d4d04859"]]);export{kt as default};
diff --git a/web/dist/assets/Collection-209a2041.js b/web/dist/assets/Collection-209a2041.js
new file mode 100644
index 00000000..53c69ca0
--- /dev/null
+++ b/web/dist/assets/Collection-209a2041.js
@@ -0,0 +1 @@
+import{_ as z}from"./post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js";import{_ as B}from"./post-skeleton-fdf95824.js";import{_ as F}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as P}from"./vuex-cc1858c6.js";import{b as R,u as $}from"./vue-router-29025daf.js";import{G as b,_ as G}from"./index-f6017bc3.js";import{d as I,r as s,j as L,c as e,L as n,Y as m,U as M,O as u,o as t,F as N,$ as S,K as U}from"./@vue-f70ab1bd.js";import{F as V,G as j,I as q,H as E}from"./naive-ui-ddb574dd.js";import"./content-0b348d1e.js";import"./@vicons-2f3cb6b9.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const H={key:0,class:"skeleton-wrap"},K={key:1},O={key:0,class:"empty-wrap"},T={key:0,class:"pagination-wrap"},Y=I({__name:"Collection",setup(A){const d=P(),g=R();$();const a=s(!1),_=s([]),p=s(+g.query.p||1),i=s(20),r=s(0),l=()=>{a.value=!0,b({page:p.value,page_size:i.value}).then(o=>{a.value=!1,_.value=o.list,r.value=Math.ceil(o.pager.total_rows/i.value),window.scrollTo(0,0)}).catch(o=>{a.value=!1})},v=o=>{p.value=o,l()};return L(()=>{l()}),(o,D)=>{const f=F,h=B,k=q,y=z,w=E,C=V,x=j;return t(),e("div",null,[n(f,{title:"收藏"}),n(C,{class:"main-content-wrap",bordered:""},{default:m(()=>[a.value?(t(),e("div",H,[n(h,{num:i.value},null,8,["num"])])):(t(),e("div",K,[_.value.length===0?(t(),e("div",O,[n(k,{size:"large",description:"暂无数据"})])):u("",!0),(t(!0),e(N,null,S(_.value,c=>(t(),U(w,{key:c.id},{default:m(()=>[n(y,{post:c},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),r.value>0?(t(),e("div",T,[n(x,{page:p.value,"onUpdate:page":v,"page-slot":M(d).state.collapsedRight?5:8,"page-count":r.value},null,8,["page","page-slot","page-count"])])):u("",!0)])}}});const xt=G(Y,[["__scopeId","data-v-1e709369"]]);export{xt as default};
diff --git a/web/dist/assets/Collection-cbec4856.js b/web/dist/assets/Collection-cbec4856.js
deleted file mode 100644
index 9e0c3aac..00000000
--- a/web/dist/assets/Collection-cbec4856.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as z}from"./post-item.vue_vue_type_style_index_0_lang-02b1501b.js";import{_ as B}from"./post-skeleton-a5bf805a.js";import{_ as F}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as P}from"./vuex-cc1858c6.js";import{b as R,u as $}from"./vue-router-29025daf.js";import{D as b,_ as I}from"./index-ce5b62d8.js";import{d as L,r as s,j as M,c as e,L as n,Y as m,U as N,O as u,o as t,F as S,$ as U,K as V}from"./@vue-f70ab1bd.js";import{F as j,G as q,I as D,H as E}from"./naive-ui-ddb574dd.js";import"./content-16569a30.js";import"./@vicons-fc06a0bb.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const G={key:0,class:"skeleton-wrap"},H={key:1},K={key:0,class:"empty-wrap"},O={key:0,class:"pagination-wrap"},T=L({__name:"Collection",setup(Y){const d=P(),g=R();$();const a=s(!1),_=s([]),p=s(+g.query.p||1),i=s(20),r=s(0),l=()=>{a.value=!0,b({page:p.value,page_size:i.value}).then(o=>{a.value=!1,_.value=o.list,r.value=Math.ceil(o.pager.total_rows/i.value),window.scrollTo(0,0)}).catch(o=>{a.value=!1})},v=o=>{p.value=o,l()};return M(()=>{l()}),(o,A)=>{const f=F,h=B,k=D,y=z,w=E,C=j,x=q;return t(),e("div",null,[n(f,{title:"收藏"}),n(C,{class:"main-content-wrap",bordered:""},{default:m(()=>[a.value?(t(),e("div",G,[n(h,{num:i.value},null,8,["num"])])):(t(),e("div",H,[_.value.length===0?(t(),e("div",K,[n(k,{size:"large",description:"暂无数据"})])):u("",!0),(t(!0),e(S,null,U(_.value,c=>(t(),V(w,{key:c.id},{default:m(()=>[n(y,{post:c},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),r.value>0?(t(),e("div",O,[n(x,{page:p.value,"onUpdate:page":v,"page-slot":N(d).state.collapsedRight?5:8,"page-count":r.value},null,8,["page","page-slot","page-count"])])):u("",!0)])}}});const xt=I(T,[["__scopeId","data-v-1e709369"]]);export{xt as default};
diff --git a/web/dist/assets/Contacts-d49a42ff.js b/web/dist/assets/Contacts-d49a42ff.js
new file mode 100644
index 00000000..0a2a74ce
--- /dev/null
+++ b/web/dist/assets/Contacts-d49a42ff.js
@@ -0,0 +1 @@
+import{u as M,b as N}from"./vue-router-29025daf.js";import{d as b,o as t,c as n,a as s,L as a,M as v,r as i,j as P,Y as h,U as R,O as y,F as k,$ as S,K as V}from"./@vue-f70ab1bd.js";import{o as q,F as D,G as L,I as T,H as j}from"./naive-ui-ddb574dd.js";import{_ as C,J as E}from"./index-f6017bc3.js";import{_ as G}from"./post-skeleton-fdf95824.js";import{_ as H}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as J}from"./vuex-cc1858c6.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";import"./@vicons-2f3cb6b9.js";/* empty css               */const K={class:"avatar"},O={class:"base-info"},Y={class:"username"},A={class:"uid"},Q=b({__name:"contact-item",props:{contact:null},setup(c){const p=M(),m=e=>{p.push({name:"user",query:{username:e}})};return(e,o)=>{const _=q;return t(),n("div",{class:"contact-item",onClick:o[0]||(o[0]=l=>m(c.contact.username))},[s("div",K,[a(_,{size:"large",src:c.contact.avatar},null,8,["src"])]),s("div",O,[s("div",Y,[s("strong",null,v(c.contact.nickname),1),s("span",null," @"+v(c.contact.username),1)]),s("div",A,"UID. "+v(c.contact.user_id),1)])])}}});const W=C(Q,[["__scopeId","data-v-08ee9b2e"]]),X={key:0,class:"skeleton-wrap"},Z={key:1},tt={key:0,class:"empty-wrap"},et={key:0,class:"pagination-wrap"},ot=b({__name:"Contacts",setup(c){const p=J(),m=N(),e=i(!1),o=i([]),_=i(+m.query.p||1),l=i(20),d=i(0),$=r=>{_.value=r,g()};P(()=>{g()});const g=(r=!1)=>{o.value.length===0&&(e.value=!0),E({page:_.value,page_size:l.value}).then(u=>{e.value=!1,o.value=u.list,d.value=Math.ceil(u.pager.total_rows/l.value),r&&setTimeout(()=>{window.scrollTo(0,99999)},50)}).catch(u=>{e.value=!1})};return(r,u)=>{const w=H,x=G,I=T,z=W,B=j,U=D,F=L;return t(),n(k,null,[s("div",null,[a(w,{title:"好友"}),a(U,{class:"main-content-wrap",bordered:""},{default:h(()=>[e.value?(t(),n("div",X,[a(x,{num:l.value},null,8,["num"])])):(t(),n("div",Z,[o.value.length===0?(t(),n("div",tt,[a(I,{size:"large",description:"暂无数据"})])):y("",!0),(t(!0),n(k,null,S(o.value,f=>(t(),V(B,{key:f.user_id},{default:h(()=>[a(z,{contact:f},null,8,["contact"])]),_:2},1024))),128))]))]),_:1})]),d.value>0?(t(),n("div",et,[a(F,{page:_.value,"onUpdate:page":$,"page-slot":R(p).state.collapsedRight?5:8,"page-count":d.value},null,8,["page","page-slot","page-count"])])):y("",!0)],64)}}});const It=C(ot,[["__scopeId","data-v-3b2bf978"]]);export{It as default};
diff --git a/web/dist/assets/Contacts-f0348211.js b/web/dist/assets/Contacts-f0348211.js
deleted file mode 100644
index c6761953..00000000
--- a/web/dist/assets/Contacts-f0348211.js
+++ /dev/null
@@ -1 +0,0 @@
-import{u as M,b as N}from"./vue-router-29025daf.js";import{d as b,o as t,c as n,a as s,L as a,M as v,r as i,j as P,Y as h,U as R,O as y,F as k,$ as S,K as V}from"./@vue-f70ab1bd.js";import{o as q,F as D,G,I as L,H as T}from"./naive-ui-ddb574dd.js";import{_ as C,G as j}from"./index-ce5b62d8.js";import{_ as E}from"./post-skeleton-a5bf805a.js";import{_ as H}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as K}from"./vuex-cc1858c6.js";import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./axios-707ed124.js";import"./@vicons-fc06a0bb.js";/* empty css               */const O={class:"avatar"},Y={class:"base-info"},A={class:"username"},J={class:"uid"},Q=b({__name:"contact-item",props:{contact:null},setup(c){const p=M(),m=e=>{p.push({name:"user",query:{username:e}})};return(e,o)=>{const _=q;return t(),n("div",{class:"contact-item",onClick:o[0]||(o[0]=l=>m(c.contact.username))},[s("div",O,[a(_,{size:"large",src:c.contact.avatar},null,8,["src"])]),s("div",Y,[s("div",A,[s("strong",null,v(c.contact.nickname),1),s("span",null," @"+v(c.contact.username),1)]),s("div",J,"UID. "+v(c.contact.user_id),1)])])}}});const W=C(Q,[["__scopeId","data-v-08ee9b2e"]]),X={key:0,class:"skeleton-wrap"},Z={key:1},tt={key:0,class:"empty-wrap"},et={key:0,class:"pagination-wrap"},ot=b({__name:"Contacts",setup(c){const p=K(),m=N(),e=i(!1),o=i([]),_=i(+m.query.p||1),l=i(20),d=i(0),$=r=>{_.value=r,g()};P(()=>{g()});const g=(r=!1)=>{o.value.length===0&&(e.value=!0),j({page:_.value,page_size:l.value}).then(u=>{e.value=!1,o.value=u.list,d.value=Math.ceil(u.pager.total_rows/l.value),r&&setTimeout(()=>{window.scrollTo(0,99999)},50)}).catch(u=>{e.value=!1})};return(r,u)=>{const w=H,x=E,I=L,z=W,B=T,U=D,F=G;return t(),n(k,null,[s("div",null,[a(w,{title:"好友"}),a(U,{class:"main-content-wrap",bordered:""},{default:h(()=>[e.value?(t(),n("div",X,[a(x,{num:l.value},null,8,["num"])])):(t(),n("div",Z,[o.value.length===0?(t(),n("div",tt,[a(I,{size:"large",description:"暂无数据"})])):y("",!0),(t(!0),n(k,null,S(o.value,f=>(t(),V(B,{key:f.user_id},{default:h(()=>[a(z,{contact:f},null,8,["contact"])]),_:2},1024))),128))]))]),_:1})]),d.value>0?(t(),n("div",et,[a(F,{page:_.value,"onUpdate:page":$,"page-slot":R(p).state.collapsedRight?5:8,"page-count":d.value},null,8,["page","page-slot","page-count"])])):y("",!0)],64)}}});const It=C(ot,[["__scopeId","data-v-3b2bf978"]]);export{It as default};
diff --git a/web/dist/assets/Home-3911c155.js b/web/dist/assets/Home-adef1ded.js
similarity index 97%
rename from web/dist/assets/Home-3911c155.js
rename to web/dist/assets/Home-adef1ded.js
index 3e6d87b9..a695d1e9 100644
--- a/web/dist/assets/Home-3911c155.js
+++ b/web/dist/assets/Home-adef1ded.js
@@ -1 +1 @@
-import{_ as qe}from"./post-item.vue_vue_type_style_index_0_lang-02b1501b.js";import{_ as Ie}from"./post-skeleton-a5bf805a.js";import{d as Q,r as l,j as X,o as c,c as v,U as $,a as I,L as t,Y as s,K as N,O as q,Z as K,e as z,M as G,F as Y,$ as Z,n as Te,w as Ue}from"./@vue-f70ab1bd.js";import{u as W}from"./vuex-cc1858c6.js";import{l as J}from"./lodash-3329902d.js";import{g as xe,a as Ee,c as Re,b as Le,_ as ze}from"./index-ce5b62d8.js";import{p as Ae}from"./content-16569a30.js";import{V as T,P as S}from"./IEnum-ea67d3af.js";import{I as Pe,V as Se,A as Ne,d as Ve,E as Be}from"./@vicons-fc06a0bb.js";import{o as Oe,v as Me,j as Fe,e as De,w as je,x as He,y as Ke,z as Ge,A as Je,B as Qe,C as Xe,a as Ye,D as Ze,E as We,F as et,G as tt,H as at,I as ot}from"./naive-ui-ddb574dd.js";import{_ as nt}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{b as st,u as lt}from"./vue-router-29025daf.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./copy-to-clipboard-ca358197.js";import"./toggle-selection-93f4ad84.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./nonesir-video-29a967e9.js";const it={key:0,class:"compose-wrap"},ut={class:"compose-line"},rt={class:"compose-user"},ct={class:"compose-line compose-options"},pt={class:"attachment"},_t={class:"submit-wrap"},dt={class:"attachment-list-wrap"},mt={key:0,class:"attachment-price-wrap"},vt=I("span",null," 附件价格￥",-1),gt={key:0,class:"eye-wrap"},ft={key:1,class:"link-wrap"},yt={key:1,class:"compose-wrap"},ht=I("div",{class:"login-wrap"},[I("span",{class:"login-banner"}," 登录后，精彩更多")],-1),wt={key:0,class:"login-only-wrap"},bt={key:1,class:"login-wrap"},kt=Q({__name:"compose",emits:["post-success"],setup(ee,{emit:V}){const r=W(),E=l([]),y=l(!1),h=l(!1),f=l(!1),w=l(!1),b=l(""),U=l([]),R=l(),A=l(0),d=l("public/image"),i=l([]),g=l([]),k=l([]),m=l([]),C=l(T.FRIEND),x=l(T.FRIEND),M=[{value:T.PUBLIC,label:"公开"},{value:T.PRIVATE,label:"私密"},{value:T.FRIEND,label:"好友可见"}],P=+"300",B=l("true".toLowerCase()==="true"),F=l("true".toLowerCase()==="true"),O=l("true".toLowerCase()==="true"),te=l("false".toLowerCase()==="true"),ae=l("true".toLowerCase()==="true"),oe="/v1/attachment",H=l(),ne=()=>{f.value=!f.value,f.value&&w.value&&(w.value=!1)},se=()=>{w.value=!w.value,w.value&&f.value&&(f.value=!1)},le=J.debounce(a=>{xe({k:a}).then(e=>{let n=[];e.suggest.map(o=>{n.push({label:o,value:o})}),E.value=n,y.value=!1}).catch(e=>{y.value=!1})},200),ie=J.debounce(a=>{Ee({k:a}).then(e=>{let n=[];e.suggest.map(o=>{n.push({label:o,value:o})}),E.value=n,y.value=!1}).catch(e=>{y.value=!1})},200),ue=(a,e)=>{y.value||(y.value=!0,e==="@"?le(a):ie(a))},re=a=>{a.length>P||(b.value=a)},D=a=>{d.value=a},ce=a=>{i.value=a},pe=async a=>{var e,n,o,u,_,L;return d.value==="public/image"&&!["image/png","image/jpg","image/jpeg","image/gif"].includes((e=a.file.file)==null?void 0:e.type)?(window.$message.warning("图片仅允许 png/jpg/gif 格式"),!1):d.value==="image"&&((n=a.file.file)==null?void 0:n.size)>10485760?(window.$message.warning("图片大小不能超过10MB"),!1):d.value==="public/video"&&!["video/mp4","video/quicktime"].includes((o=a.file.file)==null?void 0:o.type)?(window.$message.warning("视频仅允许 mp4/mov 格式"),!1):d.value==="public/video"&&((u=a.file.file)==null?void 0:u.size)>104857600?(window.$message.warning("视频大小不能超过100MB"),!1):d.value==="attachment"&&!["application/zip"].includes((_=a.file.file)==null?void 0:_.type)?(window.$message.warning("附件仅允许 zip 格式"),!1):d.value==="attachment"&&((L=a.file.file)==null?void 0:L.size)>104857600?(window.$message.warning("附件大小不能超过100MB"),!1):!0},_e=({file:a,event:e})=>{var n;try{let o=JSON.parse((n=e.target)==null?void 0:n.response);o.code===0&&(d.value==="public/image"&&g.value.push({id:a.id,content:o.data.content}),d.value==="public/video"&&k.value.push({id:a.id,content:o.data.content}),d.value==="attachment"&&m.value.push({id:a.id,content:o.data.content}))}catch{window.$message.error("上传失败")}},de=({file:a,event:e})=>{var n;try{let o=JSON.parse((n=e.target)==null?void 0:n.response);if(o.code!==0){let u=o.msg||"上传失败";o.details&&o.details.length>0&&o.details.map(_=>{u+=":"+_}),window.$message.error(u)}}catch{window.$message.error("上传失败")}},me=({file:a})=>{let e=g.value.findIndex(n=>n.id===a.id);e>-1&&g.value.splice(e,1),e=k.value.findIndex(n=>n.id===a.id),e>-1&&k.value.splice(e,1),e=m.value.findIndex(n=>n.id===a.id),e>-1&&m.value.splice(e,1)},ve=()=>{if(b.value.trim().length===0){window.$message.warning("请输入内容哦");return}let{tags:a,users:e}=Ae(b.value);const n=[];let o=100;n.push({content:b.value,type:S.TEXT,sort:o}),g.value.map(u=>{o++,n.push({content:u.content,type:S.IMAGEURL,sort:o})}),k.value.map(u=>{o++,n.push({content:u.content,type:S.VIDEOURL,sort:o})}),m.value.map(u=>{o++,n.push({content:u.content,type:S.ATTACHMENT,sort:o})}),U.value.length>0&&U.value.map(u=>{o++,n.push({content:u,type:S.LINKURL,sort:o})}),h.value=!0,Re({contents:n,tags:Array.from(new Set(a)),users:Array.from(new Set(e)),attachment_price:+A.value*100,visibility:C.value}).then(u=>{var _;window.$message.success("发布成功"),h.value=!1,V("post-success",u),f.value=!1,w.value=!1,(_=R.value)==null||_.clear(),i.value=[],b.value="",U.value=[],g.value=[],k.value=[],m.value=[],C.value=x.value}).catch(u=>{h.value=!1})},j=a=>{r.commit("triggerAuth",!0),r.commit("triggerAuthKey",a)};return X(()=>{"friend".toLowerCase()==="friend"?x.value=T.FRIEND:"friend".toLowerCase()==="public"?x.value=T.PUBLIC:x.value=T.PRIVATE,C.value=x.value,H.value="Bearer "+localStorage.getItem("PAOPAO_TOKEN")}),(a,e)=>{const n=Oe,o=Me,u=Fe,_=De,L=je,ge=He,fe=Ke,ye=Ge,he=Je,we=Qe,be=Xe,ke=Ye,Ce=Ze,$e=We;return c(),v("div",null,[$(r).state.userInfo.id>0?(c(),v("div",it,[I("div",ut,[I("div",rt,[t(n,{round:"",size:30,src:$(r).state.userInfo.avatar},null,8,["src"])]),t(o,{type:"textarea",size:"large",autosize:"",bordered:!1,loading:y.value,value:b.value,prefix:["@","#"],options:E.value,onSearch:ue,"onUpdate:value":re,placeholder:"说说您的新鲜事..."},null,8,["loading","value","options"])]),t(we,{ref_key:"uploadRef",ref:R,abstract:"","list-type":"image",multiple:!0,max:9,action:oe,headers:{Authorization:H.value},data:{type:d.value},onBeforeUpload:pe,onFinish:_e,onError:de,onRemove:me,"onUpdate:fileList":ce},{default:s(()=>[I("div",ct,[I("div",pt,[t(L,{abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value==="public/video"||i.value.length===9,onClick:()=>{D("public/image"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Pe))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1}),F.value?(c(),N(L,{key:0,abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value!=="public/video"||i.value.length===9,onClick:()=>{D("public/video"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Se))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1})):q("",!0),O.value?(c(),N(L,{key:1,abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value==="public/video"||i.value.length===9,onClick:()=>{D("attachment"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Ne))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1})):q("",!0),t(_,{quaternary:"",circle:"",type:"primary",onClick:K(ne,["stop"])},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Ve))]),_:1})]),_:1},8,["onClick"]),ae.value?(c(),N(_,{key:2,quaternary:"",circle:"",type:"primary",onClick:K(se,["stop"])},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Be))]),_:1})]),_:1},8,["onClick"])):q("",!0)]),I("div",_t,[t(fe,{trigger:"hover",placement:"bottom"},{trigger:s(()=>[t(ge,{class:"text-statistic",type:"circle","show-indicator":!1,status:"success","stroke-width":10,percentage:b.value.length/$(P)*100},null,8,["percentage"])]),default:s(()=>[z(" "+G(b.value.length)+" / "+G($(P)),1)]),_:1}),t(_,{loading:h.value,onClick:ve,type:"primary",secondary:"",round:""},{default:s(()=>[z(" 发布 ")]),_:1},8,["loading"])])]),I("div",dt,[t(ye),m.value.length>0?(c(),v("div",mt,[te.value?(c(),N(he,{key:0,value:A.value,"onUpdate:value":e[0]||(e[0]=p=>A.value=p),min:0,max:1e5,placeholder:"请输入附件价格，0为免费附件"},{prefix:s(()=>[vt]),_:1},8,["value"])):q("",!0)])):q("",!0)])]),_:1},8,["headers","data"]),w.value?(c(),v("div",gt,[t(Ce,{value:C.value,"onUpdate:value":e[1]||(e[1]=p=>C.value=p),name:"radiogroup"},{default:s(()=>[t(ke,null,{default:s(()=>[(c(),v(Y,null,Z(M,p=>t(be,{key:p.value,value:p.value,label:p.label},null,8,["value","label"])),64))]),_:1})]),_:1},8,["value"])])):q("",!0),f.value?(c(),v("div",ft,[t($e,{value:U.value,"onUpdate:value":e[2]||(e[2]=p=>U.value=p),placeholder:"请输入以http(s)://开头的链接",min:0,max:3},{"create-button-default":s(()=>[z(" 创建链接 ")]),_:1},8,["value"])])):q("",!0)])):(c(),v("div",yt,[ht,B.value?q("",!0):(c(),v("div",wt,[t(_,{strong:"",secondary:"",round:"",type:"primary",onClick:e[3]||(e[3]=p=>j("signin"))},{default:s(()=>[z(" 登录 ")]),_:1})])),B.value?(c(),v("div",bt,[t(_,{strong:"",secondary:"",round:"",type:"primary",onClick:e[4]||(e[4]=p=>j("signin"))},{default:s(()=>[z(" 登录 ")]),_:1}),t(_,{strong:"",secondary:"",round:"",type:"info",onClick:e[5]||(e[5]=p=>j("signup"))},{default:s(()=>[z(" 注册 ")]),_:1})])):q("",!0)]))])}}});const Ct={key:0,class:"skeleton-wrap"},$t={key:1},qt={key:0,class:"empty-wrap"},It={key:0,class:"pagination-wrap"},Tt=Q({__name:"Home",setup(ee){const V=W(),r=st(),E=lt(),y=l(!1),h=l([]),f=l(+r.query.p||1),w=l(20),b=l(0),U=Te(()=>{let i="泡泡广场";return r.query&&r.query.q&&(r.query.t&&r.query.t==="tag"?i="#"+decodeURIComponent(r.query.q):i="搜索: "+decodeURIComponent(r.query.q)),i}),R=()=>{y.value=!0,Le({query:r.query.q?decodeURIComponent(r.query.q):null,type:r.query.t,page:f.value,page_size:w.value}).then(i=>{y.value=!1,h.value=i.list,b.value=Math.ceil(i.pager.total_rows/w.value),window.scrollTo(0,0)}).catch(i=>{y.value=!1})},A=i=>{if(f.value!=1){E.push({name:"post",query:{id:i.id}});return}let g=[],k=h.value.length;k==w.value&&k--;for(var m=0;m<k;m++){let C=h.value[m];if(!C.is_top)break;g.push(C)}for(g.push(i);m<k;m++)g.push(h.value[m]);h.value=g},d=i=>{E.push({name:"home",query:{...r.query,p:i}})};return X(()=>{R()}),Ue(()=>({path:r.path,query:r.query,refresh:V.state.refresh}),(i,g)=>{if(i.refresh!==g.refresh){f.value=+r.query.p||1,setTimeout(()=>{R()},0);return}g.path!=="/post"&&i.path==="/"&&(f.value=+r.query.p||1,setTimeout(()=>{R()},0))}),(i,g)=>{const k=nt,m=kt,C=at,x=Ie,M=ot,P=qe,B=et,F=tt;return c(),v("div",null,[t(k,{title:$(U)},null,8,["title"]),t(B,{class:"main-content-wrap",bordered:""},{default:s(()=>[t(C,null,{default:s(()=>[t(m,{onPostSuccess:A})]),_:1}),y.value?(c(),v("div",Ct,[t(x,{num:w.value},null,8,["num"])])):(c(),v("div",$t,[h.value.length===0?(c(),v("div",qt,[t(M,{size:"large",description:"暂无数据"})])):q("",!0),(c(!0),v(Y,null,Z(h.value,O=>(c(),N(C,{key:O.id},{default:s(()=>[t(P,{post:O},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),b.value>0?(c(),v("div",It,[t(F,{page:f.value,"onUpdate:page":d,"page-slot":$(V).state.collapsedRight?5:8,"page-count":b.value},null,8,["page","page-slot","page-count"])])):q("",!0)])}}});const la=ze(Tt,[["__scopeId","data-v-936146f2"]]);export{la as default};
+import{_ as qe}from"./post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js";import{_ as Ie}from"./post-skeleton-fdf95824.js";import{d as Q,r as l,j as X,o as c,c as v,U as $,a as I,L as t,Y as s,K as N,O as q,Z as K,e as z,M as G,F as Y,$ as Z,n as Te,w as Ue}from"./@vue-f70ab1bd.js";import{u as W}from"./vuex-cc1858c6.js";import{l as J}from"./lodash-3329902d.js";import{g as xe,a as Ee,c as Re,b as Le,_ as ze}from"./index-f6017bc3.js";import{p as Ae}from"./content-0b348d1e.js";import{V as T,P as S}from"./IEnum-ea67d3af.js";import{I as Pe,V as Se,A as Ne,d as Ve,E as Be}from"./@vicons-2f3cb6b9.js";import{o as Oe,v as Me,j as Fe,e as De,w as je,x as He,y as Ke,z as Ge,A as Je,B as Qe,C as Xe,a as Ye,D as Ze,E as We,F as et,G as tt,H as at,I as ot}from"./naive-ui-ddb574dd.js";import{_ as nt}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{b as st,u as lt}from"./vue-router-29025daf.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./copy-to-clipboard-ca358197.js";import"./toggle-selection-93f4ad84.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./nonesir-video-29a967e9.js";const it={key:0,class:"compose-wrap"},ut={class:"compose-line"},rt={class:"compose-user"},ct={class:"compose-line compose-options"},pt={class:"attachment"},_t={class:"submit-wrap"},dt={class:"attachment-list-wrap"},mt={key:0,class:"attachment-price-wrap"},vt=I("span",null," 附件价格￥",-1),gt={key:0,class:"eye-wrap"},ft={key:1,class:"link-wrap"},yt={key:1,class:"compose-wrap"},ht=I("div",{class:"login-wrap"},[I("span",{class:"login-banner"}," 登录后，精彩更多")],-1),wt={key:0,class:"login-only-wrap"},bt={key:1,class:"login-wrap"},kt=Q({__name:"compose",emits:["post-success"],setup(ee,{emit:V}){const r=W(),E=l([]),y=l(!1),h=l(!1),f=l(!1),w=l(!1),b=l(""),U=l([]),R=l(),A=l(0),d=l("public/image"),i=l([]),g=l([]),k=l([]),m=l([]),C=l(T.FRIEND),x=l(T.FRIEND),M=[{value:T.PUBLIC,label:"公开"},{value:T.PRIVATE,label:"私密"},{value:T.FRIEND,label:"好友可见"}],P=+"300",B=l("true".toLowerCase()==="true"),F=l("true".toLowerCase()==="true"),O=l("true".toLowerCase()==="true"),te=l("false".toLowerCase()==="true"),ae=l("true".toLowerCase()==="true"),oe="/v1/attachment",H=l(),ne=()=>{f.value=!f.value,f.value&&w.value&&(w.value=!1)},se=()=>{w.value=!w.value,w.value&&f.value&&(f.value=!1)},le=J.debounce(a=>{xe({k:a}).then(e=>{let n=[];e.suggest.map(o=>{n.push({label:o,value:o})}),E.value=n,y.value=!1}).catch(e=>{y.value=!1})},200),ie=J.debounce(a=>{Ee({k:a}).then(e=>{let n=[];e.suggest.map(o=>{n.push({label:o,value:o})}),E.value=n,y.value=!1}).catch(e=>{y.value=!1})},200),ue=(a,e)=>{y.value||(y.value=!0,e==="@"?le(a):ie(a))},re=a=>{a.length>P||(b.value=a)},D=a=>{d.value=a},ce=a=>{i.value=a},pe=async a=>{var e,n,o,u,_,L;return d.value==="public/image"&&!["image/png","image/jpg","image/jpeg","image/gif"].includes((e=a.file.file)==null?void 0:e.type)?(window.$message.warning("图片仅允许 png/jpg/gif 格式"),!1):d.value==="image"&&((n=a.file.file)==null?void 0:n.size)>10485760?(window.$message.warning("图片大小不能超过10MB"),!1):d.value==="public/video"&&!["video/mp4","video/quicktime"].includes((o=a.file.file)==null?void 0:o.type)?(window.$message.warning("视频仅允许 mp4/mov 格式"),!1):d.value==="public/video"&&((u=a.file.file)==null?void 0:u.size)>104857600?(window.$message.warning("视频大小不能超过100MB"),!1):d.value==="attachment"&&!["application/zip"].includes((_=a.file.file)==null?void 0:_.type)?(window.$message.warning("附件仅允许 zip 格式"),!1):d.value==="attachment"&&((L=a.file.file)==null?void 0:L.size)>104857600?(window.$message.warning("附件大小不能超过100MB"),!1):!0},_e=({file:a,event:e})=>{var n;try{let o=JSON.parse((n=e.target)==null?void 0:n.response);o.code===0&&(d.value==="public/image"&&g.value.push({id:a.id,content:o.data.content}),d.value==="public/video"&&k.value.push({id:a.id,content:o.data.content}),d.value==="attachment"&&m.value.push({id:a.id,content:o.data.content}))}catch{window.$message.error("上传失败")}},de=({file:a,event:e})=>{var n;try{let o=JSON.parse((n=e.target)==null?void 0:n.response);if(o.code!==0){let u=o.msg||"上传失败";o.details&&o.details.length>0&&o.details.map(_=>{u+=":"+_}),window.$message.error(u)}}catch{window.$message.error("上传失败")}},me=({file:a})=>{let e=g.value.findIndex(n=>n.id===a.id);e>-1&&g.value.splice(e,1),e=k.value.findIndex(n=>n.id===a.id),e>-1&&k.value.splice(e,1),e=m.value.findIndex(n=>n.id===a.id),e>-1&&m.value.splice(e,1)},ve=()=>{if(b.value.trim().length===0){window.$message.warning("请输入内容哦");return}let{tags:a,users:e}=Ae(b.value);const n=[];let o=100;n.push({content:b.value,type:S.TEXT,sort:o}),g.value.map(u=>{o++,n.push({content:u.content,type:S.IMAGEURL,sort:o})}),k.value.map(u=>{o++,n.push({content:u.content,type:S.VIDEOURL,sort:o})}),m.value.map(u=>{o++,n.push({content:u.content,type:S.ATTACHMENT,sort:o})}),U.value.length>0&&U.value.map(u=>{o++,n.push({content:u,type:S.LINKURL,sort:o})}),h.value=!0,Re({contents:n,tags:Array.from(new Set(a)),users:Array.from(new Set(e)),attachment_price:+A.value*100,visibility:C.value}).then(u=>{var _;window.$message.success("发布成功"),h.value=!1,V("post-success",u),f.value=!1,w.value=!1,(_=R.value)==null||_.clear(),i.value=[],b.value="",U.value=[],g.value=[],k.value=[],m.value=[],C.value=x.value}).catch(u=>{h.value=!1})},j=a=>{r.commit("triggerAuth",!0),r.commit("triggerAuthKey",a)};return X(()=>{"friend".toLowerCase()==="friend"?x.value=T.FRIEND:"friend".toLowerCase()==="public"?x.value=T.PUBLIC:x.value=T.PRIVATE,C.value=x.value,H.value="Bearer "+localStorage.getItem("PAOPAO_TOKEN")}),(a,e)=>{const n=Oe,o=Me,u=Fe,_=De,L=je,ge=He,fe=Ke,ye=Ge,he=Je,we=Qe,be=Xe,ke=Ye,Ce=Ze,$e=We;return c(),v("div",null,[$(r).state.userInfo.id>0?(c(),v("div",it,[I("div",ut,[I("div",rt,[t(n,{round:"",size:30,src:$(r).state.userInfo.avatar},null,8,["src"])]),t(o,{type:"textarea",size:"large",autosize:"",bordered:!1,loading:y.value,value:b.value,prefix:["@","#"],options:E.value,onSearch:ue,"onUpdate:value":re,placeholder:"说说您的新鲜事..."},null,8,["loading","value","options"])]),t(we,{ref_key:"uploadRef",ref:R,abstract:"","list-type":"image",multiple:!0,max:9,action:oe,headers:{Authorization:H.value},data:{type:d.value},onBeforeUpload:pe,onFinish:_e,onError:de,onRemove:me,"onUpdate:fileList":ce},{default:s(()=>[I("div",ct,[I("div",pt,[t(L,{abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value==="public/video"||i.value.length===9,onClick:()=>{D("public/image"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Pe))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1}),F.value?(c(),N(L,{key:0,abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value!=="public/video"||i.value.length===9,onClick:()=>{D("public/video"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Se))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1})):q("",!0),O.value?(c(),N(L,{key:1,abstract:""},{default:s(({handleClick:p})=>[t(_,{disabled:i.value.length>0&&d.value==="public/video"||i.value.length===9,onClick:()=>{D("attachment"),p()},quaternary:"",circle:"",type:"primary"},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Ne))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1})):q("",!0),t(_,{quaternary:"",circle:"",type:"primary",onClick:K(ne,["stop"])},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Ve))]),_:1})]),_:1},8,["onClick"]),ae.value?(c(),N(_,{key:2,quaternary:"",circle:"",type:"primary",onClick:K(se,["stop"])},{icon:s(()=>[t(u,{size:"20",color:"var(--primary-color)"},{default:s(()=>[t($(Be))]),_:1})]),_:1},8,["onClick"])):q("",!0)]),I("div",_t,[t(fe,{trigger:"hover",placement:"bottom"},{trigger:s(()=>[t(ge,{class:"text-statistic",type:"circle","show-indicator":!1,status:"success","stroke-width":10,percentage:b.value.length/$(P)*100},null,8,["percentage"])]),default:s(()=>[z(" "+G(b.value.length)+" / "+G($(P)),1)]),_:1}),t(_,{loading:h.value,onClick:ve,type:"primary",secondary:"",round:""},{default:s(()=>[z(" 发布 ")]),_:1},8,["loading"])])]),I("div",dt,[t(ye),m.value.length>0?(c(),v("div",mt,[te.value?(c(),N(he,{key:0,value:A.value,"onUpdate:value":e[0]||(e[0]=p=>A.value=p),min:0,max:1e5,placeholder:"请输入附件价格，0为免费附件"},{prefix:s(()=>[vt]),_:1},8,["value"])):q("",!0)])):q("",!0)])]),_:1},8,["headers","data"]),w.value?(c(),v("div",gt,[t(Ce,{value:C.value,"onUpdate:value":e[1]||(e[1]=p=>C.value=p),name:"radiogroup"},{default:s(()=>[t(ke,null,{default:s(()=>[(c(),v(Y,null,Z(M,p=>t(be,{key:p.value,value:p.value,label:p.label},null,8,["value","label"])),64))]),_:1})]),_:1},8,["value"])])):q("",!0),f.value?(c(),v("div",ft,[t($e,{value:U.value,"onUpdate:value":e[2]||(e[2]=p=>U.value=p),placeholder:"请输入以http(s)://开头的链接",min:0,max:3},{"create-button-default":s(()=>[z(" 创建链接 ")]),_:1},8,["value"])])):q("",!0)])):(c(),v("div",yt,[ht,B.value?q("",!0):(c(),v("div",wt,[t(_,{strong:"",secondary:"",round:"",type:"primary",onClick:e[3]||(e[3]=p=>j("signin"))},{default:s(()=>[z(" 登录 ")]),_:1})])),B.value?(c(),v("div",bt,[t(_,{strong:"",secondary:"",round:"",type:"primary",onClick:e[4]||(e[4]=p=>j("signin"))},{default:s(()=>[z(" 登录 ")]),_:1}),t(_,{strong:"",secondary:"",round:"",type:"info",onClick:e[5]||(e[5]=p=>j("signup"))},{default:s(()=>[z(" 注册 ")]),_:1})])):q("",!0)]))])}}});const Ct={key:0,class:"skeleton-wrap"},$t={key:1},qt={key:0,class:"empty-wrap"},It={key:0,class:"pagination-wrap"},Tt=Q({__name:"Home",setup(ee){const V=W(),r=st(),E=lt(),y=l(!1),h=l([]),f=l(+r.query.p||1),w=l(20),b=l(0),U=Te(()=>{let i="泡泡广场";return r.query&&r.query.q&&(r.query.t&&r.query.t==="tag"?i="#"+decodeURIComponent(r.query.q):i="搜索: "+decodeURIComponent(r.query.q)),i}),R=()=>{y.value=!0,Le({query:r.query.q?decodeURIComponent(r.query.q):null,type:r.query.t,page:f.value,page_size:w.value}).then(i=>{y.value=!1,h.value=i.list,b.value=Math.ceil(i.pager.total_rows/w.value),window.scrollTo(0,0)}).catch(i=>{y.value=!1})},A=i=>{if(f.value!=1){E.push({name:"post",query:{id:i.id}});return}let g=[],k=h.value.length;k==w.value&&k--;for(var m=0;m<k;m++){let C=h.value[m];if(!C.is_top)break;g.push(C)}for(g.push(i);m<k;m++)g.push(h.value[m]);h.value=g},d=i=>{E.push({name:"home",query:{...r.query,p:i}})};return X(()=>{R()}),Ue(()=>({path:r.path,query:r.query,refresh:V.state.refresh}),(i,g)=>{if(i.refresh!==g.refresh){f.value=+r.query.p||1,setTimeout(()=>{R()},0);return}g.path!=="/post"&&i.path==="/"&&(f.value=+r.query.p||1,setTimeout(()=>{R()},0))}),(i,g)=>{const k=nt,m=kt,C=at,x=Ie,M=ot,P=qe,B=et,F=tt;return c(),v("div",null,[t(k,{title:$(U)},null,8,["title"]),t(B,{class:"main-content-wrap",bordered:""},{default:s(()=>[t(C,null,{default:s(()=>[t(m,{onPostSuccess:A})]),_:1}),y.value?(c(),v("div",Ct,[t(x,{num:w.value},null,8,["num"])])):(c(),v("div",$t,[h.value.length===0?(c(),v("div",qt,[t(M,{size:"large",description:"暂无数据"})])):q("",!0),(c(!0),v(Y,null,Z(h.value,O=>(c(),N(C,{key:O.id},{default:s(()=>[t(P,{post:O},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),b.value>0?(c(),v("div",It,[t(F,{page:f.value,"onUpdate:page":d,"page-slot":$(V).state.collapsedRight?5:8,"page-count":b.value},null,8,["page","page-slot","page-count"])])):q("",!0)])}}});const la=ze(Tt,[["__scopeId","data-v-936146f2"]]);export{la as default};
diff --git a/web/dist/assets/Messages-4d43818f.js b/web/dist/assets/Messages-b6f6d433.js
similarity index 75%
rename from web/dist/assets/Messages-4d43818f.js
rename to web/dist/assets/Messages-b6f6d433.js
index fa40c0a6..f71ed184 100644
--- a/web/dist/assets/Messages-4d43818f.js
+++ b/web/dist/assets/Messages-b6f6d433.js
@@ -1 +1 @@
-import{d as b,_ as A,o as a,c as o,L as n,Y as i,a as k,Z as $,e as u,M as g,K as B,O as l,U as p,a1 as V,$ as N,F as O,r as y,j as D}from"./@vue-f70ab1bd.js";import{u as L,b as U}from"./vue-router-29025daf.js";import{z as P,A as T,B as E,_ as F,C as G}from"./index-ce5b62d8.js";import{a as H}from"./formatTime-936c40eb.js";import{l as K,m as Y,n as S,o as Z}from"./@vicons-fc06a0bb.js";import{o as J,l as Q,j as W,S as X,L as ee,U as se,F as te,G as ne,I as ae,H as oe}from"./naive-ui-ddb574dd.js";import{_ as ie}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as le}from"./vuex-cc1858c6.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";const re={class:"sender-wrap"},ce={key:0,class:"nickname"},_e={class:"username"},ue={key:1,class:"nickname"},de={class:"timestamp"},me={class:"timestamp-txt"},pe={key:0,class:"brief-content"},ge={key:1,class:"whisper-content-wrap"},ve={key:2,class:"requesting-friend-wrap"},fe={key:2,class:"status-info"},ye={key:3,class:"status-info"},ke=b({__name:"message-item",props:{message:null},setup(e){const h="https://assets.paopao.info/public/avatar/default/admin.png",w=L(),r=s=>{c(s),(s.type===1||s.type===2||s.type===3)&&(s.post&&s.post.id>0?w.push({name:"post",query:{id:s.post_id}}):window.$message.error("该动态已被删除"))},d=s=>{c(s),P({user_id:s.sender_user_id}).then(t=>{s.reply_id=2,window.$message.success("已同意添加好友")}).catch(t=>{console.log(t)})},v=s=>{c(s),T({user_id:s.sender_user_id}).then(t=>{s.reply_id=3,window.$message.success("已拒绝添加好友")}).catch(t=>{console.log(t)})},c=s=>{s.is_read===0&&E({id:s.id}).then(t=>{s.is_read=1}).catch(t=>{console.log(t)})};return(s,t)=>{const x=J,_=A("router-link"),z=Q,m=W,C=X,M=ee;return a(),o("div",{class:V(["message-item",{unread:e.message.is_read===0}]),onClick:t[4]||(t[4]=f=>c(e.message))},[n(M,{"content-indented":""},{avatar:i(()=>[n(x,{round:"",size:30,src:e.message.sender_user.id>0?e.message.sender_user.avatar:h},null,8,["src"])]),header:i(()=>[k("div",re,[e.message.sender_user.id>0?(a(),o("span",ce,[n(_,{onClick:t[0]||(t[0]=$(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e.message.sender_user.username}}},{default:i(()=>[u(g(e.message.sender_user.nickname),1)]),_:1},8,["to"]),k("span",_e," @"+g(e.message.sender_user.username),1)])):(a(),o("span",ue," 系统 "))])]),"header-extra":i(()=>[k("span",de,[e.message.is_read===0?(a(),B(z,{key:0,dot:"",processing:""})):l("",!0),k("span",me,g(p(H)(e.message.created_on)),1)])]),description:i(()=>[n(C,{"show-icon":!1,class:"brief-wrap",type:e.message.is_read>0?"default":"success"},{default:i(()=>[e.message.type!=4?(a(),o("div",pe,[u(g(e.message.brief)+" ",1),e.message.type===1||e.message.type===2||e.message.type===3?(a(),o("span",{key:0,onClick:t[1]||(t[1]=$(f=>r(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(K))]),_:1}),u(" 查看详情 ")])):l("",!0)])):l("",!0),e.message.type===4?(a(),o("div",ge,g(e.message.content),1)):l("",!0),e.message.type===5?(a(),o("div",ve,[u(g(e.message.content)+" ",1),e.message.reply_id===1?(a(),o("span",{key:0,onClick:t[2]||(t[2]=$(f=>d(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(Y))]),_:1}),u(" 同意 ")])):l("",!0),e.message.reply_id===1?(a(),o("span",{key:1,onClick:t[3]||(t[3]=$(f=>v(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(S))]),_:1}),u(" 拒绝 ")])):l("",!0),e.message.reply_id===2?(a(),o("span",fe,[n(m,null,{default:i(()=>[n(p(Z))]),_:1}),u(" 已同意 ")])):l("",!0),e.message.reply_id===3?(a(),o("span",ye,[n(m,null,{default:i(()=>[n(p(S))]),_:1}),u(" 已拒绝 ")])):l("",!0)])):l("",!0)]),_:1},8,["type"])]),_:1})],2)}}});const he=F(ke,[["__scopeId","data-v-4a0e27fa"]]),we={class:"content"},$e=b({__name:"message-skeleton",props:{num:{default:1}},setup(e){return(h,w)=>{const r=se;return a(!0),o(O,null,N(new Array(e.num),d=>(a(),o("div",{class:"skeleton-item",key:d},[k("div",we,[n(r,{text:"",repeat:2}),n(r,{text:"",style:{width:"60%"}})])]))),128)}}});const xe=F($e,[["__scopeId","data-v-01d2e871"]]),Ce={key:0,class:"skeleton-wrap"},Me={key:1},be={key:0,class:"empty-wrap"},Fe={key:0,class:"pagination-wrap"},ze=b({__name:"Messages",setup(e){const h=U(),w=le(),r=y(!1),d=y(+h.query.p||1),v=y(10),c=y(0),s=y([]),t=()=>{r.value=!0,G({page:d.value,page_size:v.value}).then(_=>{r.value=!1,s.value=_.list,c.value=Math.ceil(_.pager.total_rows/v.value)}).catch(_=>{r.value=!1})},x=_=>{d.value=_,t()};return D(()=>{t()}),(_,z)=>{const m=ie,C=xe,M=ae,f=he,R=oe,j=te,q=ne;return a(),o("div",null,[n(m,{title:"消息"}),n(j,{class:"main-content-wrap messages-wrap",bordered:""},{default:i(()=>[r.value?(a(),o("div",Ce,[n(C,{num:v.value},null,8,["num"])])):(a(),o("div",Me,[s.value.length===0?(a(),o("div",be,[n(M,{size:"large",description:"暂无数据"})])):l("",!0),(a(!0),o(O,null,N(s.value,I=>(a(),B(R,{key:I.id},{default:i(()=>[n(f,{message:I},null,8,["message"])]),_:2},1024))),128))]))]),_:1}),c.value>0?(a(),o("div",Fe,[n(q,{page:d.value,"onUpdate:page":x,"page-slot":p(w).state.collapsedRight?5:8,"page-count":c.value},null,8,["page","page-slot","page-count"])])):l("",!0)])}}});const Xe=F(ze,[["__scopeId","data-v-4e7b1342"]]);export{Xe as default};
+import{d as b,_ as D,o as a,c as o,L as n,Y as i,a as k,Z as $,e as u,M as g,K as N,O as l,U as p,a1 as V,$ as O,F as R,r as y,j as A}from"./@vue-f70ab1bd.js";import{u as L,b as U}from"./vue-router-29025daf.js";import{C as E,D as P,E as T,_ as F,F as G}from"./index-f6017bc3.js";import{a as H}from"./formatTime-936c40eb.js";import{m as K,n as Y,o as z,p as Z}from"./@vicons-2f3cb6b9.js";import{o as J,l as Q,j as W,S as X,L as ee,U as se,F as te,G as ne,I as ae,H as oe}from"./naive-ui-ddb574dd.js";import{_ as ie}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as le}from"./vuex-cc1858c6.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";const re={class:"sender-wrap"},ce={key:0,class:"nickname"},_e={class:"username"},ue={key:1,class:"nickname"},de={class:"timestamp"},me={class:"timestamp-txt"},pe={key:0,class:"brief-content"},ge={key:1,class:"whisper-content-wrap"},ve={key:2,class:"requesting-friend-wrap"},fe={key:2,class:"status-info"},ye={key:3,class:"status-info"},ke=b({__name:"message-item",props:{message:null},setup(e){const h="https://assets.paopao.info/public/avatar/default/admin.png",w=L(),r=s=>{c(s),(s.type===1||s.type===2||s.type===3)&&(s.post&&s.post.id>0?w.push({name:"post",query:{id:s.post_id}}):window.$message.error("该动态已被删除"))},d=s=>{c(s),E({user_id:s.sender_user_id}).then(t=>{s.reply_id=2,window.$message.success("已同意添加好友")}).catch(t=>{console.log(t)})},v=s=>{c(s),P({user_id:s.sender_user_id}).then(t=>{s.reply_id=3,window.$message.success("已拒绝添加好友")}).catch(t=>{console.log(t)})},c=s=>{s.is_read===0&&T({id:s.id}).then(t=>{s.is_read=1}).catch(t=>{console.log(t)})};return(s,t)=>{const x=J,_=D("router-link"),I=Q,m=W,C=X,M=ee;return a(),o("div",{class:V(["message-item",{unread:e.message.is_read===0}]),onClick:t[4]||(t[4]=f=>c(e.message))},[n(M,{"content-indented":""},{avatar:i(()=>[n(x,{round:"",size:30,src:e.message.sender_user.id>0?e.message.sender_user.avatar:h},null,8,["src"])]),header:i(()=>[k("div",re,[e.message.sender_user.id>0?(a(),o("span",ce,[n(_,{onClick:t[0]||(t[0]=$(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e.message.sender_user.username}}},{default:i(()=>[u(g(e.message.sender_user.nickname),1)]),_:1},8,["to"]),k("span",_e," @"+g(e.message.sender_user.username),1)])):(a(),o("span",ue," 系统 "))])]),"header-extra":i(()=>[k("span",de,[e.message.is_read===0?(a(),N(I,{key:0,dot:"",processing:""})):l("",!0),k("span",me,g(p(H)(e.message.created_on)),1)])]),description:i(()=>[n(C,{"show-icon":!1,class:"brief-wrap",type:e.message.is_read>0?"default":"success"},{default:i(()=>[e.message.type!=4?(a(),o("div",pe,[u(g(e.message.brief)+" ",1),e.message.type===1||e.message.type===2||e.message.type===3?(a(),o("span",{key:0,onClick:t[1]||(t[1]=$(f=>r(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(K))]),_:1}),u(" 查看详情 ")])):l("",!0)])):l("",!0),e.message.type===4?(a(),o("div",ge,g(e.message.content),1)):l("",!0),e.message.type===5?(a(),o("div",ve,[u(g(e.message.content)+" ",1),e.message.reply_id===1?(a(),o("span",{key:0,onClick:t[2]||(t[2]=$(f=>d(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(Y))]),_:1}),u(" 同意 ")])):l("",!0),e.message.reply_id===1?(a(),o("span",{key:1,onClick:t[3]||(t[3]=$(f=>v(e.message),["stop"])),class:"hash-link view-link"},[n(m,null,{default:i(()=>[n(p(z))]),_:1}),u(" 拒绝 ")])):l("",!0),e.message.reply_id===2?(a(),o("span",fe,[n(m,null,{default:i(()=>[n(p(Z))]),_:1}),u(" 已同意 ")])):l("",!0),e.message.reply_id===3?(a(),o("span",ye,[n(m,null,{default:i(()=>[n(p(z))]),_:1}),u(" 已拒绝 ")])):l("",!0)])):l("",!0)]),_:1},8,["type"])]),_:1})],2)}}});const he=F(ke,[["__scopeId","data-v-4a0e27fa"]]),we={class:"content"},$e=b({__name:"message-skeleton",props:{num:{default:1}},setup(e){return(h,w)=>{const r=se;return a(!0),o(R,null,O(new Array(e.num),d=>(a(),o("div",{class:"skeleton-item",key:d},[k("div",we,[n(r,{text:"",repeat:2}),n(r,{text:"",style:{width:"60%"}})])]))),128)}}});const xe=F($e,[["__scopeId","data-v-01d2e871"]]),Ce={key:0,class:"skeleton-wrap"},Me={key:1},be={key:0,class:"empty-wrap"},Fe={key:0,class:"pagination-wrap"},Ie=b({__name:"Messages",setup(e){const h=U(),w=le(),r=y(!1),d=y(+h.query.p||1),v=y(10),c=y(0),s=y([]),t=()=>{r.value=!0,G({page:d.value,page_size:v.value}).then(_=>{r.value=!1,s.value=_.list,c.value=Math.ceil(_.pager.total_rows/v.value)}).catch(_=>{r.value=!1})},x=_=>{d.value=_,t()};return A(()=>{t()}),(_,I)=>{const m=ie,C=xe,M=ae,f=he,j=oe,q=te,B=ne;return a(),o("div",null,[n(m,{title:"消息"}),n(q,{class:"main-content-wrap messages-wrap",bordered:""},{default:i(()=>[r.value?(a(),o("div",Ce,[n(C,{num:v.value},null,8,["num"])])):(a(),o("div",Me,[s.value.length===0?(a(),o("div",be,[n(M,{size:"large",description:"暂无数据"})])):l("",!0),(a(!0),o(R,null,O(s.value,S=>(a(),N(j,{key:S.id},{default:i(()=>[n(f,{message:S},null,8,["message"])]),_:2},1024))),128))]))]),_:1}),c.value>0?(a(),o("div",Fe,[n(B,{page:d.value,"onUpdate:page":x,"page-slot":p(w).state.collapsedRight?5:8,"page-count":c.value},null,8,["page","page-slot","page-count"])])):l("",!0)])}}});const Xe=F(Ie,[["__scopeId","data-v-4e7b1342"]]);export{Xe as default};
diff --git a/web/dist/assets/Post-2deb7ac3.css b/web/dist/assets/Post-03f1477b.css
similarity index 90%
rename from web/dist/assets/Post-2deb7ac3.css
rename to web/dist/assets/Post-03f1477b.css
index 8298237e..33112822 100644
--- a/web/dist/assets/Post-2deb7ac3.css
+++ b/web/dist/assets/Post-03f1477b.css
@@ -1 +1 @@
-.reply-compose-wrap .reply-switch[data-v-89bc7a6d]{text-align:right;font-size:12px;margin:10px 0}.reply-compose-wrap .reply-switch .show[data-v-89bc7a6d]{color:#18a058;cursor:pointer}.reply-compose-wrap .reply-switch .hide[data-v-89bc7a6d]{opacity:.75;cursor:pointer}.dark .reply-compose-wrap[data-v-89bc7a6d]{background-color:#101014bf}.reply-item[data-v-c486479f]{display:flex;flex-direction:column;font-size:12px;padding:8px;border-bottom:1px solid #f3f3f3}.reply-item .header-wrap[data-v-c486479f]{display:flex;align-items:center;justify-content:space-between}.reply-item .header-wrap .username[data-v-c486479f]{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-item .header-wrap .username .reply-name[data-v-c486479f]{margin:0 3px;opacity:.75}.reply-item .header-wrap .timestamp[data-v-c486479f]{opacity:.75;text-align:right;display:flex;align-items:center;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-item .base-wrap[data-v-c486479f]{display:flex}.reply-item .base-wrap .content[data-v-c486479f]{width:calc(100% - 40px);margin-top:4px;font-size:12px;text-align:justify;line-height:2}.reply-item .base-wrap .reply-switch[data-v-c486479f]{width:40px;text-align:right;font-size:12px;margin:10px 0 0}.reply-item .base-wrap .reply-switch .show[data-v-c486479f]{color:#18a058;cursor:pointer}.reply-item .base-wrap .reply-switch .hide[data-v-c486479f]{opacity:.75;cursor:pointer}.dark .reply-item[data-v-c486479f]{border-bottom:1px solid #262628;background-color:#101014bf}.comment-item[data-v-02db83b3]{width:100%;padding:16px;box-sizing:border-box}.comment-item .nickname-wrap[data-v-02db83b3]{font-size:14px}.comment-item .username-wrap[data-v-02db83b3]{font-size:14px;opacity:.75}.comment-item .opt-wrap[data-v-02db83b3]{display:flex;align-items:center}.comment-item .opt-wrap .timestamp[data-v-02db83b3]{opacity:.75;font-size:12px}.comment-item .opt-wrap .del-btn[data-v-02db83b3]{margin-left:4px}.comment-item .comment-text[data-v-02db83b3]{display:block;text-align:justify;overflow:hidden;white-space:pre-wrap;word-break:break-all}.comment-item .opt-item[data-v-02db83b3]{display:flex;align-items:center;opacity:.7}.comment-item .opt-item .opt-item-icon[data-v-02db83b3]{margin-right:10px}.reply-wrap[data-v-02db83b3]{margin-top:10px;border-radius:5px;background:#fafafc}.reply-wrap .reply-item[data-v-02db83b3]:last-child{border-bottom:none}.dark .reply-wrap[data-v-02db83b3]{background:#18181c}.dark .comment-item[data-v-02db83b3]{background-color:#101014bf}.compose-wrap[data-v-ca3e6071]{width:100%;padding:16px;box-sizing:border-box}.compose-wrap .compose-line[data-v-ca3e6071]{display:flex;flex-direction:row}.compose-wrap .compose-line .compose-user[data-v-ca3e6071]{width:42px;height:42px;display:flex;align-items:center}.compose-wrap .compose-line.compose-options[data-v-ca3e6071]{margin-top:6px;padding-left:42px;display:flex;justify-content:space-between}.compose-wrap .compose-line.compose-options .submit-wrap[data-v-ca3e6071]{display:flex;align-items:center}.compose-wrap .compose-line.compose-options .submit-wrap .cancel-btn[data-v-ca3e6071]{margin-right:8px}.compose-wrap .login-only-wrap[data-v-ca3e6071]{display:flex;justify-content:center;width:100%}.compose-wrap .login-only-wrap button[data-v-ca3e6071]{margin:0 4px;width:50%}.compose-wrap .login-wrap[data-v-ca3e6071]{display:flex;justify-content:center;width:100%}.compose-wrap .login-wrap .login-banner[data-v-ca3e6071]{margin-bottom:12px;opacity:.8}.compose-wrap .login-wrap button[data-v-ca3e6071]{margin:0 4px}.attachment[data-v-ca3e6071]{display:flex;align-items:center}.attachment .text-statistic[data-v-ca3e6071]{margin-left:8px;width:18px;height:18px;transform:rotate(180deg)}.attachment-list-wrap[data-v-ca3e6071]{margin-top:12px;margin-left:42px}.attachment-list-wrap .n-upload-file-info__thumbnail[data-v-ca3e6071]{overflow:hidden}.dark .compose-mention[data-v-ca3e6071],.dark .compose-wrap[data-v-ca3e6071]{background-color:#101014bf}.detail-item{width:100%;padding:16px;box-sizing:border-box;background:#f7f9f9}.detail-item .nickname-wrap{font-size:14px}.detail-item .username-wrap{font-size:14px;opacity:.75}.detail-item .top-tag{transform:scale(.75)}.detail-item .options{opacity:.75}.detail-item .post-text{font-size:16px;text-align:justify;overflow:hidden;white-space:pre-wrap;word-break:break-all}.detail-item .opts-wrap{margin-top:20px}.detail-item .opts-wrap .opt-item{display:flex;align-items:center;opacity:.7}.detail-item .opts-wrap .opt-item .opt-item-icon{margin-right:10px}.detail-item .opts-wrap .opt-item.hover{cursor:pointer}.detail-item .n-thing .n-thing-avatar-header-wrapper{align-items:center}.detail-item .timestamp{opacity:.75;font-size:12px;margin-top:10px}.dark .detail-item{background:#18181c}.detail-wrap[data-v-c8247a20]{min-height:100px}.comment-opts-wrap[data-v-c8247a20]{margin-top:6px}.comment-opts-wrap .comment-opt-item[data-v-c8247a20]{display:flex;padding-left:16px;padding-right:16px;align-items:center;opacity:.75}.comment-opts-wrap .comment-title-item[data-v-c8247a20]{padding-left:16px;padding-top:4px;font-size:16px;text-align:center;opacity:.75}.dark .main-content-wrap[data-v-c8247a20],.dark .skeleton-wrap[data-v-c8247a20]{background-color:#101014bf}
+.reply-compose-wrap .reply-switch[data-v-89bc7a6d]{text-align:right;font-size:12px;margin:10px 0}.reply-compose-wrap .reply-switch .show[data-v-89bc7a6d]{color:#18a058;cursor:pointer}.reply-compose-wrap .reply-switch .hide[data-v-89bc7a6d]{opacity:.75;cursor:pointer}.dark .reply-compose-wrap[data-v-89bc7a6d]{background-color:#101014bf}.reply-item[data-v-c486479f]{display:flex;flex-direction:column;font-size:12px;padding:8px;border-bottom:1px solid #f3f3f3}.reply-item .header-wrap[data-v-c486479f]{display:flex;align-items:center;justify-content:space-between}.reply-item .header-wrap .username[data-v-c486479f]{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-item .header-wrap .username .reply-name[data-v-c486479f]{margin:0 3px;opacity:.75}.reply-item .header-wrap .timestamp[data-v-c486479f]{opacity:.75;text-align:right;display:flex;align-items:center;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-item .base-wrap[data-v-c486479f]{display:flex}.reply-item .base-wrap .content[data-v-c486479f]{width:calc(100% - 40px);margin-top:4px;font-size:12px;text-align:justify;line-height:2}.reply-item .base-wrap .reply-switch[data-v-c486479f]{width:40px;text-align:right;font-size:12px;margin:10px 0 0}.reply-item .base-wrap .reply-switch .show[data-v-c486479f]{color:#18a058;cursor:pointer}.reply-item .base-wrap .reply-switch .hide[data-v-c486479f]{opacity:.75;cursor:pointer}.dark .reply-item[data-v-c486479f]{border-bottom:1px solid #262628;background-color:#101014bf}.comment-item[data-v-02db83b3]{width:100%;padding:16px;box-sizing:border-box}.comment-item .nickname-wrap[data-v-02db83b3]{font-size:14px}.comment-item .username-wrap[data-v-02db83b3]{font-size:14px;opacity:.75}.comment-item .opt-wrap[data-v-02db83b3]{display:flex;align-items:center}.comment-item .opt-wrap .timestamp[data-v-02db83b3]{opacity:.75;font-size:12px}.comment-item .opt-wrap .del-btn[data-v-02db83b3]{margin-left:4px}.comment-item .comment-text[data-v-02db83b3]{display:block;text-align:justify;overflow:hidden;white-space:pre-wrap;word-break:break-all}.comment-item .opt-item[data-v-02db83b3]{display:flex;align-items:center;opacity:.7}.comment-item .opt-item .opt-item-icon[data-v-02db83b3]{margin-right:10px}.reply-wrap[data-v-02db83b3]{margin-top:10px;border-radius:5px;background:#fafafc}.reply-wrap .reply-item[data-v-02db83b3]:last-child{border-bottom:none}.dark .reply-wrap[data-v-02db83b3]{background:#18181c}.dark .comment-item[data-v-02db83b3]{background-color:#101014bf}.compose-wrap[data-v-ca3e6071]{width:100%;padding:16px;box-sizing:border-box}.compose-wrap .compose-line[data-v-ca3e6071]{display:flex;flex-direction:row}.compose-wrap .compose-line .compose-user[data-v-ca3e6071]{width:42px;height:42px;display:flex;align-items:center}.compose-wrap .compose-line.compose-options[data-v-ca3e6071]{margin-top:6px;padding-left:42px;display:flex;justify-content:space-between}.compose-wrap .compose-line.compose-options .submit-wrap[data-v-ca3e6071]{display:flex;align-items:center}.compose-wrap .compose-line.compose-options .submit-wrap .cancel-btn[data-v-ca3e6071]{margin-right:8px}.compose-wrap .login-only-wrap[data-v-ca3e6071]{display:flex;justify-content:center;width:100%}.compose-wrap .login-only-wrap button[data-v-ca3e6071]{margin:0 4px;width:50%}.compose-wrap .login-wrap[data-v-ca3e6071]{display:flex;justify-content:center;width:100%}.compose-wrap .login-wrap .login-banner[data-v-ca3e6071]{margin-bottom:12px;opacity:.8}.compose-wrap .login-wrap button[data-v-ca3e6071]{margin:0 4px}.attachment[data-v-ca3e6071]{display:flex;align-items:center}.attachment .text-statistic[data-v-ca3e6071]{margin-left:8px;width:18px;height:18px;transform:rotate(180deg)}.attachment-list-wrap[data-v-ca3e6071]{margin-top:12px;margin-left:42px}.attachment-list-wrap .n-upload-file-info__thumbnail[data-v-ca3e6071]{overflow:hidden}.dark .compose-mention[data-v-ca3e6071],.dark .compose-wrap[data-v-ca3e6071]{background-color:#101014bf}.detail-item{width:100%;padding:16px;box-sizing:border-box;background:#f7f9f9}.detail-item .nickname-wrap{font-size:14px}.detail-item .username-wrap{font-size:14px;opacity:.75}.detail-item .top-tag{transform:scale(.75)}.detail-item .options{opacity:.75}.detail-item .post-text{font-size:16px;text-align:justify;overflow:hidden;white-space:pre-wrap;word-break:break-all}.detail-item .opts-wrap{margin-top:20px}.detail-item .opts-wrap .opt-item{display:flex;align-items:center;opacity:.7}.detail-item .opts-wrap .opt-item .opt-item-icon{margin-right:10px}.detail-item .opts-wrap .opt-item.hover{cursor:pointer}.detail-item .n-thing .n-thing-avatar-header-wrapper{align-items:center}.detail-item .timestamp{opacity:.75;font-size:12px;margin-top:10px}.dark .detail-item{background:#18181c}.detail-wrap[data-v-219a8fb1]{min-height:100px}.comment-opts-wrap[data-v-219a8fb1]{padding-top:6px;padding-left:16px;padding-right:16px;opacity:.75}.comment-opts-wrap .comment-title-item[data-v-219a8fb1]{padding-top:4px;font-size:16px;text-align:center}.dark .main-content-wrap[data-v-219a8fb1],.dark .skeleton-wrap[data-v-219a8fb1]{background-color:#101014bf}
diff --git a/web/dist/assets/Post-7f43efba.js b/web/dist/assets/Post-ea11be7c.js
similarity index 59%
rename from web/dist/assets/Post-7f43efba.js
rename to web/dist/assets/Post-ea11be7c.js
index e79c4b17..5d9236dd 100644
--- a/web/dist/assets/Post-7f43efba.js
+++ b/web/dist/assets/Post-ea11be7c.js
@@ -1 +1 @@
-import{d as $e,_ as Z,e as xe,f as Ce,g as Ie,h as Pe,i as Re,j as Ue,k as ze,l as Se,s as Te,v as Le,p as Ae,m as qe,n as Me,o as Oe}from"./index-ce5b62d8.js";import{b as Be,e as W,J as je,j as ne,K as me,o as re,L as ve,v as De,w as Ne,x as Ve,y as Ee,z as Fe,B as He,M as Ke,O as Je,i as Ge,P as Qe,a as fe,F as Ye,I as Ze,k as We,H as Xe,f as et,g as tt}from"./naive-ui-ddb574dd.js";import{d as G,r as p,o as a,c as d,a as m,O as y,L as s,Y as n,e as w,_ as _e,M as P,K as S,U as e,n as ee,a3 as st,F as te,$ as se,Z as K,j as pe,a4 as ge,a5 as he,w as ot}from"./@vue-f70ab1bd.js";import{u as ae}from"./vuex-cc1858c6.js";import{f as oe}from"./formatTime-936c40eb.js";import{T as ye,I as nt,e as at,f as lt,g as it,h as ct,i as ut,j as rt,k as _t}from"./@vicons-fc06a0bb.js";import{p as de,_ as ke,a as pt,b as dt,c as mt}from"./content-16569a30.js";import{u as we,b as vt}from"./vue-router-29025daf.js";import{_ as ft}from"./post-skeleton-a5bf805a.js";import{l as gt}from"./lodash-3329902d.js";import{V as Y}from"./IEnum-ea67d3af.js";import{a as ht}from"./copy-to-clipboard-ca358197.js";import{_ as yt}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";import"./nonesir-video-29a967e9.js";import"./toggle-selection-93f4ad84.js";const kt={class:"reply-compose-wrap"},wt={class:"reply-switch"},bt={key:0,class:"reply-input-wrap"},$t=G({__name:"compose-reply",props:{commentId:{default:0},atUserid:{default:0},atUsername:{default:""}},emits:["reload","reset"],setup(U,{expose:T,emit:i}){const c=U,R=p(),k=p(!1),f=p(""),C=p(!1),l=g=>{k.value=g,g?setTimeout(()=>{var r;(r=R.value)==null||r.focus()},10):(C.value=!1,f.value="",i("reset"))},z=()=>{C.value=!0,$e({comment_id:c.commentId,at_user_id:c.atUserid,content:f.value}).then(g=>{l(!1),window.$message.success("评论成功"),i("reload")}).catch(g=>{C.value=!1})};return T({switchReply:l}),(g,r)=>{const b=Be,o=W,I=je;return a(),d("div",kt,[m("div",wt,[k.value?y("",!0):(a(),d("span",{key:0,class:"show",onClick:r[0]||(r[0]=h=>l(!0))}," 回复 ")),k.value?(a(),d("span",{key:1,class:"hide",onClick:r[1]||(r[1]=h=>l(!1))}," 取消 ")):y("",!0)]),k.value?(a(),d("div",bt,[s(I,null,{default:n(()=>[s(b,{ref_key:"inputInstRef",ref:R,size:"small",placeholder:c.atUsername?"@"+c.atUsername:"请输入回复内容..",maxlength:"100",value:f.value,"onUpdate:value":r[2]||(r[2]=h=>f.value=h),"show-count":"",clearable:""},null,8,["placeholder","value"]),s(o,{type:"primary",size:"small",ghost:"",loading:C.value,onClick:z},{default:n(()=>[w(" 回复 ")]),_:1},8,["loading"])]),_:1})])):y("",!0)])}}});const xt=Z($t,[["__scopeId","data-v-89bc7a6d"]]),Ct={class:"reply-item"},It={class:"header-wrap"},Pt={class:"username"},Rt={class:"reply-name"},Ut={class:"timestamp"},zt={class:"base-wrap"},St={class:"content"},Tt={key:0,class:"reply-switch"},Lt=G({__name:"reply-item",props:{reply:null},emits:["focusReply","reload"],setup(U,{emit:T}){const i=U,c=ae(),R=()=>{T("focusReply",i.reply)},k=()=>{xe({id:i.reply.id}).then(f=>{window.$message.success("删除成功"),setTimeout(()=>{T("reload")},50)}).catch(f=>{console.log(f)})};return(f,C)=>{const l=_e("router-link"),z=ne,g=W,r=me;return a(),d("div",Ct,[m("div",It,[m("div",Pt,[s(l,{class:"user-link",to:{name:"user",query:{username:i.reply.user.username}}},{default:n(()=>[w(P(i.reply.user.username),1)]),_:1},8,["to"]),m("span",Rt,P(i.reply.at_user_id>0?"回复":":"),1),i.reply.at_user_id>0?(a(),S(l,{key:0,class:"user-link",to:{name:"user",query:{username:i.reply.at_user.username}}},{default:n(()=>[w(P(i.reply.at_user.username),1)]),_:1},8,["to"])):y("",!0)]),m("div",Ut,[w(P(i.reply.ip_loc?i.reply.ip_loc+" · ":i.reply.ip_loc)+" "+P(e(oe)(i.reply.created_on,e(c).state.collapsedLeft))+" ",1),e(c).state.userInfo.is_admin||e(c).state.userInfo.id===i.reply.user.id?(a(),S(r,{key:0,"negative-text":"取消","positive-text":"确认",onPositiveClick:k},{trigger:n(()=>[s(g,{quaternary:"",circle:"",size:"tiny",class:"del-btn"},{icon:n(()=>[s(z,null,{default:n(()=>[s(e(ye))]),_:1})]),_:1})]),default:n(()=>[w(" 是否确认删除？ ")]),_:1})):y("",!0)])]),m("div",zt,[m("div",St,P(i.reply.content),1),e(c).state.userInfo.id>0?(a(),d("div",Tt,[m("span",{class:"show",onClick:R}," 回复 ")])):y("",!0)])])}}});const At=Z(Lt,[["__scopeId","data-v-c486479f"]]),qt={class:"comment-item"},Mt={class:"nickname-wrap"},Ot={class:"username-wrap"},Bt={class:"opt-wrap"},jt={class:"timestamp"},Dt=["innerHTML"],Nt={class:"reply-wrap"},Vt=G({__name:"comment-item",props:{comment:null},emits:["reload"],setup(U,{emit:T}){const i=U,c=ae(),R=we(),k=p(0),f=p(""),C=p(),l=ee(()=>{let I=Object.assign({texts:[],imgs:[]},i.comment);return I.contents.map(h=>{(+h.type==1||+h.type==2)&&I.texts.push(h),+h.type==3&&I.imgs.push(h)}),I}),z=(I,h)=>{let L=I.target;if(L.dataset.detail){const A=L.dataset.detail.split(":");A.length===2&&(c.commit("refresh"),A[0]==="tag"?window.$message.warning("评论内的无效话题"):R.push({name:"user",query:{username:A[1]}}))}},g=I=>{var h,L;k.value=I.user_id,f.value=((h=I.user)==null?void 0:h.username)||"",(L=C.value)==null||L.switchReply(!0)},r=()=>{T("reload")},b=()=>{k.value=0,f.value=""},o=()=>{Ce({id:l.value.id}).then(I=>{window.$message.success("删除成功"),setTimeout(()=>{r()},50)}).catch(I=>{})};return(I,h)=>{const L=re,A=_e("router-link"),B=ne,D=W,N=me,V=ke,E=At,F=xt,H=ve;return a(),d("div",qt,[s(H,{"content-indented":""},st({avatar:n(()=>[s(L,{round:"",size:30,src:e(l).user.avatar},null,8,["src"])]),header:n(()=>[m("span",Mt,[s(A,{onClick:h[0]||(h[0]=K(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e(l).user.username}}},{default:n(()=>[w(P(e(l).user.nickname),1)]),_:1},8,["to"])]),m("span",Ot," @"+P(e(l).user.username),1)]),"header-extra":n(()=>[m("div",Bt,[m("span",jt,P(e(l).ip_loc?e(l).ip_loc+" · ":e(l).ip_loc)+" "+P(e(oe)(e(l).created_on,e(c).state.collapsedLeft)),1),e(c).state.userInfo.is_admin||e(c).state.userInfo.id===e(l).user.id?(a(),S(N,{key:0,"negative-text":"取消","positive-text":"确认",onPositiveClick:o},{trigger:n(()=>[s(D,{quaternary:"",circle:"",size:"tiny",class:"del-btn"},{icon:n(()=>[s(B,null,{default:n(()=>[s(e(ye))]),_:1})]),_:1})]),default:n(()=>[w(" 是否确认删除？ ")]),_:1})):y("",!0)])]),footer:n(()=>[e(l).imgs.length>0?(a(),S(V,{key:0,imgs:e(l).imgs},null,8,["imgs"])):y("",!0),m("div",Nt,[(a(!0),d(te,null,se(e(l).replies,t=>(a(),S(E,{key:t.id,reply:t,onFocusReply:g,onReload:r},null,8,["reply"]))),128))]),e(c).state.userInfo.id>0?(a(),S(F,{key:1,ref_key:"replyComposeRef",ref:C,"comment-id":e(l).id,"at-userid":k.value,"at-username":f.value,onReload:r,onReset:b},null,8,["comment-id","at-userid","at-username"])):y("",!0)]),_:2},[e(l).texts.length>0?{name:"description",fn:n(()=>[(a(!0),d(te,null,se(e(l).texts,t=>(a(),d("span",{key:t.id,class:"comment-text",onClick:h[1]||(h[1]=K(u=>z(u,e(l).id),["stop"])),innerHTML:e(de)(t.content).content},null,8,Dt))),128))]),key:"0"}:void 0]),1024)])}}});const Et=Z(Vt,[["__scopeId","data-v-02db83b3"]]),Ft=U=>(ge("data-v-ca3e6071"),U=U(),he(),U),Ht={key:0,class:"compose-wrap"},Kt={class:"compose-line"},Jt={class:"compose-user"},Gt={class:"compose-line compose-options"},Qt={class:"attachment"},Yt={class:"submit-wrap"},Zt={class:"attachment-list-wrap"},Wt={key:1,class:"compose-wrap"},Xt=Ft(()=>m("div",{class:"login-wrap"},[m("span",{class:"login-banner"}," 登录后，精彩更多")],-1)),es={key:0,class:"login-only-wrap"},ts={key:1,class:"login-wrap"},ss=G({__name:"compose-comment",props:{lock:{default:0},postId:{default:0}},emits:["post-success"],setup(U,{emit:T}){const i=U,c=ae(),R=p([]),k=p(!1),f=p(!1),C=p(!1),l=p(""),z=p(),g=p("public/image"),r=p([]),b=p([]),o=p("true".toLowerCase()==="true"),I="/v1/attachment",h=p(),L=gt.debounce(v=>{Ie({k:v}).then(_=>{let $=[];_.suggest.map(x=>{$.push({label:x,value:x})}),R.value=$,f.value=!1}).catch(_=>{f.value=!1})},200),A=(v,_)=>{f.value||(f.value=!0,_==="@"&&L(v))},B=v=>{v.length>200||(l.value=v)},D=v=>{g.value=v},N=v=>{r.value=v},V=async v=>{var _,$;return g.value==="public/image"&&!["image/png","image/jpg","image/jpeg","image/gif"].includes((_=v.file.file)==null?void 0:_.type)?(window.$message.warning("图片仅允许 png/jpg/gif 格式"),!1):g.value==="image"&&(($=v.file.file)==null?void 0:$.size)>10485760?(window.$message.warning("图片大小不能超过10MB"),!1):!0},E=({file:v,event:_})=>{var $;try{let x=JSON.parse(($=_.target)==null?void 0:$.response);x.code===0&&g.value==="public/image"&&b.value.push({id:v.id,content:x.data.content})}catch{window.$message.error("上传失败")}},F=({file:v,event:_})=>{var $;try{let x=JSON.parse(($=_.target)==null?void 0:$.response);if(x.code!==0){let O=x.msg||"上传失败";x.details&&x.details.length>0&&x.details.map(q=>{O+=":"+q}),window.$message.error(O)}}catch{window.$message.error("上传失败")}},H=({file:v})=>{let _=b.value.findIndex($=>$.id===v.id);_>-1&&b.value.splice(_,1)},t=()=>{k.value=!0},u=()=>{var v;k.value=!1,(v=z.value)==null||v.clear(),r.value=[],l.value="",b.value=[]},j=()=>{if(l.value.trim().length===0){window.$message.warning("请输入内容哦");return}let{users:v}=de(l.value);const _=[];let $=100;_.push({content:l.value,type:2,sort:$}),b.value.map(x=>{$++,_.push({content:x.content,type:3,sort:$})}),C.value=!0,Pe({contents:_,post_id:i.postId,users:Array.from(new Set(v))}).then(x=>{window.$message.success("发布成功"),C.value=!1,T("post-success"),u()}).catch(x=>{C.value=!1})},Q=v=>{c.commit("triggerAuth",!0),c.commit("triggerAuthKey",v)};return pe(()=>{h.value="Bearer "+localStorage.getItem("PAOPAO_TOKEN")}),(v,_)=>{const $=re,x=De,O=ne,q=W,le=Ne,ie=Ve,ce=Ee,X=Fe,ue=He;return a(),d("div",null,[e(c).state.userInfo.id>0?(a(),d("div",Ht,[m("div",Kt,[m("div",Jt,[s($,{round:"",size:30,src:e(c).state.userInfo.avatar},null,8,["src"])]),s(x,{type:"textarea",size:"large",autosize:"",bordered:!1,options:R.value,prefix:["@"],loading:f.value,value:l.value,disabled:i.lock===1,"onUpdate:value":B,onSearch:A,onFocus:t,placeholder:i.lock===1?"泡泡已被锁定，回复功能已关闭":"快来评论两句吧..."},null,8,["options","loading","value","disabled","placeholder"])]),k.value?(a(),S(ue,{key:0,ref_key:"uploadRef",ref:z,abstract:"","list-type":"image",multiple:!0,max:9,action:I,headers:{Authorization:h.value},data:{type:g.value},onBeforeUpload:V,onFinish:E,onError:F,onRemove:H,"onUpdate:fileList":N},{default:n(()=>[m("div",Gt,[m("div",Qt,[s(le,{abstract:""},{default:n(({handleClick:J})=>[s(q,{disabled:r.value.length>0&&g.value==="public/video"||r.value.length===9,onClick:()=>{D("public/image"),J()},quaternary:"",circle:"",type:"primary"},{icon:n(()=>[s(O,{size:"20",color:"var(--primary-color)"},{default:n(()=>[s(e(nt))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1}),s(ce,{trigger:"hover",placement:"bottom"},{trigger:n(()=>[s(ie,{class:"text-statistic",type:"circle","show-indicator":!1,status:"success","stroke-width":10,percentage:l.value.length/200*100},null,8,["percentage"])]),default:n(()=>[w(" "+P(l.value.length)+" / 200 ",1)]),_:1})]),m("div",Yt,[s(q,{quaternary:"",round:"",type:"tertiary",class:"cancel-btn",size:"small",onClick:u},{default:n(()=>[w(" 取消 ")]),_:1}),s(q,{loading:C.value,onClick:j,type:"primary",secondary:"",size:"small",round:""},{default:n(()=>[w(" 发布 ")]),_:1},8,["loading"])])]),m("div",Zt,[s(X)])]),_:1},8,["headers","data"])):y("",!0)])):(a(),d("div",Wt,[Xt,o.value?y("",!0):(a(),d("div",es,[s(q,{strong:"",secondary:"",round:"",type:"primary",onClick:_[0]||(_[0]=J=>Q("signin"))},{default:n(()=>[w(" 登录 ")]),_:1})])),o.value?(a(),d("div",ts,[s(q,{strong:"",secondary:"",round:"",type:"primary",onClick:_[1]||(_[1]=J=>Q("signin"))},{default:n(()=>[w(" 登录 ")]),_:1}),s(q,{strong:"",secondary:"",round:"",type:"info",onClick:_[2]||(_[2]=J=>Q("signup"))},{default:n(()=>[w(" 注册 ")]),_:1})])):y("",!0)]))])}}});const os=Z(ss,[["__scopeId","data-v-ca3e6071"]]),ns={class:"username-wrap"},as={key:0,class:"options"},ls={key:0},is=["innerHTML"],cs={class:"timestamp"},us={key:0},rs={key:1},_s={class:"opts-wrap"},ps=["onClick"],ds={class:"opt-item"},ms=["onClick"],vs=["onClick"],fs=G({__name:"post-detail",props:{post:null},emits:["reload"],setup(U,{emit:T}){const i=U,c=ae(),R=we(),k=p(!1),f=p(!1),C=p(!1),l=p(!1),z=p(!1),g=p(!1),r=p(!1),b=p(Y.PUBLIC),o=ee({get:()=>{let t=Object.assign({texts:[],imgs:[],videos:[],links:[],attachments:[],charge_attachments:[]},i.post);return t.contents.map(u=>{(+u.type==1||+u.type==2)&&t.texts.push(u),+u.type==3&&t.imgs.push(u),+u.type==4&&t.videos.push(u),+u.type==6&&t.links.push(u),+u.type==7&&t.attachments.push(u),+u.type==8&&t.charge_attachments.push(u)}),t},set:t=>{i.post.upvote_count=t.upvote_count,i.post.comment_count=t.comment_count,i.post.collection_count=t.collection_count}}),I=ee(()=>{let t=[{label:"删除",key:"delete"}];return o.value.is_lock===0?t.push({label:"锁定",key:"lock"}):t.push({label:"解锁",key:"unlock"}),c.state.userInfo.is_admin&&(o.value.is_top===0?t.push({label:"置顶",key:"stick"}):t.push({label:"取消置顶",key:"unstick"})),o.value.visibility===Y.PUBLIC?t.push({label:"公开",key:"vpublic",children:[{label:"私密",key:"vprivate"},{label:"好友可见",key:"vfriend"}]}):o.value.visibility===Y.PRIVATE?t.push({label:"私密",key:"vprivate",children:[{label:"公开",key:"vpublic"},{label:"好友可见",key:"vfriend"}]}):t.push({label:"好友可见",key:"vfriend",children:[{label:"公开",key:"vpublic"},{label:"私密",key:"vprivate"}]}),t}),h=t=>{R.push({name:"post",query:{id:t}})},L=(t,u)=>{if(t.target.dataset.detail){const j=t.target.dataset.detail.split(":");if(j.length===2){c.commit("refresh"),j[0]==="tag"?R.push({name:"home",query:{q:j[1],t:"tag"}}):R.push({name:"user",query:{username:j[1]}});return}}h(u)},A=t=>{switch(t){case"delete":C.value=!0;break;case"lock":case"unlock":l.value=!0;break;case"stick":case"unstick":z.value=!0;break;case"vpublic":b.value=0,g.value=!0;break;case"vprivate":b.value=1,g.value=!0;break;case"vfriend":b.value=2,g.value=!0;break}},B=()=>{ze({id:o.value.id}).then(t=>{window.$message.success("删除成功"),R.replace("/"),setTimeout(()=>{c.commit("refresh")},50)}).catch(t=>{r.value=!1})},D=()=>{Se({id:o.value.id}).then(t=>{T("reload"),t.lock_status===1?window.$message.success("锁定成功"):window.$message.success("解锁成功")}).catch(t=>{r.value=!1})},N=()=>{Te({id:o.value.id}).then(t=>{T("reload"),t.top_status===1?window.$message.success("置顶成功"):window.$message.success("取消置顶成功")}).catch(t=>{r.value=!1})},V=()=>{Le({id:o.value.id,visibility:b.value}).then(t=>{T("reload"),window.$message.success("修改可见性成功")}).catch(t=>{r.value=!1})},E=()=>{Ae({id:o.value.id}).then(t=>{k.value=t.status,t.status?o.value={...o.value,upvote_count:o.value.upvote_count+1}:o.value={...o.value,upvote_count:o.value.upvote_count-1}}).catch(t=>{console.log(t)})},F=()=>{qe({id:o.value.id}).then(t=>{f.value=t.status,t.status?o.value={...o.value,collection_count:o.value.collection_count+1}:o.value={...o.value,collection_count:o.value.collection_count-1}}).catch(t=>{console.log(t)})},H=()=>{ht(`${window.location.origin}/#/post?id=${o.value.id}`),window.$message.success("链接已复制到剪贴板")};return pe(()=>{c.state.userInfo.id>0&&(Re({id:o.value.id}).then(t=>{k.value=t.status}).catch(t=>{console.log(t)}),Ue({id:o.value.id}).then(t=>{f.value=t.status}).catch(t=>{console.log(t)}))}),(t,u)=>{const j=re,Q=_e("router-link"),v=Ke,_=ne,$=W,x=Je,O=Ge,q=pt,le=ke,ie=dt,ce=mt,X=Qe,ue=fe,J=ve;return a(),d("div",{class:"detail-item",onClick:u[6]||(u[6]=M=>h(e(o).id))},[s(J,null,{avatar:n(()=>[s(j,{round:"",size:30,src:e(o).user.avatar},null,8,["src"])]),header:n(()=>[s(Q,{onClick:u[0]||(u[0]=K(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e(o).user.username}}},{default:n(()=>[w(P(e(o).user.nickname),1)]),_:1},8,["to"]),m("span",ns," @"+P(e(o).user.username),1),e(o).is_top?(a(),S(v,{key:0,class:"top-tag",type:"warning",size:"small",round:""},{default:n(()=>[w(" 置顶 ")]),_:1})):y("",!0),e(o).visibility==e(Y).PRIVATE?(a(),S(v,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:n(()=>[w(" 私密 ")]),_:1})):y("",!0),e(o).visibility==e(Y).FRIEND?(a(),S(v,{key:2,class:"top-tag",type:"info",size:"small",round:""},{default:n(()=>[w(" 好友可见 ")]),_:1})):y("",!0)]),"header-extra":n(()=>[e(c).state.userInfo.is_admin||e(c).state.userInfo.id===e(o).user.id?(a(),d("div",as,[s(x,{placement:"bottom-end",trigger:"click",size:"small",options:e(I),onSelect:A},{default:n(()=>[s($,{quaternary:"",circle:""},{icon:n(()=>[s(_,null,{default:n(()=>[s(e(at))]),_:1})]),_:1})]),_:1},8,["options"])])):y("",!0),s(O,{show:C.value,"onUpdate:show":u[1]||(u[1]=M=>C.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定删除该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:B},null,8,["show"]),s(O,{show:l.value,"onUpdate:show":u[2]||(u[2]=M=>l.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定"+(e(o).is_lock?"解锁":"锁定")+"该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:D},null,8,["show","content"]),s(O,{show:z.value,"onUpdate:show":u[3]||(u[3]=M=>z.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定"+(e(o).is_top?"取消置顶":"置顶")+"该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:N},null,8,["show","content"]),s(O,{show:g.value,"onUpdate:show":u[4]||(u[4]=M=>g.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定将该泡泡动态可见度修改为"+(b.value==0?"公开":b.value==1?"私密":"好友可见")+"吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:V},null,8,["show","content"])]),footer:n(()=>[s(q,{attachments:e(o).attachments},null,8,["attachments"]),s(q,{attachments:e(o).charge_attachments,price:e(o).attachment_price},null,8,["attachments","price"]),s(le,{imgs:e(o).imgs},null,8,["imgs"]),s(ie,{videos:e(o).videos,full:!0},null,8,["videos"]),s(ce,{links:e(o).links},null,8,["links"]),m("div",cs,[w(" 发布于 "+P(e(oe)(e(o).created_on,e(c).state.collapsedLeft))+" ",1),e(o).ip_loc?(a(),d("span",us,[s(X,{vertical:""}),w(" "+P(e(o).ip_loc),1)])):y("",!0),!e(c).state.collapsedLeft&&e(o).created_on!=e(o).latest_replied_on?(a(),d("span",rs,[s(X,{vertical:""}),w(" 最后回复 "+P(e(oe)(e(o).latest_replied_on,e(c).state.collapsedLeft)),1)])):y("",!0)])]),action:n(()=>[m("div",_s,[s(ue,{justify:"space-between"},{default:n(()=>[m("div",{class:"opt-item hover",onClick:K(E,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[k.value?y("",!0):(a(),S(e(lt),{key:0})),k.value?(a(),S(e(it),{key:1,color:"red"})):y("",!0)]),_:1}),w(" "+P(e(o).upvote_count),1)],8,ps),m("div",ds,[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[s(e(ct))]),_:1}),w(" "+P(e(o).comment_count),1)]),m("div",{class:"opt-item hover",onClick:K(F,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[f.value?y("",!0):(a(),S(e(ut),{key:0})),f.value?(a(),S(e(rt),{key:1,color:"#ff7600"})):y("",!0)]),_:1}),w(" "+P(e(o).collection_count),1)],8,ms),m("div",{class:"opt-item hover",onClick:K(H,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[s(e(_t))]),_:1}),w(" "+P(e(o).share_count),1)],8,vs)]),_:1})])]),default:n(()=>[e(o).texts.length>0?(a(),d("div",ls,[(a(!0),d(te,null,se(e(o).texts,M=>(a(),d("span",{key:M.id,class:"post-text",onClick:u[5]||(u[5]=K(be=>L(be,e(o).id),["stop"])),innerHTML:e(de)(M.content).content},null,8,is))),128))])):y("",!0)]),_:1})])}}});const gs=U=>(ge("data-v-c8247a20"),U=U(),he(),U),hs={key:0,class:"detail-wrap"},ys={key:1,class:"empty-wrap"},ks={key:0,class:"comment-opts-wrap"},ws=gs(()=>m("div",{class:"comment-title-item"},[m("span",{"comment-title-item":""},"评论")],-1)),bs={class:"comment-opt-item"},$s={key:2},xs={key:0,class:"skeleton-wrap"},Cs={key:1},Is={key:0,class:"empty-wrap"},Ps=G({__name:"Post",setup(U){const T=vt(),i=p({}),c=p(!1),R=p(!1),k=p([]),f=ee(()=>+T.query.id),C=p("default"),l=r=>{C.value=r,g()},z=()=>{i.value={id:0},c.value=!0,Me({id:f.value}).then(r=>{c.value=!1,i.value=r,g()}).catch(r=>{c.value=!1})},g=(r=!1)=>{k.value.length===0&&(R.value=!0),Oe({id:i.value.id,sort_strategy:C.value}).then(b=>{k.value=b.list,R.value=!1,r&&setTimeout(()=>{window.scrollTo(0,99999)},50)}).catch(b=>{R.value=!1})};return pe(()=>{z()}),ot(f,()=>{f.value>0&&T.name==="post"&&z()}),(r,b)=>{const o=yt,I=fs,h=Ze,L=We,A=Xe,B=et,D=tt,N=fe,V=os,E=ft,F=Et,H=Ye;return a(),d("div",null,[s(o,{title:"泡泡详情",back:!0}),s(H,{class:"main-content-wrap",bordered:""},{default:n(()=>[s(A,null,{default:n(()=>[s(L,{show:c.value},{default:n(()=>[i.value.id>1?(a(),d("div",hs,[s(I,{post:i.value,onReload:z},null,8,["post"])])):(a(),d("div",ys,[s(h,{size:"large",description:"暂无数据"})]))]),_:1},8,["show"])]),_:1}),i.value.id>0?(a(),d("div",ks,[s(N,{justify:"space-between"},{default:n(()=>[ws,m("div",bs,[s(D,{type:"bar",size:"small",animated:"","onUpdate:value":l},{default:n(()=>[s(B,{name:"default",tab:"默认"}),s(B,{name:"newest",tab:"最新"})]),_:1})])]),_:1})])):y("",!0),i.value.id>0?(a(),S(A,{key:1},{default:n(()=>[s(V,{lock:i.value.is_lock,"post-id":i.value.id,onPostSuccess:b[0]||(b[0]=t=>g(!0))},null,8,["lock","post-id"])]),_:1})):y("",!0),i.value.id>0?(a(),d("div",$s,[R.value?(a(),d("div",xs,[s(E,{num:5})])):(a(),d("div",Cs,[k.value.length===0?(a(),d("div",Is,[s(h,{size:"large",description:"暂无评论，快来抢沙发"})])):y("",!0),(a(!0),d(te,null,se(k.value,t=>(a(),S(A,{key:t.id},{default:n(()=>[s(F,{comment:t,onReload:g},null,8,["comment"])]),_:2},1024))),128))]))])):y("",!0)]),_:1})])}}});const ao=Z(Ps,[["__scopeId","data-v-c8247a20"]]);export{ao as default};
+import{d as be,_ as Z,e as $e,f as xe,g as Ce,h as Ie,i as Pe,j as Re,k as Ue,l as ze,s as Se,v as Te,p as Le,m as Ae,n as qe,o as Me}from"./index-f6017bc3.js";import{b as Oe,e as W,J as Be,j as ne,K as me,o as re,L as ve,v as je,w as De,x as Ne,y as Ve,z as Ee,B as Fe,M as He,O as Ke,i as Je,P as Ge,a as Qe,F as Ye,I as Ze,k as We,H as Xe,f as et,g as tt}from"./naive-ui-ddb574dd.js";import{d as G,r as p,o as a,c as d,a as v,O as y,L as s,Y as n,e as w,_ as _e,M as P,K as S,U as e,n as ee,a3 as st,F as te,$ as se,Z as K,j as pe,a4 as fe,a5 as ge,w as ot}from"./@vue-f70ab1bd.js";import{u as ae}from"./vuex-cc1858c6.js";import{f as oe}from"./formatTime-936c40eb.js";import{T as he,I as nt,e as at,f as lt,g as it,h as ct,i as ut,j as rt,k as _t}from"./@vicons-2f3cb6b9.js";import{p as de,_ as ye,a as pt,b as dt,c as mt}from"./content-0b348d1e.js";import{u as ke,b as vt}from"./vue-router-29025daf.js";import{_ as ft}from"./post-skeleton-fdf95824.js";import{l as gt}from"./lodash-3329902d.js";import{V as Y}from"./IEnum-ea67d3af.js";import{a as ht}from"./copy-to-clipboard-ca358197.js";import{_ as yt}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";import"./nonesir-video-29a967e9.js";import"./toggle-selection-93f4ad84.js";const kt={class:"reply-compose-wrap"},wt={class:"reply-switch"},bt={key:0,class:"reply-input-wrap"},$t=G({__name:"compose-reply",props:{commentId:{default:0},atUserid:{default:0},atUsername:{default:""}},emits:["reload","reset"],setup(U,{expose:T,emit:i}){const c=U,R=p(),k=p(!1),f=p(""),C=p(!1),l=g=>{k.value=g,g?setTimeout(()=>{var r;(r=R.value)==null||r.focus()},10):(C.value=!1,f.value="",i("reset"))},z=()=>{C.value=!0,be({comment_id:c.commentId,at_user_id:c.atUserid,content:f.value}).then(g=>{l(!1),window.$message.success("评论成功"),i("reload")}).catch(g=>{C.value=!1})};return T({switchReply:l}),(g,r)=>{const b=Oe,o=W,I=Be;return a(),d("div",kt,[v("div",wt,[k.value?y("",!0):(a(),d("span",{key:0,class:"show",onClick:r[0]||(r[0]=h=>l(!0))}," 回复 ")),k.value?(a(),d("span",{key:1,class:"hide",onClick:r[1]||(r[1]=h=>l(!1))}," 取消 ")):y("",!0)]),k.value?(a(),d("div",bt,[s(I,null,{default:n(()=>[s(b,{ref_key:"inputInstRef",ref:R,size:"small",placeholder:c.atUsername?"@"+c.atUsername:"请输入回复内容..",maxlength:"100",value:f.value,"onUpdate:value":r[2]||(r[2]=h=>f.value=h),"show-count":"",clearable:""},null,8,["placeholder","value"]),s(o,{type:"primary",size:"small",ghost:"",loading:C.value,onClick:z},{default:n(()=>[w(" 回复 ")]),_:1},8,["loading"])]),_:1})])):y("",!0)])}}});const xt=Z($t,[["__scopeId","data-v-89bc7a6d"]]),Ct={class:"reply-item"},It={class:"header-wrap"},Pt={class:"username"},Rt={class:"reply-name"},Ut={class:"timestamp"},zt={class:"base-wrap"},St={class:"content"},Tt={key:0,class:"reply-switch"},Lt=G({__name:"reply-item",props:{reply:null},emits:["focusReply","reload"],setup(U,{emit:T}){const i=U,c=ae(),R=()=>{T("focusReply",i.reply)},k=()=>{$e({id:i.reply.id}).then(f=>{window.$message.success("删除成功"),setTimeout(()=>{T("reload")},50)}).catch(f=>{console.log(f)})};return(f,C)=>{const l=_e("router-link"),z=ne,g=W,r=me;return a(),d("div",Ct,[v("div",It,[v("div",Pt,[s(l,{class:"user-link",to:{name:"user",query:{username:i.reply.user.username}}},{default:n(()=>[w(P(i.reply.user.username),1)]),_:1},8,["to"]),v("span",Rt,P(i.reply.at_user_id>0?"回复":":"),1),i.reply.at_user_id>0?(a(),S(l,{key:0,class:"user-link",to:{name:"user",query:{username:i.reply.at_user.username}}},{default:n(()=>[w(P(i.reply.at_user.username),1)]),_:1},8,["to"])):y("",!0)]),v("div",Ut,[w(P(i.reply.ip_loc?i.reply.ip_loc+" · ":i.reply.ip_loc)+" "+P(e(oe)(i.reply.created_on,e(c).state.collapsedLeft))+" ",1),e(c).state.userInfo.is_admin||e(c).state.userInfo.id===i.reply.user.id?(a(),S(r,{key:0,"negative-text":"取消","positive-text":"确认",onPositiveClick:k},{trigger:n(()=>[s(g,{quaternary:"",circle:"",size:"tiny",class:"del-btn"},{icon:n(()=>[s(z,null,{default:n(()=>[s(e(he))]),_:1})]),_:1})]),default:n(()=>[w(" 是否确认删除？ ")]),_:1})):y("",!0)])]),v("div",zt,[v("div",St,P(i.reply.content),1),e(c).state.userInfo.id>0?(a(),d("div",Tt,[v("span",{class:"show",onClick:R}," 回复 ")])):y("",!0)])])}}});const At=Z(Lt,[["__scopeId","data-v-c486479f"]]),qt={class:"comment-item"},Mt={class:"nickname-wrap"},Ot={class:"username-wrap"},Bt={class:"opt-wrap"},jt={class:"timestamp"},Dt=["innerHTML"],Nt={class:"reply-wrap"},Vt=G({__name:"comment-item",props:{comment:null},emits:["reload"],setup(U,{emit:T}){const i=U,c=ae(),R=ke(),k=p(0),f=p(""),C=p(),l=ee(()=>{let I=Object.assign({texts:[],imgs:[]},i.comment);return I.contents.map(h=>{(+h.type==1||+h.type==2)&&I.texts.push(h),+h.type==3&&I.imgs.push(h)}),I}),z=(I,h)=>{let L=I.target;if(L.dataset.detail){const A=L.dataset.detail.split(":");A.length===2&&(c.commit("refresh"),A[0]==="tag"?window.$message.warning("评论内的无效话题"):R.push({name:"user",query:{username:A[1]}}))}},g=I=>{var h,L;k.value=I.user_id,f.value=((h=I.user)==null?void 0:h.username)||"",(L=C.value)==null||L.switchReply(!0)},r=()=>{T("reload")},b=()=>{k.value=0,f.value=""},o=()=>{xe({id:l.value.id}).then(I=>{window.$message.success("删除成功"),setTimeout(()=>{r()},50)}).catch(I=>{})};return(I,h)=>{const L=re,A=_e("router-link"),j=ne,N=W,V=me,E=ye,F=At,H=xt,O=ve;return a(),d("div",qt,[s(O,{"content-indented":""},st({avatar:n(()=>[s(L,{round:"",size:30,src:e(l).user.avatar},null,8,["src"])]),header:n(()=>[v("span",Mt,[s(A,{onClick:h[0]||(h[0]=K(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e(l).user.username}}},{default:n(()=>[w(P(e(l).user.nickname),1)]),_:1},8,["to"])]),v("span",Ot," @"+P(e(l).user.username),1)]),"header-extra":n(()=>[v("div",Bt,[v("span",jt,P(e(l).ip_loc?e(l).ip_loc+" · ":e(l).ip_loc)+" "+P(e(oe)(e(l).created_on,e(c).state.collapsedLeft)),1),e(c).state.userInfo.is_admin||e(c).state.userInfo.id===e(l).user.id?(a(),S(V,{key:0,"negative-text":"取消","positive-text":"确认",onPositiveClick:o},{trigger:n(()=>[s(N,{quaternary:"",circle:"",size:"tiny",class:"del-btn"},{icon:n(()=>[s(j,null,{default:n(()=>[s(e(he))]),_:1})]),_:1})]),default:n(()=>[w(" 是否确认删除？ ")]),_:1})):y("",!0)])]),footer:n(()=>[e(l).imgs.length>0?(a(),S(E,{key:0,imgs:e(l).imgs},null,8,["imgs"])):y("",!0),v("div",Nt,[(a(!0),d(te,null,se(e(l).replies,t=>(a(),S(F,{key:t.id,reply:t,onFocusReply:g,onReload:r},null,8,["reply"]))),128))]),e(c).state.userInfo.id>0?(a(),S(H,{key:1,ref_key:"replyComposeRef",ref:C,"comment-id":e(l).id,"at-userid":k.value,"at-username":f.value,onReload:r,onReset:b},null,8,["comment-id","at-userid","at-username"])):y("",!0)]),_:2},[e(l).texts.length>0?{name:"description",fn:n(()=>[(a(!0),d(te,null,se(e(l).texts,t=>(a(),d("span",{key:t.id,class:"comment-text",onClick:h[1]||(h[1]=K(u=>z(u,e(l).id),["stop"])),innerHTML:e(de)(t.content).content},null,8,Dt))),128))]),key:"0"}:void 0]),1024)])}}});const Et=Z(Vt,[["__scopeId","data-v-02db83b3"]]),Ft=U=>(fe("data-v-ca3e6071"),U=U(),ge(),U),Ht={key:0,class:"compose-wrap"},Kt={class:"compose-line"},Jt={class:"compose-user"},Gt={class:"compose-line compose-options"},Qt={class:"attachment"},Yt={class:"submit-wrap"},Zt={class:"attachment-list-wrap"},Wt={key:1,class:"compose-wrap"},Xt=Ft(()=>v("div",{class:"login-wrap"},[v("span",{class:"login-banner"}," 登录后，精彩更多")],-1)),es={key:0,class:"login-only-wrap"},ts={key:1,class:"login-wrap"},ss=G({__name:"compose-comment",props:{lock:{default:0},postId:{default:0}},emits:["post-success"],setup(U,{emit:T}){const i=U,c=ae(),R=p([]),k=p(!1),f=p(!1),C=p(!1),l=p(""),z=p(),g=p("public/image"),r=p([]),b=p([]),o=p("true".toLowerCase()==="true"),I="/v1/attachment",h=p(),L=gt.debounce(m=>{Ce({k:m}).then(_=>{let $=[];_.suggest.map(x=>{$.push({label:x,value:x})}),R.value=$,f.value=!1}).catch(_=>{f.value=!1})},200),A=(m,_)=>{f.value||(f.value=!0,_==="@"&&L(m))},j=m=>{m.length>200||(l.value=m)},N=m=>{g.value=m},V=m=>{r.value=m},E=async m=>{var _,$;return g.value==="public/image"&&!["image/png","image/jpg","image/jpeg","image/gif"].includes((_=m.file.file)==null?void 0:_.type)?(window.$message.warning("图片仅允许 png/jpg/gif 格式"),!1):g.value==="image"&&(($=m.file.file)==null?void 0:$.size)>10485760?(window.$message.warning("图片大小不能超过10MB"),!1):!0},F=({file:m,event:_})=>{var $;try{let x=JSON.parse(($=_.target)==null?void 0:$.response);x.code===0&&g.value==="public/image"&&b.value.push({id:m.id,content:x.data.content})}catch{window.$message.error("上传失败")}},H=({file:m,event:_})=>{var $;try{let x=JSON.parse(($=_.target)==null?void 0:$.response);if(x.code!==0){let B=x.msg||"上传失败";x.details&&x.details.length>0&&x.details.map(q=>{B+=":"+q}),window.$message.error(B)}}catch{window.$message.error("上传失败")}},O=({file:m})=>{let _=b.value.findIndex($=>$.id===m.id);_>-1&&b.value.splice(_,1)},t=()=>{k.value=!0},u=()=>{var m;k.value=!1,(m=z.value)==null||m.clear(),r.value=[],l.value="",b.value=[]},D=()=>{if(l.value.trim().length===0){window.$message.warning("请输入内容哦");return}let{users:m}=de(l.value);const _=[];let $=100;_.push({content:l.value,type:2,sort:$}),b.value.map(x=>{$++,_.push({content:x.content,type:3,sort:$})}),C.value=!0,Ie({contents:_,post_id:i.postId,users:Array.from(new Set(m))}).then(x=>{window.$message.success("发布成功"),C.value=!1,T("post-success"),u()}).catch(x=>{C.value=!1})},Q=m=>{c.commit("triggerAuth",!0),c.commit("triggerAuthKey",m)};return pe(()=>{h.value="Bearer "+localStorage.getItem("PAOPAO_TOKEN")}),(m,_)=>{const $=re,x=je,B=ne,q=W,le=De,ie=Ne,ce=Ve,X=Ee,ue=Fe;return a(),d("div",null,[e(c).state.userInfo.id>0?(a(),d("div",Ht,[v("div",Kt,[v("div",Jt,[s($,{round:"",size:30,src:e(c).state.userInfo.avatar},null,8,["src"])]),s(x,{type:"textarea",size:"large",autosize:"",bordered:!1,options:R.value,prefix:["@"],loading:f.value,value:l.value,disabled:i.lock===1,"onUpdate:value":j,onSearch:A,onFocus:t,placeholder:i.lock===1?"泡泡已被锁定，回复功能已关闭":"快来评论两句吧..."},null,8,["options","loading","value","disabled","placeholder"])]),k.value?(a(),S(ue,{key:0,ref_key:"uploadRef",ref:z,abstract:"","list-type":"image",multiple:!0,max:9,action:I,headers:{Authorization:h.value},data:{type:g.value},onBeforeUpload:E,onFinish:F,onError:H,onRemove:O,"onUpdate:fileList":V},{default:n(()=>[v("div",Gt,[v("div",Qt,[s(le,{abstract:""},{default:n(({handleClick:J})=>[s(q,{disabled:r.value.length>0&&g.value==="public/video"||r.value.length===9,onClick:()=>{N("public/image"),J()},quaternary:"",circle:"",type:"primary"},{icon:n(()=>[s(B,{size:"20",color:"var(--primary-color)"},{default:n(()=>[s(e(nt))]),_:1})]),_:2},1032,["disabled","onClick"])]),_:1}),s(ce,{trigger:"hover",placement:"bottom"},{trigger:n(()=>[s(ie,{class:"text-statistic",type:"circle","show-indicator":!1,status:"success","stroke-width":10,percentage:l.value.length/200*100},null,8,["percentage"])]),default:n(()=>[w(" "+P(l.value.length)+" / 200 ",1)]),_:1})]),v("div",Yt,[s(q,{quaternary:"",round:"",type:"tertiary",class:"cancel-btn",size:"small",onClick:u},{default:n(()=>[w(" 取消 ")]),_:1}),s(q,{loading:C.value,onClick:D,type:"primary",secondary:"",size:"small",round:""},{default:n(()=>[w(" 发布 ")]),_:1},8,["loading"])])]),v("div",Zt,[s(X)])]),_:1},8,["headers","data"])):y("",!0)])):(a(),d("div",Wt,[Xt,o.value?y("",!0):(a(),d("div",es,[s(q,{strong:"",secondary:"",round:"",type:"primary",onClick:_[0]||(_[0]=J=>Q("signin"))},{default:n(()=>[w(" 登录 ")]),_:1})])),o.value?(a(),d("div",ts,[s(q,{strong:"",secondary:"",round:"",type:"primary",onClick:_[1]||(_[1]=J=>Q("signin"))},{default:n(()=>[w(" 登录 ")]),_:1}),s(q,{strong:"",secondary:"",round:"",type:"info",onClick:_[2]||(_[2]=J=>Q("signup"))},{default:n(()=>[w(" 注册 ")]),_:1})])):y("",!0)]))])}}});const os=Z(ss,[["__scopeId","data-v-ca3e6071"]]),ns={class:"username-wrap"},as={key:0,class:"options"},ls={key:0},is=["innerHTML"],cs={class:"timestamp"},us={key:0},rs={key:1},_s={class:"opts-wrap"},ps=["onClick"],ds={class:"opt-item"},ms=["onClick"],vs=["onClick"],fs=G({__name:"post-detail",props:{post:null},emits:["reload"],setup(U,{emit:T}){const i=U,c=ae(),R=ke(),k=p(!1),f=p(!1),C=p(!1),l=p(!1),z=p(!1),g=p(!1),r=p(!1),b=p(Y.PUBLIC),o=ee({get:()=>{let t=Object.assign({texts:[],imgs:[],videos:[],links:[],attachments:[],charge_attachments:[]},i.post);return t.contents.map(u=>{(+u.type==1||+u.type==2)&&t.texts.push(u),+u.type==3&&t.imgs.push(u),+u.type==4&&t.videos.push(u),+u.type==6&&t.links.push(u),+u.type==7&&t.attachments.push(u),+u.type==8&&t.charge_attachments.push(u)}),t},set:t=>{i.post.upvote_count=t.upvote_count,i.post.comment_count=t.comment_count,i.post.collection_count=t.collection_count}}),I=ee(()=>{let t=[{label:"删除",key:"delete"}];return o.value.is_lock===0?t.push({label:"锁定",key:"lock"}):t.push({label:"解锁",key:"unlock"}),c.state.userInfo.is_admin&&(o.value.is_top===0?t.push({label:"置顶",key:"stick"}):t.push({label:"取消置顶",key:"unstick"})),o.value.visibility===Y.PUBLIC?t.push({label:"公开",key:"vpublic",children:[{label:"私密",key:"vprivate"},{label:"好友可见",key:"vfriend"}]}):o.value.visibility===Y.PRIVATE?t.push({label:"私密",key:"vprivate",children:[{label:"公开",key:"vpublic"},{label:"好友可见",key:"vfriend"}]}):t.push({label:"好友可见",key:"vfriend",children:[{label:"公开",key:"vpublic"},{label:"私密",key:"vprivate"}]}),t}),h=t=>{R.push({name:"post",query:{id:t}})},L=(t,u)=>{if(t.target.dataset.detail){const D=t.target.dataset.detail.split(":");if(D.length===2){c.commit("refresh"),D[0]==="tag"?R.push({name:"home",query:{q:D[1],t:"tag"}}):R.push({name:"user",query:{username:D[1]}});return}}h(u)},A=t=>{switch(t){case"delete":C.value=!0;break;case"lock":case"unlock":l.value=!0;break;case"stick":case"unstick":z.value=!0;break;case"vpublic":b.value=0,g.value=!0;break;case"vprivate":b.value=1,g.value=!0;break;case"vfriend":b.value=2,g.value=!0;break}},j=()=>{Ue({id:o.value.id}).then(t=>{window.$message.success("删除成功"),R.replace("/"),setTimeout(()=>{c.commit("refresh")},50)}).catch(t=>{r.value=!1})},N=()=>{ze({id:o.value.id}).then(t=>{T("reload"),t.lock_status===1?window.$message.success("锁定成功"):window.$message.success("解锁成功")}).catch(t=>{r.value=!1})},V=()=>{Se({id:o.value.id}).then(t=>{T("reload"),t.top_status===1?window.$message.success("置顶成功"):window.$message.success("取消置顶成功")}).catch(t=>{r.value=!1})},E=()=>{Te({id:o.value.id,visibility:b.value}).then(t=>{T("reload"),window.$message.success("修改可见性成功")}).catch(t=>{r.value=!1})},F=()=>{Le({id:o.value.id}).then(t=>{k.value=t.status,t.status?o.value={...o.value,upvote_count:o.value.upvote_count+1}:o.value={...o.value,upvote_count:o.value.upvote_count-1}}).catch(t=>{console.log(t)})},H=()=>{Ae({id:o.value.id}).then(t=>{f.value=t.status,t.status?o.value={...o.value,collection_count:o.value.collection_count+1}:o.value={...o.value,collection_count:o.value.collection_count-1}}).catch(t=>{console.log(t)})},O=()=>{ht(`${window.location.origin}/#/post?id=${o.value.id}`),window.$message.success("链接已复制到剪贴板")};return pe(()=>{c.state.userInfo.id>0&&(Pe({id:o.value.id}).then(t=>{k.value=t.status}).catch(t=>{console.log(t)}),Re({id:o.value.id}).then(t=>{f.value=t.status}).catch(t=>{console.log(t)}))}),(t,u)=>{const D=re,Q=_e("router-link"),m=He,_=ne,$=W,x=Ke,B=Je,q=pt,le=ye,ie=dt,ce=mt,X=Ge,ue=Qe,J=ve;return a(),d("div",{class:"detail-item",onClick:u[6]||(u[6]=M=>h(e(o).id))},[s(J,null,{avatar:n(()=>[s(D,{round:"",size:30,src:e(o).user.avatar},null,8,["src"])]),header:n(()=>[s(Q,{onClick:u[0]||(u[0]=K(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:e(o).user.username}}},{default:n(()=>[w(P(e(o).user.nickname),1)]),_:1},8,["to"]),v("span",ns," @"+P(e(o).user.username),1),e(o).is_top?(a(),S(m,{key:0,class:"top-tag",type:"warning",size:"small",round:""},{default:n(()=>[w(" 置顶 ")]),_:1})):y("",!0),e(o).visibility==e(Y).PRIVATE?(a(),S(m,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:n(()=>[w(" 私密 ")]),_:1})):y("",!0),e(o).visibility==e(Y).FRIEND?(a(),S(m,{key:2,class:"top-tag",type:"info",size:"small",round:""},{default:n(()=>[w(" 好友可见 ")]),_:1})):y("",!0)]),"header-extra":n(()=>[e(c).state.userInfo.is_admin||e(c).state.userInfo.id===e(o).user.id?(a(),d("div",as,[s(x,{placement:"bottom-end",trigger:"click",size:"small",options:e(I),onSelect:A},{default:n(()=>[s($,{quaternary:"",circle:""},{icon:n(()=>[s(_,null,{default:n(()=>[s(e(at))]),_:1})]),_:1})]),_:1},8,["options"])])):y("",!0),s(B,{show:C.value,"onUpdate:show":u[1]||(u[1]=M=>C.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定删除该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:j},null,8,["show"]),s(B,{show:l.value,"onUpdate:show":u[2]||(u[2]=M=>l.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定"+(e(o).is_lock?"解锁":"锁定")+"该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:N},null,8,["show","content"]),s(B,{show:z.value,"onUpdate:show":u[3]||(u[3]=M=>z.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定"+(e(o).is_top?"取消置顶":"置顶")+"该泡泡动态吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:V},null,8,["show","content"]),s(B,{show:g.value,"onUpdate:show":u[4]||(u[4]=M=>g.value=M),"mask-closable":!1,preset:"dialog",title:"提示",content:"确定将该泡泡动态可见度修改为"+(b.value==0?"公开":b.value==1?"私密":"好友可见")+"吗？","positive-text":"确认","negative-text":"取消",onPositiveClick:E},null,8,["show","content"])]),footer:n(()=>[s(q,{attachments:e(o).attachments},null,8,["attachments"]),s(q,{attachments:e(o).charge_attachments,price:e(o).attachment_price},null,8,["attachments","price"]),s(le,{imgs:e(o).imgs},null,8,["imgs"]),s(ie,{videos:e(o).videos,full:!0},null,8,["videos"]),s(ce,{links:e(o).links},null,8,["links"]),v("div",cs,[w(" 发布于 "+P(e(oe)(e(o).created_on,e(c).state.collapsedLeft))+" ",1),e(o).ip_loc?(a(),d("span",us,[s(X,{vertical:""}),w(" "+P(e(o).ip_loc),1)])):y("",!0),!e(c).state.collapsedLeft&&e(o).created_on!=e(o).latest_replied_on?(a(),d("span",rs,[s(X,{vertical:""}),w(" 最后回复 "+P(e(oe)(e(o).latest_replied_on,e(c).state.collapsedLeft)),1)])):y("",!0)])]),action:n(()=>[v("div",_s,[s(ue,{justify:"space-between"},{default:n(()=>[v("div",{class:"opt-item hover",onClick:K(F,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[k.value?y("",!0):(a(),S(e(lt),{key:0})),k.value?(a(),S(e(it),{key:1,color:"red"})):y("",!0)]),_:1}),w(" "+P(e(o).upvote_count),1)],8,ps),v("div",ds,[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[s(e(ct))]),_:1}),w(" "+P(e(o).comment_count),1)]),v("div",{class:"opt-item hover",onClick:K(H,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[f.value?y("",!0):(a(),S(e(ut),{key:0})),f.value?(a(),S(e(rt),{key:1,color:"#ff7600"})):y("",!0)]),_:1}),w(" "+P(e(o).collection_count),1)],8,ms),v("div",{class:"opt-item hover",onClick:K(O,["stop"])},[s(_,{size:"20",class:"opt-item-icon"},{default:n(()=>[s(e(_t))]),_:1}),w(" "+P(e(o).share_count),1)],8,vs)]),_:1})])]),default:n(()=>[e(o).texts.length>0?(a(),d("div",ls,[(a(!0),d(te,null,se(e(o).texts,M=>(a(),d("span",{key:M.id,class:"post-text",onClick:u[5]||(u[5]=K(we=>L(we,e(o).id),["stop"])),innerHTML:e(de)(M.content).content},null,8,is))),128))])):y("",!0)]),_:1})])}}});const gs=U=>(fe("data-v-219a8fb1"),U=U(),ge(),U),hs={key:0,class:"detail-wrap"},ys={key:1,class:"empty-wrap"},ks={key:0,class:"comment-opts-wrap"},ws=gs(()=>v("span",{class:"comment-title-item"},"评论",-1)),bs={key:2},$s={key:0,class:"skeleton-wrap"},xs={key:1},Cs={key:0,class:"empty-wrap"},Is=G({__name:"Post",setup(U){const T=vt(),i=p({}),c=p(!1),R=p(!1),k=p([]),f=ee(()=>+T.query.id),C=p("default"),l=r=>{C.value=r,g()},z=()=>{i.value={id:0},c.value=!0,qe({id:f.value}).then(r=>{c.value=!1,i.value=r,g()}).catch(r=>{c.value=!1})},g=(r=!1)=>{k.value.length===0&&(R.value=!0),Me({id:i.value.id,sort_strategy:C.value}).then(b=>{k.value=b.list,R.value=!1,r&&setTimeout(()=>{window.scrollTo(0,99999)},50)}).catch(b=>{R.value=!1})};return pe(()=>{z()}),ot(f,()=>{f.value>0&&T.name==="post"&&z()}),(r,b)=>{const o=yt,I=fs,h=Ze,L=We,A=Xe,j=et,N=tt,V=os,E=ft,F=Et,H=Ye;return a(),d("div",null,[s(o,{title:"泡泡详情",back:!0}),s(H,{class:"main-content-wrap",bordered:""},{default:n(()=>[s(A,null,{default:n(()=>[s(L,{show:c.value},{default:n(()=>[i.value.id>1?(a(),d("div",hs,[s(I,{post:i.value,onReload:z},null,8,["post"])])):(a(),d("div",ys,[s(h,{size:"large",description:"暂无数据"})]))]),_:1},8,["show"])]),_:1}),i.value.id>0?(a(),d("div",ks,[s(N,{type:"bar","justify-content":"end",size:"small",animated:"","onUpdate:value":l},{prefix:n(()=>[ws]),default:n(()=>[s(j,{name:"default",tab:"默认"}),s(j,{name:"newest",tab:"最新"})]),_:1})])):y("",!0),i.value.id>0?(a(),S(A,{key:1},{default:n(()=>[s(V,{lock:i.value.is_lock,"post-id":i.value.id,onPostSuccess:b[0]||(b[0]=O=>g(!0))},null,8,["lock","post-id"])]),_:1})):y("",!0),i.value.id>0?(a(),d("div",bs,[R.value?(a(),d("div",$s,[s(E,{num:5})])):(a(),d("div",xs,[k.value.length===0?(a(),d("div",Cs,[s(h,{size:"large",description:"暂无评论，快来抢沙发"})])):y("",!0),(a(!0),d(te,null,se(k.value,O=>(a(),S(A,{key:O.id},{default:n(()=>[s(F,{comment:O,onReload:g},null,8,["comment"])]),_:2},1024))),128))]))])):y("",!0)]),_:1})])}}});const no=Z(Is,[["__scopeId","data-v-219a8fb1"]]);export{no as default};
diff --git a/web/dist/assets/Profile-2e9667f8.js b/web/dist/assets/Profile-b16dccf8.js
similarity index 82%
rename from web/dist/assets/Profile-2e9667f8.js
rename to web/dist/assets/Profile-b16dccf8.js
index 5ca080e9..0fe8d74b 100644
--- a/web/dist/assets/Profile-2e9667f8.js
+++ b/web/dist/assets/Profile-b16dccf8.js
@@ -1 +1 @@
-import{_ as F}from"./post-item.vue_vue_type_style_index_0_lang-02b1501b.js";import{_ as M}from"./post-skeleton-a5bf805a.js";import{_ as N}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as S}from"./vuex-cc1858c6.js";import{b as V}from"./vue-router-29025daf.js";import{r as D,_ as L}from"./index-ce5b62d8.js";import{d as R,r,j,c as a,L as e,U as _,K as h,Y as m,O as d,o as t,a as s,M as f,F as q,$ as E}from"./@vue-f70ab1bd.js";import{F as G,G as H,o as K,f as O,g as T,I as Y,H as A}from"./naive-ui-ddb574dd.js";import"./content-16569a30.js";import"./@vicons-fc06a0bb.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const J={class:"profile-baseinfo"},Q={class:"avatar"},W={class:"base-info"},X={class:"username"},Z={class:"uid"},ee={key:0,class:"skeleton-wrap"},te={key:1},oe={key:0,class:"empty-wrap"},se={key:1,class:"pagination-wrap"},ne=R({__name:"Profile",setup(ae){const o=S(),k=V(),i=r(!1),p=r([]),l=r(+k.query.p||1),c=r(20),u=r(0),g=()=>{i.value=!0,D({username:o.state.userInfo.username,page:l.value,page_size:c.value}).then(n=>{i.value=!1,p.value=n.list,u.value=Math.ceil(n.pager.total_rows/c.value),window.scrollTo(0,0)}).catch(n=>{i.value=!1})},y=n=>{l.value=n,g()};return j(()=>{g()}),(n,_e)=>{const w=N,I=K,b=O,P=T,x=M,z=Y,B=F,U=A,$=G,C=H;return t(),a("div",null,[e(w,{title:"主页"}),_(o).state.userInfo.id>0?(t(),h($,{key:0,class:"main-content-wrap profile-wrap",bordered:""},{default:m(()=>[s("div",J,[s("div",Q,[e(I,{size:"large",src:_(o).state.userInfo.avatar},null,8,["src"])]),s("div",W,[s("div",X,[s("strong",null,f(_(o).state.userInfo.nickname),1),s("span",null," @"+f(_(o).state.userInfo.username),1)]),s("div",Z,"UID. "+f(_(o).state.userInfo.id),1)])]),e(P,{class:"profile-tabs-wrap",animated:""},{default:m(()=>[e(b,{name:"post",tab:"泡泡"})]),_:1}),i.value?(t(),a("div",ee,[e(x,{num:c.value},null,8,["num"])])):(t(),a("div",te,[p.value.length===0?(t(),a("div",oe,[e(z,{size:"large",description:"暂无数据"})])):d("",!0),(t(!0),a(q,null,E(p.value,v=>(t(),h(U,{key:v.id},{default:m(()=>[e(B,{post:v},null,8,["post"])]),_:2},1024))),128))]))]),_:1})):d("",!0),u.value>0?(t(),a("div",se,[e(C,{page:l.value,"onUpdate:page":y,"page-slot":_(o).state.collapsedRight?5:8,"page-count":u.value},null,8,["page","page-slot","page-count"])])):d("",!0)])}}});const Ve=L(ne,[["__scopeId","data-v-1d87d974"]]);export{Ve as default};
+import{_ as F}from"./post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js";import{_ as M}from"./post-skeleton-fdf95824.js";import{_ as N}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as S}from"./vuex-cc1858c6.js";import{b as V}from"./vue-router-29025daf.js";import{w as D,_ as L}from"./index-f6017bc3.js";import{d as R,r,j,c as a,L as e,U as _,K as h,Y as m,O as d,o as t,a as s,M as f,F as q,$ as E}from"./@vue-f70ab1bd.js";import{F as G,G as H,o as K,f as O,g as T,I as Y,H as A}from"./naive-ui-ddb574dd.js";import"./content-0b348d1e.js";import"./@vicons-2f3cb6b9.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const J={class:"profile-baseinfo"},Q={class:"avatar"},W={class:"base-info"},X={class:"username"},Z={class:"uid"},ee={key:0,class:"skeleton-wrap"},te={key:1},oe={key:0,class:"empty-wrap"},se={key:1,class:"pagination-wrap"},ne=R({__name:"Profile",setup(ae){const o=S(),k=V(),i=r(!1),p=r([]),l=r(+k.query.p||1),c=r(20),u=r(0),g=()=>{i.value=!0,D({username:o.state.userInfo.username,page:l.value,page_size:c.value}).then(n=>{i.value=!1,p.value=n.list,u.value=Math.ceil(n.pager.total_rows/c.value),window.scrollTo(0,0)}).catch(n=>{i.value=!1})},y=n=>{l.value=n,g()};return j(()=>{g()}),(n,_e)=>{const w=N,I=K,b=O,P=T,x=M,z=Y,B=F,U=A,$=G,C=H;return t(),a("div",null,[e(w,{title:"主页"}),_(o).state.userInfo.id>0?(t(),h($,{key:0,class:"main-content-wrap profile-wrap",bordered:""},{default:m(()=>[s("div",J,[s("div",Q,[e(I,{size:"large",src:_(o).state.userInfo.avatar},null,8,["src"])]),s("div",W,[s("div",X,[s("strong",null,f(_(o).state.userInfo.nickname),1),s("span",null," @"+f(_(o).state.userInfo.username),1)]),s("div",Z,"UID. "+f(_(o).state.userInfo.id),1)])]),e(P,{class:"profile-tabs-wrap",animated:""},{default:m(()=>[e(b,{name:"post",tab:"泡泡"})]),_:1}),i.value?(t(),a("div",ee,[e(x,{num:c.value},null,8,["num"])])):(t(),a("div",te,[p.value.length===0?(t(),a("div",oe,[e(z,{size:"large",description:"暂无数据"})])):d("",!0),(t(!0),a(q,null,E(p.value,v=>(t(),h(U,{key:v.id},{default:m(()=>[e(B,{post:v},null,8,["post"])]),_:2},1024))),128))]))]),_:1})):d("",!0),u.value>0?(t(),a("div",se,[e(C,{page:l.value,"onUpdate:page":y,"page-slot":_(o).state.collapsedRight?5:8,"page-count":u.value},null,8,["page","page-slot","page-count"])])):d("",!0)])}}});const Ve=L(ne,[["__scopeId","data-v-1d87d974"]]);export{Ve as default};
diff --git a/web/dist/assets/Setting-0e822006.js b/web/dist/assets/Setting-6508bd8c.js
similarity index 81%
rename from web/dist/assets/Setting-0e822006.js
rename to web/dist/assets/Setting-6508bd8c.js
index a944810e..74389d7f 100644
--- a/web/dist/assets/Setting-0e822006.js
+++ b/web/dist/assets/Setting-6508bd8c.js
@@ -1 +1 @@
-import{_ as we}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{d as ye,r as d,D as H,j as ke,c as g,L as t,Y as s,K as b,O as _,o as r,a as m,U as u,e as c,M as R,z as be,v as Ce,P as q,Z as B,a4 as Ie,a5 as $e}from"./@vue-f70ab1bd.js";import{u as Pe}from"./vuex-cc1858c6.js";import{L as X,M as Ue,N as Se,O as Re,P as qe,Q as Be,R as Ae,_ as Ne}from"./index-ce5b62d8.js";import{s as ze}from"./@vicons-fc06a0bb.js";import{h as Ke,o as De,e as xe,B as Fe,b as Oe,j as je,S as Le,$ as Me,J as Te,a0 as Ve,a1 as Ee,d as Je}from"./naive-ui-ddb574dd.js";import"./vue-router-29025daf.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const O=A=>(Ie("data-v-a681720e"),A=A(),$e(),A),We={class:"base-line avatar"},Ge={class:"base-line"},Qe=O(()=>m("span",{class:"base-label"},"昵称",-1)),Ye={key:0},Ze={class:"base-line"},He=O(()=>m("span",{class:"base-label"},"用户名",-1)),Xe={key:0},et={key:1},tt=O(()=>m("br",null,null,-1)),at={key:2,class:"phone-bind-wrap"},st={class:"captcha-img-wrap"},nt={class:"captcha-img"},ot=["src"],lt={class:"form-submit-wrap"},rt={key:0},it={key:1},ut=O(()=>m("br",null,null,-1)),dt={key:2,class:"phone-bind-wrap"},ct={class:"captcha-img-wrap"},pt={class:"captcha-img"},_t=["src"],mt={class:"form-submit-wrap"},vt={key:1,class:"phone-bind-wrap"},ft={class:"form-submit-wrap"},gt=ye({__name:"Setting",setup(A){const ee="/v1/attachment",te="Bearer "+localStorage.getItem("PAOPAO_TOKEN"),N=d("public/avatar"),$="true".toLowerCase()==="true",ae="false".toLowerCase()==="true",o=Pe(),P=d(!1),z=d(!1),K=d(!1),E=d(),J=d(),C=d(!1),D=d(!1),U=d(!1),S=d(!1),I=d(60),y=d(!1),k=d(!1),W=d(),G=d(),Q=d(),Y=d(),a=H({id:"",b64s:"",imgCaptcha:"",phone:"",phone_captcha:"",password:"",old_password:"",reenteredPassword:""}),i=H({id:"",b64s:"",imgCaptcha:"",activate_code:""}),se=async n=>{var e,v;return N.value==="public/avatar"&&!["image/png","image/jpg","image/jpeg"].includes((e=n.file.file)==null?void 0:e.type)?(window.$message.warning("头像仅允许 png/jpg 格式"),!1):N.value==="image"&&((v=n.file.file)==null?void 0:v.size)>1048576?(window.$message.warning("头像大小不能超过1MB"),!1):!0},ne=({file:n,event:e})=>{var v;try{let f=JSON.parse((v=e.target)==null?void 0:v.response);f.code===0&&N.value==="public/avatar"&&Ue({avatar:f.data.content}).then(p=>{var x;window.$message.success("头像更新成功"),(x=E.value)==null||x.clear(),o.commit("updateUserinfo",{...o.state.userInfo,avatar:f.data.content})}).catch(p=>{console.log(p)})}catch{window.$message.error("上传失败")}},oe=(n,e)=>!!a.password&&a.password.startsWith(e)&&a.password.length>=e.length,le=(n,e)=>e===a.password,re=()=>{var n;a.reenteredPassword&&((n=Y.value)==null||n.validate({trigger:"password-input"}))},ie=n=>{var e;n.preventDefault(),(e=Q.value)==null||e.validate(v=>{v||(D.value=!0,Se({password:a.password,old_password:a.old_password}).then(f=>{D.value=!1,U.value=!1,window.$message.success("密码重置成功"),o.commit("userLogout"),o.commit("triggerAuth",!0),o.commit("triggerAuthKey","signin")}).catch(f=>{D.value=!1}))})},ue=n=>{var e;n.preventDefault(),(e=W.value)==null||e.validate(v=>{v||(z.value=!0,Re({phone:a.phone,captcha:a.phone_captcha}).then(f=>{z.value=!1,y.value=!1,window.$message.success("绑定成功"),o.commit("updateUserinfo",{...o.state.userInfo,phone:a.phone}),a.id="",a.b64s="",a.imgCaptcha="",a.phone="",a.phone_captcha=""}).catch(f=>{z.value=!1}))})},de=n=>{var e;n.preventDefault(),(e=G.value)==null||e.validate(v=>{if(i.imgCaptcha===""){window.$message.warning("请输入图片验证码");return}P.value=!0,v||(K.value=!0,qe({activate_code:i.activate_code,captcha_id:i.id,imgCaptcha:i.imgCaptcha}).then(f=>{K.value=!1,k.value=!1,window.$message.success("激活成功"),o.commit("updateUserinfo",{...o.state.userInfo,activation:i.activate_code}),i.id="",i.b64s="",i.imgCaptcha="",i.activate_code=""}).catch(f=>{K.value=!1,f.code===20012&&L()}))})},j=()=>{X().then(n=>{a.id=n.id,a.b64s=n.b64s}).catch(n=>{console.log(n)})},L=()=>{X().then(n=>{i.id=n.id,i.b64s=n.b64s}).catch(n=>{console.log(n)})},ce=()=>{Be({nickname:o.state.userInfo.nickname||""}).then(n=>{C.value=!1,window.$message.success("昵称修改成功")}).catch(n=>{C.value=!0})},pe=()=>{if(!(I.value>0&&S.value)){if(a.imgCaptcha===""){window.$message.warning("请输入图片验证码");return}P.value=!0,Ae({phone:a.phone,img_captcha:a.imgCaptcha,img_captcha_id:a.id}).then(n=>{S.value=!0,P.value=!1,window.$message.success("发送成功");let e=setInterval(()=>{I.value--,I.value===0&&(clearInterval(e),I.value=60,S.value=!1)},1e3)}).catch(n=>{P.value=!1,n.code===20012&&j(),console.log(n)})}},_e={phone:[{required:!0,message:"请输入手机号",trigger:["input"],validator:(n,e)=>/^[1]+[3-9]{1}\d{9}$/.test(e)}],phone_captcha:[{required:!0,message:"请输入手机验证码"}]},me={activate_code:[{required:!0,message:"请输入激活码",trigger:["input"],validator:(n,e)=>/\d{6}$/.test(e)}]},ve={password:[{required:!0,message:"请输入新密码"}],old_password:[{required:!0,message:"请输入旧密码"}],reenteredPassword:[{required:!0,message:"请再次输入密码",trigger:["input","blur"]},{validator:oe,message:"两次密码输入不一致",trigger:"input"},{validator:le,message:"两次密码输入不一致",trigger:["blur","password-input"]}]},fe=()=>{C.value=!0,setTimeout(()=>{var n;(n=J.value)==null||n.focus()},30)};return ke(()=>{o.state.userInfo.id===0&&(o.commit("triggerAuth",!0),o.commit("triggerAuthKey","signin")),j(),L()}),(n,e)=>{const v=we,f=De,p=xe,x=Fe,h=Oe,ge=je,F=Ke,Z=Le,w=Me,he=Te,M=Ve,T=Ee,V=Je;return r(),g("div",null,[t(v,{title:"设置",theme:""}),t(F,{title:"基本信息",size:"small",class:"setting-card"},{default:s(()=>[m("div",We,[t(f,{class:"avatar-img",size:80,src:u(o).state.userInfo.avatar},null,8,["src"]),!$||$&&u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0?(r(),b(x,{key:0,ref_key:"avatarRef",ref:E,action:ee,headers:{Authorization:te},data:{type:N.value},onBeforeUpload:se,onFinish:ne},{default:s(()=>[t(p,{size:"small"},{default:s(()=>[c("更改头像")]),_:1})]),_:1},8,["headers","data"])):_("",!0)]),m("div",Ge,[Qe,C.value?_("",!0):(r(),g("div",Ye,R(u(o).state.userInfo.nickname),1)),be(t(h,{ref_key:"inputInstRef",ref:J,class:"nickname-input",value:u(o).state.userInfo.nickname,"onUpdate:value":e[0]||(e[0]=l=>u(o).state.userInfo.nickname=l),type:"text",size:"small",placeholder:"请输入昵称",onBlur:ce,maxlength:16},null,8,["value"]),[[Ce,C.value]]),!C.value&&(!$||$&&u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0&&u(o).state.userInfo.status==1)?(r(),b(p,{key:1,quaternary:"",round:"",type:"success",size:"small",onClick:fe},{icon:s(()=>[t(ge,null,{default:s(()=>[t(u(ze))]),_:1})]),_:1})):_("",!0)]),m("div",Ze,[He,c(" @"+R(u(o).state.userInfo.username),1)])]),_:1}),$?(r(),b(F,{key:0,title:"手机号",size:"small",class:"setting-card"},{default:s(()=>[u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0?(r(),g("div",Xe,[c(R(u(o).state.userInfo.phone)+" ",1),!y.value&&u(o).state.userInfo.status==1?(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[1]||(e[1]=l=>y.value=!0)},{default:s(()=>[c(" 换绑手机 ")]),_:1})):_("",!0)])):(r(),g("div",et,[t(Z,{title:"手机绑定提示",type:"warning"},{default:s(()=>[c(" 成功绑定手机后，才能进行换头像、发动态、回复等交互~"),tt,y.value?_("",!0):(r(),g("a",{key:0,class:"hash-link",onClick:e[2]||(e[2]=l=>y.value=!0)}," 立即绑定 "))]),_:1})])),y.value?(r(),g("div",at,[t(V,{ref_key:"phoneFormRef",ref:W,model:a,rules:_e},{default:s(()=>[t(w,{path:"phone",label:"手机号"},{default:s(()=>[t(h,{value:a.phone,"onUpdate:value":e[3]||(e[3]=l=>a.phone=l.trim()),placeholder:"请输入中国大陆手机号",onKeydown:e[4]||(e[4]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"img_captcha",label:"图形验证码"},{default:s(()=>[m("div",st,[t(h,{value:a.imgCaptcha,"onUpdate:value":e[5]||(e[5]=l=>a.imgCaptcha=l),placeholder:"请输入图形验证码后获取验证码"},null,8,["value"]),m("div",nt,[a.b64s?(r(),g("img",{key:0,src:a.b64s,onClick:j},null,8,ot)):_("",!0)])])]),_:1}),t(w,{path:"phone_captcha",label:"短信验证码"},{default:s(()=>[t(he,null,{default:s(()=>[t(h,{value:a.phone_captcha,"onUpdate:value":e[6]||(e[6]=l=>a.phone_captcha=l),placeholder:"请输入收到的短信验证码"},null,8,["value"]),t(p,{type:"primary",ghost:"",disabled:S.value,loading:P.value,onClick:pe},{default:s(()=>[c(R(I.value>0&&S.value?I.value+"s后重新发送":"发送验证码"),1)]),_:1},8,["disabled","loading"])]),_:1})]),_:1}),t(T,{gutter:[0,24]},{default:s(()=>[t(M,{span:24},{default:s(()=>[m("div",lt,[t(p,{quaternary:"",round:"",onClick:e[7]||(e[7]=l=>y.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:z.value,onClick:ue},{default:s(()=>[c(" 绑定 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})):_("",!0),ae?(r(),b(F,{key:1,title:"激活码",size:"small",class:"setting-card"},{default:s(()=>[u(o).state.userInfo.activation&&u(o).state.userInfo.activation.length>0?(r(),g("div",rt,[c(R(u(o).state.userInfo.activation)+" ",1),k.value?_("",!0):(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[8]||(e[8]=l=>k.value=!0)},{default:s(()=>[c(" 重新激活 ")]),_:1}))])):(r(),g("div",it,[t(Z,{title:"激活码激活提示",type:"warning"},{default:s(()=>[c(" 成功激活后后，才能发（公开/好友可见）动态、回复~"),ut,k.value?_("",!0):(r(),g("a",{key:0,class:"hash-link",onClick:e[9]||(e[9]=l=>k.value=!0)}," 立即激活 "))]),_:1})])),k.value?(r(),g("div",dt,[t(V,{ref_key:"activateFormRef",ref:G,model:i,rules:me},{default:s(()=>[t(w,{path:"activate_code",label:"激活码"},{default:s(()=>[t(h,{value:i.activate_code,"onUpdate:value":e[10]||(e[10]=l=>i.activate_code=l.trim()),placeholder:"请输入激活码",onKeydown:e[11]||(e[11]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"img_captcha",label:"图形验证码"},{default:s(()=>[m("div",ct,[t(h,{value:i.imgCaptcha,"onUpdate:value":e[12]||(e[12]=l=>i.imgCaptcha=l),placeholder:"请输入图形验证码后获取验证码"},null,8,["value"]),m("div",pt,[i.b64s?(r(),g("img",{key:0,src:i.b64s,onClick:L},null,8,_t)):_("",!0)])])]),_:1}),t(T,{gutter:[0,24]},{default:s(()=>[t(M,{span:24},{default:s(()=>[m("div",mt,[t(p,{quaternary:"",round:"",onClick:e[13]||(e[13]=l=>k.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:K.value,onClick:de},{default:s(()=>[c(" 激活 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})):_("",!0),t(F,{title:"账户安全",size:"small",class:"setting-card"},{default:s(()=>[c(" 您已设置密码 "),U.value?_("",!0):(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[14]||(e[14]=l=>U.value=!0)},{default:s(()=>[c(" 重置密码 ")]),_:1})),U.value?(r(),g("div",vt,[t(V,{ref_key:"formRef",ref:Q,model:a,rules:ve},{default:s(()=>[t(w,{path:"old_password",label:"旧密码"},{default:s(()=>[t(h,{value:a.old_password,"onUpdate:value":e[15]||(e[15]=l=>a.old_password=l),type:"password",placeholder:"请输入当前密码",onKeydown:e[16]||(e[16]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"password",label:"新密码"},{default:s(()=>[t(h,{value:a.password,"onUpdate:value":e[17]||(e[17]=l=>a.password=l),type:"password",placeholder:"请输入新密码",onInput:re,onKeydown:e[18]||(e[18]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{ref_key:"rPasswordFormItemRef",ref:Y,first:"",path:"reenteredPassword",label:"重复密码"},{default:s(()=>[t(h,{value:a.reenteredPassword,"onUpdate:value":e[19]||(e[19]=l=>a.reenteredPassword=l),disabled:!a.password,type:"password",placeholder:"请再次输入密码",onKeydown:e[20]||(e[20]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value","disabled"])]),_:1},512),t(T,{gutter:[0,24]},{default:s(()=>[t(M,{span:24},{default:s(()=>[m("div",ft,[t(p,{quaternary:"",round:"",onClick:e[21]||(e[21]=l=>U.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:D.value,onClick:ie},{default:s(()=>[c(" 更新 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})])}}});const jt=Ne(gt,[["__scopeId","data-v-a681720e"]]);export{jt as default};
+import{_ as we}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{d as ye,r as d,D as H,j as ke,c as g,L as t,Y as s,K as b,O as _,o as r,a as m,U as u,e as c,M as R,z as be,v as Ce,P as q,Z as B,a4 as Ie,a5 as $e}from"./@vue-f70ab1bd.js";import{u as Pe}from"./vuex-cc1858c6.js";import{O as X,P as Ue,Q as Se,R as Re,S as qe,T as Be,U as Ae,_ as ze}from"./index-f6017bc3.js";import{t as Ne}from"./@vicons-2f3cb6b9.js";import{h as Ke,o as De,e as xe,B as Fe,b as Oe,j as Te,S as je,$ as Ve,J as Ee,a0 as Le,a1 as Me,d as Je}from"./naive-ui-ddb574dd.js";import"./vue-router-29025daf.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const O=A=>(Ie("data-v-a681720e"),A=A(),$e(),A),We={class:"base-line avatar"},Ge={class:"base-line"},Qe=O(()=>m("span",{class:"base-label"},"昵称",-1)),Ye={key:0},Ze={class:"base-line"},He=O(()=>m("span",{class:"base-label"},"用户名",-1)),Xe={key:0},et={key:1},tt=O(()=>m("br",null,null,-1)),at={key:2,class:"phone-bind-wrap"},st={class:"captcha-img-wrap"},nt={class:"captcha-img"},ot=["src"],lt={class:"form-submit-wrap"},rt={key:0},it={key:1},ut=O(()=>m("br",null,null,-1)),dt={key:2,class:"phone-bind-wrap"},ct={class:"captcha-img-wrap"},pt={class:"captcha-img"},_t=["src"],mt={class:"form-submit-wrap"},vt={key:1,class:"phone-bind-wrap"},ft={class:"form-submit-wrap"},gt=ye({__name:"Setting",setup(A){const ee="/v1/attachment",te="Bearer "+localStorage.getItem("PAOPAO_TOKEN"),z=d("public/avatar"),$="true".toLowerCase()==="true",ae="false".toLowerCase()==="true",o=Pe(),P=d(!1),N=d(!1),K=d(!1),M=d(),J=d(),C=d(!1),D=d(!1),U=d(!1),S=d(!1),I=d(60),y=d(!1),k=d(!1),W=d(),G=d(),Q=d(),Y=d(),a=H({id:"",b64s:"",imgCaptcha:"",phone:"",phone_captcha:"",password:"",old_password:"",reenteredPassword:""}),i=H({id:"",b64s:"",imgCaptcha:"",activate_code:""}),se=async n=>{var e,v;return z.value==="public/avatar"&&!["image/png","image/jpg","image/jpeg"].includes((e=n.file.file)==null?void 0:e.type)?(window.$message.warning("头像仅允许 png/jpg 格式"),!1):z.value==="image"&&((v=n.file.file)==null?void 0:v.size)>1048576?(window.$message.warning("头像大小不能超过1MB"),!1):!0},ne=({file:n,event:e})=>{var v;try{let f=JSON.parse((v=e.target)==null?void 0:v.response);f.code===0&&z.value==="public/avatar"&&Ue({avatar:f.data.content}).then(p=>{var x;window.$message.success("头像更新成功"),(x=M.value)==null||x.clear(),o.commit("updateUserinfo",{...o.state.userInfo,avatar:f.data.content})}).catch(p=>{console.log(p)})}catch{window.$message.error("上传失败")}},oe=(n,e)=>!!a.password&&a.password.startsWith(e)&&a.password.length>=e.length,le=(n,e)=>e===a.password,re=()=>{var n;a.reenteredPassword&&((n=Y.value)==null||n.validate({trigger:"password-input"}))},ie=n=>{var e;n.preventDefault(),(e=Q.value)==null||e.validate(v=>{v||(D.value=!0,Se({password:a.password,old_password:a.old_password}).then(f=>{D.value=!1,U.value=!1,window.$message.success("密码重置成功"),o.commit("userLogout"),o.commit("triggerAuth",!0),o.commit("triggerAuthKey","signin")}).catch(f=>{D.value=!1}))})},ue=n=>{var e;n.preventDefault(),(e=W.value)==null||e.validate(v=>{v||(N.value=!0,Re({phone:a.phone,captcha:a.phone_captcha}).then(f=>{N.value=!1,y.value=!1,window.$message.success("绑定成功"),o.commit("updateUserinfo",{...o.state.userInfo,phone:a.phone}),a.id="",a.b64s="",a.imgCaptcha="",a.phone="",a.phone_captcha=""}).catch(f=>{N.value=!1}))})},de=n=>{var e;n.preventDefault(),(e=G.value)==null||e.validate(v=>{if(i.imgCaptcha===""){window.$message.warning("请输入图片验证码");return}P.value=!0,v||(K.value=!0,qe({activate_code:i.activate_code,captcha_id:i.id,imgCaptcha:i.imgCaptcha}).then(f=>{K.value=!1,k.value=!1,window.$message.success("激活成功"),o.commit("updateUserinfo",{...o.state.userInfo,activation:i.activate_code}),i.id="",i.b64s="",i.imgCaptcha="",i.activate_code=""}).catch(f=>{K.value=!1,f.code===20012&&j()}))})},T=()=>{X().then(n=>{a.id=n.id,a.b64s=n.b64s}).catch(n=>{console.log(n)})},j=()=>{X().then(n=>{i.id=n.id,i.b64s=n.b64s}).catch(n=>{console.log(n)})},ce=()=>{Be({nickname:o.state.userInfo.nickname||""}).then(n=>{C.value=!1,window.$message.success("昵称修改成功")}).catch(n=>{C.value=!0})},pe=()=>{if(!(I.value>0&&S.value)){if(a.imgCaptcha===""){window.$message.warning("请输入图片验证码");return}P.value=!0,Ae({phone:a.phone,img_captcha:a.imgCaptcha,img_captcha_id:a.id}).then(n=>{S.value=!0,P.value=!1,window.$message.success("发送成功");let e=setInterval(()=>{I.value--,I.value===0&&(clearInterval(e),I.value=60,S.value=!1)},1e3)}).catch(n=>{P.value=!1,n.code===20012&&T(),console.log(n)})}},_e={phone:[{required:!0,message:"请输入手机号",trigger:["input"],validator:(n,e)=>/^[1]+[3-9]{1}\d{9}$/.test(e)}],phone_captcha:[{required:!0,message:"请输入手机验证码"}]},me={activate_code:[{required:!0,message:"请输入激活码",trigger:["input"],validator:(n,e)=>/\d{6}$/.test(e)}]},ve={password:[{required:!0,message:"请输入新密码"}],old_password:[{required:!0,message:"请输入旧密码"}],reenteredPassword:[{required:!0,message:"请再次输入密码",trigger:["input","blur"]},{validator:oe,message:"两次密码输入不一致",trigger:"input"},{validator:le,message:"两次密码输入不一致",trigger:["blur","password-input"]}]},fe=()=>{C.value=!0,setTimeout(()=>{var n;(n=J.value)==null||n.focus()},30)};return ke(()=>{o.state.userInfo.id===0&&(o.commit("triggerAuth",!0),o.commit("triggerAuthKey","signin")),T(),j()}),(n,e)=>{const v=we,f=De,p=xe,x=Fe,h=Oe,ge=Te,F=Ke,Z=je,w=Ve,he=Ee,V=Le,E=Me,L=Je;return r(),g("div",null,[t(v,{title:"设置",theme:""}),t(F,{title:"基本信息",size:"small",class:"setting-card"},{default:s(()=>[m("div",We,[t(f,{class:"avatar-img",size:80,src:u(o).state.userInfo.avatar},null,8,["src"]),!$||$&&u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0?(r(),b(x,{key:0,ref_key:"avatarRef",ref:M,action:ee,headers:{Authorization:te},data:{type:z.value},onBeforeUpload:se,onFinish:ne},{default:s(()=>[t(p,{size:"small"},{default:s(()=>[c("更改头像")]),_:1})]),_:1},8,["headers","data"])):_("",!0)]),m("div",Ge,[Qe,C.value?_("",!0):(r(),g("div",Ye,R(u(o).state.userInfo.nickname),1)),be(t(h,{ref_key:"inputInstRef",ref:J,class:"nickname-input",value:u(o).state.userInfo.nickname,"onUpdate:value":e[0]||(e[0]=l=>u(o).state.userInfo.nickname=l),type:"text",size:"small",placeholder:"请输入昵称",onBlur:ce,maxlength:16},null,8,["value"]),[[Ce,C.value]]),!C.value&&(!$||$&&u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0&&u(o).state.userInfo.status==1)?(r(),b(p,{key:1,quaternary:"",round:"",type:"success",size:"small",onClick:fe},{icon:s(()=>[t(ge,null,{default:s(()=>[t(u(Ne))]),_:1})]),_:1})):_("",!0)]),m("div",Ze,[He,c(" @"+R(u(o).state.userInfo.username),1)])]),_:1}),$?(r(),b(F,{key:0,title:"手机号",size:"small",class:"setting-card"},{default:s(()=>[u(o).state.userInfo.phone&&u(o).state.userInfo.phone.length>0?(r(),g("div",Xe,[c(R(u(o).state.userInfo.phone)+" ",1),!y.value&&u(o).state.userInfo.status==1?(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[1]||(e[1]=l=>y.value=!0)},{default:s(()=>[c(" 换绑手机 ")]),_:1})):_("",!0)])):(r(),g("div",et,[t(Z,{title:"手机绑定提示",type:"warning"},{default:s(()=>[c(" 成功绑定手机后，才能进行换头像、发动态、回复等交互~"),tt,y.value?_("",!0):(r(),g("a",{key:0,class:"hash-link",onClick:e[2]||(e[2]=l=>y.value=!0)}," 立即绑定 "))]),_:1})])),y.value?(r(),g("div",at,[t(L,{ref_key:"phoneFormRef",ref:W,model:a,rules:_e},{default:s(()=>[t(w,{path:"phone",label:"手机号"},{default:s(()=>[t(h,{value:a.phone,"onUpdate:value":e[3]||(e[3]=l=>a.phone=l.trim()),placeholder:"请输入中国大陆手机号",onKeydown:e[4]||(e[4]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"img_captcha",label:"图形验证码"},{default:s(()=>[m("div",st,[t(h,{value:a.imgCaptcha,"onUpdate:value":e[5]||(e[5]=l=>a.imgCaptcha=l),placeholder:"请输入图形验证码后获取验证码"},null,8,["value"]),m("div",nt,[a.b64s?(r(),g("img",{key:0,src:a.b64s,onClick:T},null,8,ot)):_("",!0)])])]),_:1}),t(w,{path:"phone_captcha",label:"短信验证码"},{default:s(()=>[t(he,null,{default:s(()=>[t(h,{value:a.phone_captcha,"onUpdate:value":e[6]||(e[6]=l=>a.phone_captcha=l),placeholder:"请输入收到的短信验证码"},null,8,["value"]),t(p,{type:"primary",ghost:"",disabled:S.value,loading:P.value,onClick:pe},{default:s(()=>[c(R(I.value>0&&S.value?I.value+"s后重新发送":"发送验证码"),1)]),_:1},8,["disabled","loading"])]),_:1})]),_:1}),t(E,{gutter:[0,24]},{default:s(()=>[t(V,{span:24},{default:s(()=>[m("div",lt,[t(p,{quaternary:"",round:"",onClick:e[7]||(e[7]=l=>y.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:N.value,onClick:ue},{default:s(()=>[c(" 绑定 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})):_("",!0),ae?(r(),b(F,{key:1,title:"激活码",size:"small",class:"setting-card"},{default:s(()=>[u(o).state.userInfo.activation&&u(o).state.userInfo.activation.length>0?(r(),g("div",rt,[c(R(u(o).state.userInfo.activation)+" ",1),k.value?_("",!0):(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[8]||(e[8]=l=>k.value=!0)},{default:s(()=>[c(" 重新激活 ")]),_:1}))])):(r(),g("div",it,[t(Z,{title:"激活码激活提示",type:"warning"},{default:s(()=>[c(" 成功激活后后，才能发（公开/好友可见）动态、回复~"),ut,k.value?_("",!0):(r(),g("a",{key:0,class:"hash-link",onClick:e[9]||(e[9]=l=>k.value=!0)}," 立即激活 "))]),_:1})])),k.value?(r(),g("div",dt,[t(L,{ref_key:"activateFormRef",ref:G,model:i,rules:me},{default:s(()=>[t(w,{path:"activate_code",label:"激活码"},{default:s(()=>[t(h,{value:i.activate_code,"onUpdate:value":e[10]||(e[10]=l=>i.activate_code=l.trim()),placeholder:"请输入激活码",onKeydown:e[11]||(e[11]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"img_captcha",label:"图形验证码"},{default:s(()=>[m("div",ct,[t(h,{value:i.imgCaptcha,"onUpdate:value":e[12]||(e[12]=l=>i.imgCaptcha=l),placeholder:"请输入图形验证码后获取验证码"},null,8,["value"]),m("div",pt,[i.b64s?(r(),g("img",{key:0,src:i.b64s,onClick:j},null,8,_t)):_("",!0)])])]),_:1}),t(E,{gutter:[0,24]},{default:s(()=>[t(V,{span:24},{default:s(()=>[m("div",mt,[t(p,{quaternary:"",round:"",onClick:e[13]||(e[13]=l=>k.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:K.value,onClick:de},{default:s(()=>[c(" 激活 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})):_("",!0),t(F,{title:"账户安全",size:"small",class:"setting-card"},{default:s(()=>[c(" 您已设置密码 "),U.value?_("",!0):(r(),b(p,{key:0,quaternary:"",round:"",type:"success",onClick:e[14]||(e[14]=l=>U.value=!0)},{default:s(()=>[c(" 重置密码 ")]),_:1})),U.value?(r(),g("div",vt,[t(L,{ref_key:"formRef",ref:Q,model:a,rules:ve},{default:s(()=>[t(w,{path:"old_password",label:"旧密码"},{default:s(()=>[t(h,{value:a.old_password,"onUpdate:value":e[15]||(e[15]=l=>a.old_password=l),type:"password",placeholder:"请输入当前密码",onKeydown:e[16]||(e[16]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{path:"password",label:"新密码"},{default:s(()=>[t(h,{value:a.password,"onUpdate:value":e[17]||(e[17]=l=>a.password=l),type:"password",placeholder:"请输入新密码",onInput:re,onKeydown:e[18]||(e[18]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value"])]),_:1}),t(w,{ref_key:"rPasswordFormItemRef",ref:Y,first:"",path:"reenteredPassword",label:"重复密码"},{default:s(()=>[t(h,{value:a.reenteredPassword,"onUpdate:value":e[19]||(e[19]=l=>a.reenteredPassword=l),disabled:!a.password,type:"password",placeholder:"请再次输入密码",onKeydown:e[20]||(e[20]=q(B(()=>{},["prevent"]),["enter"]))},null,8,["value","disabled"])]),_:1},512),t(E,{gutter:[0,24]},{default:s(()=>[t(V,{span:24},{default:s(()=>[m("div",ft,[t(p,{quaternary:"",round:"",onClick:e[21]||(e[21]=l=>U.value=!1)},{default:s(()=>[c(" 取消 ")]),_:1}),t(p,{secondary:"",round:"",type:"primary",loading:D.value,onClick:ie},{default:s(()=>[c(" 更新 ")]),_:1},8,["loading"])])]),_:1})]),_:1})]),_:1},8,["model"])])):_("",!0)]),_:1})])}}});const Tt=ze(gt,[["__scopeId","data-v-a681720e"]]);export{Tt as default};
diff --git a/web/dist/assets/Topic-3a36c606.css b/web/dist/assets/Topic-3a36c606.css
deleted file mode 100644
index 9f41c2e0..00000000
--- a/web/dist/assets/Topic-3a36c606.css
+++ /dev/null
@@ -1 +0,0 @@
-.tags-wrap[data-v-c1908b4e]{padding:20px}.tags-wrap .tag-item .tag-hot[data-v-c1908b4e]{margin-left:12px;font-size:12px;opacity:.75}.dark .tags-wrap[data-v-c1908b4e]{background-color:#101014bf}
diff --git a/web/dist/assets/Topic-7bd6ba6c.js b/web/dist/assets/Topic-7bd6ba6c.js
new file mode 100644
index 00000000..ba8334f2
--- /dev/null
+++ b/web/dist/assets/Topic-7bd6ba6c.js
@@ -0,0 +1 @@
+import{q as x,u as S,r as I,t as U,_ as j}from"./index-f6017bc3.js";import{l as z}from"./@vicons-2f3cb6b9.js";import{d as F,r as _,n as $,j as q,_ as E,o as l,c as u,L as n,Y as a,K as T,e as A,M as w,O as m,U as r,w as D,a3 as K,F as Y,$ as G}from"./@vue-f70ab1bd.js";import{o as H,M as L,j as J,e as P,O as Q,L as R,F as W,f as X,g as Z,a as tt,k as et}from"./naive-ui-ddb574dd.js";import{_ as ot}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as nt}from"./vuex-cc1858c6.js";import"./vue-router-29025daf.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const st={key:0,class:"tag-item"},at={key:0,class:"tag-quote"},ct={key:1,class:"tag-quote tag-follow"},lt={key:0,class:"options"},it=F({__name:"tag-item",props:{tag:null,showAction:{type:Boolean},checkFollowing:{type:Boolean}},setup(s){const e=s,g=_(!1),d=$(()=>{let o=[];return e.tag.is_following===0?o.push({label:"关注",key:"follow"}):(e.tag.is_top===0?o.push({label:"置顶",key:"stick"}):o.push({label:"取消置顶",key:"unstick"}),o.push({label:"取消关注",key:"unfollow"})),o}),i=o=>{switch(o){case"follow":I({topic_id:e.tag.id}).then(t=>{e.tag.is_following=1,window.$message.success("关注成功")}).catch(t=>{console.log(t)});break;case"unfollow":S({topic_id:e.tag.id}).then(t=>{e.tag.is_following=0,window.$message.success("取消关注")}).catch(t=>{console.log(t)});break;case"stick":x({topic_id:e.tag.id}).then(t=>{e.tag.is_top=t.top_status,window.$message.success("置顶成功")}).catch(t=>{console.log(t)});break;case"unstick":x({topic_id:e.tag.id}).then(t=>{e.tag.is_top=t.top_status,window.$message.success("取消置顶")}).catch(t=>{console.log(t)});break}};return q(()=>{g.value=!1}),(o,t)=>{const k=E("router-link"),f=H,v=L,c=J,h=P,y=Q,p=R;return!s.checkFollowing||s.checkFollowing&&s.tag.is_following===1?(l(),u("div",st,[n(p,null,{header:a(()=>[(l(),T(v,{type:"success",size:"large",round:"",key:s.tag.id},{avatar:a(()=>[n(f,{src:s.tag.user.avatar},null,8,["src"])]),default:a(()=>[n(k,{class:"hash-link",to:{name:"home",query:{q:s.tag.tag,t:"tag"}}},{default:a(()=>[A(" #"+w(s.tag.tag),1)]),_:1},8,["to"]),s.showAction?m("",!0):(l(),u("span",at,"("+w(s.tag.quote_num)+")",1)),s.showAction?(l(),u("span",ct,"("+w(s.tag.quote_num)+")",1)):m("",!0)]),_:1}))]),"header-extra":a(()=>[s.showAction?(l(),u("div",lt,[n(y,{placement:"bottom-end",trigger:"click",size:"small",options:r(d),onSelect:i},{default:a(()=>[n(h,{type:"success",quaternary:"",circle:"",block:""},{icon:a(()=>[n(c,null,{default:a(()=>[n(r(z))]),_:1})]),_:1})]),_:1},8,["options"])])):m("",!0)]),_:1})])):m("",!0)}}});const _t=F({__name:"Topic",setup(s){const e=nt(),g=_([]),d=_("hot"),i=_(!1),o=_(!1),t=_(!1);D(o,()=>{o.value||(window.$message.success("保存成功"),e.commit("refreshTopicFollow"))});const k=$({get:()=>{let c="编辑";return o.value&&(c="保存"),c},set:c=>{}}),f=()=>{i.value=!0,U({type:d.value,num:50}).then(c=>{g.value=c.topics,i.value=!1}).catch(c=>{console.log(c),i.value=!1})},v=c=>{d.value=c,c=="follow"?t.value=!0:t.value=!1,f()};return q(()=>{f()}),(c,h)=>{const y=ot,p=X,B=L,C=Z,V=it,M=tt,N=et,O=W;return l(),u("div",null,[n(y,{title:"话题"}),n(O,{class:"main-content-wrap tags-wrap",bordered:""},{default:a(()=>[n(C,{type:"line",animated:"","onUpdate:value":v},K({default:a(()=>[n(p,{name:"hot",tab:"热门"}),n(p,{name:"new",tab:"最新"}),r(e).state.userLogined?(l(),T(p,{key:0,name:"follow",tab:"关注"})):m("",!0)]),_:2},[r(e).state.userLogined?{name:"suffix",fn:a(()=>[n(B,{checked:o.value,"onUpdate:checked":h[0]||(h[0]=b=>o.value=b),checkable:""},{default:a(()=>[A(w(r(k)),1)]),_:1},8,["checked"])]),key:"0"}:void 0]),1024),n(N,{show:i.value},{default:a(()=>[n(M,null,{default:a(()=>[(l(!0),u(Y,null,G(g.value,b=>(l(),T(V,{tag:b,showAction:r(e).state.userLogined&&o.value,checkFollowing:t.value},null,8,["tag","showAction","checkFollowing"]))),256))]),_:1})]),_:1},8,["show"])]),_:1})])}}});const Vt=j(_t,[["__scopeId","data-v-15794a53"]]);export{Vt as default};
diff --git a/web/dist/assets/Topic-8dbcebb5.css b/web/dist/assets/Topic-8dbcebb5.css
new file mode 100644
index 00000000..89cc452d
--- /dev/null
+++ b/web/dist/assets/Topic-8dbcebb5.css
@@ -0,0 +1 @@
+.tag-item .tag-quote{margin-left:12px;font-size:14px;opacity:.75}.tag-item .tag-follow{margin-right:22px}.tag-item .options{margin-left:-32px;margin-bottom:4px;opacity:.55}.tag-item .n-thing .n-thing-header{margin-bottom:0}.tag-item .n-thing .n-thing-avatar-header-wrapper{align-items:center}.tags-wrap[data-v-15794a53]{padding:20px}.dark .tags-wrap[data-v-15794a53]{background-color:#101014bf}
diff --git a/web/dist/assets/Topic-bda87938.js b/web/dist/assets/Topic-bda87938.js
deleted file mode 100644
index 83e6a764..00000000
--- a/web/dist/assets/Topic-bda87938.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as T}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{q as w,_ as x}from"./index-ce5b62d8.js";import{d as q,r as s,j as B,c as i,L as t,Y as o,o as _,F as C,$ as F,_ as M,K as N,e as V,M as l,a as L}from"./@vue-f70ab1bd.js";import{F as $,f as j,g as D,a as E,k as I,o as K,M as S}from"./naive-ui-ddb574dd.js";import"./vuex-cc1858c6.js";import"./vue-router-29025daf.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./@vicons-fc06a0bb.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const U={class:"tag-hot"},Y=q({__name:"Topic",setup(z){const p=s([]),c=s("hot"),a=s(!1),r=()=>{a.value=!0,w({type:c.value,num:50}).then(n=>{p.value=n.topics,a.value=!1}).catch(n=>{a.value=!1})},u=n=>{c.value=n,r()};return B(()=>{r()}),(n,A)=>{const d=T,m=j,g=D,f=M("router-link"),v=K,h=S,y=E,b=I,k=$;return _(),i("div",null,[t(d,{title:"话题"}),t(k,{class:"main-content-wrap tags-wrap",bordered:""},{default:o(()=>[t(g,{type:"line",animated:"","onUpdate:value":u},{default:o(()=>[t(m,{name:"hot",tab:"热门"}),t(m,{name:"new",tab:"最新"})]),_:1}),t(b,{show:a.value},{default:o(()=>[t(y,null,{default:o(()=>[(_(!0),i(C,null,F(p.value,e=>(_(),N(h,{class:"tag-item",type:"success",round:"",key:e.id},{avatar:o(()=>[t(v,{src:e.user.avatar},null,8,["src"])]),default:o(()=>[t(f,{class:"hash-link",to:{name:"home",query:{q:e.tag,t:"tag"}}},{default:o(()=>[V(" #"+l(e.tag),1)]),_:2},1032,["to"]),L("span",U,"("+l(e.quote_num)+")",1)]),_:2},1024))),128))]),_:1})]),_:1},8,["show"])]),_:1})])}}});const lt=x(Y,[["__scopeId","data-v-c1908b4e"]]);export{lt as default};
diff --git a/web/dist/assets/User-63f42059.js b/web/dist/assets/User-63f42059.js
new file mode 100644
index 00000000..11bb7b7e
--- /dev/null
+++ b/web/dist/assets/User-63f42059.js
@@ -0,0 +1 @@
+import{_ as _e}from"./post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js";import{_ as re}from"./post-skeleton-fdf95824.js";import{x as ue,_ as I,y as pe,z as de,w as me,A as he,B as ve}from"./index-f6017bc3.js";import{Q as C,R as P,S as R,b as T,e as S,i as A,u as fe,T as ge,F as we,G as ye,o as ke,M as be,j as xe,O as $e,k as Ue,f as ze,g as Fe,I as Ie,H as Se}from"./naive-ui-ddb574dd.js";import{d as q,r as c,o as i,K as F,Y as t,a as _,L as n,e as h,M as $,D as qe,n as We,w as Me,j as Be,c as m,U as x,O as z,F as Ce,$ as Pe}from"./@vue-f70ab1bd.js";import{_ as Re}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{u as Te}from"./vuex-cc1858c6.js";import{b as Ae}from"./vue-router-29025daf.js";import{e as De}from"./@vicons-2f3cb6b9.js";import"./content-0b348d1e.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const Ne={class:"whisper-wrap"},Ve={class:"whisper-line"},Le={class:"whisper-line send-wrap"},Oe=q({__name:"whisper",props:{show:{type:Boolean,default:!1},user:null},emits:["success"],setup(r,{emit:U}){const u=r,a=c(""),o=c(!1),e=()=>{U("success")},l=()=>{o.value=!0,ue({user_id:u.user.id,content:a.value}).then(p=>{window.$message.success("发送成功"),o.value=!1,a.value="",e()}).catch(p=>{o.value=!1})};return(p,d)=>{const v=C,f=P,g=R,w=T,y=S,k=A;return i(),F(k,{show:r.show,"onUpdate:show":e,class:"whisper-card",preset:"card",size:"small",title:"私信","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:t(()=>[_("div",Ne,[n(g,{"show-icon":!1},{default:t(()=>[h(" 即将发送私信给: "),n(f,{style:{"max-width":"100%"}},{default:t(()=>[n(v,{type:"success"},{default:t(()=>[h($(r.user.nickname)+"@"+$(r.user.username),1)]),_:1})]),_:1})]),_:1}),_("div",Ve,[n(w,{type:"textarea",placeholder:"请输入私信内容（请勿发送不和谐内容，否则将会被封号）",autosize:{minRows:5,maxRows:10},value:a.value,"onUpdate:value":d[0]||(d[0]=b=>a.value=b),maxlength:"200","show-count":""},null,8,["value"])]),_("div",Le,[n(y,{strong:"",secondary:"",type:"primary",loading:o.value,onClick:l},{default:t(()=>[h(" 发送 ")]),_:1},8,["loading"])])])]),_:1},8,["show"])}}});const je=I(Oe,[["__scopeId","data-v-0cbfe47c"]]),He={class:"whisper-wrap"},Ee={class:"whisper-line"},Ge={class:"whisper-line send-wrap"},Ke=q({__name:"whisper-add-friend",props:{show:{type:Boolean,default:!1},user:null},emits:["success"],setup(r,{emit:U}){const u=r,a=c(""),o=c(!1),e=()=>{U("success")},l=()=>{o.value=!0,pe({user_id:u.user.id,greetings:a.value}).then(p=>{window.$message.success("发送成功"),o.value=!1,a.value="",e()}).catch(p=>{o.value=!1})};return(p,d)=>{const v=C,f=P,g=R,w=T,y=S,k=A;return i(),F(k,{show:r.show,"onUpdate:show":e,class:"whisper-card",preset:"card",size:"small",title:"申请添加朋友","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:t(()=>[_("div",He,[n(g,{"show-icon":!1},{default:t(()=>[h(" 发送添加朋友申请给: "),n(f,{style:{"max-width":"100%"}},{default:t(()=>[n(v,{type:"success"},{default:t(()=>[h($(r.user.nickname)+"@"+$(r.user.username),1)]),_:1})]),_:1})]),_:1}),_("div",Ee,[n(w,{type:"textarea",placeholder:"请输入真挚的问候语",autosize:{minRows:5,maxRows:10},value:a.value,"onUpdate:value":d[0]||(d[0]=b=>a.value=b),maxlength:"120","show-count":""},null,8,["value"])]),_("div",Ge,[n(y,{strong:"",secondary:"",type:"primary",loading:o.value,onClick:l},{default:t(()=>[h(" 发送 ")]),_:1},8,["loading"])])])]),_:1},8,["show"])}}});const Qe=I(Ke,[["__scopeId","data-v-60be56a2"]]),Ye={key:0,class:"profile-baseinfo"},Je={class:"avatar"},Xe={class:"base-info"},Ze={class:"username"},es={class:"uid"},ss={key:0,class:"user-opts"},ns={key:0,class:"skeleton-wrap"},ts={key:1},as={key:0,class:"empty-wrap"},os={key:0,class:"pagination-wrap"},ls=q({__name:"User",setup(r){fe();const U=ge(),u=Te(),a=Ae(),o=c(!1),e=qe({id:0,avatar:"",username:"",nickname:"",is_admin:!1,is_friend:!0,status:1}),l=c(!1),p=c(!1),d=c(!1),v=c([]),f=c(a.query.username||""),g=c(+a.query.p||1),w=c(20),y=c(0),k=()=>{o.value=!0,me({username:f.value,page:g.value,page_size:w.value}).then(s=>{o.value=!1,v.value=s.list,y.value=Math.ceil(s.pager.total_rows/w.value),window.scrollTo(0,0)}).catch(s=>{o.value=!1})},b=()=>{l.value=!0,de({username:f.value}).then(s=>{l.value=!1,e.id=s.id,e.avatar=s.avatar,e.username=s.username,e.nickname=s.nickname,e.is_admin=s.is_admin,e.is_friend=s.is_friend,e.status=s.status,k()}).catch(s=>{l.value=!1,console.log(s)})},D=s=>{g.value=s,k()},N=()=>{p.value=!0},V=()=>{d.value=!0},L=()=>{p.value=!1},O=()=>{d.value=!1},j=We(()=>{let s=[{label:"私信",key:"whisper"}];return u.state.userInfo.is_admin&&(e.status===1?s.push({label:"禁言",key:"banned"}):s.push({label:"解封",key:"deblocking"})),e.is_friend?s.push({label:"删除好友",key:"delete"}):s.push({label:"添加朋友",key:"requesting"}),s}),H=s=>{switch(s){case"whisper":N();break;case"delete":E();break;case"requesting":V();break;case"banned":case"deblocking":G();break}},E=()=>{U.warning({title:"删除好友",content:"将好友 “"+e.nickname+"” 删除，将同时删除 点赞/收藏 列表中关于该朋友的 “好友可见” 推文",positiveText:"确定",negativeText:"取消",onPositiveClick:()=>{l.value=!0,he({user_id:e.id}).then(s=>{l.value=!1,e.is_friend=!1,k()}).catch(s=>{l.value=!1,console.log(s)})}})},G=()=>{U.warning({title:"警告",content:"确定对该用户进行"+(e.status===1?"禁言":"解封")+"处理吗？",positiveText:"确定",negativeText:"取消",onPositiveClick:()=>{l.value=!0,ve({id:e.id,status:e.status===1?2:1}).then(s=>{l.value=!1,b()}).catch(s=>{l.value=!1,console.log(s)})}})};return Me(()=>({path:a.path,query:a.query}),(s,W)=>{W.path==="/user"&&s.path==="/user"&&(f.value=a.query.username||"",b())}),Be(()=>{b()}),(s,W)=>{const K=Re,Q=ke,M=be,Y=xe,J=S,X=$e,Z=je,ee=Ue,se=ze,ne=Fe,te=re,ae=Ie,oe=_e,le=Se,ie=we,ce=ye;return i(),m("div",null,[n(K,{title:"用户详情"}),n(ie,{class:"main-content-wrap profile-wrap",bordered:""},{default:t(()=>[n(ee,{show:l.value},{default:t(()=>[e.id>0?(i(),m("div",Ye,[_("div",Je,[n(Q,{size:"large",src:e.avatar},null,8,["src"])]),_("div",Xe,[_("div",Ze,[_("strong",null,$(e.nickname),1),_("span",null," @"+$(e.username),1),x(u).state.userInfo.id>0&&x(u).state.userInfo.username!=e.username&&e.is_friend?(i(),F(M,{key:0,class:"top-tag",type:"info",size:"small",round:""},{default:t(()=>[h(" 好友 ")]),_:1})):z("",!0),e.is_admin?(i(),F(M,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:t(()=>[h(" 管理员 ")]),_:1})):z("",!0)]),_("div",es,"UID. "+$(e.id),1)]),x(u).state.userInfo.id>0&&x(u).state.userInfo.username!=e.username?(i(),m("div",ss,[n(X,{placement:"bottom-end",trigger:"click",size:"small",options:x(j),onSelect:H},{default:t(()=>[n(J,{quaternary:"",circle:""},{icon:t(()=>[n(Y,null,{default:t(()=>[n(x(De))]),_:1})]),_:1})]),_:1},8,["options"])])):z("",!0)])):z("",!0),n(Z,{show:p.value,user:e,onSuccess:L},null,8,["show","user"]),n(Qe,{show:d.value,user:e,onSuccess:O},null,8,["show","user"])]),_:1},8,["show"]),n(ne,{class:"profile-tabs-wrap",animated:""},{default:t(()=>[n(se,{name:"post",tab:"泡泡"})]),_:1}),o.value?(i(),m("div",ns,[n(te,{num:w.value},null,8,["num"])])):(i(),m("div",ts,[v.value.length===0?(i(),m("div",as,[n(ae,{size:"large",description:"暂无数据"})])):z("",!0),(i(!0),m(Ce,null,Pe(v.value,B=>(i(),F(le,{key:B.id},{default:t(()=>[n(oe,{post:B},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),y.value>0?(i(),m("div",os,[n(ce,{page:g.value,"onUpdate:page":D,"page-slot":x(u).state.collapsedRight?5:8,"page-count":y.value},null,8,["page","page-slot","page-count"])])):z("",!0)])}}});const Ps=I(ls,[["__scopeId","data-v-46a0183a"]]);export{Ps as default};
diff --git a/web/dist/assets/User-656cd0cb.js b/web/dist/assets/User-656cd0cb.js
deleted file mode 100644
index bac91623..00000000
--- a/web/dist/assets/User-656cd0cb.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as _e}from"./post-item.vue_vue_type_style_index_0_lang-02b1501b.js";import{_ as re}from"./post-skeleton-a5bf805a.js";import{t as ue,_ as I,u as pe,w as de,r as me,x as he,y as ve}from"./index-ce5b62d8.js";import{Q as P,R,S as T,b as B,e as S,i as A,u as fe,T as ge,F as we,G as ye,o as ke,M as be,j as xe,O as $e,k as Ue,f as ze,g as Fe,I as Ie,H as Se}from"./naive-ui-ddb574dd.js";import{d as q,r as c,o as i,K as F,Y as t,a as _,L as n,e as h,M as $,D as qe,n as We,w as Me,j as Ce,c as m,U as x,O as z,F as Pe,$ as Re}from"./@vue-f70ab1bd.js";import{_ as Te}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{u as Be}from"./vuex-cc1858c6.js";import{b as Ae}from"./vue-router-29025daf.js";import{e as De}from"./@vicons-fc06a0bb.js";import"./content-16569a30.js";import"./nonesir-video-29a967e9.js";import"./formatTime-936c40eb.js";import"./moment-b7869f98.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";const Ne={class:"whisper-wrap"},Ve={class:"whisper-line"},Le={class:"whisper-line send-wrap"},Oe=q({__name:"whisper",props:{show:{type:Boolean,default:!1},user:null},emits:["success"],setup(r,{emit:U}){const u=r,a=c(""),o=c(!1),e=()=>{U("success")},l=()=>{o.value=!0,ue({user_id:u.user.id,content:a.value}).then(p=>{window.$message.success("发送成功"),o.value=!1,a.value="",e()}).catch(p=>{o.value=!1})};return(p,d)=>{const v=P,f=R,g=T,w=B,y=S,k=A;return i(),F(k,{show:r.show,"onUpdate:show":e,class:"whisper-card",preset:"card",size:"small",title:"私信","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:t(()=>[_("div",Ne,[n(g,{"show-icon":!1},{default:t(()=>[h(" 即将发送私信给: "),n(f,{style:{"max-width":"100%"}},{default:t(()=>[n(v,{type:"success"},{default:t(()=>[h($(r.user.nickname)+"@"+$(r.user.username),1)]),_:1})]),_:1})]),_:1}),_("div",Ve,[n(w,{type:"textarea",placeholder:"请输入私信内容（请勿发送不和谐内容，否则将会被封号）",autosize:{minRows:5,maxRows:10},value:a.value,"onUpdate:value":d[0]||(d[0]=b=>a.value=b),maxlength:"200","show-count":""},null,8,["value"])]),_("div",Le,[n(y,{strong:"",secondary:"",type:"primary",loading:o.value,onClick:l},{default:t(()=>[h(" 发送 ")]),_:1},8,["loading"])])])]),_:1},8,["show"])}}});const je=I(Oe,[["__scopeId","data-v-0cbfe47c"]]),He={class:"whisper-wrap"},Ee={class:"whisper-line"},Ge={class:"whisper-line send-wrap"},Ke=q({__name:"whisper-add-friend",props:{show:{type:Boolean,default:!1},user:null},emits:["success"],setup(r,{emit:U}){const u=r,a=c(""),o=c(!1),e=()=>{U("success")},l=()=>{o.value=!0,pe({user_id:u.user.id,greetings:a.value}).then(p=>{window.$message.success("发送成功"),o.value=!1,a.value="",e()}).catch(p=>{o.value=!1})};return(p,d)=>{const v=P,f=R,g=T,w=B,y=S,k=A;return i(),F(k,{show:r.show,"onUpdate:show":e,class:"whisper-card",preset:"card",size:"small",title:"申请添加朋友","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:t(()=>[_("div",He,[n(g,{"show-icon":!1},{default:t(()=>[h(" 发送添加朋友申请给: "),n(f,{style:{"max-width":"100%"}},{default:t(()=>[n(v,{type:"success"},{default:t(()=>[h($(r.user.nickname)+"@"+$(r.user.username),1)]),_:1})]),_:1})]),_:1}),_("div",Ee,[n(w,{type:"textarea",placeholder:"请输入真挚的问候语",autosize:{minRows:5,maxRows:10},value:a.value,"onUpdate:value":d[0]||(d[0]=b=>a.value=b),maxlength:"120","show-count":""},null,8,["value"])]),_("div",Ge,[n(y,{strong:"",secondary:"",type:"primary",loading:o.value,onClick:l},{default:t(()=>[h(" 发送 ")]),_:1},8,["loading"])])])]),_:1},8,["show"])}}});const Qe=I(Ke,[["__scopeId","data-v-60be56a2"]]),Ye={key:0,class:"profile-baseinfo"},Je={class:"avatar"},Xe={class:"base-info"},Ze={class:"username"},es={class:"uid"},ss={key:0,class:"user-opts"},ns={key:0,class:"skeleton-wrap"},ts={key:1},as={key:0,class:"empty-wrap"},os={key:0,class:"pagination-wrap"},ls=q({__name:"User",setup(r){fe();const U=ge(),u=Be(),a=Ae(),o=c(!1),e=qe({id:0,avatar:"",username:"",nickname:"",is_admin:!1,is_friend:!0,status:1}),l=c(!1),p=c(!1),d=c(!1),v=c([]),f=c(a.query.username||""),g=c(+a.query.p||1),w=c(20),y=c(0),k=()=>{o.value=!0,me({username:f.value,page:g.value,page_size:w.value}).then(s=>{o.value=!1,v.value=s.list,y.value=Math.ceil(s.pager.total_rows/w.value),window.scrollTo(0,0)}).catch(s=>{o.value=!1})},b=()=>{l.value=!0,de({username:f.value}).then(s=>{l.value=!1,e.id=s.id,e.avatar=s.avatar,e.username=s.username,e.nickname=s.nickname,e.is_admin=s.is_admin,e.is_friend=s.is_friend,e.status=s.status,k()}).catch(s=>{l.value=!1,console.log(s)})},D=s=>{g.value=s,k()},N=()=>{p.value=!0},V=()=>{d.value=!0},L=()=>{p.value=!1},O=()=>{d.value=!1},j=We(()=>{let s=[{label:"私信",key:"whisper"}];return u.state.userInfo.is_admin&&(e.status===1?s.push({label:"禁言",key:"banned"}):s.push({label:"解封",key:"deblocking"})),e.is_friend?s.push({label:"删除好友",key:"delete"}):s.push({label:"添加朋友",key:"requesting"}),s}),H=s=>{switch(s){case"whisper":N();break;case"delete":E();break;case"requesting":V();break;case"banned":case"deblocking":G();break}},E=()=>{U.warning({title:"删除好友",content:"将好友 “"+e.nickname+"” 删除，将同时删除 点赞/收藏 列表中关于该朋友的 “好友可见” 推文",positiveText:"确定",negativeText:"取消",onPositiveClick:()=>{l.value=!0,he({user_id:e.id}).then(s=>{l.value=!1,e.is_friend=!1,k()}).catch(s=>{l.value=!1,console.log(s)})}})},G=()=>{U.warning({title:"警告",content:"确定对该用户进行"+(e.status===1?"禁言":"解封")+"处理吗？",positiveText:"确定",negativeText:"取消",onPositiveClick:()=>{l.value=!0,ve({id:e.id,status:e.status===1?2:1}).then(s=>{l.value=!1,b()}).catch(s=>{l.value=!1,console.log(s)})}})};return Me(()=>({path:a.path,query:a.query}),(s,W)=>{W.path==="/user"&&s.path==="/user"&&(f.value=a.query.username||"",b())}),Ce(()=>{b()}),(s,W)=>{const K=Te,Q=ke,M=be,Y=xe,J=S,X=$e,Z=je,ee=Ue,se=ze,ne=Fe,te=re,ae=Ie,oe=_e,le=Se,ie=we,ce=ye;return i(),m("div",null,[n(K,{title:"用户详情"}),n(ie,{class:"main-content-wrap profile-wrap",bordered:""},{default:t(()=>[n(ee,{show:l.value},{default:t(()=>[e.id>0?(i(),m("div",Ye,[_("div",Je,[n(Q,{size:"large",src:e.avatar},null,8,["src"])]),_("div",Xe,[_("div",Ze,[_("strong",null,$(e.nickname),1),_("span",null," @"+$(e.username),1),x(u).state.userInfo.id>0&&x(u).state.userInfo.username!=e.username&&e.is_friend?(i(),F(M,{key:0,class:"top-tag",type:"info",size:"small",round:""},{default:t(()=>[h(" 好友 ")]),_:1})):z("",!0),e.is_admin?(i(),F(M,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:t(()=>[h(" 管理员 ")]),_:1})):z("",!0)]),_("div",es,"UID. "+$(e.id),1)]),x(u).state.userInfo.id>0&&x(u).state.userInfo.username!=e.username?(i(),m("div",ss,[n(X,{placement:"bottom-end",trigger:"click",size:"small",options:x(j),onSelect:H},{default:t(()=>[n(J,{quaternary:"",circle:""},{icon:t(()=>[n(Y,null,{default:t(()=>[n(x(De))]),_:1})]),_:1})]),_:1},8,["options"])])):z("",!0)])):z("",!0),n(Z,{show:p.value,user:e,onSuccess:L},null,8,["show","user"]),n(Qe,{show:d.value,user:e,onSuccess:O},null,8,["show","user"])]),_:1},8,["show"]),n(ne,{class:"profile-tabs-wrap",animated:""},{default:t(()=>[n(se,{name:"post",tab:"泡泡"})]),_:1}),o.value?(i(),m("div",ns,[n(te,{num:w.value},null,8,["num"])])):(i(),m("div",ts,[v.value.length===0?(i(),m("div",as,[n(ae,{size:"large",description:"暂无数据"})])):z("",!0),(i(!0),m(Pe,null,Re(v.value,C=>(i(),F(le,{key:C.id},{default:t(()=>[n(oe,{post:C},null,8,["post"])]),_:2},1024))),128))]))]),_:1}),y.value>0?(i(),m("div",os,[n(ce,{page:g.value,"onUpdate:page":D,"page-slot":x(u).state.collapsedRight?5:8,"page-count":y.value},null,8,["page","page-slot","page-count"])])):z("",!0)])}}});const Rs=I(ls,[["__scopeId","data-v-46a0183a"]]);export{Rs as default};
diff --git a/web/dist/assets/Wallet-5214dc90.js b/web/dist/assets/Wallet-5214dc90.js
deleted file mode 100644
index 416a7256..00000000
--- a/web/dist/assets/Wallet-5214dc90.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as G}from"./post-skeleton-a5bf805a.js";import{_ as J}from"./main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js";import{d as Q,r as c,j as X,c as _,L as e,Y as o,o as n,U as y,O as w,a,e as k,F as $,$ as N,z as ee,v as te,M as r,K as q,a1 as oe,Z as ae,a4 as ne,a5 as se}from"./@vue-f70ab1bd.js";import{u as le}from"./vuex-cc1858c6.js";import{b as ce}from"./vue-router-29025daf.js";import{b as ie}from"./qrcode-23069ad7.js";import{H as _e,I as re,J as ue,K as pe,_ as me}from"./index-ce5b62d8.js";import{a as de}from"./formatTime-936c40eb.js";import{r as ge}from"./@vicons-fc06a0bb.js";import{F as ve,i as he,Y as fe,Z as ye,e as we,a as ke,G as be,I as Ie,j as xe,l as Ce,h as Se,H as Re}from"./naive-ui-ddb574dd.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./encode-utf8-f813de00.js";import"./dijkstrajs-59d11638.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";const B=d=>(ne("data-v-870bd246"),d=d(),se(),d),Ae={class:"balance-wrap"},ze={class:"balance-line"},$e={class:"balance-opts"},Ne={key:0,class:"pagination-wrap"},qe={key:0,class:"skeleton-wrap"},Be={key:1},Fe={key:0,class:"empty-wrap"},Le={class:"bill-line"},Oe={key:0,class:"amount-options"},Pe={key:1,style:{"margin-top":"10px"}},Te={class:"qrcode-wrap"},Ue=B(()=>a("canvas",{id:"qrcode-container"},null,-1)),We={class:"pay-tips"},Ee={class:"pay-sub-tips"},Me=B(()=>a("span",{style:{"margin-left":"6px"}}," 支付结果实时同步中... ",-1)),Ve=Q({__name:"Wallet",setup(d){const i=le(),F=ce(),g=c(!1),u=c(100),v=c(!1),p=c(""),h=c(!1),b=c([]),I=c(+F.query.p||1),x=c(20),C=c(0),L=c([100,200,300,500,1e3,3e3,5e3,1e4,5e4]),R=()=>{h.value=!0,re({page:I.value,page_size:x.value}).then(s=>{h.value=!1,b.value=s.list,C.value=Math.ceil(s.pager.total_rows/x.value),window.scrollTo(0,0)}).catch(s=>{h.value=!1})},O=s=>{I.value=s,R()},A=()=>{const s=localStorage.getItem("PAOPAO_TOKEN")||"";s?_e(s).then(l=>{i.commit("updateUserinfo",l),i.commit("triggerAuth",!1),R()}).catch(l=>{i.commit("triggerAuth",!0),i.commit("userLogout")}):(i.commit("triggerAuth",!0),i.commit("userLogout"))},P=()=>{g.value=!0},T=s=>{v.value=!0,ue({amount:u.value}).then(l=>{v.value=!1,p.value=l.pay,ie.toCanvas(document.querySelector("#qrcode-container"),l.pay,{width:150,margin:2});const S=setInterval(()=>{pe({id:l.id}).then(m=>{m.status==="TRADE_SUCCESS"&&(clearInterval(S),window.$message.success("充值成功"),g.value=!1,p.value="",A())}).catch(m=>{console.log(m)})},2e3)}).catch(l=>{v.value=!1})},U=()=>{i.state.userInfo.balance==0?window.$message.warning("您暂无可提现资金"):window.$message.warning("该功能即将开放")};return X(()=>{A()}),(s,l)=>{const S=J,m=fe,W=ye,f=we,z=ke,E=be,M=G,V=Ie,D=Re,K=ve,j=xe,H=Ce,Y=Se,Z=he;return n(),_("div",null,[e(S,{title:"钱包"}),e(K,{class:"main-content-wrap",bordered:""},{footer:o(()=>[C.value>1?(n(),_("div",Ne,[e(E,{page:I.value,"onUpdate:page":O,"page-slot":y(i).state.collapsedRight?5:8,"page-count":C.value},null,8,["page","page-slot","page-count"])])):w("",!0)]),default:o(()=>[a("div",Ae,[a("div",ze,[e(W,{label:"账户余额 (元)"},{default:o(()=>[e(m,{from:0,to:(y(i).state.userInfo.balance||0)/100,duration:500,precision:2},null,8,["from","to"])]),_:1}),a("div",$e,[e(z,{vertical:""},{default:o(()=>[e(f,{size:"small",secondary:"",type:"primary",onClick:P},{default:o(()=>[k(" 充值 ")]),_:1}),e(f,{size:"small",secondary:"",type:"tertiary",onClick:U},{default:o(()=>[k(" 提现 ")]),_:1})]),_:1})])])]),h.value?(n(),_("div",qe,[e(M,{num:x.value},null,8,["num"])])):(n(),_("div",Be,[b.value.length===0?(n(),_("div",Fe,[e(V,{size:"large",description:"暂无数据"})])):w("",!0),(n(!0),_($,null,N(b.value,t=>(n(),q(D,{key:t.id},{default:o(()=>[a("div",Le,[a("div",null,"NO."+r(t.id),1),a("div",null,r(t.reason),1),a("div",{class:oe({income:t.change_amount>=0,out:t.change_amount<0})},r((t.change_amount>0?"+":"")+(t.change_amount/100).toFixed(2)),3),a("div",null,r(y(de)(t.created_on)),1)])]),_:2},1024))),128))]))]),_:1}),e(Z,{show:g.value,"onUpdate:show":l[0]||(l[0]=t=>g.value=t)},{default:o(()=>[e(Y,{bordered:!1,title:"请选择充值金额",role:"dialog","aria-modal":"true",style:{width:"100%","max-width":"330px"}},{default:o(()=>[p.value.length===0?(n(),_("div",Oe,[e(z,{align:"baseline"},{default:o(()=>[(n(!0),_($,null,N(L.value,t=>(n(),q(f,{key:t,size:"small",secondary:"",type:u.value===t?"info":"default",onClick:ae(De=>u.value=t,["stop"])},{default:o(()=>[k(r(t/100)+"元 ",1)]),_:2},1032,["type","onClick"]))),128))]),_:1})])):w("",!0),u.value>0&&p.value.length===0?(n(),_("div",Pe,[e(f,{loading:v.value,strong:"",secondary:"",type:"info",style:{width:"100%"},onClick:T},{icon:o(()=>[e(j,null,{default:o(()=>[e(y(ge))]),_:1})]),default:o(()=>[k(" 前往支付 ")]),_:1},8,["loading"])])):w("",!0),ee(a("div",Te,[Ue,a("div",We," 请使用支付宝扫码支付"+r((u.value/100).toFixed(2))+"元 ",1),a("div",Ee,[e(H,{value:100,type:"info",dot:"",processing:""}),Me])],512),[[te,p.value.length>0]])]),_:1})]),_:1},8,["show"])])}}});const yt=me(Ve,[["__scopeId","data-v-870bd246"]]);export{yt as default};
diff --git a/web/dist/assets/Wallet-94982dc4.js b/web/dist/assets/Wallet-94982dc4.js
new file mode 100644
index 00000000..8d8ed1f0
--- /dev/null
+++ b/web/dist/assets/Wallet-94982dc4.js
@@ -0,0 +1 @@
+import{_ as H}from"./post-skeleton-fdf95824.js";import{_ as Q}from"./main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js";import{d as J,r as c,j as X,c as _,L as e,Y as o,o as n,U as y,O as w,a,e as k,F as N,$,z as ee,v as te,M as r,K as q,a1 as oe,Z as ae,a4 as ne,a5 as se}from"./@vue-f70ab1bd.js";import{u as le}from"./vuex-cc1858c6.js";import{b as ce}from"./vue-router-29025daf.js";import{b as ie}from"./qrcode-23069ad7.js";import{K as _e,L as re,M as ue,N as pe,_ as me}from"./index-f6017bc3.js";import{a as de}from"./formatTime-936c40eb.js";import{s as ge}from"./@vicons-2f3cb6b9.js";import{F as ve,i as he,Y as fe,Z as ye,e as we,a as ke,G as be,I as xe,j as Ce,l as Ie,h as Se,H as Re}from"./naive-ui-ddb574dd.js";import"./vooks-dfdd6eef.js";import"./evtd-b614532e.js";import"./encode-utf8-f813de00.js";import"./dijkstrajs-59d11638.js";import"./axios-707ed124.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./@css-render-66126308.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";import"./moment-b7869f98.js";const L=d=>(ne("data-v-870bd246"),d=d(),se(),d),Ae={class:"balance-wrap"},ze={class:"balance-line"},Ne={class:"balance-opts"},$e={key:0,class:"pagination-wrap"},qe={key:0,class:"skeleton-wrap"},Le={key:1},Be={key:0,class:"empty-wrap"},Fe={class:"bill-line"},Me={key:0,class:"amount-options"},Oe={key:1,style:{"margin-top":"10px"}},Pe={class:"qrcode-wrap"},Te=L(()=>a("canvas",{id:"qrcode-container"},null,-1)),Ue={class:"pay-tips"},We={class:"pay-sub-tips"},Ee=L(()=>a("span",{style:{"margin-left":"6px"}}," 支付结果实时同步中... ",-1)),Ve=J({__name:"Wallet",setup(d){const i=le(),B=ce(),g=c(!1),u=c(100),v=c(!1),p=c(""),h=c(!1),b=c([]),x=c(+B.query.p||1),C=c(20),I=c(0),F=c([100,200,300,500,1e3,3e3,5e3,1e4,5e4]),R=()=>{h.value=!0,re({page:x.value,page_size:C.value}).then(s=>{h.value=!1,b.value=s.list,I.value=Math.ceil(s.pager.total_rows/C.value),window.scrollTo(0,0)}).catch(s=>{h.value=!1})},M=s=>{x.value=s,R()},A=()=>{const s=localStorage.getItem("PAOPAO_TOKEN")||"";s?_e(s).then(l=>{i.commit("updateUserinfo",l),i.commit("triggerAuth",!1),R()}).catch(l=>{i.commit("triggerAuth",!0),i.commit("userLogout")}):(i.commit("triggerAuth",!0),i.commit("userLogout"))},O=()=>{g.value=!0},P=s=>{v.value=!0,ue({amount:u.value}).then(l=>{v.value=!1,p.value=l.pay,ie.toCanvas(document.querySelector("#qrcode-container"),l.pay,{width:150,margin:2});const S=setInterval(()=>{pe({id:l.id}).then(m=>{m.status==="TRADE_SUCCESS"&&(clearInterval(S),window.$message.success("充值成功"),g.value=!1,p.value="",A())}).catch(m=>{console.log(m)})},2e3)}).catch(l=>{v.value=!1})},T=()=>{i.state.userInfo.balance==0?window.$message.warning("您暂无可提现资金"):window.$message.warning("该功能即将开放")};return X(()=>{A()}),(s,l)=>{const S=Q,m=fe,U=ye,f=we,z=ke,W=be,E=H,V=xe,D=Re,K=ve,j=Ce,Y=Ie,Z=Se,G=he;return n(),_("div",null,[e(S,{title:"钱包"}),e(K,{class:"main-content-wrap",bordered:""},{footer:o(()=>[I.value>1?(n(),_("div",$e,[e(W,{page:x.value,"onUpdate:page":M,"page-slot":y(i).state.collapsedRight?5:8,"page-count":I.value},null,8,["page","page-slot","page-count"])])):w("",!0)]),default:o(()=>[a("div",Ae,[a("div",ze,[e(U,{label:"账户余额 (元)"},{default:o(()=>[e(m,{from:0,to:(y(i).state.userInfo.balance||0)/100,duration:500,precision:2},null,8,["from","to"])]),_:1}),a("div",Ne,[e(z,{vertical:""},{default:o(()=>[e(f,{size:"small",secondary:"",type:"primary",onClick:O},{default:o(()=>[k(" 充值 ")]),_:1}),e(f,{size:"small",secondary:"",type:"tertiary",onClick:T},{default:o(()=>[k(" 提现 ")]),_:1})]),_:1})])])]),h.value?(n(),_("div",qe,[e(E,{num:C.value},null,8,["num"])])):(n(),_("div",Le,[b.value.length===0?(n(),_("div",Be,[e(V,{size:"large",description:"暂无数据"})])):w("",!0),(n(!0),_(N,null,$(b.value,t=>(n(),q(D,{key:t.id},{default:o(()=>[a("div",Fe,[a("div",null,"NO."+r(t.id),1),a("div",null,r(t.reason),1),a("div",{class:oe({income:t.change_amount>=0,out:t.change_amount<0})},r((t.change_amount>0?"+":"")+(t.change_amount/100).toFixed(2)),3),a("div",null,r(y(de)(t.created_on)),1)])]),_:2},1024))),128))]))]),_:1}),e(G,{show:g.value,"onUpdate:show":l[0]||(l[0]=t=>g.value=t)},{default:o(()=>[e(Z,{bordered:!1,title:"请选择充值金额",role:"dialog","aria-modal":"true",style:{width:"100%","max-width":"330px"}},{default:o(()=>[p.value.length===0?(n(),_("div",Me,[e(z,{align:"baseline"},{default:o(()=>[(n(!0),_(N,null,$(F.value,t=>(n(),q(f,{key:t,size:"small",secondary:"",type:u.value===t?"info":"default",onClick:ae(De=>u.value=t,["stop"])},{default:o(()=>[k(r(t/100)+"元 ",1)]),_:2},1032,["type","onClick"]))),128))]),_:1})])):w("",!0),u.value>0&&p.value.length===0?(n(),_("div",Oe,[e(f,{loading:v.value,strong:"",secondary:"",type:"info",style:{width:"100%"},onClick:P},{icon:o(()=>[e(j,null,{default:o(()=>[e(y(ge))]),_:1})]),default:o(()=>[k(" 前往支付 ")]),_:1},8,["loading"])])):w("",!0),ee(a("div",Pe,[Te,a("div",Ue," 请使用支付宝扫码支付"+r((u.value/100).toFixed(2))+"元 ",1),a("div",We,[e(Y,{value:100,type:"info",dot:"",processing:""}),Ee])],512),[[te,p.value.length>0]])]),_:1})]),_:1},8,["show"])])}}});const yt=me(Ve,[["__scopeId","data-v-870bd246"]]);export{yt as default};
diff --git a/web/dist/assets/content-16569a30.js b/web/dist/assets/content-0b348d1e.js
similarity index 87%
rename from web/dist/assets/content-16569a30.js
rename to web/dist/assets/content-0b348d1e.js
index 6df2d81e..73594536 100644
--- a/web/dist/assets/content-16569a30.js
+++ b/web/dist/assets/content-0b348d1e.js
@@ -1 +1 @@
-import{d as h,o as e,c as r,F as a,$ as m,L as s,Y as o,U as c,a as j,M as $,Z as k,K as _,O as g,r as C,e as B,s as b}from"./@vue-f70ab1bd.js";import{p as D,q as F}from"./@vicons-fc06a0bb.js";import{j as I,V as N,W as V,m as L,X as U,e as z,i as M}from"./naive-ui-ddb574dd.js";import{_ as A,E as O,F as T}from"./index-ce5b62d8.js";import{N as P}from"./nonesir-video-29a967e9.js";const R={class:"link-wrap"},Z=["href"],q={class:"link-txt"},K=h({__name:"post-link",props:{links:{default:()=>[]}},setup(y){const l=y;return(p,u)=>{const x=I;return e(),r("div",R,[(e(!0),r(a,null,m(l.links,n=>(e(),r("div",{class:"link-item",key:n.id},[s(x,{class:"hash-link"},{default:o(()=>[s(c(D))]),_:1}),j("a",{href:n.content,class:"hash-link",target:"_blank",onClick:u[0]||(u[0]=k(()=>{},["stop"]))},[j("span",q,$(n.content),1)],8,Z)]))),128))])}}});const nt=A(K,[["__scopeId","data-v-6c4d1eb6"]]),S={key:0},ot=h({__name:"post-video",props:{videos:{default:()=>[]},full:{type:Boolean,default:!1}},setup(y){const l=y;return(p,u)=>{const x=N,n=V;return l.videos.length>0?(e(),r("div",S,[s(n,{"x-gap":4,"y-gap":4,cols:y.full?1:5},{default:o(()=>[s(x,{span:y.full?1:3},{default:o(()=>[(e(!0),r(a,null,m(l.videos,v=>(e(),_(c(P),{onClick:u[0]||(u[0]=k(()=>{},["stop"])),key:v.id,src:v.content,colors:["#18a058","#2aca75"],hoverable:!0,theme:"gradient"},null,8,["src"]))),128))]),_:1},8,["span"])]),_:1},8,["cols"])])):g("",!0)}}}),W={class:"images-wrap"},st=h({__name:"post-image",props:{imgs:{default:()=>[]}},setup(y){const l=y,p="https://paopao-assets.oss-cn-shanghai.aliyuncs.com/public/404.png",u="?x-oss-process=image/resize,m_fill,w_300,h_300,limit_0/auto-orient,1/format,png";return(x,n)=>{const v=L,d=N,f=V,w=U;return e(),r("div",W,[[1].includes(l.imgs.length)?(e(),_(w,{key:0},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:2},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[0]||(n[0]=k(()=>{},["stop"])),class:"post-img x1","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[2,3].includes(l.imgs.length)?(e(),_(w,{key:1},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[1]||(n[1]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[4].includes(l.imgs.length)?(e(),_(w,{key:2},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[2]||(n[2]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[5].includes(l.imgs.length)?(e(),_(w,{key:3},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i<3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[3]||(n[3]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:2,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i>=3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[4]||(n[4]=k(()=>{},["stop"])),class:"post-img x1","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1})]),_:1})):g("",!0),[6].includes(l.imgs.length)?(e(),_(w,{key:4},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i<3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[5]||(n[5]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i>=3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[6]||(n[6]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1})]),_:1})):g("",!0),l.imgs.length===7?(e(),_(w,{key:5},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[7]||(n[7]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[8]||(n[8]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0),l.imgs.length===8?(e(),_(w,{key:6},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[9]||(n[9]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:4,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[10]||(n[10]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0),l.imgs.length===9?(e(),_(w,{key:7},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<3?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[11]||(n[11]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=3&&i<6?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[12]||(n[12]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=6?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[13]||(n[13]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0)])}}});const X={class:"attachment-wrap"},Y=h({__name:"post-attachment",props:{attachments:{default:()=>[]},price:{default:0}},setup(y){const l=y,p=C(!1),u=C(""),x=C(0),n=d=>{p.value=!0,x.value=d.id,u.value="这是一个免费附件，您可以直接下载？",d.type===8&&(u.value=()=>b("div",{},[b("p",{},"这是一个收费附件，下载将收取"+(l.price/100).toFixed(2)+"元")]),O({id:x.value}).then(f=>{f.paid&&(u.value=()=>b("div",{},[b("p",{},"此次下载您已支付或无需付费，请确认下载")]))}).catch(f=>{p.value=!1}))},v=()=>{T({id:x.value}).then(d=>{window.open(d.signed_url.replace("http://","https://"),"_blank")}).catch(d=>{console.log(d)})};return(d,f)=>{const w=I,t=z,i=M;return e(),r("div",X,[(e(!0),r(a,null,m(y.attachments,E=>(e(),r("div",{class:"attach-item",key:E.id},[s(t,{onClick:k(G=>n(E),["stop"]),type:"primary",size:"tiny",dashed:""},{icon:o(()=>[s(w,null,{default:o(()=>[s(c(F))]),_:1})]),default:o(()=>[B(" "+$(E.type===8?"收费":"免费")+"附件 ",1)]),_:2},1032,["onClick"])]))),128)),s(i,{show:p.value,"onUpdate:show":f[0]||(f[0]=E=>p.value=E),"mask-closable":!1,preset:"dialog",title:"下载提示",content:u.value,"positive-text":"确认下载","negative-text":"取消","icon-placement":"top",onPositiveClick:v},null,8,["show","content"])])}}});const rt=A(Y,[["__scopeId","data-v-22563084"]]),lt=y=>{const l=[],p=[];var u=/(#|＃)([^#@\s])+?\s+?/g,x=/@([a-zA-Z0-9])+?\s+?/g;return y=y.replace(/<[^>]*?>/gi,"").replace(/(.*?)<\/[^>]*?>/gi,"").replace(u,n=>(l.push(n.substr(1).trim()),'<a class="hash-link" data-detail="tag:'+encodeURIComponent(n.substr(1).trim())+'">'+n.trim()+"</a> ")).replace(x,n=>(p.push(n.substr(1).trim()),'<a class="hash-link" data-detail="user:'+encodeURIComponent(n.substr(1).trim())+'">'+n.trim()+"</a> ")),{content:y,tags:l,users:p}};export{st as _,rt as a,ot as b,nt as c,lt as p};
+import{d as h,o as e,c as r,F as a,$ as m,L as s,Y as o,U as c,a as j,M as I,Z as k,K as _,O as g,r as C,e as B,s as b}from"./@vue-f70ab1bd.js";import{q as D,r as L}from"./@vicons-2f3cb6b9.js";import{j as $,V as N,W as V,m as U,X as z,e as F,i as M}from"./naive-ui-ddb574dd.js";import{_ as A,H as O,I as T}from"./index-f6017bc3.js";import{N as P}from"./nonesir-video-29a967e9.js";const R={class:"link-wrap"},Z=["href"],q={class:"link-txt"},H=h({__name:"post-link",props:{links:{default:()=>[]}},setup(y){const l=y;return(p,u)=>{const x=$;return e(),r("div",R,[(e(!0),r(a,null,m(l.links,n=>(e(),r("div",{class:"link-item",key:n.id},[s(x,{class:"hash-link"},{default:o(()=>[s(c(D))]),_:1}),j("a",{href:n.content,class:"hash-link",target:"_blank",onClick:u[0]||(u[0]=k(()=>{},["stop"]))},[j("span",q,I(n.content),1)],8,Z)]))),128))])}}});const nt=A(H,[["__scopeId","data-v-6c4d1eb6"]]),K={key:0},ot=h({__name:"post-video",props:{videos:{default:()=>[]},full:{type:Boolean,default:!1}},setup(y){const l=y;return(p,u)=>{const x=N,n=V;return l.videos.length>0?(e(),r("div",K,[s(n,{"x-gap":4,"y-gap":4,cols:y.full?1:5},{default:o(()=>[s(x,{span:y.full?1:3},{default:o(()=>[(e(!0),r(a,null,m(l.videos,v=>(e(),_(c(P),{onClick:u[0]||(u[0]=k(()=>{},["stop"])),key:v.id,src:v.content,colors:["#18a058","#2aca75"],hoverable:!0,theme:"gradient"},null,8,["src"]))),128))]),_:1},8,["span"])]),_:1},8,["cols"])])):g("",!0)}}}),S={class:"images-wrap"},st=h({__name:"post-image",props:{imgs:{default:()=>[]}},setup(y){const l=y,p="https://paopao-assets.oss-cn-shanghai.aliyuncs.com/public/404.png",u="?x-oss-process=image/resize,m_fill,w_300,h_300,limit_0/auto-orient,1/format,png";return(x,n)=>{const v=U,d=N,f=V,w=z;return e(),r("div",S,[[1].includes(l.imgs.length)?(e(),_(w,{key:0},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:2},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[0]||(n[0]=k(()=>{},["stop"])),class:"post-img x1","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[2,3].includes(l.imgs.length)?(e(),_(w,{key:1},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[1]||(n[1]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[4].includes(l.imgs.length)?(e(),_(w,{key:2},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,t=>(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[2]||(n[2]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024))),128))]),_:1})]),_:1})):g("",!0),[5].includes(l.imgs.length)?(e(),_(w,{key:3},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i<3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[3]||(n[3]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:2,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i>=3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[4]||(n[4]=k(()=>{},["stop"])),class:"post-img x1","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1})]),_:1})):g("",!0),[6].includes(l.imgs.length)?(e(),_(w,{key:4},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i<3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[5]||(n[5]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,{key:t.id},[i>=3?(e(),_(d,{key:0},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[6]||(n[6]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),128))]),_:1})]),_:1})):g("",!0),l.imgs.length===7?(e(),_(w,{key:5},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[7]||(n[7]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[8]||(n[8]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0),l.imgs.length===8?(e(),_(w,{key:6},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:4},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[9]||(n[9]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:4,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=4?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[10]||(n[10]=k(()=>{},["stop"])),class:"post-img x3","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0),l.imgs.length===9?(e(),_(w,{key:7},{default:o(()=>[s(f,{"x-gap":4,"y-gap":4,cols:3},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i<3?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[11]||(n[11]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=3&&i<6?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[12]||(n[12]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1}),s(f,{"x-gap":4,"y-gap":4,cols:3,style:{"margin-top":"4px"}},{default:o(()=>[(e(!0),r(a,null,m(l.imgs,(t,i)=>(e(),r(a,null,[i>=6?(e(),_(d,{key:t.id},{default:o(()=>[s(v,{onError:()=>t.content=c(p),onClick:n[13]||(n[13]=k(()=>{},["stop"])),class:"post-img x2","object-fit":"cover",src:t.content+c(u),"preview-src":t.content},null,8,["onError","src","preview-src"])]),_:2},1024)):g("",!0)],64))),256))]),_:1})]),_:1})):g("",!0)])}}});const W={class:"attachment-wrap"},X=h({__name:"post-attachment",props:{attachments:{default:()=>[]},price:{default:0}},setup(y){const l=y,p=C(!1),u=C(""),x=C(0),n=d=>{p.value=!0,x.value=d.id,u.value="这是一个免费附件，您可以直接下载？",d.type===8&&(u.value=()=>b("div",{},[b("p",{},"这是一个收费附件，下载将收取"+(l.price/100).toFixed(2)+"元")]),O({id:x.value}).then(f=>{f.paid&&(u.value=()=>b("div",{},[b("p",{},"此次下载您已支付或无需付费，请确认下载")]))}).catch(f=>{p.value=!1}))},v=()=>{T({id:x.value}).then(d=>{window.open(d.signed_url.replace("http://","https://"),"_blank")}).catch(d=>{console.log(d)})};return(d,f)=>{const w=$,t=F,i=M;return e(),r("div",W,[(e(!0),r(a,null,m(y.attachments,E=>(e(),r("div",{class:"attach-item",key:E.id},[s(t,{onClick:k(Y=>n(E),["stop"]),type:"primary",size:"tiny",dashed:""},{icon:o(()=>[s(w,null,{default:o(()=>[s(c(L))]),_:1})]),default:o(()=>[B(" "+I(E.type===8?"收费":"免费")+"附件 ",1)]),_:2},1032,["onClick"])]))),128)),s(i,{show:p.value,"onUpdate:show":f[0]||(f[0]=E=>p.value=E),"mask-closable":!1,preset:"dialog",title:"下载提示",content:u.value,"positive-text":"确认下载","negative-text":"取消","icon-placement":"top",onPositiveClick:v},null,8,["show","content"])])}}});const rt=A(X,[["__scopeId","data-v-22563084"]]),lt=y=>{const l=[],p=[];var u=/(#|＃)([^#@\s])+?\s+?/g,x=/@([a-zA-Z0-9])+?\s+?/g;return y=y.replace(/<[^>]*?>/gi,"").replace(/(.*?)<\/[^>]*?>/gi,"").replace(u,n=>(l.push(n.substr(1).trim()),'<a class="hash-link" data-detail="tag:'+encodeURIComponent(n.substr(1).trim())+'">'+n.trim()+"</a> ")).replace(x,n=>(p.push(n.substr(1).trim()),'<a class="hash-link" data-detail="user:'+encodeURIComponent(n.substr(1).trim())+'">'+n.trim()+"</a> ")),{content:y,tags:l,users:p}};export{st as _,rt as a,ot as b,nt as c,lt as p};
diff --git a/web/dist/assets/index-6c46cd46.css b/web/dist/assets/index-6c46cd46.css
new file mode 100644
index 00000000..bacc863a
--- /dev/null
+++ b/web/dist/assets/index-6c46cd46.css
@@ -0,0 +1 @@
+.auth-wrap[data-v-52205ad0]{margin-top:-30px}.dark .auth-wrap[data-v-52205ad0]{background-color:#101014bf}.rightbar-wrap[data-v-200967dd]{width:240px;position:fixed;left:calc(50% + var(--content-main) / 2 + 10px)}.rightbar-wrap .search-wrap[data-v-200967dd]{margin:12px 0}.rightbar-wrap .hot-tag-item[data-v-200967dd]{line-height:2;position:relative}.rightbar-wrap .hot-tag-item .hash-link[data-v-200967dd]{width:calc(100% - 60px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.rightbar-wrap .hot-tag-item .post-num[data-v-200967dd]{position:absolute;right:0;top:0;width:60px;text-align:right;line-height:2;opacity:.5}.rightbar-wrap .hottopic-wrap[data-v-200967dd]{margin-bottom:10px}.rightbar-wrap .copyright-wrap .copyright[data-v-200967dd]{font-size:12px;opacity:.75}.rightbar-wrap .copyright-wrap .hash-link[data-v-200967dd]{font-size:12px}.dark .hottopic-wrap[data-v-200967dd],.dark .copyright-wrap[data-v-200967dd]{background-color:#18181c}.sidebar-wrap{z-index:99;width:200px;height:100vh;position:fixed;right:calc(50% + var(--content-main) / 2 + 10px);padding:12px 0;box-sizing:border-box}.sidebar-wrap .n-menu .n-menu-item-content:before{border-radius:21px}.logo-wrap{display:flex;justify-content:flex-start;margin-bottom:12px}.logo-wrap .logo-img{margin-left:24px}.logo-wrap .logo-img:hover{cursor:pointer}.user-wrap{display:flex;align-items:center;position:absolute;bottom:12px;left:12px;right:12px}.user-wrap .user-mini-wrap{display:none}.user-wrap .user-avatar{margin-right:8px}.user-wrap .user-info{display:flex;flex-direction:column}.user-wrap .user-info .nickname{font-size:16px;font-weight:700;line-height:16px;height:16px;margin-bottom:2px;display:flex;align-items:center}.user-wrap .user-info .nickname .nickname-txt{max-width:90px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-wrap .user-info .nickname .logout{margin-left:6px}.user-wrap .user-info .username{font-size:14px;line-height:16px;height:16px;width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.75}.user-wrap .login-only-wrap{display:flex;justify-content:center;width:100%}.user-wrap .login-only-wrap button{margin:0 4px;width:80%}.user-wrap .login-wrap{display:flex;justify-content:center;width:100%}.user-wrap .login-wrap button{margin:0 4px}.auth-card .n-card-header{z-index:999}@media screen and (max-width: 821px){.sidebar-wrap{width:200px;right:calc(100% - 200px)}.logo-wrap .logo-img{margin-left:12px!important}.user-wrap .user-avatar,.user-wrap .user-info,.user-wrap .login-only-wrap,.user-wrap .login-wrap{margin-bottom:32px}}:root{--content-main: 544px}.app-container{margin:0}.app-container .app-wrap{width:100%;margin:0 auto}.main-wrap{min-height:100vh;display:flex;flex-direction:row;justify-content:center}.main-wrap .content-wrap{width:100%;max-width:var(--content-main);position:relative}.main-wrap .main-content-wrap{margin:0;border-top:none;border-radius:0}.main-wrap .main-content-wrap .n-list-item{padding:0}.empty-wrap{min-height:300px;display:flex;align-items:center;justify-content:center}.hash-link,.user-link{color:#18a058;text-decoration:none;cursor:pointer}.hash-link:hover,.user-link:hover{opacity:.8}.beian-link{color:#333;text-decoration:none}.beian-link:hover{opacity:.75}.username-link{color:#000;color:none;text-decoration:none;cursor:pointer}.username-link:hover{text-decoration:underline}.dark .hash-link,.dark .user-link{color:#63e2b7}.dark .username-link{color:#eee}.dark .beian-link{color:#ddd}@media screen and (max-width: 821px){.content-wrap{top:0;position:absolute!important}}
diff --git a/web/dist/assets/index-bea67790.css b/web/dist/assets/index-bea67790.css
deleted file mode 100644
index 147bca72..00000000
--- a/web/dist/assets/index-bea67790.css
+++ /dev/null
@@ -1 +0,0 @@
-.auth-wrap[data-v-52205ad0]{margin-top:-30px}.dark .auth-wrap[data-v-52205ad0]{background-color:#101014bf}.rightbar-wrap[data-v-9c65d923]{width:240px;position:fixed;left:calc(50% + var(--content-main) / 2 + 10px)}.rightbar-wrap .search-wrap[data-v-9c65d923]{margin:12px 0}.rightbar-wrap .hot-tag-item[data-v-9c65d923]{line-height:2;position:relative}.rightbar-wrap .hot-tag-item .hash-link[data-v-9c65d923]{width:calc(100% - 60px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.rightbar-wrap .hot-tag-item .post-num[data-v-9c65d923]{position:absolute;right:0;top:0;width:60px;text-align:right;line-height:2;opacity:.5}.rightbar-wrap .copyright-wrap[data-v-9c65d923]{margin-top:10px}.rightbar-wrap .copyright-wrap .copyright[data-v-9c65d923]{font-size:12px;opacity:.75}.rightbar-wrap .copyright-wrap .hash-link[data-v-9c65d923]{font-size:12px}.dark .hottopic-wrap[data-v-9c65d923],.dark .copyright-wrap[data-v-9c65d923]{background-color:#18181c}.sidebar-wrap{z-index:99;width:200px;height:100vh;position:fixed;right:calc(50% + var(--content-main) / 2 + 10px);padding:12px 0;box-sizing:border-box}.sidebar-wrap .n-menu .n-menu-item-content:before{border-radius:21px}.logo-wrap{display:flex;justify-content:flex-start;margin-bottom:12px}.logo-wrap .logo-img{margin-left:24px}.logo-wrap .logo-img:hover{cursor:pointer}.user-wrap{display:flex;align-items:center;position:absolute;bottom:12px;left:12px;right:12px}.user-wrap .user-mini-wrap{display:none}.user-wrap .user-avatar{margin-right:8px}.user-wrap .user-info{display:flex;flex-direction:column}.user-wrap .user-info .nickname{font-size:16px;font-weight:700;line-height:16px;height:16px;margin-bottom:2px;display:flex;align-items:center}.user-wrap .user-info .nickname .nickname-txt{max-width:90px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-wrap .user-info .nickname .logout{margin-left:6px}.user-wrap .user-info .username{font-size:14px;line-height:16px;height:16px;width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:.75}.user-wrap .login-only-wrap{display:flex;justify-content:center;width:100%}.user-wrap .login-only-wrap button{margin:0 4px;width:80%}.user-wrap .login-wrap{display:flex;justify-content:center;width:100%}.user-wrap .login-wrap button{margin:0 4px}.auth-card .n-card-header{z-index:999}@media screen and (max-width: 821px){.sidebar-wrap{width:200px;right:calc(100% - 200px)}.logo-wrap .logo-img{margin-left:12px!important}.user-wrap .user-avatar,.user-wrap .user-info,.user-wrap .login-only-wrap,.user-wrap .login-wrap{margin-bottom:32px}}:root{--content-main: 544px}.app-container{margin:0}.app-container .app-wrap{width:100%;margin:0 auto}.main-wrap{min-height:100vh;display:flex;flex-direction:row;justify-content:center}.main-wrap .content-wrap{width:100%;max-width:var(--content-main);position:relative}.main-wrap .main-content-wrap{margin:0;border-top:none;border-radius:0}.main-wrap .main-content-wrap .n-list-item{padding:0}.empty-wrap{min-height:300px;display:flex;align-items:center;justify-content:center}.hash-link,.user-link{color:#18a058;text-decoration:none;cursor:pointer}.hash-link:hover,.user-link:hover{opacity:.8}.beian-link{color:#333;text-decoration:none}.beian-link:hover{opacity:.75}.username-link{color:#000;color:none;text-decoration:none;cursor:pointer}.username-link:hover{text-decoration:underline}.dark .hash-link,.dark .user-link{color:#63e2b7}.dark .username-link{color:#eee}.dark .beian-link{color:#ddd}@media screen and (max-width: 821px){.content-wrap{top:0;position:absolute!important}}
diff --git a/web/dist/assets/index-ce5b62d8.js b/web/dist/assets/index-ce5b62d8.js
deleted file mode 100644
index c31698fc..00000000
--- a/web/dist/assets/index-ce5b62d8.js
+++ /dev/null
@@ -1 +0,0 @@
-import{d as V,r as R,D as j,j as W,o as w,K as D,Y as l,a as v,L as o,c as E,e as I,P as K,Z as M,O as S,U as m,_ as te,F as de,$ as pe,M as q,w as H,n as oe,s as b,a0 as me,Q,a1 as _e,a2 as he}from"./@vue-f70ab1bd.js";import{c as ge,a as fe,u as se,b as ve}from"./vue-router-29025daf.js";import{c as we,u as z}from"./vuex-cc1858c6.js";import{a as ye}from"./axios-707ed124.js";import{_ as ke,N as be,a as ne,b as re,c as Pe,d as Oe,e as ae,f as Ae,g as Le,h as le,i as Re,j as x,k as Ee,u as Ce,l as $e,m as Ie,n as Se,o as Te,p as Ue,q as Ke,r as Me,s as qe,t as Ne}from"./naive-ui-ddb574dd.js";import{S as De,M as xe,L as Ve,C as ze,B as Be,P as We,W as Fe,a as je,H as G,b as J,c as Y}from"./@vicons-fc06a0bb.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const c of document.querySelectorAll('link[rel="modulepreload"]'))p(c);new MutationObserver(c=>{for(const n of c)if(n.type==="childList")for(const h of n.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&p(h)}).observe(document,{childList:!0,subtree:!0});function a(c){const n={};return c.integrity&&(n.integrity=c.integrity),c.referrerPolicy&&(n.referrerPolicy=c.referrerPolicy),c.crossOrigin==="use-credentials"?n.credentials="include":c.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function p(c){if(c.ep)return;c.ep=!0;const n=a(c);fetch(c.href,n)}})();const He="modulepreload",Qe=function(e){return"/"+e},Z={},O=function(t,a,p){if(!a||a.length===0)return t();const c=document.getElementsByTagName("link");return Promise.all(a.map(n=>{if(n=Qe(n),n in Z)return;Z[n]=!0;const h=n.endsWith(".css"),d=h?'[rel="stylesheet"]':"";if(!!p)for(let y=c.length-1;y>=0;y--){const _=c[y];if(_.href===n&&(!h||_.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${d}`))return;const g=document.createElement("link");if(g.rel=h?"stylesheet":He,h||(g.as="script",g.crossOrigin=""),g.href=n,document.head.appendChild(g),h)return new Promise((y,_)=>{g.addEventListener("load",y),g.addEventListener("error",()=>_(new Error(`Unable to preload CSS for ${n}`)))})})).then(()=>t())},Ge=[{path:"/",name:"home",meta:{title:"广场",keepAlive:!0},component:()=>O(()=>import("./Home-3911c155.js"),["assets/Home-3911c155.js","assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js","assets/content-16569a30.js","assets/@vue-f70ab1bd.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/lodash-3329902d.js","assets/copy-to-clipboard-ca358197.js","assets/toggle-selection-93f4ad84.js","assets/IEnum-ea67d3af.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Home-47eb20e2.css","assets/vfonts-7afd136d.css"])},{path:"/post",name:"post",meta:{title:"话题详情"},component:()=>O(()=>import("./Post-7f43efba.js"),["assets/Post-7f43efba.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/vuex-cc1858c6.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/@vicons-fc06a0bb.js","assets/content-16569a30.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vue-router-29025daf.js","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/lodash-3329902d.js","assets/copy-to-clipboard-ca358197.js","assets/toggle-selection-93f4ad84.js","assets/IEnum-ea67d3af.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Post-2deb7ac3.css","assets/vfonts-7afd136d.css"])},{path:"/topic",name:"topic",meta:{title:"话题"},component:()=>O(()=>import("./Topic-bda87938.js"),["assets/Topic-bda87938.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/vooks-dfdd6eef.js","assets/evtd-b614532e.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/@css-render-66126308.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Topic-3a36c606.css","assets/vfonts-7afd136d.css"])},{path:"/anouncement",name:"anouncement",meta:{title:"公告"},component:()=>O(()=>import("./Anouncement-a1be6332.js"),["assets/Anouncement-a1be6332.js","assets/post-skeleton-a5bf805a.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/@vicons-fc06a0bb.js","assets/main-nav-3ef9bae6.css","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/axios-707ed124.js","assets/Anouncement-662e2d95.css","assets/vfonts-7afd136d.css"])},{path:"/profile",name:"profile",meta:{title:"主页"},component:()=>O(()=>import("./Profile-2e9667f8.js"),["assets/Profile-2e9667f8.js","assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js","assets/content-16569a30.js","assets/@vue-f70ab1bd.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Profile-5d71a5c2.css","assets/vfonts-7afd136d.css"])},{path:"/user",name:"user",meta:{title:"用户详情"},component:()=>O(()=>import("./User-656cd0cb.js"),["assets/User-656cd0cb.js","assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js","assets/content-16569a30.js","assets/@vue-f70ab1bd.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/User-4f525d0f.css","assets/vfonts-7afd136d.css"])},{path:"/messages",name:"messages",meta:{title:"消息"},component:()=>O(()=>import("./Messages-4d43818f.js"),["assets/Messages-4d43818f.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Messages-7ed31ecd.css","assets/vfonts-7afd136d.css"])},{path:"/collection",name:"collection",meta:{title:"收藏"},component:()=>O(()=>import("./Collection-cbec4856.js"),["assets/Collection-cbec4856.js","assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js","assets/content-16569a30.js","assets/@vue-f70ab1bd.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Collection-e1365ea0.css","assets/vfonts-7afd136d.css"])},{path:"/contacts",name:"contacts",meta:{title:"好友"},component:()=>O(()=>import("./Contacts-f0348211.js"),["assets/Contacts-f0348211.js","assets/vue-router-29025daf.js","assets/@vue-f70ab1bd.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-a5bf805a.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/@vicons-fc06a0bb.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Contacts-b60e5e0d.css","assets/vfonts-7afd136d.css"])},{path:"/wallet",name:"wallet",meta:{title:"钱包"},component:()=>O(()=>import("./Wallet-5214dc90.js"),["assets/Wallet-5214dc90.js","assets/post-skeleton-a5bf805a.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/@vicons-fc06a0bb.js","assets/main-nav-3ef9bae6.css","assets/qrcode-23069ad7.js","assets/encode-utf8-f813de00.js","assets/dijkstrajs-59d11638.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/axios-707ed124.js","assets/Wallet-77044929.css","assets/vfonts-7afd136d.css"])},{path:"/setting",name:"setting",meta:{title:"设置"},component:()=>O(()=>import("./Setting-0e822006.js"),["assets/Setting-0e822006.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/vooks-dfdd6eef.js","assets/evtd-b614532e.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/@css-render-66126308.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Setting-bfd24152.css","assets/vfonts-7afd136d.css"])},{path:"/404",name:"404",meta:{title:"404"},component:()=>O(()=>import("./404-ffb0e783.js"),["assets/404-ffb0e783.js","assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js","assets/vuex-cc1858c6.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/vooks-dfdd6eef.js","assets/evtd-b614532e.js","assets/@vicons-fc06a0bb.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/@css-render-66126308.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/404-020b2afd.css","assets/vfonts-7afd136d.css"])},{path:"/:pathMatch(.*)",redirect:"/404"}],ue=ge({history:fe(),routes:Ge});ue.beforeEach((e,t,a)=>{document.title=`${e.meta.title} | 泡泡 - 一个清新文艺的微社区`,a()});const Je=we({state:{refresh:Date.now(),theme:localStorage.getItem("PAOPAO_THEME"),collapsedLeft:document.body.clientWidth<=821,collapsedRight:document.body.clientWidth<=821,drawerModelShow:document.body.clientWidth<=821,desktopModelShow:document.body.clientWidth>821,authModalShow:!1,authModelTab:"signin",userInfo:{id:0,username:"",nickname:""}},mutations:{refresh(e,t){e.refresh=t||Date.now()},triggerTheme(e,t){e.theme=t},triggerAuth(e,t){e.authModalShow=t},triggerAuthKey(e,t){e.authModelTab=t},triggerCollapsedLeft(e,t){e.collapsedLeft=t,e.drawerModelShow=t,e.desktopModelShow=!t},triggerCollapsedRight(e,t){e.collapsedRight=t},updateUserinfo(e,t){e.userInfo=t},userLogout(e){localStorage.removeItem("PAOPAO_TOKEN"),e.userInfo={id:0,nickname:"",username:""}}},actions:{},modules:{}}),F=ye.create({baseURL:"",timeout:3e4});F.interceptors.request.use(e=>(localStorage.getItem("PAOPAO_TOKEN")&&(e.headers.Authorization="Bearer "+localStorage.getItem("PAOPAO_TOKEN")),e),e=>Promise.reject(e));F.interceptors.response.use(e=>{const{data:t={},code:a=0}=(e==null?void 0:e.data)||{};if(+a==0)return t||{};Promise.reject((e==null?void 0:e.data)||{})},(e={})=>{var a;const{response:t={}}=e||{};return+(t==null?void 0:t.status)==401?(localStorage.removeItem("PAOPAO_TOKEN"),(t==null?void 0:t.data.code)!==10005?window.$message.warning((t==null?void 0:t.data.msg)||"鉴权失败"):window.$store.commit("triggerAuth",!0)):window.$message.error(((a=t==null?void 0:t.data)==null?void 0:a.msg)||"请求失败"),Promise.reject((t==null?void 0:t.data)||{})});function s(e){return F(e)}const X=e=>s({method:"post",url:"/v1/auth/login",data:e}),Ye=e=>s({method:"post",url:"/v1/auth/register",data:e}),B=(e="")=>s({method:"get",url:"/v1/user/info",headers:{Authorization:`Bearer ${e}`}}),Ze={class:"auth-wrap"},Xe={key:0},et=V({__name:"auth",setup(e){const t=R("true".toLowerCase()==="true"),a=z(),p=R(!1),c=R(),n=j({username:"",password:""}),h=R(),d=j({username:"",password:"",repassword:""}),C={username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"},repassword:[{required:!0,message:"请输入密码"},{validator:(_,u)=>!!d.password&&d.password.startsWith(u)&&d.password.length>=u.length,message:"两次密码输入不一致",trigger:"input"}]},g=_=>{var u;_.preventDefault(),_.stopPropagation(),(u=c.value)==null||u.validate(P=>{P||(p.value=!0,X({username:n.username,password:n.password}).then(i=>{const r=(i==null?void 0:i.token)||"";return localStorage.setItem("PAOPAO_TOKEN",r),B(r)}).then(i=>{window.$message.success("登录成功"),p.value=!1,a.commit("updateUserinfo",i),a.commit("triggerAuth",!1),n.username="",n.password=""}).catch(i=>{p.value=!1}))})},y=_=>{var u;_.preventDefault(),_.stopPropagation(),(u=h.value)==null||u.validate(P=>{P||(p.value=!0,Ye({username:d.username,password:d.password}).then(i=>X({username:d.username,password:d.password})).then(i=>{const r=(i==null?void 0:i.token)||"";return localStorage.setItem("PAOPAO_TOKEN",r),B(r)}).then(i=>{window.$message.success("注册成功"),p.value=!1,a.commit("updateUserinfo",i),a.commit("triggerAuth",!1),d.username="",d.password="",d.repassword=""}).catch(i=>{p.value=!1}))})};return W(()=>{const _=localStorage.getItem("PAOPAO_TOKEN")||"";_?B(_).then(u=>{a.commit("updateUserinfo",u),a.commit("triggerAuth",!1)}).catch(u=>{a.commit("userLogout")}):a.commit("userLogout")}),(_,u)=>{const P=ke,i=be,r=ne,f=re,A=Pe,T=Oe,U=ae,L=Ae,N=Le,$=le,ie=Re;return w(),D(ie,{show:m(a).state.authModalShow,"onUpdate:show":u[7]||(u[7]=k=>m(a).state.authModalShow=k),class:"auth-card",preset:"card",size:"small","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:l(()=>[v("div",Ze,[o($,{bordered:!1},{default:l(()=>[t.value?S("",!0):(w(),E("div",Xe,[o(r,{justify:"center"},{default:l(()=>[o(i,null,{default:l(()=>[o(P,{type:"success"},{default:l(()=>[I("账号登录")]),_:1})]),_:1})]),_:1}),o(T,{ref_key:"loginRef",ref:c,model:n,rules:{username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"}}},{default:l(()=>[o(A,{label:"账户",path:"username"},{default:l(()=>[o(f,{value:n.username,"onUpdate:value":u[0]||(u[0]=k=>n.username=k),placeholder:"请输入用户名",onKeyup:K(M(g,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(A,{label:"密码",path:"password"},{default:l(()=>[o(f,{type:"password","show-password-on":"mousedown",value:n.password,"onUpdate:value":u[1]||(u[1]=k=>n.password=k),placeholder:"请输入账户密码",onKeyup:K(M(g,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:p.value,onClick:g},{default:l(()=>[I(" 登录 ")]),_:1},8,["loading"])])),t.value?(w(),D(N,{key:1,"default-value":m(a).state.authModelTab,size:"large","justify-content":"space-evenly"},{default:l(()=>[o(L,{name:"signin",tab:"登录"},{default:l(()=>[o(T,{ref_key:"loginRef",ref:c,model:n,rules:{username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"}}},{default:l(()=>[o(A,{label:"账户",path:"username"},{default:l(()=>[o(f,{value:n.username,"onUpdate:value":u[2]||(u[2]=k=>n.username=k),placeholder:"请输入用户名",onKeyup:K(M(g,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(A,{label:"密码",path:"password"},{default:l(()=>[o(f,{type:"password","show-password-on":"mousedown",value:n.password,"onUpdate:value":u[3]||(u[3]=k=>n.password=k),placeholder:"请输入账户密码",onKeyup:K(M(g,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:p.value,onClick:g},{default:l(()=>[I(" 登录 ")]),_:1},8,["loading"])]),_:1}),o(L,{name:"signup",tab:"注册"},{default:l(()=>[o(T,{ref_key:"registerRef",ref:h,model:d,rules:C},{default:l(()=>[o(A,{label:"用户名",path:"username"},{default:l(()=>[o(f,{value:d.username,"onUpdate:value":u[4]||(u[4]=k=>d.username=k),placeholder:"用户名注册后无法修改"},null,8,["value"])]),_:1}),o(A,{label:"密码",path:"password"},{default:l(()=>[o(f,{type:"password","show-password-on":"mousedown",placeholder:"密码不少于6位",value:d.password,"onUpdate:value":u[5]||(u[5]=k=>d.password=k),onKeyup:K(M(y,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(A,{label:"重复密码",path:"repassword"},{default:l(()=>[o(f,{type:"password","show-password-on":"mousedown",placeholder:"请再次输入密码",value:d.repassword,"onUpdate:value":u[6]||(u[6]=k=>d.repassword=k),onKeyup:K(M(y,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:p.value,onClick:y},{default:l(()=>[I(" 注册 ")]),_:1},8,["loading"])]),_:1})]),_:1},8,["default-value"])):S("",!0)]),_:1})])]),_:1},8,["show"])}}});const ce=(e,t)=>{const a=e.__vccOpts||e;for(const[p,c]of t)a[p]=c;return a},tt=ce(et,[["__scopeId","data-v-52205ad0"]]),Qt=e=>s({method:"get",url:"/v1/posts",params:e}),ot=e=>s({method:"get",url:"/v1/tags",params:e}),Gt=e=>s({method:"get",url:"/v1/post",params:e}),Jt=e=>s({method:"get",url:"/v1/post/star",params:e}),Yt=e=>s({method:"post",url:"/v1/post/star",data:e}),Zt=e=>s({method:"get",url:"/v1/post/collection",params:e}),Xt=e=>s({method:"post",url:"/v1/post/collection",data:e}),eo=e=>s({method:"get",url:"/v1/post/comments",params:e}),to=e=>s({method:"get",url:"/v1/user/contacts",params:e}),oo=e=>s({method:"post",url:"/v1/post",data:e}),so=e=>s({method:"delete",url:"/v1/post",data:e}),no=e=>s({method:"post",url:"/v1/post/lock",data:e}),ro=e=>s({method:"post",url:"/v1/post/stick",data:e}),ao=e=>s({method:"post",url:"/v1/post/visibility",data:e}),lo=e=>s({method:"post",url:"/v1/post/comment",data:e}),uo=e=>s({method:"delete",url:"/v1/post/comment",data:e}),co=e=>s({method:"post",url:"/v1/post/comment/reply",data:e}),io=e=>s({method:"delete",url:"/v1/post/comment/reply",data:e}),st={key:0,class:"rightbar-wrap"},nt={class:"search-wrap"},rt={class:"post-num"},at={class:"copyright"},lt=["href"],ut=["href"],ct=V({__name:"rightbar",setup(e){const t=R([]),a=R(!1),p=R(""),c=z(),n=se(),h="2023 paopao.info",d="Roc's Me",C="",g="泡泡(PaoPao)开源社区",y="https://www.paopao.info",_=()=>{a.value=!0,ot({type:"hot",num:12}).then(i=>{t.value=i.topics,a.value=!1}).catch(i=>{a.value=!1})},u=i=>i>=1e3?(i/1e3).toFixed(1)+"k":i,P=()=>{n.push({name:"home",query:{q:p.value}})};return W(()=>{_()}),(i,r)=>{const f=x,A=re,T=te("router-link"),U=Ee,L=le,N=ne;return m(c).state.collapsedRight?S("",!0):(w(),E("div",st,[v("div",nt,[o(A,{round:"",clearable:"",placeholder:"搜一搜...",value:p.value,"onUpdate:value":r[0]||(r[0]=$=>p.value=$),onKeyup:K(M(P,["prevent"]),["enter"])},{prefix:l(()=>[o(f,{component:m(De)},null,8,["component"])]),_:1},8,["value","onKeyup"])]),o(L,{class:"hottopic-wrap",title:"热门话题",embedded:"",bordered:!1,size:"small"},{default:l(()=>[o(U,{show:a.value},{default:l(()=>[(w(!0),E(de,null,pe(t.value,$=>(w(),E("div",{class:"hot-tag-item",key:$.id},[o(T,{class:"hash-link",to:{name:"home",query:{q:$.tag,t:"tag"}}},{default:l(()=>[I(" #"+q($.tag),1)]),_:2},1032,["to"]),v("div",rt,q(u($.quote_num)),1)]))),128))]),_:1},8,["show"])]),_:1}),o(L,{class:"copyright-wrap",embedded:"",bordered:!1,size:"small"},{default:l(()=>[v("div",at,"© "+q(m(h)),1),v("div",null,[o(N,null,{default:l(()=>[v("a",{href:m(C),target:"_blank",class:"hash-link"},q(m(d)),9,lt),v("a",{href:m(y),target:"_blank",class:"hash-link"},q(m(g)),9,ut)]),_:1})])]),_:1})]))}}});const it=ce(ct,[["__scopeId","data-v-9c65d923"]]),po=(e={})=>s({method:"get",url:"/v1/captcha",params:e}),mo=e=>s({method:"post",url:"/v1/captcha",data:e}),_o=e=>s({method:"post",url:"/v1/user/whisper",data:e}),ho=e=>s({method:"post",url:"/v1/friend/requesting",data:e}),go=e=>s({method:"post",url:"/v1/friend/add",data:e}),fo=e=>s({method:"post",url:"/v1/friend/reject",data:e}),vo=e=>s({method:"post",url:"/v1/friend/delete",data:e}),wo=e=>s({method:"post",url:"/v1/user/phone",data:e}),yo=e=>s({method:"post",url:"/v1/user/activate",data:e}),ko=e=>s({method:"post",url:"/v1/user/password",data:e}),bo=e=>s({method:"post",url:"/v1/user/nickname",data:e}),Po=e=>s({method:"post",url:"/v1/user/avatar",data:e}),ee=(e={})=>s({method:"get",url:"/v1/user/msgcount/unread",params:e}),Oo=e=>s({method:"get",url:"/v1/user/messages",params:e}),Ao=e=>s({method:"post",url:"/v1/user/message/read",data:e}),Lo=e=>s({method:"get",url:"/v1/user/collections",params:e}),Ro=e=>s({method:"get",url:"/v1/user/profile",params:e}),Eo=e=>s({method:"get",url:"/v1/user/posts",params:e}),Co=e=>s({method:"get",url:"/v1/user/wallet/bills",params:e}),$o=e=>s({method:"post",url:"/v1/user/recharge",data:e}),Io=e=>s({method:"get",url:"/v1/user/recharge",params:e}),So=e=>s({method:"get",url:"/v1/suggest/users",params:e}),To=e=>s({method:"get",url:"/v1/suggest/tags",params:e}),Uo=e=>s({method:"get",url:"/v1/attachment/precheck",params:e}),Ko=e=>s({method:"get",url:"/v1/attachment",params:e}),Mo=e=>s({method:"post",url:"/v1/admin/user/status",data:e}),dt="/assets/logo-52afee68.png",pt={class:"sidebar-wrap"},mt={class:"logo-wrap"},_t={key:0,class:"user-wrap"},ht={class:"user-info"},gt={class:"nickname"},ft={class:"nickname-txt"},vt={class:"username"},wt={class:"user-mini-wrap"},yt={key:1,class:"user-wrap"},kt={key:0,class:"login-only-wrap"},bt={key:1,class:"login-wrap"},Pt=V({__name:"sidebar",setup(e){const t=z(),a=ve(),p=se(),c=R(!1),n=R(a.name||""),h=R(),d=R("true".toLowerCase()==="true");H(a,()=>{n.value=a.name}),H(t.state,()=>{t.state.userInfo.id>0?h.value||(ee().then(r=>{c.value=r.count>0}).catch(r=>{console.log(r)}),h.value=setInterval(()=>{ee().then(r=>{c.value=r.count>0}).catch(r=>{console.log(r)})},5e3)):h.value&&clearInterval(h.value)}),W(()=>{window.onresize=()=>{t.commit("triggerCollapsedLeft",document.body.clientWidth<=821),t.commit("triggerCollapsedRight",document.body.clientWidth<=821)}});const C=oe(()=>{const r=[{label:"广场",key:"home",icon:()=>b(G),href:"/"},{label:"话题",key:"topic",icon:()=>b(J),href:"/topic"}];return"false".toLowerCase()==="true"&&r.push({label:"公告",key:"anouncement",icon:()=>b(xe),href:"/anouncement"}),r.push({label:"主页",key:"profile",icon:()=>b(Ve),href:"/profile"}),r.push({label:"消息",key:"messages",icon:()=>b(ze),href:"/messages"}),r.push({label:"收藏",key:"collection",icon:()=>b(Be),href:"/collection"}),r.push({label:"好友",key:"contacts",icon:()=>b(We),href:"/contacts"}),"false".toLocaleLowerCase()==="true"&&r.push({label:"钱包",key:"wallet",icon:()=>b(Fe),href:"/wallet"}),r.push({label:"设置",key:"setting",icon:()=>b(je),href:"/setting"}),t.state.userInfo.id>0?r:[{label:"广场",key:"home",icon:()=>b(G),href:"/"},{label:"话题",key:"topic",icon:()=>b(J),href:"/topic"}]}),g=r=>"href"in r?b("div",{},r.label):r.label,y=r=>r.key==="messages"?b($e,{dot:!0,show:c.value,processing:!0},{default:()=>b(x,{color:r.key===n.value?"var(--n-item-icon-color-active)":"var(--n-item-icon-color)"},{default:r.icon})}):b(x,null,{default:r.icon}),_=(r,f={})=>{n.value=r,p.push({name:r})},u=()=>{a.path==="/"&&t.commit("refresh"),_("home")},P=r=>{t.commit("triggerAuth",!0),t.commit("triggerAuthKey",r)},i=()=>{t.commit("userLogout")};return window.$store=t,window.$message=Ce(),(r,f)=>{const A=Ie,T=Se,U=Te,L=ae;return w(),E("div",pt,[v("div",mt,[o(A,{class:"logo-img",width:"36",src:m(dt),"preview-disabled":!0,onClick:u},null,8,["src"])]),o(T,{accordion:!0,"icon-size":24,options:m(C),"render-label":g,"render-icon":y,value:n.value,"onUpdate:value":_},null,8,["options","value"]),m(t).state.userInfo.id>0?(w(),E("div",_t,[o(U,{class:"user-avatar",round:"",size:34,src:m(t).state.userInfo.avatar},null,8,["src"]),v("div",ht,[v("div",gt,[v("span",ft,q(m(t).state.userInfo.nickname),1),o(L,{class:"logout",quaternary:"",circle:"",size:"tiny",onClick:i},{icon:l(()=>[o(m(x),null,{default:l(()=>[o(m(Y))]),_:1})]),_:1})]),v("div",vt,"@"+q(m(t).state.userInfo.username),1)]),v("div",wt,[o(L,{class:"logout",quaternary:"",circle:"",onClick:i},{icon:l(()=>[o(m(x),{size:24},{default:l(()=>[o(m(Y))]),_:1})]),_:1})])])):(w(),E("div",yt,[d.value?S("",!0):(w(),E("div",kt,[o(L,{strong:"",secondary:"",round:"",type:"primary",onClick:f[0]||(f[0]=N=>P("signin"))},{default:l(()=>[I(" 登录 ")]),_:1})])),d.value?(w(),E("div",bt,[o(L,{strong:"",secondary:"",round:"",type:"primary",onClick:f[1]||(f[1]=N=>P("signin"))},{default:l(()=>[I(" 登录 ")]),_:1}),o(L,{strong:"",secondary:"",round:"",type:"info",onClick:f[2]||(f[2]=N=>P("signup"))},{default:l(()=>[I(" 注册 ")]),_:1})])):S("",!0)]))])}}});const Ot={"has-sider":"",class:"main-wrap",position:"static"},At={key:0},Lt={class:"content-wrap"},Rt=V({__name:"App",setup(e){const t=z(),a=oe(()=>t.state.theme==="dark"?Ke:null);return(p,c)=>{const n=Pt,h=te("router-view"),d=it,C=tt,g=Me,y=qe,_=Ne,u=Ue;return w(),D(u,{theme:m(a)},{default:l(()=>[o(y,null,{default:l(()=>[o(g,null,{default:l(()=>{var P;return[v("div",{class:_e(["app-container",{dark:((P=m(a))==null?void 0:P.name)==="dark"}])},[v("div",Ot,[m(t).state.desktopModelShow?(w(),E("div",At,[o(n)])):S("",!0),v("div",Lt,[o(h,{class:"app-wrap"},{default:l(({Component:i})=>[(w(),D(me,null,[p.$route.meta.keepAlive?(w(),D(Q(i),{key:0})):S("",!0)],1024)),p.$route.meta.keepAlive?S("",!0):(w(),D(Q(i),{key:0}))]),_:1})]),o(d)]),o(C)],2)]}),_:1})]),_:1}),o(_)]),_:1},8,["theme"])}}});he(Rt).use(ue).use(Je).mount("#app");export{fo as A,Ao as B,Oo as C,Lo as D,Uo as E,Ko as F,to as G,B as H,Co as I,$o as J,Io as K,po as L,Po as M,ko as N,wo as O,yo as P,bo as Q,mo as R,Pt as S,ce as _,To as a,Qt as b,oo as c,co as d,io as e,uo as f,So as g,lo as h,Jt as i,Zt as j,so as k,no as l,Xt as m,Gt as n,eo as o,Yt as p,ot as q,Eo as r,ro as s,_o as t,ho as u,ao as v,Ro as w,vo as x,Mo as y,go as z};
diff --git a/web/dist/assets/index-f6017bc3.js b/web/dist/assets/index-f6017bc3.js
new file mode 100644
index 00000000..f8d7cabb
--- /dev/null
+++ b/web/dist/assets/index-f6017bc3.js
@@ -0,0 +1 @@
+import{d as F,r as T,D as G,j,o as w,K as D,Y as a,a as y,L as o,c as A,e as $,P as M,Z as q,O as C,U as h,n as H,w as W,_ as re,F as J,$ as Y,M as E,s as P,a0 as me,Q as Z,a1 as _e,a2 as he}from"./@vue-f70ab1bd.js";import{c as ge,a as fe,u as ae,b as ve}from"./vue-router-29025daf.js";import{c as we,u as V}from"./vuex-cc1858c6.js";import{a as ye}from"./axios-707ed124.js";import{_ as ke,N as be,a as le,b as ue,c as Pe,d as Oe,e as ce,f as Le,g as Ae,h as ie,i as Te,j as x,k as Re,u as Ee,l as $e,m as Ce,n as Ie,o as Se,p as Ue,q as Ke,r as Me,s as qe,t as De}from"./naive-ui-ddb574dd.js";import{S as Ne,M as xe,L as Fe,C as Ve,B as ze,P as Be,W as We,a as je,H as X,b as ee,c as te}from"./@vicons-2f3cb6b9.js";/* empty css               */import"./seemly-76b7b838.js";import"./vueuc-804c4158.js";import"./evtd-b614532e.js";import"./@css-render-66126308.js";import"./vooks-dfdd6eef.js";import"./vdirs-b0483831.js";import"./@juggle-41516555.js";import"./css-render-6a5c5852.js";import"./@emotion-8a8e73f6.js";import"./lodash-es-8412e618.js";import"./treemate-25c27bff.js";import"./async-validator-dee29e8b.js";import"./date-fns-975a2d8f.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const c of document.querySelectorAll('link[rel="modulepreload"]'))i(c);new MutationObserver(c=>{for(const n of c)if(n.type==="childList")for(const f of n.addedNodes)f.tagName==="LINK"&&f.rel==="modulepreload"&&i(f)}).observe(document,{childList:!0,subtree:!0});function l(c){const n={};return c.integrity&&(n.integrity=c.integrity),c.referrerPolicy&&(n.referrerPolicy=c.referrerPolicy),c.crossOrigin==="use-credentials"?n.credentials="include":c.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function i(c){if(c.ep)return;c.ep=!0;const n=l(c);fetch(c.href,n)}})();const He="modulepreload",Qe=function(e){return"/"+e},oe={},L=function(t,l,i){if(!l||l.length===0)return t();const c=document.getElementsByTagName("link");return Promise.all(l.map(n=>{if(n=Qe(n),n in oe)return;oe[n]=!0;const f=n.endsWith(".css"),m=f?'[rel="stylesheet"]':"";if(!!i)for(let k=c.length-1;k>=0;k--){const g=c[k];if(g.href===n&&(!f||g.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${n}"]${m}`))return;const v=document.createElement("link");if(v.rel=f?"stylesheet":He,f||(v.as="script",v.crossOrigin=""),v.href=n,document.head.appendChild(v),f)return new Promise((k,g)=>{v.addEventListener("load",k),v.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${n}`)))})})).then(()=>t())},Ge=[{path:"/",name:"home",meta:{title:"广场",keepAlive:!0},component:()=>L(()=>import("./Home-adef1ded.js"),["assets/Home-adef1ded.js","assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js","assets/content-0b348d1e.js","assets/@vue-f70ab1bd.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/lodash-3329902d.js","assets/copy-to-clipboard-ca358197.js","assets/toggle-selection-93f4ad84.js","assets/IEnum-ea67d3af.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Home-47eb20e2.css","assets/vfonts-7afd136d.css"])},{path:"/post",name:"post",meta:{title:"话题详情"},component:()=>L(()=>import("./Post-ea11be7c.js"),["assets/Post-ea11be7c.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/vuex-cc1858c6.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/@vicons-2f3cb6b9.js","assets/content-0b348d1e.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vue-router-29025daf.js","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/lodash-3329902d.js","assets/copy-to-clipboard-ca358197.js","assets/toggle-selection-93f4ad84.js","assets/IEnum-ea67d3af.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Post-03f1477b.css","assets/vfonts-7afd136d.css"])},{path:"/topic",name:"topic",meta:{title:"话题"},component:()=>L(()=>import("./Topic-7bd6ba6c.js"),["assets/Topic-7bd6ba6c.js","assets/@vicons-2f3cb6b9.js","assets/@vue-f70ab1bd.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Topic-8dbcebb5.css","assets/vfonts-7afd136d.css"])},{path:"/anouncement",name:"anouncement",meta:{title:"公告"},component:()=>L(()=>import("./Anouncement-1028ef75.js"),["assets/Anouncement-1028ef75.js","assets/post-skeleton-fdf95824.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/@vicons-2f3cb6b9.js","assets/main-nav-3ef9bae6.css","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/axios-707ed124.js","assets/Anouncement-662e2d95.css","assets/vfonts-7afd136d.css"])},{path:"/profile",name:"profile",meta:{title:"主页"},component:()=>L(()=>import("./Profile-b16dccf8.js"),["assets/Profile-b16dccf8.js","assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js","assets/content-0b348d1e.js","assets/@vue-f70ab1bd.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Profile-5d71a5c2.css","assets/vfonts-7afd136d.css"])},{path:"/user",name:"user",meta:{title:"用户详情"},component:()=>L(()=>import("./User-63f42059.js"),["assets/User-63f42059.js","assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js","assets/content-0b348d1e.js","assets/@vue-f70ab1bd.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/User-4f525d0f.css","assets/vfonts-7afd136d.css"])},{path:"/messages",name:"messages",meta:{title:"消息"},component:()=>L(()=>import("./Messages-b6f6d433.js"),["assets/Messages-b6f6d433.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Messages-7ed31ecd.css","assets/vfonts-7afd136d.css"])},{path:"/collection",name:"collection",meta:{title:"收藏"},component:()=>L(()=>import("./Collection-209a2041.js"),["assets/Collection-209a2041.js","assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js","assets/content-0b348d1e.js","assets/@vue-f70ab1bd.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/nonesir-video-29a967e9.js","assets/content-cc55174b.css","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/post-item-3a63e077.css","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Collection-e1365ea0.css","assets/vfonts-7afd136d.css"])},{path:"/contacts",name:"contacts",meta:{title:"好友"},component:()=>L(()=>import("./Contacts-d49a42ff.js"),["assets/Contacts-d49a42ff.js","assets/vue-router-29025daf.js","assets/@vue-f70ab1bd.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-fdf95824.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/@vicons-2f3cb6b9.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Contacts-b60e5e0d.css","assets/vfonts-7afd136d.css"])},{path:"/wallet",name:"wallet",meta:{title:"钱包"},component:()=>L(()=>import("./Wallet-94982dc4.js"),["assets/Wallet-94982dc4.js","assets/post-skeleton-fdf95824.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/@vue-f70ab1bd.js","assets/vueuc-804c4158.js","assets/evtd-b614532e.js","assets/@css-render-66126308.js","assets/vooks-dfdd6eef.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/post-skeleton-f1900002.css","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/vue-router-29025daf.js","assets/@vicons-2f3cb6b9.js","assets/main-nav-3ef9bae6.css","assets/qrcode-23069ad7.js","assets/encode-utf8-f813de00.js","assets/dijkstrajs-59d11638.js","assets/formatTime-936c40eb.js","assets/moment-b7869f98.js","assets/axios-707ed124.js","assets/Wallet-77044929.css","assets/vfonts-7afd136d.css"])},{path:"/setting",name:"setting",meta:{title:"设置"},component:()=>L(()=>import("./Setting-6508bd8c.js"),["assets/Setting-6508bd8c.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/vooks-dfdd6eef.js","assets/evtd-b614532e.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/@css-render-66126308.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/Setting-bfd24152.css","assets/vfonts-7afd136d.css"])},{path:"/404",name:"404",meta:{title:"404"},component:()=>L(()=>import("./404-74e48212.js"),["assets/404-74e48212.js","assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js","assets/vuex-cc1858c6.js","assets/@vue-f70ab1bd.js","assets/vue-router-29025daf.js","assets/vooks-dfdd6eef.js","assets/evtd-b614532e.js","assets/@vicons-2f3cb6b9.js","assets/naive-ui-ddb574dd.js","assets/seemly-76b7b838.js","assets/vueuc-804c4158.js","assets/@css-render-66126308.js","assets/vdirs-b0483831.js","assets/@juggle-41516555.js","assets/css-render-6a5c5852.js","assets/@emotion-8a8e73f6.js","assets/lodash-es-8412e618.js","assets/treemate-25c27bff.js","assets/async-validator-dee29e8b.js","assets/date-fns-975a2d8f.js","assets/main-nav-3ef9bae6.css","assets/axios-707ed124.js","assets/404-020b2afd.css","assets/vfonts-7afd136d.css"])},{path:"/:pathMatch(.*)",redirect:"/404"}],de=ge({history:fe(),routes:Ge});de.beforeEach((e,t,l)=>{document.title=`${e.meta.title} | 泡泡 - 一个清新文艺的微社区`,l()});const Je=we({state:{refresh:Date.now(),refreshTopicFollow:Date.now(),theme:localStorage.getItem("PAOPAO_THEME"),collapsedLeft:document.body.clientWidth<=821,collapsedRight:document.body.clientWidth<=821,drawerModelShow:document.body.clientWidth<=821,desktopModelShow:document.body.clientWidth>821,authModalShow:!1,authModelTab:"signin",userLogined:!1,userInfo:{id:0,username:"",nickname:""}},mutations:{refresh(e,t){e.refresh=t||Date.now()},refreshTopicFollow(e){e.refreshTopicFollow=Date.now()},triggerTheme(e,t){e.theme=t},triggerAuth(e,t){e.authModalShow=t},triggerAuthKey(e,t){e.authModelTab=t},triggerCollapsedLeft(e,t){e.collapsedLeft=t,e.drawerModelShow=t,e.desktopModelShow=!t},triggerCollapsedRight(e,t){e.collapsedRight=t},updateUserinfo(e,t){e.userInfo=t,e.userInfo.id>0&&(e.userLogined=!0)},userLogout(e){localStorage.removeItem("PAOPAO_TOKEN"),e.userInfo={id:0,nickname:"",username:""},e.userLogined=!1}},actions:{},modules:{}}),Q=ye.create({baseURL:"",timeout:3e4});Q.interceptors.request.use(e=>(localStorage.getItem("PAOPAO_TOKEN")&&(e.headers.Authorization="Bearer "+localStorage.getItem("PAOPAO_TOKEN")),e),e=>Promise.reject(e));Q.interceptors.response.use(e=>{const{data:t={},code:l=0}=(e==null?void 0:e.data)||{};if(+l==0)return t||{};Promise.reject((e==null?void 0:e.data)||{})},(e={})=>{var l;const{response:t={}}=e||{};return+(t==null?void 0:t.status)==401?(localStorage.removeItem("PAOPAO_TOKEN"),(t==null?void 0:t.data.code)!==10005?window.$message.warning((t==null?void 0:t.data.msg)||"鉴权失败"):window.$store.commit("triggerAuth",!0)):window.$message.error(((l=t==null?void 0:t.data)==null?void 0:l.msg)||"请求失败"),Promise.reject((t==null?void 0:t.data)||{})});function s(e){return Q(e)}const se=e=>s({method:"post",url:"/v1/auth/login",data:e}),Ye=e=>s({method:"post",url:"/v1/auth/register",data:e}),B=(e="")=>s({method:"get",url:"/v1/user/info",headers:{Authorization:`Bearer ${e}`}}),Ze={class:"auth-wrap"},Xe={key:0},et=F({__name:"auth",setup(e){const t=T("true".toLowerCase()==="true"),l=V(),i=T(!1),c=T(),n=G({username:"",password:""}),f=T(),m=G({username:"",password:"",repassword:""}),I={username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"},repassword:[{required:!0,message:"请输入密码"},{validator:(g,u)=>!!m.password&&m.password.startsWith(u)&&m.password.length>=u.length,message:"两次密码输入不一致",trigger:"input"}]},v=g=>{var u;g.preventDefault(),g.stopPropagation(),(u=c.value)==null||u.validate(b=>{b||(i.value=!0,se({username:n.username,password:n.password}).then(_=>{const r=(_==null?void 0:_.token)||"";return localStorage.setItem("PAOPAO_TOKEN",r),B(r)}).then(_=>{window.$message.success("登录成功"),i.value=!1,l.commit("updateUserinfo",_),l.commit("triggerAuth",!1),n.username="",n.password=""}).catch(_=>{i.value=!1}))})},k=g=>{var u;g.preventDefault(),g.stopPropagation(),(u=f.value)==null||u.validate(b=>{b||(i.value=!0,Ye({username:m.username,password:m.password}).then(_=>se({username:m.username,password:m.password})).then(_=>{const r=(_==null?void 0:_.token)||"";return localStorage.setItem("PAOPAO_TOKEN",r),B(r)}).then(_=>{window.$message.success("注册成功"),i.value=!1,l.commit("updateUserinfo",_),l.commit("triggerAuth",!1),m.username="",m.password="",m.repassword=""}).catch(_=>{i.value=!1}))})};return j(()=>{const g=localStorage.getItem("PAOPAO_TOKEN")||"";g?B(g).then(u=>{l.commit("updateUserinfo",u),l.commit("triggerAuth",!1)}).catch(u=>{l.commit("userLogout")}):l.commit("userLogout")}),(g,u)=>{const b=ke,_=be,r=le,d=ue,O=Pe,S=Oe,U=ce,R=Le,K=Ae,N=ie,z=Te;return w(),D(z,{show:h(l).state.authModalShow,"onUpdate:show":u[7]||(u[7]=p=>h(l).state.authModalShow=p),class:"auth-card",preset:"card",size:"small","mask-closable":!1,bordered:!1,style:{width:"360px"}},{default:a(()=>[y("div",Ze,[o(N,{bordered:!1},{default:a(()=>[t.value?C("",!0):(w(),A("div",Xe,[o(r,{justify:"center"},{default:a(()=>[o(_,null,{default:a(()=>[o(b,{type:"success"},{default:a(()=>[$("账号登录")]),_:1})]),_:1})]),_:1}),o(S,{ref_key:"loginRef",ref:c,model:n,rules:{username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"}}},{default:a(()=>[o(O,{label:"账户",path:"username"},{default:a(()=>[o(d,{value:n.username,"onUpdate:value":u[0]||(u[0]=p=>n.username=p),placeholder:"请输入用户名",onKeyup:M(q(v,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(O,{label:"密码",path:"password"},{default:a(()=>[o(d,{type:"password","show-password-on":"mousedown",value:n.password,"onUpdate:value":u[1]||(u[1]=p=>n.password=p),placeholder:"请输入账户密码",onKeyup:M(q(v,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:i.value,onClick:v},{default:a(()=>[$(" 登录 ")]),_:1},8,["loading"])])),t.value?(w(),D(K,{key:1,"default-value":h(l).state.authModelTab,size:"large","justify-content":"space-evenly"},{default:a(()=>[o(R,{name:"signin",tab:"登录"},{default:a(()=>[o(S,{ref_key:"loginRef",ref:c,model:n,rules:{username:{required:!0,message:"请输入账户名"},password:{required:!0,message:"请输入密码"}}},{default:a(()=>[o(O,{label:"账户",path:"username"},{default:a(()=>[o(d,{value:n.username,"onUpdate:value":u[2]||(u[2]=p=>n.username=p),placeholder:"请输入用户名",onKeyup:M(q(v,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(O,{label:"密码",path:"password"},{default:a(()=>[o(d,{type:"password","show-password-on":"mousedown",value:n.password,"onUpdate:value":u[3]||(u[3]=p=>n.password=p),placeholder:"请输入账户密码",onKeyup:M(q(v,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:i.value,onClick:v},{default:a(()=>[$(" 登录 ")]),_:1},8,["loading"])]),_:1}),o(R,{name:"signup",tab:"注册"},{default:a(()=>[o(S,{ref_key:"registerRef",ref:f,model:m,rules:I},{default:a(()=>[o(O,{label:"用户名",path:"username"},{default:a(()=>[o(d,{value:m.username,"onUpdate:value":u[4]||(u[4]=p=>m.username=p),placeholder:"用户名注册后无法修改"},null,8,["value"])]),_:1}),o(O,{label:"密码",path:"password"},{default:a(()=>[o(d,{type:"password","show-password-on":"mousedown",placeholder:"密码不少于6位",value:m.password,"onUpdate:value":u[5]||(u[5]=p=>m.password=p),onKeyup:M(q(k,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1}),o(O,{label:"重复密码",path:"repassword"},{default:a(()=>[o(d,{type:"password","show-password-on":"mousedown",placeholder:"请再次输入密码",value:m.repassword,"onUpdate:value":u[6]||(u[6]=p=>m.repassword=p),onKeyup:M(q(k,["prevent"]),["enter"])},null,8,["value","onKeyup"])]),_:1})]),_:1},8,["model"]),o(U,{type:"primary",block:"",secondary:"",strong:"",loading:i.value,onClick:k},{default:a(()=>[$(" 注册 ")]),_:1},8,["loading"])]),_:1})]),_:1},8,["default-value"])):C("",!0)]),_:1})])]),_:1},8,["show"])}}});const pe=(e,t)=>{const l=e.__vccOpts||e;for(const[i,c]of t)l[i]=c;return l},tt=pe(et,[["__scopeId","data-v-52205ad0"]]),Gt=e=>s({method:"get",url:"/v1/posts",params:e}),ot=e=>s({method:"get",url:"/v1/tags",params:e}),Jt=e=>s({method:"get",url:"/v1/post",params:e}),Yt=e=>s({method:"get",url:"/v1/post/star",params:e}),Zt=e=>s({method:"post",url:"/v1/post/star",data:e}),Xt=e=>s({method:"get",url:"/v1/post/collection",params:e}),eo=e=>s({method:"post",url:"/v1/post/collection",data:e}),to=e=>s({method:"get",url:"/v1/post/comments",params:e}),oo=e=>s({method:"get",url:"/v1/user/contacts",params:e}),so=e=>s({method:"post",url:"/v1/post",data:e}),no=e=>s({method:"delete",url:"/v1/post",data:e}),ro=e=>s({method:"post",url:"/v1/post/lock",data:e}),ao=e=>s({method:"post",url:"/v1/post/stick",data:e}),lo=e=>s({method:"post",url:"/v1/post/visibility",data:e}),uo=e=>s({method:"post",url:"/v1/post/comment",data:e}),co=e=>s({method:"delete",url:"/v1/post/comment",data:e}),io=e=>s({method:"post",url:"/v1/post/comment/reply",data:e}),po=e=>s({method:"delete",url:"/v1/post/comment/reply",data:e}),mo=e=>s({method:"post",url:"/v1/topic/stick",data:e}),_o=e=>s({method:"post",url:"/v1/topic/follow",data:e}),ho=e=>s({method:"post",url:"/v1/topic/unfollow",data:e}),st={key:0,class:"rightbar-wrap"},nt={class:"search-wrap"},rt={class:"post-num"},at={class:"post-num"},lt={class:"copyright"},ut=["href"],ct=["href"],it=F({__name:"rightbar",setup(e){const t=T([]),l=T([]),i=T(!1),c=T(""),n=V(),f=ae(),m="2023 paopao.info",I="Roc's Me",v="",k="泡泡(PaoPao)开源社区",g="https://www.paopao.info",u=()=>{i.value=!0,ot({type:"hot_extral",num:12,extral_num:8}).then(d=>{t.value=d.topics,l.value=d.extral_topics??[],r.value=!0,i.value=!1}).catch(d=>{i.value=!1})},b=d=>d>=1e3?(d/1e3).toFixed(1)+"k":d,_=()=>{f.push({name:"home",query:{q:c.value}})},r=H({get:()=>n.state.userLogined&&l.value.length!==0,set:d=>{}});return W(()=>({refreshTopicFollow:n.state.refreshTopicFollow}),(d,O)=>{d.refreshTopicFollow!==O.refreshTopicFollow&&u()}),j(()=>{u()}),(d,O)=>{const S=x,U=ue,R=re("router-link"),K=Re,N=ie,z=le;return h(n).state.collapsedRight?C("",!0):(w(),A("div",st,[y("div",nt,[o(U,{round:"",clearable:"",placeholder:"搜一搜...",value:c.value,"onUpdate:value":O[0]||(O[0]=p=>c.value=p),onKeyup:M(q(_,["prevent"]),["enter"])},{prefix:a(()=>[o(S,{component:h(Ne)},null,8,["component"])]),_:1},8,["value","onKeyup"])]),h(r)?(w(),D(N,{key:0,class:"hottopic-wrap",title:"关注话题",embedded:"",bordered:!1,size:"small"},{default:a(()=>[o(K,{show:i.value},{default:a(()=>[(w(!0),A(J,null,Y(l.value,p=>(w(),A("div",{class:"hot-tag-item",key:p.id},[o(R,{class:"hash-link",to:{name:"home",query:{q:p.tag,t:"tag"}}},{default:a(()=>[$(" #"+E(p.tag),1)]),_:2},1032,["to"]),y("div",rt,E(b(p.quote_num)),1)]))),128))]),_:1},8,["show"])]),_:1})):C("",!0),o(N,{class:"hottopic-wrap",title:"热门话题",embedded:"",bordered:!1,size:"small"},{default:a(()=>[o(K,{show:i.value},{default:a(()=>[(w(!0),A(J,null,Y(t.value,p=>(w(),A("div",{class:"hot-tag-item",key:p.id},[o(R,{class:"hash-link",to:{name:"home",query:{q:p.tag,t:"tag"}}},{default:a(()=>[$(" #"+E(p.tag),1)]),_:2},1032,["to"]),y("div",at,E(b(p.quote_num)),1)]))),128))]),_:1},8,["show"])]),_:1}),o(N,{class:"copyright-wrap",embedded:"",bordered:!1,size:"small"},{default:a(()=>[y("div",lt,"© "+E(h(m)),1),y("div",null,[o(z,null,{default:a(()=>[y("a",{href:h(v),target:"_blank",class:"hash-link"},E(h(I)),9,ut),y("a",{href:h(g),target:"_blank",class:"hash-link"},E(h(k)),9,ct)]),_:1})])]),_:1})]))}}});const dt=pe(it,[["__scopeId","data-v-200967dd"]]),go=(e={})=>s({method:"get",url:"/v1/captcha",params:e}),fo=e=>s({method:"post",url:"/v1/captcha",data:e}),vo=e=>s({method:"post",url:"/v1/user/whisper",data:e}),wo=e=>s({method:"post",url:"/v1/friend/requesting",data:e}),yo=e=>s({method:"post",url:"/v1/friend/add",data:e}),ko=e=>s({method:"post",url:"/v1/friend/reject",data:e}),bo=e=>s({method:"post",url:"/v1/friend/delete",data:e}),Po=e=>s({method:"post",url:"/v1/user/phone",data:e}),Oo=e=>s({method:"post",url:"/v1/user/activate",data:e}),Lo=e=>s({method:"post",url:"/v1/user/password",data:e}),Ao=e=>s({method:"post",url:"/v1/user/nickname",data:e}),To=e=>s({method:"post",url:"/v1/user/avatar",data:e}),ne=(e={})=>s({method:"get",url:"/v1/user/msgcount/unread",params:e}),Ro=e=>s({method:"get",url:"/v1/user/messages",params:e}),Eo=e=>s({method:"post",url:"/v1/user/message/read",data:e}),$o=e=>s({method:"get",url:"/v1/user/collections",params:e}),Co=e=>s({method:"get",url:"/v1/user/profile",params:e}),Io=e=>s({method:"get",url:"/v1/user/posts",params:e}),So=e=>s({method:"get",url:"/v1/user/wallet/bills",params:e}),Uo=e=>s({method:"post",url:"/v1/user/recharge",data:e}),Ko=e=>s({method:"get",url:"/v1/user/recharge",params:e}),Mo=e=>s({method:"get",url:"/v1/suggest/users",params:e}),qo=e=>s({method:"get",url:"/v1/suggest/tags",params:e}),Do=e=>s({method:"get",url:"/v1/attachment/precheck",params:e}),No=e=>s({method:"get",url:"/v1/attachment",params:e}),xo=e=>s({method:"post",url:"/v1/admin/user/status",data:e}),pt="/assets/logo-52afee68.png",mt={class:"sidebar-wrap"},_t={class:"logo-wrap"},ht={key:0,class:"user-wrap"},gt={class:"user-info"},ft={class:"nickname"},vt={class:"nickname-txt"},wt={class:"username"},yt={class:"user-mini-wrap"},kt={key:1,class:"user-wrap"},bt={key:0,class:"login-only-wrap"},Pt={key:1,class:"login-wrap"},Ot=F({__name:"sidebar",setup(e){const t=V(),l=ve(),i=ae(),c=T(!1),n=T(l.name||""),f=T(),m=T("true".toLowerCase()==="true");W(l,()=>{n.value=l.name}),W(t.state,()=>{t.state.userInfo.id>0?f.value||(ne().then(r=>{c.value=r.count>0}).catch(r=>{console.log(r)}),f.value=setInterval(()=>{ne().then(r=>{c.value=r.count>0}).catch(r=>{console.log(r)})},5e3)):f.value&&clearInterval(f.value)}),j(()=>{window.onresize=()=>{t.commit("triggerCollapsedLeft",document.body.clientWidth<=821),t.commit("triggerCollapsedRight",document.body.clientWidth<=821)}});const I=H(()=>{const r=[{label:"广场",key:"home",icon:()=>P(X),href:"/"},{label:"话题",key:"topic",icon:()=>P(ee),href:"/topic"}];return"false".toLowerCase()==="true"&&r.push({label:"公告",key:"anouncement",icon:()=>P(xe),href:"/anouncement"}),r.push({label:"主页",key:"profile",icon:()=>P(Fe),href:"/profile"}),r.push({label:"消息",key:"messages",icon:()=>P(Ve),href:"/messages"}),r.push({label:"收藏",key:"collection",icon:()=>P(ze),href:"/collection"}),r.push({label:"好友",key:"contacts",icon:()=>P(Be),href:"/contacts"}),"false".toLocaleLowerCase()==="true"&&r.push({label:"钱包",key:"wallet",icon:()=>P(We),href:"/wallet"}),r.push({label:"设置",key:"setting",icon:()=>P(je),href:"/setting"}),t.state.userInfo.id>0?r:[{label:"广场",key:"home",icon:()=>P(X),href:"/"},{label:"话题",key:"topic",icon:()=>P(ee),href:"/topic"}]}),v=r=>"href"in r?P("div",{},r.label):r.label,k=r=>r.key==="messages"?P($e,{dot:!0,show:c.value,processing:!0},{default:()=>P(x,{color:r.key===n.value?"var(--n-item-icon-color-active)":"var(--n-item-icon-color)"},{default:r.icon})}):P(x,null,{default:r.icon}),g=(r,d={})=>{n.value=r,i.push({name:r})},u=()=>{l.path==="/"&&t.commit("refresh"),g("home")},b=r=>{t.commit("triggerAuth",!0),t.commit("triggerAuthKey",r)},_=()=>{t.commit("userLogout"),u()};return window.$store=t,window.$message=Ee(),(r,d)=>{const O=Ce,S=Ie,U=Se,R=ce;return w(),A("div",mt,[y("div",_t,[o(O,{class:"logo-img",width:"36",src:h(pt),"preview-disabled":!0,onClick:u},null,8,["src"])]),o(S,{accordion:!0,"icon-size":24,options:h(I),"render-label":v,"render-icon":k,value:n.value,"onUpdate:value":g},null,8,["options","value"]),h(t).state.userInfo.id>0?(w(),A("div",ht,[o(U,{class:"user-avatar",round:"",size:34,src:h(t).state.userInfo.avatar},null,8,["src"]),y("div",gt,[y("div",ft,[y("span",vt,E(h(t).state.userInfo.nickname),1),o(R,{class:"logout",quaternary:"",circle:"",size:"tiny",onClick:_},{icon:a(()=>[o(h(x),null,{default:a(()=>[o(h(te))]),_:1})]),_:1})]),y("div",wt,"@"+E(h(t).state.userInfo.username),1)]),y("div",yt,[o(R,{class:"logout",quaternary:"",circle:"",onClick:_},{icon:a(()=>[o(h(x),{size:24},{default:a(()=>[o(h(te))]),_:1})]),_:1})])])):(w(),A("div",kt,[m.value?C("",!0):(w(),A("div",bt,[o(R,{strong:"",secondary:"",round:"",type:"primary",onClick:d[0]||(d[0]=K=>b("signin"))},{default:a(()=>[$(" 登录 ")]),_:1})])),m.value?(w(),A("div",Pt,[o(R,{strong:"",secondary:"",round:"",type:"primary",onClick:d[1]||(d[1]=K=>b("signin"))},{default:a(()=>[$(" 登录 ")]),_:1}),o(R,{strong:"",secondary:"",round:"",type:"info",onClick:d[2]||(d[2]=K=>b("signup"))},{default:a(()=>[$(" 注册 ")]),_:1})])):C("",!0)]))])}}});const Lt={"has-sider":"",class:"main-wrap",position:"static"},At={key:0},Tt={class:"content-wrap"},Rt=F({__name:"App",setup(e){const t=V(),l=H(()=>t.state.theme==="dark"?Ke:null);return(i,c)=>{const n=Ot,f=re("router-view"),m=dt,I=tt,v=Me,k=qe,g=De,u=Ue;return w(),D(u,{theme:h(l)},{default:a(()=>[o(k,null,{default:a(()=>[o(v,null,{default:a(()=>{var b;return[y("div",{class:_e(["app-container",{dark:((b=h(l))==null?void 0:b.name)==="dark"}])},[y("div",Lt,[h(t).state.desktopModelShow?(w(),A("div",At,[o(n)])):C("",!0),y("div",Tt,[o(f,{class:"app-wrap"},{default:a(({Component:_})=>[(w(),D(me,null,[i.$route.meta.keepAlive?(w(),D(Z(_),{key:0})):C("",!0)],1024)),i.$route.meta.keepAlive?C("",!0):(w(),D(Z(_),{key:0}))]),_:1})]),o(m)]),o(I)],2)]}),_:1})]),_:1}),o(g)]),_:1},8,["theme"])}}});he(Rt).use(de).use(Je).mount("#app");export{bo as A,xo as B,yo as C,ko as D,Eo as E,Ro as F,$o as G,Do as H,No as I,oo as J,B as K,So as L,Uo as M,Ko as N,go as O,To as P,Lo as Q,Po as R,Oo as S,Ao as T,fo as U,Ot as V,pe as _,qo as a,Gt as b,so as c,io as d,po as e,co as f,Mo as g,uo as h,Yt as i,Xt as j,no as k,ro as l,eo as m,Jt as n,to as o,Zt as p,mo as q,_o as r,ao as s,ot as t,ho as u,lo as v,Io as w,vo as x,wo as y,Co as z};
diff --git a/web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js b/web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js
similarity index 74%
rename from web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js
rename to web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js
index 9bfd8f5f..57b56f7d 100644
--- a/web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-d6d2ed7f.js
+++ b/web/dist/assets/main-nav.vue_vue_type_style_index_0_lang-5f0e81a4.js
@@ -1 +1 @@
-import{S as B}from"./index-ce5b62d8.js";import{u as E}from"./vuex-cc1858c6.js";import{u as z}from"./vue-router-29025daf.js";import{j as A}from"./vooks-dfdd6eef.js";import{D as C,t as D,u as N,v as P}from"./@vicons-fc06a0bb.js";import{a3 as x,a4 as R,j as I,e as V,a5 as j,h as H}from"./naive-ui-ddb574dd.js";import{d as L,r as f,j as U,o as a,c as g,U as o,L as e,Y as t,O as c,a as q,K as _,e as F,M as $,F as K}from"./@vue-f70ab1bd.js";const Y={key:0},G={class:"navbar"},oe=L({__name:"main-nav",props:{title:{default:""},back:{type:Boolean,default:!1},theme:{type:Boolean,default:!0}},setup(r){const i=r,n=E(),m=z(),l=f(!1),k=f("left"),u=d=>{d?(localStorage.setItem("PAOPAO_THEME","dark"),n.commit("triggerTheme","dark")):(localStorage.setItem("PAOPAO_THEME","light"),n.commit("triggerTheme","light"))},w=()=>{window.history.length<=1?m.push({path:"/"}):m.go(-1)},v=()=>{l.value=!0};return U(()=>{localStorage.getItem("PAOPAO_THEME")||u(A()==="dark")}),(d,p)=>{const y=B,b=x,O=R,s=I,h=V,M=j,S=H;return a(),g(K,null,[o(n).state.drawerModelShow?(a(),g("div",Y,[e(O,{show:l.value,"onUpdate:show":p[0]||(p[0]=T=>l.value=T),width:212,placement:k.value,resizable:""},{default:t(()=>[e(b,null,{default:t(()=>[e(y)]),_:1})]),_:1},8,["show","placement"])])):c("",!0),e(S,{size:"small",bordered:!0,class:"nav-title-card"},{header:t(()=>[q("div",G,[o(n).state.drawerModelShow&&!r.back?(a(),_(h,{key:0,class:"drawer-btn",onClick:v,quaternary:"",circle:"",size:"medium"},{icon:t(()=>[e(s,null,{default:t(()=>[e(o(C))]),_:1})]),_:1})):c("",!0),r.back?(a(),_(h,{key:1,class:"back-btn",onClick:w,quaternary:"",circle:"",size:"small"},{icon:t(()=>[e(s,null,{default:t(()=>[e(o(D))]),_:1})]),_:1})):c("",!0),F(" "+$(i.title)+" ",1),i.theme?(a(),_(M,{key:2,value:o(n).state.theme==="dark","onUpdate:value":u,size:"small",class:"theme-switch-wrap"},{"checked-icon":t(()=>[e(s,{component:o(N)},null,8,["component"])]),"unchecked-icon":t(()=>[e(s,{component:o(P)},null,8,["component"])]),_:1},8,["value"])):c("",!0)])]),_:1})],64)}}});export{oe as _};
+import{V as E}from"./index-f6017bc3.js";import{u as S}from"./vuex-cc1858c6.js";import{u as z}from"./vue-router-29025daf.js";import{j as A}from"./vooks-dfdd6eef.js";import{D as C,u as D,v as N,w as P}from"./@vicons-2f3cb6b9.js";import{a3 as x,a4 as R,j as V,e as I,a5 as j,h as H}from"./naive-ui-ddb574dd.js";import{d as L,r as f,j as U,o as a,c as g,U as o,L as e,Y as t,O as c,a as q,K as _,e as F,M as $,F as K}from"./@vue-f70ab1bd.js";const Y={key:0},G={class:"navbar"},oe=L({__name:"main-nav",props:{title:{default:""},back:{type:Boolean,default:!1},theme:{type:Boolean,default:!0}},setup(r){const i=r,n=S(),m=z(),l=f(!1),k=f("left"),u=d=>{d?(localStorage.setItem("PAOPAO_THEME","dark"),n.commit("triggerTheme","dark")):(localStorage.setItem("PAOPAO_THEME","light"),n.commit("triggerTheme","light"))},w=()=>{window.history.length<=1?m.push({path:"/"}):m.go(-1)},v=()=>{l.value=!0};return U(()=>{localStorage.getItem("PAOPAO_THEME")||u(A()==="dark")}),(d,p)=>{const y=E,b=x,O=R,s=V,h=I,M=j,T=H;return a(),g(K,null,[o(n).state.drawerModelShow?(a(),g("div",Y,[e(O,{show:l.value,"onUpdate:show":p[0]||(p[0]=B=>l.value=B),width:212,placement:k.value,resizable:""},{default:t(()=>[e(b,null,{default:t(()=>[e(y)]),_:1})]),_:1},8,["show","placement"])])):c("",!0),e(T,{size:"small",bordered:!0,class:"nav-title-card"},{header:t(()=>[q("div",G,[o(n).state.drawerModelShow&&!r.back?(a(),_(h,{key:0,class:"drawer-btn",onClick:v,quaternary:"",circle:"",size:"medium"},{icon:t(()=>[e(s,null,{default:t(()=>[e(o(C))]),_:1})]),_:1})):c("",!0),r.back?(a(),_(h,{key:1,class:"back-btn",onClick:w,quaternary:"",circle:"",size:"small"},{icon:t(()=>[e(s,null,{default:t(()=>[e(o(D))]),_:1})]),_:1})):c("",!0),F(" "+$(i.title)+" ",1),i.theme?(a(),_(M,{key:2,value:o(n).state.theme==="dark","onUpdate:value":u,size:"small",class:"theme-switch-wrap"},{"checked-icon":t(()=>[e(s,{component:o(N)},null,8,["component"])]),"unchecked-icon":t(()=>[e(s,{component:o(P)},null,8,["component"])]),_:1},8,["value"])):c("",!0)])]),_:1})],64)}}});export{oe as _};
diff --git a/web/dist/assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js b/web/dist/assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js
similarity index 94%
rename from web/dist/assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js
rename to web/dist/assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js
index d0df757e..321ebe21 100644
--- a/web/dist/assets/post-item.vue_vue_type_style_index_0_lang-02b1501b.js
+++ b/web/dist/assets/post-item.vue_vue_type_style_index_0_lang-c48fe5cf.js
@@ -1 +1 @@
-import{p as N,a as S,_ as $,b as V,c as j}from"./content-16569a30.js";import{d as H,n as R,_ as D,o as i,c as f,L as a,a3 as F,U as t,Y as n,F as I,$ as P,Z as v,a as l,e as r,M as c,K as p,O as _}from"./@vue-f70ab1bd.js";import{u as E}from"./vuex-cc1858c6.js";import{b as K,u as U}from"./vue-router-29025daf.js";import{a as Y}from"./formatTime-936c40eb.js";import{f as Z,h as A,i as G,k as J}from"./@vicons-fc06a0bb.js";import{o as Q,M as W,j as X,a as tt,L as et}from"./naive-ui-ddb574dd.js";const st={class:"nickname-wrap"},nt={class:"username-wrap"},ot={class:"timestamp"},at=["innerHTML"],it={class:"opt-item"},rt={class:"opt-item"},ct={class:"opt-item"},pt={class:"opt-item"},ft=H({__name:"post-item",props:{post:null},setup(x){const C=x;K();const d=U(),z=E(),e=R(()=>{let o=Object.assign({texts:[],imgs:[],videos:[],links:[],attachments:[],charge_attachments:[]},C.post);return o.contents.map(s=>{(+s.type==1||+s.type==2)&&o.texts.push(s),+s.type==3&&o.imgs.push(s),+s.type==4&&o.videos.push(s),+s.type==6&&o.links.push(s),+s.type==7&&o.attachments.push(s),+s.type==8&&o.charge_attachments.push(s)}),o}),k=o=>{d.push({name:"post",query:{id:o}})},b=(o,s)=>{if(o.target.dataset.detail){const m=o.target.dataset.detail.split(":");if(m.length===2){z.commit("refresh"),m[0]==="tag"?d.push({name:"home",query:{q:m[1],t:"tag"}}):d.push({name:"user",query:{username:m[1]}});return}}k(s)};return(o,s)=>{const m=Q,w=D("router-link"),h=W,y=S,O=$,T=V,q=j,u=X,B=tt,L=et;return i(),f("div",{class:"post-item",onClick:s[2]||(s[2]=g=>k(t(e).id))},[a(L,{"content-indented":""},F({avatar:n(()=>[a(m,{round:"",size:30,src:t(e).user.avatar},null,8,["src"])]),header:n(()=>[l("span",st,[a(w,{onClick:s[0]||(s[0]=v(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:t(e).user.username}}},{default:n(()=>[r(c(t(e).user.nickname),1)]),_:1},8,["to"])]),l("span",nt," @"+c(t(e).user.username),1),t(e).is_top?(i(),p(h,{key:0,class:"top-tag",type:"warning",size:"small",round:""},{default:n(()=>[r(" 置顶 ")]),_:1})):_("",!0),t(e).visibility==1?(i(),p(h,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:n(()=>[r(" 私密 ")]),_:1})):_("",!0),t(e).visibility==2?(i(),p(h,{key:2,class:"top-tag",type:"info",size:"small",round:""},{default:n(()=>[r(" 好友可见 ")]),_:1})):_("",!0)]),"header-extra":n(()=>[l("span",ot,c(t(e).ip_loc?t(e).ip_loc+" · ":t(e).ip_loc)+" "+c(t(Y)(t(e).created_on)),1)]),footer:n(()=>[t(e).attachments.length>0?(i(),p(y,{key:0,attachments:t(e).attachments},null,8,["attachments"])):_("",!0),t(e).charge_attachments.length>0?(i(),p(y,{key:1,attachments:t(e).charge_attachments,price:t(e).attachment_price},null,8,["attachments","price"])):_("",!0),t(e).imgs.length>0?(i(),p(O,{key:2,imgs:t(e).imgs},null,8,["imgs"])):_("",!0),t(e).videos.length>0?(i(),p(T,{key:3,videos:t(e).videos},null,8,["videos"])):_("",!0),t(e).links.length>0?(i(),p(q,{key:4,links:t(e).links},null,8,["links"])):_("",!0)]),action:n(()=>[a(B,{justify:"space-between"},{default:n(()=>[l("div",it,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(Z))]),_:1}),r(" "+c(t(e).upvote_count),1)]),l("div",rt,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(A))]),_:1}),r(" "+c(t(e).comment_count),1)]),l("div",ct,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(G))]),_:1}),r(" "+c(t(e).collection_count),1)]),l("div",pt,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(J))]),_:1}),r(" "+c(t(e).share_count),1)])]),_:1})]),_:2},[t(e).texts.length>0?{name:"description",fn:n(()=>[(i(!0),f(I,null,P(t(e).texts,g=>(i(),f("span",{key:g.id,class:"post-text",onClick:s[1]||(s[1]=v(M=>b(M,t(e).id),["stop"])),innerHTML:t(N)(g.content).content},null,8,at))),128))]),key:"0"}:void 0]),1024)])}}});export{ft as _};
+import{p as N,a as S,_ as $,b as V,c as j}from"./content-0b348d1e.js";import{d as H,n as R,_ as D,o as i,c as f,L as a,a3 as F,U as t,Y as n,F as I,$ as P,Z as v,a as l,e as r,M as c,K as p,O as _}from"./@vue-f70ab1bd.js";import{u as E}from"./vuex-cc1858c6.js";import{b as K,u as U}from"./vue-router-29025daf.js";import{a as Y}from"./formatTime-936c40eb.js";import{f as Z,h as A,i as G,k as J}from"./@vicons-2f3cb6b9.js";import{o as Q,M as W,j as X,a as tt,L as et}from"./naive-ui-ddb574dd.js";const st={class:"nickname-wrap"},nt={class:"username-wrap"},ot={class:"timestamp"},at=["innerHTML"],it={class:"opt-item"},rt={class:"opt-item"},ct={class:"opt-item"},pt={class:"opt-item"},ft=H({__name:"post-item",props:{post:null},setup(x){const C=x;K();const d=U(),z=E(),e=R(()=>{let o=Object.assign({texts:[],imgs:[],videos:[],links:[],attachments:[],charge_attachments:[]},C.post);return o.contents.map(s=>{(+s.type==1||+s.type==2)&&o.texts.push(s),+s.type==3&&o.imgs.push(s),+s.type==4&&o.videos.push(s),+s.type==6&&o.links.push(s),+s.type==7&&o.attachments.push(s),+s.type==8&&o.charge_attachments.push(s)}),o}),k=o=>{d.push({name:"post",query:{id:o}})},b=(o,s)=>{if(o.target.dataset.detail){const m=o.target.dataset.detail.split(":");if(m.length===2){z.commit("refresh"),m[0]==="tag"?d.push({name:"home",query:{q:m[1],t:"tag"}}):d.push({name:"user",query:{username:m[1]}});return}}k(s)};return(o,s)=>{const m=Q,w=D("router-link"),h=W,y=S,O=$,T=V,q=j,u=X,B=tt,L=et;return i(),f("div",{class:"post-item",onClick:s[2]||(s[2]=g=>k(t(e).id))},[a(L,{"content-indented":""},F({avatar:n(()=>[a(m,{round:"",size:30,src:t(e).user.avatar},null,8,["src"])]),header:n(()=>[l("span",st,[a(w,{onClick:s[0]||(s[0]=v(()=>{},["stop"])),class:"username-link",to:{name:"user",query:{username:t(e).user.username}}},{default:n(()=>[r(c(t(e).user.nickname),1)]),_:1},8,["to"])]),l("span",nt," @"+c(t(e).user.username),1),t(e).is_top?(i(),p(h,{key:0,class:"top-tag",type:"warning",size:"small",round:""},{default:n(()=>[r(" 置顶 ")]),_:1})):_("",!0),t(e).visibility==1?(i(),p(h,{key:1,class:"top-tag",type:"error",size:"small",round:""},{default:n(()=>[r(" 私密 ")]),_:1})):_("",!0),t(e).visibility==2?(i(),p(h,{key:2,class:"top-tag",type:"info",size:"small",round:""},{default:n(()=>[r(" 好友可见 ")]),_:1})):_("",!0)]),"header-extra":n(()=>[l("span",ot,c(t(e).ip_loc?t(e).ip_loc+" · ":t(e).ip_loc)+" "+c(t(Y)(t(e).created_on)),1)]),footer:n(()=>[t(e).attachments.length>0?(i(),p(y,{key:0,attachments:t(e).attachments},null,8,["attachments"])):_("",!0),t(e).charge_attachments.length>0?(i(),p(y,{key:1,attachments:t(e).charge_attachments,price:t(e).attachment_price},null,8,["attachments","price"])):_("",!0),t(e).imgs.length>0?(i(),p(O,{key:2,imgs:t(e).imgs},null,8,["imgs"])):_("",!0),t(e).videos.length>0?(i(),p(T,{key:3,videos:t(e).videos},null,8,["videos"])):_("",!0),t(e).links.length>0?(i(),p(q,{key:4,links:t(e).links},null,8,["links"])):_("",!0)]),action:n(()=>[a(B,{justify:"space-between"},{default:n(()=>[l("div",it,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(Z))]),_:1}),r(" "+c(t(e).upvote_count),1)]),l("div",rt,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(A))]),_:1}),r(" "+c(t(e).comment_count),1)]),l("div",ct,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(G))]),_:1}),r(" "+c(t(e).collection_count),1)]),l("div",pt,[a(u,{size:"18",class:"opt-item-icon"},{default:n(()=>[a(t(J))]),_:1}),r(" "+c(t(e).share_count),1)])]),_:1})]),_:2},[t(e).texts.length>0?{name:"description",fn:n(()=>[(i(!0),f(I,null,P(t(e).texts,g=>(i(),f("span",{key:g.id,class:"post-text",onClick:s[1]||(s[1]=v(M=>b(M,t(e).id),["stop"])),innerHTML:t(N)(g.content).content},null,8,at))),128))]),key:"0"}:void 0]),1024)])}}});export{ft as _};
diff --git a/web/dist/assets/post-skeleton-a5bf805a.js b/web/dist/assets/post-skeleton-fdf95824.js
similarity index 88%
rename from web/dist/assets/post-skeleton-a5bf805a.js
rename to web/dist/assets/post-skeleton-fdf95824.js
index 95fd8b8e..dbae81ee 100644
--- a/web/dist/assets/post-skeleton-a5bf805a.js
+++ b/web/dist/assets/post-skeleton-fdf95824.js
@@ -1 +1 @@
-import{U as c}from"./naive-ui-ddb574dd.js";import{d as r,o as s,c as n,$ as l,a as o,L as t,F as p}from"./@vue-f70ab1bd.js";import{_ as i}from"./index-ce5b62d8.js";const m={class:"user"},d={class:"content"},u=r({__name:"post-skeleton",props:{num:{default:1}},setup(_){return(f,k)=>{const e=c;return s(!0),n(p,null,l(new Array(_.num),a=>(s(),n("div",{class:"skeleton-item",key:a},[o("div",m,[t(e,{circle:"",size:"small"})]),o("div",d,[t(e,{text:"",repeat:3}),t(e,{text:"",style:{width:"60%"}})])]))),128)}}});const b=i(u,[["__scopeId","data-v-ab0015b4"]]);export{b as _};
+import{U as c}from"./naive-ui-ddb574dd.js";import{d as r,o as s,c as n,$ as l,a as o,L as t,F as p}from"./@vue-f70ab1bd.js";import{_ as i}from"./index-f6017bc3.js";const m={class:"user"},d={class:"content"},u=r({__name:"post-skeleton",props:{num:{default:1}},setup(_){return(f,k)=>{const e=c;return s(!0),n(p,null,l(new Array(_.num),a=>(s(),n("div",{class:"skeleton-item",key:a},[o("div",m,[t(e,{circle:"",size:"small"})]),o("div",d,[t(e,{text:"",repeat:3}),t(e,{text:"",style:{width:"60%"}})])]))),128)}}});const b=i(u,[["__scopeId","data-v-ab0015b4"]]);export{b as _};
diff --git a/web/dist/index.html b/web/dist/index.html
index e11a9975..35b71f4c 100644
--- a/web/dist/index.html
+++ b/web/dist/index.html
@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
   <link rel="manifest" href="/manifest.json" />
   <title>泡泡</title>
-  <script type="module" crossorigin src="/assets/index-ce5b62d8.js"></script>
+  <script type="module" crossorigin src="/assets/index-f6017bc3.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/@vue-f70ab1bd.js">
   <link rel="modulepreload" crossorigin href="/assets/vue-router-29025daf.js">
   <link rel="modulepreload" crossorigin href="/assets/vuex-cc1858c6.js">
@@ -27,8 +27,8 @@
   <link rel="modulepreload" crossorigin href="/assets/async-validator-dee29e8b.js">
   <link rel="modulepreload" crossorigin href="/assets/date-fns-975a2d8f.js">
   <link rel="modulepreload" crossorigin href="/assets/naive-ui-ddb574dd.js">
-  <link rel="modulepreload" crossorigin href="/assets/@vicons-fc06a0bb.js">
-  <link rel="stylesheet" href="/assets/index-bea67790.css">
+  <link rel="modulepreload" crossorigin href="/assets/@vicons-2f3cb6b9.js">
+  <link rel="stylesheet" href="/assets/index-6c46cd46.css">
   <link rel="stylesheet" href="/assets/vfonts-7afd136d.css">
 </head>
 
diff --git a/web/src/api/post.ts b/web/src/api/post.ts
index 8d37858c..a16fb77c 100644
--- a/web/src/api/post.ts
+++ b/web/src/api/post.ts
@@ -1,163 +1,232 @@
-import { request } from '@/utils/request';
+import { request } from "@/utils/request";
 
 /** 获取动态列表 */
-export const getPosts = (params: NetParams.PostGetPosts): Promise<NetReq.PostGetPosts> => {
-    return request({
-        method: 'get',
-        url: '/v1/posts',
-        params
-    });
+export const getPosts = (
+  params: NetParams.PostGetPosts
+): Promise<NetReq.PostGetPosts> => {
+  return request({
+    method: "get",
+    url: "/v1/posts",
+    params,
+  });
 };
 
 /** 获取标签列表 */
-export const getTags = (params: NetParams.PostGetTags): Promise<NetReq.PostGetTags> => {
-    return request({
-        method: 'get',
-        url: '/v1/tags',
-        params
-    });
+export const getTags = (
+  params: NetParams.PostGetTags
+): Promise<NetReq.PostGetTags> => {
+  return request({
+    method: "get",
+    url: "/v1/tags",
+    params,
+  });
 };
 
 /** 获取动态详情 */
-export const getPost = (params: NetParams.PostGetPost): Promise<NetReq.PostGetPost> => {
-    return request({
-        method: 'get',
-        url: '/v1/post',
-        params
-    });
+export const getPost = (
+  params: NetParams.PostGetPost
+): Promise<NetReq.PostGetPost> => {
+  return request({
+    method: "get",
+    url: "/v1/post",
+    params,
+  });
 };
 
 /** 获取动态点赞状态 */
-export const getPostStar = (params: NetParams.PostPostStar): Promise<NetReq.PostGetPostStar> => {
-    return request({
-        method: 'get',
-        url: '/v1/post/star',
-        params
-    });
+export const getPostStar = (
+  params: NetParams.PostPostStar
+): Promise<NetReq.PostGetPostStar> => {
+  return request({
+    method: "get",
+    url: "/v1/post/star",
+    params,
+  });
 };
 
 /** 动态点赞 */
-export const postStar = (data: NetParams.PostPostStar): Promise<NetReq.PostPostStar> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/star',
-        data
-    });
+export const postStar = (
+  data: NetParams.PostPostStar
+): Promise<NetReq.PostPostStar> => {
+  return request({
+    method: "post",
+    url: "/v1/post/star",
+    data,
+  });
 };
 
 /** 获取动态收藏状态 */
-export const getPostCollection = (params: NetParams.PostGetPostCollection): Promise<NetReq.PostGetPostCollection> => {
-    return request({
-        method: 'get',
-        url: '/v1/post/collection',
-        params
-    });
+export const getPostCollection = (
+  params: NetParams.PostGetPostCollection
+): Promise<NetReq.PostGetPostCollection> => {
+  return request({
+    method: "get",
+    url: "/v1/post/collection",
+    params,
+  });
 };
 
 /** 动态收藏 */
-export const postCollection = (data: NetParams.PostPostCollection): Promise<NetReq.PostPostCollection> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/collection',
-        data
-    });
+export const postCollection = (
+  data: NetParams.PostPostCollection
+): Promise<NetReq.PostPostCollection> => {
+  return request({
+    method: "post",
+    url: "/v1/post/collection",
+    data,
+  });
 };
 
 /** 获取动态评论列表 */
-export const getPostComments = (params: NetParams.PostGetPostComments): Promise<NetReq.PostGetPostComments> => {
-    return request({
-        method: 'get',
-        url: '/v1/post/comments',
-        params
-    });
+export const getPostComments = (
+  params: NetParams.PostGetPostComments
+): Promise<NetReq.PostGetPostComments> => {
+  return request({
+    method: "get",
+    url: "/v1/post/comments",
+    params,
+  });
 };
 
 /** 获取联系人列表 */
-export const getContacts = (params: NetParams.GetContacts): Promise<NetReq.GetContacts> => {
-    return request({
-        method: 'get',
-        url: '/v1/user/contacts',
-        params
-    });
+export const getContacts = (
+  params: NetParams.GetContacts
+): Promise<NetReq.GetContacts> => {
+  return request({
+    method: "get",
+    url: "/v1/user/contacts",
+    params,
+  });
 };
 
 /** 发布动态 */
-export const createPost = (data: NetParams.PostCreatePost): Promise<NetReq.PostCreatePost> => {
-    return request({
-        method: 'post',
-        url: '/v1/post',
-        data
-    });
+export const createPost = (
+  data: NetParams.PostCreatePost
+): Promise<NetReq.PostCreatePost> => {
+  return request({
+    method: "post",
+    url: "/v1/post",
+    data,
+  });
 };
 
 /** 删除动态 */
-export const deletePost = (data: NetParams.PostDeletePost): Promise<NetReq.PostDeletePost> => {
-    return request({
-        method: 'delete',
-        url: '/v1/post',
-        data
-    });
+export const deletePost = (
+  data: NetParams.PostDeletePost
+): Promise<NetReq.PostDeletePost> => {
+  return request({
+    method: "delete",
+    url: "/v1/post",
+    data,
+  });
 };
 
 /** 锁定/解锁动态 */
-export const lockPost = (data: NetParams.PostLockPost): Promise<NetReq.PostLockPost> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/lock',
-        data
-    });
+export const lockPost = (
+  data: NetParams.PostLockPost
+): Promise<NetReq.PostLockPost> => {
+  return request({
+    method: "post",
+    url: "/v1/post/lock",
+    data,
+  });
 };
 
 /** 置顶/取消置顶动态 */
-export const stickPost = (data: NetParams.PostStickPost): Promise<NetReq.PostStickPost> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/stick',
-        data
-    });
+export const stickPost = (
+  data: NetParams.PostStickPost
+): Promise<NetReq.PostStickPost> => {
+  return request({
+    method: "post",
+    url: "/v1/post/stick",
+    data,
+  });
 };
 
 /** 置顶/取消置顶动态 */
-export const visibilityPost = (data: NetParams.PostVisibilityPost): Promise<NetReq.PostVisibilityPost> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/visibility',
-        data
-    });
+export const visibilityPost = (
+  data: NetParams.PostVisibilityPost
+): Promise<NetReq.PostVisibilityPost> => {
+  return request({
+    method: "post",
+    url: "/v1/post/visibility",
+    data,
+  });
 };
 
 /** 发布动态评论 */
-export const createComment = (data: NetParams.PostCreateComment): Promise<NetReq.PostCreateComment> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/comment',
-        data
-    });
+export const createComment = (
+  data: NetParams.PostCreateComment
+): Promise<NetReq.PostCreateComment> => {
+  return request({
+    method: "post",
+    url: "/v1/post/comment",
+    data,
+  });
 };
 
 /** 删除评论 */
-export const deleteComment = (data: NetParams.PostDeleteComment): Promise<NetReq.PostDeleteComment> => {
-    return request({
-        method: 'delete',
-        url: '/v1/post/comment',
-        data
-    });
+export const deleteComment = (
+  data: NetParams.PostDeleteComment
+): Promise<NetReq.PostDeleteComment> => {
+  return request({
+    method: "delete",
+    url: "/v1/post/comment",
+    data,
+  });
 };
 
 /** 发布评论回复 */
-export const createCommentReply = (data: NetParams.PostCreateCommentReply): Promise<NetReq.PostCreateCommentReply> => {
-    return request({
-        method: 'post',
-        url: '/v1/post/comment/reply',
-        data
-    });
+export const createCommentReply = (
+  data: NetParams.PostCreateCommentReply
+): Promise<NetReq.PostCreateCommentReply> => {
+  return request({
+    method: "post",
+    url: "/v1/post/comment/reply",
+    data,
+  });
 };
 
 /** 删除评论回复 */
-export const deleteCommentReply = (data: NetParams.PostDeleteCommentReply): Promise<NetReq.PostDeleteCommentReply> => {
-    return request({
-        method: 'delete',
-        url: '/v1/post/comment/reply',
-        data
-    });
+export const deleteCommentReply = (
+  data: NetParams.PostDeleteCommentReply
+): Promise<NetReq.PostDeleteCommentReply> => {
+  return request({
+    method: "delete",
+    url: "/v1/post/comment/reply",
+    data,
+  });
+};
+
+/** 置顶/取消置顶话题 */
+export const stickTopic = (
+  data: NetParams.PostStickTopic
+): Promise<NetReq.PostStickTopic> => {
+  return request({
+    method: "post",
+    url: "/v1/topic/stick",
+    data,
+  });
+};
+
+/** 关注话题 */
+export const followTopic = (
+  data: NetParams.PostFollowTopic
+): Promise<NetReq.PostFollowTopic> => {
+  return request({
+    method: "post",
+    url: "/v1/topic/follow",
+    data,
+  });
+};
+
+/** 取消关注话题 */
+export const unfollowTopic = (
+  data: NetParams.PostUnfollowTopic
+): Promise<NetReq.PostUnfollowTopic> => {
+  return request({
+    method: "post",
+    url: "/v1/topic/unfollow",
+    data,
+  });
 };
diff --git a/web/src/components/rightbar.vue b/web/src/components/rightbar.vue
index 705edc4c..3a4d6a43 100644
--- a/web/src/components/rightbar.vue
+++ b/web/src/components/rightbar.vue
@@ -82,7 +82,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
+import { ref, onMounted, computed, watch } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
 import { getTags } from '@/api/post';
@@ -140,6 +140,16 @@ const showFollowTopics = computed({
         // do nothing
     },
 });
+watch(
+    () => ({
+        refreshTopicFollow: store.state.refreshTopicFollow,
+    }),
+    (to, from) => {
+        if (to.refreshTopicFollow !== from.refreshTopicFollow) {
+            loadHotTags();
+        }
+    }
+);
 onMounted(() => {
     loadHotTags();
 });
diff --git a/web/src/components/tag-item.vue b/web/src/components/tag-item.vue
index 51d90b56..aa7d8b8c 100644
--- a/web/src/components/tag-item.vue
+++ b/web/src/components/tag-item.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="tag-item">
+    <div v-if="!checkFollowing || (checkFollowing && tag.is_following === 1)" class="tag-item">
         <n-thing>
             <template #header>
                 <n-tag
@@ -56,12 +56,14 @@
 import { ref, onMounted, computed } from 'vue';
 import { MoreVertOutlined } from '@vicons/material';
 import type { DropdownOption } from 'naive-ui';
+import { stickTopic, followTopic, unfollowTopic } from '@/api/post';
 
 const hasFollowing= ref(false);
 const props = withDefaults(
     defineProps<{
         tag: Item.TagProps;
         showAction: boolean;
+        checkFollowing: boolean;
     }>(),
     {}
 );
@@ -98,29 +100,57 @@ const handleTagAction = (
 ) => {
     switch (item) {
         case 'follow':
-            // TODO
-            window.$message.success(`关注成功`);
+            followTopic({
+                topic_id: props.tag.id
+             })
+            .then((res) => {
+                props.tag.is_following = 1
+                window.$message.success(`关注成功`);
+            })
+            .catch((err) => {
+                console.log(err);
+            });
             break;
         case 'unfollow':
-            // TODO
-            window.$message.success(`取消关注`);
+            unfollowTopic({
+                topic_id: props.tag.id
+             })
+            .then((res) => {
+                props.tag.is_following = 0
+                window.$message.success(`取消关注`);
+            })
+            .catch((err) => {
+                console.log(err);
+            });
             break;
         case 'stick':
-            // TODO
-            window.$message.success(`置顶成功`);
+            stickTopic({
+                topic_id: props.tag.id
+             })
+            .then((res) => {
+                props.tag.is_top = res.top_status
+                window.$message.success(`置顶成功`);
+            })
+            .catch((err) => {
+                console.log(err);
+            });
             break;
         case 'unstick':
-            // TODO
-            window.$message.success(`取消置顶`);
+        stickTopic({
+                topic_id: props.tag.id
+             })
+            .then((res) => {
+                props.tag.is_top = res.top_status
+                window.$message.success(`取消置顶`);
+            })
+            .catch((err) => {
+                console.log(err);
+            });
             break;
         default:
             break;
     }
 };
-const execFollowAction = () => {
-    // TODO
-    window.$message.success('修改follow/unfllow');
-};
 
 onMounted(() => {
     hasFollowing.value = false
diff --git a/web/src/store/index.ts b/web/src/store/index.ts
index 60195adc..a80941f9 100644
--- a/web/src/store/index.ts
+++ b/web/src/store/index.ts
@@ -4,6 +4,7 @@ import { createStore } from "vuex";
 export default createStore({
   state: {
     refresh: Date.now(),
+    refreshTopicFollow: Date.now(),
     theme: localStorage.getItem("PAOPAO_THEME"),
     collapsedLeft: document.body.clientWidth <= 821,
     collapsedRight: document.body.clientWidth <= 821,
@@ -22,6 +23,9 @@ export default createStore({
     refresh(state, refresh) {
       state.refresh = refresh || Date.now();
     },
+    refreshTopicFollow(state) {
+      state.refreshTopicFollow = Date.now();
+    },
     triggerTheme(state, theme) {
       state.theme = theme;
     },
diff --git a/web/src/types/NetParams.d.ts b/web/src/types/NetParams.d.ts
index d53d915d..ce1e7305 100644
--- a/web/src/types/NetParams.d.ts
+++ b/web/src/types/NetParams.d.ts
@@ -219,4 +219,16 @@ declare module NetParams {
   interface PostDeleteCommentReply {
     id: number;
   }
+
+  interface PostStickTopic {
+    topic_id: number;
+  }
+
+  interface PostFollowTopic {
+    topic_id: number;
+  }
+
+  interface PostUnfollowTopic {
+    topic_id: number;
+  }
 }
diff --git a/web/src/types/NetReq.d.ts b/web/src/types/NetReq.d.ts
index acb210f4..6522138e 100644
--- a/web/src/types/NetReq.d.ts
+++ b/web/src/types/NetReq.d.ts
@@ -169,4 +169,13 @@ declare module NetReq {
     /** 页码信息 */
     pager: Item.PagerProps;
   }
+
+  interface PostStickTopic {
+    /** 置顶状态：0为未置顶，1为置顶 */
+    top_status: 0 | 1;
+  }
+
+  interface PostFollowTopic {}
+
+  interface PostUnfollowTopic {}
 }
diff --git a/web/src/views/Topic.vue b/web/src/views/Topic.vue
index 9d6f9ee0..474907ca 100644
--- a/web/src/views/Topic.vue
+++ b/web/src/views/Topic.vue
@@ -20,6 +20,7 @@
                         v-for="tag in tags"
                         :tag="tag"
                         :showAction="store.state.userLogined && tagsChecked"
+                        :checkFollowing="inFollwTab"
                     >
                     </tag-item>
                 </n-space>
@@ -29,7 +30,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed} from 'vue';
+import { ref, onMounted, computed, watch} from 'vue';
 import { getTags } from '@/api/post';
 import { useStore } from 'vuex';
 
@@ -38,7 +39,14 @@ const tags = ref<Item.TagProps[]>([]);
 const tagType = ref<"hot" | "new" | "follow">('hot');
 const loading = ref(false);
 const tagsChecked = ref(false)
+const inFollwTab = ref(false)
 
+watch(tagsChecked, () => {
+    if (!tagsChecked.value) {
+        window.$message.success("保存成功");
+        store.commit("refreshTopicFollow")
+    }
+});
 const tagsEditText = computed({  
     get: () => {  
         let text = "编辑";
@@ -62,13 +70,16 @@ const loadTags = () => {
             loading.value = false;
         })
         .catch((err) => {
+            console.log(err);
             loading.value = false;
         });
 };
 const changeTab = (tab: "hot" | "new" | "follow") => {
     tagType.value = tab;
     if (tab == "follow") {
-        tagType.value = "hot"
+        inFollwTab.value = true
+    } else {
+        inFollwTab.value = false
     }
     loadTags();
 };