v-nuxt-ui 0.1.18 → 0.1.19

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.1.18",
+  "version": "0.1.19",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/layout/Login.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title: string;
+    backgroundImage: string;
+    backgroundImageClass?: string;
+    logo: string;
+    logoClass?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/layout/Login.vue

@@ -0,0 +1,36 @@
+<script setup>
+defineProps({
+  title: { type: String, required: true },
+  backgroundImage: { type: String, required: true },
+  backgroundImageClass: { type: String, required: false },
+  logo: { type: String, required: true },
+  logoClass: { type: String, required: false }
+});
+</script>
+
+<template>
+  <div class="fixed inset-0 flex flex-col items-center justify-center px-3">
+    <img
+      :src="backgroundImage"
+      alt="Veken Building"
+      class="absolute w-screen h-screen object-cover object-left opacity-8"
+      :class="backgroundImageClass"
+    >
+    <UCard class="w-full max-w-md z-10">
+      <template #header>
+        <div class="flex flex-wrap gap-3 items-center justify-between">
+          <img
+            :src="logo"
+            alt="Veken Logo"
+            class="h-9"
+            :class="logoClass"
+          >
+          <div class="font-bold text-lg">
+            {{ title }}
+          </div>
+        </div>
+      </template>
+      <slot />
+    </UCard>
+  </div>
+</template>

package/dist/runtime/components/layout/Login.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title: string;
+    backgroundImage: string;
+    backgroundImageClass?: string;
+    logo: string;
+    logoClass?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => 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>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/layout/default.vue

@@ -6,9 +6,9 @@ import UDashboardGroup from "@nuxt/ui/components/DashboardGroup.vue";
 import UDashboardSidebar from "@nuxt/ui/components/DashboardSidebar.vue";
 import UNavigationMenu from "@nuxt/ui/components/NavigationMenu.vue";
 import ScrollArea from "#v/components/ScrollArea.vue";
-import LayoutModuleMenu from "#v/components/layout/ModuleMenu.vue";
-import LayoutThemePicker from "#v/components/layout/ThemePicker.vue";
-import LayoutUserMenu from "#v/components/layout/UserMenu.vue";
+import LayoutModuleMenu from "#v/components/layout/button/ModuleMenu.vue";
+import LayoutThemePicker from "#v/components/layout/button/ThemePicker.vue";
+import LayoutUserMenu from "#v/components/layout/button/UserMenu.vue";
 import Watermark from "#v/components/Watermark.vue";
 import { ref, watch } from "vue";
 const open = ref(false);

package/dist/runtime/components/sys/company/CreateModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { Company } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Company;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Company) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Company) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/company/CreateModal.vue

@@ -0,0 +1,23 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplateWithApi from "#v/components/form/create-modal-template/WithApi.vue";
+import { useCompanyApi } from "#v/composables";
+defineProps({
+  model: { type: null, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+</script>
+
+<template>
+  <FormCreateModalTemplateWithApi
+    title="公司信息"
+    :on-close="(ok) => emit('close', ok)"
+    :on-save="(model) => emit('save', model)"
+    :fields="[
+  { name: 'fullname', type: 'input', label: '\u516C\u53F8\u5168\u79F0', colSpan: '24', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  { name: 'nickname', type: 'input', label: '\u516C\u53F8\u7B80\u79F0', colSpan: '24', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') }
+]"
+    :model-value="model"
+    :api-group="useCompanyApi"
+  />
+</template>

package/dist/runtime/components/sys/company/CreateModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Company } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Company;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Company) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Company) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/company/Table.d.vue.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/company/Table.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables";
+import { useCompanyApi } from "#v/composables";
+import SysCompaniesCreateModal from "./CreateModal.vue";
+import { getOprColumns } from "#v/constants";
+import TablePage from "#v/components/table/Page.vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysCompaniesCreateModal);
+const columns = [
+  {
+    accessorKey: "fullname",
+    header: "\u516C\u53F8\u5168\u79F0",
+    meta: {
+      class: {
+        td: "w-300"
+      }
+    },
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "nickname",
+    header: "\u516C\u53F8\u7B80\u79F0",
+    meta: {
+      class: {
+        td: "w-300"
+      }
+    },
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  ...getOprColumns()
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-company"
+    cn-name="公司信息"
+    :use-api-group="useCompanyApi"
+    :biz-columns="columns"
+    :extra-order-query-options="[
+  { field: 'createdAt', label: '\u521B\u5EFA\u65F6\u95F4', defaultOpr: 'desc' }
+]"
+    @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
+  />
+</template>

package/dist/runtime/components/sys/company/Table.vue.d.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/department/CreateModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { Department } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Department;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Department) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Department) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/department/CreateModal.vue

