@mixd-id/web-scaffold 0.1.230406391 → 0.1.230406393

package/package.json

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

package/src/components/List.vue

@@ -57,7 +57,7 @@
                         <div class="p-3 flex flex-col gap-1 bg-base-300">
                           <button v-for="(preset, idx) in config.presets"
                                   class="p-2 px-5 text-left flex flex-row items-center rounded-md"
-                                  :class="config.presetIdx === idx ? 'bg-primary-200 text-white' : 'hover:bg-primary-100'"
+                                  :class="configParams.presetIdx === preset.uid ? 'bg-primary-200 text-white' : 'hover:bg-primary-100'"
                                   type="button"
                                   @click="selectPreset(idx)">
                             <label class="flex-1 pr-12">
@@ -965,7 +965,9 @@ export default{
       if(!this.config.params)
         this.config.params = {}
 
-      if(!this.config.params.presetIdx && this.config.presets.length > 0)
+      if(this.config.presets.length > 0 &&
+          (!this.config.params.presetIdx ||
+              !this.config.presets.find(_ => _.uid === this.config.params.presetIdx)))
         this.config.params.presetIdx = this.config.presets[0].uid
 
       return this.config.params

package/src/widgets/PresetBar.vue

@@ -777,7 +777,9 @@ export default{
       if(!this.config.params)
         this.config.params = {}
 
-      if(!this.config.params.presetIdx && this.config.presets.length > 0)
+      if(this.config.presets.length > 0 &&
+          (!this.config.params.presetIdx ||
+              !this.config.presets.find(_ => _.uid === this.config.params.presetIdx)))
         this.config.params.presetIdx = this.config.presets[0].uid
 
       return this.config.params

package/src/widgets/PresetSelector.vue

@@ -55,7 +55,7 @@
       <div class="flex flex-col bg-base-300 border-t-[1px] border-b-[1px] border-text-50 divide-y divide-text-50">
         <div v-for="(preset, idx) in config.presets"
                 class="px-6 text-left hover:bg-primary-200 hover:text-white flex flex-row items-center">
-          <div class="flex-1 py-4" @click="select(idx)">
+          <div class="flex-1 py-4" @click="select(preset)">
             {{ preset.name }}
           </div>
           <button type="button"
@@ -479,6 +479,18 @@ export default{
 
   computed: {
 
+    configParams(){
+      if(!this.config.params)
+        this.config.params = {}
+
+      if(this.config.presets.length > 0 &&
+          (!this.config.params.presetIdx ||
+              !this.config.presets.find(_ => _.uid === this.config.params.presetIdx)))
+        this.config.params.presetIdx = this.config.presets[0].uid
+
+      return this.config.params
+    },
+
     filterColumns(){
       return JSON.parse(JSON.stringify(this.config.columns ?? []))
           .filter(_ => !('filterable' in _) || _.filterable)
@@ -641,8 +653,8 @@ export default{
       })
     },
 
-    select(idx){
-      this.config.presetIdx = idx
+    select(item){
+      this.configParams.presetIdx = item.uid
       this.close()
       this.$emit('select')
     },