nuxt-ui-tools 0.1.0 → 0.1.1

package/dist/runtime/form/utils/state.js

@@ -321,8 +321,16 @@ function resolveFieldDefault(field, ctx) {
     return typeof value === "function" ? cloneFormValue(value({ ctx })) : cloneFormValue(value);
   if (fieldInstance.type.is("checkbox")) return false;
   if (fieldInstance.type.is("switch")) return resolveSwitchDefault(field);
-  if (fieldInstance.type.is("checkbox-group")) return [];
-  if (fieldInstance.type.isAny(["tree", "tree-select", "cascader"]) && Object.getOwnPropertyDescriptor(field, "multiple")?.value === true)
+  if (fieldInstance.type.isAny(["checkbox-group", "checkbox-card", "switch-group"])) return [];
+  if (fieldInstance.type.isAny([
+    "auto-complete",
+    "select",
+    "file",
+    "upload",
+    "tree",
+    "tree-select",
+    "cascader"
+  ]) && Object.getOwnPropertyDescriptor(field, "multiple")?.value === true)
     return [];
   if (fieldInstance.type.is("tag")) return [];
   if (fieldInstance.type.is("slider")) return 0;

package/dist/runtime/i18n/locales/en.js

@@ -14,6 +14,44 @@ export default defineUiToolsLocale({
       fields: {
         text: {
           defaultPlaceholder: "Enter a value"
+        },
+        options: {
+          refresh: "Refresh",
+          create: "Create option",
+          creating: "Creating\u2026",
+          createNamed: 'Create "{label}"'
+        },
+        hierarchy: {
+          search: "Search",
+          empty: "No matching options",
+          clear: "Clear selection"
+        },
+        rating: {
+          value: "{value} of {max}"
+        },
+        date: {
+          start: "Start",
+          end: "End",
+          clear: "Clear value"
+        },
+        time: {
+          format: "HH:mm",
+          hour: "Hour",
+          minute: "Minute",
+          clear: "Clear time"
+        },
+        color: {
+          open: "Open color picker",
+          clear: "Clear color"
+        },
+        upload: {
+          upload: "Upload",
+          remove: "Remove",
+          failed: "Upload failed."
+        },
+        phone: {
+          country: "Country calling code",
+          number: "Phone number"
         }
       }
     },

package/dist/runtime/i18n/locales/fr.js

@@ -14,6 +14,44 @@ export default defineUiToolsLocale({
       fields: {
         text: {
           defaultPlaceholder: "Saisissez une valeur"
+        },
+        options: {
+          refresh: "Actualiser",
+          create: "Cr\xE9er une option",
+          creating: "Cr\xE9ation\u2026",
+          createNamed: "Cr\xE9er \xAB {label} \xBB"
+        },
+        hierarchy: {
+          search: "Rechercher",
+          empty: "Aucune option correspondante",
+          clear: "Effacer la s\xE9lection"
+        },
+        rating: {
+          value: "{value} sur {max}"
+        },
+        date: {
+          start: "D\xE9but",
+          end: "Fin",
+          clear: "Effacer la valeur"
+        },
+        time: {
+          format: "HH:mm",
+          hour: "Heure",
+          minute: "Minute",
+          clear: "Effacer l\u2019heure"
+        },
+        color: {
+          open: "Ouvrir le s\xE9lecteur de couleur",
+          clear: "Effacer la couleur"
+        },
+        upload: {
+          upload: "T\xE9l\xE9verser",
+          remove: "Supprimer",
+          failed: "\xC9chec du t\xE9l\xE9versement."
+        },
+        phone: {
+          country: "Indicatif du pays",
+          number: "Num\xE9ro de t\xE9l\xE9phone"
         }
       }
     },

package/dist/runtime/i18n/types.d.ts

@@ -238,6 +238,44 @@ export interface UiToolsFormMessages {
         text: {
             defaultPlaceholder: string;
         };
+        options: {
+            refresh: string;
+            create: string;
+            creating: string;
+            createNamed: string;
+        };
+        hierarchy: {
+            search: string;
+            empty: string;
+            clear: string;
+        };
+        rating: {
+            value: string;
+        };
+        date: {
+            start: string;
+            end: string;
+            clear: string;
+        };
+        time: {
+            format: string;
+            hour: string;
+            minute: string;
+            clear: string;
+        };
+        color: {
+            open: string;
+            clear: string;
+        };
+        upload: {
+            upload: string;
+            remove: string;
+            failed: string;
+        };
+        phone: {
+            country: string;
+            number: string;
+        };
     };
 }
 export interface Messages {

package/dist/runtime/i18n/use-locale.d.ts

@@ -1,6 +1,6 @@
 import { type InjectionKey, type Ref } from 'vue';
-import type { Locale, Messages } from '#ui-tools/i18n/types';
+import type { Locale, Messages } from './types.js';
 export declare const uiToolsLocaleContextInjectionKey: InjectionKey<Ref<Locale<Messages> | undefined>>;
 export declare function useUiToolsLocaleRef(localeOverrides?: Ref<Locale<Messages> | undefined>): import("vue").ComputedRef<Locale<Messages>>;
-export declare function useUiToolsLocale(localeOverrides?: Ref<Locale<Messages> | undefined>): import("#ui-tools/i18n/utils").UiToolsLocaleContext<Messages>;
+export declare function useUiToolsLocale(localeOverrides?: Ref<Locale<Messages> | undefined>): import("./utils.js").UiToolsLocaleContext<Messages>;
 export declare function provideUiToolsLocale(locale: Ref<Locale<Messages> | undefined>): void;

package/dist/runtime/i18n/use-locale.js

@@ -1,8 +1,8 @@
 import { useLocale as useNuxtUiLocale } from "@nuxt/ui/composables/useLocale";
 import { computed, inject, provide } from "vue";
-import { fr } from "#ui-tools/i18n/locales";
-import en from "#ui-tools/i18n/locales/en";
-import { buildUiToolsLocaleContext } from "#ui-tools/i18n/utils";
+import { fr } from "./locales/index.js";
+import en from "./locales/en.js";
+import { buildUiToolsLocaleContext } from "./utils.js";
 export const uiToolsLocaleContextInjectionKey = Symbol.for("nuxt-ui-tools.locale-context");
 export function useUiToolsLocaleRef(localeOverrides) {
   const nuxtUiLocale = useNuxtUiLocale();

package/dist/runtime/table/components/DataList.d.vue.ts

@@ -20,6 +20,8 @@ type __VLS_Props = {
 declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     layout: string;
     refresh: () => void;
+    hasActiveQuery: boolean;
+    clearQuery: () => void;
 }, __VLS_24: {}, __VLS_27: {}, __VLS_30: {
     layout: "table" | "grid";
 }, __VLS_33: {

package/dist/runtime/table/components/DataList.vue.d.ts

@@ -20,6 +20,8 @@ type __VLS_Props = {
 declare var __VLS_15: {}, __VLS_18: {}, __VLS_21: {
     layout: string;
     refresh: () => void;
+    hasActiveQuery: boolean;
+    clearQuery: () => void;
 }, __VLS_24: {}, __VLS_27: {}, __VLS_30: {
     layout: "table" | "grid";
 }, __VLS_33: {

package/dist/runtime/table/components/actions/RowActions.d.vue.ts

@@ -1,14 +1,16 @@
-import type { DropdownMenuProps } from '@nuxt/ui';
+import type { DropdownMenuProps } from '@nuxt/ui/components/DropdownMenu.vue';
+import type { DataListControlSize } from '../../types/index.js';
 type __VLS_Props = {
     content?: DropdownMenuProps['content'];
     modal?: DropdownMenuProps['modal'];
     portal?: DropdownMenuProps['portal'];
     arrow?: DropdownMenuProps['arrow'];
     disabled?: DropdownMenuProps['disabled'];
+    size?: DataListControlSize;
     ui?: DropdownMenuProps['ui'];
 };
 declare var __VLS_9: {
-    items: import("@nuxt/ui").DropdownMenuItem[];
+    items: import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[];
     open: boolean;
 };
 type __VLS_Slots = {} & {

package/dist/runtime/table/components/actions/RowActions.vue

@@ -13,6 +13,7 @@ const props = defineProps({
   portal: { type: [Boolean, String], required: false, skipCheck: true },
   arrow: { type: [Boolean, Object], required: false },
   disabled: { type: Boolean, required: false },
+  size: { type: String, required: false },
   ui: { type: Object, required: false }
 });
 const attrs = useAttrs();
@@ -44,6 +45,7 @@ const items = computed(() => {
     :portal="portal"
     :arrow="props.arrow"
     :disabled="props.disabled"
+    :size="props.size"
     :ui="props.ui"
     v-bind="attrs"
   >

package/dist/runtime/table/components/actions/RowActions.vue.d.ts

@@ -1,14 +1,16 @@
-import type { DropdownMenuProps } from '@nuxt/ui';
+import type { DropdownMenuProps } from '@nuxt/ui/components/DropdownMenu.vue';
+import type { DataListControlSize } from '../../types/index.js';
 type __VLS_Props = {
     content?: DropdownMenuProps['content'];
     modal?: DropdownMenuProps['modal'];
     portal?: DropdownMenuProps['portal'];
     arrow?: DropdownMenuProps['arrow'];
     disabled?: DropdownMenuProps['disabled'];
+    size?: DataListControlSize;
     ui?: DropdownMenuProps['ui'];
 };
 declare var __VLS_9: {
-    items: import("@nuxt/ui").DropdownMenuItem[];
+    items: import("@nuxt/ui/runtime/components/DropdownMenu.d.vue.js").DropdownMenuItem[];
     open: boolean;
 };
 type __VLS_Slots = {} & {

package/dist/runtime/table/components/data-list/DataListAddFilter.d.vue.ts

@@ -1,20 +1,22 @@
-import type { DataListAddFilterUi, DataListControlSize } from '../../types/index.js';
+import type { DataListAddFilterUi, DataListControlSize, TableUiFilterDefinition } from '../../types/index.js';
 type __VLS_Props = {
     size?: DataListControlSize;
     ui?: DataListAddFilterUi;
 };
-declare var __VLS_11: {
+declare var __VLS_12: {
     open: () => void;
     close: () => void;
     toggle: () => void;
     openState: boolean;
+    stage: "editor" | "match-mode" | "picker";
+    definition: TableUiFilterDefinition | undefined;
     triggerProps: {
         type: string;
         'aria-expanded': boolean;
     };
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_11) => any;
+    trigger?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/DataListAddFilter.vue

@@ -11,6 +11,9 @@ const props = defineProps({
 });
 const dataListUi = useDataListUi();
 const definitions = computed(() => internals.filterPresentation.dormantDynamicDefinitions.value);
+const sessionDefinition = computed(
+  () => internals.filterPresentation.dynamicSessionDefinition.value
+);
 const resolvedSize = computed(
   () => props.size ?? dataListUi.ui.value.addFilter?.size ?? dataListUi.controlSize.value
 );
@@ -25,12 +28,14 @@ function getLabel(definition) {
 
 <template>
   <DynamicFilterPicker
-    v-if="definitions.length"
+    v-if="definitions.length || sessionDefinition"
     :definitions="definitions"
+    :session-definition="sessionDefinition"
     :get-label="getLabel"
     :size="resolvedSize"
     :ui="resolvedUi"
     @select="internals.filterPresentation.activateDynamicFilter({ key: $event })"
+    @release="internals.filterPresentation.releaseDynamicSession({ key: $event })"
   >
     <template v-if="$slots.trigger" #trigger="scope">
       <slot name="trigger" v-bind="scope" />

package/dist/runtime/table/components/data-list/DataListAddFilter.vue.d.ts

@@ -1,20 +1,22 @@
-import type { DataListAddFilterUi, DataListControlSize } from '../../types/index.js';
+import type { DataListAddFilterUi, DataListControlSize, TableUiFilterDefinition } from '../../types/index.js';
 type __VLS_Props = {
     size?: DataListControlSize;
     ui?: DataListAddFilterUi;
 };
-declare var __VLS_11: {
+declare var __VLS_12: {
     open: () => void;
     close: () => void;
     toggle: () => void;
     openState: boolean;
+    stage: "editor" | "match-mode" | "picker";
+    definition: TableUiFilterDefinition | undefined;
     triggerProps: {
         type: string;
         'aria-expanded': boolean;
     };
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_11) => any;
+    trigger?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/table/components/data-list/DataListContent.d.vue.ts

@@ -6,31 +6,38 @@ type __VLS_Props = {
     ui?: DataListContentUi;
 };
 declare function refresh(): void;
+declare function clearQuery(): void;
 declare var __VLS_1: {}, __VLS_4: "loading" | "initial-loading", __VLS_5: {
     layout: "table" | "grid";
 }, __VLS_7: {
     error: {};
     retry: typeof refresh;
-}, __VLS_9: {
+}, __VLS_22: {
     layout: "table" | "grid";
     refresh: typeof refresh;
-}, __VLS_11: {
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_24: {
     layout: "table" | "grid";
     rows: object[];
     loading: boolean;
     empty: boolean;
     error: unknown;
-}, __VLS_19: {
+}, __VLS_32: {
     rows: object[];
-}, __VLS_28: {}, __VLS_30: {
+}, __VLS_41: {}, __VLS_43: {
     layout: string;
     refresh: typeof refresh;
-}, __VLS_32: {
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_45: {
     rows: object[];
-}, __VLS_41: {}, __VLS_43: {
+}, __VLS_54: {}, __VLS_56: {
     layout: string;
     refresh: typeof refresh;
-}, __VLS_45: {}, __VLS_47: {};
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_58: {}, __VLS_60: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_4>]?: (props: typeof __VLS_5) => any;
 } & {
@@ -38,25 +45,25 @@ type __VLS_Slots = {} & {
 } & {
     error?: (props: typeof __VLS_7) => any;
 } & {
-    empty?: (props: typeof __VLS_9) => any;
+    empty?: (props: typeof __VLS_22) => any;
 } & {
-    content?: (props: typeof __VLS_11) => any;
+    content?: (props: typeof __VLS_24) => any;
 } & {
-    table?: (props: typeof __VLS_19) => any;
+    table?: (props: typeof __VLS_32) => any;
 } & {
-    'empty-table'?: (props: typeof __VLS_28) => any;
+    'empty-table'?: (props: typeof __VLS_41) => any;
 } & {
-    empty?: (props: typeof __VLS_30) => any;
+    empty?: (props: typeof __VLS_43) => any;
 } & {
-    grid?: (props: typeof __VLS_32) => any;
+    grid?: (props: typeof __VLS_45) => any;
 } & {
-    'empty-grid'?: (props: typeof __VLS_41) => any;
+    'empty-grid'?: (props: typeof __VLS_54) => any;
 } & {
-    empty?: (props: typeof __VLS_43) => any;
+    empty?: (props: typeof __VLS_56) => any;
 } & {
-    refreshing?: (props: typeof __VLS_45) => any;
+    refreshing?: (props: typeof __VLS_58) => any;
 } & {
-    after?: (props: typeof __VLS_47) => any;
+    after?: (props: typeof __VLS_60) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     transition: boolean;

package/dist/runtime/table/components/data-list/DataListContent.vue

@@ -1,4 +1,6 @@
 <script setup>
+import UButton from "@nuxt/ui/components/Button.vue";
+import UIcon from "@nuxt/ui/components/Icon.vue";
 import { computed, nextTick, ref, watch } from "vue";
 import { useUiToolsLocale } from "#ui-tools/i18n";
 import { useDataListUi } from "../../composables/use-data-list-ui";
@@ -24,6 +26,9 @@ const loading = computed(
 );
 const error = computed(() => rows.value.length ? null : internals.queryContent.error.value);
 const empty = computed(() => !loading.value && !error.value && rows.value.length === 0);
+const hasActiveQuery = computed(
+  () => internals.filters.hasActiveSearch.value || internals.filters.hasActiveUiFilters.value
+);
 const refreshing = computed(
   () => rows.value.length > 0 && (internals.queryContent.status.value.isRefreshing || internals.queryContent.status.value.isRevalidating)
 );
@@ -42,6 +47,10 @@ const shellClass = computed(
 function refresh() {
   void internals.queryContent.refreshData()();
 }
+function clearQuery() {
+  internals.filters.searchQuery.value = "";
+  internals.filters.clearAllFilters();
+}
 watch(
   () => internals.controls.tableLayout.value,
   () => {
@@ -87,31 +96,61 @@ watch(
   )
 "
       >
-        <div :class="mergeDataListUiClass('grid max-w-sm gap-3', rootUi?.errorBody, ui?.errorBody)">
-          <div
+        <div
+          :class="
+  mergeDataListUiClass(
+    'flex max-w-md items-start gap-3 text-left',
+    rootUi?.errorBody,
+    ui?.errorBody
+  )
+"
+        >
+          <span
             :class="
+  mergeDataListUiClass(
+    'grid size-9 shrink-0 place-items-center rounded-md bg-error/10 text-error',
+    rootUi?.errorIcon,
+    ui?.errorIcon
+  )
+"
+          >
+            <UIcon name="i-lucide-cloud-alert" class="size-4" />
+          </span>
+          <div :class="mergeDataListUiClass('min-w-0 flex-1', rootUi?.errorCopy, ui?.errorCopy)">
+            <div
+              :class="
   mergeDataListUiClass(
     'font-medium text-highlighted',
     rootUi?.errorTitle,
     ui?.errorTitle
   )
 "
-          >
-            {{ t("table.states.gridError.title") }}
-          </div>
-          <button
-            type="button"
-            :class="
+            >
+              {{ t("table.states.gridError.title") }}
+            </div>
+            <p
+              :class="
   mergeDataListUiClass(
-    'mx-auto rounded-md border border-default px-3 py-1.5 text-sm text-default hover:bg-elevated',
-    rootUi?.retry,
-    ui?.retry
+    'mt-0.5 text-sm leading-5 text-muted',
+    rootUi?.errorDescription,
+    ui?.errorDescription
   )
 "
-            @click="refresh"
-          >
-            {{ t("table.states.gridError.action") }}
-          </button>
+            >
+              {{ t("table.states.gridError.description") }}
+            </p>
+            <UButton
+              color="neutral"
+              variant="soft"
+              size="sm"
+              icon="i-lucide-refresh-cw"
+              class="mt-3"
+              :ui="{ base: mergeDataListUiClass(rootUi?.retry, ui?.retry) }"
+              @click="refresh"
+            >
+              {{ t("table.states.gridError.action") }}
+            </UButton>
+          </div>
         </div>
       </div>
     </slot>
@@ -120,6 +159,8 @@ watch(
       name="empty"
       :layout="internals.controls.tableLayout.value"
       :refresh="refresh"
+      :has-active-query="hasActiveQuery"
+      :clear-query="clearQuery"
     />
     <slot
       v-else
@@ -140,7 +181,13 @@ watch(
           <DataListTable>
             <template #empty>
               <slot name="empty-table">
-                <slot name="empty" :layout="'table'" :refresh="refresh" />
+                <slot
+                  name="empty"
+                  :layout="'table'"
+                  :refresh="refresh"
+                  :has-active-query="hasActiveQuery"
+                  :clear-query="clearQuery"
+                />
               </slot>
             </template>
           </DataListTable>
@@ -149,7 +196,13 @@ watch(
           <DataListGrid>
             <template #empty>
               <slot name="empty-grid">
-                <slot name="empty" :layout="'grid'" :refresh="refresh" />
+                <slot
+                  name="empty"
+                  :layout="'grid'"
+                  :refresh="refresh"
+                  :has-active-query="hasActiveQuery"
+                  :clear-query="clearQuery"
+                />
               </slot>
             </template>
           </DataListGrid>

package/dist/runtime/table/components/data-list/DataListContent.vue.d.ts

@@ -6,31 +6,38 @@ type __VLS_Props = {
     ui?: DataListContentUi;
 };
 declare function refresh(): void;
+declare function clearQuery(): void;
 declare var __VLS_1: {}, __VLS_4: "loading" | "initial-loading", __VLS_5: {
     layout: "table" | "grid";
 }, __VLS_7: {
     error: {};
     retry: typeof refresh;
-}, __VLS_9: {
+}, __VLS_22: {
     layout: "table" | "grid";
     refresh: typeof refresh;
-}, __VLS_11: {
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_24: {
     layout: "table" | "grid";
     rows: object[];
     loading: boolean;
     empty: boolean;
     error: unknown;
-}, __VLS_19: {
+}, __VLS_32: {
     rows: object[];
-}, __VLS_28: {}, __VLS_30: {
+}, __VLS_41: {}, __VLS_43: {
     layout: string;
     refresh: typeof refresh;
-}, __VLS_32: {
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_45: {
     rows: object[];
-}, __VLS_41: {}, __VLS_43: {
+}, __VLS_54: {}, __VLS_56: {
     layout: string;
     refresh: typeof refresh;
-}, __VLS_45: {}, __VLS_47: {};
+    hasActiveQuery: boolean;
+    clearQuery: typeof clearQuery;
+}, __VLS_58: {}, __VLS_60: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_4>]?: (props: typeof __VLS_5) => any;
 } & {
@@ -38,25 +45,25 @@ type __VLS_Slots = {} & {
 } & {
     error?: (props: typeof __VLS_7) => any;
 } & {
-    empty?: (props: typeof __VLS_9) => any;
+    empty?: (props: typeof __VLS_22) => any;
 } & {
-    content?: (props: typeof __VLS_11) => any;
+    content?: (props: typeof __VLS_24) => any;
 } & {
-    table?: (props: typeof __VLS_19) => any;
+    table?: (props: typeof __VLS_32) => any;
 } & {
-    'empty-table'?: (props: typeof __VLS_28) => any;
+    'empty-table'?: (props: typeof __VLS_41) => any;
 } & {
-    empty?: (props: typeof __VLS_30) => any;
+    empty?: (props: typeof __VLS_43) => any;
 } & {
-    grid?: (props: typeof __VLS_32) => any;
+    grid?: (props: typeof __VLS_45) => any;
 } & {
-    'empty-grid'?: (props: typeof __VLS_41) => any;
+    'empty-grid'?: (props: typeof __VLS_54) => any;
 } & {
-    empty?: (props: typeof __VLS_43) => any;
+    empty?: (props: typeof __VLS_56) => any;
 } & {
-    refreshing?: (props: typeof __VLS_45) => any;
+    refreshing?: (props: typeof __VLS_58) => any;
 } & {
-    after?: (props: typeof __VLS_47) => any;
+    after?: (props: typeof __VLS_60) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     transition: boolean;

package/dist/runtime/table/components/data-list/DataListDefault.d.vue.ts

@@ -15,6 +15,8 @@ declare var __VLS_1: {}, __VLS_13: {}, __VLS_42: {
 }, __VLS_51: {
     layout: string;
     refresh: () => void;
+    hasActiveQuery: boolean;
+    clearQuery: () => void;
 }, __VLS_54: {}, __VLS_57: {}, __VLS_60: {}, __VLS_70: {
     loadedCount: number;
 }, __VLS_73: {

package/dist/runtime/table/components/data-list/DataListDefault.vue.d.ts

@@ -15,6 +15,8 @@ declare var __VLS_1: {}, __VLS_13: {}, __VLS_42: {
 }, __VLS_51: {
     layout: string;
     refresh: () => void;
+    hasActiveQuery: boolean;
+    clearQuery: () => void;
 }, __VLS_54: {}, __VLS_57: {}, __VLS_60: {}, __VLS_70: {
     loadedCount: number;
 }, __VLS_73: {