@@ -0,0 +1,77 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { useCompanyApi, useDepartmentApi, useFormSubmission, useFormValues, useUserApi } from "#v/composables";
+import { toRef, watch } from "vue";
+const props = defineProps({
+  model: { type: null, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0 });
+watch(
+  () => newValues.value.parentId,
+  () => {
+    if (!newValues.value.companyId) {
+      newValues.value.companyId = newValues.value.parent?.companyId;
+      newValues.value.company = newValues.value.parent?.company;
+    }
+  }
+);
+const { onSubmit } = useFormSubmission(
+  toRef(oldValues),
+  toRef(newValues),
+  (close) => emit("close", close),
+  (model) => emit("save", model),
+  useDepartmentApi
+);
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="部门信息"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u90E8\u95E8\u540D\u79F0', colSpan: '12', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  {
+    name: 'parentId',
+    label: '\u4E0A\u7EA7\u90E8\u95E8',
+    colSpan: '12',
+    type: 'async-tree-select',
+    labelField: 'name',
+    searchFields: ['name'],
+    listApi: useDepartmentApi().list,
+    fetchAll: true,
+    initModelValues: newValues.parent,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.parent = newInitModelValues,
+    zodType: z.number().min(0)
+  },
+  {
+    name: 'companyId',
+    label: '\u96B6\u5C5E\u516C\u53F8',
+    colSpan: '12',
+    type: 'async-select',
+    labelField: 'nickname',
+    searchFields: ['nickname'],
+    listApi: useCompanyApi().list,
+    initModelValues: newValues.company,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.company = newInitModelValues,
+    zodType: z.number().min(0)
+  },
+  {
+    name: 'leaderId',
+    label: '\u76F4\u5C5E\u9886\u5BFC',
+    colSpan: '12',
+    type: 'async-select',
+    labelField: 'nickname',
+    searchFields: ['nickname'],
+    listApi: useUserApi().list,
+    initModelValues: newValues.leader,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.leader = newInitModelValues,
+    zodType: z.number().min(0)
+  }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { id: 0, ...newVal }"
+    @submit="onSubmit"
+  />
+</template>

package/dist/runtime/components/sys/department/CreateModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Department } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Department;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Department) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Department) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/department/Table.d.vue.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/department/Table.vue

@@ -0,0 +1,61 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables";
+import { useDepartmentApi } from "#v/composables";
+import SysDepartmentsCreateModal from "./CreateModal.vue";
+import { getOprColumns } from "#v/constants";
+import TablePage from "#v/components/table/Page.vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysDepartmentsCreateModal);
+const columns = [
+  {
+    accessorKey: "name",
+    header: "\u90E8\u95E8\u540D\u79F0",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "companyId",
+    header: "\u96B6\u5C5E\u516C\u53F8",
+    sortOption: true,
+    cell: ({ row }) => row.original.company?.nickname
+  },
+  {
+    accessorKey: "parentId",
+    header: "\u4E0A\u7EA7\u90E8\u95E8",
+    sortOption: true,
+    cell: ({ row }) => row.original.parent?.name ?? "\u65E0"
+  },
+  {
+    accessorKey: "leaderId",
+    header: "\u76F4\u7BA1\u9886\u5BFC",
+    sortOption: true,
+    cell: ({ row }) => row.original.leader?.nickname
+  },
+  ...getOprColumns()
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-department"
+    cn-name="部门信息"
+    :use-api-group="useDepartmentApi"
+    :biz-columns="columns"
+    fetch-all
+    :extra-order-query-options="[
+  { field: 'createdAt', label: '\u521B\u5EFA\u65F6\u95F4', defaultOpr: 'desc' }
+]"
+    treeify-col-name="parentId"
+    :extra-row-actions="[{
+  icon: 'i-lucide-clipboard-plus',
+  label: '\u4EE5\u6B64\u4F5C\u4E3A\u7236\u90E8\u95E8\u590D\u5236',
+  asyncFn: async (raw) => {
+    await createModal.open({ model: useDepartmentApi().copyAsParent?.(raw) ?? { id: 0 } });
+  }
+}]"
+    @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
+  />
+</template>

