@hostlink/nuxt-light 1.66.0 → 1.67.0

package/README.md

@@ -17,6 +17,7 @@ Find and replace all on all files (CMD+SHIFT+F):
 This is a Hostlink nuxt-light framework for Nuxt.
 
 - [✨  Release Notes](/CHANGELOG.md)
+- [📖  Documentation](https://nuxt-light.netlify.app/)
 <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-light?file=playground%2Fapp.vue) -->
 <!-- - [📖 &nbsp;Documentation](https://example.com) -->
 

package/dist/module.d.mts

@@ -1,6 +1,12 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
+    checkPagePermissions?: boolean;
+    tableActionIcons?: {
+        view?: string;
+        edit?: string;
+        delete?: string;
+    };
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

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

package/dist/module.mjs

@@ -334,6 +334,16 @@ const module$1 = defineNuxtModule({
   }, */
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
+    nuxt.options.runtimeConfig = nuxt.options.runtimeConfig || {};
+    nuxt.options.runtimeConfig.public = nuxt.options.runtimeConfig.public || {};
+    nuxt.options.runtimeConfig.public.light = {
+      ...nuxt.options.runtimeConfig.public.light || {},
+      tableActionIcons: {
+        view: options.tableActionIcons?.view,
+        edit: options.tableActionIcons?.edit,
+        delete: options.tableActionIcons?.delete
+      }
+    };
     extendPages((pages) => {
       for (const route of routes) {
         if (route.children) {
@@ -392,6 +402,30 @@ const module$1 = defineNuxtModule({
       content += `(await import('${file}')).default();
 `;
     }
+    addPluginTemplate({
+      filename: "light.auth.mjs",
+      mode: "client",
+      getContents: () => {
+        if (options.checkPagePermissions === false) {
+          return `import { defineNuxtPlugin } from '#app'
+export default defineNuxtPlugin(() => {})`;
+        }
+        return `import { addRouteMiddleware, defineNuxtPlugin } from '#app'
+import { query as q } from '@hostlink/light'
+export default defineNuxtPlugin(() => {
+  addRouteMiddleware("auth", async (to) => {
+    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 });
+})`;
+      }
+    });
     addPluginTemplate({
       filename: `light.module.options.mjs`,
       mode: "client",

package/dist/runtime/components/{l-audit-card.d.vue.ts → L/AuditCard.d.vue.ts}

@@ -1,4 +1,4 @@
-import { type LCardProps } from './l-card.vue.js';
+import { type LCardProps } from './Card.vue.js';
 export type LAuditCardProps = LCardProps & {
     modelValue: {
         createdTime: string;

package/dist/runtime/components/{l-audit-card.vue → L/AuditCard.vue}

@@ -1,5 +1,5 @@
 <script setup>
-import {} from "./l-card.vue";
+import {} from "./Card.vue";
 const modelValue = defineModel({ type: Object, ...{
   required: true
 } });

package/dist/runtime/components/{l-audit-card.vue.d.ts → L/AuditCard.vue.d.ts}

@@ -1,4 +1,4 @@
-import { type LCardProps } from './l-card.vue.js';
+import { type LCardProps } from './Card.vue.js';
 export type LAuditCardProps = LCardProps & {
     modelValue: {
         createdTime: string;

package/dist/runtime/components/{l-bar.vue → L/Bar.vue}

@@ -1,6 +1,5 @@
 <script setup>
 import { useLight } from "#imports";
-import { QBar } from "quasar";
 import { computed } from "vue";
 const props = defineProps({
   color: { type: String, required: false, default: void 0 },
@@ -18,7 +17,7 @@ const barClass = computed(() => {
 </script>
 
 <template>
-    <q-bar :class="barClass">
+    <q-bar :class="barClass" :dense="props.dense">
         <slot></slot>
     </q-bar>
 </template>

package/dist/runtime/components/{l-btn.d.vue.ts → L/Btn.d.vue.ts}

@@ -9,7 +9,6 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LBtnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LBtnProps> & Readonly<{}>, {
-    color: import("quasar").NamedColor;
     permission: string;
     confirmMessage: string;
     confirmTitle: string;

package/dist/runtime/components/{l-btn.vue → L/Btn.vue}

@@ -1,6 +1,9 @@
 <script setup>
-import { useQuasar, QBtn } from "quasar";
-import { computed } from "vue";
+import { useQuasar } from "quasar";
+import { computed, useAttrs } from "vue";
+import useLight from "../../composables/useLight";
+import { useLightButtonDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   size: { type: null, required: false },
   type: { type: null, required: false },
@@ -21,7 +24,7 @@ const props = defineProps({
   fab: { type: Boolean, required: false, skipCheck: true },
   fabMini: { type: Boolean, required: false, skipCheck: true },
   padding: { type: null, required: false },
-  color: { type: null, required: false, default: "primary" },
+  color: { type: null, required: false },
   textColor: { type: null, required: false },
   noCaps: { type: Boolean, required: false, skipCheck: true },
   noWrap: { type: Boolean, required: false, skipCheck: true },
@@ -42,30 +45,30 @@ const props = defineProps({
   confirmTitle: { type: String, required: false, default: "Confirm" }
 });
 const $q = useQuasar();
-const { onClick } = props;
-const handleClick = function(evt) {
+const light = useLight();
+const attrs = useAttrs();
+const L_KEYS = ["permission", "confirmMessage", "confirmTitle"];
+const handleClick = (evt) => {
   if (props.confirmMessage) {
     $q.dialog({
       title: props.confirmTitle,
       message: props.confirmMessage,
       ok: "Yes",
       cancel: "No"
-    }).onOk(() => {
-      onClick?.(evt);
-    });
+    }).onOk(() => props.onClick?.(evt));
   } else {
-    onClick?.(evt);
+    props.onClick?.(evt);
   }
 };
-const filteredProps = computed(() => {
-  const { onClick: onClick2, ...rest } = props;
+const base = useLightButtonDefaults(props, attrs, L_KEYS);
+const btnProps = computed(() => {
+  const { onClick, ...rest } = base.value;
   return rest;
 });
 </script>
 
 <template>
-    <q-btn v-if="$light.isGranted($props.permission)" @click="handleClick"
-        v-bind="{ ...filteredProps, ...$light.getButtonProps(filteredProps) }">
-        <slot></slot>
+    <q-btn v-if="light.isGranted(props.permission)" v-bind="btnProps" @click="handleClick">
+        <slot />
     </q-btn>
 </template>

package/dist/runtime/components/{l-btn.vue.d.ts → L/Btn.vue.d.ts}

@@ -9,7 +9,6 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LBtnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LBtnProps> & Readonly<{}>, {
-    color: import("quasar").NamedColor;
     permission: string;
     confirmMessage: string;
     confirmTitle: string;

package/dist/runtime/components/{l-card.vue → L/Card.vue}

@@ -1,7 +1,9 @@
 <script setup>
 import { useLight, q, m } from "#imports";
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, useAttrs } from "vue";
 import { useStorage } from "@vueuse/core";
+import { useLightCardDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const emit = defineEmits(["close"]);
 const minimized = defineModel("minimized", { type: Boolean, ...{ default: false } });
 const maximized = defineModel("maximized", { type: Boolean, ...{ default: false } });
@@ -20,13 +22,13 @@ const props = defineProps({
   bordered: { type: Boolean, required: false, skipCheck: true, default: void 0 },
   tag: { type: null, required: false }
 });
+const vAttrs = useAttrs();
+const L_KEYS = ["loading", "title", "permission", "closeable", "minimizable", "maximizable", "name", "minimized", "maximized", "onUpdate:minimized", "onUpdate:maximized"];
 const storedMinimized = props.name ? useStorage(`l-card-minimized-${props.name}`, false) : ref(false);
 if (props.name && storedMinimized.value) {
   minimized.value = storedMinimized.value;
 }
-const attrs = computed(() => {
-  return { ...light.styles.card, ...Object.fromEntries(Object.entries(props).filter(([key, value]) => value !== void 0)) };
-});
+const cardProps = useLightCardDefaults(props, vAttrs, L_KEYS);
 const barClass = computed(() => {
   const c = ["text-white"];
   const color = light.color;
@@ -39,7 +41,7 @@ const showBar = computed(() => {
   if (props.minimizable) return true;
   if (props.title !== void 0) return true;
   if (showSecurity.value) return true;
-  if (attrs.value.actions) return true;
+  if (vAttrs.actions) return true;
   return false;
 });
 const showSecurity = computed(() => {
@@ -100,7 +102,7 @@ const onMinimize = () => {
 </script>
 
 <template>
-    <q-card v-bind="attrs" :class="{ 'fullscreen': maximized, 'no-margin': maximized }"
+    <q-card v-bind="cardProps" :class="{ 'fullscreen': maximized, 'no-margin': maximized }"
         v-if="$light.isGranted(permission)" :dark="$q.dark.isActive">
         <q-bar :class="barClass" v-if="showBar">
             <div>{{ $t(title ?? "") }}</div>

package/dist/runtime/components/{l-checkbox.vue → L/Checkbox.vue}

@@ -1,6 +1,7 @@
 <script setup>
 import {} from "quasar";
-defineProps({
+import { useLightLabel } from "../../composables/useLightProps";
+const props = defineProps({
   name: { type: null, required: false },
   size: { type: null, required: false },
   modelValue: { type: null, required: true },
@@ -23,10 +24,11 @@ defineProps({
   tabindex: { type: null, required: false },
   "onUpdate:modelValue": { type: Function, required: false }
 });
+const translatedLabel = useLightLabel(props);
 </script>
 
 <template>
-    <q-checkbox v-bind="$props" :label="label ? $t(label) : void 0">
+    <q-checkbox v-bind="$props" :label="translatedLabel">
         <slot></slot>
     </q-checkbox>
 </template>

package/dist/runtime/components/{l-date-picker.vue → L/DatePicker.vue}

@@ -1,7 +1,8 @@
 <script setup>
-import { ref, computed, watch, nextTick } from "vue";
-import { useLight } from "#imports";
-import { QInput } from "quasar";
+import { ref, computed, watch, useAttrs } from "vue";
+import {} from "quasar";
+import { useLightInputDefaults } from "../../composables/useLightProps";
+defineOptions({ inheritAttrs: false });
 const modelValue = defineModel({ type: null, ...{
   type: [String, Object, null],
   default: null
@@ -86,115 +87,96 @@ const props = defineProps({
   onBlur: { type: Function, required: false },
   onClear: { type: Function, required: false }
 });
-const light = useLight();
+const attrs = useAttrs();
+const DATE_KEYS = [
+  "range",
+  "todayBtn",
+  "locale",
+  "calendar",
+  "defaultYearMonth",
+  "defaultView",
+  "events",
+  "eventColor",
+  "emitImmediately",
+  "yearsInMonthView",
+  "navigationMinYearMonth",
+  "navigationMaxYearMonth",
+  "noUnset",
+  "firstDayOfWeek",
+  "minimal",
+  "options",
+  "subtitle",
+  "title"
+];
 const popup = ref(null);
-const inputValue = ref("");
-const isInternalUpdate = ref(false);
-function modelToString(val) {
-  if (!val) return "";
-  if (typeof val === "object" && val.from) {
-    return val.from + (val.to ? " to " + val.to : "");
-  }
-  return val || "";
-}
-watch(modelValue, (newVal) => {
-  if (isInternalUpdate.value) {
-    isInternalUpdate.value = false;
-    return;
-  }
-  inputValue.value = modelToString(newVal);
-  popup.value?.hide();
-}, { deep: true, immediate: true });
-const inputMask = computed(() => {
-  if (!props.range) {
-    return "####-##-##";
-  } else {
-    return "####-##-## to ####-##-##";
-  }
-});
-const inputRules = computed(() => {
-  const rules = [];
-  if (!props.range) {
-    rules.push((val) => {
-      if (val) {
-        if (!val.match(/^\d{4}-\d{2}-\d{2}$/)) {
-          return "Invalid date format";
+const inputValue = computed({
+  get() {
+    if (!modelValue.value) return "";
+    if (typeof modelValue.value === "object" && modelValue.value.from) {
+      return modelValue.value.from + (modelValue.value.to ? " to " + modelValue.value.to : "");
+    }
+    return modelValue.value || "";
+  },
+  set(val) {
+    if (!val) {
+      modelValue.value = null;
+      return;
+    }
+    if (props.range) {
+      const parts = val.split(" to ");
+      if (parts.length === 2) {
+        const [from, to] = parts;
+        if (from.match(/^\d{4}-\d{2}-\d{2}$/) && to.match(/^\d{4}-\d{2}-\d{2}$/)) {
+          modelValue.value = { from, to };
+          return;
+        }
+        if (from.match(/^\d{4}-\d{2}-\d{2}$/) && !to) {
+          modelValue.value = from;
+          return;
         }
       }
-    });
-    return rules;
+      modelValue.value = null;
+    } else {
+      modelValue.value = val;
+    }
   }
-  return null;
 });
-const inputProps = computed(() => {
-  const { mask, locale, calendar, modelValue: modelValue2, defautYearMonth, defaultView, events, emitImmediately, ...rest } = light.getInputProps(props);
-  delete rest["onUpdate:modelValue"];
-  return rest;
+watch(modelValue, (val) => {
+  if (!props.range || typeof val === "object" && val?.from && val?.to) {
+    popup.value?.hide();
+  }
+}, { deep: true });
+const inputMask = computed(
+  () => props.range ? "####-##-## to ####-##-##" : "####-##-##"
+);
+const inputRules = computed(() => {
+  if (props.range) return [];
+  return [(val) => {
+    if (val && !val.match(/^\d{4}-\d{2}-\d{2}$/))
+      return "Invalid date format";
+  }];
 });
+const base = useLightInputDefaults(props, attrs, DATE_KEYS);
+const inputProps = computed(() => ({
+  ...base.value,
+  mask: inputMask.value,
+  rules: inputRules.value
+}));
+const SHARED_KEYS = ["color", "dark", "disable", "readonly"];
 const dateProps = computed(() => {
-  const {
-    filled,
-    outlined,
-    standout,
-    rounded,
-    dense,
-    square,
-    stackLabel,
-    color,
-    mask,
-    rules,
-    hint,
-    hideHint,
-    prefix,
-    suffix,
-    loading,
-    clearable,
-    clearIcon,
-    hideBottomSpace,
-    counter,
-    maxlength,
-    disable,
-    readonly,
-    autofocus,
-    inputClass,
-    inputStyle,
-    type,
-    debounce,
-    ...rest
-  } = props;
-  return rest;
-});
-const onUpdateInput = (val) => {
-  isInternalUpdate.value = true;
-  if (props.range) {
-    if (val == null || val === "") {
-      modelValue.value = null;
-      return;
-    }
-    const parts = val.split(" to ");
-    if (parts.length === 2) {
-      const from = parts[0] || "";
-      const to = parts[1] || "";
-      if (from.match(/^\d{4}-\d{2}-\d{2}$/) && to.match(/^\d{4}-\d{2}-\d{2}$/)) {
-        modelValue.value = { from, to };
-        return;
-      }
-      if (from.match(/^\d{4}-\d{2}-\d{2}$/) && to === "") {
-        modelValue.value = from;
-        return;
-      }
-    }
-    modelValue.value = null;
-    return;
+  const result = {};
+  for (const key of [...DATE_KEYS, ...SHARED_KEYS]) {
+    const val = props[key];
+    if (val !== void 0) result[key] = val;
   }
-  modelValue.value = val;
-};
+  return result;
+});
 </script>
 
 <template>
-    <q-input :mask="inputMask" :rules="inputRules" v-bind="inputProps" @update:model-value="onUpdateInput"
-        v-model="inputValue">
-        <template v-slot:prepend>
+    <q-input :model-value="inputValue" @update:model-value="inputValue = $event"
+        v-bind="inputProps">
+        <template #prepend>
             <q-icon name="sym_o_event" class="cursor-pointer">
                 <q-popup-proxy cover transition-show="scale" transition-hide="scale" ref="popup">
                     <q-date mask="YYYY-MM-DD" v-model="modelValue" v-bind="dateProps">
@@ -206,8 +188,8 @@ const onUpdateInput = (val) => {
             </q-icon>
         </template>
 
-        <template v-for="(s, name) in $slots" v-slot:[name]="props" :key="name">
-            <slot :name="name" v-bind="props ?? {}"></slot>
+        <template v-for="(_, name) in $slots" #[name]="slotProps" :key="name">
+            <slot :name="name" v-bind="slotProps ?? {}"></slot>
         </template>
     </q-input>
 </template>

package/dist/runtime/components/{l-delete-btn.d.vue.ts → L/DeleteBtn.d.vue.ts}

@@ -1,11 +1,20 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{
+    icon?: any;
     to?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<{
+    icon?: any;
     to?: any;
 }> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/{l-delete-btn.vue → L/DeleteBtn.vue}

@@ -2,7 +2,7 @@
 import { useQuasar } from "quasar";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
-const props = defineProps(["to"]);
+const props = defineProps(["to", "icon"]);
 const emit = defineEmits(["submit"]);
 const qua = useQuasar();
 const onDelete = () => {
@@ -19,5 +19,7 @@ const onDelete = () => {
 </script>
 
 <template>
-    <q-btn flat round icon="sym_o_delete" @click="onDelete" />
+    <q-btn flat round :icon="icon || 'sym_o_delete'" @click="onDelete">
+        <slot></slot>
+    </q-btn>
 </template>

package/dist/runtime/components/{l-delete-btn.vue.d.ts → L/DeleteBtn.vue.d.ts}

@@ -1,11 +1,20 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<{
+    icon?: any;
     to?: any;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<{
+    icon?: any;
     to?: any;
 }> & Readonly<{
     onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/L/DialogDatabaseFieldAdd.d.vue.ts

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

package/dist/runtime/components/{l-dialog-database-field-add.vue → L/DialogDatabaseFieldAdd.vue}

@@ -1,44 +1,43 @@
 <script setup>
 import { useDialogPluginComponent } from "quasar";
 const props = defineProps({
-  // ...your custom props
+  field: {
+    type: Object,
+    default: null
+  }
 });
-defineEmits([
-  // REQUIRED; need to specify some events that your
-  // component will emit through useDialogPluginComponent()
-  ...useDialogPluginComponent.emits
-]);
+defineEmits([...useDialogPluginComponent.emits]);
 const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent();
 function onOKClick(value) {
   onDialogOK(value);
 }
 const types = ["varchar", "int", "date", "time", "datetime", "timestamp", "text", "blob", "json", "jsonb", "uuid", "boolean", "decimal", "float", "double", "real", "numeric", "smallint", "bigint", "tinyint", "mediumint", "char", "binary", "varbinary", "enum"];
+const isEdit = !!props.field;
 </script>
 
 <template>
     <q-dialog ref="dialogRef">
         <q-card class="q-dialog-plugin">
             <q-toolbar>
-                <q-toolbar-title>Add Field</q-toolbar-title>
+                <q-toolbar-title>{{ isEdit ? 'Edit Field' : 'Add Field' }}</q-toolbar-title>
                 <q-space />
                 <q-btn dense flat icon="sym_o_close" v-close-popup />
             </q-toolbar>
             <form-kit type="l-form" :bordered="false" @submit="onOKClick" :value="{
-                name: '',
-                type: '',
-                length: '',
-                default: '',
-                nullable: false,
-                autoincrement: false
+                name: field?.name ?? '',
+                type: field?.type ?? '',
+                length: field?.length ?? '',
+                default: field?.default ?? '',
+                nullable: field?.nullable ?? false,
+                autoincrement: field?.autoincrement ?? false
             }">
-                <form-kit type="l-input" name="name" label="Name" validation="required" />
+                <form-kit type="l-input" name="name" label="Name" validation="required" :disabled="isEdit" />
                 <form-kit type="l-select" name="type" label="Type" :options="types" validation="required" />
                 <form-kit type="l-input" name="length" label="Length" />
                 <form-kit type="l-input" name="default" label="Default" />
                 <form-kit type="l-checkbox" name="nullable" label="Nullable" />
                 <form-kit type="l-checkbox" name="autoincrement" label="Auto increment" />
             </form-kit>
-
         </q-card>
     </q-dialog>
 </template>

package/dist/runtime/components/L/DialogDatabaseFieldAdd.vue.d.ts

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