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›	一个带有下拉列表的按钮，其中包含可从中可以选择的不同值的可滚动列表。
ContextMenu›	使人们可以访问与屏幕项目相关的其他功能，而无需混乱接口。
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文件。