layer中移除拖拽功能

master
yutent 2023-04-10 14:33:12 +08:00
parent 8f77c0ed30
commit 0cc95ced95
1 changed files with 6 additions and 38 deletions

View File

@ -4,17 +4,8 @@
* @date 2023/03/06 15:17:25
*/
import {
css,
html,
Component,
bind,
unbind,
nextTick,
styleMap
} from '@bd/core'
import { css, html, Component, bind, styleMap } from '@bd/core'
import '../form/input.js'
import Drag from '../drag/core.js'
let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗
let toastInstance = null // 缓存toast的实例
@ -40,7 +31,8 @@ class Layer extends Component {
right: { type: String, attribute: false },
top: { type: String, attribute: false },
bottom: { type: String, attribute: false },
fixed: false,
background: { type: String, attribute: false },
'mask-color': { type: String, attribute: false },
mask: false,
'mask-close': false,
title: { type: String, default: '', attribute: false },
@ -280,7 +272,6 @@ class Layer extends Component {
]
#wrapped = false
#dragIns = null
#resolve = null
#reject = null
@ -296,27 +287,6 @@ class Layer extends Component {
this.promise.host = this
}
#toggleDrag() {
// 这3类弹层不允许拖拽
if (UNIQUE_TYPES.includes(this.type)) {
return
}
if (this.fixed) {
// 如之前有拖拽实例, 先销毁
if (this.#dragIns) {
this.#dragIns.destroy()
this.#dragIns = null
}
return
}
let $title = this.$refs.box.firstElementChild
this.#dragIns = new Drag(this.$refs.box).by($title, {
overflow: !!this.overflow
})
}
#intercept(value) {
if (this.intercept) {
this.intercept(value, _ => {
@ -400,7 +370,9 @@ class Layer extends Component {
}
}
this.#toggleDrag()
if (this.background) {
this.$refs.box.style.backgroundColor = this.background
}
this.#play()
}
@ -432,10 +404,6 @@ class Layer extends Component {
this.type = null
this.$emit('close')
} else {
// 有拖拽实例, 先销毁
if (this.#dragIns) {
this.#dragIns.destroy()
}
// 不允许多开的类型, 需要清除
if (UNIQUE_TYPES.includes(this.type)) {
uniqueInstance = null