From d2fa62315875dd644ae07e6b8c6443c29e09b075 Mon Sep 17 00:00:00 2001
From: chenos <chenlinxh@gmail.com>
Date: Wed, 14 Dec 2022 12:12:44 +0800
Subject: [PATCH] feat(collection-manager): drag-and-drop sorting

---
 .../Configuration/schemas/collections.ts      | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/core/client/src/collection-manager/Configuration/schemas/collections.ts b/packages/core/client/src/collection-manager/Configuration/schemas/collections.ts
index da6ab39f04..34dd448a3a 100644
--- a/packages/core/client/src/collection-manager/Configuration/schemas/collections.ts
+++ b/packages/core/client/src/collection-manager/Configuration/schemas/collections.ts
@@ -1,4 +1,7 @@
 import { ISchema, Schema } from '@formily/react';
+import { message } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { useAPIClient } from '../../../api-client';
 import { i18n } from '../../../i18n';
 import { CollectionOptions } from '../../types';
 import { CollectionTemplate } from '../components/CollectionTemplate';
@@ -12,6 +15,7 @@ export const collection: CollectionOptions = {
   name: 'collections',
   filterTargetKey: 'name',
   targetKey: 'name',
+  sortable: true,
   fields: [
     {
       type: 'integer',
@@ -80,15 +84,16 @@ export const collectionSchema: ISchema = {
       'x-decorator': 'ResourceActionProvider',
       'x-decorator-props': {
         collection: collection,
+        dragSort: true,
         request: {
           resource: 'collections',
           action: 'list',
           params: {
             pageSize: 50,
+            sort: 'sort',
             filter: {
               'hidden.$isFalsy': true,
             },
-            sort: ['sort'],
             appends: [],
           },
         },
@@ -150,6 +155,20 @@ export const collectionSchema: ISchema = {
               type: 'checkbox',
             },
             useDataSource: '{{ cm.useDataSourceFromRAC }}',
+            useAction() {
+              const api = useAPIClient();
+              const { t } = useTranslation();
+              return {
+                async move(from, to) {
+                  console.log(from, to);
+                  await api.resource('collections').move({
+                    sourceId: from.key,
+                    targetId: to.key,
+                  });
+                  message.success(t('Saved successfully'), 0.2);
+                },
+              };
+            },
           },
           properties: {
             column1: {