amis
Version:
一种MIS页面生成工具
71 lines (70 loc) • 4.06 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.RemarkRenderer = exports.filterContents = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var factory_1 = require("../factory");
var TooltipWrapper_1 = tslib_1.__importDefault(require("../components/TooltipWrapper"));
var tpl_1 = require("../utils/tpl");
var theme_1 = require("../theme");
var icons_1 = require("../components/icons");
function filterContents(tooltip, data) {
if (typeof tooltip === 'string') {
return tpl_1.filter(tooltip, data);
}
else if (tooltip) {
return tooltip.title
? {
render: tooltip.render ? function () { return tooltip.render(data); } : undefined,
title: tpl_1.filter(tooltip.title, data),
content: tooltip.content || tooltip.body
? tpl_1.filter(tooltip.content || tooltip.body || '', data)
: undefined
}
: tooltip.content || tooltip.body
? tpl_1.filter(tooltip.content || tooltip.body || '', data)
: undefined;
}
return tooltip;
}
exports.filterContents = filterContents;
var Remark = /** @class */ (function (_super) {
tslib_1.__extends(Remark, _super);
function Remark() {
return _super !== null && _super.apply(this, arguments) || this;
}
Remark.prototype.render = function () {
var _a, _b;
var _c = this.props, className = _c.className, icon = _c.icon, label = _c.label, tooltip = _c.tooltip, placement = _c.placement, rootClose = _c.rootClose, trigger = _c.trigger, container = _c.container, ns = _c.classPrefix, cx = _c.classnames, content = _c.content, data = _c.data, env = _c.env, tooltipClassName = _c.tooltipClassName;
var finalIcon = (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.icon) !== null && _a !== void 0 ? _a : icon;
var finalLabel = (_b = tooltip === null || tooltip === void 0 ? void 0 : tooltip.label) !== null && _b !== void 0 ? _b : label;
return (react_1.default.createElement(TooltipWrapper_1.default, { classPrefix: ns, classnames: cx, tooltip: filterContents(tooltip || content, data), tooltipClassName: (tooltip && tooltip.tooltipClassName) || tooltipClassName, placement: (tooltip && tooltip.placement) || placement, rootClose: (tooltip && tooltip.rootClose) || rootClose, trigger: (tooltip && tooltip.trigger) || trigger, container: container || env.getModalContainer, delay: tooltip && tooltip.delay },
react_1.default.createElement("div", { className: cx("Remark", (tooltip && tooltip.className) || className || "Remark--warning") },
finalLabel ? react_1.default.createElement("span", null, finalLabel) : null,
finalIcon ? (icons_1.hasIcon(finalIcon) ? (react_1.default.createElement("span", { className: cx('Remark-icon') },
react_1.default.createElement(icons_1.Icon, { icon: finalIcon }))) : (react_1.default.createElement("i", { className: cx('Remark-icon', finalIcon) }))) : finalIcon === false && finalLabel ? null : (react_1.default.createElement("span", { className: cx('Remark-icon icon') },
react_1.default.createElement(icons_1.Icon, { icon: "question-mark" }))))));
};
Remark.propsList = [];
Remark.defaultProps = {
icon: '',
trigger: ['hover', 'focus']
};
return Remark;
}(react_1.default.Component));
exports.default = theme_1.themeable(Remark);
var RemarkRenderer = /** @class */ (function (_super) {
tslib_1.__extends(RemarkRenderer, _super);
function RemarkRenderer() {
return _super !== null && _super.apply(this, arguments) || this;
}
RemarkRenderer = tslib_1.__decorate([
factory_1.Renderer({
test: /(^|\/)remark$/,
name: 'remark'
})
], RemarkRenderer);
return RemarkRenderer;
}(Remark));
exports.RemarkRenderer = RemarkRenderer;
//# sourceMappingURL=./renderers/Remark.js.map