@hostlink/nuxt-light 1.27.8 → 1.28.1

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

@@ -1,143 +1,92 @@
-<script setup lang="ts">
-import { useLight, q, m } from '#imports'
-import { ref, computed, useSlots, onMounted } from 'vue'
-import type { QCardProps } from 'quasar';
-
-const emit = defineEmits(["close"]);
-
-const minimized = defineModel<boolean>("minimized", { default: false })
-const maximized = defineModel<boolean>("maximized", { default: false })
-
-export interface LCardProps extends QCardProps {
-    loading?: boolean;
-    title?: string;
-    /**
-     * Permission to access this card, if not granted, the card will not be shown, if the user is admin, a lock icon will be shown to allow the user to grant the permission
-     */
-    permission?: string
-    closeable?: boolean
-    minimizable?: boolean,
-    maximizable?: boolean
-}
-
-const light = useLight();
-const props = withDefaults(defineProps<LCardProps>(), {
-    flat: undefined,
-    bordered: undefined,
-    square: undefined,
-});
-
-
-
-const attrs = computed(() => {
-    return { ...light.styles.card, ...Object.fromEntries(Object.entries(props).filter(([key, value]) => value !== undefined)) };
-
-});
-
-const barClass = computed(() => {
-    const c = ["text-white"];
-    const color = light.color;
-    c.push(`bg-${color}`);
-    return c;
-});
-
-const showBar = computed(() => {
-    if (props.closeable) return true;
-    if (props.maximizable) return true;
-    if (props.minimizable) return true;
-    if (props.title !== undefined) return true;
-    if (showSecurity.value) return true;
-    return false;
-});
-
-
-const showSecurity = computed(() => {
-    if (props.permission === undefined) return false;
-    if (!light.isAdmin) return false;
-    return true;
-});
-
-
-const roles = ref<{
-    name: string;
-    granted: boolean;
-}[]>([]);
-
-if (props.permission && light.isAdmin) {
-    /*   //get role 
-      const data = await q({
-          listRole: {
-              name: true
-          },
-          listPermission: {
-              __args: {
-                  filters: {
-                      value: props.permission
-                  }
-              }, data: {
-                  role: true
-              }
-  
-          }
-      });
-  
-      roles.value = (data.listRole.map((r: any) => {
-          return {
-              name: r.name,
-              granted: data.listPermission.data.find((p: any) => p.role == r.name) != undefined
-          }
-      })); */
-}
-
-const onUpdatePermission = async (role: any) => {
-    if (role.granted) {
-        await m("addPermission", {
-            role: role.name,
-            value: props.permission,
-        });
-    } else {
-        //remove permission
-        await m("removePermission", {
-            role: role.name,
-            value: props.permission,
-        })
-    }
-}
-
-onMounted(async () => {
-    if (props.permission && light.isAdmin) {
-        //get role 
-        const data = await q({
-            listRole: {
-                name: true
-            },
-            listPermission: {
-                __args: {
-                    filters: {
-                        value: props.permission
-                    }
-                }, data: {
-                    role: true
-                }
-
-            }
-        });
-
-        roles.value = (data.listRole.map((r: any) => {
-            return {
-                name: r.name,
-                granted: data.listPermission.data.find((p: any) => p.role == r.name) != undefined
-            }
-        }));
-    }
-})
-
-const onClose = () => {
-    emit("close");
-}
-
-</script>
-<template>
+<script setup>
+import { useLight, q, m } from "#imports";
+import { ref, computed, useSlots, onMounted } from "vue";
+const emit = defineEmits(["close"]);
+const minimized = defineModel("minimized", { type: Boolean, ...{ default: false } });
+const maximized = defineModel("maximized", { type: Boolean, ...{ default: false } });
+const light = useLight();
+const props = defineProps({
+  loading: { type: Boolean, required: false },
+  title: { type: String, required: false },
+  permission: { type: String, required: false },
+  closeable: { type: Boolean, required: false },
+  minimizable: { type: Boolean, required: false },
+  maximizable: { type: Boolean, required: false },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  square: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  flat: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  bordered: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  tag: { type: null, required: false }
+});
+const attrs = computed(() => {
+  return { ...light.styles.card, ...Object.fromEntries(Object.entries(props).filter(([key, value]) => value !== void 0)) };
+});
+const barClass = computed(() => {
+  const c = ["text-white"];
+  const color = light.color;
+  c.push(`bg-${color}`);
+  return c;
+});
+const showBar = computed(() => {
+  if (props.closeable) return true;
+  if (props.maximizable) return true;
+  if (props.minimizable) return true;
+  if (props.title !== void 0) return true;
+  if (showSecurity.value) return true;
+  return false;
+});
+const showSecurity = computed(() => {
+  if (props.permission === void 0) return false;
+  if (!light.isAdmin) return false;
+  return true;
+});
+const roles = ref([]);
+if (props.permission && light.isAdmin) {
+}
+const onUpdatePermission = async (role) => {
+  if (role.granted) {
+    await m("addPermission", {
+      role: role.name,
+      value: props.permission
+    });
+  } else {
+    await m("removePermission", {
+      role: role.name,
+      value: props.permission
+    });
+  }
+};
+onMounted(async () => {
+  if (props.permission && light.isAdmin) {
+    const data = await q({
+      listRole: {
+        name: true
+      },
+      listPermission: {
+        __args: {
+          filters: {
+            value: props.permission
+          }
+        },
+        data: {
+          role: true
+        }
+      }
+    });
+    roles.value = data.listRole.map((r) => {
+      return {
+        name: r.name,
+        granted: data.listPermission.data.find((p) => p.role == r.name) != void 0
+      };
+    });
+  }
+});
+const onClose = () => {
+  emit("close");
+};
+</script>
+
+<template>
     <q-card v-bind="attrs" :class="{ 'fullscreen': maximized, 'no-margin': maximized }"
         v-if="$light.isGranted(permission)" :dark="$q.dark.isActive">
         <q-bar :class="barClass" v-if="showBar">
