1. 組件屬性簡(jiǎn)介

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

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

組件屬性可以通過(guò)「添加一項(xiàng)」按鈕來(lái)進(jìn)行增加，也可通過(guò)「編輯」按鈕進(jìn)行自定義修改，還可通過(guò)「刪除」按鈕進(jìn)行刪減。點(diǎn)擊「編輯」按鈕可以看到組件屬性的所有配置項(xiàng)。（如圖1.1-2 所示）

圖1.1-2 自定義組件屬性定義配置項(xiàng)

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

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

各個(gè)配置項(xiàng)的詳細(xì)說(shuō)明請(qǐng)參見(jiàn)下文。

1.1 屬性標(biāo)題

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

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

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

1.2 屬性名稱

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

圖1.1-5 屬性名稱的使用

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

1.3 屬性類型

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

圖1.1-6 屬性類型定義

1.4 設(shè)置器

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

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

1.5 默認(rèn)值

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

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

1.6 是否隱藏

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

1.7 當(dāng)變化時(shí)

可以用來(lái)做多個(gè)屬性之間的聯(lián)動(dòng)，一般情況用不到。

1.8 布局

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

1.9 幫助說(shuō)明

• 暫時(shí)用不到。

1.10 幫助連接

• 暫時(shí)用不到。