|
@@ -1,27 +1,29 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <nut-overlay
|
|
|
|
|
- v-if="overlay"
|
|
|
|
|
- :visible="visible"
|
|
|
|
|
- :close-on-click-overlay="closeOnClickOverlay"
|
|
|
|
|
- :z-index="zIndex"
|
|
|
|
|
- :lock-scroll="lockScroll"
|
|
|
|
|
- :duration="duration"
|
|
|
|
|
- @click="onClickOverlay"
|
|
|
|
|
- v-bind="$attrs"
|
|
|
|
|
- />
|
|
|
|
|
- <Transition :name="transitionName" @after-enter="onOpened" @after-leave="onClosed">
|
|
|
|
|
- <view v-show="visible" :class="classes" :style="popStyle" @click="onClick">
|
|
|
|
|
- <slot v-if="showSlot"></slot>
|
|
|
|
|
- <view
|
|
|
|
|
- v-if="closed"
|
|
|
|
|
- @click="onClickCloseIcon"
|
|
|
|
|
- class="nut-popup__close-icon"
|
|
|
|
|
- :class="'nut-popup__close-icon--' + closeIconPosition"
|
|
|
|
|
- >
|
|
|
|
|
- <nut-icon v-bind="$attrs" :name="closeIcon" size="12px" />
|
|
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <nut-overlay
|
|
|
|
|
+ v-if="overlay"
|
|
|
|
|
+ :visible="visible"
|
|
|
|
|
+ :close-on-click-overlay="closeOnClickOverlay"
|
|
|
|
|
+ :z-index="zIndex"
|
|
|
|
|
+ :lock-scroll="lockScroll"
|
|
|
|
|
+ :duration="duration"
|
|
|
|
|
+ @click="onClickOverlay"
|
|
|
|
|
+ v-bind="$attrs"
|
|
|
|
|
+ />
|
|
|
|
|
+ <Transition :name="transitionName" @after-enter="onOpened" @after-leave="onClosed">
|
|
|
|
|
+ <view v-show="visible" :class="classes" :style="popStyle" @click="onClick">
|
|
|
|
|
+ <slot v-if="showSlot"></slot>
|
|
|
|
|
+ <view
|
|
|
|
|
+ v-if="closed"
|
|
|
|
|
+ @click="onClickCloseIcon"
|
|
|
|
|
+ class="nut-popup__close-icon"
|
|
|
|
|
+ :class="'nut-popup__close-icon--' + closeIconPosition"
|
|
|
|
|
+ >
|
|
|
|
|
+ <nut-icon v-bind="$attrs" :name="closeIcon" size="12px" />
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- </Transition>
|
|
|
|
|
|
|
+ </Transition>
|
|
|
|
|
+ </div>
|
|
|
</template>
|
|
</template>
|
|
|
<script lang="ts">
|
|
<script lang="ts">
|
|
|
import { createComponent } from '@/packages/utils/create';
|
|
import { createComponent } from '@/packages/utils/create';
|