Home Reference Source Repository

Function

Static Public Summary
public

ActionSheet(props: object): *

ActionSheet UI

public

Button(props: object): *

Button UI

public

Cell(props: object): *

Cell UI

public

CellBody(props: object): *

CellBody UI

public

CellFooter(props: object): *

CellFooter UI

public

CellHeader(props: object): *

CellHeader UI

public

CellTips(props: object): *

CellTips UI

public

CellTitle(props: object): *

CellTitle UI

public

Cells(props: object): *

Cells UI

public

Checkbox(props: object): *

Checkbox 渲染 <input type="checkbox" />

public

ChildContainer(props: *): *

public

Dialog(props: object): *

Dialog UI

public

Fade(props: object): *

淡入淡出动画组件

public

IconAttention(props: object): *

IconAttention UI

public

IconCheck(props: object): *

IconCheck UI

public

IconLoading(props: object): *

IconLoading UI

public

Mask(props: props): *

Mask UI

public

Notification(props: object): *

Notification UI

public

Page(props: object): *

Page UI 应该用于单页应用,配合 react-router 使用

public

Popup(props: object): *

弹出层(抽屉)动画组件

public

Switch(props: *): *

Switch 开关,其实就是漂亮的 checkbox 渲染 <input type="checkbox" />

public

TabBar(props: object): *

TabBar UI

public

TabBarItem(props: *): *

public

Toast(props: *): *

public

包装返回 className

public

createInstance(Component: Component, container: node): PropTypes.element

根据传入的 Component 创建一个实例,并渲染到 container

Static Public

public ActionSheet(props: object): * source

ActionSheet UI

Params:

NameTypeAttributeDescription
props object

see ActionSheet.propTypes

Return:

*

public Button(props: object): * source

Button UI

Params:

NameTypeAttributeDescription
props object

see Button.propTypes

Return:

*

public Cell(props: object): * source

Cell UI

Params:

NameTypeAttributeDescription
props object

see Cell.propTypes

Return:

*

public CellBody(props: object): * source

CellBody UI

Params:

NameTypeAttributeDescription
props object

see CellBody.propTypes

Return:

*

public CellFooter(props: object): * source

CellFooter UI

Params:

NameTypeAttributeDescription
props object

see CellFooter.propTypes

Return:

*

public CellHeader(props: object): * source

CellHeader UI

Params:

NameTypeAttributeDescription
props object

see CellHeader.propTypes

Return:

*

public CellTips(props: object): * source

CellTips UI

Params:

NameTypeAttributeDescription
props object

see CellTips.propTypes

Return:

*

public CellTitle(props: object): * source

CellTitle UI

Params:

NameTypeAttributeDescription
props object

see CellTitle.propTypes

Return:

*

public Cells(props: object): * source

Cells UI

Params:

NameTypeAttributeDescription
props object

see Cells.propTypes

Return:

*

public Checkbox(props: object): * source

Checkbox 渲染 <input type="checkbox" />

Params:

NameTypeAttributeDescription
props object

see Checkbox.propTypes

Return:

*

public ChildContainer(props: *): * source

Params:

NameTypeAttributeDescription
props *

Return:

*

public Dialog(props: object): * source

Dialog UI

Params:

NameTypeAttributeDescription
props object

see Dialog.propTypes

Return:

*

public Fade(props: object): * source

淡入淡出动画组件

Params:

NameTypeAttributeDescription
props object

see Fade.propTypes

Return:

*

public IconAttention(props: object): * source

IconAttention UI

Params:

NameTypeAttributeDescription
props object

see IconAttention.propTypes

Return:

*

public IconCheck(props: object): * source

IconCheck UI

Params:

NameTypeAttributeDescription
props object

see IconCheck.propTypes

Return:

*

public IconLoading(props: object): * source

IconLoading UI

Params:

NameTypeAttributeDescription
props object

see IconLoading.propTypes

Return:

*

public Mask(props: props): * source

Mask UI

Params:

NameTypeAttributeDescription
props props

see Mask.propTypes

Return:

*

public Notification(props: object): * source

Notification UI

Params:

NameTypeAttributeDescription
props object

see Notification.propTypes

Return:

*

public Page(props: object): * source

Page UI 应该用于单页应用,配合 react-router 使用

Params:

NameTypeAttributeDescription
props object

see Page.propTypes

Return:

*

public Popup(props: object): * source

弹出层(抽屉)动画组件

Params:

NameTypeAttributeDescription
props object

see Popup.propTypes

Return:

*

public Switch(props: *): * source

Switch 开关,其实就是漂亮的 checkbox 渲染 <input type="checkbox" />

Params:

NameTypeAttributeDescription
props *

Return:

*

public TabBar(props: object): * source

TabBar UI

Params:

NameTypeAttributeDescription
props object

see TabBar.propTypes

Return:

*

public TabBarItem(props: *): * source

Params:

NameTypeAttributeDescription
props *

Return:

*

public Toast(props: *): * source

Params:

NameTypeAttributeDescription
props *

Return:

*

public classNames(args: string | object): string source

import {classNames} from 'daifee-react-component/src/utils.js'

包装返回 className

Params:

NameTypeAttributeDescription
args string | object

要被包装的 className 所有 className 都回被加上项目的 namespace 前缀。 如果参数是对象,则其属性是 class 名,值为 true 则该 class 名被返回。 如果参数的属性是 _user 则直接返回其值,不作包装

Return:

string

一个或多个 class。例如:"class1 class2 class3"

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:

NameTypeAttributeDescription
Component Component

React 组件

container node

实例将渲染到该 dom 节点, 如果缺少,内部创建 dom 节点。

Return:

PropTypes.element

Component 的实例