@hostlink/nuxt-light 1.67.0 → 1.67.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.67.0",
+  "version": "1.67.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/L/Table.vue

@@ -172,7 +172,7 @@ const table = ref();
 const rows = ref(props.rows ?? []);
 const resolvedSearchOptions = ref({});
 const localSearchOptions = ref({});
-let resolveSeq = 0;
+const resolveSeqs = /* @__PURE__ */ new Map();
 const resolveColumnOptions = async (col) => {
   if (!col.searchOptions || !col.name) return;
   if (Array.isArray(col.searchOptions)) {
@@ -185,10 +185,11 @@ const resolveColumnOptions = async (col) => {
     columnValue: filters.value[col.name],
     column: col
   };
-  const seq = ++resolveSeq;
+  const seq = (resolveSeqs.get(col.name) ?? 0) + 1;
+  resolveSeqs.set(col.name, seq);
   try {
     const result = await col.searchOptions(ctx);
-    if (seq !== resolveSeq) return;
+    if (seq !== resolveSeqs.get(col.name)) return;
     resolvedSearchOptions.value[col.name] = result;
     localSearchOptions.value[col.name] = result;
   } catch {
@@ -723,12 +724,12 @@ const hasFilters = computed(() => {
                                 :options="localSearchOptions[col.name]" emit-value map-options
                                 :multiple="col.searchMultiple" use-input input-debounce="0" @filter="(val, update) => {
   searchSelectFilter(val, update, col.name);
-}" :style="col.searchStyle" />
+}" :style="col.searchStyle" :placeholder="col.searchPlaceholder" />
                         </template>
 
                         <template v-if="col.searchType == 'date'">
                             <l-date-picker dense clearable filled square :outlined="false" hide-bottom-space
-                                v-model="filters[col.name]" range :style="col.searchStyle" />
+                                v-model="filters[col.name]" range :style="col.searchStyle" :placeholder="col.searchPlaceholder" />
                         </template>
 
                         <template v-if="col.searchType == 'boolean'">

package/dist/runtime/composables/useLight.d.ts

@@ -226,7 +226,6 @@ declare const light: {
             label: {
                 create: string;
                 set: string;
-                clear: string;
                 filter: string;
                 remove: string;
                 cancel: string;
@@ -234,6 +233,7 @@ declare const light: {
                 reset: string;
                 select: string;
                 search: string;
+                clear: string;
                 ok: string;
                 update: string;
                 refresh: string;
@@ -360,11 +360,11 @@ declare const light: {
                 today: string;
             };
             editor: {
-                size: string;
                 bold: string;
                 left: string;
                 right: string;
                 center: string;
+                size: string;
                 align: string;
                 italic: string;
                 strikethrough: string;
@@ -448,8 +448,8 @@ declare const light: {
                 icon: string;
             };
             uploader: {
-                clear: string;
                 done: string;
+                clear: string;
                 add: string;
                 upload: string;
                 removeQueue: string;
@@ -823,7 +823,6 @@ declare const _default: () => {
             label: {
                 create: string;
                 set: string;
-                clear: string;
                 filter: string;
                 remove: string;
                 cancel: string;
@@ -831,6 +830,7 @@ declare const _default: () => {
                 reset: string;
                 select: string;
                 search: string;
+                clear: string;
                 ok: string;
                 update: string;
                 refresh: string;
@@ -957,11 +957,11 @@ declare const _default: () => {
                 today: string;
             };
             editor: {
-                size: string;
                 bold: string;
                 left: string;
                 right: string;
                 center: string;
+                size: string;
                 align: string;
                 italic: string;
                 strikethrough: string;
@@ -1045,8 +1045,8 @@ declare const _default: () => {
                 icon: string;
             };
             uploader: {
-                clear: string;
                 done: string;
+                clear: string;
                 add: string;
                 upload: string;
                 removeQueue: string;

package/dist/runtime/models/User.js

@@ -17,6 +17,7 @@ export default defineLightModel({
       label: "Username",
       sortable: true,
       searchable: true,
+      searchPlaceholder: "Search by username...",
       required: true
     },
     first_name: {
@@ -43,7 +44,8 @@ export default defineLightModel({
       label: "Join date",
       sortable: true,
       searchable: true,
-      searchType: "date"
+      searchType: "date",
+      searchPlaceholder: "Pick a date range..."
     },
     roles: {
       label: "Roles"
@@ -52,6 +54,7 @@ export default defineLightModel({
       label: "Status",
       searchable: true,
       searchType: "select",
+      searchPlaceholder: "Filter by status...",
       searchOptions: [
         { label: "Active", value: 0 },
         { label: "Inactive", value: 1 }

package/package.json

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