@hostlink/nuxt-light 1.27.7 → 1.28.0

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

@@ -1,58 +1,49 @@
-<script setup>
-import { useRoute } from 'vue-router'
-import { ref, computed } from 'vue'
-import { useLight } from '#imports'
-const props = defineProps(["value", "dense"])
-const light = useLight();
-
-const isShowExpansionItem = (menu) => {
-    if (menu.children && menu.children.length > 0) {
-        return true;
-    }
-    return false;
-};
-
-const color1 = computed(() => {
-    return light.getColorValue()
-});
-
-const color2 = computed(() => {
-    let c = light.getColorValue()
-    //  0.7 alpha
-    c = c + "b3";
-    return c;
-});
-
-//generate a random group name
-const group = Math.random().toString(36).substring(7);
-
-const route = useRoute();
-const path = route.path
-const hasLink = (item) => {
-    if (item.children) {
-        for (let i = 0; i < item.children.length; i++) {
-            if (hasLink(item.children[i])) {
-                return true;
-            }
-        }
-    }
-    if (item.to == path) {
-        return true;
-    }
-    return false;
-}
-
-const hasChildLink = () => {
-    return hasLink(props.value)
-}
-
-
-</script>
-
+<script setup>
+import { useRoute } from "vue-router";
+import { ref, computed } from "vue";
+import { useLight } from "#imports";
+const props = defineProps(["value", "dense"]);
+const light = useLight();
+const isShowExpansionItem = (menu) => {
+  if (menu.children && menu.children.length > 0) {
+    return true;
+  }
+  return false;
+};
+const color1 = computed(() => {
+  return light.getColorValue();
+});
+const color2 = computed(() => {
+  let c = light.getColorValue();
+  c = c + "b3";
+  return c;
+});
+const group = Math.random().toString(36).substring(7);
+const route = useRoute();
+const path = route.path;
+const hasLink = (item) => {
+  if (item.children) {
+    for (let i = 0; i < item.children.length; i++) {
+      if (hasLink(item.children[i])) {
+        return true;
+      }
+    }
+  }
+  if (item.to == path) {
+    return true;
+  }
+  return false;
+};
+const hasChildLink = () => {
+  return hasLink(props.value);
+};
+</script>
+
 <style scoped>
 .menu-list .q-item{border-radius:12px 12px 12px 12px}.menu-list .q-router-link--exact-active{background:linear-gradient(118deg,v-bind(color1),v-bind(color2));color:#fff}
-</style>
-<template>
+</style>
+
+<template>
     <q-list class="menu-list" :dense="dense">
         <template v-for="menu in value">
 
@@ -75,4 +66,4 @@ const hasChildLink = () => {
 
         </template>
     </q-list>
-</template>
+</template>

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

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

package/dist/runtime/components/l-microsoft-button.vue

@@ -1,54 +1,44 @@
-<script setup lang="ts">
-import { PublicClientApplication } from '@azure/msal-browser';
-import { useQuasar } from 'quasar';
-const $q = useQuasar()
-
-const props = defineProps({
-    clientId: {
-        type: String,
-        required: true
-    },
-    tenantId: String
-})
-
-const emits = defineEmits(["login"]);
-
-const onClick = async () => {
-    const myMSALObject = new PublicClientApplication({
-        auth: {
-            clientId: props.clientId,
-            authority: "https://login.microsoftonline.com/" + props.tenantId,
-            redirectUri: window.location.origin,
-        },
-        cache: {
-            cacheLocation: "memoryStorage",
-            storeAuthStateInCookie: false,
-        }
-    });
-
-    try {
-        await myMSALObject.initialize();
-
-        const resp = await myMSALObject.loginPopup({
-            scopes: ["user.read"]
-        });
-
-        emits("login", resp);
-
-    } catch (e: any) {
-        $q.dialog({
-            title: "Error",
-            message: e.message,
-            color: "negative",
-        });
-    }
-
-
-}
-
-</script>
-
-<template>
+<script setup>
+import { PublicClientApplication } from "@azure/msal-browser";
+import { useQuasar } from "quasar";
+const $q = useQuasar();
+const props = defineProps({
+  clientId: {
+    type: String,
+    required: true
+  },
+  tenantId: String
+});
+const emits = defineEmits(["login"]);
+const onClick = async () => {
+  const myMSALObject = new PublicClientApplication({
+    auth: {
+      clientId: props.clientId,
+      authority: "https://login.microsoftonline.com/" + props.tenantId,
+      redirectUri: window.location.origin
+    },
+    cache: {
+      cacheLocation: "memoryStorage",
+      storeAuthStateInCookie: false
+    }
+  });
+  try {
+    await myMSALObject.initialize();
+    const resp = await myMSALObject.loginPopup({
+      scopes: ["user.read"]
+    });
+    emits("login", resp);
+  } catch (e) {
+    $q.dialog({
+      title: "Error",
+      message: e.message,
+      color: "negative"
+    });
+  }
+};
+</script>
+
+<template>
     <a @click="onClick" class="cursor-pointer">
         <svg xmlns="http://www.w3.org/2000/svg" width="215" height="41" viewBox="0 0 215 41">
             <title>MS-SymbolLockup</title>
@@ -117,4 +107,4 @@ const onClick = async () => {
             <rect x="23" y="21" width="9" height="9" fill="#ffb900" />
         </svg>
     </a>
-</template>
+</template>

package/dist/runtime/components/l-microsoft-button.vue.d.ts

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

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

@@ -1,69 +1,50 @@
-<script setup lang="ts">
-import { useHead, useLight } from "#imports";
-import { useRouter, useRoute } from "vue-router"
-import { model, getID } from '../'
-import type { QPageProps } from "quasar";
-import { computed } from 'vue'
-
-const router = useRouter();
-const route = useRoute();
-const light = useLight();
-
-export type LPageProps = QPageProps & {
-    title?: string;
-    backBtn?: boolean;
-    editBtn?: boolean;
-    deleteBtn?: boolean;
-    addBtn?: boolean;
-    gutter?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
-    padding?: boolean
-}
-
-const props = withDefaults(defineProps<LPageProps>(), {
-    title: "",
-    backBtn: true,
-    padding: true,
-    gutter: "sm"
-});
-
-const showToolbar = computed(() => {
-    if (props.backBtn || props.editBtn || props.deleteBtn || props.addBtn) {
-        return true
-    }
-});
-
-const title = computed(() => {
-    let t = props.title || route.path.split("/")[1].replace(/([a-z])(?=[A-Z])/g, '$1 ').replace(/([A-Z]*)(?=[A-Z][a-z])/g, '$1 ')
-    //remove double space
-    t = t.replace(/\s\s+/g, ' ');
-    //trim title
-    t = t.trim()
-    return t
-})
-
-
-const module = route.path.split("/")[1];
-const onDelete = async () => {
-
-    const id = getID();
-    if (id) {
-        if (await model(module).delete(id)) {
-            router.push(`/${module}`);
-        }
-    }
-
-}
-
-useHead({
-    title: light.company + " - " + title.value,
-})
-
-const localClass = computed(() => {
-    return 'q-gutter-' + props.gutter
-})
-</script>
-
-<template>
+<script setup>
+import { useHead, useLight } from "#imports";
+import { useRouter, useRoute } from "vue-router";
+import { model, getID } from "../";
+import { computed } from "vue";
+const router = useRouter();
+const route = useRoute();
+const light = useLight();
+const props = defineProps({
+  padding: { type: Boolean, required: false, default: true },
+  styleFn: { type: Function, required: false, skipCheck: true },
+  title: { type: String, required: false, default: "" },
+  backBtn: { type: Boolean, required: false, default: true },
+  editBtn: { type: Boolean, required: false },
+  deleteBtn: { type: Boolean, required: false },
+  addBtn: { type: Boolean, required: false },
+  gutter: { type: String, required: false, default: "sm" }
+});
+const showToolbar = computed(() => {
+  if (props.backBtn || props.editBtn || props.deleteBtn || props.addBtn) {
+    return true;
+  }
+});
+const title = computed(() => {
+  let t = props.title || route.path.split("/")[1].replace(/([a-z])(?=[A-Z])/g, "$1 ").replace(/([A-Z]*)(?=[A-Z][a-z])/g, "$1 ");
+  t = t.replace(/\s\s+/g, " ");
+  t = t.trim();
+  return t;
+});
+const module = route.path.split("/")[1];
+const onDelete = async () => {
+  const id = getID();
+  if (id) {
+    if (await model(module).delete(id)) {
+      router.push(`/${module}`);
+    }
+  }
+};
+useHead({
+  title: light.company + " - " + title.value
+});
+const localClass = computed(() => {
+  return "q-gutter-" + props.gutter;
+});
+</script>
+
+<template>
     <q-page :padding="padding">
         <!-- q-breadcrumbs>
             <q-breadcrumbs-el icon="home" to="/" />
@@ -86,4 +67,4 @@ const localClass = computed(() => {
 
 
     </q-page>
-</template>
+</template>

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

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

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

@@ -1,18 +1,13 @@
-<script setup lang="ts">
-
-export interface LRowProps {
-    gutter?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
-}
-
-withDefaults(defineProps<LRowProps>(), {
-    gutter: "md"
-})
-
-</script>
-<template>
+<script setup>
+defineProps({
+  gutter: { type: String, required: false, default: "md" }
+});
+</script>
+
+<template>
     <div>
         <div class="row" :class="`q-col-gutter-${gutter}`">
             <slot></slot>
         </div>
     </div>
-</template>
+</template>

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

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

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

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

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

@@ -1,77 +1,151 @@
-<script setup lang="ts">
-import { ref } from "vue";
-import type { QSelectProps } from "quasar";
-
-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: 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 || []);
-            return option;
-        } else if ('value' in option && typeof option.value !== 'string') {
-            Object.assign(option, { value: option.value });
-        }
-    }
-    return option;
-};
-
-const normalizeOptions = (options: any) => {
-    if (Array.isArray(options)) {
-        return options.map(option => normalizeOption(option));
-    }
-    return Object.keys(options).map(value => ({
-        label: options[value],
-        value,
-    }));
-};
-
-
-const select_options = ref(props.options);
-
-const filterFn = (val, update, abort) => {
-    if (props.onFilter) {
-        props.onFilter(val, update, abort);
-        return;
-    }
-
-    const opts = normalizeOptions(props.options);
-
-    if (val === "") {
-        update(() => {
-            select_options.value = opts
-        });
-        return;
-    }
-
-    update(() => {
-        const needle = val.toLowerCase();
-        select_options.value = opts.filter(option => {
-            const label = typeof props.optionLabel === 'function' ? props.optionLabel(option) : option[props.optionLabel];
-            return label && label.toLowerCase().includes(needle);
-        })
-    })
-}
-
-</script>
-<template>
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  name: { type: null, required: false },
+  virtualScrollHorizontal: { type: Boolean, required: false, skipCheck: true },
+  virtualScrollSliceSize: { type: null, required: false },
+  virtualScrollSliceRatioBefore: { type: null, required: false },
+  virtualScrollSliceRatioAfter: { type: null, required: false },
+  virtualScrollItemSize: { type: null, required: false },
+  virtualScrollStickySizeStart: { type: null, required: false },
+  virtualScrollStickySizeEnd: { type: null, required: false },
+  tableColspan: { type: null, required: false },
+  modelValue: { type: null, required: true },
+  error: { type: [Boolean, null], required: false, skipCheck: true },
+  errorMessage: { type: null, required: false },
+  noErrorIcon: { type: Boolean, required: false, skipCheck: true },
+  rules: { type: null, required: false },
+  reactiveRules: { type: Boolean, required: false, skipCheck: true },
+  lazyRules: { type: [Boolean, String], required: false, skipCheck: true },
+  label: { type: null, required: false },
+  stackLabel: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  hint: { type: null, required: false },
+  hideHint: { type: Boolean, required: false, skipCheck: true },
+  prefix: { type: null, required: false },
+  suffix: { type: null, required: false },
+  labelColor: { type: null, required: false },
+  color: { type: null, required: false },
+  bgColor: { type: null, required: false },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  loading: { type: Boolean, required: false, skipCheck: true },
+  clearable: { type: Boolean, required: false, skipCheck: true },
+  clearIcon: { type: null, required: false },
+  filled: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  outlined: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  borderless: { type: Boolean, required: false, skipCheck: true },
+  standout: { type: [Boolean, String], required: false, skipCheck: true, default: void 0 },
+  labelSlot: { type: Boolean, required: false, skipCheck: true },
+  bottomSlots: { type: Boolean, required: false, skipCheck: true },
+  hideBottomSpace: { type: Boolean, required: false, skipCheck: true, default: true },
+  counter: { type: Boolean, required: false, skipCheck: true },
+  rounded: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  square: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  dense: { type: Boolean, required: false, skipCheck: true, default: void 0 },
+  itemAligned: { type: Boolean, required: false, skipCheck: true },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  readonly: { type: Boolean, required: false, skipCheck: true },
+  autofocus: { type: Boolean, required: false, skipCheck: true },
+  for: { type: null, required: false },
+  multiple: { type: Boolean, required: false, skipCheck: true },
+  displayValue: { type: null, required: false },
+  displayValueHtml: { type: Boolean, required: false, skipCheck: true },
+  options: { type: null, required: false },
+  optionValue: { type: [Function, String], required: false, skipCheck: true, default: "value" },
+  optionLabel: { type: [Function, String], required: false, skipCheck: true, default: "label" },
+  optionDisable: { type: [Function, String], required: false, skipCheck: true },
+  hideSelected: { type: Boolean, required: false, skipCheck: true },
+  hideDropdownIcon: { type: Boolean, required: false, skipCheck: true },
+  dropdownIcon: { type: null, required: false },
+  maxValues: { type: null, required: false },
+  optionsDense: { type: Boolean, required: false, skipCheck: true },
+  optionsDark: { type: [Boolean, null], required: false, skipCheck: true },
+  optionsSelectedClass: { type: null, required: false },
+  optionsHtml: { type: Boolean, required: false, skipCheck: true },
+  optionsCover: { type: Boolean, required: false, skipCheck: true },
+  menuShrink: { type: Boolean, required: false, skipCheck: true },
+  menuAnchor: { type: null, required: false },
+  menuSelf: { type: null, required: false },
+  menuOffset: { type: null, required: false },
+  popupContentClass: { type: null, required: false },
+  popupContentStyle: { type: null, required: false },
+  popupNoRouteDismiss: { type: Boolean, required: false, skipCheck: true },
+  useChips: { type: Boolean, required: false, skipCheck: true },
+  useInput: { type: Boolean, required: false, skipCheck: true },
+  maxlength: { type: null, required: false },
+  fillInput: { type: Boolean, required: false, skipCheck: true },
+  newValueMode: { type: null, required: false },
+  mapOptions: { type: Boolean, required: false, skipCheck: true, default: true },
+  disableTabSelection: { type: Boolean, required: false, skipCheck: true },
+  emitValue: { type: Boolean, required: false, skipCheck: true, default: true },
+  inputDebounce: { type: null, required: false, default: 0 },
+  inputClass: { type: null, required: false },
+  inputStyle: { type: null, required: false },
+  tabindex: { type: null, required: false },
+  autocomplete: { type: null, required: false },
+  transitionShow: { type: null, required: false },
+  transitionHide: { type: null, required: false },
+  transitionDuration: { type: null, required: false },
+  behavior: { type: null, required: false },
+  onVirtualScroll: { type: Function, required: false },
+  "onUpdate:modelValue": { type: Function, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  onClear: { type: Function, required: false },
+  onInputValue: { type: Function, required: false },
+  onRemove: { type: Function, required: false },
+  onAdd: { type: Function, required: false },
+  onNewValue: { type: Function, required: false },
+  onFilter: { type: Function, required: false },
+  onFilterAbort: { type: Function, required: false },
+  onPopupShow: { type: Function, required: false },
+  onPopupHide: { type: Function, required: false }
+});
+const normalizeOption = (option) => {
+  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 || []);
+      return option;
+    } else if ("value" in option && typeof option.value !== "string") {
+      Object.assign(option, { value: option.value });
+    }
+  }
+  return option;
+};
+const normalizeOptions = (options) => {
+  if (Array.isArray(options)) {
+    return options.map((option) => normalizeOption(option));
+  }
+  return Object.keys(options).map((value) => ({
+    label: options[value],
+    value
+  }));
+};
+const select_options = ref(props.options);
+const filterFn = (val, update, abort) => {
+  if (props.onFilter) {
+    props.onFilter(val, update, abort);
+    return;
+  }
+  const opts = normalizeOptions(props.options);
+  if (val === "") {
+    update(() => {
+      select_options.value = opts;
+    });
+    return;
+  }
+  update(() => {
+    const needle = val.toLowerCase();
+    select_options.value = opts.filter((option) => {
+      const label = typeof props.optionLabel === "function" ? props.optionLabel(option) : option[props.optionLabel];
+      return label && label.toLowerCase().includes(needle);
+    });
+  });
+};
+</script>
+
+<template>
     <q-select v-bind="$light.getInputProps($props)" :options="select_options" @filter="filterFn" />
-</template>
+</template>

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

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