package/dist/runtime/components/sys/department/Table.vue.d.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/job-title/CreateModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { JobTitle } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: JobTitle;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: JobTitle) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: JobTitle) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/job-title/CreateModal.vue

@@ -0,0 +1,26 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplateWithApi from "#v/components/form/create-modal-template/CreateModalTemplateFormWithApi.vue";
+import { useJobTitleApi } from "#v/composables";
+defineProps({
+  model: { type: null, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+</script>
+
+<template>
+  <FormCreateModalTemplateWithApi
+    title="职位信息"
+    :on-close="(ok) => emit('close', ok)"
+    :on-save="(model) => emit('save', model)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u540D\u79F0', colSpan: '12', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  { name: 'disabled', type: 'switch', colSpan: '12', label: '\u7981\u7528' },
+  { name: 'description', type: 'textarea', label: '\u63CF\u8FF0', colSpan: '24', zodType: z.string().optional().nullable() },
+  { name: 'remark', type: 'textarea', label: '\u5907\u6CE8', colSpan: '24', zodType: z.string().optional().nullable() }
+]"
+    :model-value="model"
+    :default-model-value="{ disabled: false }"
+    :api-group="useJobTitleApi"
+  />
+</template>

package/dist/runtime/components/sys/job-title/CreateModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { JobTitle } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: JobTitle;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: JobTitle) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: JobTitle) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/job-title/Table.d.vue.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/job-title/Table.vue

@@ -0,0 +1,67 @@
+<script setup>
+import { useOverlay } from "@nuxt/ui/composables";
+import { useJobTitleApi } from "#v/composables";
+import SysJobTitlesCreateModal from "./CreateModal.vue";
+import { getOprColumns, booleanOptions } from "#v/constants";
+import UBadge from "@nuxt/ui/components/Badge.vue";
+import { h } from "vue";
+import TablePage from "#v/components/table/Page.vue";
+const overlay = useOverlay();
+const createModal = overlay.create(SysJobTitlesCreateModal);
+const columns = [
+  {
+    accessorKey: "name",
+    header: "\u804C\u4F4D\u540D\u79F0",
+    sortOption: true,
+    filterOption: {
+      type: "input",
+      initHide: false
+    }
+  },
+  {
+    accessorKey: "description",
+    header: "\u63CF\u8FF0",
+    sortOption: true,
+    filterOption: {
+      type: "input"
+    }
+  },
+  {
+    accessorKey: "disabled",
+    header: "\u7981\u7528",
+    cell: ({ cell }) => h(
+      UBadge,
+      {
+        modelValue: cell.getValue(),
+        label: cell.getValue() ? "\u662F" : "\u5426",
+        variant: "soft",
+        color: cell.getValue() ? "error" : "neutral"
+      }
+    ),
+    sortOption: true,
+    filterOption: {
+      type: "select",
+      items: booleanOptions
+    }
+  },
+  {
+    accessorKey: "remark",
+    header: "\u5907\u6CE8",
+    sortOption: true
+  },
+  ...getOprColumns()
+];
+</script>
+
+<template>
+  <TablePage
+    name="sys-job-title"
+    cn-name="职位信息"
+    :use-api-group="useJobTitleApi"
+    :biz-columns="columns"
+    :extra-order-query-options="[
+  { field: 'createdAt', label: '\u521B\u5EFA\u65F6\u95F4', defaultOpr: 'desc' }
+]"
+    @edit-row-from-modal="async (row) => await createModal.open({ model: row }).result"
+  />
+</template>

