[1.x] Features: default label, single var autoselect, conditional + b…

…utton (#8) Co-authored-by: Jack Sleight <[email protected]>
jacksleight · Nov 1, 2024 · 0c1ac94 · 0c1ac94
1 parent 3d36061
commit 0c1ac94
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 25 deletions.
diff --git a/dist/build/assets/addon-89467a3c.js → dist/build/assets/addon-1bbdcebd.js b/dist/build/assets/addon-89467a3c.js → dist/build/assets/addon-1bbdcebd.js
diff --git a/dist/build/manifest.json b/dist/build/manifest.json
@@ -7,7 +7,7 @@
     "css": [
       "assets/addon-027ed678.css"
     ],
-    "file": "assets/addon-89467a3c.js",
+    "file": "assets/addon-1bbdcebd.js",
     "isEntry": true,
     "src": "resources/js/addon.js"
   }

diff --git a/resources/js/components/fieldtypes/MinisetClassesFieldtype.vue b/resources/js/components/fieldtypes/MinisetClassesFieldtype.vue
@@ -27,6 +27,7 @@
                 </button>
             </div>
             <button
+                v-if="! allVariantsAdded"
                 class="miniset-add"
                 @click.prevent="addGroup">
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 block opacity-25 hover:opacity-100" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
@@ -110,16 +111,28 @@ export default {
 
     computed: {
 
+        allVariantsAdded() {
+            return this.variantCount === this.value.length - 1;
+        },
+
         fields() {
             return this.config.fields;
         },
 
+        showTabs() {
+            return this.variantCount > 0
+        },
+
+        defaultLabel() {
+            return this.config.default_label || __('Default');
+        },
+
         variants() {
             return this.config.variants;
         },
 
-        showTabs() {
-            return Object.keys(this.variants).length > 0
+        variantCount() {
+            return Object.keys(this.variants).length;
         },
 
     },
@@ -147,11 +160,14 @@ export default {
         },
 
         addGroup() {
-            this.addingGroup = true;
+            if (this.variantCount === 1) {
+                this.commitGroup(Object.keys(this.variants)[0]);
+            } else {
+                this.addingGroup = true;
+            }
         },
 
         commitGroup(variant) {
-
             const existing = this.value.findIndex(group => group.variant === variant);
             if (existing !== -1) {
                 this.addingGroup = false;
@@ -229,7 +245,7 @@ export default {
         groupLabel(group) {
             return group.variant
                 ? (this.variants[group.variant] || group.variant)
-                : __('Default');
+                : this.defaultLabel;
         },
 
         updateGroupMeta(group, value) {

diff --git a/src/Fieldtypes/MinisetClassesFieldtype.php b/src/Fieldtypes/MinisetClassesFieldtype.php
@@ -33,6 +33,12 @@ protected function configFieldItems(): array
                 'display' => __('Variants'),
                 'type' => 'array',
             ],
+            'default_label' => [
+                'display' => __('Default Label'),
+                'instructions' => __('Custom label for the default tab.'),
+                'type' => 'text',
+                'placeholder' => 'Default',
+            ],
         ];
     }