@hostlink/nuxt-light 1.27.6 → 1.27.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 +1 -1
- package/dist/runtime/components/l-bar.vue +5 -8
- package/dist/runtime/components/l-btn.vue +2 -1
- package/dist/runtime/components/l-checkbox.vue +2 -2
- package/dist/runtime/components/l-select.vue +1 -6
- package/dist/runtime/components/l-table.vue +2 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { useLight } from '#imports';
|
|
3
3
|
import { QBar } from 'quasar';
|
|
4
4
|
import type { QBarProps } from 'quasar';
|
|
5
|
-
import {
|
|
5
|
+
import { computed } from 'vue';
|
|
6
6
|
export interface LBarProps extends QBarProps {
|
|
7
7
|
color?: string;
|
|
8
8
|
textColor?: string;
|
|
@@ -10,7 +10,7 @@ export interface LBarProps extends QBarProps {
|
|
|
10
10
|
|
|
11
11
|
const props = withDefaults(defineProps<LBarProps>(), {
|
|
12
12
|
color: undefined,
|
|
13
|
-
textColor: "white"
|
|
13
|
+
textColor: "white",
|
|
14
14
|
});
|
|
15
15
|
|
|
16
16
|
const light = useLight();
|
|
@@ -20,12 +20,9 @@ const barClass = computed(() => {
|
|
|
20
20
|
c.push(`bg-${color}`);
|
|
21
21
|
return c;
|
|
22
22
|
});
|
|
23
|
-
|
|
24
|
-
const root = h(QBar, {
|
|
25
|
-
...props,
|
|
26
|
-
}, useSlots()) as any;
|
|
27
23
|
</script>
|
|
28
|
-
|
|
29
24
|
<template>
|
|
30
|
-
<
|
|
25
|
+
<q-bar :class="barClass">
|
|
26
|
+
<slot></slot>
|
|
27
|
+
</q-bar>
|
|
31
28
|
</template>
|
|
@@ -36,7 +36,8 @@ const handleClick = function () {
|
|
|
36
36
|
};
|
|
37
37
|
</script>
|
|
38
38
|
<template>
|
|
39
|
-
<q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
|
|
39
|
+
<q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
|
|
40
|
+
v-bind="$light.getButtonProps(filteredProps)">
|
|
40
41
|
<slot></slot>
|
|
41
42
|
</q-btn>
|
|
42
43
|
</template>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import
|
|
2
|
+
import { type QCheckboxProps } from "quasar"
|
|
3
3
|
defineProps<QCheckboxProps>()
|
|
4
4
|
</script>
|
|
5
5
|
<template>
|
|
6
|
-
<q-checkbox v-bind="$props" :color="color
|
|
6
|
+
<q-checkbox v-bind="$props" :color="color || $light.color" :label="label ? $t(label) : undefined">
|
|
7
7
|
<slot></slot>
|
|
8
8
|
</q-checkbox>
|
|
9
9
|
</template>
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import { ref } from "vue";
|
|
3
|
-
import {
|
|
4
|
-
import { type QSelectProps } from "quasar";
|
|
5
|
-
|
|
3
|
+
import type { QSelectProps } from "quasar";
|
|
6
4
|
|
|
7
5
|
const props = withDefaults(defineProps<QSelectProps>(), {
|
|
8
6
|
emitValue: true,
|
|
@@ -20,9 +18,6 @@ const props = withDefaults(defineProps<QSelectProps>(), {
|
|
|
20
18
|
inputDebounce: 0,
|
|
21
19
|
})
|
|
22
20
|
|
|
23
|
-
defineEmits(QSelect.emits);
|
|
24
|
-
|
|
25
|
-
|
|
26
21
|
// 將 normalizeOptions 拆分為更小的函數
|
|
27
22
|
const normalizeOption = (option: any) => {
|
|
28
23
|
if (typeof option === 'string' || typeof option === 'number') {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { useQuasar, QTable,
|
|
2
|
+
import { useQuasar, QTable, Dialog } from 'quasar';
|
|
3
|
+
import type { QTableColumn, QTableProps } from 'quasar';
|
|
3
4
|
|
|
4
5
|
import { ref, computed, onMounted, useSlots, watch, } from "vue";
|
|
5
6
|
import { useLight, GQLFieldBuilder, model } from '../';
|