@hostlink/nuxt-light 1.27.7 → 1.28.0

package/dist/runtime/components/l-icon-picker.vue.d.ts

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

package/dist/runtime/components/l-input-xlsx.vue

@@ -1,40 +1,32 @@
-<script setup lang="ts">
-import * as XLSX from "xlsx";
-import { ref } from "vue";
-
-const modelValue = defineModel({
-    type: Array,
-    default: []
-});
-
-const loading = ref(false);
-const hasFile = ref(false);
-const file = ref(null);
-
-const onChange = () => {
-    hasFile.value = true;
-    loading.value = true;
-
-    file.value.files[0].arrayBuffer().then((data: any) => {
-        const workbook = XLSX.read(data);
-        const sheet = workbook.Sheets[workbook.SheetNames[0]];
-        const json = XLSX.utils.sheet_to_json(sheet);
-        loading.value = false;
-        modelValue.value = json;
-
-    });
-
-}
-
-const onClear = () => {
-    hasFile.value = false;
-    modelValue.value = [];
-}
-
-const showView = ref(false);
-</script>
-
-<template>
+<script setup>
+import * as XLSX from "xlsx";
+import { ref } from "vue";
+const modelValue = defineModel({
+  type: Array,
+  default: []
+});
+const loading = ref(false);
+const hasFile = ref(false);
+const file = ref(null);
+const onChange = () => {
+  hasFile.value = true;
+  loading.value = true;
+  file.value.files[0].arrayBuffer().then((data) => {
+    const workbook = XLSX.read(data);
+    const sheet = workbook.Sheets[workbook.SheetNames[0]];
+    const json = XLSX.utils.sheet_to_json(sheet);
+    loading.value = false;
+    modelValue.value = json;
+  });
+};
+const onClear = () => {
+  hasFile.value = false;
+  modelValue.value = [];
+};
+const showView = ref(false);
+</script>
+
+<template>
     <q-field v-bind="{ ...$light.styles.input, ...$attrs }" :loading="loading" :model-value="localData"
         @update:model-value="onClear">
         <template v-slot:control>
@@ -66,4 +58,4 @@ const showView = ref(false);
         </q-dialog>
 
     </q-field>
-</template>
+</template>

package/dist/runtime/components/l-input-xlsx.vue.d.ts

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

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