@@ -167,4 +116,4 @@ const onClose = () => {
 
         <q-inner-loading :showing="loading" label="Please wait..." label-class="text-primary" />
     </q-card>
-</template>
+</template>

package/dist/runtime/components/l-card.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,9 +1,32 @@
-<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">
+<script setup>
+import {} from "quasar";
+defineProps({
+  name: { type: null, required: false },
+  size: { type: null, required: false },
+  modelValue: { type: null, required: true },
+  val: { type: null, required: false },
+  trueValue: { type: null, required: false },
+  falseValue: { type: null, required: false },
+  indeterminateValue: { type: null, required: false },
+  toggleOrder: { type: null, required: false },
+  toggleIndeterminate: { type: Boolean, required: false, skipCheck: true },
+  label: { type: null, required: false },
+  leftLabel: { type: Boolean, required: false, skipCheck: true },
+  checkedIcon: { type: null, required: false },
+  uncheckedIcon: { type: null, required: false },
+  indeterminateIcon: { type: null, required: false },
+  color: { type: null, required: false },
+  keepColor: { type: Boolean, required: false, skipCheck: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  tabindex: { type: null, required: false },
+  "onUpdate:modelValue": { type: Function, required: false }
+});
+</script>
+
+<template>
+    <q-checkbox v-bind="$props" :color="color || $light.color" :label="label ? $t(label) : void 0">
         <slot></slot>
     </q-checkbox>
-</template>
+</template>

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

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,34 +1,26 @@
-<script setup lang="ts">
-import { computed } from 'vue'
-
-export interface LColProps {
-    md?: number | string;
-    sm?: number | string;
-    xs?: number | string;
-    gutter?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
-}
-
-const props = withDefaults(defineProps<LColProps>(), {
-    md: 12,
-    sm: 12,
-    xs: 12,
-    gutter: "md"
-})
-
-const classes = computed(() => {
-    return {
-        "col-12": true, // default class "col-12
-        [`col-md-${props.md}`]: true,
-        [`col-sm-${props.sm}`]: true,
-        [`col-xs-${props.xs}`]: true,
-    }
-})
-
-</script>
-<template>
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  md: { type: [Number, String], required: false, default: 12 },
+  sm: { type: [Number, String], required: false, default: 12 },
+  xs: { type: [Number, String], required: false, default: 12 },
+  gutter: { type: String, required: false, default: "md" }
+});
+const classes = computed(() => {
+  return {
+    "col-12": true,
+    // default class "col-12
+    [`col-md-${props.md}`]: true,
+    [`col-sm-${props.sm}`]: true,
+    [`col-xs-${props.xs}`]: true
+  };
+});
+</script>
+
+<template>
     <div :class="classes">
         <div :class="`q-gutter-${props.gutter}`">
             <slot></slot>
         </div>
     </div>
-</template>
+</template>

package/dist/runtime/components/l-col.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

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

