@alicloud/console-components
Version:
Alibaba Cloud React Components
38 lines (37 loc) • 1.97 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 titleStyle = {
fontSize: '12px',
fontWeight: 500,
lineHeight: '20px',
marginBottom: '8px',
};
var centerStyle = {
lineHeight: '20px',
fontSize: '12px',
fontWeight: 'normal',
};
var but = (react_1.default.createElement(console_components_1.Button, { id: "topRight", style: {
margin: '25px 0 25px 400px',
background: '#E5E5E5',
} }));
var ExtraWithOperation = {
trigger: but,
content: (react_1.default.createElement("div", { style: { width: '266px' } },
react_1.default.createElement("div", { style: titleStyle }, "\u7B2C\u4E00\u6B65\u6807\u9898"),
react_1.default.createElement("span", { style: centerStyle }, "\u70B9\u51FB/\u9F20\u6807\u79FB\u5165\u5143\u7D20\uFF0C\u5F39\u51FA\u6C14\u6CE1\u6D6E\u5C42\uFF0C\u5185\u5BB9\u6587\u6848\u8D85\u51FA\u957F\u5EA6\u540E\u5141\u8BB8\u81EA\u52A8\u6362\u884C\u3002\u70B9\u51FB/\u9F20\u6807\u79FB\u5165\u5143\u7D20\uFF0C\u5F39\u51FA\u6C14\u6CE1\u6D6E\u5C42\uFF0C\u5185\u5BB9\u6587\u6848\u8D85\u51FA\u957F\u5EA6\u540E\u5141\u8BB8\u81EA\u52A8\u6362\u884C\u3002"),
react_1.default.createElement("div", { style: { marginTop: 8 } },
react_1.default.createElement(console_components_1.Button, { type: "primary", size: "small" }, "\u4E0B\u4E00\u6B65")))),
};
exports.default = (function () {
return (react_1.default.createElement(console_components_1.Balloon, { align: "l", trigger: ExtraWithOperation.trigger, triggerType: "click" }, ExtraWithOperation.content));
});