Update v-click-outside-x and use project wide directive

This commit is contained in:
Graham Fairweather 2018-05-30 15:29:46 +02:00
parent 427b869297
commit 26369639b6
15 changed files with 15962 additions and 16013 deletions

View file

@ -1,5 +1,5 @@
<template>
<div :class="classes" v-clickoutside="handleClose">
<div :class="classes" v-click-outside="handleClose">
<div :class="[prefixCls + '-rel']" @click="toggleOpen" ref="reference">
<input type="hidden" :name="name" :value="currentValue">
<slot>
@ -57,7 +57,7 @@
import Drop from '../select/dropdown.vue';
import Icon from '../icon/icon.vue';
import Caspanel from './caspanel.vue';
import clickoutside from '../../directives/clickoutside';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import { oneOf } from '../../utils/assist';
import Emitter from '../../mixins/emitter';
@ -70,7 +70,7 @@
name: 'Cascader',
mixins: [ Emitter, Locale ],
components: { iInput, Drop, Icon, Caspanel },
directives: { clickoutside, TransferDom },
directives: { clickOutside, TransferDom },
props: {
data: {
type: Array,

View file

@ -112,7 +112,7 @@
<script>
import tinycolor from 'tinycolor2';
import vClickOutside from 'v-click-outside-x';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import Drop from '../../components/select/dropdown.vue';
import RecommendColors from './recommend-colors.vue';
@ -130,7 +130,7 @@ export default {
components: {Drop, RecommendColors, Saturation, Hue, Alpha},
directives: {clickOutside: vClickOutside.directive, TransferDom},
directives: {clickOutside, TransferDom},
mixins: [Emitter, Locale, Prefixes],

View file

@ -78,7 +78,7 @@
import iInput from '../../components/input/input.vue';
import Drop from '../../components/select/dropdown.vue';
import vClickOutside from 'v-click-outside-x';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import { oneOf } from '../../utils/assist';
import { DEFAULT_FORMATS, RANGE_SEPARATOR, TYPE_VALUE_RESOLVER_MAP, getDayCountOfMonth } from './util';
@ -120,7 +120,7 @@
export default {
mixins: [ Emitter ],
components: { iInput, Drop },
directives: { clickOutside: vClickOutside.directive, TransferDom },
directives: { clickOutside, TransferDom },
props: {
format: {
type: String

View file

@ -1,7 +1,7 @@
<template>
<div
:class="[prefixCls]"
v-clickoutside="onClickoutside"
v-click-outside="onClickoutside"
@mouseenter="handleMouseenter"
@mouseleave="handleMouseleave">
<div :class="[prefixCls + '-rel']" ref="reference" @click="handleClick"><slot></slot></div>
@ -20,7 +20,7 @@
</template>
<script>
import Drop from '../select/dropdown.vue';
import clickoutside from '../../directives/clickoutside';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import { oneOf, findComponentUpward } from '../../utils/assist';
@ -28,7 +28,7 @@
export default {
name: 'Dropdown',
directives: { clickoutside, TransferDom },
directives: { clickOutside, TransferDom },
components: { Drop },
props: {
trigger: {

View file

@ -3,7 +3,7 @@
:class="classes"
@mouseenter="handleMouseenter"
@mouseleave="handleMouseleave"
v-clickoutside="handleClose">
v-click-outside="handleClose">
<div
:class="[prefixCls + '-rel']"
ref="reference"
@ -49,7 +49,7 @@
<script>
import Popper from '../base/popper';
import iButton from '../button/button.vue';
import clickoutside from '../../directives/clickoutside';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import { oneOf } from '../../utils/assist';
import Locale from '../../mixins/locale';
@ -59,7 +59,7 @@
export default {
name: 'Poptip',
mixins: [ Popper, Locale ],
directives: { clickoutside, TransferDom },
directives: { clickOutside, TransferDom },
components: { iButton },
props: {
trigger: {

View file

@ -73,7 +73,7 @@
<script>
import Icon from '../icon';
import Drop from './dropdown.vue';
import vClickOutside from 'v-click-outside-x';
import {directive as clickOutside} from 'v-click-outside-x';
import TransferDom from '../../directives/transfer-dom';
import { oneOf } from '../../utils/assist';
import Emitter from '../../mixins/emitter';
@ -142,7 +142,7 @@
name: 'iSelect',
mixins: [ Emitter, Locale ],
components: { FunctionalOptions, Drop, Icon, SelectHead },
directives: { clickOutside: vClickOutside.directive, TransferDom },
directives: { clickOutside, TransferDom },
props: {
value: {
type: [String, Number, Array],