layer中移除拖拽功能
parent
8f77c0ed30
commit
0cc95ced95
|
@ -4,17 +4,8 @@
|
||||||
* @date 2023/03/06 15:17:25
|
* @date 2023/03/06 15:17:25
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {
|
import { css, html, Component, bind, styleMap } from '@bd/core'
|
||||||
css,
|
|
||||||
html,
|
|
||||||
Component,
|
|
||||||
bind,
|
|
||||||
unbind,
|
|
||||||
nextTick,
|
|
||||||
styleMap
|
|
||||||
} from '@bd/core'
|
|
||||||
import '../form/input.js'
|
import '../form/input.js'
|
||||||
import Drag from '../drag/core.js'
|
|
||||||
|
|
||||||
let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗
|
let uniqueInstance = null // 缓存当前打开的alert/confirm/prompt类型的弹窗
|
||||||
let toastInstance = null // 缓存toast的实例
|
let toastInstance = null // 缓存toast的实例
|
||||||
|
@ -40,7 +31,8 @@ class Layer extends Component {
|
||||||
right: { type: String, attribute: false },
|
right: { type: String, attribute: false },
|
||||||
top: { type: String, attribute: false },
|
top: { type: String, attribute: false },
|
||||||
bottom: { 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: false,
|
||||||
'mask-close': false,
|
'mask-close': false,
|
||||||
title: { type: String, default: '', attribute: false },
|
title: { type: String, default: '', attribute: false },
|
||||||
|
@ -280,7 +272,6 @@ class Layer extends Component {
|
||||||
]
|
]
|
||||||
|
|
||||||
#wrapped = false
|
#wrapped = false
|
||||||
#dragIns = null
|
|
||||||
|
|
||||||
#resolve = null
|
#resolve = null
|
||||||
#reject = null
|
#reject = null
|
||||||
|
@ -296,27 +287,6 @@ class Layer extends Component {
|
||||||
this.promise.host = this
|
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) {
|
#intercept(value) {
|
||||||
if (this.intercept) {
|
if (this.intercept) {
|
||||||
this.intercept(value, _ => {
|
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()
|
this.#play()
|
||||||
}
|
}
|
||||||
|
@ -432,10 +404,6 @@ class Layer extends Component {
|
||||||
this.type = null
|
this.type = null
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
} else {
|
} else {
|
||||||
// 有拖拽实例, 先销毁
|
|
||||||
if (this.#dragIns) {
|
|
||||||
this.#dragIns.destroy()
|
|
||||||
}
|
|
||||||
// 不允许多开的类型, 需要清除
|
// 不允许多开的类型, 需要清除
|
||||||
if (UNIQUE_TYPES.includes(this.type)) {
|
if (UNIQUE_TYPES.includes(this.type)) {
|
||||||
uniqueInstance = null
|
uniqueInstance = null
|
||||||
|
|
Loading…
Reference in New Issue