12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- "use strict";
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
- exports.__esModule = true;
- exports.default = void 0;
- var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
- var _utils = require("../utils");
- var _functional = require("../utils/functional");
- var _event = require("../utils/dom/event");
- // Utils
- var _createNamespace = (0, _utils.createNamespace)('overlay'),
- createComponent = _createNamespace[0],
- bem = _createNamespace[1];
- function preventTouchMove(event) {
- (0, _event.preventDefault)(event, true);
- }
- function Overlay(h, props, slots, ctx) {
- var style = (0, _extends2.default)({
- zIndex: props.zIndex
- }, props.customStyle);
- if ((0, _utils.isDef)(props.duration)) {
- style.animationDuration = props.duration + "s";
- }
- return h("transition", {
- "attrs": {
- "name": "van-fade"
- }
- }, [h("div", (0, _babelHelperVueJsxMergeProps.default)([{
- "directives": [{
- name: "show",
- value: props.show
- }],
- "style": style,
- "class": [bem(), props.className],
- "on": {
- "touchmove": props.lockScroll ? preventTouchMove : _utils.noop
- }
- }, (0, _functional.inherit)(ctx, true)]), [slots.default == null ? void 0 : slots.default()])]);
- }
- Overlay.props = {
- show: Boolean,
- zIndex: [Number, String],
- duration: [Number, String],
- className: null,
- customStyle: Object,
- lockScroll: {
- type: Boolean,
- default: true
- }
- };
- var _default = createComponent(Overlay);
- exports.default = _default;
|