feat(组件面板): 在组件序列中显示已选组件数量

在LeftProps.vue中，更新了组件序列的显示，增加了已选组件的数量统计。同时在StageStore.ts中，优化了添加元素到组件的逻辑，确保只有非组元素才会被添加到目标组中，并更新了相关ID的处理。

Author: huanghaiyang

src/components/ui/left/LeftProps.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="props-left-panel">
     <div class="title">
-      <span>组件序列({{ Array.from(stageStore.treeNodesMap.keys()).length }})</span>
+      <span>组件序列({{ stageStore.selectedElements.length }} / {{ Array.from(stageStore.treeNodesMap.keys()).length }})</span>
     </div>
     <div class="tree">
       <Elements-tree></Elements-tree>

src/modules/stage/StageStore.ts

@@ -2746,10 +2746,20 @@ export default class StageStore implements IStageStore {
     const actionParams: ElementsActionParam[] = [];
     const result: IElement[] = [];
     const models = ElementUtils.convertElementsJson(elementsJson);
+    const groupModelIds: Set<string> = new Set();
+    models.forEach(model => {
+      if (model.type === CreatorTypes.group) {
+        groupModelIds.add(model.id);
+      }
+    });
+    let newSubIds: string[] = [];
     for (const model of models) {
       await ElementUtils.convertElementModel(model);
       model.name = `${CreatorHelper.getCreatorByType(model.type).name} ${this._increaseElementSerialNumber(model.type)}`;
-      model.groupId = targetGroupId;
+      if (!groupModelIds.has(model.groupId)) {
+        model.groupId = targetGroupId;
+        newSubIds.push(model.id);
+      }
       const element = this.insertAfterElementByModel(model, targetElement);
       actionParams.push({
         type: ElementActionTypes.Added,
@@ -2767,11 +2777,10 @@ export default class StageStore implements IStageStore {
     }
     await actionUndoCallback(actionParams);
     if (targetGroup) {
-      const elementIds = result.map(element => element.id);
       if (targetIndexOfGroupSubs > -1) {
-        targetSubIds.splice(targetIndexOfGroupSubs + 1, 0, ...elementIds);
+        targetSubIds.splice(targetIndexOfGroupSubs + 1, 0, ...newSubIds);
       } else {
-        targetSubIds.push(...elementIds);
+        targetSubIds.push(...newSubIds);
       }
       this.updateElementModel(targetGroupId, { subIds: targetSubIds });
       targetGroup.refreshBySubs();