Skip to content

Tocas 2.2

Choose a tag to compare

@YamiOdymel YamiOdymel released this 21 May 09:42
· 2808 commits to master since this release

極重大更新,多個樣式被修改!

距離上個更新好像又是兩個月左右,這次多了 56 個 Commit。然後⋯⋯新年快樂!這次的 Tocas UI 新增了幾個元件,還有多處 Bug 修正,也新增了多個點綴樣式,有些樣式也被更改,所以請詳細閱讀下列清單確認自己正在使用的元件使否也在修改列表其中。

焦點矚目

  1. Header 現在的厚度從 700 降回 500。(#174
  2. Dropdowns 現在的預設樣式是黏再一起的,並為其新增 Separated 樣式。 (#162
  3. 新增 Modal 元件。(@bba66d634f1fa94f1878fdff3bde5a26b2975099)
  4. Table 現在支援重新排序了(Sorting)了,耶。(#169
  5. Checkbox 的用法現在可以透過 JavaScript 簡化了。(#170

新增

  1. Basic Dropdown 現在有了 Stackable 模式,可以在手機上層疊而非平行顯示。(#160
  2. Dropdowns 現在可以在中間插入 Divider 來水平分隔下拉式選單了。(#164
  3. Buttons 新增了 Separated 樣式,可以分開按鈕並帶有間距。(#138
  4. Checkboxes 現在有了 Stackable 模式能夠在手機上層疊而非平行顯示。(#159
  5. Header 現在有 Block 樣式可以讓自己像一個區塊那樣顯示了。(@412f430196448c9d685207142dc7c446d578bddd)
  6. Header 現在能夠 Attached 在其他元件上、下或中間了。(#144
  7. 你現在能夠在 Slate 裡面放置 Image 當背景圖片了。(#148
  8. Statistic 現在可以在旁邊放入異動數字。(#163
  9. 新增 Reversed Grid 與 Row。(#178
  10. Card 裡面的 Image 現在可以放置 Header。(#132
  11. Images 現在有 Related 樣式可以擺置子圖片。(#86
  12. Checkbox 現在有 Required 樣式可以帶有必填的符號。(@3feea9e2b952d07cf08e55409278b787fc9cebda)

Bug 修正

  1. Required 的 Checkbox 欄位現在智慧化,如果有欄位中 Label 則星號 Label,如果沒有 Label 則星號所有 Checkbox。(#152
  2. 修正 Definition Table 左側的標頭文字顏色。(#151
  3. 修正 Dropdown Button 會蓋過 Dropdown Menu 的問題。(#157
  4. 修正 Dropdown 原本只能按周遭文字開啟,現在可以按下圖片開啟了。(#167
  5. Action Input 現在可以有更多樣化的搭配。(#153
  6. Menu 中的 List Item 現在不會有奇怪的點擊背景顏色。(#143
  7. Form 裡面的 Textarea 現在可以透過 Resizable Field 來允許使用者重新調整文字框大小。(#146
  8. 修正 Symbol 在 Card 裡面的位移。(#175
  9. 修正 Menu 的 Unread 標記位移。(#165
  10. 修正 Inverted Button 的奇怪顏色。(#156

調整和新增

  1. Dropdown 的右側內距減少了,能夠顯示的內容變多了。(#173
  2. Form Field 現在可以放在 Form 裡的其他容器而不受干擾。(#161
  3. Header 在不指定大小時有預設大小了。(@3120ddd652a5d49c1a92d533d62b6a2d55e43b5c)
  4. Card 內容的間距變大了。(#125
  5. Breadcrumb 的顏色稍為調整成沒那麼黑。(#172