123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- import _extends from 'babel-runtime/helpers/extends';
- import omit from 'omit.js';
- import Tooltip from '../tooltip';
- import abstractTooltipProps from '../tooltip/abstractTooltipProps';
- import PropTypes from '../_util/vue-types';
- import { getOptionProps, hasProp, getComponentFromProp, mergeProps } from '../_util/props-util';
- import BaseMixin from '../_util/BaseMixin';
- import buttonTypes from '../button/buttonTypes';
- import Icon from '../icon';
- import Button from '../button';
- import LocaleReceiver from '../locale-provider/LocaleReceiver';
- import defaultLocale from '../locale-provider/default';
- import { ConfigConsumerProps } from '../config-provider/configConsumerProps';
- import Base from '../base';
- var tooltipProps = abstractTooltipProps();
- var btnProps = buttonTypes();
- var Popconfirm = {
- name: 'APopconfirm',
- props: _extends({}, tooltipProps, {
- prefixCls: PropTypes.string,
- transitionName: PropTypes.string.def('zoom-big'),
- content: PropTypes.any,
- title: PropTypes.any,
- trigger: tooltipProps.trigger.def('click'),
- okType: btnProps.type.def('primary'),
- disabled: PropTypes.bool.def(false),
- okText: PropTypes.any,
- cancelText: PropTypes.any,
- icon: PropTypes.any,
- okButtonProps: PropTypes.object,
- cancelButtonProps: PropTypes.object
- }),
- mixins: [BaseMixin],
- model: {
- prop: 'visible',
- event: 'visibleChange'
- },
- watch: {
- visible: function visible(val) {
- this.sVisible = val;
- }
- },
- inject: {
- configProvider: { 'default': function _default() {
- return ConfigConsumerProps;
- } }
- },
- data: function data() {
- var props = getOptionProps(this);
- var state = { sVisible: false };
- if ('visible' in props) {
- state.sVisible = props.visible;
- }
- if ('defaultVisible' in props) {
- state.sVisible = props.defaultVisible;
- }
- return state;
- },
- methods: {
- onConfirm: function onConfirm(e) {
- this.setVisible(false, e);
- this.$emit('confirm', e);
- },
- onCancel: function onCancel(e) {
- this.setVisible(false, e);
- this.$emit('cancel', e);
- },
- onVisibleChange: function onVisibleChange(sVisible) {
- var disabled = this.$props.disabled;
- if (disabled) {
- return;
- }
- this.setVisible(sVisible);
- },
- setVisible: function setVisible(sVisible, e) {
- if (!hasProp(this, 'visible')) {
- this.setState({ sVisible: sVisible });
- }
- this.$emit('visibleChange', sVisible, e);
- },
- getPopupDomNode: function getPopupDomNode() {
- return this.$refs.tooltip.getPopupDomNode();
- },
- renderOverlay: function renderOverlay(prefixCls, popconfirmLocale) {
- var h = this.$createElement;
- var okType = this.okType,
- okButtonProps = this.okButtonProps,
- cancelButtonProps = this.cancelButtonProps;
- var icon = getComponentFromProp(this, 'icon') || h(Icon, {
- attrs: { type: 'exclamation-circle', theme: 'filled' }
- });
- var cancelBtnProps = mergeProps({
- props: {
- size: 'small'
- },
- on: {
- click: this.onCancel
- }
- }, cancelButtonProps);
- var okBtnProps = mergeProps({
- props: {
- type: okType,
- size: 'small'
- },
- on: {
- click: this.onConfirm
- }
- }, okButtonProps);
- return h(
- 'div',
- { 'class': prefixCls + '-inner-content' },
- [h(
- 'div',
- { 'class': prefixCls + '-message' },
- [icon, h(
- 'div',
- { 'class': prefixCls + '-message-title' },
- [getComponentFromProp(this, 'title')]
- )]
- ), h(
- 'div',
- { 'class': prefixCls + '-buttons' },
- [h(
- Button,
- cancelBtnProps,
- [getComponentFromProp(this, 'cancelText') || popconfirmLocale.cancelText]
- ), h(
- Button,
- okBtnProps,
- [getComponentFromProp(this, 'okText') || popconfirmLocale.okText]
- )]
- )]
- );
- }
- },
- render: function render() {
- var _this = this;
- var h = arguments[0];
- var props = getOptionProps(this);
- var customizePrefixCls = props.prefixCls;
- var getPrefixCls = this.configProvider.getPrefixCls;
- var prefixCls = getPrefixCls('popover', customizePrefixCls);
- var otherProps = omit(props, ['title', 'content', 'cancelText', 'okText']);
- var tooltipProps = {
- props: _extends({}, otherProps, {
- prefixCls: prefixCls,
- visible: this.sVisible
- }),
- ref: 'tooltip',
- on: {
- visibleChange: this.onVisibleChange
- }
- };
- var overlay = h(LocaleReceiver, {
- attrs: {
- componentName: 'Popconfirm',
- defaultLocale: defaultLocale.Popconfirm
- },
- scopedSlots: {
- 'default': function _default(popconfirmLocale) {
- return _this.renderOverlay(prefixCls, popconfirmLocale);
- }
- }
- });
- return h(
- Tooltip,
- tooltipProps,
- [h(
- 'template',
- { slot: 'title' },
- [overlay]
- ), this.$slots['default']]
- );
- }
- };
- /* istanbul ignore next */
- Popconfirm.install = function (Vue) {
- Vue.use(Base);
- Vue.component(Popconfirm.name, Popconfirm);
- };
- export default Popconfirm;
|