@mixd-id/web-scaffold 0.1.230406255 → 0.1.230406256

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406255",
+  "version": "0.1.230406256",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ContextMenu.vue

@@ -65,7 +65,8 @@ export default {
 			computedStyle: null,
 			isOpen: false,
 			context: null,
-			closing: false
+			closing: false,
+      currentCaller: null
 		}
 	},
 
@@ -114,7 +115,8 @@ export default {
 
 		open(caller, context){
 
-			if(this.isOpen){
+      const originalCaller = caller
+			if(this.isOpen && this.currentCaller !== caller){
 				return this.close(() => {
 					window.setTimeout(() => {
 						this.open(caller, context)
@@ -126,7 +128,7 @@ export default {
 				this.isOpen = true
 			}
 
-			caller = caller ?? this.caller
+      caller = caller ?? this.caller
 
 			if(caller){
 
@@ -248,6 +250,8 @@ export default {
 							this.onOpen()
 						})
 					}
+
+          this.currentCaller = originalCaller
 				}
 				else{
 					console.error('Undefined caller for context menu')

package/src/components/ImportModal.vue

@@ -1,15 +1,15 @@
 <template>
 	<Modal :state="isOpen" width="480" height="560">
 		<template v-slot:head>
-			<div class="relative p-5">
-				<div v-if="step !== 3">
+			<div class="relative flex flex-row">
+				<div v-if="step !== 3" class="flex-1 p-6 leading-relaxed">
 					<h3>{{ title }}</h3>
           <slot v-if="step === 1 && 'description' in $slots" name="description"></slot>
 					<p v-else-if="step === 1" class="mt-1 text-text-400" v-html="description"></p>
           <slot v-else-if="step === 2 && 'description2' in $slots" name="description2"></slot>
 					<p v-else-if="step === 2" class="mt-1 text-text-400" v-html="description2"></p>
 				</div>
-				<div class="absolute top-0 right-0 p-2">
+				<div class="p-2 pl-0">
 					<button type="button" class="p-2" @click="isOpen = false">
 						<svg width="24" height="24" viewBox="0 0 24 24" class="fill-text-300 hover:fill-red-500" xmlns="http://www.w3.org/2000/svg">
 							<path d="M6.53034 5.46965C6.23745 5.17676 5.76257 5.17676 5.46968 5.46965C5.17679 5.76255 5.17679 6.23742 5.46968 6.53031L10.9393 12L5.46967 17.4697C5.17678 17.7626 5.17678 18.2374 5.46967 18.5303C5.76256 18.8232 6.23744 18.8232 6.53033 18.5303L12 13.0606L17.4697 18.5303C17.7626 18.8232 18.2375 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L13.0607 12L18.5303 6.53032C18.8232 6.23743 18.8232 5.76256 18.5303 5.46966C18.2374 5.17677 17.7626 5.17677 17.4697 5.46966L12 10.9393L6.53034 5.46965Z"/>

package/src/components/List.vue

@@ -344,7 +344,7 @@ export default{
             id: items.map(item => item.id)
           })
             .then(({ items:nextItems }) => {
-              nextItems.forEach(item => this.$util.push(this.data.items, item))
+              nextItems.forEach(item => this.$util.unshift(this.data.items, item))
               const destroyedItems = items.filter(_ => !nextItems.find(i => i.id === _.id))
               this.$util.remove(this.data.items, destroyedItems)
             })

package/src/components/ListView.vue

@@ -133,7 +133,7 @@
 											ref="table1"
 											:columns="presetColumns"
 											:items="items"
-											class="flex-1 bg-base-500 dark:bg-base-400"
+											class="flex-1 panel-400"
 											@scroll-end="loadNext">
 					<template v-for="column in presetColumns" #[colOf(column.key)]="{}">
 						<div :class="getHeader(column)" @click="openColumnOptions(column.key, $event.target.closest('.' + $style.header))">