@aliretail/react-link-selector
Version:
37 lines (32 loc) • 1.49 kB
Markdown
# cloud-link-selector
## API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
| -------------------- | ------------------- | ---- | -------- | ------ | -------------------------------------- |
| visible | 是否展示 | true | boolean | false | 完全受控 |
| currentPageList | 当前页面链接列表 | true | array | [] | 无 |
| dialogProps | dialog 组件的 props | true | object | -- | 透传 |
| dialogProps.onOk | 点击确认的回调方法 | true | function | -- | 选择的结果会作为入参传入该方法的定义中 |
| dialogProps.onClose | 点击关闭的回调方法 | true | function | -- | 选择的结果会作为入参传入该方法的定义中 |
| dialogProps.onCancel | 点击取消的回调方法 | true | function | -- | 选择的结果会作为入参传入该方法的定义中 |
## demo
```jsx
<EditorToolsLinkSelector
visible={visible}
currentPageList={[
{
id: 'mapsijf',
imgUrl: '',
name: '双11大促预热',
type: '广告弹窗',
behaviorDesc: '锚点',
behaviorCode: '0', // 0: 锚点; 1: 弹窗;
},
]}
dialogProps={{
onOk: (obj) => {
console.log('链接对象', obj);
this.setState({ visible: false });
},
}}
/>
```