修复首页置顶排序问题

src/checkers/essay.ts

@@ -14,24 +14,24 @@ const checkers: Checker<EntityDict, 'essay', RuntimeCxt>[] = [
             $or: [{ iState: 'unpublished' }, { iState: 'withdrawn' }],
         },
     },
-    // settop的时候只能是isTop为false的
+    // // settop的时候只能是isTop为false的
-    {
+    // {
-        entity: 'essay',
+    //     entity: 'essay',
-        action: 'setTop',
+    //     action: 'setTop',
-        type: 'row',
+    //     type: 'row',
-        filter: {
+    //     filter: {
-            isTop: false,
+    //         isTop: false,
-        },
+    //     },
-    },
+    // },
-    // cancelTop的时候只能是isTop为true的
+    // // cancelTop的时候只能是isTop为true的
-    {
+    // {
-        entity: 'essay',
+    //     entity: 'essay',
-        action: 'cancelTop',
+    //     action: 'cancelTop',
-        type: 'row',
+    //     type: 'row',
-        filter: {
+    //     filter: {
-            isTop: true,
+    //         isTop: true,
-        },
+    //     },
-    },
+    // },
     // 在删除essay的时候，同步删除extraFile和essayLabels还有log
     // 注意，在checker中为非异步环境，这点与trigger不同
     {
@@ -88,9 +88,23 @@ const checkers: Checker<EntityDict, 'essay', RuntimeCxt>[] = [
                         },
                         option
                     );
+                },
+                () => {
+                    return context.operate(
+                        'comment',
+                        {
+                            action: 'remove',
+                            id: generateNewId(),
+                            data: {},
+                            filter: {
+                                essay: filter,
+                            },
+                        },
+                        option
+                    );
                 }
             );
-        },
+        }
     },
 ];
 

src/components/frontend/home/comment/list/index.json

@@ -0,0 +1,5 @@
+{
+    "enablePullDownRefresh": false,
+    "usingComponents": {
+    }
+}

src/components/frontend/home/comment/list/index.ts

@@ -0,0 +1,13 @@
+export default OakComponent({
+    entity: 'comment',
+    isList: true,
+    projection: {
+        content: 1,
+    },
+    formData({ data }) {
+        return {
+            list: data,
+            essayId: this.props.essayId
+        };
+    },
+});

src/components/frontend/home/comment/list/locales/zh_CN.json

@@ -0,0 +1,3 @@
+{
+    "CommentSection":"评论区"
+}

src/components/frontend/home/comment/list/styles.module.less

@@ -0,0 +1,39 @@
+*{
+    font-size: 18px;
+}
+.heading{
+    font-size: 25px;
+    color:rgb( 22,119,255);
+    text-indent: 7em;
+    font-family: Microsoft YaHei;
+}
+.messageArea{
+    text-indent: 2em;
+}
+.editor {
+    display: flex;
+    flex-direction: row;
+
+    align-items: center;
+    justify-content: center;
+
+    .left{
+        flex: 1;
+        margin-left: 15%;
+    }
+    
+    .right{
+        margin-right: 15%;
+    }
+}
+
+.list {
+    margin-left: 16.5%;
+    margin-right: 15%;
+    margin-bottom: 5px;
+    .item {
+        border: 1px solid rgb(60, 134, 236);
+        padding: 20px;
+        border-radius: 20px;
+    }
+}

src/components/frontend/home/comment/list/web.pc.tsx

