chayns components

一組用於開發Chayns®應用程序的美麗反應組件。

---

安裝

首先，您應該將chayns-components軟件包安裝到您的項目中：

 # Yarn
yarn add chayns-components

# NPM
npm install chayns-components

我們組件的樣式是通過chayns-css庫提供的，其中一些組件也依賴於chayns-js API，因此您應該在HTML中包括這些組件：

 <!-- CSS styles -->
< script
  src =" https://api.chayns-static.space/css/v4/compatibility/compatibility.min.js "
  version =" 4.2 "
> </ script >

<!-- JS api -->
< script src =" https://api.chayns-static.space/js/v4.0/chayns.min.js " > </ script > 

組件概述

以下組件是此軟件包的一部分：

成分	描述
手風琴›	手風琴是可折疊部分，通過與永久可見的標頭進行交互而切換。
量控制›	MANTERCORTOL是用於增加或降低增量值的三段控件。
AnimationWrapper›	AnimationWrapper為孩子們提供了引人注目的初始動畫。
徽章 >	徽章是小型的圓形容器，用於裝飾其他具有可聽覺信息的組件。
氣泡 >	浮動氣泡，主要用於為ContextMenu和Tooltip組件提供動力。
按鈕 >	按鈕啟動操作，可以包括標題或圖標，並配備一組預定義的樣式。
日曆 >	可以突出指定日期的交互式網格日曆。
複選框›	複選框允許用戶完成涉及選擇諸如選擇選項之類的任務。可以用作開關的樣式，即在兩個相互排他性狀態之間的視覺切換 - 開關。
顏色點››	讓用戶為文本，形狀，標記工具和其他元素選擇顏色。
Colorscheme›	調整所有兒童組件的配色方案。
Combobox›	一個帶有下拉列表的按鈕，其中包含可從中可以選擇的不同值的可滾動列表。
內容選單 >	使人們可以訪問與屏幕項目相關的其他功能，而無需混亂接口。
dateinfo›	格式化日期或日期範圍易於閱讀，並揭示懸停的絕對日期。
表情符號›	可以放入表情符號的文本輸入。
ExpanbableContent›	一個可折疊的部分，揭示了其身高過渡的孩子。
FileInput›	通過對話框或拖放接受指定的文件類型。
濾清器›	用於過濾列表的類似芯片的組件。通常用於2組或更多組。
formattedInput›	文本輸入，該輸入會自動使用格式化器格式化其輸入。由於此組件基於Input -Component，因此它採用任何Input -COMPONENTS PROP，此處未列出。該組件僅作為一個不受控制的組件，這意味著它不採用value 。
畫廊›	默認情況下最多顯示四個圖像的圖像庫。還支持對圖像的重新排序和刪除以及從tsimg.cloud加載的圖像的圖像預覽。
圖示 >	顯示Fontawesome圖標。
ImageAccordion›	一部具有大圖像並出現在網格中的手風琴。應在ImageAccordionGroup內使用。
ImageAccordionGroup›	將幾個ImageAccordion組件組合在一起，因此只能一次打開其中一個。
輸入 >	可以通過不同設計進行驗證和裝飾的文本輸入。
列表 >	ListItem -Component創建列表的包裝器。
ListItem›	列表中的項目以結構化格式顯示相關數據。應在List組件內使用。
開放時間›	開放時間的輸入。
Personfinder›	對可以自定義的人員進行自動完成的搜索，以使用任意數據。
positionInput›	帶有地圖和文本輸入的位置輸入。這需要Google Maps JavaScript API，並啟用了place庫。您可以在此處找到有關地圖API的更多信息。
進度欄›	動畫進度欄，可以顯示動作進度或像加載旋轉器一樣不確定狀態。
RadioButton›	一個允許選擇多個選項之一的廣播按鈕。
rfidinput›	要接收RFID信號的組件。
scrollview›	一個可滾動容器，帶有自定義滾動欄，在每個設備上看起來都很好。
搜索框›	一個自動完成輸入，以搜索條目列表。
SelectButton›	單擊時，選擇一個打開選擇對話框的按鈕。
SelectItem›	選擇時擴展其內容的單選按鈕。應在SelectList內使用。
選擇清單›	選擇時顯示內容的垂直列表。
SetupWizard›	用戶必須依次通過一組步驟。
setupWizardItem›	一個代表SetupWizard中一個步驟的項目。
共享鍵›	上下文菜單，用於在各個平台上共享鏈接和一些文本。
簽名 >	讓用戶訂閱的組件
滑桿 >	具有拇指的水平軌道，可以在最小值和最大值之間移動。
sliderbutton›	一組互斥的線性按鈕。
小型服務員›	一個小的圓形加載指示器。
taginput›	允許值將值分組為標籤的文本輸入。
Textarea›	可以自動隨其內容增長的多行文本輸入。
文本串›	從我們的數據庫中加載文本字符串並顯示它們。處理替換並通過CTRL + Click （僅內部）更改字符串。
工具提示›	包裹孩子組件並在懸停或單擊孩子時顯示消息。允許在其引用中命令以.show()或.hide()方式顯示允許顯示。
Verificationicon›

實用程序功能

我們還提供一組通用的公用事業功能：

功能	描述
imageupload	功能將圖像上傳到tsimg.cloud
Istobitemployee	如果用戶是Tobit員工，獲取信息
Createlinks	創建一個帶有URL字符串的鏈接的字符串
刪除HTML	從字符串中刪除HTML標籤
色素	實用程序功能轉換顏色值（HEX，RGB，HSV）
均衡器	實用程序功能以均衡HTML元素的寬度

貢獻

如果您想為chayns-components做出貢獻，請查看contruting.md文件。