@@ -1,102 +1,86 @@
-<script setup>
-import { ref } from 'vue'
-const menuWidth = defineModel('menuWidth', {
-    type: Number,
-    default: 280
-});
-
-const COLORS = [
-    'primary',
-    'secondary',
-    'positive',
-    'negative',
-    'info',
-    'warning',
-    'dark',
-    'red',
-    'pink',
-    'purple',
-    'deep-purple',
-    'indigo',
-    'blue',
-    'light-blue',
-    'cyan',
-    'teal',
-    'green',
-    'light-green',
-    'lime',
-    'yellow',
-    'amber',
-    'orange',
-    'deep-orange',
-    'brown',
-    'grey',
-    'blue-grey'
-]
-
-
-defineEmits(['update:theme', 'update:menuOverlayHeader', 'update:dense', 'update:color', 'update:miniState', 'update:footer'])
-
-const props = defineProps({
-    time: {
-        type: String,
-        default: ''
-    },
-    color: {
-        type: String,
-        default: 'primary'
-    },
-    menuOverlayHeader: {
-        type: Boolean,
-        default: false
-    },
-    theme: {
-        type: String,
-        default: 'semi-dark'
-    },
-    miniState: {
-        type: Boolean,
-        default: false
-    },
-    dense: {
-        type: Boolean,
-        default: false
-    },
-    footer: {
-        type: Boolean,
-        default: false
-    },
-
-})
-
-
-//find the difference between the current time and the server time
-
-const time_diff = ref(new Date().getTime() - new Date(props.time).getTime());
-const server_time = ref(new Date(props.time).toLocaleTimeString());
-const server_date = ref(new Date(props.time).toLocaleDateString());
-let start;
-
-const refreshServerTime = (timestamp) => {
-    if (!start) start = timestamp;
-    let elapsed = timestamp - start;
-
-
-    if (elapsed > 1000) {
-        server_time.value = new Date(new Date().getTime() - time_diff.value).toLocaleTimeString();
-        server_date.value = new Date(new Date().getTime() - time_diff.value).toLocaleDateString();
-        start = timestamp;
-    }
-
-    //refresh every second
-    requestAnimationFrame(refreshServerTime);
-}
-
-requestAnimationFrame(refreshServerTime);
-
-
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+const menuWidth = defineModel("menuWidth", {
+  type: Number,
+  default: 280
+});
+const COLORS = [
+  "primary",
+  "secondary",
+  "positive",
+  "negative",
+  "info",
+  "warning",
+  "dark",
+  "red",
+  "pink",
+  "purple",
+  "deep-purple",
+  "indigo",
+  "blue",
+  "light-blue",
+  "cyan",
+  "teal",
+  "green",
+  "light-green",
+  "lime",
+  "yellow",
+  "amber",
+  "orange",
+  "deep-orange",
+  "brown",
+  "grey",
+  "blue-grey"
+];
+defineEmits(["update:theme", "update:menuOverlayHeader", "update:dense", "update:color", "update:miniState", "update:footer"]);
+const props = defineProps({
+  time: {
+    type: String,
+    default: ""
+  },
+  color: {
+    type: String,
+    default: "primary"
+  },
+  menuOverlayHeader: {
+    type: Boolean,
+    default: false
+  },
+  theme: {
+    type: String,
+    default: "semi-dark"
+  },
+  miniState: {
+    type: Boolean,
+    default: false
+  },
+  dense: {
+    type: Boolean,
+    default: false
+  },
+  footer: {
+    type: Boolean,
+    default: false
+  }
+});
+const time_diff = ref((/* @__PURE__ */ new Date()).getTime() - new Date(props.time).getTime());
+const server_time = ref(new Date(props.time).toLocaleTimeString());
+const server_date = ref(new Date(props.time).toLocaleDateString());
+let start;
+const refreshServerTime = (timestamp) => {
+  if (!start) start = timestamp;
+  let elapsed = timestamp - start;
+  if (elapsed > 1e3) {
+    server_time.value = new Date((/* @__PURE__ */ new Date()).getTime() - time_diff.value).toLocaleTimeString();
+    server_date.value = new Date((/* @__PURE__ */ new Date()).getTime() - time_diff.value).toLocaleDateString();
+    start = timestamp;
+  }
+  requestAnimationFrame(refreshServerTime);
+};
+requestAnimationFrame(refreshServerTime);
+</script>
+
+<template>
     <q-list>
         <q-item-label header>
             <q-item-label>{{ $t('Theme Customizer') }}</q-item-label>
@@ -193,4 +177,4 @@ requestAnimationFrame(refreshServerTime);
         </q-item>
 
     </q-list>
-</template>
+</template>

package/dist/runtime/components/l-customizer.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;