@mouseless/baked 1.2.5 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mouseless/baked",
3
3
  "configKey": "baked",
4
- "version": "1.2.5",
4
+ "version": "1.2.7",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -5,19 +5,31 @@
5
5
  <Skeleton class="min-h-10" />
6
6
  </div>
7
7
  </template>
8
- <SelectButton
9
- v-if="data"
10
- v-model="selected"
11
- :options="data"
12
- :allow-empty
13
- :data-key="optionValue"
14
- :option-label
15
- :pt="{ pcToggleButton: { root: { class: 'text-[length:inherit]' } } }"
16
- >
17
- <template #option="slotProps">
18
- <span>{{ getOptionLabel(slotProps) }}</span>
19
- </template>
20
- </SelectButton>
8
+ <div :class="label ? 'flex flex-col' : 'inline-block'">
9
+ <label
10
+ v-if="label"
11
+ class="
12
+ b-component--SelectButton-Label
13
+ text-xs text-slate-500 font-normal
14
+ dark:text-zinc-400 mb-1 ml-2
15
+ "
16
+ >
17
+ {{ label }}
18
+ </label>
19
+ <SelectButton
20
+ v-if="data"
21
+ v-model="selected"
22
+ :options="data"
23
+ :allow-empty
24
+ :data-key="optionValue"
25
+ :option-label
26
+ :pt="{ pcToggleButton: { root: { class: 'text-[length:inherit]' } } }"
27
+ >
28
+ <template #option="slotProps">
29
+ <span>{{ getOptionLabel(slotProps) }}</span>
30
+ </template>
31
+ </SelectButton>
32
+ </div>
21
33
  </AwaitLoading>
22
34
  </template>
23
35
 
@@ -34,7 +46,7 @@ const { schema, data } = defineProps({
34
46
  data: { type: null, required: true }
35
47
  });
36
48
  const model = defineModel({ type: null, required: true });
37
- const { allowEmpty = false, localizeLabel, optionLabel, optionValue, stateful, targetProp } = schema;
49
+ const { allowEmpty = false, label, localizeLabel, optionLabel, optionValue, stateful, targetProp } = schema;
38
50
  const path = context.injectPath();
39
51
  const selected = ref();
40
52
  watch(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mouseless/baked",
3
- "version": "1.2.5",
3
+ "version": "1.2.7",
4
4
  "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
5
5
  "keywords": [
6
6
  "baked",