[發(fā)明專利]一種拖拽組件的方法、裝置、終端設(shè)備以及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 202210702353.0
• 申請日: 2022-06-21
• 公開（公告）號: CN115114554A
• 公開（公告）日: 2022-09-27
• 發(fā)明（設(shè)計(jì)）人: 胡偉峰;李煒
• 申請（專利權(quán)）人: 深圳太極數(shù)智技術(shù)有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F3/0486
• 代理公司: 深圳中一聯(lián)合知識產(chǎn)權(quán)代理有限公司 44414
• 代理人: 陳卓宏

1.一種拖拽組件的方法，其特征在于，包括：

確定目標(biāo)容器的組件屬性信息；所述目標(biāo)容器用于構(gòu)建指定項(xiàng)目的前端頁面；所述組件屬性信息包含用于確定各個(gè)第一組件的第一拖拽操作的拖拽記錄數(shù)組，以及用于確定各個(gè)所述第一組件在所述目標(biāo)容器內(nèi)的第一組件結(jié)構(gòu)的組件樹數(shù)組；所述第一組件為已拖拽至所述目標(biāo)容器內(nèi)的組件；

響應(yīng)于在所述目標(biāo)容器內(nèi)發(fā)起的對于第二組件的第二拖拽操作，確定所述第二組件與各個(gè)所述第一組件之間的第二組件結(jié)構(gòu)；所述第二組件為所述第一組件或與所述指定項(xiàng)目相對應(yīng)的組件列表所包含的預(yù)選組件；

根據(jù)所述第二組件結(jié)構(gòu)，將所述第二組件的配置對象添加至所述組件樹數(shù)組；

根據(jù)添加后的所述組件樹數(shù)組，更新所述拖拽記錄數(shù)組中與所述配置對象相對應(yīng)的各個(gè)拖拽記錄。

2.如權(quán)利要求1所述的方法，其特征在于，所述響應(yīng)于在所述目標(biāo)容器內(nèi)發(fā)起的對于第二組件的第二拖拽操作，確定所述第二組件與各個(gè)所述第一組件之間的第二組件結(jié)構(gòu)，包括：

當(dāng)在所述目標(biāo)容器內(nèi)檢測到關(guān)于任一個(gè)所述第二組件所發(fā)起的拖拽觸發(fā)事件時(shí)，獲取所述第二組件在所述目標(biāo)容器內(nèi)的起始位置信息；

當(dāng)檢測到所述拖拽觸發(fā)事件對應(yīng)的拖拽結(jié)束事件時(shí)，獲取所述第二組件在所述目標(biāo)容器內(nèi)的結(jié)束位置信息；

結(jié)合所述起始位置信息和結(jié)束位置信息，確定所述第二組件結(jié)構(gòu)。

3.如權(quán)利要求2所述的方法，其特征在于，所述當(dāng)在所述目標(biāo)容器內(nèi)檢測到關(guān)于任一個(gè)所述第二組件所發(fā)起的拖拽觸發(fā)事件時(shí)，獲取所述第二組件在所述目標(biāo)容器內(nèi)的起始位置信息，包括：

獲取發(fā)起所述拖拽觸發(fā)事件的所述第二組件在所述目標(biāo)容器內(nèi)的實(shí)時(shí)位置信息；

根據(jù)所述實(shí)時(shí)位置信息生成預(yù)覽示意圖；所述預(yù)覽示意圖用于展示所述第二組件在所述實(shí)時(shí)位置時(shí)的前端頁面。

4.如權(quán)利要求1所述的方法，其特征在于，在所述確定目標(biāo)容器的組件屬性信息之前，還包括：

獲取所述指定項(xiàng)目中的配置文件，并讀取所述配置文件中的多個(gè)配置信息；

根據(jù)各個(gè)所述配置信息，生成所述指定項(xiàng)目對應(yīng)的組件列表；所述配置信息包括組件名信息、組件來源信息、組件唯一標(biāo)志信息以及組件標(biāo)題信息；所述組件列表包括多個(gè)預(yù)選組件；所述預(yù)選組件為用于添加至所述目標(biāo)容器內(nèi)的組件；

為每個(gè)所述預(yù)選組件配置拖拽屬性，以生成各個(gè)所述預(yù)選組件對應(yīng)的配置對象；

響應(yīng)于根據(jù)所述配置對象所發(fā)起的拖拽操作，將所述拖拽操作相對應(yīng)的所述預(yù)選組件添加至所述目標(biāo)容器，并將所有添加至所述目標(biāo)容器內(nèi)的所述預(yù)選組件識別為所述第一組件；

基于所述目標(biāo)容器內(nèi)的所有第一組件的所述配置信息，生成所述組件屬性信息。

5.如權(quán)利要求4所述的方法，其特征在于，所述配置信息還包括組件類名信息、組件綁定值信息、是否容器信息、子組件信息以及擴(kuò)展屬性信息中的一種或多種。

6.如權(quán)利要求4所述的方法，其特征在于，在所述根據(jù)各個(gè)所述配置信息，生成所述指定項(xiàng)目對應(yīng)的組件列表之前，包括：

基于指定項(xiàng)目的前端框架，獲取框架自帶組件；所述框架自帶組件為預(yù)設(shè)于所述前端框架中的組件；

和/或

基于指定項(xiàng)目的前端頁面，獲取功能模塊；所述功能模塊是預(yù)設(shè)于所述前端頁面中的；

相應(yīng)地，在所述獲取框架自帶組件之后，所述根據(jù)各個(gè)所述配置信息，生成所述指定項(xiàng)目對應(yīng)的組件列表，包括：

封裝所述框架自帶組件，生成預(yù)選組件；

相應(yīng)地，在所述獲取功能模塊之后，所述根據(jù)各個(gè)所述配置信息，生成所述指定項(xiàng)目對應(yīng)的組件列表，包括：

抽象所述功能模塊，生成預(yù)選組件。

7.如權(quán)利要求1所述的方法，其特征在于，所述根據(jù)添加后的所述組件樹數(shù)組，更新所述拖拽記錄數(shù)組中與所述配置對象相對應(yīng)的各個(gè)拖拽記錄，包括：

遍歷所述拖拽記錄數(shù)組；

比對添加前的所述組件樹數(shù)組在拖拽記錄數(shù)組中所對應(yīng)的拖拽記錄與添加后的所述組件樹數(shù)組在拖拽記錄數(shù)組中所對應(yīng)的拖拽記錄；

更新添加前的所述拖拽記錄，直至添加前的所述拖拽記錄與添加后的所述拖拽記錄相一致。