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.9 KiB
76 lines
1.9 KiB
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import { createNamespace } from '../utils';
|
|
import { route, routeProps } from '../utils/router';
|
|
import { ChildrenMixin } from '../mixins/relation';
|
|
import Info from '../info';
|
|
import Icon from '../icon';
|
|
|
|
var _createNamespace = createNamespace('goods-action-icon'),
|
|
createComponent = _createNamespace[0],
|
|
bem = _createNamespace[1];
|
|
|
|
export default createComponent({
|
|
mixins: [ChildrenMixin('vanGoodsAction')],
|
|
props: _extends({}, routeProps, {
|
|
dot: Boolean,
|
|
text: String,
|
|
icon: String,
|
|
color: String,
|
|
// @deprecated
|
|
info: [Number, String],
|
|
badge: [Number, String],
|
|
iconClass: null
|
|
}),
|
|
methods: {
|
|
onClick: function onClick(event) {
|
|
this.$emit('click', event);
|
|
route(this.$router, this);
|
|
},
|
|
genIcon: function genIcon() {
|
|
var _this$badge;
|
|
|
|
var h = this.$createElement;
|
|
var slot = this.slots('icon');
|
|
var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
|
|
|
|
if (process.env.NODE_ENV === 'development' && this.info) {
|
|
console.warn('[Vant] GoodsActionIcon: "info" prop is deprecated, use "badge" prop instead.');
|
|
}
|
|
|
|
if (slot) {
|
|
return h("div", {
|
|
"class": bem('icon')
|
|
}, [slot, h(Info, {
|
|
"attrs": {
|
|
"dot": this.dot,
|
|
"info": info
|
|
}
|
|
})]);
|
|
}
|
|
|
|
return h(Icon, {
|
|
"class": [bem('icon'), this.iconClass],
|
|
"attrs": {
|
|
"tag": "div",
|
|
"dot": this.dot,
|
|
"info": info,
|
|
"name": this.icon,
|
|
"color": this.color
|
|
}
|
|
});
|
|
}
|
|
},
|
|
render: function render() {
|
|
var h = arguments[0];
|
|
return h("div", {
|
|
"attrs": {
|
|
"role": "button",
|
|
"tabindex": "0"
|
|
},
|
|
"class": bem(),
|
|
"on": {
|
|
"click": this.onClick
|
|
}
|
|
}, [this.genIcon(), this.slots() || this.text]);
|
|
}
|
|
}); |