@hostlink/nuxt-light 1.27.7 → 1.28.0

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

@@ -1,96 +1,61 @@
-<script setup>
-import collect from "collect.js";
-
-import { computed, onMounted, useAttrs, ref } from "vue";
-
-const props = defineProps({
-    options: {
-        type: Array,
-        required: true,
-    },
-    emitValue: {
-        type: Boolean,
-        default: true,
-    },
-    mapOptions: {
-        type: Boolean,
-        default: true,
-    },
-});
-
-const userString = ref("");
-const items = computed(() => {
-
-    //filter out items based on user input
-
-    const filteredItems = collect(props.options)
-        .filter((item) => {
-            if (userString.value === "") {
-                return true;
-            }
-            return item.label.toLowerCase().includes(userString.value);
-        })
-        .toArray();
-
-    const groups = collect(filteredItems).unique("group").pluck("group").sort();
-
-    const options = collect();
-    groups.each((group) => {
-        const items = collect(filteredItems).where("group", group).toArray();
-        options
-            .push({ label: group, is_group: true, disable: true })
-            .push(...items);
-    });
-
-    return options.toArray();
-});
-
-const model = defineModel();
-
-const attrs = useAttrs();
-const handleItemUniqueByGroup = (items) => {
-    return;
-    if (!attrs.hasOwnProperty("multiple") || attrs.multiple === false) {
-        return;
-    }
-    /* 
-        model.value = collect(items)
-            .unique((item) => {
-                // Allow selecting multiple items that are not grouped
-                if (item.group === null) {
-                    return item.value;
-                }
-    
-                return item.group;
-            })
-            .toArray(); */
-};
-
-onMounted(() => {
-    //這個功能是為了避免在多選的情況下，選擇同一個group的item
-    // handleItemUniqueByGroup(model.value);
-
-});
-
-const filterFn = (val, update, abort) => {
-    if (val === "") {
-        update(() => {
-            userString.value = "";
-        });
-        return;
-    }
-
-    const needle = val.toLowerCase();
-    update(() => {
-        userString.value = needle;
-    });
-};
-
-</script>
-
-<template>
-
-
+<script setup>
+import collect from "collect.js";
+import { computed, onMounted, useAttrs, ref } from "vue";
+const props = defineProps({
+  options: {
+    type: Array,
+    required: true
+  },
+  emitValue: {
+    type: Boolean,
+    default: true
+  },
+  mapOptions: {
+    type: Boolean,
+    default: true
+  }
+});
+const userString = ref("");
+const items = computed(() => {
+  const filteredItems = collect(props.options).filter((item) => {
+    if (userString.value === "") {
+      return true;
+    }
+    return item.label.toLowerCase().includes(userString.value);
+  }).toArray();
+  const groups = collect(filteredItems).unique("group").pluck("group").sort();
+  const options = collect();
+  groups.each((group) => {
+    const items2 = collect(filteredItems).where("group", group).toArray();
+    options.push({ label: group, is_group: true, disable: true }).push(...items2);
+  });
+  return options.toArray();
+});
+const model = defineModel();
+const attrs = useAttrs();
+const handleItemUniqueByGroup = (items2) => {
+  return;
+  if (!attrs.hasOwnProperty("multiple") || attrs.multiple === false) {
+    return;
+  }
+};
+onMounted(() => {
+});
+const filterFn = (val, update, abort) => {
+  if (val === "") {
+    update(() => {
+      userString.value = "";
+    });
+    return;
+  }
+  const needle = val.toLowerCase();
+  update(() => {
+    userString.value = needle;
+  });
+};
+</script>
+
+<template>
     <q-select v-model="model"  v-bind="$light.getInputProps($props)" :options="items" @update:model-value="handleItemUniqueByGroup" 
         input-debounce="0"  @filter="filterFn" :color="$light.color" :style="$light.styles.input"
         :emit-value="emitValue" :map-options="mapOptions">
@@ -112,4 +77,4 @@ const filterFn = (val, update, abort) => {
             </q-item>
         </template>
     </q-select>
-</template>
+</template>

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

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