Compare commits
No commits in common. "90c2c130e155ce3a3b03641e7896499d5cee80cb" and "e22585ec60df0e2d6212db58519b9539911d3678" have entirely different histories.
90c2c130e1
...
e22585ec60
2 changed files with 7 additions and 21 deletions
|
|
@ -80,16 +80,10 @@ const present = computed(() => props.modelValue[props.selectedId] != null)
|
|||
|
||||
const moveUp = async () => {
|
||||
const newModel = [...props.modelValue]
|
||||
const movableId = Number(props.selectedId)
|
||||
const movable = newModel.splice(props.selectedId, 1)[0]
|
||||
newModel.splice(props.selectedId - 1, 0, movable)
|
||||
|
||||
const movable = newModel.slice(movableId, movableId + 1)[0]
|
||||
const before = newModel.slice(0, movableId)
|
||||
const after = newModel.slice(movableId + 1)
|
||||
|
||||
const newBefore = before.slice(0, -1)
|
||||
const newAfter = [before.slice(-1)[0], ...after]
|
||||
|
||||
emit('update:modelValue', [...newBefore, movable, ...newAfter])
|
||||
emit('update:modelValue', newModel)
|
||||
await nextTick()
|
||||
emit('update:selectedId', props.selectedId - 1)
|
||||
}
|
||||
|
|
@ -100,18 +94,12 @@ const moveDnValid = computed(() => {
|
|||
|
||||
const moveDn = async () => {
|
||||
const newModel = [...props.modelValue]
|
||||
const movableId = Number(props.selectedId)
|
||||
const movable = newModel.splice(props.selectedId.value, 1)[0]
|
||||
newModel.splice(props.selectedId + 1, 0, movable)
|
||||
|
||||
const movable = newModel.slice(movableId, movableId + 1)[0]
|
||||
const before = newModel.slice(0, movableId)
|
||||
const after = newModel.slice(movableId + 1)
|
||||
|
||||
const newBefore = [...before, after.slice(0, 1)[0]]
|
||||
const newAfter = after.slice(1)
|
||||
|
||||
emit('update:modelValue', [...newBefore, movable, ...newAfter])
|
||||
emit('update:modelValue', newModel)
|
||||
await nextTick()
|
||||
emit('update:selectedId', movableId + 1)
|
||||
emit('update:selectedId', props.selectedId + 1)
|
||||
}
|
||||
|
||||
const add = async () => {
|
||||
|
|
|
|||
|
|
@ -65,8 +65,6 @@
|
|||
.tab-content-wrapper {
|
||||
flex: 1 1 auto;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&.-hidden {
|
||||
display: none;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue