@alicloud/console-components
Version:
Alibaba Cloud React Components
22 lines (21 loc) • 1.17 kB
JavaScript
/**
* title: "信息录入/搜索"
* description: "通过设置align属性设置气泡出现方向，气泡内容通过Children自定义。"
*/
import React from 'react';
import { Balloon, Button, Icon, Input } from '@alicloud/console-components';
var but = (React.createElement(Button, { style: {
margin: '25px 0 25px 400px',
background: '#E5E5E5',
} }));
var ExtraWithInputOrSearch = {
trigger: but,
content: (React.createElement("div", { style: { width: '266px' } },
React.createElement(Input, { innerBefore: React.createElement(Icon, { style: { marginLeft: '16px' }, type: "search" }), placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }),
React.createElement("div", { style: { marginTop: '8px' } },
React.createElement(Button, { type: "primary", size: "small", style: { marginRight: '8px' } }, "\u786E\u5B9A"),
React.createElement(Button, { type: "normal", size: "small" }, "\u53D6\u6D88")))),
};
export default (function () {
return (React.createElement(Balloon, { triggerType: "click", align: "l", trigger: ExtraWithInputOrSearch.trigger, closable: false }, ExtraWithInputOrSearch.content));
});