@@ -0,0 +1,89 @@
+import React from 'react';
+import { EntityDict } from '@project/oak-app-domain';
+import { RowWithActions, WebComponentProps } from 'oak-frontend-base';
+import Styles from './styles.module.less';
+import { Input } from 'antd';
+import { Button } from 'antd';
+import useFeatures from '@project/hooks/useFeatures';
+
+const { TextArea } = Input;
+
+const List = (
+    props: WebComponentProps<
+        EntityDict,
+        'comment',
+        true,
+        {
+            list: RowWithActions<EntityDict, 'comment'>[];
+            essayId: string;
+        }
+    >
+) => {
+    const { list } = props.data;
+    const { t, addItem, execute } = props.methods;
+    const features = useFeatures();
+
+    const [newCommentText, setNewCommentText] = React.useState('');
+
+    const handleSubmit = () => {
+        addItem({
+            content: newCommentText,
+            creatorId: features.token.getUserId(),
+            essayId: props.data.essayId,
+        });
+        execute();
+        //提交后清空输入框
+        setNewCommentText('');
+    };
+
+    return (
+        <>
+            <h3 className={Styles.heading}>{t('CommentSection')}</h3>
+
+            <div className={Styles.editor}>
+                <div className={Styles.left}>
+                    {/* textarea*/}
+                    <TextArea
+                        showCount
+                        style={{
+                            width: '95%',
+                            height: '100px',
+                            resize: 'none',
+                            margin:'30px'
+                        }}
+                        placeholder='请输入评论'
+                        value={newCommentText}
+                        onChange={(e) => setNewCommentText(e.target.value)}
+                    ></TextArea>
+                </div>
+                <div className={Styles.right}>
+                    {/* button */}
+                    <Button
+                        style={{
+                            width: "80px",
+                            height: "100px"
+                        }}
+                        type='primary'
+                        size='large'
+                        onClick={handleSubmit}
+                    >
+                        {t('common::submit')}
+                    </Button>
+                </div>
+            </div>
+            {list && (
+                <div className={Styles.list}>
+                    {list.map((item) => {
+                        return (
+                            <div key={item.id} className={`${Styles.item} ${Styles.messageArea}`}>
+                                {item.id}:{item.content}
+                            </div>
+                        );
+                    })}
+                </div>
+            )}
+        </>
+    );
+};
+
+export default List;

src/components/frontend/home/essays/index.ts

