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