fix(SorableList): generate two client item when use clone mode (#630)

* fix: 修复 clone 模式下生成两个元素问题

* chore: bump version 9.0.4

Author: ArgoZhang

src/components/BootstrapBlazor.Sortable/BootstrapBlazor.Sortable.csproj

@@ -1,18 +1,26 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
-  <PropertyGroup>
-    <Version>9.0.3</Version>
+  <PropertyGroup Condition="'$(VisualStudioVersion)' == '17.0'">
+    <Version>9.0.4</Version>
+  </PropertyGroup>
+
+  <PropertyGroup Condition="'$(VisualStudioVersion)' == '18.0'">
+    <Version>10.0.0-rc.2.1.0</Version>
   </PropertyGroup>
 
   <PropertyGroup>
     <PackageTags>Bootstrap Blazor WebAssembly wasm UI Components Sortable</PackageTags>
     <Description>Bootstrap UI components extensions of SortableJS</Description>
   </PropertyGroup>
 
-  <ItemGroup>
+  <ItemGroup Condition="'$(VisualStudioVersion)' == '17.0'">
     <PackageReference Include="BootstrapBlazor" Version="9.9.1" />
   </ItemGroup>
 
+  <ItemGroup Condition="'$(VisualStudioVersion)' == '18.0'">
+    <PackageReference Include="BootstrapBlazor" Version="10.0.0-rc.2.1.0" />
+  </ItemGroup>
+
   <ItemGroup>
     <Using Include="BootstrapBlazor.Components" />
   </ItemGroup>

src/components/BootstrapBlazor.Sortable/Components/SortableList.razor.js

@@ -104,7 +104,7 @@ const initSortable = (id, element, invoke, op) => {
     }
 
     if (op.triggerAdd) {
-        op.onAdd = event => {
+        op.onAdd = async event => {
             var closestParent = event.from.closest('.bb-sortable');
             if (closestParent) {
                 const items = [];
@@ -116,7 +116,11 @@ const initSortable = (id, element, invoke, op) => {
                 else {
                     items.push({ oldIndex: event.oldIndex, newIndex: event.newIndex, FromId: closestParent.id });
                 }
-                invoke.invokeMethodAsync('TriggerAdd', items);
+
+                await invoke.invokeMethodAsync('TriggerAdd', items);
+                if (event.pullMode === 'clone') {
+                    event.item.remove();
+                }
             }
         }
     }