@@ -9,9 +9,9 @@ export default OakComponent({
             // 先按置顶排序
             sorter: {
                 $attr: {
-                    isTop: 1,
+                    topState: 1,
                 },
-                $direction: 'desc',
+                $direction: 'asc',
             },
         },
         {

src/components/frontend/home/essays/item/index.tsx

@@ -46,7 +46,7 @@ const EssayItem = (props: {
                     </div>
                     <div className={Styles.body}>
                         <div className={Styles.title}>
-                            {item.isTop && (
+                            {item.topState === "isTop" && (
                                 <div className={Styles.top}>
                                     {t('common::top')}
                                 </div>

src/data/i18n.ts

@@ -14,6 +14,19 @@ const i18ns: I18n[] = [
             "createCategory": "创建分类"
         }
     },
+    {
+        id: "63f061bd7f1010b396cadb4bb784734f",
+        namespace: "new-demo-p-console-comment-list",
+        language: "zh-CN",
+        module: "new-demo",
+        position: "src/pages/console/comment/list",
+        data: {
+            "pageTitle": "评论列表",
+            "content": "内容",
+            "creator": "创建者",
+            "essay": "文章"
+        }
+    },
     {
         id: "4813a0a3acdfac90d3b3b3cfa37de82c",
         namespace: "new-demo-p-console-essay-list",
@@ -35,7 +48,8 @@ const i18ns: I18n[] = [
                 "isTop": "已置顶",
                 "notTop": "未置顶"
             },
-            "cover": "封面"
+            "cover": "封面",
+            "label:selectLabels": "选择标签"
         }
     },
     {
@@ -116,6 +130,16 @@ const i18ns: I18n[] = [
             "tips": "请选择模式"
         }
     },
+    {
+        id: "b4b7c9f5d8cc5466e9424d7538ff0176",
+        namespace: "new-demo-p-frontend-essay-details",
+        language: "zh-CN",
+        module: "new-demo",
+        position: "src/pages/frontend/essay/details",
+        data: {
+            "like": "点赞"
+        }
+    },
     {
         id: "aa6631e469935d0fb5c556e96dcc4379",
         namespace: "new-demo-p-frontend-home",
@@ -222,6 +246,16 @@ const i18ns: I18n[] = [
             "categories": "分类"
         }
     },
+    {
+        id: "b0e6409d76cb424d29812006e349a91c",
+        namespace: "new-demo-c-frontend-home-comment-list",
+        language: "zh-CN",
+        module: "new-demo",
+        position: "src/components/frontend/home/comment/list",
+        data: {
+            "CommentSection": "评论区"
+        }
+    },
     {
         id: "6fd812246bb915f692124fc05bb9ffd4",
         namespace: "new-demo-c-frontend-home-labels-byCategory",
@@ -328,7 +362,8 @@ const i18ns: I18n[] = [
             "userManage": "用户管理",
             "relationManage": "关系管理",
             "consoleHome": "控制台首页",
-            "labelManage": "标签管理"
+            "labelManage": "标签管理",
+            "commentManage": "评论管理"
         }
     },
     {
@@ -549,6 +584,35 @@ const i18ns: I18n[] = [
             }
         }
     },
+    {
+        id: "deabf32f550dba8ce03111112ef588ce",
+        namespace: "collect",
+        language: "zh-CN",
+        module: "",
+        position: "oak-app-domain/Collect",
+        data: {
+            "name": "收藏记录",
+            "attr": {
+                "essay": "文章",
+                "user": "用户"
+            }
+        }
+    },
+    {
+        id: "f70261a2fc23af2a9f459353e5ac1ea3",
+        namespace: "comment",
+        language: "zh-CN",
+        module: "",
+        position: "oak-app-domain/Comment",
+        data: {
+            "name": "评论",
+            "attr": {
+                "creator": "创建者",
+                "content": "内容",
+                "essay": "文章"
+            }
+        }
+    },
     {
         id: "b06ea1d96db9f0a2d2f3ff3ad966c9c5",
         namespace: "domain",
@@ -616,19 +680,27 @@ const i18ns: I18n[] = [
                 "logs": "修改记录",
                 "category": "分类",
                 "iState": "状态",
-                "isTop": "是否置顶"
+                "topState": "置顶"
             },
             "action": {
                 "publish": "发布",
                 "withdraw": "撤回",
                 "setTop": "置顶",
-                "cancelTop": "取消置顶"
+                "cancelTop": "取消置顶",
+                "like": "点赞",
+                "unlike": "取消点赞",
+                "collect": "收藏",
+                "uncollect": "取消收藏"
             },
             "v": {
                 "iState": {
                     "unpublished": "未发布",
                     "published": "已发布",
                     "withdrawn": "已撤回"
+                },
+                "topState": {
+                    "isTop": "已置顶",
+                    "notTop": "未置顶"
                 }
             }
         }
@@ -747,6 +819,20 @@ const i18ns: I18n[] = [
             }
         }
     },
+    {
+        id: "b9691c35f8511fb42aa59cbcc8645610",
+        namespace: "like",
+        language: "zh-CN",
+        module: "",
+        position: "oak-app-domain/Like",
+        data: {
+            "name": "点赞记录",
+            "attr": {
+                "essay": "文章",
+                "user": "用户"
+            }
+        }
+    },
     {
         id: "f3c966c0e1deb4ca4c10e10117143849",
         namespace: "livestream",

src/entities/Comment.ts

@@ -0,0 +1,25 @@
+import { String } from 'oak-domain/lib/types/DataType';
+import { Schema as User } from 'oak-general-business/lib/entities/User';
+import { Schema as Essay } from './Essay';
+import { EntityDesc, EntityShape } from 'oak-domain/lib/types';
+
+//Comment.ts
+export interface Schema extends EntityShape { 
+    creator: User;
+    content: String<1024>;
+    essay: Essay;
+}
+
+export const entityDesc: EntityDesc<Schema> = {
+    locales: {
+        zh_CN: {
+            name: '评论',
+            attr: {
+                creator: '创建者',
+                content: '内容',
+                essay: '文章'
+            }
+        }
+    },
+};
+                

src/entities/Essay.ts

@@ -1,3 +1,4 @@
+// import { TopAction } from './Essay';
 import { String, Text, Boolean } from 'oak-domain/lib/types/DataType';
 import { ActionDef, EntityDesc, EntityShape } from 'oak-domain/lib/types';
 import { Schema as User } from 'oak-general-business/lib/entities/User';
@@ -5,6 +6,7 @@ import { Schema as ExtraFile } from 'oak-general-business/lib/entities/ExtraFile
 import { Schema as Log } from 'oak-domain/lib/entities/Log';
 import { Schema as Category } from './Category';
 
+
 export type MetaData = Record<string, any>;
 
 // Essay.ts
@@ -17,13 +19,18 @@ export interface Schema extends EntityShape {
     images: ExtraFile[];
     logs: Log[];
     category?: Category;
-    isTop: Boolean;
+    // isTop: Boolean;
 }
 
 export type IState = 'unpublished' | 'published' | 'withdrawn';
 
 export type IAction = 'publish' | 'withdraw';
 
+//置顶状态
+export type TopState = 'isTop' | 'noTop';
+
+export type TopAction = 'setTop' | 'cancelTop';
+
 export const IActionDef: ActionDef<IAction, IState> = {
     stm: {
         publish: [['unpublished', 'withdrawn'], 'published'],
@@ -32,10 +39,21 @@ export const IActionDef: ActionDef<IAction, IState> = {
     is: 'unpublished',
 };
 
-// 用户行为操作
+export const TopActionDef: ActionDef<TopAction, TopState> = {
-export type CommonAction = 'setTop' | 'cancelTop';
+    stm: {
+        setTop: ['noTop', 'isTop'],
+        cancelTop: ['isTop', 'noTop'],
+    },
+    is: 'noTop',
+};
+
+//点赞操作
+export type LikeAction = 'like'|'unlike';
+
+// 用户行为操作
+type Action = IAction | TopAction| LikeAction;
+type State = IState | TopState;
 
-type Action = IAction | CommonAction;
 
 export const entityDesc: EntityDesc<
     Schema,
@@ -43,6 +61,7 @@ export const entityDesc: EntityDesc<
     '',
     {
         iState: IState;
+        topState: TopState;
     }
 > = {
     locales: {
@@ -58,13 +77,16 @@ export const entityDesc: EntityDesc<
                 logs: '修改记录',
                 category: '分类',
                 iState: '状态',
-                isTop: '是否置顶',
+                // isTop: '是否置顶',
+                topState:'置顶',
             },
             action: {
                 publish: '发布',
                 withdraw: '撤回',
                 setTop: '置顶',
                 cancelTop: '取消置顶',
+                like: '点赞',
+                unlike:'取消点赞'
             },
             v: {
                 iState: {
@@ -72,6 +94,10 @@ export const entityDesc: EntityDesc<
                     published: '已发布',
                     withdrawn: '已撤回',
                 },
+                topState: {
+                    isTop: "置顶",
+                    noTop: "不置顶"
+                }
             },
         },
     },
@@ -83,6 +109,10 @@ export const entityDesc: EntityDesc<
                 published: '#87d068',
                 withdrawn: '#2db7f5',
             },
+            topState: {
+                isTop: "#a00",
+                noTop: "#0b0"
+            }
         },
     },
     indexes: [

src/entities/Like.ts

@@ -0,0 +1,22 @@
+import { EntityDesc, EntityShape } from 'oak-domain/lib/types';
+import { Schema as Essay } from './Essay';
+import { Schema as User } from 'oak-general-business/lib/entities/User';
+
+// Like.ts
+// 关联文章和用户,表示点赞记录
+export interface Schema extends EntityShape {
+    essay: Essay;
+    user: User;
+}
+
+export const entityDesc: EntityDesc<Schema> = {
+    locales: {
+        zh_CN: {
+            name: '点赞记录',
+            attr: {
+                essay: '文章',
+                user:'用户',
+            },
+        },
+    },
+};

src/features/Console.ts

@@ -38,25 +38,22 @@ const menus: IMenu[] = [
         name: 'consoleHome',
         icon: 'workbench',
         url: '/home',
-        destEntity: 'userRelation',
+        destEntity: '',
         order: 0,
-        actions: ['select'],
     },
     {
         name: 'userManage',
         icon: 'addpeople',
         url: '/userRelation/manage',
         parent: 'System',
-        destEntity: 'userRelation',
+        destEntity: '',
-        actions: ['select'],
     },
     {
         name: 'relationManage',
         icon: 'share',
         url: '/relation/entityList',
         parent: 'System',
-        destEntity: 'userRelation',
+        destEntity: '',
-        actions: ['select'],
     },
     // category
     {
@@ -64,16 +61,14 @@ const menus: IMenu[] = [
         icon: 'stealth',
         url: '/category/list',
         order: 2,
-        destEntity: 'userRelation',
+        destEntity: '',
-        actions: ['select'],
     },
     {
         name: 'essayManage',
         icon: 'barrage',
         url: '/essay/list',
         order: 3,
-        destEntity: 'userRelation',
+        destEntity: '',
-        actions: ['select'],
     },
     // 标签关联
     {
@@ -81,9 +76,16 @@ const menus: IMenu[] = [
         icon: 'accessory',
         url: '/label/list',
         order: 4,
-        destEntity: 'userRelation',
+        destEntity: '',
-        actions: ['select'],
     },
+    // 评论管理
+    {
+        name: 'commentManage',
+        icon: 'message',
+        url: '/comment/list',
+        destEntity: '',
+        order: 5,
+    }
 ];
 
 export default class Console extends BaseConsole<EntityDict, IMenu> {

src/locales/menu/zh_CN.json

@@ -5,5 +5,6 @@
     "userManage": "用户管理",
     "relationManage": "关系管理",
     "consoleHome" : "控制台首页",
-    "labelManage": "标签管理"
+    "labelManage": "标签管理",
+    "commentManage": "评论管理"
 }

src/pages/console/comment/list/index.json

@@ -0,0 +1,5 @@
+{
+    "enablePullDownRefresh": false,
+    "usingComponents": {
+    }
+}

src/pages/console/comment/list/index.ts

@@ -0,0 +1,20 @@
+export default OakComponent({
+    entity: 'comment',
+    isList: true,
+    projection: {
+        content: 1,
+        essay: {
+            title: 1,
+        },
+        creator: {
+            name: 1,
+            nickname: 1,
+        }
+    },
+    formData({ data }) {
+        return {
+            list: data,
+        };
+    },
+    actions: ['update', 'remove'],
+});

src/pages/console/comment/list/locales/zh_CN.json

@@ -0,0 +1,6 @@
+{
+  "pageTitle": "评论列表",
+  "content": "内容",
+  "creator": "创建者",
+  "essay": "文章"
+}

src/pages/console/comment/list/styles.module.less

@@ -0,0 +1,7 @@
+.id {
+    font-size: 18px;
+}
+
+.item {
+    font-size: 18px;
+}

src/pages/console/comment/list/web.pc.tsx

@@ -0,0 +1,76 @@
+import React from 'react';
+import { EntityDict } from '@project/oak-app-domain';
+import { CascadeActionProps, RowWithActions, WebComponentProps } from 'oak-frontend-base';
+import Styles from './styles.module.less';
+import PageHeader from 'oak-frontend-base/es/components/pageHeader2';
+import { ListPro } from '@project/components/AbstractComponents';
+import labels from '@project/components/frontend/home/labels';
+import { render } from 'nprogress';
+
+const List = (
+    props: WebComponentProps<
+        EntityDict,
+        'comment',
+        true,
+        {
+            list: RowWithActions<EntityDict, 'comment'>[];
+        }
+    >
+) => {
+    const { list } = props.data;
+    const { t } = props.methods;
+    const { removeItem, execute } = props.methods;
+
+    const attrs = [
+        {
+            path: 'content',
+            label: t('content'),
+            render: (row: any) => {
+                return row.content;
+            },
+        },
+        {
+            path: 'creator',
+            label: t('creator'),
+            render: (row: any) => {
+                return row.creator?.name || row.creator?.nickname || '';
+            }
+        },
+        {
+            path: 'essay',
+            label: t('essay'),
+            render: (row: any) => {
+                return row.essay?.title || '';
+            }
+        }
+    ]
+   
+    const onAction = (row: any, action: string) => {
+        switch (action) {
+            case 'update':
+                break;
+            case 'remove':
+                removeItem(row.id);
+                execute();
+                break;
+            default:
+                break;
+        }
+    };
+
+    return (
+        <PageHeader title={t('pageTitle')}>
+            <ListPro
+                entity="comment"
+                data={list}
+                attributes={attrs}
+                oakPath={'${oakFullPath}'}
+                onAction={onAction}
+            ></ListPro>
+        </PageHeader>
+    );
+};
+
+export default List;
+
+

src/pages/console/essay/list/index.ts

@@ -9,7 +9,7 @@ export default OakComponent({
             // 先按置顶排序
             sorter: {
                 $attr: {
-                    isTop: 1,
+                    topState: 1,  
                 },
                 $direction: 'desc',
             },

src/pages/console/essay/list/locales/zh_CN.json

@@ -1,17 +1,18 @@
 {
-    "essayList": "文章列表",
+  "essayList": "文章列表",
-    "title": "文章标题",
+  "title": "文章标题",
-    "summary": "文章摘要",
+  "summary": "文章摘要",
-    "author": "作者",
+  "author": "作者",
-    "action":{
+  "action": {
-        "setting": "设置"
+    "setting": "设置"
-    },
+  },
-    "label": {
+  "label": {
-        "selectLabels": "选择标签"
+    "selectLabels": "选择标签"
-    },
+  },
-    "essay":{
+  "essay": {
-        "isTop": "已置顶",
+    "isTop": "已置顶",
-        "notTop": "未置顶"
+    "notTop": "未置顶"
-    },
+  },
-    "cover": "封面"
+  "cover": "封面",
+  "label:selectLabels": "选择标签"
 }

src/pages/console/essay/list/web.pc.module.less

@@ -28,4 +28,7 @@
     justify-content: flex-end;
     gap: 10px;
     margin-top: 10px;
+}
+.left{
+    float: left;
 }

src/pages/console/essay/list/web.pc.tsx

@@ -11,6 +11,7 @@ import Styles from './web.pc.module.less';
 import { Button, Image, Tag } from 'antd';
 import Modal from 'antd/es/modal/Modal';
 import EssayUpsert from '@project/components/console/essay/upsert';
+import { Action } from '@project/oak-app-domain/Essay/Action';
 
 const EssayList = (
     props: WebComponentProps<
@@ -67,7 +68,7 @@ const EssayList = (
             render: (row) => {
                 return (
                     <>
-                        {row.isTop ? (
+                        {row.topState === "isTop" ? (
                             <Tag color='#f50'>{t('essay.isTop')}</Tag>
                         ) : (
                             <Tag color='#108ee9'>{t('essay.notTop')}</Tag>
@@ -209,12 +210,16 @@ const EssayList = (
                 execute();
                 break;
             // 置顶和取消置顶
-            case 'setTop':
+            // case 'setTop':
-            case 'cancelTop':
+            // case 'cancelTop':
-                updateItem({}, row.id, action);
+            //     updateItem({}, row.id, action);
+            //     execute();
+            //     break;
+            
+            default:
+                updateItem({}, row.id, action as Action );
                 execute();
                 break;
-            default:
         }
     };
 
@@ -245,7 +250,7 @@ const EssayList = (
                 />
             </PageHeader>
             <Modal
-                title={t('label:selectLabels')}
+                title={t('label.selectLabels')}
                 open={showSelectLabels}
                 onCancel={() => setShowSelectLabels(false)}
                 onOk={() => {

src/pages/frontend/essay/details/index.ts

@@ -1,3 +1,4 @@
+import item from '@project/components/console/labels/item';
 import { essayProjection } from '@project/utils/projection';
 
 export default OakComponent({
@@ -5,6 +6,10 @@ export default OakComponent({
     isList: false,
     projection: essayProjection,
     formData({ data }) {
+        const isLiked = data?.like$essay?.some(item => {
+            return item.user.id === this.features.token.getUserId();
+        })
+        const likeNums = data?.like$essay?.length || 0;
         const fileIndex = data?.extraFile$entity?.findIndex(
             (item) => item.tag1 === 'cover'
         );
@@ -16,11 +21,15 @@ export default OakComponent({
                 item: data,
                 // 获取封面的url地址
                 cover: url,
+                isLiked,
+                likeNums
             };
         }
         return {
             item: data,
             cover: '',
+            isLiked,
+            likeNums
         };
     },
 });

src/pages/frontend/essay/details/locales/zh_CN.json

@@ -0,0 +1,3 @@
+{
+  "like": "点赞"
+}

src/pages/frontend/essay/details/styles.module.less

@@ -115,4 +115,17 @@
     &:hover {
         opacity: 1;
     }
+}
+
+.likes{
+    font-size: 12px;
+    float : right;
+}
+
+.back {
+    font-size: 12px;
+}
+
+.nums{
+    font-size: 12px;
 }

src/pages/frontend/essay/details/web.pc.tsx

@@ -6,6 +6,9 @@ import MdViewer from '@project/components/common/byteMD/MdViewer';
 import FrontendFooter from '@project/components/frontend/home/FrontendFooter';
 import { Button } from 'antd';
 import { VerticalAlignTopOutlined } from '@ant-design/icons';
+import List from '@project/components/frontend/home/comment/list';
+
+import OakIcon from 'oak-frontend-base/es/components/icon';
 
 const EssayDetails = (
     props: WebComponentProps<
@@ -15,11 +18,16 @@ const EssayDetails = (
         {
             item: RowWithActions<EntityDict, 'essay'>;
             cover: string;
+            isLiked: boolean;
+            likeNums: number;
         }
     >
 ) => {
-    const { item, cover } = props.data;
+    const { oakFullpath } = props.data;
+
+    const { item, cover, isLiked, likeNums } = props.data;
     const [showScrollTop, setShowScrollTop] = useState(false);
+    const { t, update, execute } = props.methods;
 
     useEffect(() => {
         const handleScroll = () => {
@@ -75,8 +83,36 @@ const EssayDetails = (
                                 返回
                             </Button>
                         </div>
+                        <div className={Styles.likes}>
+                            {isLiked ? (
+                                <Button
+                                    onClick={() => {
+                                        update({}, 'unlike');
+                                        execute();
+                                    }}
+                                    shape='circle'
+                                >
+                                    <OakIcon name='praise_fill' size={24} />
+                                </Button>
+                            ) : (
+                                <Button
+                                    shape='circle'
+                                    onClick={() => {
+                                        update({}, 'like');
+                                        execute();
+                                    }}
+                                >
+                                    <OakIcon name='praise' size={24} />
+                                </Button>
+                            )}
+                            <div className={Styles.nums}>{likeNums}</div>
+                        </div>
                         <MdViewer md={item.content!} />
                     </div>
+                    <List
+                        oakPath={`${oakFullpath}.comment$essay`}
+                        essayId={item.id}
+                    ></List>
                     <div className={Styles.blank}></div>
                 </>
             )}

src/triggers/essay.ts

@@ -1,7 +1,11 @@
+import { Filter } from './../oak-app-domain/Essay/Schema';
+import { IdAction } from './../oak-app-domain/User/Action';
 import { EntityDict } from '@oak-app-domain';
-import { Trigger } from 'oak-domain/lib/types';
+import { RemoveTrigger, Trigger } from 'oak-domain/lib/types';
 import { BackendRuntimeContext } from '../context/BackendRuntimeContext';
 import assert from 'assert';
+import Operation from 'antd/es/transfer/operation';
+import { generateNewIdAsync } from 'oak-domain/lib/utils/uuid';
 
 const triggers: Trigger<EntityDict, 'essay', BackendRuntimeContext>[] = [
     {
@@ -14,7 +18,7 @@ const triggers: Trigger<EntityDict, 'essay', BackendRuntimeContext>[] = [
             assert(data && !(data instanceof Array));
             // 若不存在meta，则初始化一个空对象
             data.meta = data.meta || {};
-            data.isTop = data.isTop || false;
+            // data.isTop = data.isTop || false;
             assert(data.content, 'content is required');
             if (!data.summary) {
                 // 自动截取前面100个字符，加上省略号
@@ -35,7 +39,7 @@ const triggers: Trigger<EntityDict, 'essay', BackendRuntimeContext>[] = [
         fn: async ({ operation }, context, option) => {
             const { id, data } = operation;
             assert(data && !(data instanceof Array));
-            data.isTop = true;
+            // data.isTop = true;
             return 1;
         },
     },
@@ -48,9 +52,63 @@ const triggers: Trigger<EntityDict, 'essay', BackendRuntimeContext>[] = [
         fn: async ({ operation }, context, option) => {
             const { id, data } = operation;
             assert(data && !(data instanceof Array));
-            data.isTop = false;
+            // data.isTop = false;
             return 1;
         },
+    },  
+    // 调用like的action的时候，创建点赞的记录
+    {
+        name: '调用like的action的时候，创建点赞的记录',
+        entity: 'essay',
+        action: 'like',
+        when: 'before',
+
+        fn: async ({ operation }, context, option) => {
+            const { filter } = operation;
+            assert(filter && filter.id, "filter is required");
+            const essayId = filter.id;
+            const userId = context.getCurrentUserId();
+            //创建点赞记录
+            const opers=await context.operate("like", {
+                id: await generateNewIdAsync(),
+                action: "create",
+                data: {
+                        id: await generateNewIdAsync(),
+                        essayId : essayId as string,
+                        userId,
+                        
+                    }
+                },option)
+            
+            return opers.like?.create||0;
+        },
+    },
+     // 调用unlike的action的时候，移除点赞的记录
+     {
+        name: '调用like的action的时候，删除点赞的记录',
+        entity: 'essay',
+        action: 'unlike',
+        when: 'before',
+
+        fn: async ({ operation }, context, option) => {
+            const { filter, data} = operation;
+            assert(filter && filter.id, "filter is required");
+            const essayId = filter.id;
+            const userId = context.getCurrentUserId();
+            //创建点赞记录
+            const opers=await context.operate("like", {
+                id: await generateNewIdAsync(),
+                action: "remove",
+                data: {
+                },
+                filter: {
+                    essayId,
+                    userId,
+                }
+                },option)
+            
+            return opers.like?.remove||0;
+        },
     },
 ];
 

src/utils/projection.ts

@@ -50,7 +50,7 @@ export const essayProjection: EntityDict['essay']['Selection']['data'] = {
         name: 1,
     },
     iState: 1,
-    isTop: 1,
+    topState: 1,
     // 相关labels
     essayLabels$essay: {
         $entity: 'essayLabels',
@@ -81,6 +81,17 @@ export const essayProjection: EntityDict['essay']['Selection']['data'] = {
         },
         count: 1,
     },
+    //点赞相关的记录
+    like$essay: {
+        $entity: "like",
+        data: {
+            user: {
+                id: 1,
+                name: 1,
+                nickname: 1,
+            }     
+        }
+    }
 };
 
 export const categoryProjection: EntityDict['category']['Selection']['data'] = {