@ohu-mobile/core
Version:
60 lines (59 loc) • 1.9 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.basePopoverItemName = void 0;
var _Icon = _interopRequireDefault(require("../Icon"));
var _Divider = _interopRequireDefault(require("../Divider"));
var _variables = require("../_config/variables");
var _defineComponent = require("../_utils/defineComponent");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var basePopoverItemName = exports.basePopoverItemName = "".concat(_variables.$prefix, "popover-item");
var _default = exports.default = (0, _defineComponent.defineComponent)('popover-item').create({
props: {
icon: (0, _defineComponent.props)(String, Object).optional,
divider: (0, _defineComponent.props)(Boolean).default(true),
disabled: (0, _defineComponent.props)(Boolean).default(false)
},
methods: {
onClick: function onClick(e) {
if (this.disabled) return;
this.$emit('click', e);
},
onTouchstart: function onTouchstart(e) {
this.$emit('touchstart', e);
}
},
render: function render() {
var h = arguments[0];
var $slots = this.$slots,
icon = this.icon,
divider = this.divider,
disabled = this.disabled;
var cls = this.$rootCls().is(disabled && 'disabled');
return h("div", {
"class": cls,
"attrs": {
"role": "button"
},
"on": {
"click": this.onClick,
"touchstart": this.onTouchstart
}
}, [h("div", {
"class": cls.element('content')
}, [icon && h("div", {
"class": cls.element('icon')
}, [h(_Icon.default, {
"attrs": {
"type": icon
}
})]), h("div", {
"class": cls.element('text')
}, [$slots.default])]), divider && h(_Divider.default, {
"attrs": {
"color": _variables.$popoverDividerColor
}
})]);
}
});