Function
Static Public Summary | ||
public |
ActionSheet(props: object): * ActionSheet UI |
|
public |
Button UI |
|
public |
Cell UI |
|
public |
CellBody UI |
|
public |
CellFooter(props: object): * CellFooter UI |
|
public |
CellHeader(props: object): * CellHeader UI |
|
public |
CellTips UI |
|
public |
CellTitle UI |
|
public |
Cells UI |
|
public |
Checkbox 渲染 <input type="checkbox" /> |
|
public |
ChildContainer(props: *): * |
|
public |
Dialog UI |
|
public |
淡入淡出动画组件 |
|
public |
IconAttention(props: object): * IconAttention UI |
|
public |
IconCheck UI |
|
public |
IconLoading(props: object): * IconLoading UI |
|
public |
Mask(props: props): * Mask UI |
|
public |
Notification(props: object): * Notification UI |
|
public |
Page UI 应该用于单页应用,配合 react-router 使用 |
|
public |
弹出层(抽屉)动画组件 |
|
public |
Switch(props: *): * Switch 开关,其实就是漂亮的 checkbox 渲染 <input type="checkbox" /> |
|
public |
TabBar UI |
|
public |
TabBarItem(props: *): * |
|
public |
Toast(props: *): * |
|
public |
classNames(args: string | object): string 包装返回 className |
|
public |
createInstance(Component: Component, container: node): PropTypes.element 根据传入的 Component 创建一个实例,并渲染到 container |
Static Public
public ActionSheet(props: object): * source
import ActionSheet from 'daifee-react-component/src/ActionSheet/index.js'
ActionSheet UI
Params:
Name | Type | Attribute | Description |
props | object | see ActionSheet.propTypes |
Return:
* |
public Button(props: object): * source
import Button from 'daifee-react-component/src/Button/index.js'
Button UI
Params:
Name | Type | Attribute | Description |
props | object | see Button.propTypes |
Return:
* |
public Cell(props: object): * source
import Cell from 'daifee-react-component/src/Cell/Cell.js'
Cell UI
Params:
Name | Type | Attribute | Description |
props | object | see Cell.propTypes |
Return:
* |
public CellBody(props: object): * source
import CellBody from 'daifee-react-component/src/Cell/CellBody.js'
CellBody UI
Params:
Name | Type | Attribute | Description |
props | object | see CellBody.propTypes |
Return:
* |
public CellFooter(props: object): * source
import CellFooter from 'daifee-react-component/src/Cell/CellFooter.js'
CellFooter UI
Params:
Name | Type | Attribute | Description |
props | object | see CellFooter.propTypes |
Return:
* |
public CellHeader(props: object): * source
import CellHeader from 'daifee-react-component/src/Cell/CellHeader.js'
CellHeader UI
Params:
Name | Type | Attribute | Description |
props | object | see CellHeader.propTypes |
Return:
* |
public CellTips(props: object): * source
import CellTips from 'daifee-react-component/src/Cell/CellsTips.js'
CellTips UI
Params:
Name | Type | Attribute | Description |
props | object | see CellTips.propTypes |
Return:
* |
public CellTitle(props: object): * source
import CellTitle from 'daifee-react-component/src/Cell/CellsTitle.js'
CellTitle UI
Params:
Name | Type | Attribute | Description |
props | object | see CellTitle.propTypes |
Return:
* |
public Cells(props: object): * source
import Cells from 'daifee-react-component/src/Cell/Cells.js'
Cells UI
Params:
Name | Type | Attribute | Description |
props | object | see Cells.propTypes |
Return:
* |
public Checkbox(props: object): * source
import Checkbox from 'daifee-react-component/src/Checkbox/index.js'
Checkbox 渲染 <input type="checkbox" />
Params:
Name | Type | Attribute | Description |
props | object | see Checkbox.propTypes |
Return:
* |
public ChildContainer(props: *): * source
import ChildContainer from 'daifee-react-component/src/ChildContainer.js'
Params:
Name | Type | Attribute | Description |
props | * |
Return:
* |
public Dialog(props: object): * source
import Dialog from 'daifee-react-component/src/Dialog/index.js'
Dialog UI
Params:
Name | Type | Attribute | Description |
props | object | see Dialog.propTypes |
Return:
* |
public Fade(props: object): * source
import Fade from 'daifee-react-component/src/Fade/index.js'
淡入淡出动画组件
Params:
Name | Type | Attribute | Description |
props | object | see Fade.propTypes |
Return:
* |
public IconAttention(props: object): * source
import IconAttention from 'daifee-react-component/src/Icon/IconAttention.js'
IconAttention UI
Params:
Name | Type | Attribute | Description |
props | object | see IconAttention.propTypes |
Return:
* |
public IconCheck(props: object): * source
import IconCheck from 'daifee-react-component/src/Icon/IconCheck.js'
IconCheck UI
Params:
Name | Type | Attribute | Description |
props | object | see IconCheck.propTypes |
Return:
* |
public IconLoading(props: object): * source
import IconLoading from 'daifee-react-component/src/Icon/IconLoading.js'
IconLoading UI
Params:
Name | Type | Attribute | Description |
props | object | see IconLoading.propTypes |
Return:
* |
public Mask(props: props): * source
import Mask from 'daifee-react-component/src/Mask/index.js'
Mask UI
Params:
Name | Type | Attribute | Description |
props | props | see Mask.propTypes |
Return:
* |
public Notification(props: object): * source
import Notification from 'daifee-react-component/src/Notification/index.js'
Notification UI
Params:
Name | Type | Attribute | Description |
props | object | see Notification.propTypes |
Return:
* |
public Page(props: object): * source
import Page from 'daifee-react-component/src/Page/index.js'
Page UI 应该用于单页应用,配合 react-router 使用
Params:
Name | Type | Attribute | Description |
props | object | see Page.propTypes |
Return:
* |
public Popup(props: object): * source
import Popup from 'daifee-react-component/src/Popup/index.js'
弹出层(抽屉)动画组件
Params:
Name | Type | Attribute | Description |
props | object | see Popup.propTypes |
Return:
* |
public Switch(props: *): * source
import Switch from 'daifee-react-component/src/Switch/index.js'
Switch 开关,其实就是漂亮的 checkbox 渲染 <input type="checkbox" />
Params:
Name | Type | Attribute | Description |
props | * |
Return:
* |
public TabBar(props: object): * source
import TabBar from 'daifee-react-component/src/TabBar/TabBar.js'
TabBar UI
Params:
Name | Type | Attribute | Description |
props | object | see TabBar.propTypes |
Return:
* |
public TabBarItem(props: *): * source
import TabBarItem from 'daifee-react-component/src/TabBar/TabBarItem.js'
Params:
Name | Type | Attribute | Description |
props | * |
Return:
* |
public Toast(props: *): * source
import Toast from 'daifee-react-component/src/Toast/index.js'
Params:
Name | Type | Attribute | Description |
props | * |
Return:
* |
public classNames(args: string | object): string source
import {classNames} from 'daifee-react-component/src/utils.js'
包装返回 className
Example:
let classes = classNames('dialog', {
'dialog-btn': false,
'dialog-title': true,
'_user': 'user-class'
});
console.log(classes);
// 假设 namespace='rd'
// output: "rc-dialog rc-dialog-title user-class"
public createInstance(Component: Component, container: node): PropTypes.element source
import {createInstance} from 'daifee-react-component/src/utils.js'
根据传入的 Component 创建一个实例,并渲染到 container
Params:
Name | Type | Attribute | Description |
Component | Component | React 组件 |
|
container | node | 实例将渲染到该 dom 节点, 如果缺少,内部创建 dom 节点。 |
Return:
PropTypes.element | Component 的实例 |