@hostlink/nuxt-light 1.27.5 → 1.27.7

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.27.5",
+  "version": "1.27.7",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/runtime/components/l-bar.vue

@@ -2,7 +2,7 @@
 import { useLight } from '#imports';
 import { QBar } from 'quasar';
 import type { QBarProps } from 'quasar';
-import { h, computed, useSlots } from 'vue';
+import { computed } from 'vue';
 export interface LBarProps extends QBarProps {
     color?: string;
     textColor?: string;
@@ -10,7 +10,7 @@ export interface LBarProps extends QBarProps {
 
 const props = withDefaults(defineProps<LBarProps>(), {
     color: undefined,
-    textColor: "white"
+    textColor: "white",
 });
 
 const light = useLight();
@@ -20,12 +20,9 @@ const barClass = computed(() => {
     c.push(`bg-${color}`);
     return c;
 });
-
-const root = h(QBar, {
-    ...props,
-}, useSlots()) as any;
 </script>
-
 <template>
-    <component :is="root" :class="barClass" />
+    <q-bar :class="barClass">
+        <slot></slot>
+    </q-bar>
 </template>

package/dist/runtime/components/l-btn.vue

@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import { useQuasar, QBtn } from "quasar";
+import type { QBtnProps } from "quasar";
+
+export interface LBtnProps extends QBtnProps {
+    permission?: string;
+    confirmMessage?: string;
+    confirmTitle?: string;
+}
+
+const props = withDefaults(defineProps<LBtnProps>(), {
+    permission: "",
+    confirmMessage: "",
+    confirmTitle: "Confirm",
+});
+
+const $q = useQuasar();
+
+//filter out the onClick from the props
+const { onClick, ...filteredProps } = props;
+
+const handleClick = function () {
+    const args = arguments;
+    if (props.confirmMessage) {
+        $q.dialog({
+            title: props.confirmTitle,
+            message: props.confirmMessage,
+            ok: "Yes",
+            cancel: "No",
+        }).onOk(() => {
+            onClick?.apply(null, args as any);
+        });
+    } else {
+        onClick?.apply(null, args as any);
+    }
+};
+</script>
+<template>
+    <q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
+        v-bind="$light.getButtonProps(filteredProps)">
+        <slot></slot>
+    </q-btn>
+</template>

package/dist/runtime/components/l-checkbox.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { type QCheckboxProps } from "quasar"
+defineProps<QCheckboxProps>()
+</script>
+<template>
+    <q-checkbox v-bind="$props" :color="color || $light.color" :label="label ? $t(label) : undefined">
+        <slot></slot>
+    </q-checkbox>
+</template>

package/dist/runtime/components/l-select.vue

@@ -1,37 +1,31 @@
-<script setup>
-import { computed, ref } from "vue";
-import { QSelect } from "quasar";
-console.log(QSelect);
+<script setup lang="ts">
+import { ref } from "vue";
+import type { QSelectProps } from "quasar";
 
-const emits = defineEmits(["update:modelValue"]);
-
-const props = defineProps({
-    ...QSelect.props,
-    emitValue: { type: Boolean, default: true },
-    mapOptions: { type: Boolean, default: true },
-    hideBottomSpace: { type: Boolean, default: true },
-    required: Boolean,
-    filled: { type: Boolean, default: undefined },
-    outlined: { type: Boolean, default: undefined },
-    standout: { type: Boolean, default: undefined },
-    rounded: { type: Boolean, default: undefined },
-    dense: { type: Boolean, default: undefined },
-    square: { type: Boolean, default: undefined },
-    stackLabel: { type: Boolean, default: undefined },
-    optionLabel: { type: [String, Function], default: 'label' },
-    optionValue: { type: String, default: 'value' },
-    inputDebounce: { type: [Number, String], default: 0 },
+const props = withDefaults(defineProps<QSelectProps>(), {
+    emitValue: true,
+    mapOptions: true,
+    hideBottomSpace: true,
+    filled: undefined,
+    outlined: undefined,
+    standout: undefined,
+    rounded: undefined,
+    dense: undefined,
+    square: undefined,
+    stackLabel: undefined,
+    optionLabel: 'label',
+    optionValue: 'value',
+    inputDebounce: 0,
 })
 
-
 // 將 normalizeOptions 拆分為更小的函數
-const normalizeOption = (option, i) => {
+const normalizeOption = (option: any) => {
     if (typeof option === 'string' || typeof option === 'number') {
         return { label: String(option), value: String(option) };
     }
     if (typeof option === 'object') {
         if ('group' in option) {
-            option.options = normalizeOptions(option.options || [], i);
+            option.options = normalizeOptions(option.options || []);
             return option;
         } else if ('value' in option && typeof option.value !== 'string') {
             Object.assign(option, { value: option.value });
@@ -40,9 +34,9 @@ const normalizeOption = (option, i) => {
     return option;
 };
 
-const normalizeOptions = (options, i = { count: 1 }) => {
+const normalizeOptions = (options: any) => {
     if (Array.isArray(options)) {
-        return options.map(option => normalizeOption(option, i));
+        return options.map(option => normalizeOption(option));
     }
     return Object.keys(options).map(value => ({
         label: options[value],
@@ -79,6 +73,5 @@ const filterFn = (val, update, abort) => {
 
 </script>
 <template>
-    <q-select v-bind="$light.getInputProps($props)" :options="select_options" @filter="filterFn"
-        :model-value="modelValue" @update:model-value="$emit('update:modelValue', $event)" />
+    <q-select v-bind="$light.getInputProps($props)" :options="select_options" @filter="filterFn" />
 </template>

package/dist/runtime/components/l-table.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { useQuasar, QTable, type QTableColumn, type QTableProps, Dialog } from 'quasar';
+import { useQuasar, QTable, Dialog } from 'quasar';
+import type { QTableColumn, QTableProps } from 'quasar';
 
 import { ref, computed, onMounted, useSlots, watch, } from "vue";
 import { useLight, GQLFieldBuilder, model } from '../';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.27.5",
+  "version": "1.27.7",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",

package/dist/runtime/components/l-btn.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    let name: string;
-    let inheritAttrs: boolean;
-    let props: any;
-    function render(): any;
-}
-export default _default;

package/dist/runtime/components/l-btn.js

@@ -1,44 +0,0 @@
-import { h } from "vue";
-import { useQuasar, QBtn } from "quasar";
-
-export default {
-    name: "LBtn",
-    inheritAttrs:false,
-    props: {
-        ...QBtn.props,
-        permission: { type: String, default: "" },
-        confirmTitle: { type: String, default: "Confirm" },
-        confirmMessage: { type: String, default: undefined },
-    },
-    render() {
-        const $q = useQuasar();
-
-        // 從 $attrs 中提取 onClick，並過濾掉它
-        const { onClick, ...filteredAttrs } = this.$attrs;
-
-        const handleClick = (...args) => {
-            if (this.$props.confirmMessage) {
-                $q.dialog({
-                    color: this.$props.color || "primary",
-                    title: this.$props.confirmTitle,
-                    message: this.$props.confirmMessage,
-                    ok: "Yes",
-                    cancel: "No",
-                }).onOk(() => {
-                    onClick?.(...args); // 執行傳入的 onClick
-                });
-            } else {
-                onClick?.(...args); // 直接執行傳入的 onClick
-            }
-        };
-
-        const root = h(QBtn, {
-            ...this.$props, // 傳遞 props
-            ...this.$light.getButtonProps(this.$props), // 傳遞按鈕屬性
-            ...filteredAttrs, // 傳遞過濾後的 attrs
-            onClick: handleClick, // 明確綁定 handleClick
-        }, this.$slots);
-
-        return this.$light.isGranted(this.$props.permission) ? root : null;
-    },
-};

package/dist/runtime/components/l-btn.vue.bak

@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import { h, useSlots } from "vue";
-import { useQuasar, QBtn } from "quasar";
-import { useLight } from "#imports";
-import type { QBtnProps } from "quasar";
-
-export interface LBtnProps extends QBtnProps {
-    permission?: string;
-    confirmMessage?: string;
-    confirmTitle?: string;
-}
-
-const props = withDefaults(defineProps<LBtnProps>(), {
-    permission: "",
-    confirmMessage: "",
-    confirmTitle: "Confirm",
-});
-
-const $light = useLight();
-const $q = useQuasar();
-const slots = useSlots() as ReturnType<typeof useSlots>;
-
-const root = h(QBtn, {
-    ...props,
-    ...$light.getButtonProps(props),
-    onClick: function () {
-        const args = arguments;
-        if (props.confirmMessage) {
-            $q.dialog({
-                title: props.confirmTitle,
-                message: props.confirmMessage,
-                ok: "Yes",
-                cancel: "No",
-            }).onOk(() => {
-                props.onClick?.apply(null, args as any);
-            });
-        } else {
-            props.onClick?.apply(null, args as any);
-        }
-    },
-}, slots);
-
-</script>
-<template>
-    <component :is="root" v-if="$light.isGranted($props.permission)"/>
-</template>

package/dist/runtime/components/l-checkbox.d.ts

@@ -1,12 +0,0 @@
-declare namespace _default {
-    let name: string;
-    let props: any;
-    let emits: any;
-    function setup(props: any, { slots, emit }: {
-        slots: any;
-        emit: any;
-    }): () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-}
-export default _default;

package/dist/runtime/components/l-checkbox.js

@@ -1,23 +0,0 @@
-import { QCheckbox } from "quasar";
-import { h } from "vue";
-import { useLight } from "#imports";
-import { useI18n } from "vue-i18n";
-
-
-export default {
-    name: "LCheckbox",
-    props: QCheckbox.props,
-    emits: QCheckbox.emits,
-    setup(props, { slots, emit }) {
-        return () => {
-            const $light = useLight();
-            const $t = useI18n().t;
-            return h(QCheckbox, {
-                ...props,
-                color: props.color || $light.color,
-                label: props.label ? $t(props.label) : null,
-                'onUpdate:modelValue': emit.bind(this, 'update:modelValue'),
-            }, slots);
-        }
-    }
-}