@@ -1,128 +1,144 @@
-<script setup lang="ts">
-import { computed, ref, useAttrs } from "vue";
-import { useI18n } from 'vue-i18n';
-import tc2sc from "../lib/tc2sc";
-import { useLight } from '#imports';
-
-
-import type { QInputProps } from "quasar";
-export interface LInputProps extends QInputProps {
-    showPassword?: boolean;
-    translate?: boolean;
-    required?: boolean;
-}
-
-const { t } = useI18n();
-const light = useLight();
-
-const props = withDefaults(defineProps<LInputProps>(), {
-    outlined: undefined,
-    filled: undefined,
-    standout: undefined,
-    rounded: undefined,
-    square: undefined,
-    stackLabel: undefined,
-    hideBottomSpace: true,
-    dark: undefined,
-    dense: undefined,
-});
-
-const modelValue = defineModel<string | number | FileList | null | undefined>();
-
-//clone rules to new_rules
-const new_rules = props.rules || [];
-
-//has required prop (in properties)
-if (props.required) {
-    new_rules.push(val => !!val || t('input_required', [t(props.label ?? "")]));
-}
-
-if (props.type == "email") {
-    new_rules.push(val => {
-        if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
-            return t("Invalid email format");
-        }
-    });
-}
-
-if (new_rules.indexOf("containUpper") >= 0) {
-    new_rules.push(val => {
-        if (val && !val.match(/[A-Z]/)) {
-            return t("Must contain at least one uppercase letter");
-        }
-    });
-}
-
-if (new_rules.indexOf("containLower") >= 0) {
-    new_rules.push(val => {
-        if (val && !val.match(/[a-z]/)) {
-            return t("Must contain at least one lowercase letter");
-        }
-    });
-}
-
-if (new_rules.indexOf("containNumber") >= 0) {
-    new_rules.push(val => {
-        if (val && !val.match(/[0-9]/)) {
-            return t("Must contain at least one number");
-        }
-    });
-}
-
-if (new_rules.indexOf("containSpecial") >= 0) {
-    new_rules.push(val => {
-        if (val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/)) {
-            return t("Must contain at least one symbol");
-        }
-    });
-}
-
-//find mniLength:x  in rules
-const minLength = new_rules.find(rule => {
-    if (typeof rule != "string") return false;
-    return rule.startsWith("minLength:")
-});
-
-if (minLength) {
-    const min = parseInt(minLength.replace("minLength:", ""));
-    new_rules.push(val => {
-        if (val && val.length < min) {
-            return t("input_min", [min]);
-        }
-    });
-}
-
-
-const isShowPassword = ref(false);
-
-const localType = computed(() => {
-    if (props.type == "password" && isShowPassword.value) {
-        return "text";
-    }
-    return props.type;
-});
-
-const localShowPassword = computed(() => {
-    if (props.type != "password") {
-        return false;
-    }
-
-    if (!props.showPassword) {
-        return false;
-    }
-
-    if (!modelValue.value) {
-        return false;
-    }
-    return true;
-});
-
-const onClickTc2Sc = () => {
-    modelValue.value = tc2sc(modelValue.value ?? "");
-}
-
-</script>
-<template>
+<script setup>
+import { computed, ref, useAttrs } from "vue";
+import { useI18n } from "vue-i18n";
+import tc2sc from "../lib/tc2sc";
+import { useLight } from "#imports";
+const { t } = useI18n();
+const light = useLight();
+const props = defineProps({
+  showPassword: { type: Boolean, required: false },
+  translate: { type: Boolean, required: false },
+  required: { type: Boolean, required: false },
+  name: { type: null, required: false },
+  mask: { type: null, required: false },
+  fillMask: { type: [Boolean, String], required: false, skipCheck: true },
+  reverseFillMask: { type: Boolean, required: false, skipCheck: true },
+  unmaskedValue: { type: Boolean, required: false, skipCheck: true },
+  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, default: void 0 },
+  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 },
+  shadowText: { type: null, required: false },
+  type: { type: null, required: false },
+  debounce: { type: null, required: false },
+  maxlength: { type: null, required: false },
+  autogrow: { type: Boolean, required: false, skipCheck: true },
+  inputClass: { type: null, required: false },
+  inputStyle: { type: null, required: false },
+  "onUpdate:modelValue": { type: Function, required: false },
+  onFocus: { type: Function, required: false },
+  onBlur: { type: Function, required: false },
+  onClear: { type: Function, required: false }
+});
+const modelValue = defineModel({ type: [String, Number, Unknown, null] });
+const new_rules = props.rules || [];
+if (props.required) {
+  new_rules.push((val) => !!val || t("input_required", [t(props.label ?? "")]));
+}
+if (props.type == "email") {
+  new_rules.push((val) => {
+    if (val && !val.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
+      return t("Invalid email format");
+    }
+  });
+}
+if (new_rules.indexOf("containUpper") >= 0) {
+  new_rules.push((val) => {
+    if (val && !val.match(/[A-Z]/)) {
+      return t("Must contain at least one uppercase letter");
+    }
+  });
+}
+if (new_rules.indexOf("containLower") >= 0) {
+  new_rules.push((val) => {
+    if (val && !val.match(/[a-z]/)) {
+      return t("Must contain at least one lowercase letter");
+    }
+  });
+}
+if (new_rules.indexOf("containNumber") >= 0) {
+  new_rules.push((val) => {
+    if (val && !val.match(/[0-9]/)) {
+      return t("Must contain at least one number");
+    }
+  });
+}
+if (new_rules.indexOf("containSpecial") >= 0) {
+  new_rules.push((val) => {
+    if (val && !val.match(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/)) {
+      return t("Must contain at least one symbol");
+    }
+  });
+}
+const minLength = new_rules.find((rule) => {
+  if (typeof rule != "string") return false;
+  return rule.startsWith("minLength:");
+});
+if (minLength) {
+  const min = parseInt(minLength.replace("minLength:", ""));
+  new_rules.push((val) => {
+    if (val && val.length < min) {
+      return t("input_min", [min]);
+    }
+  });
+}
+const isShowPassword = ref(false);
+const localType = computed(() => {
+  if (props.type == "password" && isShowPassword.value) {
+    return "text";
+  }
+  return props.type;
+});
+const localShowPassword = computed(() => {
+  if (props.type != "password") {
+    return false;
+  }
+  if (!props.showPassword) {
+    return false;
+  }
+  if (!modelValue.value) {
+    return false;
+  }
+  return true;
+});
+const onClickTc2Sc = () => {
+  modelValue.value = tc2sc(modelValue.value ?? "");
+};
+</script>
+
+<template>
     <q-input v-bind="$light.getInputProps($props)" :rules="new_rules" :type="localType">
         <template v-if="translate" #prepend>
             <q-btn icon="sym_o_translate" flat dense rounded>
