Feat: Reorder relation field

.changeset/mighty-hotels-chew.md

@@ -0,0 +1,6 @@
+---
+"@example/erp": patch
+"@genseki/react": patch
+---
+
+Feat: Reorder relation field

examples/erp/genseki/collections/posts.tsx

@@ -113,27 +113,33 @@ export const fields = builder.fields('post', (fb) => ({
     hidden: true,
     description: 'The date the post was created',
   }),
-  postTags: fb.relations('postTags', (fb) => ({
-    type: 'create' as const,
-    label: 'Tags',
-    fields: fb.fields('postTag', (fb) => ({
-      remark: fb.columns('remark', {
-        type: 'text',
-        label: 'Remark',
-      }),
-      tag: fb.relations('tag', (fb) => ({
-        type: 'connect' as const,
-        deselectable: false,
-        fields: fb.fields('tag', (fb) => ({
-          name: fb.columns('name', {
-            type: 'text',
-            label: 'Name',
-          }),
+  postTags: fb.relations(
+    'postTags',
+    (fb) => ({
+      type: 'create' as const,
+      label: 'Tags',
+      options: 'postTags',
+      fields: fb.fields('postTag', (fb) => ({
+        remark: fb.columns('remark', {
+          type: 'text',
+          label: 'Remark',
+        }),
+        tag: fb.relations('tag', (fb) => ({
+          type: 'connect' as const,
+          fields: fb.fields('tag', (fb) => ({
+            name: fb.columns('name', {
+              type: 'text',
+              label: 'Name',
+            }),
+          })),
+          options: 'tag',
         })),
-        options: 'tag',
       })),
-    })),
-  })),
+    }),
+    {
+      orderColumn: 'order',
+    }
+  ),
   postDetail: fb.relations('detail', (fb) => ({
     type: 'create' as const,
     label: 'Detail',
@@ -205,6 +211,13 @@ export const options = builder.options(fields, {
       options: tags.map((tag) => ({ label: tag.name, value: tag.id })),
     }
   },
+  postTags: async () => {
+    const postTags = await prisma.postTag.findMany()
+    return {
+      disabled: false,
+      options: postTags.map((pt) => ({ label: pt.id, value: pt.id })),
+    }
+  },
 })
 
 export const postsCollection = createPlugin('posts', (app) => {

examples/erp/package.json

@@ -34,6 +34,7 @@
     "@tiptap/extension-text-style": "^2.14.0",
     "@tiptap/extension-underline": "^2.14.0",
     "@tiptap/starter-kit": "^2.14.0",
+    "lexorank": "^1.0.5",
     "next": "15.2.2",
     "next-themes": "^0.4.6",
     "postcss": "^8.5.3",

examples/erp/prisma/migrations/20250918120027_add_order_to_post_tag/migration.sql

@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - Added the required column `order` to the `PostTag` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "PostTag" ADD COLUMN     "order" TEXT NOT NULL;

examples/erp/prisma/schema.prisma

@@ -169,6 +169,8 @@ model PostTag {
   postId String
   post   Post   @relation(fields: [postId], references: [id], onDelete: Cascade)
 
+  order String
+
   createdAt DateTime @default(now())
   updatedAt DateTime @default(now()) @updatedAt
 }

packages/react/package.json

@@ -69,6 +69,7 @@
     "deepmerge-ts": "^7.1.5",
     "defu": "^6.1.4",
     "input-otp": "^1.4.2",
+    "lexorank": "^1.0.5",
     "motion": "^12.7.4",
     "nuqs": "^2.4.3",
     "radix3": "^1.1.2",