refactor(core): doc property (#8465)

doc property upgraded to use orm.

The visibility of the property are simplified to three types: `always show`, `always hide`, `hide when empty`, and the default is `always show`.

![CleanShot 2024-10-14 at 15 34 52](https://github.com/user-attachments/assets/748b8b80-061f-4d6a-8579-52e59df717c2)

Added a sidebar view to manage properties
![CleanShot 2024-10-14 at 15 35 58](https://github.com/user-attachments/assets/bffa9b1a-a1a5-4708-b2e8-4963120f3af9)

new property ui in workspace settings
![CleanShot 2024-10-14 at 15 36 44](https://github.com/user-attachments/assets/572d8dcc-9b3d-462a-9bcc-5f5fa8e622da)

Property lists can be collapsed
![CleanShot 2024-10-14 at 15 37 59](https://github.com/user-attachments/assets/2b20be1a-8141-478a-8fe7-405aff6d04fd)

packages/frontend/core/src/modules/explorer/views/nodes/folder/index.tsx

@@ -259,28 +259,28 @@ export const ExplorerFolderNodeFolder = ({
           }
           node.moveHere(data.source.data.entity.id, node.indexAt('before'));
           track.$.navigationPanel.organize.moveOrganizeItem({ type: 'folder' });
-        } else if (
-          data.source.data.from?.at === 'explorer:organize:folder-node'
-        ) {
-          node.moveHere(data.source.data.from.nodeId, node.indexAt('before'));
-          track.$.navigationPanel.organize.moveOrganizeItem({
-            type: 'link',
-            target: data.source.data.entity?.type,
-          });
         } else if (
           data.source.data.entity?.type === 'collection' ||
           data.source.data.entity?.type === 'doc' ||
           data.source.data.entity?.type === 'tag'
         ) {
-          node.createLink(
-            data.source.data.entity?.type,
-            data.source.data.entity.id,
-            node.indexAt('before')
-          );
-          track.$.navigationPanel.organize.createOrganizeItem({
-            type: 'link',
-            target: data.source.data.entity?.type,
-          });
+          if (data.source.data.from?.at === 'explorer:organize:folder-node') {
+            node.moveHere(data.source.data.from.nodeId, node.indexAt('before'));
+            track.$.navigationPanel.organize.moveOrganizeItem({
+              type: 'link',
+              target: data.source.data.entity?.type,
+            });
+          } else {
+            node.createLink(
+              data.source.data.entity?.type,
+              data.source.data.entity.id,
+              node.indexAt('before')
+            );
+            track.$.navigationPanel.organize.createOrganizeItem({
+              type: 'link',
+              target: data.source.data.entity?.type,
+            });
+          }
         }
       } else {
         onDrop?.(data);
@@ -330,27 +330,27 @@ export const ExplorerFolderNodeFolder = ({
         }
         node.moveHere(data.source.data.entity.id, node.indexAt('before'));
         track.$.navigationPanel.organize.moveOrganizeItem({ type: 'folder' });
-      } else if (
-        data.source.data.from?.at === 'explorer:organize:folder-node'
-      ) {
-        node.moveHere(data.source.data.from.nodeId, node.indexAt('before'));
-        track.$.navigationPanel.organize.moveOrganizeItem({
-          type: data.source.data.entity?.type,
-        });
       } else if (
         data.source.data.entity?.type === 'collection' ||
         data.source.data.entity?.type === 'doc' ||
         data.source.data.entity?.type === 'tag'
       ) {
-        node.createLink(
-          data.source.data.entity?.type,
-          data.source.data.entity.id,
-          node.indexAt('before')
-        );
-        track.$.navigationPanel.organize.createOrganizeItem({
-          type: 'link',
-          target: data.source.data.entity?.type,
-        });
+        if (data.source.data.from?.at === 'explorer:organize:folder-node') {
+          node.moveHere(data.source.data.from.nodeId, node.indexAt('before'));
+          track.$.navigationPanel.organize.moveOrganizeItem({
+            type: data.source.data.entity?.type,
+          });
+        } else {
+          node.createLink(
+            data.source.data.entity?.type,
+            data.source.data.entity.id,
+            node.indexAt('before')
+          );
+          track.$.navigationPanel.organize.createOrganizeItem({
+            type: 'link',
+            target: data.source.data.entity?.type,
+          });
+        }
       }
     },
     [node]
@@ -379,32 +379,32 @@ export const ExplorerFolderNodeFolder = ({
             node.indexAt(at, dropAtNode.id)
           );
           track.$.navigationPanel.organize.moveOrganizeItem({ type: 'folder' });
-        } else if (
-          data.source.data.from?.at === 'explorer:organize:folder-node'
-        ) {
-          node.moveHere(
-            data.source.data.from.nodeId,
-            node.indexAt(at, dropAtNode.id)
-          );
-          track.$.navigationPanel.organize.moveOrganizeItem({
-            type: 'link',
-            target: data.source.data.entity?.type,
-          });
         } else if (
           data.source.data.entity?.type === 'collection' ||
           data.source.data.entity?.type === 'doc' ||
           data.source.data.entity?.type === 'tag'
         ) {
-          node.createLink(
-            data.source.data.entity?.type,
-            data.source.data.entity.id,
-            node.indexAt(at, dropAtNode.id)
-          );
+          if (data.source.data.from?.at === 'explorer:organize:folder-node') {
+            node.moveHere(
+              data.source.data.from.nodeId,
+              node.indexAt(at, dropAtNode.id)
+            );
+            track.$.navigationPanel.organize.moveOrganizeItem({
+              type: 'link',
+              target: data.source.data.entity?.type,
+            });
+          } else {
+            node.createLink(
+              data.source.data.entity?.type,
+              data.source.data.entity.id,
+              node.indexAt(at, dropAtNode.id)
+            );
 
-          track.$.navigationPanel.organize.createOrganizeItem({
-            type: 'link',
-            target: data.source.data.entity?.type,
-          });
+            track.$.navigationPanel.organize.createOrganizeItem({
+              type: 'link',
+              target: data.source.data.entity?.type,
+            });
+          }
         }
       } else if (data.treeInstruction?.type === 'reparent') {
         const currentLevel = data.treeInstruction.currentLevel;

packages/frontend/core/src/modules/explorer/views/sections/organize/index.tsx

@@ -86,7 +86,7 @@ export const ExplorerOrganize = () => {
       const entity = data.source.data.entity;
       if (!entity) return;
       const { type, id } = entity;
-      if (type === 'folder') return;
+      if (type !== 'doc' && type !== 'tag' && type !== 'collection') return;
 
       const folder = newFolder$.value;
       if (!folder) return;

packages/frontend/core/src/modules/favorite/entities/favorite-list.ts

@@ -1,5 +1,7 @@
-import { generateFractionalIndexingKeyBetween } from '@affine/core/utils/fractional-indexing';
-import { Entity } from '@toeverything/infra';
+import {
+  Entity,
+  generateFractionalIndexingKeyBetween,
+} from '@toeverything/infra';
 
 import type { FavoriteSupportType } from '../constant';
 import type { FavoriteRecord, FavoriteStore } from '../stores/favorite';

packages/frontend/core/src/modules/organize/entities/folder-node.ts

@@ -1,5 +1,8 @@
-import { generateFractionalIndexingKeyBetween } from '@affine/core/utils';
-import { Entity, LiveData } from '@toeverything/infra';
+import {
+  Entity,
+  generateFractionalIndexingKeyBetween,
+  LiveData,
+} from '@toeverything/infra';
 import { map, of, switchMap } from 'rxjs';
 
 import type { FolderStore } from '../stores/folder';

packages/frontend/core/src/modules/workbench/view/route-container.tsx

@@ -6,7 +6,7 @@ import { Suspense, useCallback } from 'react';
 import { Outlet } from 'react-router-dom';
 
 import { AppSidebarService } from '../../app-sidebar';
-import { SidebarSwitch } from '../../app-sidebar/views';
+import { SidebarSwitch } from '../../app-sidebar/views/sidebar-header';
 import { ViewService } from '../services/view';
 import { WorkbenchService } from '../services/workbench';
 import * as styles from './route-container.css';