@d-mok/quasar-app-extension-quasar-axe 2.0.13 → 2.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.0.13",
+    "version": "2.0.16",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",
@@ -24,7 +24,7 @@
         "jszip": "^3.9.0",
         "lodash": "^4.17.21",
         "papaparse": "^5.3.2",
-        "sapphire-js": "^1.0.67",
+        "sapphire-js": "^1.0.69",
         "vuedraggable": "^4.1.0"
     },
     "devDependencies": {

package/src/templates/src/boot/axe/components/QxBtnToggle.vue

@@ -0,0 +1,42 @@
+<template>
+    <q-btn-toggle
+        v-model="selected"
+        :options="opts"
+        v-bind="$attrs"
+    />
+</template>
+
+<script lang="ts" setup>
+import { computed } from '@vue/reactivity'
+import { useVModel } from '@vueuse/core'
+
+const props = withDefaults(
+    defineProps<{
+        modelValue: any
+        options: any[]
+        optionLabel?: string | ((_: any) => string)
+    }>(),
+    {}
+)
+const emits = defineEmits(['update:modelValue'])
+
+const selected = useVModel(props, 'modelValue', emits)
+
+function getLabelFunc(labeler?: string | ((_: any) => string)) {
+    if (typeof labeler === 'string') {
+        return ($: any) => String($[labeler])
+    }
+    if (typeof labeler === 'function') {
+        return labeler
+    }
+    return ($: any) => String($)
+}
+
+let opts = computed(() => {
+    let f = getLabelFunc(props.optionLabel)
+    return props.options.map($ => {
+        let str = f($)
+        return { label: str, value: str }
+    })
+})
+</script>

package/src/templates/src/boot/axe/components/QxRadio.vue

@@ -0,0 +1,42 @@
+<template>
+    <q-option-group
+        v-model="selected"
+        :options="opts"
+        v-bind="$attrs"
+    />
+</template>
+
+<script lang="ts" setup>
+import { computed } from '@vue/reactivity'
+import { useVModel } from '@vueuse/core'
+
+const props = withDefaults(
+    defineProps<{
+        modelValue: any
+        options: any[]
+        optionLabel?: string | ((_: any) => string)
+    }>(),
+    {}
+)
+const emits = defineEmits(['update:modelValue'])
+
+const selected = useVModel(props, 'modelValue', emits)
+
+function getLabelFunc(labeler?: string | ((_: any) => string)) {
+    if (typeof labeler === 'string') {
+        return ($: any) => String($[labeler])
+    }
+    if (typeof labeler === 'function') {
+        return labeler
+    }
+    return ($: any) => String($)
+}
+
+let opts = computed(() => {
+    let f = getLabelFunc(props.optionLabel)
+    return props.options.map($ => {
+        let str = f($)
+        return { label: str, value: str }
+    })
+})
+</script>