You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.7 KiB
76 lines
1.7 KiB
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
|
|
var _utils = require("../utils");
|
|
|
|
var _number = require("../utils/validate/number");
|
|
|
|
var _createNamespace = (0, _utils.createNamespace)('badge'),
|
|
createComponent = _createNamespace[0],
|
|
bem = _createNamespace[1];
|
|
|
|
var _default = createComponent({
|
|
props: {
|
|
dot: Boolean,
|
|
max: [Number, String],
|
|
color: String,
|
|
content: [Number, String],
|
|
tag: {
|
|
type: String,
|
|
default: 'div'
|
|
}
|
|
},
|
|
methods: {
|
|
hasContent: function hasContent() {
|
|
return !!(this.$scopedSlots.content || (0, _utils.isDef)(this.content) && this.content !== '');
|
|
},
|
|
renderContent: function renderContent() {
|
|
var dot = this.dot,
|
|
max = this.max,
|
|
content = this.content;
|
|
|
|
if (!dot && this.hasContent()) {
|
|
if (this.$scopedSlots.content) {
|
|
return this.$scopedSlots.content();
|
|
}
|
|
|
|
if ((0, _utils.isDef)(max) && (0, _number.isNumeric)(content) && +content > max) {
|
|
return max + "+";
|
|
}
|
|
|
|
return content;
|
|
}
|
|
},
|
|
renderBadge: function renderBadge() {
|
|
var h = this.$createElement;
|
|
|
|
if (this.hasContent() || this.dot) {
|
|
return h("div", {
|
|
"class": bem({
|
|
dot: this.dot,
|
|
fixed: !!this.$scopedSlots.default
|
|
}),
|
|
"style": {
|
|
background: this.color
|
|
}
|
|
}, [this.renderContent()]);
|
|
}
|
|
}
|
|
},
|
|
render: function render() {
|
|
var h = arguments[0];
|
|
|
|
if (this.$scopedSlots.default) {
|
|
var tag = this.tag;
|
|
return h(tag, {
|
|
"class": bem('wrapper')
|
|
}, [this.$scopedSlots.default(), this.renderBadge()]);
|
|
}
|
|
|
|
return this.renderBadge();
|
|
}
|
|
});
|
|
|
|
exports.default = _default; |