@@ -147,4 +163,4 @@ const onClickTc2Sc = () => {
         </template>
     
     </q-input>
-</template>
+</template>

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

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

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

@@ -1,23 +1,32 @@
-<script setup lang="ts">
-import type { QItemProps } from 'quasar';
-
-export interface LItemProps extends QItemProps {
-    label?: string;
-    name?: string;
-    top?: boolean;
-    labelTop?: boolean;
-    alignItems?: 'flex-start' | 'center' | 'flex-end';
-}
-
-withDefaults(defineProps<LItemProps>(), {
-    top: false,
-    labelTop: false,
-    alignItems: 'flex-end'
-});
-
-
-</script>
-<template>
+<script setup>
+defineProps({
+  label: { type: String, required: false },
+  name: { type: String, required: false },
+  top: { type: Boolean, required: false, default: false },
+  labelTop: { type: Boolean, required: false, default: false },
+  alignItems: { type: String, required: false, default: "flex-end" },
+  to: { type: null, required: false },
+  exact: { type: Boolean, required: false, skipCheck: true },
+  replace: { type: Boolean, required: false, skipCheck: true },
+  activeClass: { type: null, required: false },
+  exactActiveClass: { type: null, required: false },
+  href: { type: null, required: false },
+  target: { type: null, required: false },
+  disable: { type: Boolean, required: false, skipCheck: true },
+  active: { type: [Boolean, null], required: false, skipCheck: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  clickable: { type: Boolean, required: false, skipCheck: true },
+  dense: { type: Boolean, required: false, skipCheck: true },
+  insetLevel: { type: null, required: false },
+  tabindex: { type: null, required: false },
+  tag: { type: null, required: false },
+  manualFocus: { type: Boolean, required: false, skipCheck: true },
+  focused: { type: Boolean, required: false, skipCheck: true },
+  onClick: { type: Function, required: false }
+});
+</script>
+
+<template>
     <q-item v-bind="$props">
         <q-item-section side v-if=$slots.avatar>
             <slot name="avatar"></slot>
@@ -36,4 +45,4 @@ withDefaults(defineProps<LItemProps>(), {
         </q-item-section>
 
     </q-item>
-</template>
+</template>

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

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

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

@@ -1,18 +1,19 @@
-<script setup>
-const props = defineProps({
-    to: {
-        type: String,
-        required: false
-    },
-    type: {
-        type: String,
-        required: false,
-        default: "primary"
-    },
-})
-</script>
-<template>
+<script setup>
+const props = defineProps({
+  to: {
+    type: String,
+    required: false
+  },
+  type: {
+    type: String,
+    required: false,
+    default: "primary"
+  }
+});
+</script>
+
+<template>
     <router-link :to="props.to" style="text-decoration: underline; color:var(--q-primary)">
         <slot />
     </router-link>
-</template>
+</template>

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

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

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

@@ -1,37 +1,29 @@
-<script setup lang="ts">
-
-import type { QListProps } from 'quasar';
-
-export interface LListProps extends  QListProps {
-    fields?: any[];
-    modelValue?: any;
-}
-
-const props = withDefaults(defineProps<LListProps>(), {
-    bordered: true,
-    separator: true,
-    dense: true,
-});
-
-function getTo(field) {
-
-    const raw = field.getRaw();
-
-    if (raw.to) {
-        if (raw.to instanceof Function) {
-            return raw.to(props.modelValue);
-        }
-
-        if (typeof raw.to == 'string') {
-            return raw.to;
-        }
-    }
-
-    return null;
-}
-
-</script>
-<template>
+<script setup>
+const props = defineProps({
+  fields: { type: Array, required: false },
+  modelValue: { type: null, required: false },
+  bordered: { type: Boolean, required: false, skipCheck: true, default: true },
+  dense: { type: Boolean, required: false, skipCheck: true, default: true },
+  separator: { type: Boolean, required: false, skipCheck: true, default: true },
+  dark: { type: [Boolean, null], required: false, skipCheck: true },
+  padding: { type: Boolean, required: false, skipCheck: true },
+  tag: { type: null, required: false }
+});
+function getTo(field) {
+  const raw = field.getRaw();
+  if (raw.to) {
+    if (raw.to instanceof Function) {
+      return raw.to(props.modelValue);
+    }
+    if (typeof raw.to == "string") {
+      return raw.to;
+    }
+  }
+  return null;
+}
+</script>
+
+<template>
     <q-list v-bind="$props">
         <template v-if="fields">
             <l-item v-for="field in fields" :label="field.getRaw().label" :to="getTo(field)">
@@ -44,4 +36,4 @@ function getTo(field) {
         </template>
 
     </q-list>
-</template>
+</template>

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

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