@hostlink/nuxt-light 1.66.0 → 1.66.2

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

@@ -224,18 +224,18 @@ declare const light: {
             isoName: string;
             nativeName: string;
             label: {
-                clear: string;
+                create: string;
                 set: string;
-                select: string;
+                clear: string;
                 filter: string;
-                search: string;
                 remove: string;
                 cancel: string;
                 close: string;
                 reset: string;
+                select: string;
+                search: string;
                 ok: string;
                 update: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -265,8 +265,6 @@ declare const light: {
                 pagination: (start: number, end: number, total: number) => string;
             };
             editor: {
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -290,6 +288,7 @@ declare const light: {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
                 heading1: string;
@@ -299,6 +298,7 @@ declare const light: {
                 heading5: string;
                 heading6: string;
                 paragraph: string;
+                code: string;
                 size1: string;
                 size2: string;
                 size3: string;
@@ -318,10 +318,10 @@ declare const light: {
             set: (iconSet: import("quasar").QuasarIconSet) => void;
             name: string;
             type: {
+                positive: string;
+                negative: string;
                 info: string;
                 warning: string;
-                negative: string;
-                positive: string;
             };
             arrow: {
                 left: string;
@@ -361,8 +361,6 @@ declare const light: {
             };
             editor: {
                 size: string;
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -385,8 +383,10 @@ declare const light: {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
+                code: string;
                 viewSource: string;
                 heading: string;
                 font: string;
@@ -413,8 +413,8 @@ declare const light: {
                 activeIcon: string;
             };
             field: {
-                clear: string;
                 error: string;
+                clear: string;
             };
             pagination: {
                 first: string;
@@ -821,18 +821,18 @@ declare const _default: () => {
             isoName: string;
             nativeName: string;
             label: {
-                clear: string;
+                create: string;
                 set: string;
-                select: string;
+                clear: string;
                 filter: string;
-                search: string;
                 remove: string;
                 cancel: string;
                 close: string;
                 reset: string;
+                select: string;
+                search: string;
                 ok: string;
                 update: string;
-                create: string;
                 refresh: string;
                 expand: (label?: string | undefined) => string;
                 collapse: (label?: string | undefined) => string;
@@ -862,8 +862,6 @@ declare const _default: () => {
                 pagination: (start: number, end: number, total: number) => string;
             };
             editor: {
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -887,6 +885,7 @@ declare const _default: () => {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
                 heading1: string;
@@ -896,6 +895,7 @@ declare const _default: () => {
                 heading5: string;
                 heading6: string;
                 paragraph: string;
+                code: string;
                 size1: string;
                 size2: string;
                 size3: string;
@@ -915,10 +915,10 @@ declare const _default: () => {
             set: (iconSet: import("quasar").QuasarIconSet) => void;
             name: string;
             type: {
+                positive: string;
+                negative: string;
                 info: string;
                 warning: string;
-                negative: string;
-                positive: string;
             };
             arrow: {
                 left: string;
@@ -958,8 +958,6 @@ declare const _default: () => {
             };
             editor: {
                 size: string;
-                code: string;
-                hr: string;
                 bold: string;
                 left: string;
                 right: string;
@@ -982,8 +980,10 @@ declare const _default: () => {
                 removeFormat: string;
                 formatting: string;
                 fontSize: string;
+                hr: string;
                 undo: string;
                 redo: string;
+                code: string;
                 viewSource: string;
                 heading: string;
                 font: string;
@@ -1010,8 +1010,8 @@ declare const _default: () => {
                 activeIcon: string;
             };
             field: {
-                clear: string;
                 error: string;
+                clear: string;
             };
             pagination: {
                 first: string;

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

@@ -0,0 +1,26 @@
+/**
+ * Reactive input props — auto-translates label/hint.
+ * Priority (lowest→highest): light.styles.input < declared props < $attrs
+ * Use with defineOptions({ inheritAttrs: false }) in the component.
+ */
+export declare function useLightInputDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive card props — auto-translates label.
+ * Priority (lowest→highest): light.styles.card < declared props < $attrs
+ */
+export declare function useLightCardDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive table props — auto-translates label.
+ * Priority (lowest→highest): light.styles.table < declared props < $attrs
+ */
+export declare function useLightTableDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Reactive button props — auto-translates label.
+ * Priority (lowest→highest): light.styles.button < declared props < $attrs
+ */
+export declare function useLightButtonDefaults(props: Readonly<Record<string, any>>, attrs: Readonly<Record<string, any>>, excludeKeys?: string[]): import("vue").ComputedRef<Record<string, any>>;
+/**
+ * Lightweight composable for simple label-only wrappers (Checkbox, Radio, Tab, Toggle…).
+ * Returns a reactive translated label string (or undefined).
+ */
+export declare function useLightLabel(props: Readonly<Record<string, any>>): import("vue").ComputedRef<any>;

package/dist/runtime/composables/useLightProps.js

@@ -0,0 +1,73 @@
+import { computed } from "vue";
+import useLight from "./useLight.js";
+const MODEL_KEYS = ["modelValue", "onUpdate:modelValue"];
+function filterDefined(obj, exclude = []) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([k, v]) => v !== void 0 && !exclude.includes(k))
+  );
+}
+const TRANSLATE_KEYS = ["label", "hint"];
+function withTranslations(result, light, extra = {}) {
+  if (result.label !== void 0)
+    result.label = light.$t(result.label);
+  if (result.hint !== void 0)
+    result.hint = light.$t(result.hint);
+  return { ...result, ...extra };
+}
+export function useLightInputDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      color: light.color,
+      ...light.styles.input,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS),
+      class: attrs.class ?? props.class ?? "col-12"
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightCardDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      ...light.styles.card,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightTableDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  const allExclude = [...MODEL_KEYS, ...excludeKeys];
+  return computed(() => {
+    const base = {
+      color: light.color,
+      ...light.styles.table,
+      ...filterDefined(props, allExclude),
+      ...filterDefined(attrs, MODEL_KEYS)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightButtonDefaults(props, attrs, excludeKeys = []) {
+  const light = useLight();
+  return computed(() => {
+    const base = {
+      color: "primary",
+      ...light.styles.button,
+      ...filterDefined(props, excludeKeys),
+      ...filterDefined(attrs)
+    };
+    return withTranslations(base, light);
+  });
+}
+export function useLightLabel(props) {
+  const light = useLight();
+  return computed(
+    () => props.label !== void 0 ? light.$t(props.label) : void 0
+  );
+}

package/dist/runtime/models/APIKey.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/runtime/models/APIKey.js

@@ -0,0 +1,20 @@
+import { defineLightModel } from "#imports";
+export default defineLightModel({
+  name: "APIKey",
+  fields: {
+    apikey_id: {
+      label: "ID",
+      sortable: true,
+      autoWidth: true
+    },
+    name: {
+      label: "Name",
+      sortable: true,
+      searchable: true
+    },
+    created_time: {
+      label: "Created time",
+      sortable: true
+    }
+  }
+});

package/dist/runtime/models/SystemValue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => void;
+export default _default;

package/dist/runtime/models/SystemValue.js

@@ -0,0 +1,15 @@
+import { defineLightModel } from "#imports";
+export default defineLightModel({
+  name: "SystemValue",
+  dataPath: "app.listSystemValue",
+  fields: {
+    name: {
+      label: "Name",
+      sortable: true
+    },
+    value: {
+      label: "Value",
+      sortable: true
+    }
+  }
+});

package/dist/runtime/pages/System/database/table.vue

@@ -24,6 +24,7 @@ const custom_tables = computed(() => {
 const systables = computed(() => {
   return (data.value?.tableStatus ?? []).filter((table) => SYSTEM_TABLES.includes(table.Name));
 });
+const selected = reactive({});
 const add = async (table) => {
   $q.dialog({
     component: LDialogDatabaseFieldAdd
@@ -51,7 +52,30 @@ const add = async (table) => {
     }
   });
 };
-const selected = reactive({});
+const edit = async (table) => {
+  const field = selected[table]?.[0];
+  if (!field) return;
+  $q.dialog({
+    component: LDialogDatabaseFieldAdd,
+    componentProps: { field }
+  }).onOk(async (data2) => {
+    try {
+      await m("lightDatabaseEditField", {
+        table,
+        field: data2.name,
+        type: data2.type,
+        length: data2.length,
+        default: data2.default,
+        nullable: data2.nullable,
+        autoincrement: data2.autoincrement
+      });
+      light.notify({ type: "positive", message: "Field updated successfully" });
+      refresh();
+    } catch (e) {
+      light.notify({ type: "negative", message: e.message });
+    }
+  });
+};
 if (data.value?.table) {
   for (let table of data.value.table) {
     selected[table.name] = [];
@@ -210,6 +234,9 @@ const truncatTable = async () => {
                         <div class="row items-center q-gutter-sm">
                             <q-btn icon="sym_o_add" @click="add(table.name)" flat size="sm" label="Add Field"
                                 color="primary" />
+                            <q-btn icon="sym_o_edit" @click="edit(table.name)"
+                                :disable="selected[table.name]?.length !== 1" label="Edit Field" flat size="sm"
+                                color="secondary" />
                             <q-btn icon="sym_o_delete" @click="removeField(table.name)"
                                 :disable="selected[table.name]?.length == 0" label="Remove Field" flat size="sm"
                                 color="negative" />

package/dist/runtime/pages/System/index.vue

@@ -21,7 +21,7 @@ const columns = [
   {
     name: "value",
     label: "Value",
-    whiteSpace: "pre-wrap"
+    style: "white-space: normal; word-break: break-all;"
   }
 ];
 </script>

package/dist/runtime/pages/System/menu/index.vue

@@ -264,7 +264,11 @@ const menusOnly = computed(() => {
                                 <l-input label="Label" v-model="selectedNode.label" />
                                 <l-input label="To" v-model="selectedNode.to" />
                                 <l-input label="Icon" v-model="selectedNode.icon"
-                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline" />
+                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline">
+                                    <template #append>
+                                        <l-icon-picker v-model="selectedNode.icon" dense />
+                                    </template>
+                                </l-input>
                                 <l-input label="Permission" v-model="selectedNode.permission" />
                                 <l-input label="UUID" v-model="selectedNode.uuid" readonly />
                             </div>

package/dist/runtime/pages/System/setting.vue

@@ -52,6 +52,7 @@ const onSubmit = async (d) => {
                         <q-tab name="forget-password" icon="sym_o_lock" :label="$t('Forget password')" />
                         <q-tab name="authentication" icon="sym_o_passkey" :label="$t('Authentication')" />
                         <q-tab name="developer" icon="sym_o_code" :label="$t('Developer')" />
+                        <q-tab name="logs" icon="sym_o_event_note" :label="$t('Logs')" />
                     </q-tabs>
                 </template>
                 <template #after>
@@ -62,6 +63,7 @@ const onSubmit = async (d) => {
                     <l-system-setting-developer v-if="tab == 'developer'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-forget-password v-if="tab == 'forget-password'" v-bind="obj" @submit="onSubmit" />
                     <l-system-setting-authentication v-if="tab == 'authentication'" v-bind="obj" @submit="onSubmit" />
+                    <l-system-setting-logs v-if="tab == 'logs'" />
 
                 </template>
             </q-splitter>

package/dist/runtime/pages/System/view_as.vue

@@ -1,7 +1,10 @@
 <script setup>
-import { list, m, useLight } from "#imports";
+import { list, m, useLight, navigateTo } from "#imports";
 import { ref, computed } from "vue";
 const light = useLight();
+if (!light.isGranted("system.view_as")) {
+  await navigateTo("/");
+}
 let users = await list("User", {
   user_id: true,
   username: true,

package/dist/runtime/pages/SystemValue/index.vue

@@ -1,6 +1,9 @@
 <script setup>
 import { model } from "#imports";
-const columns = model("SystemValue").columns(["name", "value"]);
+const columns = model("SystemValue").columns({
+  name: true,
+  value: true
+});
 </script>
 
 <template>

package/dist/runtime/pages/User/createAccessToken.vue

@@ -7,7 +7,8 @@ const token = ref(null);
 const expiresOptions = [
   { label: "7 \u65E5", value: 7 * 24 * 60 * 60 },
   { label: "30 \u65E5", value: 30 * 24 * 60 * 60 },
-  { label: "3 \u500B\u6708", value: 90 * 24 * 60 * 60 }
+  { label: "3 \u500B\u6708", value: 90 * 24 * 60 * 60 },
+  { label: "\u4E0D\u9650\u6642\u9593", value: 0 }
 ];
 const onSubmit = async (data) => {
   token.value = null;

package/dist/runtime/pages/User/index.vue

@@ -2,10 +2,10 @@
     <l-page>
         <l-tabs route>
             <l-tab label="Active" name="active">
-                <user-list :status="0" name="user-active" />
+                <l-user-list :status="0" name="user-active" />
             </l-tab>
             <l-tab label="Inactive" name="inactive">
-                <user-list :status="1" name="user-inactive" />
+                <l-user-list :status="1" name="user-inactive" />
             </l-tab>
         </l-tabs>
     </l-page>

package/dist/runtime/pages/User/profile.d.vue.ts

@@ -1,3 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/pages/User/profile.vue

@@ -1,7 +1,8 @@
 <script setup>
-import { q, getGQLFields, model } from "#imports";
+import { q, getGQLFields, model, m, useLight } from "#imports";
+import { reactive } from "vue";
 import { toQuery } from "@hostlink/light";
-const { my } = await q({
+const { my, listAPIKey: _listAPIKey } = await q({
   my: {
     user_id: true,
     username: true,
@@ -36,8 +37,19 @@ const { my } = await q({
         ...toQuery(getGQLFields("EventLog", ["class", "id", "action", "created_time"]))
       }
     }
+  },
+  listAPIKey: {
+    __args: {
+      sort: "apikey_id:desc"
+    },
+    data: {
+      apikey_id: true,
+      name: true,
+      created_time: true
+    }
   }
 });
+const listAPIKey = reactive(_listAPIKey);
 const userlogColumns = model("UserLog").columns(["login_dt", "result", "user_agent"]);
 userlogColumns.forEach((col) => {
   col.searchable = false;
@@ -46,6 +58,25 @@ const eventLogCols = model("EventLog").columns(["class", "action", "created_time
 eventLogCols.forEach((col) => {
   col.searchable = false;
 });
+const apiKeyCols = model("APIKey").columns(["name", "created_time"]);
+apiKeyCols.forEach((col) => {
+  col.searchable = false;
+});
+apiKeyCols.push({ name: "_delete", label: "", field: "_delete", align: "right" });
+const light = useLight();
+const deleteToken = async (id) => {
+  light.dialog({
+    title: "Delete Token",
+    message: "Are you sure you want to delete this token?",
+    cancel: true,
+    persistent: true
+  }).onOk(async () => {
+    await m("deleteAPIKey", { id });
+    const idx = listAPIKey.data.findIndex((r) => r.apikey_id === id);
+    if (idx !== -1) listAPIKey.data.splice(idx, 1);
+    light.notify({ type: "positive", message: "Token deleted" });
+  });
+};
 </script>
 
 <template>
@@ -70,7 +101,7 @@ eventLogCols.forEach((col) => {
 
                     <q-separator />
                     <l-list :bordered="false">
-                        <q-item-label header>{{ $t('Details') }}</q-item-label>
+                        <q-item-label header>{{ $t("Details") }}</q-item-label>
                         <l-item label="Username">{{ my.username }}</l-item>
                         <l-item label="First name">{{ my.first_name }}</l-item>
                         <l-item label="Last name">{{ my.last_name }}</l-item>
@@ -84,12 +115,24 @@ eventLogCols.forEach((col) => {
 
             <l-col md="8">
                 <l-tabs>
-                    <l-tab label="User Log" name="user_log">
+                    <l-tab label="User Log" name="user_log" icon="sym_o_manage_accounts">
                         <l-table :rows="my.userLog.data" searchable :columns="userlogColumns" hide-pagination />
                     </l-tab>
-                    <l-tab label="Event Log" name="event_log">
+                    <l-tab label="Event Log" name="event_log" icon="sym_o_history">
                         <l-table :rows="my.eventLog.data" :columns="eventLogCols" searchable hide-pagination />
                     </l-tab>
+                    <l-tab label="Access Tokens" name="access_tokens" icon="sym_o_token">
+                        <l-table :rows="listAPIKey.data" :columns="apiKeyCols" hide-pagination row-key="apikey_id">
+                            <template #body-cell-_delete="props">
+                                <q-td :props="props">
+                                    <q-btn flat round dense icon="sym_o_delete" color="negative"
+                                        @click="deleteToken(props.row.apikey_id)">
+                                        <q-tooltip>Delete</q-tooltip>
+                                    </q-btn>
+                                </q-td>
+                            </template>
+                        </l-table>
+                    </l-tab>
                 </l-tabs>
             </l-col>
         </l-row>

package/dist/runtime/pages/User/profile.vue.d.ts

@@ -1,3 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/plugin.js

@@ -1,10 +1,9 @@
 import QMarkdownVuePlugin from "@quasar/quasar-ui-qmarkdown";
 import "@quasar/quasar-ui-qmarkdown/dist/index.css";
 import { createClient, setApiClient, defineModel } from "@hostlink/light";
-import { q } from "#imports";
 import { createI18n } from "vue-i18n";
 import createLight from "./composables/createLight.js";
-import { addRouteMiddleware, defineNuxtPlugin, useRoute } from "#app";
+import { defineNuxtPlugin, useRoute } from "#app";
 import "./assets/main.css";
 import message_en from "./locales/en.json";
 import message_zh from "./locales/zh-hk.json";
@@ -16,26 +15,6 @@ import getApiBase from "./composables/getApiBase.js";
 import useLight from "./composables/useLight.js";
 import { zhTW } from "@formkit/i18n";
 export default defineNuxtPlugin((nuxtApp) => {
-  addRouteMiddleware("auth", async (to, from) => {
-    if (to.path == "/") {
-      return;
-    }
-    const { my } = await q({
-      my: {
-        allowedPath: {
-          __args: {
-            path: to.path
-          }
-        }
-      }
-    });
-    if (!my) {
-      return;
-    }
-    if (!my.allowedPath) {
-      return "/page_not_found?path=" + encodeURIComponent(to.fullPath);
-    }
-  }, { global: true });
   const client = createClient(getApiBase());
   setApiClient(client);
   defineModel("Permission", {}).setDataPath("app.listPermission");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.66.0",
+  "version": "1.66.2",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -21,6 +21,7 @@
   "scripts": {
     "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground --public",
+    "dev:docs": "nuxi dev docs",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release:org": "npm run lint && npm run test && npm run prepack && npm publish && git push --follow-tags",

package/dist/runtime/components/MyTest.vue

@@ -1,11 +0,0 @@
-<script setup>
-const props = defineProps({
-  test: String
-});
-</script>
-
-<template>
-    <div>
-        {{ props }}
-    </div>
-</template>

package/dist/runtime/components/l-dialog-database-field-add.d.vue.ts

@@ -1,9 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hide: (...args: any[]) => void;
-    ok: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onHide?: ((...args: any[]) => any) | undefined;
-    onOk?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/l-dialog-database-field-add.vue.d.ts

@@ -1,9 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hide: (...args: any[]) => void;
-    ok: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onHide?: ((...args: any[]) => any) | undefined;
-    onOk?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;