1. 組件屬性簡介

自定義組件支持屬性定義（ propTypes ）操作，用于對組件進行屬性層面的豐富，增加自定義屬性可定制性的同時使其更加靈活且貼合業(yè)務(wù)需求。（如圖所示1.1-1 所示）

圖1.1-1 組件屬性定義入口

組件屬性可以通過「添加一項」按鈕來進行增加，也可通過「編輯」按鈕進行自定義修改，還可通過「刪除」按鈕進行刪減。點擊「編輯」按鈕可以看到組件屬性的所有配置項。（如圖1.1-2 所示）

圖1.1-2 自定義組件屬性定義配置項

所有自定義組件屬性定義都可以在組件預(yù)覽界面（簡單類型的屬性調(diào)試）或安裝到應(yīng)用（復(fù)雜的屬性配置：包括涉及代碼的調(diào)試工作）中進行查看與配置。（如圖1.1-3 所示）

圖1.1-3 組件屬性的預(yù)覽調(diào)試

各個配置項的詳細(xì)說明請參見下文。

1.1 屬性標(biāo)題

給自定義組件配置的屬性名稱，屬性標(biāo)題的默認(rèn)名稱為「屬性標(biāo)題」，一個簡單易懂的標(biāo)題有助于使用者更好的理解屬性的含義或識別需要填報的內(nèi)容。

在頁面使用該組件時，對應(yīng)的如下圖：

圖1.1-4 組件屬性在表單設(shè)計器的效果演示

1.2 屬性名稱

組件的屬性名稱是組件的屬性 Key，類似組里的 props.xxx。默認(rèn)值為 propName ?？梢栽陧撁嬖O(shè)計中進行變量的綁定，從而實現(xiàn)對組件的控制。如自定義組件的屬性值作為自定義組件內(nèi)某一個組件的標(biāo)題。（如圖1.1-5 所示）

圖1.1-5 屬性名稱的使用

注意：組件的屬性名稱不可以為空，否則在進行調(diào)用或賦值操作時會報錯。

1.3 屬性類型

組件的屬性類型基本類似于常見的數(shù)據(jù)類型，分別有：文本、布爾、數(shù)字、對象、數(shù)組、函數(shù)、元素七種類型，每個數(shù)據(jù)類型又對應(yīng)若干個設(shè)置器，以滿足用戶對數(shù)據(jù)不同維度的處理需求。（如圖1.1-6所示）

圖1.1-6 屬性類型定義

1.4 設(shè)置器

不同屬性類型的組件擁有不同的屬性設(shè)置器，實現(xiàn)不同的組件渲染及數(shù)據(jù)處理方式。如文本類型對應(yīng)五種設(shè)置器。（如圖1.1-7 所示）

圖1.1-7 組件的屬性設(shè)置器

1.5 默認(rèn)值

是指當(dāng)用戶訪問表單時，表單內(nèi)自定義組件默認(rèn)顯示的字段。（效果如圖1.1-8 所示）

圖1.1-8 組件屬性默認(rèn)值

1.6 是否隱藏

控制該屬性是否隱藏，一般情況用不到。

1.7 當(dāng)變化時

可以用來做多個屬性之間的聯(lián)動，一般情況用不到。

1.8 布局

分為塊（ block ）與行內(nèi)（ inline ）兩種，用于設(shè)置該自定義組件在頁面內(nèi)的排列方式。

1.9 幫助說明

• 暫時用不到。

1.10 幫助連接

• 暫時用不到。