package/dist/runtime/components/sys/job-title/Table.vue.d.ts

@@ -0,0 +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;

package/dist/runtime/components/sys/menu/CreateModal.d.vue.ts

@@ -0,0 +1,13 @@
+import type { Menu } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Menu;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Menu) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Menu) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/menu/CreateModal.vue

@@ -0,0 +1,58 @@
+<script setup>
+import * as z from "zod";
+import FormCreateModalTemplate from "#v/components/form/create-modal-template/index.vue";
+import { useMenuApi, useFormSubmission, useFormValues } from "#v/composables";
+import { toRef } from "vue";
+import { menuTypeOptions } from "#v/constants";
+const props = defineProps({
+  model: { type: null, required: true }
+});
+const emit = defineEmits(["close", "save"]);
+const { oldValues, newValues } = useFormValues(toRef(props.model), { id: 0, disabled: false, isAdmin: false });
+const { onSubmit } = useFormSubmission(
+  toRef(oldValues),
+  toRef(newValues),
+  (close) => emit("close", close),
+  (model) => emit("save", model),
+  useMenuApi,
+  ["staticRouteKeys"]
+);
+</script>
+
+<template>
+  <FormCreateModalTemplate
+    title="菜单信息"
+    :on-close="(ok) => emit('close', ok)"
+    :fields="[
+  { name: 'name', type: 'input', label: '\u83DC\u5355\u540D\u79F0', colSpan: '12', zodType: z.string().min(2, '\u540D\u79F0\u5B57\u6570\u4E0D\u8DB3') },
+  { name: 'type', type: 'radio-select', items: menuTypeOptions, orientation: 'horizontal', label: '\u83DC\u5355\u7C7B\u578B', colSpan: '12', zodType: z.string() },
+  {
+    name: 'parentId',
+    label: '\u4E0A\u7EA7\u83DC\u5355',
+    colSpan: '12',
+    type: 'async-tree-select',
+    labelField: 'name',
+    searchFields: ['name'],
+    listApi: useMenuApi().list,
+    fetchAll: true,
+    enableEmptyOption: true,
+    initModelValues: newValues.parent,
+    onUpdateInitModelValues: (newInitModelValues) => newValues.parent = newInitModelValues,
+    extraQuery: {
+      orderQuery: [
+        { field: 'order', order: 'asc' }
+      ]
+    },
+    zodType: z.number().min(0)
+  },
+  { name: 'order', type: 'input', label: '\u83DC\u5355\u6392\u5E8F', colSpan: '12', zodType: z.string() },
+  { name: 'staticRouteKeys', type: 'dynamic-input', label: '\u83DC\u5355\u9759\u6001\u8DEF\u7531', colSpan: '24', zodType: z.array(z.string()), required: newValues.type !== 'button' },
+  { name: 'permission', type: 'input', label: '\u83DC\u5355\u6743\u9650', colSpan: '24', zodType: z.string(), hidden: newValues.type !== 'button' },
+  { name: 'disabled', type: 'button-switch', label: '\u662F\u5426\u7981\u7528', colSpan: '12', zodType: z.boolean() },
+  { name: 'isAdmin', type: 'button-switch', label: '\u662F\u5426\u662F\u7CFB\u7EDF\u83DC\u5355', colSpan: '12', zodType: z.boolean() }
+]"
+    :model-value="newValues"
+    @update-model-value="(newVal) => newValues = { id: 0, ...newVal }"
+    @submit="onSubmit"
+  />
+</template>

package/dist/runtime/components/sys/menu/CreateModal.vue.d.ts

@@ -0,0 +1,13 @@
+import type { Menu } from 'v-nuxt-ui/types';
+type __VLS_Props = {
+    model: Menu;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (args_0: boolean) => any;
+    save: (args_0: Menu) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((args_0: boolean) => any) | undefined;
+    onSave?: ((args_0: Menu) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/sys/menu/Table.d.vue.ts

@@ -0,0 +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;