[發明專利]組件的配置方法、裝置、設備及可讀存儲介質

在審

• 申請號: 201910303971.6
• 申請日: 2019-04-16
• 公開（公告）號: CN110045956A
• 公開（公告）日: 2019-07-23
• 發明（設計）人: 熊瑾
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/71
• 代理公司: 上海光柵知識產權代理有限公司 31340
• 代理人: 馬雯雯

本發明提供的組件的配置方法、裝置、設備及可讀存儲介質，通過調用默認配置庫中注入的配置；基于預設的配置覆蓋邏輯對用戶界面UI組件庫中的目標樣式組件進行配置覆蓋；基于配置覆蓋后的目標樣式組件進行用戶界面顯示，從而在配置組件時僅需對目標組件進行相應配置，而不必對于對整個父容器組件中各靜態css樣式文件進行替換，以提高對于組件的配置的靈活性。

技術領域

本發明涉及計算機技術，尤其涉及一種組件的配置方法、裝置、設備及可讀存儲介質。

背景技術

隨著前端技術的發展，逐漸產生了越來越多的用戶界面框架，如bootstrap、element UI、ant design等等。如何基于用戶界面框架對框架中的組件進行配置，以為用戶提供更好的界面展示成為熱點問題。

在現有技術中，用戶界面上所展示的組件是基于父容器組件架構的，對于各組件樣式的配置則需要相應的靜態css樣式文件實現。也就是說，針對于某一父容器組件下的子組件來說，當需要對子組件的樣式進行修改時，需要編輯該父容器組件的狀態屬性，即依次編輯該父容器組件下全部子組件的靜態css樣式文件，并對整個父容器組件中各靜態css樣式文件進行替換，以實現配置功能。

但是，一旦子組件的組件架構關系發生變化，靜態css樣式文件將無法被使用，整個組件架構的靜態css樣式文件需要被重新編輯，配置靈活性很低，不利于對于組件的配置和展示。

發明內容

針對上述提出的問題，本發明提供了一種組件的配置方法、裝置、設備及可讀存儲介質。

一方面，本發明提供了一種組件的配置方法，包括：

調用默認配置庫中注入的配置；

基于預設的配置覆蓋邏輯對用戶界面UI組件庫中的目標樣式組件進行配置覆蓋；

基于配置覆蓋后的目標樣式組件進行用戶界面顯示。

示例性的，所述調用默認配置庫中注入的配置，包括：

利用配置接口Prop中封裝的鉤函數調用所述注入的配置。

示例性的，樣式組件中封裝有樣式屬性文件；

相應的，所述基于預設的配置覆蓋邏輯對用戶界面UI組件庫中的目標樣式組件進行配置覆蓋，包括：

確定目標樣式組件；

根據所述注入的配置，對目標樣式組件的樣式屬性文件進行覆蓋。

示例性的，所述調用默認配置庫中注入的配置之前，還包括：

生成并向所述默認配置庫注入一配置函數；

相應的，所述基于預設的配置覆蓋邏輯對用戶界面UI組件庫中的目標樣式組件進行配置覆蓋，包括：

利用所述注入的配置函數對所述目標樣式組件的樣式屬性文件中的配置函數進行替換。

示例性的，所述配置函數用于修改樣式組件中的各元素的樣式屬性，所述樣式屬性包括如下屬性中的一種或多種：

顏色屬性、主題皮膚屬性、尺寸屬性、數目屬性。

示例性的，所述樣式組件為Style-components組件。

示例性的，所述基于配置覆蓋后的目標樣式組件進行用戶界面顯示為實時顯示。

另一方面，本發明提供了一種組件的配置裝置，包括：

第一配置模塊，用于調用默認配置庫中注入的配置；

第二配置模塊，基于預設的配置覆蓋邏輯對用戶界面UI組件庫中的目標樣式組件進行配置覆蓋，以使配置覆蓋后的目標樣式組件在用戶界面進行顯示。