@mixd-id/web-scaffold 0.1.230406240 → 0.1.230406241

package/package.json

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

package/src/components/ImportModal.vue

@@ -110,7 +110,7 @@ export default{
 
 	emits: [ 'complete' ],
 
-	inject: [ 'socketEmit', 'socket', 'toast' ],
+	inject: [ 'alert', 'socketEmit', 'socket' ],
 
 	props: {
 
@@ -195,7 +195,7 @@ export default{
 					})
 				})
 				.catch((e) => {
-					this.toast(e.response.data)
+					this.alert(e.response.data)
 				})
 				.finally(() => {
 					this.isLoading = false
@@ -233,7 +233,7 @@ export default{
 					this.step = 3
 				})
 				.catch((e) => {
-					this.toast(e.response.data)
+					this.alert(e.response.data)
 				})
 				.finally(() => {
 					this.isLoading = false

package/src/components/ListView.vue

@@ -6,7 +6,7 @@
 			<div v-else :class="$style.toolbar">
 				<div class="flex-1 flex flex-row gap-6">
 					<button type="button" ref="presetSelectorBtn"
-									class="flex-1 md:flex-none flex flex-col text-left md:ml-2 leading-tight"
+									class="flex-1 md:flex-none flex flex-col text-left leading-tight"
 									@click="$refs.presetSelector.toggle($refs.presetSelectorBtn)">
 						<small v-if="title" class="text-text-400 text-xs">{{ title }}</small>
 						<div class="flex flex-row items-center">
@@ -911,7 +911,7 @@ export default{
 
 		config: {
       deep: true,
-			handler(to){
+			handler(){
         this.saveConfig()
       }
 		}

package/src/components/VirtualScroll.vue

@@ -3,7 +3,10 @@
 		<div v-if="state === 3" ref="spinner" class="flex-1 flex items-center justify-center p-8">
 			<svg class="animate-spin aspect-square w-[32px] h-[32px] text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
 		</div>
-		<div v-else ref="scroller" :class="$style.scroller" :style="scrollerStyle">
+		<div v-else-if="Array.isArray(items)"
+         ref="scroller"
+         :class="$style.scroller"
+         :style="scrollerStyle">
 			<div v-if="visibleItems && visibleItems.length > 0" :class="$style.spacer" ref="spacer" :style="spacerStyle">
 				<div v-for="(item, index) in visibleItems" :key="item" :data-id="item.id"
 						 @click="select(item, index)"
@@ -11,11 +14,13 @@
 					<slot name="item" :item="item" :index="index"></slot>
 				</div>
 			</div>
-			<div v-else-if="Array.isArray(items) && items.length <= 0" class="flex p-8 justify-center items-center">
-				<slot v-if="$slots['empty']" name="empty"></slot>
-				<div v-else>No data</div>
-			</div>
+      <div v-else
+           class="p-8 justify-center items-center">
+        <slot v-if="$slots['empty']" name="empty"></slot>
+        <div v-else>No data</div>
+      </div>
 		</div>
+
 		<div v-if="state === 2" ref="spinner" class="h-[44px] relative">
 			<div class="absolute top-0 left-0 w-screen h-[44px] flex items-center justify-center">
 				<svg class="animate-spin aspect-square w-[16px] h-[16px] text-primary" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
@@ -228,7 +233,7 @@ export default{
 <style module>
 
   .comp{
-		@apply relative overflow-y-auto overflow-x-hidden max-h-[100vh];
+		@apply relative overflow-y-auto overflow-x-hidden max-h-[100vh] flex;
   }
 
   .scroller{